/* Styles for Health Secrets
Date created: 12/3/2009
Color Codes: #DA9151 ORANGE,#5AA129 GREEN,#2B8DA6 AQUA,#999999 DARK GRAY BORDER
LL1 - Dark: #becd7a; Light:#dfe6bd;
LL2 - Dark: #e9b897; Light:#f4dccb;
LL3 - Dark: #a9a0cf; Light:#d4d0e7;
LL4 - Dark: #85bdbc; Light: #c2dede;
General - Dark: #7db3c1; Light: #bed9e0;
*/

/* HEALTH SECRETS TEMPLATE ADJUSTMENT */
#newNav, #theSection { background:transparent url('../../img/healthsecrets/bgSite.gif') repeat-y 0 0; }
#theSection #col_1_2, #theSection #col_3, #theSection #col_4 {padding-top:10px;}
#theSection #col_1_2 { width:730px;display:inline; }
#theSection #col2_3_4, #theSection #col2_3 { display:inline; }
#theSection #col_4 { margin-left:10px;width:235px;display:inline;background-color:transparent; }
#theSection #col_3 { display:none; }
#theSection #col2_3_4Tail { display:none; }
#Px72x5x1 #newNav, #Px72x5x1 #theSection { background-image:none; }

li, p, h4 {font-size:12px;line-height:16px;margin-top:0;margin-left:0;margin-right:0;}
h4 {font-weight:bold;}
a, .ctnGHR ul li a {color:#2a889f;font-weight:bold;}
a:hover, .ctnGHR ul li a:hover {color:#329fba;font-weight:bold;}

/* SITE HEADER */
#hsBanner { 
  background:#fff url('../../img/healthsecrets/bgHeader.jpg') no-repeat 0 0;
  width:980px;
  height:93px;
  position:relative;
  margin-bottom:1px;
}
#hsBanner img {
  position:absolute;
  bottom:0;
  left:10px;
}
/* NAVIGATION */
.mainNavCtn {
  background:transparent url('../../img/healthsecrets/bgNav.png') repeat-x 0 0;
  width:980px;
  height:40px;
}
#navbar {
  border: 0;
  padding: 0;
  margin: 0;
  clear: both;
  background: url("../../img/healthsecrets/hs_nav.png") top left  no-repeat;
  height: 29px;
}

div#navbar a.stico_default { background: none !important; }

#navbar ul {
  width: 980px;
  height: 29px;
  margin: 0;
  padding: 0;
  position: relative;
}
	
#navbar ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}

#navbar ul li,
#navbar a {
	height: 29px;
	display: block;
}

#navbar ul li.n7 a {
	text-indent: 0px; 
	text-decoration: none;
}


.n1 { left: 0; width: 72px; }
.n2 { left: 72px; width: 88px; }
.n3 { left: 160px; width: 147px; }
.n4 { left: 307px; width: 66px; }
.n5 { left: 373px; width: 103px; }
.n6 { left: 476px; width: 68px; }
.n7 { left: 908px; width: 72px; }

.n1 a:hover { background: transparent url("../../img/healthsecrets/hs_nav.png") 0 -38px no-repeat; }
.n2 a:hover { background: transparent url("../../img/healthsecrets/hs_nav.png") -72px -38px no-repeat; }
.n3 a:hover { background: transparent url("../../img/healthsecrets/hs_nav.png") -160px -38px no-repeat; }
.n4 a:hover { background: transparent url("../../img/healthsecrets/hs_nav.png") -307px -38px no-repeat; }
.n5 a:hover { background: transparent url("../../img/healthsecrets/hs_nav.png") -373px -38px no-repeat; }
.n6 a:hover { background: transparent url("../../img/healthsecrets/hs_nav.png") -476px -38px no-repeat; }
.n7 a:hover { background: transparent url("../../img/healthsecrets/hs_nav.png") -908px -38px no-repeat; }


/* nav highlight replacement */

div#homehs li.n1 a { background: transparent url("../../img/healthsecrets/hs_nav.png") 0 -38px no-repeat; }
div#lifelines li.n2 a { background: transparent url("../../img/healthsecrets/hs_nav.png") -72px -38px no-repeat; }
div#dchs li.n3 a { background: transparent url("../../img/healthsecrets/hs_nav.png") -160px -38px no-repeat; }
div#videohs li.n4 a { background: transparent url("../../img/healthsecrets/hs_nav.png") -307px -38px no-repeat; }
div#resources li.n5 a { background: transparent url("../../img/healthsecrets/hs_nav.png") -373px -38px no-repeat; }
div#about li.n6 a { background: transparent url("../../img/healthsecrets/hs_nav.png") -476px -38px no-repeat; } 

