/* 




	WellPoint Brand Homepage Global CSS









	Note: this css makes extensive use of some well-known hacks for cross-browser




	compatibility. Namely, the Box Model Hack ( more info at http://www.positioniseverything.net/articles/box-model.html ),




	and the IE/Mac Hack (http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html).




	




	Also, at times, IE is targeted directly via the "* html ..." selectors. 




*/









html, body {




	font: 12px Arial, Helvetica, Sans;




	margin: 0 0 0 0; padding: 0;




	color: #222; background-color: #e9e9e9;




	text-align: center;




}




td { font-size: 12px; }









/* Black magic float container mojo - thanks to the folks at positioniseverything.com */




.clearFix:after {




    content: "."; display: block; 




    height: 0; line-height: 0px;




    clear: both; visibility: hidden; overflow: hidden;




}




.clearFix { display: inline-table; }




/* Hides from IE-mac \*/




* html .clearFix { height: 1%; }




.clearFix { display: block; }




/* End hide from IE-mac */














#bodyTable { height: 100%; width: 100%; margin: 0 auto; text-align: center;}









#bodyCell { text-align: center; }









#bodyArea {




	width: 749px;




	background-color: #fff;




	border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;




	margin: 0 auto; padding: 1px;




	text-align: left; height: 100%;




}




/* Hidden from IE Mac \*/




* html #bodyArea { width: 753px; w\idth: 749px; }




/* End Hidden from IE Mac */




 




/* Logo ************************************************/




#logoArea { padding: 8px 7px; text-align: left; }




#brandLogo h3, #partnerLogo h3 { display: none; }




#brandLogoMedicare h3, #partnerLogo h3 { display: none; }




#partnerLogo { float: right; }









#logoLayoutLeftUnicare { width: 100%: margin: 0; padding: 0; text-align:left; }




#logoLayoutLeftUnicare #pageLinksCell, #logoLayoutLeftUnicare #spacerCell { width: 100%; }








#logoLayoutLeftUnicareMedicare { width: 100%: margin: 0; padding: 0; text-align:left; }




#logoLayoutLeftUnicareMedicare #pageLinksCell, #logoLayoutLeftUnicareMedicare #spacerCell { width: 100%; }









#logoLayoutLeftBcc { width: 100%: margin: 0; padding: 0; text-align:left; }




#logoLayoutLeftBcc #pageLinksCell, #logoLayoutBcc #spacerCell { width: 100%; }




#logoLayoutBcc td { padding: 8px 7px; }









#logoHealthlink { width: 100%: margin: 0; padding: 0; text-align:left; }




#logoHealthlink #pageLinksCell, #logohealthlink #spacerCell { width: 100%; }




 }









#logoLayout { width: 100%: margin: 0; padding: 0; }




#logoLayout td { padding: 8px 7px; }




#logoLayout #pageLinksCell, #logoLayout #partnerLogoCell { width: 100%; }




/* End Logo ********************************************/









/* Home Page specific **********************************/




/* Main nav - left of main image */




td#mainNav { 




	padding: 0; width: 154px; vertical-align: top; 




	background: transparent url(../../images/unicare/home-leftnav-bg.gif);




}




td#mainNav a {




	display: block; margin: 0; padding: 0;




	color: #fff; text-decoration: none; font-weight: bold;




	width: 154px; height: 34px;




}




* html td#mainNav a { display: inline-block; } /* IE Mac hack */









td#mainNav a#navEmployers { height: 35px; }









/* Hide from IE Mac \*/




* html td#mainNav a { display: block; }




/* End hidden from IE Mac */









table#main td#mainNav a:hover, table#main td#mainNav a.current { background-position: 0 -34px; }




table#main td#mainNav a#navEmployers:hover { background-position: 0 -33px; }









td#mainNav a .container { padding: 8px 13px; margin: 0; }




/* End Main Nav */









/* End Home Page specific  *****************************/














/* Interior Main Nav ***********************************/









#mainNavContainer { clear: both; }




#navFirstLvl {




	position: relative; height: 28px; margin: 0; padding: 0; list-style: none;




}









#navFirstLvl li {




	position: absolute; top: 0;




	margin: 0;




/* Hide from IE Mac \*/	




	height: 100%;	




	overflow: hidden;




/* End hidden from IE Mac */	




}









#navFirstLvl li.navLast { border-right: none; }




#navFirstLvl li a  {




	display: block; height: 20px; padding: 5px 0 2px 15px;




	text-decoration: none; color: #fffff0; letter-spacing: -.08em;




	font-face: Arial, Helvetica, Sans; font-weight: bold; font-size: 13px;




}









li#navHome { left: 0; width: 150px; }




li#navHealthInfo { left: 151px; width: 149px; }




