/* 
	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; }
#partnerLogo { float: right; }

#logoLayoutLeftUnicare { width: 100%: margin: 0; padding: 0; text-align:left; }
#logoLayoutLeftUnicare #pageLinksCell, #logoLayoutLeftUnicare #spacerCell { width: 100%; }

#logoLayoutLeftBcc { width: 100%: margin: 0; padding: 0; text-align:left; }
#logoLayoutLeftBcc #pageLinksCell, #logoLayoutBcc #spacerCell { width: 100%; }
#logoLayoutBcc td { padding: 8px 7px; }

#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/bcbsga/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: 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 #leftQuoteTout div.toutHdrImg { width: 112px; height: 55px; w\idth: 106px; he\ight: 49px; }*/
* 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;
}
#footerLinkArea 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; }

/* 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: 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 ************************************/
