﻿/* MIN WIDTH SETTING */
/* Min size: 960px */
/* Max size: 1260px * 94% = 1185px */
/* Column sizes: right=240px, left=180px */
/* Min Column size: 960px - 240px = 720px */
html, body { background-color: #E2E0D3; }
form /* overriden in ie6.css */ { margin: auto; max-width: 1260px; overflow: visible; }
#doc3, #ft /* overriden in ie6.css */ { margin: auto; min-width: 960px; max-width: 94%; background-color: #FFFFFF; text-align: left; }
#doc3.popupContainer { margin: 0; min-width: 760px; max-width: 100%; }

/* HEADER, BODY, COLUMN & FOOTER STYLING */
#bd { margin: 0.5em; line-height: 1.3em; clear: both; /*border-top: 1px solid #b4c4d3;*/ }
#hd, #ft { background-color: #182665; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
#hd .title, #hd .spacer, #ft .content { font-size: 0.84615em; /*11px*/ padding: 0.272727em /*3px*/ 1em 0px; }
#hd .title { height: 1.727273em; /*19px*/ }
#hd .spacer { height: 1.090909em; /*16px*/ }
#hd .banner { height: 60px; width: auto; background: #BDC3D3 url(../../include/images/header/bg.gif) 0 0 repeat-x; }
#hd .logo { position: absolute; z-index: 1; height: 60px; width: 250px; background: url(../../include/images/header/logo.jpg) 0 0 no-repeat; }
#hd .img { position: relative; float: right; height: 60px; width: 535px; background: url(../../include/images/header/banner.jpg) right 0 no-repeat; }
#hd td.links { text-align: left; font-size: 1.090909em; /*12px*/ font-family: Verdana, Tahoma;}
#hd td.links a { color: #FFF; margin-left: 1em; text-decoration: none;}
#hd td.links a:hover { color: #CC9900; }
#sb { display: none; }
.yui-t5 #sb { display: block; /*padding-left: .5em; border-left: 1px solid #b4c4d3;*/ }
.yui-t2 #sb { display: block; /*padding-right: .5em; border-right: 1px solid #b4c4d3;*/ }
#crumbs { font-size: 0.9231em; padding: 0.5em 0px 0px 1em; font-family: Arial, Helvetica, Sans-Serif; }
#crumbs a, #crumbs a:link, #crumbs a:visited, #crumbs a:active { color: #585858; }
#crumbs a:hover { text-decoration: underline; color: #900; }
#ft table { width: 100%; height: 34px; margin-bottom: -34px; }
#ft td.links { text-align: right; }
#ft td.links a { color: #FFF; margin-left: 2em; }
#ft td.links a:hover { color: #CC9900; }
/* end of header, body, column & footer styling */

/* NAV MENUS - USER & MAIN */
#hd .title { text-align: right; }
#hd .navUserMenu { font-size: 1.090909em; /*12px*/ font-family: Verdana, Tahoma; }
#hd .navUserMenu li { display: inline; }
#hd .navUserMenu li a, #hd .navUserMenu li a:link { color: #FFFFFF; text-decoration: none; }
#hd .navUserMenu li a:hover { color: #CC9900; text-decoration: underline; }
#nav div { display: block; height: 25px; text-align: left; background: url(../../include/images/header/nav_bg.gif) 0 0 repeat-x; }
#nav div.navEmployers { background: url(../../include/images/header/nav_er_bg.gif) 0 0 repeat-x; }
#nav ul { font-family: Lucida Sans, Tahoma, Verdana; font-size: 13px; }
#nav ul li { border-right: 1px solid #B4C4D3; display: block; float: left; text-align: center; cursor: pointer; }
#nav .navEmployers ul li { border-right: 1px solid #F90; }
#nav ul li a { display: block; color: #000; min-width: 75px; text-decoration: none; white-space: nowrap; line-height: 25px; padding: 0 15px; }
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active, #nav ul li.active a { color: #000f53; background: url(../../include/images/header/nav_bg_active.gif) 0 0 repeat-x; }
#nav ul li.active a { font-weight: bold; font-size: 12px; }
#nav .navEmployers ul li a:hover, #nav .navEmployers ul li a:focus, #nav .navEmployers ul li a:active, #nav .navEmployers ul li.active a { background: url(../../include/images/header/nav_er_bg_active.gif) 0 0 repeat-x; }
#nav ul li.floatRight { width: inherit; float: right; border-right: none; }
#nav ul li.home a { background: url(../../include/images/header/nav_er_home.gif) 0 0 repeat-x; width: 255px; height: 25px; padding: 0; }
#nav .navEmployers ul li.home a { background: url(../../include/images/header/nav_js_home.gif) 0 0 repeat-x; }
#nav ul li.home a:hover, #nav ul li.home a:focus, #nav ul li.home a:active { background: url(../../include/images/header/nav_er_home_active.gif) 0 0 repeat-x; }
#nav .navEmployers ul li.home a:hover, #nav .navEmployers ul li.home a:focus, #nav .navEmployers ul li.home a:active { background: url(../../include/images/header/nav_js_home_active.gif) 0 0 repeat-x; }

/* SIDEBAR REPLACEMENT VIA TABLE */
#sidebar { width: 100%; margin: auto; text-align: left; }
#sidebar td { vertical-align: top; }
#sidebar td.left div.tdCell { padding-right: 0.4em; }
#sidebar td.right div.tdCell { padding-left: 0.4em; }
#sidebar td.leftSidebar { width: 13.8461em; /*border-right: 1px solid #b4c4d3;*/ }
#sidebar td.rightSidebar { width: 18.46154em; /*border-left: 1px solid #b4c4d3;*/ }
/*#sidebar td.leftSidebar div.tdCell { width: 13.4461em; }
#sidebar td.rightSidebar div.tdCell { width: 17.96154em; }*/

/* STICKY FOOTER */
html, body, form, #doc3 { height: 100%; }
form > #doc3 { height: auto; min-height: 100%; }
#bd { padding-bottom: 40px; /* must be same height as the footer */ }
#ft { position: relative; height: 40px; margin-top: -40px; /* negative value of footer height */ clear: both; }
/* clear fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* end of sticky footer */