li#navPlans { left: 300px; width: 149px; }




li#navServices { left: 449px; width: 149px; }




li#navCommunications { left: 598px; width: 149px; }









/* Second level nav - drop-downs */




#navPlansMenu { display: none; position: absolute; list-style: none; padding: 0; margin: 0; }




#navPlansMenu li { position: relative; width: 300px; }




#navPlansMenu li:hover ul { display: block; }




/* Ed of drop-downs */









/* Visitors */




li#navHome6 { left: 0; width: 123px; }




li#navIndividuals { left: 124px; width: 124px; }




li#navSmallBus { left: 249px; width: 124px; }




li#navMatInd { left: 374px; width: 124px; }




li#navMedCal { left: 499px; width: 124px; }




li#navLargeEmp { left: 622px; width: 124px; }









li#navHome6 a, li#navIndividuals a, li#navSmallBus a, 




  li#navMedCal a, li#navLargeEmp a { padding: 5px 4px 4px 19px; }




  




 li#navMatInd a { padding: 5px 4px 5px 10px; }









/* End Visitors */









/* End Interior Main Nav *******************************/









/* Body elements ***************************************/









table.mainContent { width: 100%; border: none; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; vertical-align: top; }




/* Hide from IE/Mac \*/




* html table.mainContent { width: 749px; w\idth: 100%; }




/* End hide from IE/Mac */









table.mainContent td.body2Col { width: 548px; padding: 14px 15px 15px 20px; background-color: #fff; vertical-align: top; }




/* Hide from IE/Mac \*/




* html table.mainContent td.body2Col { width: 583px; w\idth: 548px; }




/* End hide from IE/Mac */









.bgHashGrey { background: transparent url(../images/bg-hash-grey.gif) 0 0; }









table.mainContent #shadowLeft { padding: 0; height: 7px; background: url(../images/bg-hash-grey-shadow.gif) repeat-x; }




table.mainContent #shadowBody { padding: 0; height: 7px; background: url(../images/bg-grey-shadow.gif) repeat-x; }









table.mainContent td.minHeightProp { margin: 0; padding: 0; width: 1px; }




div.minHeightProp { width: 1px; height: 400px; font-size: 0px; margin: 0; padding: 0; visibility: hidden; overflow: hidden;}




table.mainContent td.leftTouts { width: 166px; padding: 0; vertical-align: top; }




table.mainContent td.leftTouts div.toutContainer { padding: 3px 7px 7px 5px; border: none; }




table.mainContent td.leftTouts div.tout { padding: 3px; margin-bottom: background-color: #006ea5; }









div.leftToutBoxTop, div.leftToutBoxBottom { margin: 0; padding: 0; width: 154px; height: 3px; font-size: 1px; }




div.leftToutBody { margin: 0; width: 152px; }




/* Hide from IE Mac \*/




* html div.leftToutBody { width: 154px; w\idth: 152px; }




/* End hidden from IE Mac */









div.toutHdrImg { margin-bottom: 4px; }









#leftLoginTout div.toutContent, #leftFormularyResourcesTout div.toutContent, #leftMedicalPoliciesTout div.toutContent, #leftQuoteTout div.toutContent { margin: 0; padding: 0 4px 4px 8px; }




#leftLoginTout .formLbl { font-weight: bold; }




#leftLoginTout div.toutHdrImg {




	padding: 6px 0 0 6px;




	width: 50px; height: 22px;




}









#leftQuoteTout div.toutHdrImg {




	padding: 6px 0 0 6px;




	width: 106px; height: 49px;




}









#leftFormularyResourcesTout div.toutHdrImg {




	padding: 6px 0 0 6px;




	width: 113px; height: 56px;




}









/*#leftMedicalPoliciesTout div.toutHdrImg {




	padding: 6px 0 0 6px;




	width: 145px; height: 27px;




}*/









#leftFindDoctorTout div.toutContent { margin: 0; padding: 0 4px 4px 8px; }




#leftFindDoctorTout div.contentContainer { margin: 0; padding: 6px 0 0 54px; }




#leftFindDoctorTout div.toutHdrImg {




	position: relative; left: -4px;




	width: 66px; height: 39px;




}









/* Hidden from IE Mac \*/




* html #leftLoginTout div.toutHdrImg { width: 56px; height: 28px; w\idth: 50px; he\ight: 22px; }




* html #leftQuoteTout div.toutHdrImg { width: 112px; height: 55px; w\idth: 106px; he\ight: 49px; }




* html #leftFormularyResourcesTout div.toutHdrImg { width: 113px; height: 56px; w\idth: 113px; he\ight: 56px; }




/* html #leftMedicalPoliciesTout div.toutHdrImg { width: 145px; height: 27px; w\idth: 145px; he\ight: 27px; }




}




/* End hidden from IE Mac */














