/* GENERAL SITE STYLES */
html{ 
margin:0px;
padding:0px;
}
body{ 
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4;
font-size: 12px;
color: #333333;
background: #4D627F;
margin:0px;
padding:0px;
}
body.textarea{
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4;
font-size: 12px;
color: #333333;
background: #EEEEEE; 
margin:0px;
padding:0px;
}
img { border: none }
a:link { color: #0000CC; text-decoration:underline }
a:visited { color: #000099; text-decoration:underline }
a:hover, a:active { color: #990000; }
ul{ margin-left: 10px; padding-left: 10px;}
li{ padding-top: 2px; padding-bottom: 2px; }
.noSpace{ margin: 0px; padding: 0px; }
table { empty-cells: show ;}
td, th{ 
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #333333; 
background: transparent;
line-height: 1.4; 
font-size: 12px; 
}
h1, h2, h3{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
color: #475A75;
}
h1{
color: #b87305; /*#F60; /* test of new color */
}
h1 { font-size: 200%; padding: 0px 0px 4px 0px; border-bottom: 1px dashed #CCCCCC;}
h2 { font-size: 150%; padding: 0px 0px 0px 0px;}
h3 { font-size: 125%; padding: 0px 0px 0px 0px;}
div.calendar{ z-index: 4; } /* makes 3rd party calendar show on top of everything else */
.small{ font-size: 11px; }
div.header{
font-size: 125%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 3px 8px;
color: #4D627F;
border-left: 6px solid #4D627F;
border-bottom: 1px solid #4D627F;
letter-spacing: 0.5em;
background: transparent;
}
form{
padding: 0px;
margin: 0px;
}
div.popUp {
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
}
div.popUp div {
float: left;
line-height: normal;
font-weight: normal;
font-size: 11px;
background: #FFFFCC;
border: 1px solid #999999;
padding: 4px 6px 4px 6px;
white-space: nowrap;
}
.bodyText
{
color: #333333;
font-size: 11px;
font-weight: normal;
font-style: normal;
}
span.bigRed{ color: #FF0000; font-size: 12px; font-weight: bold; text-decoration: none; }
A.bigRed:link, A.bigRed:visited, A.bigRed:active { color: #FF0000; text-decoration: underline; }
A.bigRed:hover { color: #000000; text-decoration: underline;}

span.bigGreen{ color: #009900; font-size: 12px; font-weight: bold; text-decoration: none; }
A.bigGreen:link, A.bigGreen:visited, A.bigGreen:active { color: #009900; text-decoration: underline; }
A.bigGreen:hover { color: #000000; text-decoration: underline;}

/* BUTTONS */
a.btn_submit, a.btn_login, a.btn_add, a.btn_set, a.btn_remove, a.btn_remove { 
display:block;
width: 60px;
height:16px;
padding:0px;
margin: 2px;
}
a.btn_download {
display:block;
width: 40px;
height:16px;
padding:0px;
margin: 2px;
}
a.btn_login:link, a.btn_login:visited { background: transparent url(/img/layout/btn_login.gif) center center no-repeat; }
a.btn_login:hover, a.btn_login:active { background: transparent url(/img/layout/btn_login_on.gif) center center no-repeat; text-decoration: none;}
a.btn_submit:link, a.btn_submit:visited { background: transparent url(/img/layout/btn_submit.gif) center center no-repeat; }
a.btn_submit:hover, a.btn_submit:active { background: transparent url(/img/layout/btn_submit_on.gif) center center no-repeat; text-decoration: none;}
a.btn_add:link, a.btn_add:visited { background: transparent url(/img/layout/btn_add.gif) center center no-repeat; }
a.btn_add:hover, a.btn_add:active { background: transparent url(/img/layout/btn_add_on.gif) center center no-repeat; text-decoration: none;}
a.btn_set:link, a.btn_set:visited { background: transparent url(/img/layout/btn_set.gif) center center no-repeat; }
a.btn_set:hover, a.btn_set:active { background: transparent url(/img/layout/btn_set_on.gif) center center no-repeat; text-decoration: none;}
a.btn_remove:link, a.btn_remove:visited { background: transparent url(/img/layout/btn_remove.gif) center center no-repeat; }
a.btn_remove:hover, a.btn_remove:active { background: transparent url(/img/layout/btn_remove_on.gif) center center no-repeat; text-decoration: none;}
a.btn_download:link, a.btn_download:visited { background: transparent url(/img/layout/btn_download.gif) center center no-repeat; }
a.btn_download:hover, a.btn_download:active { background: transparent url(/img/layout/btn_download_on.gif) center center no-repeat; text-decoration: none;}

/* TOP BOX */
div.topBox{
position: relative;
background: #26384F url(/img/layout/topBG.gif) top center repeat-x; 
margin: 0px 10px 10px 10px; 
height: 125px;
z-index: 1;
}
div.topBox div.logoBox{
position: absolute; 
top:15px; 
left:20px; 
background: transparent;
}
div.topBox div.loginBox{
visibility:hidden;
width:270px;
position: absolute; 
top:10px; 
left:520px; 
background: transparent;
font-size: 11px;
}

/* TOP NAV */
#topNav{
position:absolute;
top: 105px;
left: 40px;
line-height: normal;
z-index: 4;
text-align:left;
background: transparent;
}

#topNav a.first,
#topNav a.first_opened,
#topNav span.first_highlight_FFF,
#topNav span.first_highlight_EEE{
width: 85px;
display: block;
float:left;
margin: 0px 4px 0px 0px;
padding: 5px 0px 10px 0px;
background: transparent url(/img/layout/topNavTab.gif) top center no-repeat;
font-weight: bold;
font-size: 12px;
border:0;
text-align: center;
}

#topNav a:link, #topNav a:visited{ color: #72714F; text-decoration:underline; }

#topNav a.first_opened:link,#topNav a.first_opened:visited,
#topNav span.first_highlight_EEE{
background: transparent url(/img/layout/topNavTab_EEE.gif) top center no-repeat;
color: #26384f; 
}



#topNav a.first_opened:hover,#topNav a.first_opened:active{ 
color:#FFF;
background: transparent url(/img/layout/topNavTab_selected.gif) top center no-repeat !important;
}

#topNav span.first_highlight_FFF{
background: transparent url(/img/layout/topNavTabOn.gif) top center no-repeat;
color: #26384f;
}

/* CONTENT */
div.contentOut{
position:relative;
clear:both;
width:820px;
background:#E7E5BC url(/img/layout/contentOutBG.gif) top center repeat-y;
}
div.contentIn{
position:relative;
width:780px;
background:#FFFFFF;
z-index: 3;
}
#contentOut{
position:relative;
width:820px;
background:#E7E5BC url(/img/layout/contentOutBG.gif) top center repeat-y;
}
#contentIn{
position:relative;
width:780px;
background:#FFFFFF;
z-index: 3;
}
div#contentInRightBar{
width:160px;
float:right;
padding-left:5px;
text-align:left;
background-color:#FFF;
}
div#contentInPromoteBar{
padding:5px 0;
height:40px;
border-bottom:2px solid #e7e5bc;
}
div#contentInPromoteBar a:link,
div#contentInPromoteBar a:visited{
padding:2px;
margin:2px;

display:block;
float:left;
}
div#contentInPromoteBar a:hover,
div#contentInPromoteBar a:active{
background-color:#EEE;
border:1px solid #e7e5bc;
padding:1px;
}
div#contentInSearchBar{
padding:5px 0;
/*border-bottom:2px solid #e7e5bc; */
}
div#contentInSearchBar input#sbi{
width:155px;
}
div#contentInSearchBar input#sbb{
font-size:1.5em;
}

div.contentSpacer{
text-align:left;
margin: 0px 20px 0px 20px;
margin-right:165px;
padding-top:10px;
}
div.tableSpacer{
width:760px;
}
div.breadcrumb{
font-size: 11px;
}
div.linkBox{
float:right;
font-size: 11px;
margin: 0px 0px 0px 6px;
padding: 0px 0px 3px 8px;
border-left: 6px solid #4D627F;
border-bottom: 1px solid #4D627F;
letter-spacing: 4px;
}
div.pagingBox
{
font-size: 11px;
padding: 10px 5px 10px 5px;
text-align: center;
clear:both;
}

/* FOOT */
div.foot{
text-align:left;
font-size: 11px;
margin: 20px 20px 10px 20px;
padding: 3px 0px 0px 8px;
border-top: 1px solid #666666;
letter-spacing: 3px;
}
div.foot a:link, div.foot a:visited { color:#666666; }

/* HANDLES */
.coderText, .coderTextOrange { font-weight: bold;}
.coderTextOrange, .coderTextOrange:link, .coderTextOrange:visited, .coderTextOrange:hover, .coderTextOrange:active { color: #FF9900; }