@charset "utf-8";
/* R&D CSS */
/* please ensure style names have an rd- prefix */
/* rd- prefix not necessary on direct child class names */

/* ----------------------------------------------------------*/
/* universal */
/* ----------------------------------------------------------*/
body{
	margin:0;
	}
	
.clearfix:after {
    content:"";
    display:block;
    clear:both;
	}
	
.clear{
	clear:both;
	}
			
/* status highlights */
.status-na{
	background:#ffffff;
	}
	
.status-awaiting{
	background:#fffaae;
	}
	
.status-test{
	background:#eaf1cd;
	}

.status-working{
	background:#ffffff;
	}
	
.status-sold{
	background:#d5d9d1;
	}
	
.status-dead{
	background:#d5d9d1;
	}

.status-product-approved{
	background:#cce096;
	}
	
.status-approved-project{
	background:#c9d8ee;
	}
	
.status-revised{
	background:#ffbf7c;
	}
	
.status-inactive{
	background:#dbd2e9;
	}

.status-pending{
	background:#fbfadc;
	}

#rd-container{
	width:800px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#rd-container form label{
		font-size:11px;
		color:#333333;
		font-weight:bold !important;
		}
	
	#rd-container form input[type="text"], #rd-container form select, #rd-container form input[type="email"] {
		border:1px solid #aaaaaa;
		padding:4px;
		color:#333333;
		font-size:11px;
		}
		
	#rd-container .rd-left{
		float:left;
		width:420px;
		margin:0 0 10px 0;
		}
		
	#rd-container .rd-right{
		float:left;
		width:330px;
		margin:0 0 10px 25px;
		}
		
		#rd-container .rd-right p.operator-info{
			background:#eaeaea;
			padding: 5px;
			}
		
	#rd-divider{
		width:735px;
		height:1px;
		background:#dddddd;
		margin:0 auto;
		}
	


	
/* ----------------------------------------------------------*/
/* dashboard */
/* ----------------------------------------------------------*/

#rd-header, #rd-attributes, #rd-adv-srch, #rd-listings{
	width:100%;
	}
	
#rd-key{
	width:640px;
	margin:0 auto;
	border:1px solid #000000;
	}
	
	
#rd-header{
	margin: 20px 0 10px 0;
	}
	
	#rd-header h1{
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		margin:0 0 5px 5px;
		}
		
	#rd-header-btns{
		float:right;
		padding: 5px 5px 0 0;
		}
		
		#rd-header-btns a, #rd-header-btns a:link, #rd-header-btns a:visited, #rd-header-btns a:active{
			display:block;
			float:left;
			margin:0 0 0 10px;
			padding:5px;
			border:1px solid #999999;
			background:#ebebeb;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#b5171a;
			text-transform:uppercase;
			text-decoration:none;
			}

#rd-attributes-header{
	width:798px; /* accomodate border */
	border:1px solid #999999;
	background:#e4e4e4;
	}
	
	#rd-attributes-header h1{
		float:left;
		background:url('../graphics/rd-circle.jpg') no-repeat 6px 1px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		margin:10px 0 10px 0;
		padding: 0 0 0 25px
		}
		
	#rd-attributes-header #rd-print{
		float:right;
		margin:10px 10px 0 0;
		}
		
		
#rd-attributes{
	width:798px; /* accomodate border */
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:0 0 10px 0;
	}
		
	#rd-attributes #rd-checks-primary{
		float:left;
		margin:5px 0 5px 5px;
		width:600px;
		xborder:1px solid red;
		}
		
		#rd-attributes .rd-checks{
			float:left;
			width:195px;
			margin-right:10px;
			}
			
			#rd-attributes .rd-checks label{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				padding:0 0 0 1px;
				}
		
	#rd-attributes #rd-checks-secondary{
		float:right;
		margin:5px 10px 5px 0;
		}
		
		#rd-checks-secondary .rd-checks{
			width:120px;
			margin:0;
			}


#rd-attributes #rd-update{
	width:120px;
	clear:both;
	margin:15px auto 0 auto;
	}
	
	#rd-attributes #rd-update a{
		padding:5px;
		border:1px solid #999999;
		background:#ebebeb;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#b5171a;
		text-decoration:none;
		}
		
		
		
		
