@charset "utf-8";
/* CSS Document */


html
{
	background-color: #68b6d7;
	background-image:url(images/BlueBackground.jpg);
	background-repeat:repeat-x;
}


body {
	
	background-image:url(images/SideLogoBackground.jpg);
	background-repeat:no-repeat;
	bacground-color:transparent;
	overflow-x:hidden;
	padding:0px;
	margin:0px;
	font-size:11px;
	
}


/* Layout Styles */

#siteContainer {
	width:914px;
	padding:0px 8px 8px 8px;
	min-height:450px;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:100%;
	padding:0px;
	height:100px;
	background-color:#ffffff;
	background-image:url(images/HeaderBackground.jpg);
	background-repeat:no-repeat;
}


#headerBar {
	width:902px;
	padding:6px 0px 0px 12px;
	height:32px;
	background-image:url(images/HeaderBarFullBlue.jpg);
	background-repeat:no-repeat;
	display:block;
}

#contentTop {
	width:914px;
	height:18px;
	padding:0px;
	background-image:url(images/FixedDataTop.jpg);
	background-repeat:no-repeat;
}

#contentArea {
	width:914px;
	padding:0px;
	background-color:#d4d4d4;
	background-image:url(images/RiskContentBackground.jpg);
	background-repeat:no-repeat;
	margin:0px;
	min-height:300px;
	overflow:hidden;
}

#leftColumn {
	margin-bottom:10px;
	padding-left:10px;
	width:190px;
	min-height:330px;
	float:left;
	padding-right:20px;
	overflow:hidden;
	background-color:transparent;
}

#middleColumn {
	margin-bottom:10px;
	width:474px;
	min-height:330px;
	float:left;
	padding-right:10px;
	text-align:left;


}

#wideColumn {
	margin-bottom:10px;
	width:674px;
	min-height:330px;
	float:left;
	margin-right:10px;

}

#rightColumn {
	margin-bottom:10px;
	width:200px;
	min-height:330px;
	float:left;
	padding-right:10px;
	padding-top:0px;
}


#contentBottom {
	width:914px;
	height:18px;
	padding:0px;
	background-image:url(images/FixedDataBottom.jpg);
	background-repeat:no-repeat;
}

#footerTop {
	width:914px;
	padding:0px;
	height:18px;
	background-image:url(images/FooterTop.jpg);
	background-repeat:no-repeat;
	display:block;
}

#footerBody {
	width:914px;
	padding:0px;
	height:30px;
	display:block;
	background-color:#121212;
}

.footerFormat {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}

#floatingLogo
{
	position:absolute;
	margin-left:5px;
	margin-top:33px;
	width:285px;
	height:56px;
	background-image:url(images/OptareLogoSiteHeader.jpg);
	background-repeat:no-repeat;
}

#floatingLogin
{
	position:absolute;
	margin-left:480px;
	margin-top:20px;
	width:400px;
	height:100px;
}

.loginTableRow {
	font-size:10px;
	height:20px;
	vertical-align:middle;
	color:#ffffff;
}

#featureBoxTop {
	height:12px;
	width:190px;
	background-image:url(images/FeatureBoxTopTrans.png);
	background-repeat:no-repeat;
	margin-left:5px;
	
}

#featureBox {
	min-height:310px;
	width:174px;
	/*background-color:#beb8a8;*/
	background-color:transparent;
	background-image:url(images/FeatureBackgroundTrans.png);
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;

}

#featureBoxBottom {
	height:12px;
	width:190px;
	background-image:url(images/FeatureBoxBottomTrans.png);
	background-repeat:no-repeat;
	margin-left:5px;

}

#contactBackground {
	min-height:310px;
	width:450px;
	/*background-color:#beb8a8;*/
	background-color:transparent;
	background-image:url(images/FeatureBackgroundTrans.png);
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;

}


/* Text Styles */

h1 {
	margin-top:12px;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#0070a2;
	margin-bottom:1px;
}
h2 {
	margin-top:9px;
	margin-bottom:2px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#0070a2;
	font-weight:bold;
}
h3
{
	line-height:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#999999;
	font-weight:bold;
	margin-bottom:4px;
}
h4 {
	line-height:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	font-weight:bold;
}

p {
	line-height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	/*text-align:justify;*/

}

td
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

