/* $Id: hc2011_2_two_column_layout.css 3446 2011-01-31 17:05:44Z rtanton $% */

/* Override layout styles for new HealthZone layout - program header spanning entire width of content, no left rail, wider center area, slightly narrower right rail */
#breadcrumb_ctr, #mainContentContainer_area {
 overflow: auto;
 _overflow: visible; /* IE6 hack */
}
*+html #breadcrumb_ctr, *+html #mainContentContainer_area { /* IE7 hack */
 overflow: visible; 
}
@media print {
    #breadcrumb_ctr, #mainContentContainer_area {
        overflow: visible;
    }
}
#mainContent_ThirdCol_ctr {
 padding: 0px;
 width: 966px;
}
#mainContent_area {
 float: left;
 margin-left: 13px;
 overflow: hidden;
 width: 656px;
}
#mainContent_ctr {
 margin: 0px;
}
#navColumn_area { /* hide left column */
 display: none;
}
#thirdCol_area {
 float: left;
 margin: 0px 0px 0px 8px;
 overflow: hidden;
 width: 308px;
}
.healthy-beauty-bg #thirdCol_area {
 margin: 0;
}
#footer_rdr #bottomShadow_fmt {
 margin: 0px auto;
 text-align: center;
}
#thirdCol_area .cwpad_09 {
 margin-left: 0px;
 width: 300px;
}
#mainContent_ctr .poll { 
 float: right;
 margin-right: 8px; /* poll that is placed in center well (on SAS TOC template) needs to be scooted to the right to line up correctly with sponsor box above it */
 min-height:0;
 padding-bottom:5px; /* module padding is improperly setup */
}
#thirdCol_area .moduleSpacer_rdr, #middleContent_fmt .moduleSpacer_rdr { /* kill legacy module spacer divs in right rail and center well */
 display: none;
}
#mainContent_ctr #middleContent_fmt a:link, 
#mainContent_ctr #middleContent_fmt a:visited, 
#mainContent_ctr #middleContent_fmt a:hover, 
#mainContent_ctr #middleContent_fmt a:active {
 color: #3789b9; /* override to main color in case program is under a landing page node or wellness center */
}

/* override the override to make sure the ICM links get the correct colors :P */
#mainContent_ctr #middleContent_fmt .icm_wrapper h3 a:link,
#mainContent_ctr #middleContent_fmt .icm_wrapper h3 a:visited,
#mainContent_ctr #middleContent_fmt .icm_wrapper h3 a:hover,
#mainContent_ctr #middleContent_fmt .icm_wrapper h3 a:active,
#mainContent_ctr #middleContent_fmt .icm_wrapper .action_link a:link,
#mainContent_ctr #middleContent_fmt .icm_wrapper .action_link a:visited,
#mainContent_ctr #middleContent_fmt .icm_wrapper .action_link a:hover,
#mainContent_ctr #middleContent_fmt .icm_wrapper .action_link a:active,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper h3 a:link,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper h3 a:visited,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper h3 a:hover,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper h3 a:active,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .action_link a:link,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .action_link a:visited,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .action_link a:hover,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .action_link a:active{
 color: #C5A647; 
}
#mainContent_ctr #middleContent_fmt .icm_spbox .sponsored_text a:link, 
#mainContent_ctr #middleContent_fmt .icm_spbox .sponsored_text a:hover, 
#mainContent_ctr #middleContent_fmt .icm_spbox .sponsored_text a:visited, 
#mainContent_ctr #middleContent_fmt .icm_spbox .sponsored_text a:active,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .sponsored_text a:link, 
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .sponsored_text a:hover, 
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .sponsored_text a:visited, 
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .sponsored_text a:active ,
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .sponsored_text a:link, 
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .sponsored_text a:hover, 
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .sponsored_text a:visited, 
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .sponsored_text a:active{
 color: #FF6633;
}
#mainContent_ctr #middleContent_fmt .icm_wrapper .disclosure a.close:link, 
#mainContent_ctr #middleContent_fmt .icm_wrapper .disclosure a.close:visited, 
#mainContent_ctr #middleContent_fmt .icm_wrapper .disclosure a.close:hover, 
#mainContent_ctr #middleContent_fmt .icm_wrapper .disclosure a.close:active,
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .disclosure a.close:link, 
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .disclosure a.close:visited, 
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .disclosure a.close:hover, 
#mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .disclosure a.close:active,
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .disclosure a.close:link, 
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .disclosure a.close:visited, 
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .disclosure a.close:hover, 
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .disclosure a.close:active{
 color: #999;
}