/* advanced search */	
#rd-adv-srch{
	width:798px; /* accomodate border */
	border:1px solid #999999;
	background:#e4e4e4;
	margin:0 0 5px 0;
	}
	
	#rd-adv-srch h1{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		color: #666666;
		font-weight: bold;
		text-align: right;
		cursor: pointer;
		padding-right: 30px;
		background: url('https://dev.fsenablers.com/fse/salesteamportal/precisionfoods/resources/stp-clean/graphics/portlet-expand.gif') no-repeat 775px 0px;
		}

		#rd-adv-srch h1.collapse{
			background:url('https://dev.fsenablers.com/fse/salesteamportal/precisionfoods/resources/stp-clean/graphics/portlet-contract.gif') no-repeat 775px 0px;
			}

	#rd-adv-srch-form{
		display:none;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		
		#rd-adv-srch-form .rd-left{
			margin:0 0 10px 10px;
			}
			
		#rd-adv-srch-form .rd-right{
			}
			
		#rd-adv-srch-keyword{
			width:370px;
			margin:0 0 10px 0;
			}
			
		#rd-adv-srch-format, #rd-adv-srch-rep{
			width:380px;
			margin:0 0 10px 0;
			}
			
		#rd-adv-srch-form img.calendar{
			display:inline-block;
			cursor:pointer;
			vertical-align:middle;
			}
			
		#rd-adv-srch-start, #rd-adv-srch-end{
			width:143px;
			}
			
		#rd-adv-srch-category, #rd-adv-srch-asignee{
			width:330px;
			margin:0 0 10px 0;
			}

		#rd-adv-srch-vol1, #rd-adv-srch-vol2{
				width:135px;
				}
				
		#rd-adv-srch-form input[type="button"]{
			margin:30px 0 0 10px;
			float:right;
			padding:5px;
			border:1px solid #999999;
			background:#ffffff;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#b5171a;
			text-decoration:none;
			cursor:pointer;
			}



/* project detail view */
#rd-listings{
	width:798px; /*accomodate border */
	margin-bottom:50px;
	border:1px solid #dddddd;
	}

	#rd-listings table{
		width:100%;
		font-size:10px;
		}
		
		#rd-listings table th{
			height:20px;
			background:#888888;
			padding:0;
			border-bottom:1px solid #dddddd;
			}
		
		/* column data */
		#rd-listings table td{
			padding:7px 0 7px 10px;
			}
			
			#rd-listings table td.date{
				color:#333333;
				}
				
			#rd-listings table td.sku, #rd-listings table td.sku a, #rd-listings table td.sku a:link,
			#rd-listings table td.sku a:visited, #rd-listings table td.sku a:active{
				color:#b5171a;
				font-weight:bold;
				text-decoration:none;
				display:inline-block;
				width: 200px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				}
				
			#rd-listings table td.manuf{
				color:#333333;
				font-weight:bold;
				}
				
			#rd-listings table td.author{
				color:#333333;
				}
				
			#rd-listings table td.initial{
				color:#333333;
				}
				
			#rd-listings table td.status{
				color:#333333;
				font-weight:bold;
				}
				
			#rd-listings table td.truncate {
				}


/* ----------------------------------------------------------*/
/* project forms */
/* ----------------------------------------------------------*/

#rd-details-header{
	width:798px; /* accomodate border */
	border:1px solid #999999;
	background:#e4e4e4;
	}
	
	#rd-details-header h1{
		float:left;
		background:url('../graphics/rd-circle.jpg') no-repeat 6px 1px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		margin:10px 0 10px 0;
		padding: 0 0 0 25px
		}
		