ul,li,ul li,li ul,
#navbar-ul li.n2 ul li.subnav, #navbar-ul li.n6 ul li.subnav {
	z-index:950;	
}

/*subnavigation positioning and hide
--------------------------------------------------------------------------- */	

#navbar-ul li ul {
  display:none;
  position: absolute;
  top: 29px;
  left: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  list-style: none;
  z-index: 6000;
  width: auto;
}


/*clears main nav height w/o min-height declaration*/
#navbar-ul li.n2 ul li.subnav,
#navbar-ul li.n4 ul li.subnav,
#navbar-ul li.n6 ul li.subnav,
#navbar-ul li li, 
#navbar-ul li li a  {
  height: auto;
  margin: 0;
} 



/*subnavigation styles
--------------------------------------------------------------------------- */	

#navbar-ul li.n2 ul li.subnav,
#navbar-ul li.n4 ul li.subnav,
#navbar-ul li.n6 ul li.subnav {
  display: block;
  position: relative;
  top: 0; 
  left: 10px;
  text-align: left;
  width:138px;
  background: url('../../img/healthsecrets/bg-navbar-dropdown.png') right;	
  border-left:1px solid #fff;
  border-right:1px solid #fff;		
}

#navbar-ul li.n2 li.subnav a,
#navbar-ul li.n4 li.subnav a,
#navbar-ul li.n6 li.subnav a { 
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background: none;
	text-indent:0;
	padding: 3px 10px 6px;
	}

#navbar-ul li.n2:hover ul, 
#navbar-ul li.n4:hover ul,
#navbar-ul li.n6:hover ul,
#navbar-ul li.n2.over ul,
#navbar-ul li.n4.over ul, 
#navbar-ul li.n6.over ul { display: block; z-index: 4000;}

#navbar-ul li.n2 ul li a:hover,
#navbar-ul li.n4 ul li a:hover,
#navbar-ul li.n6 ul li a:hover,
#navbar-ul li.n2 ul li a.over,
#navbar-ul li.n4 ul li a.over,
#navbar-ul li.n6 ul li a.over { background: #036; }
#navbar-ul #n2subnav-last,
#navbar-ul #n6subnav-last {
	border-bottom:1px solid #fff;
	}


/* PAGE MAIN CONTENT AREAS */
.ctnMainWrapper,
.lifelineLowerPromos { 
  width:725px;
  margin-left:5px;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:15px;
  background-color:#bed9e0;
}
.ctnMainWrapper .pageHeader { background-color:#7db3c1;padding:3px 25px; }

#lowerPromos_LL1,
#theSection #ll1_main { background-color:#becd7a; }
#lowerPromos_LL2,
#theSection #ll2_main { background-color:#e9b897; }
#lowerPromos_LL3,
#theSection #ll3_main { background-color:#a9a0cf; }
#lowerPromos_LL4,
#theSection #ll4_main { background-color:#85bdbc; }

.ctnContentCopy { background-color:#fff;width:709px;margin:10px 8px;border:1px solid #999 }
.ctnContentCopy p { margin:0 0 10px;padding:10px 10px 0;} /*margin:10px 20px;padding:15px 10px 10px 2px;*/
.ctnContentCopy p.firstP {background:transparent url('../../img/healthsecrets/iconBullet_2b8da6.png') no-repeat 7px 10px;text-indent:15px;z-index:0;}
.ctnSS { margin-top:10px;margin-left:7px; }
.ctnContentCopy .copyCol {width:48%;padding-top:10px;}
.ctnContentCopy #copyCol1 { float:left; }
.ctnContentCopy #copyCol2 { float:right; }
.ctnContentCopy #copyCol2 img {float:right;padding-top:5px;padding-left:5px;}
.ctnContentCopy .copyCol p {padding-top:0;}
.ctnContentCopy .copyCol p.firstP { background-position:7px 0; }

.lifelineLowerPromos .ctnPromo {
  width:227px;
  height:218px;
  float:left;
  margin:0 11px 10px 0;
  border:solid 1px #999;
  text-align:center;
}
.lifelineLowerPromos .ctnPromo p {
  text-align:left;
  margin:5px auto;
  width:200px;
}
#promoWatch { margin-left:7px; }
#promoGHR { margin-right:0; }
#lowerPromos_LL1 .ctnPromo,
#lowerPromos_LL1 h3.hdrReplace span {
  background-color:#dfe6bd;
}
#lowerPromos_LL2 .ctnPromo,
#lowerPromos_LL2 h3.hdrReplace span {
  background-color:#f4dccb;
}
#lowerPromos_LL3 .ctnPromo,
#lowerPromos_LL3 h3.hdrReplace span {
  background-color:#d4d0e7;
}
#lowerPromos_LL4 .ctnPromo,
#lowerPromos_LL4 h3.hdrReplace span {
  background-color:#c2dede;
}
h3.hdrReplace {
  width:200px; 
  height:20px;
  margin:5px 10px;
  position: relative;
  overflow:hidden;
  text-align:left;
}
h3.hdrReplace span {
  background-image: url("../../img/healthsecrets/hdrLowerPromos_2b8da6.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
#promoWatch h3.hdrReplace span {
  background-position: 0 0;
}
#promoQuiz h3.hdrReplace span {
  background-position: 0 -19px;
}
#promoGHR h3.hdrReplace span {
  background-position: 0 -40px;
}
.lifelineLowerPromos .ctnPromo img {
  border:solid 1px #fff;
  margin:0 auto;
  width:202px;
}

