/* health.com | package.css, HL1522 10/23/12 */

/* Global over-rides (global.css) */
#content {width:663px;background-repeat:repeat-x;overflow:hidden}
#content #package-title {font:normal 2.4em Georgia, "Times New Roman", Times, serif;overflow:hidden;clear:left;margin:3px 0;padding:0;width:450px}
#content #package-title, #content #package-title a {color:#555}
#content #package-title span {font-family:"Trebuchet MS",sans-serif;color:#FF3333;font-size:1.3em;font-weight:bold;letter-spacing:-0.02em}
#package-title-dek {overflow:hidden;padding:0 10px 5px 0}
#content #content-title {background:#fff url("http://img2.timeinc.net/health/static/i/bg_package_corner.png") right -1px no-repeat;line-height:1.2em;width:648px;padding:10px 0 0 15px;margin-top:0;overflow:hidden}
.sponsorSection .ad170x30, .sponsDis .ad170x30 {margin-top:10px}

/* Gallery over-rides (gallery.css) */
#slideshowWrapper {width:628px;margin:0;padding-top:0;overflow:hidden;background-color:#fff;padding-left:5px}
#slideshowWrapper #content-title {padding-left:10px}
#slideshowWrapper {width:610px}
#slideshowWrapper h1 {padding:0 0 0 15px;font-family:Trebuchet MS;font-size:1.75em;color:#000}
#gal-slide {width:580px}
#img_wrapper {width:300px;height:300px}
#img_wrapper img {width:300px}
#img_wrapper p.photo_credit {width:295px;left:0px;top:280px}
#img_wrapper a {width:80px;height:300px}
#img_wrapper a#previous-slide {background-position:0 -128px}
#img_wrapper a#previous-slide:hover {background-position:0 -606px}
#img_wrapper a#next-slide {background-position:171px 111px;left:101px;width:200px}
#img_wrapper a#next-slide:hover {background-position:171px -367px}
#left_col {margin-top:15px;width:300px}
#right_col {width:278px;float:left}
#right_col h2 {color:#555}
#gal-slide p {width:270px}

#ybd-frame {background-color:#eee;float:left;padding:15px;margin:10px 0 0 10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow:2px 2px 2px #ccc;-webkit-box-shadow:2px 2px 2px #ccc;box-shadow:2px 2px 2px #ccc;width:618px}
#ybd-wrapper {float:left;border:1px solid #c4e0f3;border-top:0;width:615px;background:#fff}
#ybd-wrapper .ssPagi {border:0;margin-top:5px}
#content-head {background-color:#fff;float:left;padding:15px;-moz-border-radius:10px;border-radius:10px;width:585px}
#ybd-date {font:normal 1.3em Georgia, "Times New Roman", Times, serif;color:#555}

.yourbestday #email-com {padding:0 0 0 25px}
.yourbestday #pageTabs {background-position:-15px bottom;float:left;width:612px} /* this holds the tabs */
.ybd-wrapper a.read-more, #index-wrapper a.read-more {display:block;overflow:hidden;padding-left:13px;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -918px -247px no-repeat;font-size:11px}
.yourbestday .share, body.index-page .share {float:left;margin-top:5px;margin-left:15px;width:645px}
.yourbestday #email-com #email, body.index-page #email-com #email {padding-left:16px;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") 0 -1116px no-repeat}
body.index-page #email-com { padding-bottom:0}
#index-wrapper {float:left;border:1px solid #c4e0f3;border-top:0;border-right:0;width:647px;background:#fff url("http://img2.timeinc.net/health/static/i/bg_package_tabs_nofade.png") right -1px no-repeat;margin-left:15px}

ul.tabs a,
ul.tabs span,
ul.tabs a:hover,
ul.tabs a:hover span {background: url("../i/bg_ybd_tabs.png") no-repeat;color:#fff;font-weight:bold} /* tabs using sprite */

#pageTabs {background:url("../i/bg_ybd_tabs.png") repeat-x left bottom;float:left;width:617px;margin-top:10px} /* this holds the tabs */
ul.tabs {padding:0 0 0 15px;list-style-type:none;margin:0}
ul.tabs li {float:left}
ul.tabs li strong {display: block;margin:-12px 0 0 0;padding:0;font: normal 80% verdana, arial,sans-serif;text-align: center;color:#999;position: relative;text-transform:uppercase}
ul.tabs a {background-position: left -100px;display:block;padding:0 0 0 11px;font:normal 1.1em Verdana,sans-serif;text-decoration: none} /*the 11px spacing is split btwn the a and span so that all lines up */
ul.tabs span {background-position:right -100px;padding:9px 11px 8px 0;display:block;white-space:nowrap} /*this padding-bottom must be 1px less than the current value line 39*/
ul.tabs a:hover {background-position: left -200px;text-decoration: none}
ul.tabs a:hover span {background-position: right -200px}

/* sponsor tab */
/*ul.tabs .sponsor span {font-size:0.9em;padding-top:3px;padding-bottom:3px;text-align:center;font-weight:bold}
ul.tabs .sponsor b {color:#888;font-size:0.8em;font-weight:normal}*/

/* safari hack for package navigation (change font-weight from bold to normal)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.tabs a{ font:normal 12px Arial,sans-serif}
}
/*styles for current tab*/
body.h_tab_1 li.tab_1 a,
body.h_tab_2 li.tab_2 a,
body.h_tab_3 li.tab_3 a,
body.h_tab_4 li.tab_4 a,
body.h_tab_5 li.tab_5 a,
body.h_tab_6 li.tab_6 a,
body.h_tab_7 li.tab_7 a,
body.h_tab_8 li.tab_8 a,
body.h_tab_9 li.tab_9 a,
body.h_tab_10 li.tab_10 a,
body.h_tab_Ad li.tab_Ad a{background-position:left top;color:#555;font-weight:bold}

#pageTabs li.tab_Ad a {color:#000}

body.h_tab_1 li.tab_1 span,
body.h_tab_2 li.tab_2 span,
body.h_tab_3 li.tab_3 span,
body.h_tab_4 li.tab_4 span,
body.h_tab_5 li.tab_5 span,
body.h_tab_6 li.tab_6 span,
body.h_tab_7 li.tab_7 span,
body.h_tab_8 li.tab_8 span,
body.h_tab_9 li.tab_9 span,
body.h_tab_10 li.tab_10 span,
body.h_tab_Ad li.tab_Ad span{background-position: right top;/*padding-bottom:9px*/}

#hero-tout {padding:10px;float:left}
#hero-tout table {background:url("http://img2.timeinc.net/health/static/i/bg_package_stripedgrey.png");width:400px;float:left;border-spacing:0}
#hero-tout td {padding:0;text-align:center}
#hero-tout .image {display:block;overflow:hidden;margin:0 auto;margin-right:10px}
#hero-shot {float:none;margin:auto;text-align:center;border:1px solid #e5e5e5}
#hero-tout #right-col {float:left;width:180px;margin-left:10px}
#hero-tout p {font-size:1.1em;margin:5px 0;line-height:1.3em}
#content #ybd-wrapper #content-title {overflow:hidden;float:none;font:normal 2.2em Georgia, "Times New Roman", Times, serif;margin-bottom:10px;width:100%;background:none;margin:0 0 10px 0;padding:0;width:auto;margin-top:0}