ul
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-bottom:4px;
list-style-image:url(images/OptareBullet.png);

}
ol
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-bottom:4px;
}
li
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding-bottom:9px;
}


/* Image Styles */

img {

	border:0px;
}


img.verticalImage {
	vertical-align:middle;
	border:0px;

}


/* Link Styles */

a:link, a:active { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF6600;
	text-decoration: none;
	font-weight:bold;
	cursor:hand;
}

a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF6600;
	text-decoration: none;
	font-weight:bold;
	cursor:hand;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #898;
	font-weight:bold;
	cursor:hand;
}

a.whitelink:link, a.whitelink:active { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	font-weight:bold;
	cursor:hand;
}

a.whitelink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	font-weight:bold;
	cursor:hand;
}

a.whitelink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	cursor:hand;
}


a.toolLink:link, a.toolLink:active { 
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:32px;
	height:32px;
	color:#336666;
	text-decoration: none;
	font-weight:bold;
	cursor:hand;
	vertical-align:middle;
	display:block;
	float:left;
	margin-right:3px;
	background-repeat:no-repeat;
}

a.toolLink:visited {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:32px;
	height:32px;
	color:#336666;
	text-decoration: none;
	font-weight:bold;
	cursor:hand;
	vertical-align:middle;
	display:block;
	float:left;
	margin-right:3px;
	background-repeat:no-repeat;
}

a.toolLink:hover {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:32px;
	height:32px;
	color: #660000;
	font-weight:bold;
	cursor:hand;
	vertical-align:middle;
	display:block;
	float:left;
	margin-right:3px;
	background-position: 0 -32px;
	background-repeat:no-repeat;
}


hr
{
border: none 0; 
border-top: 1px solid #666666;
width: 100%;
height: 0px;
opacity:0.5;
	filter:alpha(opacity=50);
}


/* Form Validation */


input.disabled {

	border: 1px solid #F2F2F2;

	background-color: #F2F2F2;

}



input.required, textarea.required {

	border: 1px solid #00A8E6;

}

input.validation-failed, textarea.validation-failed {

	border: 1px solid #FF3300;

	color : #FF3300;

}

input.validation-passed, textarea.validation-passed {

	border: 1px solid #00CC00;

	color : #000;

}



.validation-advice {

	margin: 5px 0;

	padding: 5px;

	background-color: #FF3300;

	color : #FFF;

	font-weight: bold;

}



.custom-advice {

	margin: 5px 0;

	padding: 5px;

	background-color: #C8AA00;

	color : #FFF;

	font-weight: bold;

}



fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.field-label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
	width:100px;
}

.field-widget {

}  

.loginField {
	width:150px;
	height:16px;
	font-size:11px;
	background-image:url(images/LoginFieldBackground.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:0px;

}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 15px 5px 20px;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		background-image:url(images/plus_main.gif);
		background-repeat:no-repeat;
		background-position:9px 10px;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#ffffff;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div	
	{	
		padding:5px;
		margin:-2px 0px 0px -6px;
		background-color:transparent;
		border-width:1px;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a	
	{	
		padding:5px 50px 5px 20px;
		background-color:transparent;
		color:#ffffff;
		font-size:11px;
		font-weight:bold;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#3f3f3f;
		text-decoration:none;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent	
	{	
		background-image:url(images/plus_sub.gif);
	}


	/*"""""""" (SUB) Parent Hover State""""""""*/	
	#qm0 div .qmparent:hover	
	{	
		background-image:url(images/plus_sub_hover.gif);
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#006fa1;
		background-image:url(images/minus_sub.gif);
		color:#ffffff;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#d4d4d4;
		background-color:#3f3f3f;
		background-image:url(images/minus_main.gif);
		background-repeat:no-repeat;
		background-position:9px 5px;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 20px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#3f3f3f;
		background-color:#ffffff;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Main Hover Fill Items [Static]""""""""*/	
	#qm0 .qmhoverfill	
	{	
		background-color:#ffc215;
	}


	/*"""""""" Sub Hover Fill Items [Static]""""""""*/	
	#qm0 div .qmhoverfill	
	{	
		background-color:#d4d4d4;
		border-width:1px;
		border-style:solid;
		border-color:#3f3f3f;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0 div div	
	{	
		margin:0px 0px 0px -6px;
	}