/* overrides to make ICM fit in center well, floated right */
#mainContent_ctr #middleContent_fmt .icm_wrapper, #mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper, #mainContent_ctr #middleContent_fmt .icm_tl_wrapper {
 float: right;
 width: 300px;
}
#mainContent_ctr #middleContent_fmt .icm_spbox .icm_body, #mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .icm_body {
 width: 202px;
}

#mainContent_ctr #middleContent_fmt .icm_wrapper .disclosure, #mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .disclosure, #mainContent_ctr #middleContent_fmt .icm_tl_wrapper .disclosure{
 height: 131px;
 margin: 81px 0 0 34px;
 width: 238px;
}
#mainContent_ctr #middleContent_fmt .icm_wrapper .isi .isi_content, #mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .isi .isi_content {
 height: 98px;
}
#mainContent_ctr #middleContent_fmt .icm_wrapper .isi.popover, #mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .isi.popover {
 top: 62px;
}
#mainContent_ctr #middleContent_fmt .icm_wrapper .isi.popover .isi_content, #mainContent_ctr #middleContent_fmt .icm_toplogo_wrapper .isi.popover .isi_content { 
 height: 165px;
}

/* Top Logo ICM with right aligned thumbnail image has a different icm_body width */
#mainContent_ctr #middleContent_fmt .icm_tl_wrapper .icm_body {
 width: 177px;
}

/* Overrides to make orange spine sponsor boxes fit new layout */
#contentBackground_fmt .sponsorBox_right_rdr {
 margin-bottom: 10px; 
 padding-right: 0px;
}
#contentBackground_fmt .sponsorBox_right_rdr .sponsorBox_links_fmt { /* adjust width of links container regardless of sponsor box placement */
 width: 203px;
}
#mainContent_ctr #middleContent_fmt .sponsorBox_right_rdr { /* adjust width and positioning of "right rail" sponsor box placed in center well */
 float: right; 
 margin-top: 3px;
 margin-right: 4px;
 width: 308px;
}
#mainContent_ctr .sponsorBox_right_rdr .sponsorBox_links_fmt ul li { /* adjust link font size of "right rail" sponsor box placed in center well */
 font-size: 85%;
}

/* in case old editorial disclaimer shared module is used */
#mainContent_ThirdCol_ctr .ed_disclaimer {
	background-image: none !important;
	font-size:90%;
	margin:0 0 0 11px;
	padding:0 19px 10px 0;
}

/* right margin in From WebMD module */
#thirdCol_area .related_links#fromwebmd ul li.with_image a {
 margin-right: 8px;
}

/* ensure that two-column header text is correct size even if in Pets Center */
#mainContent_ThirdCol_ctr .titlebar h1 {
 font-size: 195%;
}

/* Make sure next article module is able to float in top right corner of quiz; hide old-school font sizer, too */
#middleContent_fmt .quiz_body { 
 clear: none;
 padding: 0;
}
#middleContent_fmt .quiz_wrapper {
 width: auto;
}
#middleContent_fmt .font_sizer_fmt {
 display: none;
}

/* temporary override to make sure newsletter signup module always appears on programs :P */
#mainContent_ctr #middleContent_fmt .newsletterThurii_rdr {
 display: block;
}