.button span { display: none; }




a.button span { display: none; }




div.tout .button img { margin-top: 8px; }




div.tout input.button { margin-top: 8px; }









.floatLeft { float: left; }




.floatRight { float: right; }









#pageLinks { padding-top: 28px; vertical-align: bottom; }




#pageLinks a { display: block; height: 14px; padding-left: 17px; text-decoration: none; }









#pageLinksClose { padding-top: 28px; vertical-align: bottom; }




#pageLinksClose a { display: block; height: 14px; padding-left: 17px; text-decoration: none; }









#pageHdr { padding: 0 0 17px 0; }




#pageHdr h3 { margin: 0; padding: 0; }




#pageHdr h3 span { display: none; }









a.link1 { font-weight: bold; }









a img { border: none; }









/* End Body elements ***********************************/









/* Footer **********************************************/









#footerLinkArea {




	clear: both;




	padding-left: 184px;




}


#footerLinkEGRArea {
	clear: both;
	padding-left: 70px;
}


#footerLinkArea h3 { display: none; }




#footerLinkEGRArea h3 { display: none; }





#linkContainer { padding: 3px; }




#linkContainer table, #linkContainer td { border: none; padding: 0; margin: 0; }









#footerLinks {




	position: relative;




	margin: 0; padding: 0;




	list-style-type: none;




}




#footerLinks li {




	font-size: 1px;




	float: left;




	padding: 0 0 0 1px;




	margin: 0;




}




#footerLinks li.lastItem { padding-right: 1px; }




#footerLinks li a { display: block; height: 15px; }




#footerLinks li a span { display: none; }









#footerLinks li { background: transparent url(../images/vert-sep-footer.gif) 0 0; }









#footerLinks a#footerAboutUs { width: 50px; background: transparent url(../images/footer-aboutus.gif) no-repeat 0 0; }




#footerLinks a#footerPrivacy { width: 88px; background: transparent url(../images/footer-privacystatement.gif) no-repeat 0 0; }




#footerLinks a#footerTerms { width: 67px; background: transparent url(../images/footer-termsofuse.gif) no-repeat 0 0; }




#footerLinks a#footerHIPAA { width: 57px; background: transparent url(../images/footer-hipaainfo.gif) no-repeat 0 0; }




#footerLinks a#footerCareers { width: 44px; background: transparent url(../images/footer-careers.gif) no-repeat 0 0; }




#footerLinks a#footerPress { width: 65px; background: transparent url(../images/footer-pressroom.gif) no-repeat 0 0; }


#footerLinks a#footerLegalDisclosure { width: 83px; background: transparent url(../images/footer_legal_disclosure.gif) no-repeat 0 0; }



/* Invisible to IE Mac \*/




#footerLinkArea { text-align: center; }



#footerLinkEGRArea { text-align: center; }

/* End Hide from IE Mac */









#footerTextArea { clear: both; padding-bottom: 10px; }


#footerTextEGRArea { clear: both; padding-bottom: 10px; }


#footerText {




	text-align: center;




	color: #004a6e;




	font-size: 11px;




	padding: 8px 15px;




}









#footerText2 {




	text-align: center;




	color: #999;




	font-size: 11px;




	padding: 8px 15px;




}




/* End Footer *******************************************/









/* Form Elements ****************************************/









form { margin: 0; padding: 0; }









table#loginFormLayout { margin-top: 3px; }




* html table#loginFormLayout { margin-top: 0; }




table#loginFormLayout td { padding: 0 0 1px 0; }




table#loginFormLayout .formLbl { vertical-align: middle; font-weight: bold; padding-right: 3px; }




table#loginFormLayout td input.tbox { height: 15px; font-size: 10px; margin: 0; }




/* Hide from IE Mac \*/




* html table#loginFormLayout td input.tbox { height: 17px; he\ight: 12px; }




/* End hidden from IE Mac */









/* Text boxes */




input.tbox { padding: 1px 2px; background-color: #fff; }









input.textBox70 { width: 64px; }




* html input.textBox70 { width: 62px; }









input.textBox80 { width: 74px; }




* html input.textBox80 { width: 72px; }









input.textBox85 { width: 78px; }




* html input.textBox85 { width: 77px; }









/* Hide from IE Mac \*/




* html input.textBox70 { width: 69px; w\idth: 64px; }




* html input.textBox80 { width: 79px; w\idth: 74px; }




* html input.textBox85 { width: 84px; w\idth: 79px; }




/* End hidden from IE Mac */









/* Select menus */




* html .select120  { width: 115px; }




/* Hide from IE/Mac \*/




.select120  { width: 120px; }




/* End IE/Mac hide */









/* End Form Elements ************************************/





