@charset "UTF-8";
/* CSS Document */
body {
	font: 12px/140% Arial, Helvetica, sans-serif;
	color: #333;
	background: url(img/bg_body.gif) repeat-x center bottom;
	margin: 0px;
	padding: 0px;
	min-width: 999px;
}
a:link {
	color: #316ca9;
}
a:hover {
	color: #983940;
	text-decoration: none;
}
a:visited {
	color: #316ca9;
}
h1 {
	color: #ededeb;
	margin: 0px 20px 10px 50px;
	font-size: 34pt;
	line-height: 55px;
	font-weight: normal;
}

#contentMain h1 {
	font-size: 34pt;
	line-height: 1em;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	line-height: 140%;
}
h3 {
	font-size: 18px;
	font-weight: normal;
	color: #295b8f;
}
ul {
	margin: 20px;
	list-style-type: none;
	padding: 0px;
}
ul li {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(img/bullet.gif) no-repeat left 3px;
	margin: 0px 0px 10px;
}
hr {
	color: #dbdbdb;
	background: #dbdbdb;
	border: 0px solid #dbdbdb;
	height: 1px;
}
/* ----- OVERALL PAGE WRAPPER ----- */
#page {
	background: url(img/bg_page.gif) repeat-x left top;
	text-align: center;
	float: left;
	width: 100%;
}
#container {
	margin: 0px auto;
	width: 991px;
	text-align: left;
}
/* ----- TOP NAVIGATION { Home, Contact Us, Consultation, Register, Careers & Login } --- UPDATED 6/17/08 --- */
#topNav {
	background: url(img/bg_topnav.gif) repeat-x;
	float: right;
	height: 42px;
	width: 517px;
}
#topNav ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
#topNav ul li {
	margin: 12px 0 0 0;
	padding: 0px;
	line-height: 19px;
	background: url(img/topnav_spacer.gif) no-repeat right top;
	float: left;
 }
#topNav li#topNav06 { width: 93px; }
#topNav ul li a {
	color: #8ca1b2;
	font: 500 12px/19px Helvetica, Geneva, Arial, sans-serif;
	text-decoration: none;
	height: 19px;
	padding-right: 10px;
	margin-left:8px;
	white-space: nowrap;
}
#topNav ul li a:hover {
	color: #FFF;
}
#topNav li#topNav05, #topNav li#topNav05 a {
	background: none;
	color: #cccccc;
}
#topNav li#topNav05 a:hover {
	color: #FFF;
}
#topNav li#topNav06 {
	background: none;
	margin-top: 0px;
}
#topNav li#topNav06 a {
	background: url(img/topnav_icon_login.gif) no-repeat left top;
	height: 40px;
	width: 93px;
	text-indent: -9999px;
	display: block;
	padding-right: 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#topNav li#topNav06 a:hover {
	background: url(img/topnav_icon_login.gif) no-repeat left bottom;
}
/* ----- Logo ----- */
#logo h1, #logo a {
	background: url(img/logo.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 79px;
	width: 440px;
	text-indent: -9999px;
	display: block;
}
/* ----- LAYOUT ----- */
#containerTop {
	background: url(img/bg_leftcol.gif) repeat-y left top;
	float: left;
	width: 100%;
}
#column01 {
	width: 634px;
	background: url(img/bg_containermiddle.gif) no-repeat left top;
	padding-top: 25px;
	padding-bottom: 15px;
	float: left;
}
#column02 {
	float: right;
	width: 357px;
}
#contentWrapper {
	background: url(img/bg_maincontent.png) no-repeat left top;
	padding: 15px 0px 20px 20px;
	position: relative;
	z-index: 200;
	border-right: 1px solid #FFFFFF;
	margin-left: 31px;
	clear: left;
}
* html #contentWrapper {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg_maincontent.png", sizingMethod="crop");
}
#contentMain {
	background: url(img/bg_maincontent.gif) no-repeat right 100px;
	padding-right: 20px;
}
#contentMain  h1, #sidebar  h1 {
	color: #2d3853;
	line-height: 1em;
	margin: 5px 0px;
	padding: 0;
}
#homepagePic {
	margin-left: 31px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* ----- SIDEBAR ----- */
#sidebar {
	padding: 20px 20px 75px;
	border-left: 1px solid #d4d4d4;
}
#sidebar h1 {
	font-size: 24pt;
}
/* ----- SEARCH ----- */
#search fieldset {
	float: right;
  	border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  	width:200px;
	margin: 0 10px 0 0;
	padding: 0px;
  }

#search .textfield {
	font:1.0em  Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin: 7px 7px;
	height:18px;
	border:solid 0 #fff;
	padding: 3px 7px;
	background: transparent url(img/search.gif) no-repeat fixed;
	width:150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:131px;
}
#search fieldset>input.textfield {
	background: transparent url(img/search.gif) no-repeat;
}
#search .submit {
	margin:0px;
	background: transparent url(img/icon_search.gif) no-repeat;
	height:30px;
	border:solid 0 #fff;
	width:21px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:uppercase;
 }
