/* START HTML tag styles */

BODY { margin: 0; padding: 0; background: url(../index_files/bg_ind.jpg) ;text-align: center; }
BODY, DIV, TD { font: 11px tahoma, arial, sans-serif; color: #666; }
INPUT, SELECT, OPTION, TEXTAREA { margin-right: 4px; padding-left: 3px; font: 9px tahoma, arial, sans-serif; color: #484848; }
TD { padding: 0; vertical-align: top; text-align: left; }
IMG	{border: 0;}
P { margin: 4px 0;}

A { color: #6a024b; text-decoration: none; }
A:hover	{ color: #fe7800; text-decoration: underline; }
H1 {margin: 0;}
H5 { margin: 16px 0 0 0; font-family: Arial; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #e34a33; }

/* END HTML tag styles */

/* START Layout */

#container { width: 972px; margin: auto; padding: 0; text-align: left;background: #fff; right repeat-y; }
#mast { margin-right: 0px; padding: 3px 0 6px 6px; background: url(../index_files/bg_ind.jpg) repeat-x #481A5D; }
.colLeftNav	{ float: left; display: inline; padding: 0px 0; padding-top: 0px; }
.colLeft { width: 143px; margin-left: 7px; padding: 0px; }
.colNarrow	{ float: left; display: inline; width: 168px; margin-left: 2px; margin-right: 2px; margin-top: 0px; padding: 0px 0;}
.colMed	{ float: left; display: inline; width: 300px; margin-left: 20px; padding-top: 10px;}
.colReg	{ float: left; display: inline; width: 470px; padding-top: 10px; }
.colWide {float: left; display: inline; width: 622px; margin-left: 30px; padding-top: 10px; }
.col {float: left; width: 50%;}
.gradientBox { background: url(../index_files/bg_cat_topic.gif) bottom repeat-x; padding: 10px 10px 10px 0px; height: 160px; border: 1px solid #d5d5d5;}
.gradientBoxNoHeight { background: url(../index_files/bg_cat_topic.gif) bottom repeat-x; padding: 10px 10px 10px 0px; border: 1px solid #d5d5d5;}
.purpleBox { float: left; width: 20px; height: 17px; margin-right: 10px; padding-top: 3px; background-color: #703989; color: #fff; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-align: center;}
#footer {background:#FFFFFF none repeat scroll 0% 0%; border-color:#ADADAD; border-style:solid; border-width:5px 0pt; margin-top:0px; padding:10px 0pt;}
#footer .section { clear: left; float: left; width: 85px; padding: 2px 0; font-size: 10px; text-align: left; text-transform: uppercase;}
#footer .subSection { width: 700px; margin-left: 0px; padding: 2px 0;}
#footer .subSection a { padding: 0 4px 0 6px; background: url(../index_files/arrow_sm.png) 0 4px no-repeat; font-size: 9px;}
#footer .channelSection { width: 740px; margin-left: 135px; padding: 2px 0; font-size: 9px; }
#copyright { text-align: left; color: #bababa; font-size: 9px; padding: 6px 0 10px 0; background: #fff; height: 32px; width: 972px; }
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

/* END Layout */

/* START Lists */
.baru { font-family:Arial, Helvetica, sans-serif; color: #c6359a;}

UL, LI { margin: 0; padding: 0; list-style: none; }
UL LI {padding-bottom: 8px;}
UL.noPadding LI { padding:0; }
UL.blueDot { display: inline; margin-left: -9px; padding: 0;}
UL.blueDot LI {display: inline; margin: 0; padding: 0 8px; background: url(../index_files/dot_blue.png) no-repeat; background-position: center left;}
UL.blueDot LI A, #globalNav A { color: #fff; text-decoration: none;}
UL.blueDot LI A:hover, #globalNav A:hover, A.login:hover {color: #fff; border-bottom: 1px dotted #fff;}
UL.blueDot LI.makethismyhomepage { display: inline;  margin: 0; padding: 4px 3px 5px 4px; background: url(../index_files/bg_makehomepage.jpg) no-repeat; background-position: center left;}
UL.quiz	{ margin: 5px 10px 5px -3px; padding: 0; list-style: none; float:left;}
UL.quiz LI	{padding-bottom: 0px;}
UL.orangeDot {margin: 2px 0 0 0; padding: 0;}
UL.orangeDot LI	{ margin: 0; padding: 0 0 0 8px; background: url(../index_files/dot_orange.png) 0 5px no-repeat; color: #8d8d8d;}
UL.orangeDot LI UL { margin: 5px 0px; padding: 0 0 0 8px; color: #000000; }
UL.orangeDot LI UL LI { margin: 0; padding: 0 0 0 8px; font-style: italic; background: #fff; font-size: 10px;}
UL.relatedLinks LI.arrowup { margin: 0; padding: 0 0 0 12px; list-style: none; background: url(../index_files/arrow_up.gif) no-repeat;}
UL.relatedLinks LI.audio {padding-left: 15px; background: url(../index_files/icon_audio.png) no-repeat; }
UL.relatedLinks LI.video	{padding-left: 15px; background: url(../index_files/icon_video.png) no-repeat; }
UL.relatedLinks LI.slideshow {padding-left: 15px; background:  url(../index_files/icon_slideshow.gif) no-repeat;}
UL.relatedLinks LI.none {padding-left: 15px; background: url(../index_files/icon_circle_arrow.png) no-repeat;}
UL.relatedLinks LI.leftCol	{margin: -5px 4px;}
UL.relatedLinks LI.article	{margin: -3px 0 8px 0}
UL.articleCaption { margin: 8px 0; padding: 0; }
UL.articleCaption LI { list-style: none; background: url(../index_files/icon_pointer_up.png) no-repeat; padding: 0 10px; color: #999; font-size: 10px; }
UL.articleInsert { margin: 2px 0; padding: 0; }
UL.articleInsert LI	{ list-style: none; background: url(../index_files/dot_orange_article.png) no-repeat; padding-left: 10px; }
UL.articleInsert LI.empty { list-style: none;  background: url(../index_files/dot_white.png) no-repeat; padding-left: 10px; color: #969595;}
UL.ListTopMargin { margin: 0px; }	
UL.listTopMargin LI { margin-top: 5px; }
UL.doubleLine { margin: 2px 0 0 0; padding: 0; }
UL.doubleLine LI { margin: 0; padding: 0 0 0 8px; background: url(../index_files/dot_orange.png) 0 17px no-repeat; color: #8d8d8d;}
OL { margin: 0; padding-left: 21px; }
UL.tabLink { display: inline; padding: 0; margin: 0; }
UL.tabLink LI { display: inline; padding: 0 12px; list-style: none; background: url(../index_files/icon_circle_arrow.png) no-repeat;}
UL.tabLinkPairLeft {padding: 0; margin: 0; float:Left; }
UL.tabLinkPairRight	{ padding: 0; margin: 0; float:Left; width:135px;}
UL.tabLinkPairLeft LI { padding: 0 12px; list-style: none; background: url(../index_files/icon_circle_arrow.png) no-repeat;}
UL.tabLinkPairRight LI { padding: 0 12px; list-style: none; background: url(../index_files/icon_circle_arrow.png) no-repeat;}
UL.tabLinkPairRight2 { padding: 0; margin: 0; float:Left; width:135px; }

/* END Lists */

/* START Forms */

FORM {margin: 0;}
INPUT {vertical-align: middle;}
.inputMed {width: 128px;}
.inputLrg {width: 180px;}
.input230 { width: 230px; }
.input230, .formLrg textarea { border: 1px solid #ccc; border-top: 1px solid #999; border-right: 1px solid #999; background: #fff;}
.formError { padding: 0px; margin: 0px; color: #e34932; font-style: italic; }

/* END Forms */

/* START Page elements */

#loginArea	{ height: 40px; margin: 20px 0 0 390px; padding-left: 6px; color: white; border-left: 1px solid #81409c; }
#loginArea .login_welcome { font-weight:bold; margin-right:15px; }
A.login	{ margin-right: 15px; font-weight: bold; color: #fff; text-decoration: none; }
.loginTagLine { margin-top: 4px; color: #E095FF; }
.loginTagLine A, .hilite {color:#e3b5f6; font-weight:bold; }
#globalNav { clear: left; margin: 3px 0 4px 4px; padding-top: 1px; background: url(../index_files/search_separator.jpg) no-repeat;}
#globalNav FORM { float: left; display: inline; width: 400px; }
.advertisement	{ border: 1px solid #d9d9d9; border-width: 0 1px 1px 1px; vertical-align: middle; text-align: center; color: #bababa;}
.relatedLinks { padding: 5px 0 0 12px; list-style: none; background: url(../index_files/icon_circle_arrow.png) no-repeat;}
/* Cannot put width cause will break page if the module is in grouped module layout*/
.buttonLine { background: url(../index_files/dot_blue_line.gif) bottom repeat-x;  padding: 0px; height: 22px;  text-align: right;}

/* END Page elements */

/* START Page Headers */

.pageHeader	{ margin-bottom: 5px; background: url(../index_files/bg_pageheader.gif) top right repeat-x;}
.pageHeader .sponsor { float: right; width: 150px; margin-top: -4px; padding: 0 20px 0 0; text-align: right;}
.pageHeader .description {padding-top: 8px; color: #666; }

/* END Page Headers */

/* START Global styles */

IMG.border {border: 1px solid #b3b4b7;}
.border	{border: 1px solid #b3b4b7;}
IMG.lead { float: left; margin-right: 10px; }
IMG.charts	{ float: left; margin-right: 2px; }
IMG.tabBorderFloat { float: right; margin-top: -20px;}
IMG.tabBorderFloat3 { float: right; margin: -4px -10px -19px -10px;}
IMG.tabBorderFloat4 { float: right; margin: -60px -2px 0 0; }
.clear {clear: both;}
.big {font-size: 12px;}
.small {font-size: 10px;}
.xsmall { font-size: 9px; }
.xlarge { font-size: 41px;}
.bold {font-weight: bold;}
.italic { font-style: italic;}
.center {text-align: center;}
.floatLeft {float: left;}
.floatRight { float: right; }
.purpleBar { width:475px;clear: both; border-top: 7px solid #f68ac5; }
.purpleBar3 { width:300px;clear: both; border-top: 7px solid #f68ac5; }
.greyBar {border-top: 8px solid #acacac;}
.ltgreyBar {border-top: 8px solid #d5d5d5; }
.redBar	{border-top: 8px solid #e34a33;}
.blueBar {border-bottom: 8px solid #71beca;}
.gradientBot {background:url(../index_files/bg_greygradient_bot.gif) repeat-x bottom;}
.blueDivider { width:475px;margin: 6px 0px; border-top: 1px solid #71beca; }
.blueDivider2 { width:298px;margin: 6px 0px; border-top: 1px solid #71beca; }
.blueDivider3 { width:300px;margin: 6px 0px; border-top: 1px solid #71beca; }
.blueDividerSlides { margin: 0px 0px 8px 0px; border-top: 1px solid #71beca; }
.blueDividerMargin0	{ margin: 0; padding:0; border-top: 1px solid #71beca; }
.purpleDivider	{ margin: 6px 0px; border-top: 1px solid #71398a; }
.underlineBlue	{ border-bottom: 1px solid #71beca; }
.greyDivider { margin: 0 10px; border-top: 1px solid #d9d9d9; }
.greyDividerBold { margin: 10px 0; border-top: 8px solid #d5d5d5;}
.greyLine { clear: both; margin: 10px 0; border-top: 1px solid #d9d9d9;}
.greyDash { border-bottom: 1px dotted #ccc; padding-top: 10px; }
.greyDashTop1 { border-bottom: 1px dotted #ccc; padding-top: 1px;}
.viewAll { float: right; text-align: right; font-size: 10px; }
.viewAllSlides  { float: right; text-align: right; font-size: 10px; margin-top:-18px;}	
TD.viewAllVideos { text-align: right; vertical-align: bottom; padding-bottom:2px;}
.black	{color: #2b2b2b;}
.grey	{color: #686868;}
.dkgrey {color: #4A4A4A; }
.blue	{color: #550530;}
.orange	{color: #f36d25;}
.purple { color: #70398a;}
.red {color: #e34932;}
.lightGrey {color: #969595;}
.outlineWhite1 {border: 1px solid white;}
.outlineWhite2 {border: 2px solid white;}
.outlineGrey1 {border: 1px solid #d2d2d2;}
.outlineGrey2 {border: 2px solid #ededed;}
.outlineLightGrey1 {border: 1px solid #eeeeee;}
.outlineDarkGrey1{border: 1px solid #9f9f9d;}
.outlineGrey3 {border: 3px solid #ededed;}
.outlineDarkGrey3 {border: 3px solid #858585;}
.greyDashLine { margin-top:5px; height:10px; background:url(../index_files/bg_dashline.gif) 5px 0 repeat-x;}
.smallHeader { font-family: Arial; font-size: 16px; text-transform: uppercase; color: #454545;}
#statusPanel { height: 26px; background: url(../index_files/bg_status_panel.jpg) repeat-x; text-align: center; }
#statusPanel A	{font-weight: normal;}
.relative {position: relative;}
.crumbs	{padding: 8px 0 0 0;}
.printerFriendly  { margin-top: 2px; float: right;}

/* END Global styles */

/* START padding and margins */

.hd_top	{ float:left; display: inline; width: 290px; margin-left: 10px;}
.noPadding {padding: 0px !important;}
.noTopPadding { padding-top: 0px !important;}
.pad3 {padding: 3px;}
.pad6 {padding: 6px;}
.pad10 {padding: 10px;}
.pad3Left { padding-left: 3px; }
.pad7Left { padding-left: 7px; }
.pad10Left	{padding-left: 10px;}
.pad18Left	{padding-left: 18px;}
.pad40Left	{padding-left: 40px;}
.pad3Top	{padding-top: 3px;}
.pad10Top	{padding-top: 10px;}
.pad8Bot0 {padding: 8px 8px 0 8px;}
.pad10Vertical	{padding: 10px 0;}
.pad6Horizontal {padding: 0 6px;}
.pad10Horizontal {padding: 0 10px;}
.pad15Horizontal {padding: 0 15px;}
.pad4Bottom {padding-bottom:4px;}
.noMargin	{margin: 0 !important;}
.noLeftMargin {margin-left: 0px;}
.noTopMargin {margin-top: 0px !important;}
.marginBottom4px	{margin-bottom: 4px;}
.marginBottom5px	{margin-bottom: 5px;}
.marginBottom10px	{margin-bottom: 10px !important;}
.marginBottom12px {margin-bottom: 12px;} 
.marginBottom15px	{margin-bottom: 15px;}
.marginBottom20px {margin-bottom: 20px;}
.marginTopNeg13 {margin-top: -13px; }
.marginTopNeg4 {margin-top: -4px;}
.marginTop2px	{margin-top: 2px;}
.marginTop4px	{margin-top: 4px !important;}
.marginTop4apx	{margin-left: 12px !important;}
.marginTop7px	{margin-top: 7px;}
.marginTop10px	{margin-top: 10px;}
.marginTop14px {margin-top: 14px; }
.marginTop20px {margin-top: 20px;}
.marginTop25px {margin-top: 25px;}
.marginVert4px	{margin: 4px 0 !important;}
.marginVert8px	{margin: 8px 0 !important;}
.marginVert20px { margin: 20px 0 !important;}
.marginLeft4px{margin-left: 4px;}
.marginLeft10px	{margin-left: 10px;}
.marginLeft8px	{margin-left: 8px;}
.marginLeft18px	{margin-left: 18px;}
.marginLeft20px	{margin-left: 20px;}
.marginLeft30px	{margin-left: 30px;}
.marginLeft50px	{margin-left: 50px;}
.marginLeft75px	{margin-left: 75px;}
.marginRight8px {margin-right: 8px;}
.marginRight15px {margin-right: 15px;}
.marginRight20px {margin-right: 20px;}
.width40 { width: 40px;}
.width60 { width: 60px;}
.width70 { width: 70px;}
.width86 { width: 86px;}
.width150 {width: 150px;}
.width160	{width: 160px !important;}
.width190 {width:190px; }
.width200 {width: 200px; }
.width270	{width: 270px;}
.width298 { width: 298px;}
.width300 { width:300px; }
.width360 { width: 360px; }
.width400	{width: 400px;}
.height120	{height: 120px;}
.height190	{height: 190px;}

/* END padding and margins */

.alignRight {text-align: right; }
.quote	{ margin: 6px; font-family: "Times"; font-size: 17px; font-style: italic; color: #f36d25;}
.topicNote {font-size:12px;}
.topicNote A {font-weight: bold;}
.tabContent{ float:right; width:340px; }
.finePrint	{ padding-top: 30px; font-size: 9px; color: #bababa; }
.browse	{ margin-top: 6px; text-align: left; width: 278px; }
.browse A { float: left; display: block; width: 17px; height: 15px; margin: 0 2px 2px 0; padding: 2px 0 0 0; border: 1px solid #d2d2d2;  text-align: center; vertical-align: middle; }
.browse A.active, .browse A:hover { border: 1px solid #d33800; background: url(../index_files/bg_browse_red.jpg); color: #fff; text-decoration: none; }
.browse A.dimmed { border: 1px solid #d8d8d8;  background: #d8d8d8; color: #fff; }
.browse span.dimmed	{ float: left; display: block; width: 17px; height: 15px; margin: 0 2px 2px 0; padding: 2px 0 0 0; text-align: center; vertical-align: middle; border: 1px solid #d8d8d8;  background: #d8d8d8; color: #fff;}
.browseTab	{ margin-top: 6px; text-align: left; }
.browseTab A { float: left; display: block; width: 17px; height: 15px; margin: 0 2px 2px 0; padding: 2px 0 0 0; border: 1px solid #d2d2d2;  text-align: center; vertical-align: middle; }
.browseTab A.active, .browseTab A:hover { border: 1px solid #d33800; background: url(../index_files/bg_browse_red.jpg); color: #fff; text-decoration: none; }
.browseTab A.dimmed	{ border: 1px solid #d8d8d8; background: #d8d8d8; color: #fff; }
.browseTab span.dimmed	{ float: left; display: block; width: 17px; height: 15px; margin: 0 2px 2px 0; padding: 2px 0 0 0; text-align: center; vertical-align: middle; border: 1px solid #d8d8d8;  background: #d8d8d8; color: #fff;}
.floatLeft { float: left; }	
.floatRight { float:right; }
.articleInsert	{ margin: 6px 0 10px 0; padding: 10px 0; border: 1px solid #d5d5d5; border-width: 8px 0; }
.articleInsert2	{ margin: 6px 0 0 0; padding: 10px 0 0 0; border: 1px solid #d5d5d5; border-width: 8px 0 0 0; text-align: left; }
.articleInsert3	{ margin: 6px 0 0 0; padding: 0; }
.articleInsert .col, .articleInsert2 .col, .articleInsert3 .col	{ float: left; width: 33%; color: #474747; font-size: 9px;}
.articleInsert .col DIV, .articleInsert2 .col DIV, .articleInsert3 .col DIV	{font-size: 9px;}

/* END Global styles */

/*  START Category styles */

TABLE.catTitle	{width: 100%;}
TABLE.catTitle TD	{vertical-align: bottom;}
.browseBar	{ border: 1px solid #b3b4b7; padding: 10px 10px 0px; background: url(../index_files/bg_browse.jpg) repeat; }
.browseBar A { float: left; display: block; width: 18px; height: 17px; margin: 0 2px 2px 0; padding: 2px 0 0 0; border: 1px solid #d2d2d2;  text-align: center;  vertical-align: middle; }
.browseBar A.active, .browseBar A:hover	{ border: 1px solid #d33800;  background: url(../index_files/bg_browsebar_red.jpg); color: #fff; text-decoration: none; }
.browseBar DIV.dimmed { float: left; width: 18px; height: 17px; margin: 0 2px 2px 0; padding: 2px 0 0 0; border: 1px solid #d8d8d8;  background: #d8d8d8; color: #fff; text-align: center; }
.moreInfo	{padding: 4px 0; clear: both;}
.moreInfo A	{ border: none; vertical-align: top; display:inline; float:none; }
.moreInfo A:hover { border: none; display:inline; background:none; color: #fe7800; float:none; text-decoration: underline; }
.sitewideSearch	{ float: right;  width: 335px; margin-top: 15px; }
.browseBarSearch {margin: 14px 0px 0px; padding: 2px; }
.browseBarSmall	{ border: 1px solid #b3b4b7; padding: 7px 10px 0px; background: url(/index_files/bg_browsebar_small.png) bottom repeat-x; font-size: 10px; height: 24px;}
.browseBarSmall A { float: right; display: block; width: 13px; height: 14px; margin: 0 2px 2px 0; padding: 2px 0 0 0; border: 1px solid #d2d2d2;  text-align: center;  vertical-align: middle; background: #fff;}
.browseBarSmall A.active, .browseBarSmall A:hover { border: 1px solid #d33800;  background: url(../index_files/bg_browse_small_red.png); color: #fff; text-decoration: none;}
.browseBarSmall A.dimmed { border: 1px solid #d8d8d8; background: #d8d8d8; color: #fff;}
.browseBarSmall DIV.dimmed	{float: right; width: 13px; height: 14px; margin: 0 2px 2px 0; padding: 2px 0 0 0; text-align: center;  border: 1px solid #d8d8d8;  background: #d8d8d8; color: #fff; }
.browseBarSmall p { float: left; margin: 0px; padding-top: 3px; color: #108896; }
.alsoVisit { padding: 5px 15px 15px 5px; border-bottom: 1px dotted #b3b4b7; font-size: 13px; }
.alsoVisit a, .alsoVisit a:visited { font-size: 13px; color: #108896; text-decoration: none; font-weight: bold; }
.alsoVisit a:hover { color: #fe7800; text-decoration: underline; }
.letters { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; border-bottom: 10px solid #d5d5d5; padding: 0px 0px 2px; width: 100%; margin-bottom: 5px;}
.letters_longline{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; border-bottom: 10px solid #d5d5d5; padding: 10px 0px 0px 2px; width: auto; margin-bottom: 5px;}
.nowrap {white-space: nowrap;}
.mainArticle { border: 1px solid #b3b4b7; background: url(../index_files/bg_main_article.gif) bottom repeat-x; }
.categTopic { background: url(../index_files/bg_cat_topic.gif) repeat-x; height: 70px; border: 1px solid #b3b4b7; margin: 10px 0px 7px 0px;  width: 618px;}
.colBorder { float: left; margin-right: 5px; width: 32%; border-right: 1px solid #d5d5d5;}
.borderLeft	{ background: url(../index_files/cat_topic_border.gif) right no-repeat; }	
.borderCenter { background: url(../index_files/cat_topic_border.gif) right no-repeat; }
.borderRight { background: url(../index_files/cat_topic_border_side.gif) right repeat-y; }
.colWide { float: left; display: inline; width: 620px; margin-left: 15px; padding-top: 0px;}
.categPurple { background-color: #9966cc; color: #ffffff; padding: 1px 3px; margin-right: 5px; display: inline; }	
	
/*  ENDCategory styles */

/* START Site Index styles */

.colIndex { width: 248px; float: left; margin-right: 20px; padding: 10px 0; }
.col790 { width: 790px; padding-top: 10px; float: left; }
.marginLeft19px	{margin-left: 19px;}
.channels { font-size: 18px; border-bottom: 8px solid #d5d5d5; padding: 0px 0px 2px; width: 248px; margin: 15px 0px 5px 0px; color: #71beca; }
.channels a, .channels a:hover, .channels a:visited { text-decoration: none; color: #71beca; }
.categories { color: #03343a; font-size: 12px; width: 248px; margin-top: 5px; border-bottom: 1px solid #d5d5d5;}
.categories a, .categories a:hover, .categories a:visited { text-decoration: none; color: #03343a; }
.listMargin  { padding: 5px 10px 10px; line-height: 16px; text-indent: 3px; }
.newsletter { width:620px; margin-left: 15px; float: left; }
.signupBox { height: 40px; margin: 0px 0 15px 0; background: url(../index_files/bg_cat_topic.gif) bottom repeat-x; padding: 10px 10px 10px 10px; border: 1px solid #d5d5d5; float: left; width: 599px; }
.checkbox { float: left; margin: 0px 8px 20px 0; } 	

/* END Site Index styles */

/* START In This Issue styles */

#issueCover	{ float: left; margin-right: 10px; }
.subtitle { color: #703989; font-family: Georgia, Times; font-size: 18px; fne-height: 20px; padding-bottom: 10px; }
.gradientBox { background: url(../index_files/bg_cat_topic.gif) bottom repeat-x; padding: 10px 10px 10px 0px; height: 160px; border: 1px solid #d5d5d5;}
.bgGradient { background: url(../index_files/bg_cat_topic.gif) bottom repeat-x; }
.bgGradientTop { background: url(../index_files/bg_gradient_top.gif) top repeat-x; }

/* END In This Issue styles */

/* START Printer Friendly */
	
#container_print { width: 655px; padding: 20px; text-align: left; }
.copyrightPrint { color: #bababa; margin: 10px 0px;}
.alignLeft { text-align: left; }	
	
/* END Printer Friendly */

/* START Expert QA */

.expertQAProfile .content { float: left; width: 520px; padding: 0; }
.expertQAProfile .graphic { float: left; margin: 5px 8px 0 0; }
.expertLink { padding-top: 6px;}
.expert P { margin-top: -5px; }
.search { height: 50px; margin: 20px 0px; padding: 15px 10px 5px 10px; }

/* END Expert QA */

/* START Poll */

.pollQuestion { margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px solid #d9d9d9; font-weight: bold; color: #2b2b2b;}
.pollResultBar	{float: left; height: 19px; border: 1px solid #b20600; background: url(../index_files/bg_poll_bar.gif) repeat-x; margin: 3px 0 12px 0;}
.pollValue	{ float: left; color: #f36d25; margin: 3px 0 0 5px; }
.pollAnswer	{ clear: left; color: #7c7c7c; font-weight: bold; }

/* END Poll */

/* START Shop */

.featuredProduct { border: 1px solid #dadada; padding: 10px; width: 349px; margin: 0 0 5px  0;}
.featuredImage 	{ float: left;  margin-right: 10px;}
.featuredTitle { float:left; width: 175px; }
.shopItem{ float: left; display: inline; width: 158px; margin: 0 42px 20px 0; }
.shopItemLast { float: left; display: inline; width: 158px; margin: 0 0 20px 0;}
.shopRow { margin-bottom: 20px; }

/* END Shop */

/* START Contest/Sweeps */

.label	{ clear: left; float: left; display: inline; width: 170px; margin-top: 10px; font-weight: normal; }
.userChoice	{ float: left; display: inline; width: 450px; margin-top: 10px; padding-left: 10px; font-weight: normal;}

/* END Contest/Sweeps */

/* START Preview Site  */

.verticalSpacer	{ margin: 5px 40px; border-right: 1px solid #e6e6e6; height: 85px; }

/* END Preview Site  */

* html .IEFloatFix { height: 0.01%; }
#flashcontent	{width: 470px; height: 174px;}
#flashcontentID {margin-left:1px;margin-top:2px;margin-bottom:12px}

/* START disclaimer style */

#overDiv {position:absolute; visibility:visible; z-index:1000;top:0px; left:0px;  height:auto;text-align:left;}
.menuHeader3 {border:1px solid #bbbbbb; font-size:8pt; background-color: #ffffff; width:300px;text-align:left;position:relative;top:0px;left:0px;}
.menuHeader3 .title {font-weight:bold; margin-bottom:6px; color:#474747} 
#disclaimer { clear: both; padding-top:20px; width: 620px; margin-left: 160px; text-align: center; color: #969595; }

/* END disclaimer style */

#Following is added for News Slider funtionality
@media screen{
	/* 
 	 ---- Layout CSS 
	*/
	body{margin: 0;padding: 0;background-color: #CCCCCC;}
	img{border: 0px;}	
}

/* Added for Changing the sIFR header to HTML */

.hdBlackMedium { margin: 0; font: 20px Arial, sans-serif; font-weight: bold; color: #2b2b2b;}
.hdBlackMedium A {color: #743b8b; }
.hdBlackMedium A:hover { color: #fe7800; text-decoration: none; }
.hdTopNumber { display: block; margin: 0; font: 20px Arial, sans-serif; color: #2b2b2b; }
.hdTopNumberRed { display: block; margin: 0; font: 15px Arial, sans-serif; color: #e34932; margin-bottom: -2px; text-transform: uppercase; }
.teaser { font-style: italic; font-size: 11px; font-weight: normal; color: #858585;}
.width780 {width: 780px;}
.hdPurpleMedium { margin: 0; float: left; font: 20px Arial, sans-serif; font-weight: bold; line-height: 20px; color: #743b8b; }
.hdPurpleMedium A { color: #743b8b;}
.hdPurpleMedium A:hover {text-decoration: none;}
.underlineGrey { border-bottom: 1px solid #b3b4b7; }
.toolsFinders p,  .slideshow p { width: 200px;}
.toolsFinders td, .slideshow td {padding-bottom: 5px;}
.toolsFinders tr, .slideshow tr { height: 90px;}
.faModuleSpacing {margin: 0 0 5px 0;}
#globalNav UL.blueDot LI IMG{ margin-bottom:-1px; }
.slideshowItem { float:left; }
.slideshowItem UL{ width:80px; margin-left:4px; }
.slideshowItem UL.first{ margin-left:10px; }
.slideshowItem2 { float:left; }
.slideshowItem2 UL{ width:80px; margin-left:4px; }
.slideshowItem2 UL.first{ margin-left:12px; }
p.hd_featuredperson { margin:0; font: 11px arial, sans-serif; text-transform:uppercase; font-weight:600; padding-bottom:1px; margin-bottom:5px; border-bottom:1px solid #71beca;}

/* START ex-sIFR styles */
/** :: e.g.-> /cda/toolfinder.do?tf_type=bmi_calculator&channel=health :: **/
.gothamBoldBlack { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

/** :: e.g.-> /cda/bespoke.do?incFile=contact_us.jsp :: **/
.gothamMedBlack { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

/** :: e.g.-> /cda/vendorarticle/asthma/NW831/health/conditions.treatments/0/0/0/1 :: **/
h3 { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em; }

/** :: e.g.-> /cda/categorypage.do?channel=news.voices&category=multimedia&topic=slideshows :: **/
.gothamBoldPurple { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #743B8B; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

/** :: specific content - e.g.-> /cda/categorypage.do?channel=news.voices&category=faces.of.prevention :: **/
.gothamMedPurple { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #743B8B; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

/** featured person module **/
.gothamMedPurple a { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #743B8B; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em;}

/** for featured expert **/
.gothamMedPurpleTab { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #743B8B; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

/** :: e.g.-> /cda/article/tricks-of-my-trade/75bc88dc78803110VgnVCM10000013281eac____/lifelong.beauty/makeup/bobbi.brown :: **/
.headerArticle { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: -1px; line-height: 1em; font-size: 2.8em;}

/** :: e.g.-> /cda/custom.do?incFile=aboutHealthNotes.jsp :: **/
.Article-Title {font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em; }

/** :: e.g.-> /cda/categorypage.do?channel=news.voices&category=polls :: **/
.subHeader { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

.gothamMedAbu { font-family: Arial; background-color: #ffffff; color: #6C6B6B; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1em; font-size: 1.6em;}

.gothamLtBlack { font-family: Arial; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

/** :: e.g.-> Fitday mdoule - /cda/channelpage.do?channel=news.voices :: **/
.gothamMedRed {font-family: Arial; background-color: #ffffff; color: #E34932; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1em; font-size: 1.7em;}

/** :: e.g.-> /cda/custom.do?incFile=customerService.jsp :: **/
.gothamMedBlack28 { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: -1px; line-height: 1em; font-size: 3.2em;}

/** :: e.g.-> /cda/categorypage.do?channel=news.voices&category=videos&index=8 :: **/
#videoLabel { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #743B8B; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.9em;}

/** :: e.g.-> Featured Article with image - /cda/categorypage.do?channel=nutrition.recipes&category=grocery.guru :: **/
.headerArticleSm a { font-family: Arial; font-weight: bold; background-color: #ffffff; color: #000000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; font-size: 2.2em; }

/* START ex-sIFR styles */

/* START - styles that existed in article.css */
.articleLead { float: left; width: 300px; margin: 0 20px 10px 0; border-bottom: 1px solid #71beca;}
.articleTitle { float:left; width: 300px; }	
.articleSubtitle { color: #703989; font-family: Georgia, Times; font-size: 20px; line-height: 20px; letter-spacing: -1px; padding-bottom: 10px; }
.articleBody P { margin-bottom: 12px; font-size: 13px; line-height: 15px; color: #4A4A4A; }
.articleContinued	{ color: #231f1f;  font-style: italic;  font-weight: bold; }
IMG.article	{ float: left; margin: 7px 20px 10px 0; }
.noBorder { border: 0; }
/* END - styles that existed in article.css */

.marginLeftNeg8 { margin-left: -8px; }
.marginLeft6px	{margin-left: 6px;}



#navBar { clear: both; position: relative; height: 41px; z-index: 1000; margin-left: -2px; width:974px; background-image: url(index_files/bg_topnav.gif); background-repeat: repeat-x}
#nav, #nav ul { list-style-type: none; line-height: 1; padding: 0; margin: 0; font-size: 10px; }
#nav a { display: block; width: auto;}
#nav li { float: left; width: auto; padding: 0; margin: 0; list-style-type: none; }
#nav li ul li { border: none; width: 10em; }	
#nav li ul li a { text-decoration:none; color:#71398a; display: block; height:18px; padding: 5px 0px 0px 10px; font-family:arial; font-weight:bold;}	
#nav li ul li a:hover { background:#71398a; color:#ffffff;}	
#nav li ul { position: absolute; background: white; width: 150px; left: -999em; border-top: 1px solid #bbbbbb; border-left: 2px solid #dcdcdc; border-right: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; margin: -3px 0 0 0px; padding: 0; }
#nav li ul li { float: left; width: 99%; margin: 0px; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; background: url(index_files/bg_topnav_border.gif) repeat-x bottom;}
#nav li:hover ul, #nav li.sfhover ul { left: auto;}
#navBar .navLastItem { background: none; border-bottom: 1px solid #bbbbbb;}
#topnavHealthyTracker { float:right}
#div_healthytrackers {text-align: right; background: url(index_files/bg_healthytrackers_off.gif) repeat-x;}


#leftnavBar { clear: both; position: relative; margin-bottom:14px; margin-top:0px; z-index:999 }
#leftnav { list-style-type: none; line-height: 1; padding: 0; margin: 0; font-size: 10px;  font-family: tahoma, arial, sans-serif; width:147px; }
#leftnav li { padding: 0; margin: 0; border-left: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; border-bottom: 1px solid #e6e6e6; border-top:0; }
#leftnav li.border0 {border:0;}
#leftnav li a { text-decoration:none; color:#71398a; display: block; padding: 4px 0px 4px 5px; font-family:arial; font-weight:bold; }
#leftnav a.selected { background:#71398a; display: block; color:#ffffff; }	
#leftnav li a:hover { background:#71398a; display: block; color:#ffffff; }
#leftnav li a.browse_link:hover, #leftnav li a.active:hover, #leftnav li a.active, #leftnav li a.active:hover	{
float: left; 
display: block; 
color: #fff;
width: 17px;
height: 15px;
margin: 0 2px 2px 0;
padding: 2px 0 0 0;
border: 1px solid #d33800; 
text-align: center; 
vertical-align: middle;
background: url(../index_files/bg_browse_red.jpg);
text-decoration: none;
}
#leftnav li span.dimmed	{ float: left; text-align: center; vertical-align: middle; margin: 0 2px 2px 0; padding: 2px 0 0 0; display: block; border: 1px solid #d8d8d8;  background: #d8d8d8; color: #fff; width: 17px; height: 15px; }	
.flyout_area { position: absolute; margin-top:-30px; left: -999em; width:380px; padding: 0; z-index:10; }
.flyout{ width:340px; background: white url(../index_files/bg_flyout.gif) repeat-x; padding:6px; border:2px solid #dcdcdc; float:left; }
#leftnav li ul { float: left; width: 160px; padding: 0; margin-left:0px; margin-right:10px; margin-top:5px; list-style-type: none; }
#leftnav li ul li{ border:none; list-style: none; background: url('../index_files/dot_orange.png') 0px 5px no-repeat; padding: 0px 0px 1px 5px; font-size: 10px;  font-family: arial, sans-serif; }
#leftnav li ul li a{ border:none; list-style: none; padding: 0px 0px 0px 2px; background-color: #fff; }
#leftnav li ul li a{ border:none; list-style: none; padding: 0px 0px 0px 5px; color:#71398a; background-color: #fff; }
#leftnav li ul li a:visited{color:#71398a;}
#leftnav li ul li a:hover{color:#fe7800; background:none}
#leftnav li:hover div, #leftnav li.sfhover div {left: 147px;}
#leftnav li:hover div div, #leftnav li.sfhover div div	{left: auto;}
#leftnavBar a.navLastItem { width:140px; border:1px solid #bcbcbc; border-top:0; }
#leftnavBar .navFirstItem {border-top:1px solid #bcbcbc;}
.flyout_header { font-size:11px; color:black; font-weight: bold; }
.flyout_notes { font-size:11px; color:#969595; }
#leftnav li a.browse_link{
	float: left; 
	display: block; 
	color: #108896;
	width: 17px;
	height: 15px;
	margin: 0 2px 2px 0;
	padding: 2px 0 0 0;
	border: 1px solid #d2d2d2; 
	text-align: center; 
	vertical-align: middle;
}

.modules2 { clear: both; margin-bottom: 12px;margin-right: 10px;border: 1px solid #b3b4b7; background: #fff; _height: 1%; /* hack to fix IE6 "peekaboo" bug */ }
.modules3 { clear: both; margin-bottom: 12px;margin-right: 10px;border: 0px solid #b3b4b7; background: #fff; _height: 1%; /* hack to fix IE6 "peekaboo" bug */ }

.modules { clear: both; margin-bottom: 12px; border: 2px solid #b3b4b7; background: #fff; _height: 1%; /* hack to fix IE6 "peekaboo" bug */ }
.modulesTab	{ clear: both; margin-bottom: 12px; border:0px }
.colNarrow .modules	{margin-bottom: 10px;margin-top: 0px;}
.noBorder	{border: 0px;}
.noTopBorder	{border-top: 0px;}
.modContent	{padding: 7px;}
.modContent P	{margin: 0 0 6px 0;}
.btnSubmit	{ float: right; margin-top: 4px; }
.headerTagline	{ border-bottom: 1px dotted #d3d1cf; padding: 0 10px 6px 10px; color: #999; }
.clearLeft { clear:left;}
.pad1 {padding: 1px; } /** for 1px img borders on certain modules **/

.shadetabs{ padding: 4px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: 9px Verdana; list-style-type: none; text-align: left; }
.shadetabs LI{ display: inline; margin: 0; }
.shadetabs LI A{ text-decoration: none; padding: 3px 2px 3px 3px; margin-right: -2px; border: 1px solid #b3b4b7; border-bottom:none; color: #333333; background: white url(../index_files/shade.gif) top left repeat-x;}
.shadetabs LI A:hover{ color: #71398a;}
.shadetabs LI.selected A{ background-image: url(../index_files/shade_active.gif); color:#71398a; padding-bottom:4px; border-bottom:1px solid white}
.shadetabs LI.selected A:hover{ color:#71398a; text-decoration: none; }
.tabcontentstyle{  border: 1px solid #bbb; margin-bottom: 1em; }
.tab_padding{ margin:5px 10px 10px 10px; }
UL.threeColumns	{ margin: 0; padding: 0; float:left; width:111px; }
UL.threeColumns LI	{ list-style: none; background: url('../index_files/dot_orange.png') 0px 5px no-repeat; padding: 0px 0px 0px 10px;}
.tabcontent LI A:hover	{color:#fe7800;}
.tabcontent OL{margin: 0; padding: 0; list-style-position:inside;}
.height125 { min-height:125px; _height: 125px;}
.height135 { min-height:135px; _height: 135px;}
.height150 { min-height:150px; _height: 150px; }
.height165 { min-height:165px; _height: 165px; }
.height190 {min-height:190px; _height: 190px;}
.height205 {min-height:205px; _height: 205px;}
.height230 {min-height:230px; _height: 230px;} 
.width20 {width: 20px; }
.width42 { width: 43px; }

TABLE.charts {margin: 6px 0 0 0;}
TABLE.charts TD	{padding: 1px 0;}
TABLE.charts TD.pad15Left {padding-left:15px}
TABLE.charts TD UL.relatedLinks	{margin-bottom: 6px;}
TR.active IMG {padding: 4px 0 0 0;}
TR.active TD { padding-right: 4px; color: #2b2b2b; }	
TR.active A	{ background: #cce6e9; color: #04464e; }
TR.active A:hover	{color: #fe7800;}
TR.subHeader TD	{ padding-bottom: 2px; color: #2b2b2b; font-weight: bold; }
TR.subHeaderTr TD{ padding-bottom: 2px; color: #2b2b2b; font-weight: bold; }
.chefDishPhoto { padding-top: 1px; background: url(../index_files/bg_dashline.gif) repeat-x top; }

.feature .graphic, .featureWide .graphic	{float: left; margin-right: 8px;} 
.feature .content { float: left; width: 180px; padding: 0; }
.feature .featurecontent {float: left; width: 180px; padding: 0;margin:0}
.feature .content IMG { margin-right: 8px;}
.firstFeature	{margin-top: 35px;}


.modContent TABLE	{margin-bottom: 10px;}
#audioVideo	{ padding-top: 28px; background: url(../index_files/hd_aud_vid_slideshows.gif) no-repeat; }	
#news { padding-top: 28px; background: url(../index_files/hd_news_trends.gif) no-repeat; }	
#audioVideo .relatedLinks, #news .relatedLinks	{margin-top: 22px;}
#news .label	{float: left;}
#news .link	{ width: 224px; margin-left: 70px; }
#fitDay, #logWalking { width: 298px; clear: both; margin-bottom: 12px; border: 1px solid #b3b4b7; }
#fitDay:after, #logWalking:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
.track_yourmood p	{ width:195px; }
#logWalking .content { margin: 10px 3px 10px 115px; }
#fitDay FORM  {margin: 4px 0 -8px 0;}
#fitDay .content	{margin: 10px 3px 10px 120px;}


.calories_burnedwalk { background: url(../index_files/126x186_calories_burnedwalk.gif) no-repeat; height:200px}
.findlog_calburned { background: url(../index_files/126x186_findlog_calburned.gif) no-repeat;}
.log_bloodsugartoday { background: url(../index_files/126x186_log_bloodsugartoday.gif) no-repeat; height:150px}
.log_yourwalking { background: url(../index_files/126x186_log_yourwalking.gif) no-repeat; height:180px}
.reach_wtlossgoal { background: url(../index_files/126x186_reach_wtlossgoal.gif) no-repeat; height:180px}
.track_bloodsugar { background: url(../index_files/126x186_track_bloodsugar.gif) no-repeat; height:180px}
.track_weightloss { background: url(../index_files/126x186_track_weightloss.gif) no-repeat; height:195px}
.trackyourhealth { background: url(../index_files/126x186_trackyourhealth.gif) no-repeat; height:180px}
.track_yourmood { background: url(../index_files/200x268_track_yourmood.gif) right top no-repeat;}

#foodTypeDhtml{z-index:8}
#problemNameDhtml{z-index:8}


.colSweeps	{ float: left; width: 100px; }
.colMargin	{margin-right: 30px;}

.colChef { float: left; width: 128px; margin-right: 15px; }

.dailycaloriescalc { background: url(../index_files/hd_tool_caloriescalc.gif) top right no-repeat; height: 38px; padding: 30px 0 0 8px; }
.walkingcalc { background: url(../index_files/hd_tool_walkingcalc.gif) top right no-repeat; height: 38px; padding: 30px 0 0 8px; }

.moduleDateHd{ float:left; border:1px solid white; width:38px; padding-top:2px; }


.hdAudioVideo { margin: 0; width:230px; font: 20px Arial, sans-serif; line-height: 20px; margin-bottom: 3px; font-weight: bold; color: #2b2b2b; }
.noBackground {background:none;} 


UL.relatedLinks	{ margin: 4px 0 0 0; padding: 0; }
UL.relatedLinks LI	{ margin: 0;  padding: 0 0 0 12px; list-style: none; }

.colLeftNav IMG.header	{margin-bottom: 6px;}
UL.subnav { margin: 0; padding: 0; width:138px; }
UL.subnav LI { list-style: none; background: url(../index_files/dot_orange_line.png) no-repeat; padding: 1px 0 1px 12px; }
UL.subnav LI.lastItem	{margin-bottom: 20px;}
.firstFeature	{margin-top: 35px;}
UL.sponsored_leftnav { width:138px; }

.modSubscribe	{ margin-bottom: 10px; background: url(../index_files/subscribe_now.png) no-repeat; border-bottom: 1px solid #bbb; }
#magCover {margin: 8px 0 0 10px;}
.tagLine { float: right; width: 71px; margin: 56px 3px 0 0; }
TD.hpNewsletter	{padding: 0 0 10px 0;}



.modules { clear: both; margin-bottom: 14px; border: 1px solid #b3b4b7; background: #fff; _height: 1%; /* hack to fix IE6 "peekaboo" bug */ }
.modulesTab	{ clear: both; margin-bottom: 12px; border:0px }
.colNarrow .modules	{margin-bottom: 10px;}
.noBorder	{border: 0px;}
.noTopBorder	{border-top: 0px;}
.modContent	{padding: 7px;}
.modContent P	{margin: 0 0 6px 0;}
.btnSubmit	{ float: right; margin-top: 4px; }
.headerTagline	{ border-bottom: 1px dotted #d3d1cf; padding: 0 10px 6px 10px; color: #999; }
.clearLeft { clear:left;}
.pad1 {padding: 1px; } /** for 1px img borders on certain modules **/

.shadetabs{ padding: 4px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: 9px Verdana; list-style-type: none; text-align: left; }
.shadetabs LI{ display: inline; margin: 0; }
.shadetabs LI A{ text-decoration: none; padding: 3px 2px 3px 3px; margin-right: -2px; border: 1px solid #b3b4b7; border-bottom:none; color: #333333; background: white url(../index_files/shade.gif) top left repeat-x;}
.shadetabs LI A:hover{ color: #71398a;}
.shadetabs LI.selected A{ background-image: url(../index_files/shade_active.gif); color:#71398a; padding-bottom:4px; border-bottom:1px solid white}
.shadetabs LI.selected A:hover{ color:#71398a; text-decoration: none; }
.tabcontentstyle{  border: 1px solid #bbb; margin-bottom: 1em; }
.tab_padding{ margin:5px 10px 10px 10px; }
UL.threeColumns	{ margin: 0; padding: 0; float:left; width:111px; }
UL.threeColumns LI	{ list-style: none; background: url('../index_files/dot_orange.png') 0px 5px no-repeat; padding: 0px 0px 0px 10px;}
.tabcontent LI A:hover	{color:#fe7800;}
.tabcontent OL{margin: 0; padding: 0; list-style-position:inside;}
.height125 { min-height:125px; _height: 125px;}
.height135 { min-height:135px; _height: 135px;}
.height150 { min-height:150px; _height: 150px; }
.height165 { min-height:165px; _height: 165px; }
.height190 {min-height:190px; _height: 190px;}
.height205 {min-height:205px; _height: 205px;}
.height230 {min-height:230px; _height: 230px;} 
.width20 {width: 20px; }
.width42 { width: 43px; }

TABLE.charts {margin: 6px 0 0 0;}
TABLE.charts TD	{padding: 1px 0;}
TABLE.charts TD.pad15Left {padding-left:15px}
TABLE.charts TD UL.relatedLinks	{margin-bottom: 6px;}
TR.active IMG {padding: 4px 0 0 0;}
TR.active TD { padding-right: 4px; color: #2b2b2b; }	
TR.active A	{ background: #cce6e9; color: #04464e; }
TR.active A:hover	{color: #fe7800;}
TR.subHeader TD	{ padding-bottom: 2px; color: #2b2b2b; font-weight: bold; }
TR.subHeaderTr TD{ padding-bottom: 2px; color: #2b2b2b; font-weight: bold; }
.chefDishPhoto { padding-top: 1px; background: url(../index_files/bg_dashline.gif) repeat-x top; }

.feature .graphic, .featureWide .graphic	{float: left; margin-right: 8px;} 
.feature .content { float: left; width: 180px; padding: 0; }
.feature .featurecontent {float: left; width: 180px; padding: 0;margin:0}
.feature .content IMG { margin-right: 8px;}
.firstFeature	{margin-top: 35px;}


.modContent TABLE	{margin-bottom: 10px;}
#audioVideo	{ padding-top: 28px; background: url(../index_files/hd_aud_vid_slideshows.gif) no-repeat; }	
#news { padding-top: 28px; background: url(../index_files/hd_news_trends.gif) no-repeat; }	
#audioVideo .relatedLinks, #news .relatedLinks	{margin-top: 22px;}
#news .label	{float: left;}
#news .link	{ width: 224px; margin-left: 70px; }
#fitDay, #logWalking { width: 298px; clear: both; margin-bottom: 12px; border: 1px solid #b3b4b7; }
#fitDay:after, #logWalking:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
.track_yourmood p	{ width:195px; }
#logWalking .content { margin: 10px 3px 10px 115px; }
#fitDay FORM  {margin: 4px 0 -8px 0;}
#fitDay .content	{margin: 10px 3px 10px 120px;}


.calories_burnedwalk { background: url(../index_files/126x186_calories_burnedwalk.gif) no-repeat; height:200px}
.findlog_calburned { background: url(../index_files/126x186_findlog_calburned.gif) no-repeat;}
.log_bloodsugartoday { background: url(../index_files/126x186_log_bloodsugartoday.gif) no-repeat; height:150px}
.log_yourwalking { background: url(../index_files/126x186_log_yourwalking.gif) no-repeat; height:180px}
.reach_wtlossgoal { background: url(../index_files/126x186_reach_wtlossgoal.gif) no-repeat; height:180px}
.track_bloodsugar { background: url(../index_files/126x186_track_bloodsugar.gif) no-repeat; height:180px}
.track_weightloss { background: url(../index_files/126x186_track_weightloss.gif) no-repeat; height:195px}
.trackyourhealth { background: url(../index_files/126x186_trackyourhealth.gif) no-repeat; height:180px}
.track_yourmood { background: url(../index_files/200x268_track_yourmood.gif) right top no-repeat;}

#foodTypeDhtml{z-index:8}
#problemNameDhtml{z-index:8}


.colSweeps	{ float: left; width: 100px; }
.colMargin	{margin-right: 30px;}

.colChef { float: left; width: 128px; margin-right: 15px; }

.dailycaloriescalc { background: url(../index_files/hd_tool_caloriescalc.gif) top right no-repeat; height: 38px; padding: 30px 0 0 8px; }
.walkingcalc { background: url(../index_files/hd_tool_walkingcalc.gif) top right no-repeat; height: 38px; padding: 30px 0 0 8px; }

.moduleDateHd{ float:left; border:1px solid white; width:38px; padding-top:2px; }


.hdAudioVideo { margin: 0; width:230px; font: 20px Arial, sans-serif; line-height: 20px; margin-bottom: 3px; font-weight: bold; color: #2b2b2b; }
.noBackground {background:none;} 


UL.relatedLinks	{ margin: 4px 0 0 0; padding: 0; }
UL.relatedLinks LI	{ margin: 0;  padding: 0 0 0 12px; list-style: none; }

.colLeftNav IMG.header	{margin-bottom: 6px;}
UL.subnav { margin: 0; padding: 0; width:138px; }
UL.subnav LI { list-style: none; background: url(../index_files/dot_orange_line.png) no-repeat; padding: 1px 0 1px 12px; }
UL.subnav LI.lastItem	{margin-bottom: 20px;}
.firstFeature	{margin-top: 35px;}
UL.sponsored_leftnav { width:138px; }

.modSubscribe	{ margin-bottom: 10px; background: url(../index_files/subscribe_now.png) no-repeat; border-bottom: 1px solid #bbb; }
#magCover {margin: 8px 0 0 10px;}
.tagLine { float: right; width: 71px; margin: 56px 3px 0 0; }
TD.hpNewsletter	{padding: 0 0 10px 0;}



#content {
	position: absolute;
	height: 884px;
	width: 735px;
	left: 248px;
	top: 165px;
	z-index: 1;
}

.font_content {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 7px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 7px; 
	BACKGROUND: #f0f0f0; 
	FLOAT: left; 
	PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #ccc 1px solid; 
	COLOR: black; 
	MARGIN-RIGHT: 2px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	TEXT-DECORATION: none
	}
.font_content a:link {font-family: arial; font-size: 14px; font-weight: bold; color:#B63095; text-decoration:none;}
.font_content a:visited {font-family: arial; font-size: 14px; font-weight: bold; color:#B63095; text-decoration:none;}
.font_content a:hover {font-family: arial; font-size: 14px; font-weight: bold; color:#B63095; text-decoration:none;}

.sub_channel_preview {
color:#084E58;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:10px;
padding:0px;
}

