/* 



	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: 12pt; }







/* 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: 55px; background: transparent url(../images/footer-aboutus-medicare.gif) no-repeat 0 0; }



#footerLinks a#footerPrivacy { width: 105px; background: transparent url(../images/footer-privacystatement-medicare.gif) no-repeat 0 0; }



#footerLinks a#footerTerms { width: 80px; background: transparent url(../images/footer-termsofuse-medicare.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: 48px; background: transparent url(../images/footer-careers-medicare.gif) no-repeat 0 0; }



#footerLinks a#footerPress { width: 70px; background: transparent url(../images/footer-pressroom-medicare.gif) no-repeat 0 0; }


#footerLinks a#footerLegalDisclosure { width: 95px; background: transparent url(../images/footer_legal_disclosure_medicare.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: 12pt;



	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 ************************************/