/* ----- NAVIGATION ----- */
#nav {
	clear:right;
	background: url(img/bg_column02.gif) repeat-x left top;
	margin: 0;
	padding: 16px 0 0 0;
	float: left;
	width: 357px;
	overflow: hidden;
}
#nav ul {
	margin: 0;
	padding: 0 0 15px;
	list-style-type: none;
	background: #E0E0DE url(img/nav_bottom.gif) no-repeat right bottom;
}
#nav li {
	background: #EBEBE9 url(img/bg_nav.gif) repeat-x left bottom;
	margin: 0;
	padding: 15px 0 0 0;
	list-style-type: none;
	border-top: 1px solid #f8f8f7;
	border-bottom: 1px solid #d9d9d7;
}
#nav li:hover.navbottom, #nav li.navbottom {
	border-bottom: none;
}
#nav li:hover {
	background: #be8d91 url(img/nav_hover.gif) repeat-x left top;
	border-bottom: 1px solid #a97e82;
}
#nav ul ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 15px 16px;
	background: none;
}
#nav li li {
	background: transparent url(img/li.gif) no-repeat left center;
	padding: 2px 3px 2px 10px;
	margin: 0;
	border: 0;
	display: inline;
}
#nav li li a {
	padding: 2px 3px;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
#nav li:hover li {
	background: transparent url(img/li_hover.gif) no-repeat left center;
	border: 0;
}
#nav li:hover li a {
	color: #272f49;
}
#nav li li a:hover {
	background: #b35e65;
	color: #FFF;
}
#nav h2 {
	font-size: 10px;
	text-indent: -9999px;
	font-weight: normal;
	color: #803036;
	text-transform: uppercase;
	margin: 0 0 0 20px;
	padding: 0px;
	width: 306px;
	height: 22px;
	background-position: 0 0;
}
#nav h3 {
	font: normal 18px/18px;
	color: #003366;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 8px;
	display: inline;
	border-left: 1px solid #bcbcba;
}
#nav li h2#about {
	background-image:url(img/nav_header_aboutus.gif);
}
#nav li h2#solutions {
	background-image:url(img/nav_header_solutions.gif);
}
#nav li h2#learn {
	background-image:url(img/nav_header_learn.gif);
}
#nav li:hover h2#about, #nav li:hover h2#solutions, #nav li:hover h2#learn {
	background-position: 0 22px;
}
#nav li.nobull {
	background: none;
	padding-left: 0px;
}
#nav li:hover .nobull {
	background: none;
	padding-left: 0px;
}
/* ----- PSSecure site box ----- */
#helpbox {
	clear: left;
	background: url(img/bg_helpbox.gif) repeat-y left top;
	margin-bottom: 20px;
}
#tabs {
	background: url(img/icon_help.gif) no-repeat 15px 15px;
}
#fragment-1, #fragment-2 {
	background: url(img/bg_helpbox_corner.gif) no-repeat right bottom;
	padding: 15px 20px 15px 60px;
	font-size: 12px;
	height: 120px;
	color: #c8cbd2;
}
#fragment-1 p, #fragment-2 p {margin: 0; padding: 10px 0;}
#helpbox h2 {
	color: #FFFFFF;
	font-size: 20pt;
	font-style: normal;
	font-weight: normal;
	float: left;
	margin: 25px 0 0 0;
	padding: 0;
}

#helpbox a {
	color: #fff;
	text-decoration: none;
}
#helpbox a:hover {
	color: #1f2433;
	text-decoration: underline;
}
.ui-tabs-hide { display: none; }
#tabs ul {list-style-type: none; margin: 0; padding: 0;}
#tabs ul li { padding: 0; list-style-type: none; background: none;margin: 0px; display: inline;}
#tabs ul li a {
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 27px;
	text-indent: -9999px;
}
#tabs #coemployer {width: 133px; 
	background-image: url(img/tabs_coemployer.gif);}
#tabs #employees {width: 135px; 
	background-image: url(img/tabs_employees.gif);}
.ui-tabs-nav .ui-tabs-selected a {
    background-position: bottom;
}
.note { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:10px; text-transform: uppercase; color: #565c6e;}
#containerBottom {
	background: url(img/bg_footer_bottom.gif) no-repeat right bottom;
	clear: both;
	float: left;
	width: 991px;
	padding-bottom: 24px;
	margin: 0px;
	top: -70px;
	position: relative;
	z-index: 1;
}
#sub #containerBottom { /* ADDED 6/2/08 */
	top: -20px;
	position: relative;
	z-index: 1;
}
/* ----- FOOTER ----- */
#footer {
	background: url(img/bg_footer.gif) repeat-y center top;
	clear: both;
	margin-left: 31px;
	height: 120px;
}
#footer p {
	font-size: 10px;
	color: #666666;
	margin: 5px 0 0 20px;
	clear: left;
}
#footer a {
	color: #666666;
	text-decoration: underline;
}
#footer a:hover {
	color: #999999;
	text-decoration: none;
}
#footerLeft {
	width: 603px;
	background: #FFF url(img/bg_footerLeft.gif) no-repeat left 56px;
	height: 78px;
	float: left;
}