#rd-project-form{
	border:1px solid #dddddd;
	border-top:0;
	padding:12px 10px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

	#rd-form-project{
		width:100%;
		}

		#rd-proj-title{
			width:320px;
			}

		#rd-proj-date, #rd-proj-due{
			width:90px;
			}
			
			#rd-proj-date{
				margin:0 14px 0 0;
				}

		#rd-sales-rep{
			width:260px;
			}

		#rd-form-project p{
			font-size:10px;
			}
			
			#rd-form-project p span{
				margin:0 0 0 25px;
				}
				
				#rd-form-project p span a{
					color:#b5171a;
					}
					
					#rd-buttons #rd-new-project-cancel {
						float:left;
						margin: 15px 0 0 0;
						padding: 5px;
						border: 1px solid #999999;
						background: #ebebeb;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						color: #b5171a;
						text-transform: uppercase;
						text-decoration: none;
						cursor: pointer;
					}
					
					#rd-buttons #rd-new-project-add {
						float:right;
						margin: 15px 0 0 0;
						padding: 5px;
						border: 1px solid #999999;
						background: #ebebeb;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						color: #b5171a;
						text-transform: uppercase;
						text-decoration: none;
						cursor: pointer;
					}


	#rd-form-operation{
		width:100%;
		margin:15px 0 0 0;
		}
		
		#rd-form-operation #rd-operator-status{
			width:280px;
			}
			
		#rd-form-operation label{
			display:inline-block;
			width:65px;
			margin-right:45px;
			}
			
		#rd-form-operation #rd-operator{
			width:280px;
			}
		
		#rd-form-operation #rd-units{
			width:60px;
			}
			
		#rd-form-operation #rd-add-op{
			text-align: right;
			width: 206px;
			display: inline-block;
			}
		
			#rd-form-operation #rd-add-op a:link{
				color:#b5171a;
				font-size:10px;
				}
				
		#rd-form-operation #rd-operation-name{
			margin:0 0 8px 0;
			}
			
		#rd-form-operation #rd-operator-select-contact{
			width:195px;
			}

			#rd-form-operation #rd-operator-add-contact{
				text-align: right;
				width: 75px;
				display: inline-block;
				}
			
				#rd-form-operation #rd-operator-add-contact a:link{
					color:#b5171a;
					font-size:10px;
					}
					
		#rd-form-operation #rd-operator-contact{
			margin:0;
			}
			
	
	#rd-project-type{
		width:100%;
		margin:15px 0 0 0;
		}
			
		#rd-project-type #rd-project-type-select{
			width:280px;
			margin-top:10px;
			margin-bottom:10px;
			}

		
	#rd-product{
		width:100%;
		margin:15px 0 0 0;
		}
		
		#rd-product label span{
			font-weight:normal;
			}
		
		/* duplication */
		#rd-product #rd-currently-used, #rd-product #rd-how-served, #rd-product #rd-supply-direction, #rd-product #rd-dupe-reason{
			width:380px;
			margin:8px 0;
			}
			
			#rd-product #rd-how-served, #rd-product #rd-supply-direction{
				height:30px;
				}
				
			#rd-product #rd-dupe-reason{
				height:80px;
				}
				
		#rd-product #rd-estimated-volume{
			width:178px;
			margin:8px 0;
			}
			
		#rd-product #rd-units-use, #rd-product #rd-expect{
			width:377px;
			margin:8px 0;
			}
			
		
		/* new */
		#rd-product #rd-desc{
			width:380px;
			height:80px;
			margin:8px 0;
			}
			
		#rd-product #rd-cost-guidelines{
			width:380px;
			margin:8px 0;
			}
			
		#rd-product #rd-limited-duration{
			width:380px;
			margin:8px 0;
			}
		
		/* universal */
		#rd-product #rd-concept-segment{
			width:207px;
			margin: 0 0 8px 0;
			}
			
		#rd-product #rd-brand{
			width:270px;
			margin:10px 0;
			}
		
		#rd-product #rd-product-format, #rd-product #rd-product-category{
			width:195px;
			margin:10px 0 0 0;
			}
		
		#rd-product .rd-product-label{
			display:inline-block;
			width:125px;
			}
			
		#rd-product .rd-product-label-long{
			display:inline-block;
			width:158px;
			}
			
		#rd-product .rd-product-label-medium{
			display:inline-block;
			width:150px;
			}
			
		#rd-product .radio-group{
			margin:8px 0 0 0;
			}
			
			#rd-product .radio-group input[type="radio"]:last-child{
				margin-left:45px;
				}
				
		#rd-product #rd-desired-pack{
			margin:10px 0 0 0;
			width:185px;
			}
			
		#rd-product #rd-competitor-pack{
			width:153px;
			margin:10px 0 0 0;
			}
			
		#rd-product #rd-pack-blurb{
			margin:5px 0 0 0;
			}
			
		#rd-product #rd-holding-time{
			width:162px;
			margin:10px 0 0 0;
			}
			
		#rd-product #rd-shelf-life{
			width:162px;
			margin:10px 0 0 0;
			}
			
		#rd-product .check-group{
			margin:10px 0 10px 0 ;
			}
			
			#rd-product .check-group p{
				margin:0;
				font-weight:bold;
				}
			
			#rd-product .check-group label{
				font-weight:normal !important;
			}
				
			#rd-product #rd-allergen-restrictions, #rd-restrictions-other, #rd-product #rd-force-distribution{
				width:316px;
				margin:5px 0 0 0;
				}
			
		#rd-american-blurb{
			margin:4px 0 10px 0;
			}
			
			
		
/* ----------------------------------------------------------*/
/* project details */
/* ----------------------------------------------------------*/

