@charset "utf-8";

body {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
	color:#000000;
	font-size:9pt;
}

	a,
	a.quicksourcelinks {
		margin:0;
		padding:0;
		text-decoration:none;
		color:#999;
		/* display:block; */
	}
	
	a:hover {
		color:#D6083B;
	}
	
	a.active {
		color:#D6083B;
		/*
		font-weight:bold;
		letter-spacing:.5px;
		*/
	}
	
	a.quicksourcelinks {
		float:right;
		clear:right;
		margin-right:15px;
	}	
	
	br {
		line-height:25px;
	}
	
	.clearfix:after {
		content:'.';
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	
	form {
		margin:0;
		padding:0;
	}
	
	#container {
		position:absolute;
		top:0%;
		left:50%;
		width:800px;
		height:600px;
		margin-left:-400px;
	}

		#content {
			width:776px;
			height:552px;
			margin:36px 0 0 12px;
		}
		
			#secondaryNavBar {
				width:776px;
				height:15px;
				background-image:url('../img/backgrounds/secondary_nav_background.jpg');
				background-repeat:repeat-x;
				margin:0;
				padding:0;
				margin-top:-35px;
			}
			
			#secondaryNavBar #subNavs {
				float:right;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0px;
				padding:0;
				width:550px;
				height:15px;
				border:none;
			}
			
				#secondaryNavBar #subNavs li {
					display:block;
					float:right;
					margin:0pt;
					padding:1px 0pt 0pt;
					vertical-align:middle;
					width:170px;
					text-align:left;
				}
				
					#secondaryNavBar #subNavs li a {
						display:block;
						font-size:10px;
						color:#FFF;
						text-decoration:none;
						font-weight:normal;
						letter-spacing:normal;
					}
					
					#secondaryNavBar #subNavs li a:hover {
						font-weight:bold;
					}
					
			.mainBodyCopy {					
				width:388px;
				height:267px;
				margin:22px 0px 0px 0px;
				padding:0;
				float:left;
			}	
			
			.rightHandMulti-Purpose {			
				width:385px;
				height:267px;
				margin:22px 0px 0px 3px;
				padding:0;
				float:left;
			}
			
			.wider {
				width:770px;
			}
			
				.mainBodyCopy h1,
				.rightHandMulti-Purpose h1,
				h1.formHeaders {
					margin:0px 12px;							
					color:#D6083B;
					font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
					font-weight:normal;
					font-size:24px;
					padding:0;
					width:100%;
				}
				
				h1.formHeaders {
					color:#666;
				}
			
				.mainBodyCopy p,
				.rightHandMulti-Purpose p {			
					width:357px;
					margin:16px 12px;
					margin-right:0px;
					color:#000000;
					font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
					font-size:12px;
					font-weight:normal;
					text-align:left;
					line-height:18px;
				}
				
				.mainBodyCopy p a,
				.rightHandMulti-Purpose p a {
					width:auto;
				}
				
				.mainBodyCopy ul,
				.rightHandMulti-Purpose ul {
					margin:16px 12px;
					margin-right:0px;
					padding:0;
					list-style:none;
				}
				
					.mainBodyCopy ul li,
					.rightHandMulti-Purpose ul li,
					.mainBodyCopy ul li.taller,
					.rightHandMulti-Purpose ul li.taller,
					.mainBodyCopy ul li.autoHeight,
					.rightHandMulti-Purpose ul li.autoHeight
					.rightHandMulti-Purpose ul li.supplierheading,
					.rightHandMulti-Purpose ul li.midHeight {
						margin:0;
						padding:0;
						width:100%;
						height:20px;
						padding:10px 0;
					}

					.rightHandMulti-Purpose ul li {
						float:left;
					}
					
					.grey {
						background-color:#E7E7E7;
					}
					
					.rightHandMulti-Purpose ul li.supplierheading {
						background-color:#F9F7ED;
						font-size:14pt;
						font-weight:normal;
					}
										
					.mainBodyCopy ul li.autoHeight,
					.rightHandMulti-Purpose ul li.autoHeight {
						height:auto;
					}				
					
					.mainBodyCopy ul li.taller,
					.rightHandMulti-Purpose ul li.taller {
						height:250px;
					}
					
					.rightHandMulti-Purpose ul li.midHeight {
						height:60px;
					}
					
						.mainBodyCopy ul li label,
						.rightHandMulti-Purpose ul li label,
						.mainBodyCopy ul li label.vendorLabel
						.mainBodyCopy ul li label.wrapup,
						.rightHandMulti-Purpose ul li label.wrapup {
							float:left;
							margin:0;
							padding:0;
							padding-left:5px;
							width:150px;
						}
						
						.mainBodyCopy ul li .shortlabel,
						.rightHandMulti-Purpose ul .shortlabel {
							width:75px;
						}
						
						.mainBodyCopy ul li label.wrapup,
						.rightHandMulti-Purpose ul label.wrapup {
							width:175px;
						}
						
						.mainBodyCopy ul li label.vendorLabel {
							width:40px;
						}
						
						.mainBodyCopy ul li input,
						.mainBodyCopy ul li textarea,
						.mainBodyCopy ul li select,
						.rightHandMulti-Purpose ul li input,
						.rightHandMulti-Purpose ul li textarea,
						.rightHandMulti-Purpose ul li select {						
							float:left;
							width:200px;
							height:18px;
							margin:0;
							padding:0;
							border:1px solid #999;
							text-indent:3px;
							font-size:12px;
							font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
						}
						
						.mainBodyCopy ul li select.wide,
						.rightHandMulti-Purpose ul li select.wide {
							width:215px;
						}
						
						.mainBodyCopy ul li textarea,
						.rightHandMulti-Purpose ul li textarea {
							text-indent:1px;
							height:150px;
						}
						
						.rightHandMulti-Purpose ul li.taller textarea {
							height:250px;
						}
						
						.mainBodyCopy ul li select,
						.rightHandMulti-Purpose ul li select {
							width:203px;
						}

						.rightHandMulti-Purpose ul li select.short {
							width:50px;
							margin-right:5px;
						}
						
						.mainBodyCopy ul li input.short {
							width:95%;
						}
						
						.mainBodyCopy ul li input:focus,
						.rightHandMulti-Purpose ul li input:focus,
						.mainBodyCopy ul li textarea:focus,
						.rightHandMulti-Purpose ul li textarea:focus {
							background-color:#E1EBFF;
						}
						
						.mainBodyCopy ul li input.radio,
						.rightHandMulti-Purpose ul li input.radio,
						.mainBodyCopy ul li input.checkbox, 
						.rightHandMulti-Purpose ul li input.checkbox {
							float:left;
							border:none;
							width:20px;
							display:block;
							margin:0;
							padding:0;
							text-align:left;
							margin-left:150px;
						}
						
						.mainBodyCopy ul li input.checkbox,
						.rightHandMulti-Purpose ul li input.checkbox {
							margin-left:0px;
						}
						
						.mainBodyCopy ul li input.vendorRadio {
							float:none;
							clear:none;
							width:25px;
							border:none;
							outline:none;
						}
						
						.mainBodyCopy ul li .required,
						.rightHandMulti-Purpose ul li .required {
							border-right:2px solid #FF0000;
						}
						
						.mainBodyCopy ul li input.editable,
						.rightHandMulti-Purpose ul li input.editable {
							width:150px;
						}
						
						.mainBodyCopy ul li input.button,
						.rightHandMulti-Purpose ul li input.button,
						.rightHandMulti-Purpose ul li input.autoWidthButton,
						.mainBodyCopy ul li input.rightFloatButton,
						.rightHandMulti-Purpose ul li input.rightFloatButton {
							clear:left;
							display:block;
							width:80px;
							height:25px;
							margin:0px 0px 7px 275px;
							padding:0.25em;
							background:#FFFFFF url('../img/backgrounds/background_form_element.gif') repeat-x;
							border:3px double #999;
							border-top-color:#CCC;
							border-left-color:#CCC;
							font-size:10px;
							font-weight:bold;
							font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
							text-align:center;
						}
						
						.rightHandMulti-Purpose ul li input.autoWidthButton {
							margin:-10px 0px 0px 207px;
							/*
							margin-left:207px;
							margin-bottom:10px;
							*/
							width:150px;
						}
						
						.mainBodyCopy ul li input.rightFloatButton,
						.rightHandMulti-Purpose ul li input.rightFloatButton {
							clear:right;
							display:block;
							float:right;
							margin:0px 0px 7px;
						}
						
						.mainBodyCopy ul li input.button:hover,
						.rightHandMulti-Purpose ul li input.button:hover,
						.rightHandMulti-Purpose ul li input.autoWidthButton:hover,
						.mainBodyCopy ul li input.rightFloatButton:hover,
						.rightHandMulti-Purpose ul li input.rightFloatButton:hover {
							background-color:#BBDDFF;
							border-bottom-color:#004CB2;
							border-bottom-style:double;
							border-bottom-width:3px;
							border-left-color:#99CCFF;
							border-left-style:double;
							border-left-width:3px;
							border-right-color:#004CB2;
							border-right-style:double;
							border-right-width:3px;
							border-top-color:#99CCFF;
							border-top-style:double;
							border-top-width:3px;
							color:#00004C;
							background-image:none;
					}
	
					.mainBodyCopy ul li input.button:active,
					.rightHandMulti-Purpose ul li input.button:active,
					.rightHandMulti-Purpose ul li input.autoWidthButton:active,
					.mainBodyCopy ul li input.rightFloatButton:active,
					.rightHandMulti-Purpose ul li input.rightFloatButton:active {
						background:#FFFFFF url('../img/backgrounds/background_form_element.gif') repeat-x;
						border:3px double #CCC;
						border-top-color:#999;
						border-left-color:#999;
					}
					
					.mainBodyCopy ul li input.calendar,
					.rightHandMulti-Purpose ul li input.calendar {					
						width:120px;
						margin-right:5px;
					}
					
					.mainBodyCopy ul li button.calendar,
					.rightHandMulti-Purpose ul li button.calendar {
						background: url('../img/calendar/calendar-icon.gif');
						border:0;
						cursor:pointer;
						float:left;
						height:20px;
						margin-right:6px;
						width:20px;
					}
					
					.mainBodyCopy ul li button.calendar:hover,
					.mainBodyCopy ul li button.calendar.active,
					.rightHandMulti-Purpose ul li button.calendar:hover,
					.rightHandMulti-Purpose ul li button.calendar.active {
						background-position: left bottom;
					}
					
					#fancyUploader {
						display:none;
					}
					
					.mainBodyCopy ul li input.leftAlign,
					.rightHandMulti-Purpose ul li input.leftAlign {
						margin-left:0px;
					}
					
					table {
						width:100%;
						margin:0;
						padding:0;
						font-size:10px;
					}
					
					tr.header {
						width:100%;
						height:10px;
						background-color:#E9E9E9;
					}
					
						tr td {
							height:100%;
							border:1px dotted #999;
							border-right:none;
							border-bottom:none;
							padding:2px 2px 2px 5px;
							
						}
						
						tr td.cell1 {
							width:140px;
						}
						
						tr td.cell2 {
							width:90px;
						}
						
						tr td.cell3 {
							width:100px;
						}
						
						tr td.cell4 {
							width:100px;
						}
						
						tr td.cell5 {
							width:80px;
							border-right:1px solid #999;
						}
						
					tr.addBottomBorder td {
						border-bottom:1px solid #999;
					}	
					
	img.edit {
		cursor:pointer;
		margin:2px 0 0 15px;
		vertical-align:bottom;
	}
	
	span.dfadvantage_msg {
		color:#FF0000;
		font-size:11px;
		font-weight:bold;
		margin:0;
		padding:0;
		white-space:nowrap;
	}
	
	ul.systemrequirements {
		color:#333333;
		font-size:11px;
		font-weight:bold;
		list-style:square;
		margin:0;
		padding:0pt;
	}
	
		ul.systemrequirements li {
			color:#666666;
			font-size:10px;
			height:auto;
			margin:0pt 0pt 0pt 20px;
			padding:0pt;
			width:100%;		
		}
		