.ctnCenterContent { margin-left:14px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #c4c3bf; }
.ctnCenterContent .illus { margin:5px 0; }
#promoMonthlyIssue .illus {margin-left:50px;}


#promoLifelines {margin:0 0 10px 25px;}
#promoLifelines img {margin-left:10px;}
#promoLifelines div {margin-top:10px;}
#promoLifelines div img {margin: 0 10px 10px 0;}

#ad180x150_slot {border-bottom:0 none;margin-left:30px;}
#ad180x150_slot p.mouseType { width:180px;color:#999;text-align:center;margin:0; }


/* Homepage styles */
#Px72x1 #newNav, #Px72x1 #theSection { background:transparent url('../../img/healthsecrets/bgHome.gif') repeat-y 0 0; }
#Px72x1 #theSection #col_1_2 { width:525px; }
#Px72x1 #theSection #col_1, #theSection #col_2 { width:245px;margin-left:15px; }
#Px72x1 #theSection #col_2 { margin-left:10px; }
#Px72x1 #theSection #col_3 { width:236px;display:inline;margin-left:18px;background-color:transparent; }
#Px72x1 #theSection #col_3 .col_3 {padding:0 12px;}
#Px72x1 #theSection #col_4 { width:185px;margin-left:10px; }

#ctnAboutTuneIn {
  margin: 10px 0 10px 15px;
}
#ctnAboutTuneIn p { 
  font-size:13px;
  line-height:18px;
  width:495px;
}
.subContentPromo {
  padding:5px 15px;
  background: transparent url('../../img/healthsecrets/bgPromoGradient.jpg') no-repeat 0 0;
  margin-bottom:10px;
}
.subContentPromo p {margin-right:0;}
.subContentPromo .illus { border:1px solid #fff;margin:5px 0; }
#Px72x1 .ctnCenterContent { margin-left:0;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #c4c3bf; }
#Px72x1 #promoResources {border-bottom:0 none;}

#Px72x1 #promoLifelines {margin:0 0 10px 0;}
#Px72x1 #promoLifelines .hdrLifelines {margin:0 0 4px 7px;}
#Px72x1 #promoLifelines img {margin-left:0px;}
#Px72x1 #promoLifelines div {margin-top:0;}
#Px72x1 #promoLifelines div img {margin:0;}

#Px72x1 #ad180x150_slot { margin-bottom:10px;margin-left:0; }

/* Good Health Rules */
.ctnGHR div.videoPromoImg { float:right; }
.ctnGHR h4 {margin: 15px 0;}
.ctnGHR ul {list-style-type:none;padding:0;}
.ctnGHR ul li {padding-bottom:10px;}
.ctnGHR .tipHighlight { font-weight:bold; }
.endContent { border-bottom:1px solid #999;margin-bottom:10px; }
#ll1_ghr_container #copyCol1 {width:60%;}
#ll1_ghr_container #copyCol2 {width:30%;}

#ll1_main .ctnGHR h4 { background:#fff url('../../img/healthsecrets/iconBulletSprite.png') no-repeat 0 -15px; text-indent:15px; }
#ll1_main .ctnGHR .tipHighlight {color:#690;}

#ll2_main .ctnGHR h4 { background:#fff url('../../img/healthsecrets/iconBulletSprite.png') no-repeat 0 -30px; text-indent:15px; }
#ll2_main .ctnGHR .tipHighlight {color:#C63;}

#ll3_main .ctnGHR h4 { background:#fff url('../../img/healthsecrets/iconBulletSprite.png') no-repeat 0 -45px; text-indent:15px; }
#ll3_main .ctnGHR .tipHighlight {color:#96C;}

#ll4_main .ctnGHR h4 { background:#fff url('../../img/healthsecrets/iconBulletSprite.png') no-repeat 0 -60px; text-indent:15px; }
#ll4_main .ctnGHR .tipHighlight {color:#37907D;}

/* Doctor's Corner */
#dc_main .ctnContentCopy img { float:right; }
.ctnContentCopy .watchCopy {
  font-weight:bold;
  color:#2B8DA6;
  background: #fff url('../../img/healthsecrets/iconWatch_2b8da6.png') no-repeat 0 0;
  margin-left:5px;
  padding-left:25px;
  padding-top:4px;
}
#dc_container #accordion { width:98%;margin:0 8px;}

/* Monthly Health Issue Calendar */
#ctnMonthlyHealth table {
  margin:0 auto 15px;
  width:690px;
}
#ctnMonthlyHealth table td,
#ctnMonthlyHealth table th {
  width:50%;
  border:solid 1px #e8e5e2;
  vertical-align:top;
}
#ctnMonthlyHealth table th {
  text-align:left;
  background-color:#e8e5e2;
  padding-left:5px;
}
#ctnMonthlyHealth table td a { font-weight:normal; }