#rd-project-details {
	border:1px solid #dddddd;
	border-top:0;
	padding:12px 10px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	#rd-project-details a, #rd-project-details a:link, #rd-project-details a:visited, #rd-project-details a:active{
		color:#b5171a;
		}

	#rd-project-details p{
		line-height:18px;
		}
		
	#rd-project-details span.date{
		margin-right:50px;
		}

	#rd-project-details p.emphasis{
		border:1px solid #bebebe;
		padding:6px;
		margin:30px 0 0 0;
		line-height:18px;
		}
		
	#rd-updates-header{
		clear:both;
		width:798px; /* accomodate border */
		border:1px solid #999999;
		background:#e4e4e4;
		}
		
		#rd-updates-header h1{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			margin:10px 0 10px 0;
			padding: 0 0 0 10px
			}
			
	#rd-project-updates {
		border: 1px solid #dddddd;
		border-top: 0;
		/*padding: 12px 10px 10px 10px;*/
		padding:10px 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
		#rd-project-updates #rd-feedback-received {
			font-weight: normal;
			font-size: 10px;
		}
			
		#rd-updates-btns{
			width:100%;
			margin:0 0 10px 0;
			}
			
			#rd-updates-btns a, #rd-updates-btns a:link, #rd-updates-btns a:visited, #rd-updates-btns a:active{
				display:block;
				float:left;
				margin:0 0 0 10px;
				padding:5px;
				border:1px solid #999999;
				background:#ebebeb;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#b5171a;
				text-decoration:none;
				}
				
				#rd-updates-btns a:first-child{
					margin:0 0 0 10px;
					}
				
				#rd-updates-btns a:last-child{
					float:right;
					margin: 0 10px 0 0;
					}
					
		#rd-updates{
			width:100%;
			}
			
			#rd-updates tr{
				border-bottom:1px solid #00000;
				}
			
			#rd-updates th{
				background:#888888;
				color:#ebebeb;
				font-size:11px;
				font-weight:normal;
				text-transform:uppercase;
				text-align:left;
				padding:8px;
				}
				
			#rd-updates td{
				padding:8px;
				font-size:11px;
				vertical-align:top;
				}
				
				#rd-updates td.update, #rd-updates td.update a{
					color:#b5171a;
					font-weight:bold;
					}
					
					#rd-updates td.update a {
						text-decoration: none;
					}
					
					#rd-updates td.update a.cust-feedback{
						display:inline-block;
						width:150px;
						margin:3px 0 0 0;
						padding:3px;
						border:1px solid #999999;
						background:#ebebeb;
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:11px;
						font-weight:normal;
						color:#b5171a;
						text-decoration:none;
						}
						
					#rd-updates td.update span{
						color:#333333;
						font-weight:normal;
						}
						
				#rd-updates td.author{
					width:195px;
					}
					
				#rd-updates td.status{
					width:175px;
					}
					
/* ----------------------------------------------------------*/
/* other forms */
/* ----------------------------------------------------------*/

/* view reports */
#rd-reports{
	width:317px;
	margin:15px auto;
	}
	
	#rd-reports h2{
		font-size:11px;
		font-weight:bold;
		}
	
	#rd-reports form label{
		display:inline-block;
		width:100px;
		}
		
	#rd-reports form small{
		font-size:9px;
		}
		
	#rd-reports #rd-report-run{
		float:right;
		margin: 15px 0 0 0;
		padding: 5px;
		border: 1px solid #999999;
		background: #ebebeb;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #b5171a;
		text-transform: uppercase;
		text-decoration: none;
		cursor: pointer;
		}
		

/* edit attributes/categories */
#rd-cats{
	width:450px;
	margin:15px auto;
	}
	
	#rd-cats p{
		font-size:11px;
		margin-bottom:5px;
		}
		
	#rd-cats h2{
		font-size:13px;
		font-weight:bold;
		}
	
	#rd-cats table{
		font-size:11px;
		width:100%;
		}
		
		#rd-cats table th{
			text-align:left;
			}
			
			#rd-cats table th:first-child{
			padding-right:10px;
			}
			
		#rd-cats table th.linked, #rd-cats table td.linked{
			text-align:center;
			}
		
		#rd-cats label{
			display:inline-block;
			width:100px;
			}
			
			#rd-cat-name{
				width:345px;
				}
		
		#rd-cats input[type="button"]{
			padding: 5px;
			border: 1px solid #999999;
			background: #ebebeb;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #b5171a;
			text-decoration: none;
			cursor:pointer;
			}	
			
		#rd-cats .rd-cat-btns{
			width:100%;
			margin-bottom:15px;
			margin-top:10px;
			}
			
			#rd-cats .rd-cat-btns input{
				float:right;
				margin:0 5px 0 0;
				}
				
		#rd-cats-format{
			float:left;
			font-size:11px;
			margin-right:5px;
			}
			
			#rd-cats-format input[type="radio"]{
				vertical-align:sub;
				}
				
				


