/* 

	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: 12pt 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, #bydesignLogo h3, #behavioralLogo h3, #espanolLogo h3, #eapLogo h3, #lifeafter50Logo h3, #prescriptionLogo h3, #lifeLogo h3  { display: none; }

#partnerLogo { float: right; }



#logoLayoutLeftUnicare { width: 100%: margin: 0; padding: 0; text-align:left; }

#logoLayoutLeftUnicare #pageLinksCell, #logoLayoutLeftUnicare #spacerCell { width: 100%; }



#logoLayoutLeft { width: 100%: margin: 0; padding: 0; text-align:left; }

#logoLayoutLeft #pageLinksCell, #logoLayout #spacerCell { width: 100%; }

#logoLayout td { padding: 8px 7px; }



#logoLayout { width: 100%: margin: 0; padding: 0; }

#logoLayout td { padding: 8px 7px; }

#logoLayout #pageLinksCell, #logoLayout #partnerLogoCell { width: 100%; }



#logoSeparator { 

	width: 1px; height: 31px; 

	background: url(../images/anthem/separator_logo.gif) no-repeat 0 0;

}

/* End Logo ********************************************/



/* Home Page specific **********************************/

/* Main nav - left of main image */

td#mainNav { 

	padding: 0; width: 154px; vertical-align: top; 

	background: transparent url(../../images/anthem/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, #leftHealthTout 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;

}



#leftHealthTout div.toutHdrImg {

	padding: 6px 0 0 6px;

	width: 106px; height: 25px;

}



#leftFormularyResourcesTout div.toutHdrImg {

	padding: 6px 0 0 6px;

	width: 113px; height: 55px;

}



#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 #leftHealthTout div.toutHdrImg { width: 106px; height: 25px; w\idth: 106px; he\ight: 25px; }

* html #leftFormularyResourcesTout div.toutHdrImg { width: 113px; height: 55px; w\idth: 113px; he\ight: 55px; }

* 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; }

#footerLinkEGRArea { text-align: left; }



#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: 12pt;

	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#footerAssoc { width: 70px; background: transparent url(../images/footer-associates-medicare.gif) no-repeat 0 0; }

#footerLinks a#footerPress { width: 70px; background: transparent url(../images/footer-pressroom-medicare.gif) no-repeat 0 0; }


/* Invisible to IE Mac \*/

#footerLinkArea { text-align: center; }

/* End Hide from IE Mac */



#footerTextArea { 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: 12pt;

	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 ************************************/
