/* health.com | gallery.css */
/* HL998:Gallery Updates */

#adcolContent div.ad160x600 {margin:0 auto; width:160px}

#gal-slide {float:left; margin-left:10px; width:640px}

#left_col {width:400px; float:left; margin:0 0 10px 0; clear:left}
#left_col h2 {margin:3px 0; padding:0}

#slideshow_right_col {margin:0px; width:220px; float:left; padding:0 0 10px 15px; border-top:1px dotted #c9c9c9;}
#slideshow_right_col h2 {clear:both; font-size:1.15em; font-weight:bold; margin:0px 4px 8px 0; padding:0; color:#2a2a2a; font-family:"trebuchet ms",Trebuchet,Arial,sans-serif}
#slideshow_right_col h3 {margin:5px 0; padding-right:8px; font-size:.875em; text-align:right; background:transparent url("http://img2.timeinc.net/health/static/i/oxfam/icon_arrow_black.gif") no-repeat right 5px}
#slideshow_right_col h3 a {text-decoration:none; color:#000}
#slideshow_right_col h3 a:hover {color:#000}
#slideshow_right_col h4 {margin:15px 0 10px 0; padding:8px 0 0 0; border-top:dotted 1px #333; font-weight:bold; font-size:1.2em}
#slideshow_right_col ul {padding:0; margin:4px 0 10px 0; list-style-type:none}
#slideshow_right_col li {color:#000; margin:2px 0 3px 0; padding:0 0 0 10px; background:url("http://img2.timeinc.net/health/static/i/bullet-green.gif") .03em .5em no-repeat}
#slideshow_right_col li a {color:#0076A3}
#slideshow_right_col p {font-size:1.1em; line-height:1.5em; padding:0; margin:0.5em 0 0.5em 0; overflow:auto; word-wrap:break-word}
#slideshow_right_col em {font-size:1em}
#slideshow_right_col .inactive {cursor:default}
.ssPagi {float:left; margin:10px 0; font-size:1.1em}
.ssPagi * {vertical-align:middle}
.ssPagi span img {background:#b3b2b2}
.ssPagi a img {background:#f46414}
.ssPagi .prev {margin-right:10px}
.ssPagi .next {margin-left:10px}
.ssPagi .pos {margin:0 10px}
.ssPagi .posCal {text-align:center; font-size:0.8em; text-transform:uppercase; margin:0; color:#535353; font-size:0.7em; line-height:1.1em}
.ssPagi .posCal span {padding-top:4px}

#img_wrapper {clear:left; width:400px; height:400px; padding:0;	text-align:center; background-color:#f7f7f7; border:1px solid #e8e8e8}
#img_wrapper img {margin:0 auto}
#img_wrapper p.photo_credit {position:absolute; width:395px; left:0px; top:380px; height:15px; text-align:right; padding-top:5px; font-size:.8em; line-height:1.2em; color:#707070}
#img_wrapper {position:relative}
#img_wrapper a {display:block; position:absolute; width:80px; height:400px; background:url("http://img2.timeinc.net/health/static/i/sprite_gallery.png") no-repeat; top:0px; left:0px; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); outline:none}
#img_wrapper a:hover {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100)}
#img_wrapper a#previous-slide {background-position:0 -78px}
#img_wrapper a#previous-slide:hover {background-position:0 -556px}
#img_wrapper a#next-slide {background-position:131px 161px; left:241px; width:160px}
#img_wrapper a#next-slide:hover {background-position:131px -317px}

.share {margin:15px 0 0 10px; color:#999; width:635px}
.share a.more {border-left:0; font-size:1.3em}
#facebookLike {float:left; padding-bottom:0; margin-bottom:0}
.twitter {float:left}
.plus-one {float:left; margin-top:2px; margin:3px 0 0 -15px}
.addthis {float:left}
#email-com {float:right; margin-top:4px; padding-bottom:14px}
#email {padding:2px 2px 0 0}

.clearboth {clear:both; margin:6px 0}
.cmAd400x50 {margin:0 0 0 1px; padding-top:0} /* over-ride added for clearboth class because of absolute/relative positioning discrepancy in IE */
#slideshowWrapper {width:650px; background-color:#FFFFFF; padding:0; margin:10px 0 0 5px; clear:both}
#slideshowWrapper h1 {font-family:Georgia; font-size:2.6em; font-weight:500;  color:#000; padding:10px 0 0 10px; margin:5px 0 0 0}
#slideshowWrapper .dek {margin:5px 0 5px 10px}
#slideshowWrapper h2 {padding:0; font-family:Trebuchet MS; font-size:1.75em; color:#000}

#next-article {display:block; clear:left; padding-bottom:10px; color:#777; font-size:0.9em}
#next-article a {display:inline; font-weight:bold}

#slideNav {width:390px; background:none; position:relative}
#slideNav ul {float:left; 	padding:0; margin:5px 0px 5px 0; width:390px}
#slideNav li {list-style-type:none; 	float:left; vertical-align:middle; text-transform:uppercase}
#slideNav ul li a {color:#0076a3; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; float:left; font-size:1.2em; margin:0; 	padding:2px 12px}
#slideNav ul li a:hover {text-decoration:underline}
#slideNav ul li.previous {float:left; width:120px}
#slideNav ul li.next {float:right; width:115px}
#slideNav ul li.inactive {color:#ccc; font-size:1.2em; 	margin:0; 	width:115px; text-transform:uppercase; padding:3px 0 0 17px}
#slideNav ul li.inactive.next {width:40px; padding:3px 17px 0 0}
#slideNav ul li.previous a {background:#f2fbfd url("http://img2.timeinc.net/health/static/i/slideshow/arrowLeft.gif") no-repeat left 4px; padding-left:17px}
#slideNav ul li.next a {background:#f2fbfd url("http://img2.timeinc.net/health/static/i/slideshow/arrowRight.gif") no-repeat right 4px; padding-right:17px; float:right}
#slideNav ul li.page {font-size:0.8em; padding:4px 0 0 15px; width:125px; margin:auto; text-align:center}

#news-ltr {width:638px; margin:15px 0 15px 10px; float:left; background:url("http://img2.timeinc.net/health/static//i/top-stories-tout.jpg") 10px 15px no-repeat; border:1px solid #c3dee9}
#news-ltr .news-ltr-inner {border:1px solid #c3dee9; margin:3px; padding:15px 10px 15px 98px; width:522px}
#news-ltr h4 {font:normal 1.55em "Trebuchet MS", Trebuchet, arial, sans-serif}
#wkly1_email {border:1px solid #dedede; width:170px; float:left; height:20px; padding-left:5px; margin-right:3px; color:#757575}
#news-ltr-more {display:block; margin:5px 150px 3px 0; float:right}
#news-ltr p {color:#555; font-size:1.1em}

#related, #all-slides {width:640px; float:left; margin:15px 0 0 10px}
#related h3 {font:bold 1.8em "Trebuchet MS", Verdana, sans-serif; letter-spacing:-0.01em; border-bottom:1px dotted #c9c9c9; margin-bottom:10px}
#related ul, #all-slides ul {list-style:none; margin:0 0 15px 0; padding:0}
#related img, #all-slides img {float:left; padding:2px; border:1px solid #e5e5e5; width:122px; height:122px}
#related li, #all-slides li {float:left; width:128px; margin-right:32px; height:180px} /*{float:left; width:100px; margin:0 50px 0 0; height: 150px}*/
#related a, #all-slides a {display:block; float:left; margin-top:5px}	
#all-slides {margin:0}
#all-slides ul {margin:0}
/*#all-slides li {float:left; width:128px; margin-right:32px; height:180px}
#all-slides img {width:122px; height:122px}*/
.viewslide {clear:left; font-size:1em; float:right; text-transform:none; font-weight:bold; padding:10px 0 10px 0}

#hotTopics {width:640px; margin:5px 0 0 10px; padding:0px; float:left}
#hotTopics h2 {font:Trebuchet MS regular; border-bottom:1px dotted #c9c9c9; font-size:1.6em; color:#000; padding:10px 0 0 5px; margin:0 0 10px 0}
#hotTopics .img {width:90px; float:left; margin:2px; padding:0}
#hotTopics .topicContent{width:370px; margin:0; padding:0 0 0 0; float:left; line-height:1.4em}
#hotTopics .topicContent h4 {font-family:Georgia; font-size:1.4em; width:400px; font-weight:bold; color:#000; padding:0 0 1px 0; margin:0}
#hotTopics .topicContent .popular {font-size:1.2em; font-weight:bold; margin:20px 0 0 0}

#moreList ul {margin:0px; width:470px; height:auto; padding:10px 0 0px 0px; list-style-type:none; vertical-align:top}
#moreList li {color:#0177a3; padding:0 0 0 10px; margin:0; background:url("http://img2.timeinc.net/health/static/i/slideshow/li_bg.gif") no-repeat; background-position:0 5px}

.helthTrip {float:left; width:640px; background:#f5f5f5; text-align:center; color:#0076a3; font:verdana bold; size:1.3em; margin:20px 0 20px 10px; border:1px dotted #999; border-width:1px 0; padding:5px 0}
.helthTrip a{text-align:none; font-size:1.2em; font-weight:bold}

div.form{background-color:#e2f1f9; border:1px solid ##E4EDEA; margin-left:10px; float:left}
div.form .inner {margin-left:5px}
div.form h3.form_title {margin-left:5px}
iframe.fb_ltr {margin-bottom:1em}
.postComm{width:630px; margin:10px}
.commentLink {margin-left:15px}

.lite_slider {margin-left:10px}
.lite_slider li {padding-right:12px}
/* Prev & Next buttons are display:block by default in javascript */
.lite_slider .prevlink, .lite_slider .nextlink, .lite_slider span.prevlinkOff, .lite_slider span.nextlinkOff {display:block; float:left; text-decoration:none; width:40px; outline:none}
.lite_slider .prevlink img, .lite_slider .nextlink img {background:url("http://img2.timeinc.net/health/static/i/btn_slider.png") left top no-repeat}
.lite_slider a.nextlink img {background-position:right top}
.lite_slider a.prevlink:hover img {background-position:left bottom}
.lite_slider a.nextlink:hover img {background-position:right bottom}
.lite_slider .prevlinkOff img {background:url("http://img2.timeinc.net/health/static/i/btn_slider.png") 0 -81px no-repeat; cursor:default}
.lite_slider a.nextlinkOff img {background:url("http://img2.timeinc.net/health/static/i/btn_slider.png") -26px -81px no-repeat; cursor:default}
.lite_slider a.prevlinkOff:hover img {background:url("http://img2.timeinc.net/health/static/i/btn_slider.png") 0 -81px no-repeat; cursor:default}
.lite_slider a.nextlinkOff:hover img {background:url("http://img2.timeinc.net/health/static/i/btn_slider.png") -26px -81px no-repeat; cursor:default}

.lite_slider {position:relative}
.main {margin-left:40px}
.lite_slider .slides {float:left; left:-5000px; position:relative; visibility:hidden}
.lite_slider .slides a {display:block; border:1px solid #e5e5e5; padding:1px; margin-top:1px}
.lite_slider .slides a:hover {border-color:#8fbde3}
.lite_slider .slides li.current a {border-color:#8fbde3; border-width:2px;}
.lite_slider .slides li.current img {width:73px; height:73px}
.viewall {clear:left; font-size:1em; float:right; text-transform:none; font-weight:bold; padding:10px 17px 0 0}