#footerRight {
	color: #a8adb7;
	background: url(img/bg_footerRight.gif) no-repeat left top;
	float: right;
	width: 357px;
}
#footerRight p {
	font-size: 12px;
}
#footerRight span {
	color: #6d7179;
}
#footerRight h4 {
	color: #b5bac4;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}
#footerRight a {
	color: #FFF;
}
#footerRight h5, #footerRight p {
	margin: 0px;
}
#footerRight h5 a {
	color: #8c93a4;
	font-size: 10px;
	padding: 55px 0px 0px;
	display: block;
	background: url(img/footer_vcard.gif) no-repeat center 0;
}
#footerRight h5 a:hover {
	color: #FFF;
	background-position: center -76px;
}
#sub #footerLeft { /* ADDED 6/2/08 */
	background: #FFF url(img/bg_footerLeft.gif) no-repeat left 66px;
	height: 80px;
	margin-bottom: 10px;
}
#sub #footerLeft img{ /* ADDED 6/2/08 */
	margin-left: 1px;
}
/* ----- CLASSES ----- */
.news_date {
	font-size: 10px;
	text-transform: uppercase;
	color: #913139;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sIFR {
	visibility: hidden;
}
#helpbox .sIFR-hasFlash h2 {
	visibility: hidden;
}

/* HPC STYLES */

.tb_grid {
  
  width: 100%;
}

.GridRow
{   
    height:22px;
}

.GridAltRow
{     
    height:22px;
    background-color: #f6f6f6; 
}


.GridHeaderTR 
{
    
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 		
	TEXT-DECORATION: none;  
	height: 22px;
	BACKGROUND: url(img/lightCellHeader.gif);
}

.GridHeaderTR a {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.right 
{	
	TEXT-ALIGN: left
}

.right .col 
{
	PADDING-RIGHT: 10px; MIN-WIDTH: 200px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.right .dividerCol 
{
	PADDING-RIGHT: 10px; MIN-WIDTH: 200px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 1px dotted; PADDING-TOP: 0px
}
.right .col-highlight 
{
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(img/bg_left.gif) no-repeat left top; PADDING-BOTTOM: 50px; LINE-HEIGHT: 14px; MARGIN-RIGHT: 9px; PADDING-TOP: 15px; HEIGHT: auto
}
.right .col-highlight .formContainer 
{
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.right .dividerCol .formContainer 
{
	BACKGROUND: #fff
}
.right .col-highlight .formContainer LABEL 
{
	WIDTH: 90px
}
.right .col-close 
{
	BACKGROUND: url(img/bg_right.gif) no-repeat left top; FLOAT: right; WIDTH: 15px; COLOR: #f1f1f1; HEIGHT: 190px
}

.upperleft {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(img/upperleft.png); MARGIN-LEFT: auto; WIDTH: 100%; MARGIN-RIGHT: auto; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #f4f4f4
}
.upperright {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(img/upperright.png); BACKGROUND-REPEAT: no-repeat
}
.lowerleft {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(img/lowerleft.png); BACKGROUND-REPEAT: no-repeat
}
.lowerright {
	PADDING-RIGHT: 15px; BACKGROUND-POSITION: right bottom; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(img/lowerright.png); MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat }
	
#secondaryListOptions {
	BORDER-TOP: #ececec 1px solid; MARGIN-TOP: 15px; PADDING-TOP: 15px
}
#secondaryListOptions H5 {
	PADDING-LEFT: 18px; 
	BACKGROUND: url(img/page.gif) no-repeat 2px 3px; 
	LINE-HEIGHT: 17px;
	margin: 0px
}

.col-highlight P {
	FONT-SIZE: 11px; COLOR: #565656; LINE-HEIGHT: 15px
}


DL.icon-menu {
	MARGIN-TOP: 15px
}
DL.icon-menu-notop {
	MARGIN-TOP: 5px
}
DL.icon-menu DT {
	FLOAT: left; WIDTH: 25px; HEIGHT: 40px
}
DL.icon-menu-notop DT {
	FLOAT: left; WIDTH: 25px; HEIGHT: 40px
}
DL.icon-menu DD {
	FONT-SIZE: 11px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 25px; COLOR: #565656
}
DL.icon-menu-notop DD {
	FONT-SIZE: 11px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 25px; COLOR: #565656
}
DL.icon-menu DD A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px
}
DL.icon-menu-notop DD A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px
}
DL.icon-menu DD A.small {
	FONT-WEIGHT: normal; FONT-SIZE: 11px
}
DL.icon-menu-notop DD A.small {
	FONT-WEIGHT: normal; FONT-SIZE: 11px
}
DL.icon-menu DD.last {
	MARGIN-BOTTOM: 8px
}
DL.icon-menu-notop DD.last {
	MARGIN-BOTTOM: 8px
}	

.inputForm 
{
    background-color: #e1e1df; 
    border: solid 1px #b3b3b3; 
    padding: 5px 5px 5px 5px;
}

.formContainerInput {
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	BACKGROUND: #eaeaea; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 5px 0px 15px; 
	LINE-HEIGHT: 1.2; 
	PADDING-TOP: 3px; 
}

select, input, textarea 
{
   font: 12px/140% Arial, Helvetica, sans-serif;
}