.h1_formChoices {
	margin:5px 5px;
	padding:0;
	color:#D6083B;
}

.ul_formChoices {
	width:378px;
	margin:16px 12px;
	margin-right:0px;
	padding:0;
	list-style:none;
}

	.ul_formChoices li {
		margin:0;
		padding:0;
		width:100%;
		height:20px;
		padding:10px 0;
	}
	
		.ul_formChoices li label {
			margin:0 0 0 10px;
			padding:0;
			font-size:14px;
			letter-spacing:.5px;
			float:left;
			width:100px;
		}
		
		.ul_formChoices li input {
			width:250px;
		}
		
		.ul_formChoices li input:focus {
			background-color:#E1EBFF;
		}
		
		.ul_formChoices li .required {
			border:1px solid #CCC;
			border-right:2px solid #FF0000;
		}
		
		.ul_formChoices li input.button {
			clear:left;
			display:block;
			width:80px;
			height:25px;
			margin:0px 0px 7px 285px;
			padding:0.25em;
			background:#FFFFFF url('../img/backgrounds/background_form_element.gif') repeat-x;
			border:3px double #999;
			border-top-color:#CCC;
			border-left-color:#CCC;
			font-size:10px;
			font-weight:bold;
			font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
			text-align:center;
		}
		
.isLoading {
	background:#FFFFFF url('../../img/ajax/loadIndicator_flower_small.gif') no-repeat scroll right top;
}