/* Color Library dk green  #405a4d  /light green #cceecc / yellow #ffff00 / light Blue #0099d9  / dark blue #243b8b */
body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,p,ul,ol,li,fieldset,blockquote,caption,table,tr,dl,dt,dd { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

html,body { text-align:center; border: 0; margin:auto; padding:auto; background-color:#E4E9EE }
body {font-family: Arial, helvetica, sans-serif; color:#000000; font-size: 10pt; text-align:center }

h1 { font-size:24px; color:#405a4d; font-weight:bold; padding-bottom:0.25em }
h2 { font-size:18px; color:#405a4d; font-weight:bold; padding-bottom:0.25em }
h3 { font-size:14px; color:#0099d9; font-weight:bold; padding-bottom:0.25em}
h4 { font-size:12px; color:#0099d9; font-weight:bold; padding-bottom:0.25em}
p { padding-bottom:0.5em}
#main
{
margin-left: auto;
margin-right: auto;
width: 960px;
border:solid 2px #405a4d;
text-align: left;
background-color:#ffffff
}
#content { clear:both }
#leftCol { width:260px; float:left; position:relative; height:600px; overflow:visible}
#centerCol { width:450px; float:left; padding-top:6px; position:relative;}
#rightCol { width:230px; float:right; text-align:right; position:relative; height:500px; overflow:visible}

.popupContent { padding: 0px 12px 0px 12px}

#leftNavText { padding-left:12px;}
.leftNavItem { padding-top:4px; clear:both; width:240px }

#header { height:72px; width:960px ; background: #405a4d url(../images/headerText.gif) no-repeat top left}
#header h1 { text-indent: -1000em; }
#header a { padding-right:20px; float:right; color:#ffff00; font-weight:bold ; text-decoration:underline }
#header a:hover {color:#ffffff ; text-decoration:underline }
#footer { clear:both; width:960px; text-align:center; margin:auto; font-size:8pt; padding-top:0.5em;  padding-bottom:0.5em; border-top: solid 1px #405a4d; background-color:#cceecc } 

.agreement { padding-top:1em; font-weight:bold; font-size:10pt; color:#405a4d}
a, a:visited, a:active {color:#0099d9 ; text-decoration:underline}
a:hover {color:#009000;}
a.leftNav, a.leftNav:visited, a.leftNav:active {font-size:14pt; color:#405a4d}
a.leftNav:hover {color:#0099d9; background-color:#ffff00}

.formRow { padding-top:4px; clear:both; width:380px; }
.formLabel { font-weight:bold; float:left; width:140px; text-align:right; padding-right:4px }
.formdata { font-weight:normal; float:left; width:230px;  text-align:left }
.formButton { font-weight:normal; float:left; width:230px;  text-align:left; }

#leftNavText .formRow { padding-top:8px; clear:both; width:200px; }
#leftNavText .formLabel { font-weight:bold; float:left; width:80px; text-align:right; padding-right:8px }
#leftNavText .formdata { font-weight:normal; float:left; width:200px;  text-align:left }
#leftNavText .formButton { font-weight:normal; float:left; width:200px;  text-align:left; }

.aButton { background-color:#dddddd; border-top:solid 2px #ffffff; border-left:solid 2px #ffffff; border-right:solid 2px #999999; border-bottom:solid 2px #999999}
.aButton:hover { background-color:#cceecc; color:#405a4d; border-top:solid 2px #405a4d; border-left:solid 2px #405a4d; border-right:solid 2px #ffffff; border-bottom:solid 2px #ffffff}

.hideButton {color:green ; display:none }
.normalButton {color:#000000; display:block }

.subhead {font-size:14px; color:#0099d9; font-weight:bold; padding-top:0.25em}

.breadcrumb {  font-size:12px; color:#405a4d; font-weight:bold; padding-bottom:0.25em }
.breadcrumb .thisStep {color:#cc0000 }
.breadcrumb .pastStep {color:#ffc0c0 }

ol.list { padding-left:3em; padding-bottom:0.5em}

.left150px { width:120px; float:left }

.signUp { font-size:18px; color:#ffff00; height:42px; background-color:#405a4d; vertical-align:middle}
.signUp:hover { font-size:18px; color:#ffff00; height:42px; background-color:#608a6d; vertical-align:middle}

/* common */
.indent { padding-left:2em }
.clear { clear:both} 
.center { text-align:center}
.padTop { padding-top:1em}
strong, .strong, b { font-weight:bold}
small, .small { font-size:8pt}
.green { color:#405a4d}
.blue {color:#243b8b}
.required { color:Red}
input { font-size:10pt}
input:disabled, input.disabled { color:#000; background-color:#999999; background-color:#cccccc; border: solid 1px #999999;}
input.isdate, input.isNum {width: 75px}
input.isRadio { width: 18px }
input.isShortText, input.small {width: 100px;  font-size:10pt}
input.tiny {width: 50px}
input.med , textarea.med {width: 150px}
input.large , textarea.large {width: 220px}
input.huge, textarea.huge {width: 350px}

.errorMsg, .errMessage { color:#cc3333}
.para { padding-bottom:0.5em}
.paraDouble { padding-bottom:1em}

.hidden { display:none}
.show { display:block }
.firstRow { padding-top:0.5em} 

.footerLink { position:absolute ; left::-999em; top:-999em}

/*CSS for pop up hint box */
#hintbox ul { padding:0px 0px 2px 14px; margin:0px 0px 0px 0px; color:#000}
#hintbox
{
	text-align:left;
	position:absolute;
	top: 0;
	background-color: #FFF4BF;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:14px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

a.hintanchor,  a.hintanchor:active,  a.hintanchor:visited { color:#5a8f74; font-weight:bold; text-decoration:none}
a.hintanchor:hover { color:#bc2030;font-weight:bold ;  text-decoration:none }



/* END CSS for pop up hint box */