/* health.com | article.css */
/* Updated for HL1631, HL1578 - Oswald font weight changes, tweaks - 2/27/2013, Marvin Carlos */
#adcol {margin-top:20px}

.sha4 .seeAll a, .rssNws .seeAll a, .jrnyNws .seeAll a {padding-left:12px;background:url("http://img2.timeinc.net/health/static/i/arrow-more.gif") left 3px no-repeat;font-weight:bold;font-size:0.85em}
.seeAll a, .comm .seeAll a, .moreAll .seeAll a {padding-left:12px;background:url("http://img2.timeinc.net/health/static/i/arrow-more.gif") left 3px no-repeat;font-weight:bold}

.seeAll .sph img {padding-right:4px}
.seeAll .sph a {background:none;font:0.85em verdana, arial, sans-serif;color:black;padding-left:0}

.eyebrow {font:bold 1.1em "trebuchet ms", trebuchet, arial, sans-serif;color:#60b212;padding-top:3px}
.video {padding-left:32px;background:url("http://img2.timeinc.net/health/static/i/icons-pmv.gif") 0 -398px no-repeat}
#movie {margin-bottom:5px}

.dek {font:italic 1.1em georgia, serif;color:#454545;padding-bottom:0.8em}
.dek i {font-style:normal}
.post {line-height:1.4em;font-size:1em}

ul {margin:0 0 1em 1.5em;padding:0}
.newsModule ul {margin:0 0 1em 0;padding:0;list-style:none}
ul.info {margin:0 0 1.5em 0;padding:0;list-style:none;font-weight:bold}
ul.info a {text-decoration:none}
ul.info a:hover {text-decoration:underline}
ul.info li, h3.info {margin:0;padding:0 0 0.4em 0;font-size:1em}
h3.info, h4.info {margin-bottom:5px}
.post .seeAll {margin-bottom:10px!important;margin-top:0!important}
.credit {font-size:0.9em;color:#707070;padding-bottom:1em}
.author {padding-bottom:0.2em}
a {text-decoration:none}
.seeAll a {text-decoration:none}
h4 {font:bold 1em "lucida grande", lucida, verdana, sans-serif}

.addlinks ul {margin:10px 0 5px 0;padding:0;list-style:none;float:left;font-size:0.85em}
.addlinks li {display:inline;margin:0 15px 0 0;padding:5px 0 0 0;float:left}
.addlinks li.fb-recommend{margin:0;padding:0;width:150px;height:22px;overflow:visible}
.addlinks li a {text-decoration:none}
.addlinks li.email {padding-left:18px;background:url("http://img2.timeinc.net/health/static/i/icons-blog.gif") 0 center no-repeat}
.addlinks li.print {padding-left:18px;background:url("http://img2.timeinc.net/health/static/i/icons-blog.gif") -300px center no-repeat}
.addlinks li.share {padding-left:15px;background:url("http://img2.timeinc.net/health/static/i/icons-blog.gif") -600px center no-repeat}
.addlinks li.rss {padding-left:17px;background:url("http://img2.timeinc.net/health/static/i/icons-blog.gif") -900px center no-repeat}


.comm {width:640px;font:1.1em verdana, arial, sans-serif}
.comm h3 {font:bold 1.5em "trebuchet ms", trebuchet, arial, sans-serif;color:#60b212;margin:2px 0 4px 0}
.comm .quote {padding-left:32px;background:url("http://img2.timeinc.net/health/static/i/icons-pmv.gif") 0 -598px no-repeat}
.comm .dek {font-size:0.9em;color:#707070;padding-bottom:1em}
.comm .commDek {font-size:0.9em;color:#464646;padding-bottom:1em}
.comm ul.comments {margin:1em 0;padding:0;list-style:none;line-height:1.4em;color:#464646}
.comm ul.comments li {margin:0 0 1em 0}
.comm ul.comments li .byComm {font-weight:bold;color:black}
.comm .pagi {font-weight:bold;text-align:right}
.comm .pagi a.page {text-decoration:none}
.comm .pagi .page {margin:0 3px}
.comm .pagi .prev {padding-left:12px;background:url("http://img2.timeinc.net/health/static/i/arrow-prev.gif") left center no-repeat;margin-right:3px}
.comm .pagi .next {padding-right:12px;background:url("http://img2.timeinc.net/health/static/i/arrow-more.gif") right center no-repeat;margin-left:3px}
.comm .pagi a.page {text-decoration:none}

.back {margin-bottom:0.5em;font-weight:bold}
.back a {padding-left:12px;background:url("http://img2.timeinc.net/health/static/i/arrow-prev.gif") left center no-repeat;text-decoration:none}
.back a:hover {text-decoration:underline}

iframe#comments {border:1px solid #ccc;width:468px;height:20em}

.postComm {width:640px;font:1em verdana, arial, sans-serif}
.postComm a {text-decoration:none}
.postComm form {padding:11px;margin:0;background:#F2FBFD;border:1px solid #ddd}
.postComm h3 {font:bold 1.6em "trebuchet ms", trebuchet, arial, sans-serif;color:#60b212;margin-bottom:0.5em}
.postComm .dek {padding:0 0 0.8em 0;color:#707070}
.postComm .user {color:#000}
.postComm label {padding:0 0 0.5em 0;color:#707070;font-weight:bold;display:block}
.postComm textarea {width:444px;border:1px solid #ddd;border-color:#737373 #c3c3c3 #ddd #c3c3c3}
.postComm .charcount {text-align:right;color:#707070}

.sha4 {width:640px;font:1.1em verdana, arial, sans-serif}
.sha4 .eyebrow {font:bold 1.1em "trebuchet ms", trebuchet, arial, sans-serif;color:#60b212;padding-bottom:2px}
.sha4 .video {padding-left:32px;background:url("http://img2.timeinc.net/health/static/i/icons-pmv.gif") 0 -400px no-repeat}
.sha4 h3 {font:1.7em georgia, serif;padding-bottom:4px;margin:0}
.sha4 h3 a {color:#000;text-decoration:none}
.sha4 h3 a:hover {color:#000;text-decoration:underline}
.sha4 .seeAll a {padding-left:12px;background:url("http://img2.timeinc.net/health/static/i/arrow-more.gif") left center no-repeat;font-weight:bold}
.sha4 .dek {font:italic 1.1em georgia, serif;color:#454545;padding-bottom:0.7em}
.sha4 .credit {font-size:0.85em;color:#707070;padding-bottom:1em}
.sha4 .blogtxt {padding:0 0 1.5em 0}
.sha4 .blogtxt .title {font-weight:bold;padding-bottom:0.5em}
.sha4 .blogtxt .time {font-weight:normal;color:#707070}
.sha4 .blogimg {float:left;padding:0 10px 1.5em 0}
.sha4 .blogimg img {padding:3px;border:1px solid #e5e5e5}
.sha4 .blogimg .caption {font:1em georgia, serif;padding:0.4em 0 0 0}
.sha4 .blogcont a.more {text-decoration:none}
.sha4 .links {clear:both;font-size:0.9em;text-align:right}
.sha4 .blogtxt .seeAll {padding-top:1.5em}

/* SHA-8a 3-col table module */
.charticle {border-collapse:collapse;border:1px solid #E4DFC5;padding:0px;width:640px;font:0.85em verdana, arial, sans-serif;margin-bottom:1.5em}
.charticle th {font:bold 1.2em "trebuchet ms", arial;color:#59A511;background-color:#FBF8E6;border:1px solid #E4DFC5;text-align:left}
.charticle tr.odd, .charticle tr.odd_last {background-color:#FFF}
.charticle tr.even, .charticle tr.even_last {background-color:#F8FBFD}
.charticle td {vertical-align:top;border-right:1px solid #E2F1F9;border-bottom:1px solid #ACD2E1}
.charticle td.last {border-right:none}
.charticle td.bottom {border-bottom:none}

.rssNwsLeft {font:1.1em verdana, arial, sans-serif;background:url("http://img2.timeinc.net/health/static/i/rssIcon.gif") no-repeat;padding-left:28px;margin-top:3px}
.rssNwsLeft .title, .rssNwsLeft .title a {font-weight:bold;margin:0 0 15px 0}
.rssNws {width:640px;font:1.1em verdana, arial, sans-serif;background:url("http://img2.timeinc.net/health/static/i/rssIcon.gif") no-repeat;padding-left:30px}
.rssNws .title {font-weight:bold;width:300px}
.rssNws .txt {width:300px}
.rssNws .seeAll {text-align:right}

.moreAll ul, .moreAll li {margin:0 0 5px 0;padding:0;list-style:none;color:#464646}
.moreAll .sph {color:black}
.moreAll .sph img {vertical-align:top}

.fineprint {width:640px;font:0.9em verdana, arial, sans-serif;color:#707070}

.inlnComm {border:1px dotted #c3c3c3;border-width:1px 0;padding:0.5em 0;margin:0 0 5px 10px;width:225px;float:right}
.inlnComm noborder {border:none;padding:0.5em 0;margin:0 0 5px 10px;width:225px;float:right}
.inlnComm h3 {font:bold 1.4em "trebuchet ms", trebuchet, arial, sans-serif;color:#60b212;padding-bottom:2px}
.inlnComm .quote {padding-left:32px;background:url("http://img2.timeinc.net/health/static/i/icons-pmv.gif") 0 -598px no-repeat}
.inlnComm .icDek {color:#464646;padding:0 4px}
.inlnComm .postSA, .inlnComm .readSA {padding-top:0.6em;font-weight:bold;padding-bottom:2px}
.inlnComm .postSA a, .inlnComm .readSA a {padding-left:12px;background:url("http://img2.timeinc.net/health/static/i/arrow-more.gif") left center no-repeat}
.inlnComm .readSA a.comments_count {padding-left:5px;background:none;color:#000}
.inlnComm .postSA {font-size:1.15em}
.inlnComm a {text-decoration:none}
.post .inlnLeft {float:left;margin-right:20px}

.prevNextArt {width:640px;font:1.1em verdana, arial, sans-serif}
.prevNextArt .title {font:bold 1.3em "trebuchet ms", trebuchet, arial, sans-serif;padding:0 26px;background:url("http://img2.timeinc.net/health/static/i/arrows-pn-orange.gif") left center no-repeat}
.prevArt {width:200px;float:left;text-align:left}
.nextArt {width:200px;float:right;text-align:right}
.nextArt .title {background-position:right center}

.artImg {margin-bottom:1.5em}
.artImg img {padding:3px;border:1px solid #e5e5e5}
.artImg .caption {font:0.9em georgia, serif;padding:4px 0 0 0}
.artImg .credit {font:0.85em verdana, arial, sans-serif;color:#707070}

.healthwise {border:2px solid #E6F5FD;padding:10px}
.healthwise .credit a {margin-left:1em}
.healthwise img.hlogo {border:none;float:right}
.healthwise .txt {clear:both}
.healthwise dl.info {clear:both;line-height:1.4em}
.healthwise dl.info dt {clear:both;float:left;width:110px;font-weight:bold}
.healthwise dl.info dd {float:left;width:300px;margin-left:10px}

.artInset {float:left;width:225px;border-top:1px solid #b7b7b7;margin:0 /*1em*/ 20px 0.5em 0}
.artInset .inset {border-bottom:1px dotted #b7b7b7;padding:5px 0;margin-right:10px}
.artInset .title {font-weight:bold;margin-bottom:5px}
.artInset ul.arrows {list-style-image:url("http://img2.timeinc.net/health/static/i/arrow-more.gif")}
.artInset .seeAll {padding:0 !important;margin:0;font-size:0.85em}
.aiRight, .aiRight .inset {margin:0 0 0.5em 0}
.aiRight {float:right;margin:0 0 0.5em 1em}
.artInset .txtcont {float:left;margin:0 0 0 5px;width:115px}

.insetGal ul {margin:0;padding:0;list-style:none}
.insetGal .title {font-weight:bold}

.fiveQ ol {font-weight:bold;color:#60b212;margin:0 1em 0 2em;padding:0}
.fiveQ ol li {margin:0 0 1em 0;padding:0}
.fiveQ ol .title {color:#000}
.fiveQ ol .txt {color:#000;font-weight:normal}
.fiveQ ol .txt .why {color:#707070;font-style:italic}

#article-content .inQuote {font:1.2em georgia, serif;color:#464646;margin:0 0 0 2em}
#article-content .inQuote img.quote1 {float:none;border:none;vertical-align:bottom;padding:0 4px 3px 0;margin:0}
#article-content .inQuote img.quote2 {float:none;border:none;vertical-align:top;padding:3px 0 0 4px;margin:0}
#article-content .inQuote .credit {font:italic 0.7em verdana, arial, sans-serif;margin:0.5em 0 0 0;color:#000}
#article-content .qLeft {float:left;width:200px;margin:0 1em 0.5em 0}
#article-content .qRight {float:right;width:200px;margin:0 0 0.5em 1em}
#article-content ul li, #article-content ol li {margin-left:1em}
#article-content .sha5j .vtouts li.first{margin:0} /* relocated from global.css */

.inVideo {width:286px;float:left;margin:0 1em 0.5em 0}
.inVideo .title {font-weight:bold;padding-bottom:0.5em}
.inVideo .time {font-weight:normal;color:#707070}
.inVideo .seeAll {padding:0;margin:0;font-size:0.85em}

.inPhoto {width:auto;float:left;margin:0 15px 0.5em 0;position:relative;}
.inPhoto .caption {font:0.9em georgia, serif;color:#000;padding:0;margin:0 0 1px 0;clear:both;width:150px}
.inPhoto .credit {padding:0;margin:0;font-size:0.8em;clear:both}
.ip200 {width:208px}
.ip150 {width:150px}
.ip122 {width:130px}
.ipRight {float:right;margin:7em 0 0.5em 1em}

.editSumm {margin:0 0 1em 0;padding:0;color:#464646}
.editDek {margin:0;padding:0;color:#464646;font-style:italic}

/* journey paginated next buttons */
.pagination-wrapper{margin:0;margin-top:8px;padding:0;width:640px;height:1%}
.btn-content-wrapper{ margin:0;padding:0;width:auto;height:22px;float:right}
.btn-content-wrapper img{vertical-align:top}
.btn-content-wrapper a{margin:0;padding:4px;padding-top:2px;font-size:11px;line-height:12px;font-weight:bold;display:inline-block;text-align:center;width:10px;height:11px;text-decoration:none;background-color:#eee;border:1px solid #cfcfcf;border-right:none;outline:none;text-decoration:none !important}
.btn-content-wrapper a.last-index-btn{border-right:1px solid #cfcfcf}
.btn-content-wrapper a:active {background-color:white;color:black}
.btn-content-wrapper a:hover {background-color:white;color:black}
.btn-active{background-color:white}
.pagination-wrapper .btn-content-wrapper .next-page-btn{margin:0;margin-left:5px;padding:0;border:none;width:74px;height:22px;vertical-align:top}
.pagination-wrapper .btn-content-wrapper .prev-page-btn{margin:0;margin-right:5px;padding:0;border:none;width:94px;height:22px;vertical-align:top}
.next-page-link{margin-bottom:16px;font-weight:bold;text-align:right}
.clr-next-btn {margin-bottom:5px;clear:both}

.vImg {margin-bottom:6px;position:relative}
.vImg .iconCam {background:url("http://img2.timeinc.net/health/static/i/icon-vid2.gif") no-repeat;width:17px;height:16px;position:absolute;top:44px;left:62px}


#outbrain_widget_0 #outbrain-org {border-right:1px solid #CCCCCC;margin-right:8px}
#outbrain_widget_0 h2 {color: #65B51A;font:normal 1.6em "Trebuchet MS",Trebuchet,arial,sans-serif;padding-bottom:0;margin-bottom:0}
#OutbrainVoterDiv_0_dual {padding:0}
#outbrain_widget_0 ul {margin:0;padding:0;list-style:none}
/*#outbrain_widget_0 li {padding-left:12px;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -920px 8px no-repeat;line-height:1.2em}*/
#outbrain_widget_0 li .rec-link {font:bold 1em Verdana, Arial, Helvetica, sans-serif;padding:0 0 7px 0}
#outbrain_widget_0 .rec-src-link {font-style:italic;color:#888}

.cmAd475x75 {width:640px;text-align:center;margin-bottom:10px}

/* Editor's Pick -- Over-rides carousel CSS in global.css */
#editors-picks {float:left;border:1px solid #a5cfe7;border-top-width:0;margin-bottom:15px;padding:7px 10px 10px 10px;width:278px}
#editors-picks h3, #rotd h3 {font-size:1.6em;clear:both;margin-bottom:5px;border-bottom:1px dotted #4098ba}
#editors-pick h3 {font-size:1.9em;margin-bottom:5px}
.curve-top {width:300px;height:3px;float:left;background:url("http://img2.timeinc.net/health/static/i/bg_curve_top.gif") 0 0 no-repeat}

/* Related Stories */
#related-stories {width:290px;border:1px dotted #333;border-width:1px 0;padding:4px 0;float:right;margin:20px 0}
#related-stories h4 {font:bold 1.2em "Trebuchet MS",sans-serif;color:#333}
#related-stories ul {margin:5px 0 0 0;padding:0}
#related-stories ul li {padding:0 0 4px 12px;background:url("http://img2.timeinc.net/health/static/i/bullet-green.gif") no-repeat 0.03em 0.5em}

#news-ltr {margin:15px 0 20px 0}

#article-container {width:640px;margin:16px 0 0 15px;float:left}
#article-container h1 {font:2.7em georgia, serif;padding:0 0 4px 0;margin:0;letter-spacing:normal}
#article-container h1 a {color:#000;text-decoration:none}
#article-container h1 a:hover {text-decoration:underline}
#article-content {float:left;line-height:1.4em;font-size:1.16em}
#article-content .credit {font-size:0.8em;color:#707070;padding-bottom:1em}
#article-content .caption {font:0.9em georgia, serif;padding:4px 0 0 0}
#article-container .dek {font:italic 1.2em georgia, serif;color:#454545;padding-bottom:0.8em}
#article-content img {float:left;padding:3px;border:1px solid #e5e5e5;margin:0 10px 5px 0}
#article-content .tout img {margin:0}
.share {margin-left:0}

.popularArticle-boxOut {display:none}
.whats_hot {clear:left;display:block;overflow:hidden;position:relative;width:600px}
.whats_hot h3{ font:bold 1.1em verdana;margin:5px 0px 10px 0px;padding:0;}
.whats_hot .first {margin:0 0 0 10px;display:block;float:left;position:relative;width:90px;margin-right:20px}
.whats_hot .item {display:inline-block;float:left;margin:0 0 0 40px;position:relative;width:90px;margin-right:20px}
.whats_hot img {border:1px solid #E5E5E5;padding:2px}

/* Over-rides for unique pages with with trickle-down styles from the Channel Landing redesign project */
#lsfeat #lifeStyle-article-main h1, #lsfeat #maincol, #lsfeat #lifeStyle-article-main {width:640px}
#lsfeat #adcol {padding-top:30px}
#lsfeat .googleAd300x250 {float:right;margin-right:5px}
#lsfeat #channel-connect {float:right;margin:0 5px 15px 0}
#lsfeat #most-popular-home, #lsfeat #fotd {float:right;margin-right:5px}
#lsfeat #lifeStyle-article-main h1 {color:#F3514F;font:bold 3.3em "Times New Roman" !important}

.share li.pinterest {margin-left:12px}

.nl-healthy {margin:5px 0 15px}

#article-container > div#related-stories { display: none;}