/* ----------------------------------------------------------*/
/* pop ups */
/* ----------------------------------------------------------*/

#rd-container.popup{
	width:650px;
	padding:15px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#rd-container.popup .rd-left{
		float:left;
		width:310px;
		margin:0 0 10px 0;
		}
		
	#rd-container.popup .rd-right{
		float:left;
		width:310px;
		margin:0 0 10px 30px;
		}
		
	#rd-container.popup #rd-divider{
		width:625px;
		height:1px;
		background:#dddddd;
		margin:0 auto;
		}
	
/* feedback */

#rd-feedback-comment{
	width:325px;
	height:80px;
	margin:10px 0;
	}

/* admin */

form#rd-admin{
	}
	
	form#rd-admin label{
		display:inline-block;
		width:120px;
		}
		
	#rd-pop-due{
		width:100px;
		margin:0 0 10px 0;
		}
		
	#rd-pop-status, #rd-pop-scientist{
		width:200px;
		margin:0 0 10px 0;
		}
		
	#rd-pop-revision{
		width:160px;
		margin:0 0 10px 0;
		}


/* updates */

#rd-pop-updates{
	width:450px;
	height:85px;
	margin:10px 0;
	}


/* sample request */

form#rd-sample .rd-left label{
	display:inline-block;
	width:140px;
	}
	
form#rd-sample .rd-left input[type="text"]{
	margin:0 0 10px 0;
	}
	
	
	form#rd-sample #rd-arrival-date, form#rd-sample #rd-cutting-date{
		width:100px;
		}
		
	
	form#rd-sample #rd-hand-delivered{
		width:89px;
		padding: 5px;
		border: 1px solid #999999;
		background: #ebebeb;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #b5171a;
		text-decoration: none;
		cursor: pointer;
		}
	
	
form#rd-sample .rd-right label{
	display:inline-block;
	width:140px;
	}
	
	form#rd-sample .rd-right input[type="text"]{
		margin:0 0 10px 0;
		}
		
	form#rd-sample #rd-date-shipped{
		width:100px;
		}


.rd-full{
	width:100%;
	margin:10px 0 0 0;
	}
	
	.rd-sample-row{
		width:100%;
		margin:0 0 10px 0;
		}
		
		.rd-sample-col{
			float:left;
			width:155px;
			margin:0 25px 0 0;
			}
			
		.rd-sample-col input[type="text"]{
			margin:10px 0 0 0;
			}
			
	#rd-add-row{
		display:block;
		float:right;
		padding: 5px;
		border: 1px solid #999999;
		background: #ebebeb;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #b5171a;
		text-decoration: none;
		}
		
		
		
	#rd-sample-comment{
		width:643px;
		height:100px;
		margin:10px 0 0 0;
		}
		
	.chars-left {
		display: inline-block;
		font-size: 9px;
		margin: 2px 0 10px 0;
		}

#rd-sample-shipping{
	background:#eaeaea;
	padding:10px;
	}
	
	#rd-shipping-contact{
		margin:0 0 10px 0;
		}
	
	#rd-sample-shipping label{
		font-weight:normal !important;
		}
	
	#rd-shipping-left{
		width:65%;
		float:left;
		}
		
		#rd-shipping-add1, #rd-shipping-add2{
			width:300px;
			margin:0 0 10px 0;
			}
			
		#rd-shipping-city{
			width:140px;
			margin:0 0 10px 0;
			}
			
		#rd-shipping-state{
			width:60px;
			margin:0 0 10px 0;
			}
			
		#rd-shipping-zip{
			width:51px;
			margin:0 0 10px 0;
			}
			
		#rd-shipping-phone{
			}
		
	#rd-shipping-right{
		width:35%;
		float:left;
		}
		
		#rd-shipping-right label{
			display:inline-block;
			width:75px;
			}
			
		#rd-shipping-right input[type="text"], #rd-shipping-right input[type="email"]{
			width:130px;
			margin:0 0 10px 0;
			}
			
			
/* add new contact */
#rd-new-contact{
	}
	
	#rd-new-contact label{
		display:inline-block;
		width:90px;
		}


/* add new operator dialog */
.yui-panel{
	font-family: "Verdana", "Arial", sans-serif;
}

.yui-skin-fse .yui-navset .yui-content{
	background:#ffffff !important;
}

.hd{
	font-size:14px;
}

.contact-panel{
	font-size:11px;
}

.yui-content table{
	font-size:11px;
}
.FrmInput {font-size: 11px;}