/* Credits, Resources, About Pages */
#ctnCredits,#ctnResources,#ctnSponsors {padding:10px 0;}
#ctnResources h3, #ctnResources p, #ctnCredits h3, #ctnCredits p, #ctnSponsors p, #ctnSponsors h3 { margin:0;padding:0 20px; }
#ctnCredits h3, #ctnResources h3,#ctnSponsors h3 {margin-top:5px;color:#7db3c1;}
#ctnResources p {color:#999;}
#ctnResources h3 {margin-top:15px;margin-bottom:10px;}

.copyNav { margin:0 auto; width:90%;text-align:center;border-bottom:1px solid #ccc;padding-bottom:10px; }
.copyNav ul { list-style-type:none; }
.copyNav li { margin-right:5px; padding-right:5px; border-right:1px solid #999;display:inline; }
.copyNav ul li#spanishRes, .copyNav ul li#noBorder { border:0 none;padding:0;margin:0; }
.copyNav ul li#spanishRes a { color:#690; }
.copyNav ul li#spanishRes a:hover { color:#85c700; }

/* Video Players */
.ctnVideo { height:500px; }
.videoCopy .title {margin-bottom:0;font-weight:bold;}
.videoCopy .tuneIn {padding-top:0;margin-bottom:0;}

/* UI Slider */
#dc_container #accordion div div.ui-accordion-content {padding:0 20px 5px;}
#Px72x3 #dc_container #accordion div div.ui-accordion-content {padding:0 0 5px;overflow:hidden;} /* fix for audio slideshow page */
.ui-accordion-content{ zoom: 1; } /*fix for IE6 */
#dc_container #accordion div div p {margin:10px 0 10px;padding:0;}
.ui-accordion .ui-accordion-header a { font-family: Verdana, Helvetica, Arial, sans-serif;font-size:13px;padding:5px;margin-left:15px;color:#666;font-weight:bold; }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #999; background: #ffffff url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222;font-weight:normal; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #999; background: #ffffff url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x; font-weight: normal; color: #2B8DA6; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2B8DA6; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999; background: #eeeeee url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_flat_75_eeeeee_40x100.png') 50% 50% repeat-x; font-weight: normal; color: #2B8DA6; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #2B8DA6; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999; background: #ffffff url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_flat_65_ffffff_40x100.png') 50% 50% repeat-x; font-weight: normal; color: #2B8DA6; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #2B8DA6; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_inset-soft_95_fef1ec_1x100.png') 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_222222_256x240.png'); }
.ui-widget-content .ui-icon {background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_222222_256x240.png'); }
.ui-widget-header .ui-icon {background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_222222_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_2B8DA6_256x240.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_2B8DA6_256x240.png'); }
.ui-state-active .ui-icon {background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_2B8DA6_256x240.png'); }
.ui-state-highlight .ui-icon {background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_2e83ff_256x240.png'); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-icons_cd0a0a_256x240.png'); }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url('http://wttw.vo.llnwd.net/o16/wwci/res/css/global/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }