﻿.bodytextdiv { word-break: break-word; }
	.bodytextdiv h2 { padding:0; margin:32px 0 16px 0; font:bold 18px Arial; color:#C00; }
	.bodytextdiv blockquote { padding:0 0 0 38px; margin:0;}
	.bodytextdiv blockquote blockquote { padding:0; margin:0 0 0 38px; }
	.bodytextdiv p { padding:0; margin:0 0 16px 0; line-height:120%;}
	.bodytextdiv ul, .bodytextdiv ol  { list-style-position:outside; margin:0 0 0 38px; padding:0; }
	.bodytextdiv li { margin:0 0 16px 0;  padding:0; }
	.bodytextdiv div { clear:none !important; }
	
#article img { max-width: 100% !important; height: auto !important; }
#imgSpanishFlag { width:16px !important; height:11px !important; }
#article table { width:100%; }
#article blockquote table { width:auto !important; margin:0 auto; }
#ctl00_ctl00_ctl00_bcr_bcr_bcr_pnlDrComments table { width:auto; }
	
	sub, sup { 
	font-size: 10px;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
	}
	sup { 
		top: -0.5em; 
	}
	sub { 
		bottom: -0.25em; 
	}
	
.drcommentsdiv { }
	.drcommentsdiv h2 { padding:0;  margin:32px 0 16px 0; font:bold 18px Arial; color:#C00; }
	.drcommentsdiv blockquote { padding:0 0 0 38px; margin:0;}
	.drcommentsdiv blockquote blockquote { padding:0; margin:0 0 0 38px; }
	.drcommentsdiv p { padding:0; margin:0 0 16px 0; line-height:120%;}
	.drcommentsdiv ul, .drcommentsdiv ol  { list-style-position:outside; margin:0 0 0 38px; padding:0; }
	.drcommentsdiv li { margin:0 0 16px 0;  padding:0;}
	
.fullwidth { width:100% !important; display:inline; }
.fullwidth td, .fullwidth tr, .fullwidth tbody{ border:0; display:block; }

.searchProfileHolder .modalHolder { width:98%; margin:0 auto; text-align:left; padding:10px 0;}

.ShareFavoritesHolder .modalHolder .closeBtn { position:absolute; width:545px; left:0px; text-align:right; top:-20px }
.ShareFavoritesHolder .modalHolder { width:90%; margin:0 auto; text-align:left; padding:20px 0;}
.ShareFavoritesHolder .modalHolder .RadioText { font:normal 12px arial;}
.ShareFavoritesHolder .modalHolder .ContentArea .marginDiv strong{ font:bold 14px Arial; }
.SaveFavBtn { width:108px; height:28px; background:url('http://media.mercola.com/themes/mercola/images/SaveFavBtn.png') no-repeat; border:0;}

/* spam modal */
.searchProfileHolder { vertical-align:top; text-align:center;}
.searchProfileHolder .modalHolder { width:98%; margin:0 auto; text-align:left; padding:10px 0;}
.searchProfileHolder .modalHolder .midHead .marginDiv { padding: 20px 10px 0 10px; position:relative;}
.searchProfileHolder .modalHolder .ContentArea .marginDiv { padding:0 10px; }
.BtnSearchProfile {background:url(http://media.mercola.com/themes/mercolaarticle/images/btn-searchProfile.png) no-repeat; font:bold 16px Arial; color:#fff; padding:17px 28px; width:173px; border:none; text-align:left; cursor:pointer;}

.AvatarComment {height:77px; width:77px;}

.cal-first-col { float:left; width:49%; padding:20px 5px 0 0; } 
.cal-second-col { float:right; width:49%; padding:20px 0 0 5px; } 
.cal-mo-first-col { float:left; width:48%; padding:10px; } 
.cal-mo-second-col { float:right; width:46%;   padding:10px 0 0 0;margin:0px 20px 20px 0px; } 
.newsletter_current { text-transform:uppercase; float:left; text-align:right; width:200px; height:28px; color:#333D80; font-size:12px; padding:7px 30px 0 0px; background:url(http://media.mercola.com/themes/mercola/images/newsletter_current.jpg) no-repeat; font-weight:bold; }
.newsletter_current a:active, .newsletter_current a:link, .newsletter_current a:visited { text-decoration:none; color:#333D80; }
.newsletter_current a:hover, .newsletter_current a:hover:visited { text-decoration:none; color:#2F3775; }
.newsletter_directory { text-transform:uppercase; float:left; width:182px; height:28px; color:#333D80; font-size:12px; padding:7px 30px 0 15px; background:url(http://media.mercola.com/themes/mercola/images/newsletter_directory.jpg) no-repeat; font-weight:bold; }
.newsletter_directory a:active, .newsletter_directory a:link, .newsletter_directory a:visited { text-decoration:none; color:#333D80; }
.newsletter_directory a:hover, .newsletter_directory a:hover:visited { text-decoration:none; color:#2F3775; }

.calendar_yr { background: #fff; color: #616B76; border-top:none !important; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; font: normal 14px/20px Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0; text-align: center; width: 100%; }
.calendar_yr .col { margin:0 !important; }
.calendar_yr caption { color: #000;	border: 1px solid #ebebeb; background-color:#ebebeb; font: bold 18px Arial, Helvetica, sans-serif; margin:0px; padding: 5px 15px; text-align: left;}
.calendar_yr td { height: 20px; padding:3px 0px; text-align: center; }
.calendar_yr td:last-child { border-right:none; }
.calendar_yr td a { display: block;	font-weight: bold; text-decoration: underline; }
.calendar_yr td a:link, td a:visited { color: #06c;}
.calendar_yr td a:hover, .calendar_yr td a:active { text-decoration: none; }

.calendar_mo { background: #fff; border: 2px solid #cee4f4; color: #616B76; font: normal 14px/20px Arial, Helvetica, sans-serif; margin: 0 0; padding: 0; text-align: center; width: 100%; }
.calendar_mo caption { background: #fff url(http://media.mercola.com/themes/mercola/images/modal-table-bg.png) repeat-x; color: #000;	border: 2px solid #cee4f4; font: bold 18px Arial, Helvetica, sans-serif; margin:0px; padding: 5px 15px; text-align: left;}
.calendar_mo td { border-right: 2px solid #cee4f4; height: 20px; padding:3px 0px; text-align: center;}
.calendar_mo td a { display: block;	font-weight: bold; text-decoration: underline; }
.calendar_mo td a:link, td a:visited { color: #06c;}
.calendar_mo td a:hover, .calendar_yr td a:active { text-decoration: none; }

.cal_gridView { background:#fff; width:100%; }
.cal_gridView_header { border-bottom:1px solid #cee4f4; background:#cee4f4; height:35px; color:#666; font:bold 14px Arial, Helvetica, San serif; padding:0 0 0 10px; }
.cal_gridView_row { border-bottom:1px solid #cee4f4; background:#fff; height:30px; padding:0 0 0 10px;}
.cal_gridView_alternatingRow { border-bottom:1px solid #cee4f4; background:#FEFBE7; height:30px; padding:0 0 0 10px;}


.archive { position:relative; }
.archive-btn { margin:5px; float:none; }


.videolistbox { padding-left: 20px; float:right; width:380px; }
	.videolistbox embed{ width:360px !important; }
	.videolistbox object{ width:360px !important; }
	.videolistbox iframe{ width:360px !important; }
.videolistbox .headerdiv { background:url(http://media.mercola.com/themes/mercola/images/modal-title-bg.jpg) no-repeat center; height:35px; width:100% }
.videolistbox h2 { padding:0; margin:0; color:#fff; padding-top:5px; margin-left:10px;}
.videolistbox .borderdiv { background:#f5f5f5; border:solid 1px #d7e1e7;  }
.videolistbox .borderdiv .margindiv{ padding:0; margin:0; margin:10px; }
.videolistbox .borderdiv .vmargindiv { padding:0; margin:0; padding-top:10px; }
.videolistbox .vmargindiv h2 { padding:0; margin:0; }


.commentheaderdiv {  }
.commentheaderdiv .leftarea { float:left; width:50%; }
.commentheaderdiv .leftarea .margindiv { margin:0; padding:5px 0 0 0; text-align:left; }
.commentheaderdiv h2 { font-size:18px; }
.commentheaderdiv h2 a{ }
.commentheaderdiv h2 a:hover{ text-decoration:underline; }
.commentheaderdiv .rightarea { float:right; margin:0; padding:0;width:50%; }
.commentheaderdiv .rightarea .margindiv { margin:0; padding:0; text-align:right; } 
.postarticlebtn { float: right; text-align: right; width:100%; }


.commentpostdiv { position:relative; padding-top:10px; }
.commentpostdiv .messagediv { background-color: #F1F1F1;
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9; width:100%; }
.commentpostdiv .messagetext { float:left; width:89%; }
.commentpostdiv .cornerdiv {  }
.gradientdiv .margindiv { margin:0; }
.commentpostdiv .margindiv { margin:0; padding:0; margin:0 20px; padding:10px 0; text-align:left; }
.commentpostdiv .commentlinks { float:left; padding-top:7px; margin-left:10px;}
.commentpostdiv .commentprofilediv { width:255px; float:right;  }
.commentpostdiv .commentprofilediv .toparea { background:url(http://media.mercola.com/themes/mercola/images/profileBoxtopbg.png) no-repeat top; width:255px; height:89px;  }
.commentpostdiv .commentprofilediv .toparea span{ font-size:12px; }
.commentpostdiv .commentprofilediv .bottomarea { background:url(http://media.mercola.com/themes/mercola/images/profileBoxbottombg.png) no-repeat bottom; width:255px; }
.commentpostdiv .commentprofilediv .toparea .margindiv { margin:0; padding:0; margin:0 20px 0 25px; padding-top:10px; font-size:12px; }
.commentpostdiv .commentprofilediv .bottomarea .margindiv { margin-left:22px; padding:5px 0; clear:both;}
.commentpostdiv .commentprofilediv .toparea .margindiv strong{ font-size:20px; }
.commentpostdiv .commentprofilediv .img { margin:0; padding:0; margin-right:15px; float:left;}
.commentpostdiv .mediumbtn { padding:0; margin:0; border:0; font:bold 14px arial; }


.commentdiv { word-wrap: break-word; }
.commentdiv img{ border:0; }
.commentdiv .messagediv { background-color:#fff; position:relative;  }
.commentdiv h5 { color:#1873c1; }
.commentdiv .margindiv { margin:0; padding:0; text-align:left; }
.commentdiv 
.commentdiv .cornerdiv { }
.commentdiv .gradientdiv { }
.commentdiv .commentprofilediv {  }
.commentdiv .commentprofilediv .leftarea { float:left; font-size:14px; position:relative; z-index:2; }
.commentdiv .commentprofilediv .profiledetails { margin-left:75px;}
.commentdiv .commentprofilediv .leftarea span{ font-size:12px; }
.commentdiv .commentprofilediv .rightarea { position:relative; }
.commentdiv .commentprofilediv .rightarea .margindiv { margin:0; padding:0; margin-right:25px; padding-top:15px; font-size:12px; }
.commentdiv .commentprofilediv strong{ font-size:16px; line-height:14px; }
.commentdiv .commentprofilediv .profileAvatar { padding:5px 0 0 0; margin:0; width:62px; height:62px; overflow:hidden; float:left;  }
.commentdiv .commentprofilediv .profileAvatar img{ padding:0; margin:0; width:63px}
.commentlinks { float:left; font-size:12px;}
.commentdiv .commentlinks div{ display:inline; }
.commentdiv .rewardsdiv { float:right; }
.rewardsbtn { float:right; width:35%; text-align:right; }
.commentdiv .rewardsbtn img{ padding-top:3px; }
.commentdiv .profilebtn { background:url(http://media.mercola.com/themes/mercola/images/profilebtn.png) no-repeat 0 3px; height:26px; width:111px; float:left; text-align:center; font:bold 12px arial;text-decoration:none !important;}

.fullwidth th{ display:none; }
.replydiv { padding-bottom:5px; }
.replydiv img{ border:0;}
.replydiv .messagediv { background:#FFF; position:relative; margin-left:100px; }
.replydiv .cornerdiv { position:absolute; right:-1px; top:-1px; }
.replydiv .gradientdiv {  }
.replydiv h5 { color:#1873c1; }
.replydiv .margindiv { margin:0; padding:0; text-align:left; }
.replydiv .messagetext { padding-bottom:10px; }
.replydiv .commentprofilediv { }
.replydiv .commentprofilediv .leftarea { float:left; font-size:14px;  }
.replydiv .commentprofilediv .profiledetails { margin-left:75px;}
.replydiv .commentprofilediv .leftarea span{ font-size:12px; }
.replydiv .commentprofilediv .rightarea { position:relative; }
.replydiv .commentprofilediv .rightarea .margindiv { margin:0; padding:0; margin-right:25px; padding-top:15px; font-size:12px;  }
.replydiv .commentprofilediv strong{ font-size:16px; line-height:14px;}
.replydiv .commentprofilediv .profileAvatar { padding:5px 0 0 0; margin:0; width:62px; height:62px; overflow:hidden; float:left;  }
.replydiv .commentprofilediv .profileAvatar img{ padding:0; margin:0; width:63px;}

.replydiv .commentlinks div{ display:inline; }
.replydiv .rewardsdiv { float:right; padding-top:7px; font-weight:bold; font-size:14px; }

.replydiv .rewardsbtn img{ padding-top:3px; }
.replydiv .profilebtn { background:url(http://media.mercola.com/themes/mercola/images/profilebtn.png) no-repeat 0 3px; height:26px; width:111px; float:left; text-align:center; font:bold 12px arial;text-decoration:none !important;}

/* Vitamin D Recommendations */
.tbl-vit-d-recommendations { border:5px solid #333; background:#fff; font-size:12px; width:700px; }
.tbl-vit-d-recommendations td { padding:5px 25px; border-bottom:1px solid #333; color:#000; }
.tbl-vit-d-recommendations tbody td { font-weight:bold; width:50%;}
.tbl-vit-d-recommendations thead th { text-align:center; padding:15px 10px; font-size:24px; color:#333; border-bottom:1px solid #333; text-transform:uppercase; }
.tbl-vit-d-recommendations tr.data-header td { background:#333; color:#fff; padding:5px 25px; text-transform:uppercase; }
.tbl-vit-d-recommendations tfoot td { font-size:11px; line-height:12px; padding:10px 25px; color:#333; }
.tbl-vit-d-recommendations tfoot span { color:#c00; font-weight:bold; }

.adsdiv { border:dashed 1px #489adf; margin-bottom:5px; }
.adsdiv table{ width:inherit; }
.adsdiv p{ width:inherit; }
.adsdiv img { text-align:center !important; }
.adsdiv .whiteborderdiv { padding:10px; background-color:#f4fbfb; border:solid 1px #fff; text-align:center !important; }

.commentviewsdiv { background:url(http://media.mercola.com/themes/mercola/images/commentsviews.jpg) no-repeat;  font:normal 9px Arial; color:#444; text-align:center; width:50px; height:58px; float:left; margin-right:15px; }
.commentviewsdiv .commentbox { padding-top:3px; text-decoration:none; color:#444 ;  font:normal 9px Arial; }
	.commentviewsdiv .commentbox div{ font:normal 11px arial; line-height:11px;   }
	.commentviewsdiv .commentbox a{ color:#444 !important; text-decoration:none; }
	.commentviewsdiv .commentbox a:hover{ color:#444 !important; text-decoration:none; }
.commentviewsdiv .viewsbox { padding-top:8px; color:#fff; text-decoration:none;  font:normal 9px Arial;  }
	.commentviewsdiv .viewsbox div{ font:bold 11px arial; line-height:11px;}
	.commentviewsdiv .viewsbox a{ color:#fff !important; text-decoration:none; }
	.commentviewsdiv .viewsbox a:hover{ color:#fff !important; text-decoration:none; }

.articlelistdiv { font-size:16px; margin-left:65px; overflow:hidden; }
.articlelistdiv h2{ padding:0; margin:0; }

.IEheight { }

.CategorySearchBanner { background:url(http://media.mercola.com/themes/mercola/images/SrchCategory_bannerbg.jpg) repeat-x; height:341px; width:723px; }
.CategorySearchBanner .leftarea { margin:0; padding:0; background:url(http://media.mercola.com/themes/mercola/images/SrchCategory_bannerleft.jpg) no-repeat left; height:341px; }
.CategorySearchBanner .rightarea { margin:0; padding:0;  background:url(http://media.mercola.com/themes/mercola/images/SrchCategory_bannerright.jpg) no-repeat right; height:341px; }
.CategorySearchBanner .margindiv { margin:0; padding:0; margin-left:345px; margin-right:15px; padding-top:25px; }
.CategorySearchBanner .txtbox{ margin:0; padding:0; border:0; width:345px; border:solid 1px #cccaca; padding:3px 0; padding-left:10px; background:#fff; float:left; height:24px; margin:6px 6px 0 0; }
.CategorySearchBanner .mediumbtn{ margin:0px; padding:0px;}


.author-info {border:3px solid #333; padding:30px; font-size:14px;}

/* Featured Article Slider May 14, 2010 */
#slidebox{
    width:400px;
    height:90px;
    padding:10px;
    background:#fff url(http://media.mercola.com/themes/mercola/images/SliderBg.png) repeat-x bottom;
    border-top:2px solid #184a79;   
    position:fixed;
    bottom:0px;
    right:-430px;
	-moz-box-shadow:-2px 0px 5px #666666;
	-webkit-box-shadow:-2px 0px 5px #666666;
	box-shadow:-2px 0px 5px #666666;
	text-align:left;
	z-index:10;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=265,strength=5)"; /* IE8+ */  
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=265,strength=5); /* IE7 and lower */
}
#slidebox p, a.more{ font-size:11px; text-transform:uppercase; font-family: Arial,Helvetica,sans-serif; letter-spacing:1px; color:#0869bd; }
a.more{ cursor:pointer; color:#0869bd;}
a.more:hover{ text-decoration:underline;}
#slidebox h2{ color:#0869bd; font-size:18px; margin:0px 20px 0px 0px;}
#slidebox .margindiv  { margin-left:85px; }
#slidebox .floatDrImg { position:absolute; bottom:0; left:0;}
a.close{
    background:transparent url(http://media.mercola.com/themes/mercola/images/close_window.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
a.close:hover{
    background:transparent url(http://media.mercola.com/themes/mercola/images/close_window.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}

.InternalSubscribeBox { border:solid 4px #D6E9F3; position:relative; font:normal 14px arial; width:720px;}
.InternalSubscribeBox .headertext {
	position:absolute;
	background:#fff;
	margin-left:10px;
	font: bold 15px arial; text-transform:uppercase;
	top: -10px;
	color:#187CC9;
	height: 18px;
	padding:0 10px;
}
.InternalSubscribeBox img { border:0; margin:0; padding:0; }
.InternalSubscribeBox .whiteline { margin:0; padding:0; margin-bottom:0 !important; border: solid 2px #fff; background:url(http://media.mercola.com/themes/mercola/images/intscrb-bg.jpg) repeat-x bottom;}
.InternalSubscribeBox .margindiv { margin:0; padding:0; margin-bottom:0 !important; margin-left:20px; padding:15px 0;}
.InternalSubscribeBox .leftarea { margin:0; padding:0; margin-bottom:0 !important; float:left; width:210px; }
.InternalSubscribeBox .rightarea {  margin:0; padding:0; margin-bottom:0 !important; margin-left:10px; float:left;  overflow:hidden; width:465px; }
.InternalSubscribeBox h3 { margin:0; padding:0; margin-bottom:0 !important; font:bold 16px arial; color:#000; }
.clearleft { margin-bottom:0 !important; }

.countingMessageAddComment { float:left; margin-left:85px; font-size:12px; padding-top:5px; }

.navigationbtn-small { cursor:pointer; text-decoration:none; background:url(http://media.mercola.com/themes/mercola/images/nextprevBtn-small.png) no-repeat; height:32px; width:90px; float:left; text-align:center; color:#0869bd; padding-top:8px; font:bold 12px arial;}
.navigationbtn-small .prevbtn { background:url(http://media.mercola.com/Themes/mercola/images/prevArrow.png) no-repeat left center; margin-left:10px; }
.navigationbtn-small .nextbtn { background:url(http://media.mercola.com/Themes/mercola/images/nextArrow.png) no-repeat right center; margin-right:20px; }


/*  Modal-Box Class */      
.ModalBox{
height:373px;
left:29%;
position:fixed;
top:21%;
width:661px;
z-index:99999;
}
.ModalBoxOverlay{
display:block;
height:100%;
left:0;
-moz-opacity:.50; filter:alpha(opacity=50); opacity:0.50;
position:fixed;
top:0;
width:100%;
z-index:99998;
background-color:black;
}

/* Modal Styles */

.CommonModalMask{ background: url(//media.mercola.com/themes/mercola/images/bgtile.png);  }

.CommonModal{	padding: 0 7px;	text-align:left;}

.CommonModal1, .CommonModal2, .CommonModal3, .CommonModal4, .CommonModal5 
{ 
	background-color: #ccc;
	background-image: url(//media.mercola.com/themes/mercola/images/common/navigation-gradient.png);
	background-repeat: repeat-x;
	background-position: left -20px;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
}

.CommonModal1 {	margin: 0 -2px;	padding: 0; border-top: solid 1px #666; border-bottom: solid 1px #666; border-left-width: 0px; border-right-width: 0px; }
.CommonModal2 { margin: 0 -2px; padding: 1px 0; border-left-width: 2px; border-right-width: 2px; }
.CommonModal3 { margin: 0 -3px; padding: 1px 0; }
.CommonModal4 { margin: 0 -2px; padding: 2px 0; }
.CommonModal5 { margin: 0 -2px; padding: 1px 0; }
.CommonModalTitle { border-bottom: solid 0px #FFF; padding:5px; 
                    font:bold 24px arial; color: #fff; min-height: 26px;  
                    cursor:move;  background:#1165cb url(//media.mercola.com/themes/mercola/images/modal-title-bg.jpg) no-repeat center;
                    }
.CommonModalContent { background-color: Transparent; }
.CommonModalFooter{	border-top: solid 1px #FFF;	width: 100%; height: 20px; background-color:#FFF;}
.CommonModalClose
{
	width: 33px;
	height: 33px;
	background: url(//media.mercola.com/themes/mercola/images/close.png) center;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 10px;
}

.CommonModalResize
{
	width: 28px;
	height: 14px;
	background: url(//media.mercola.com/themes/mercola/images/common/resize.gif) center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 6px;
	cursor: se-resize;
}

.CommonMessageSuccess { color:#990000; padding:10px 15px; border:solid 1px #e6e6e6; background:#f0f0f0; text-align:center !important; font-weight:bold; }
.dailyhumordiv { position:relative; left:-10px; }

/*Badge Info Popup*/
.tooltip{ width:350px; font-family:Arial, Helvetica, sans-serif;font-size:12px; text-align:left; }  
.tooltip-box .corner   {}  
.tooltip .topLeft { background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-top-left.gif) no-repeat;  }  
.tooltip .bottomLeft { background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-bottom-Left.gif) no-repeat;  }   
.tooltip .left { background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-left.gif) repeat-y;  }     
.tooltip .right { background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-right.gif) repeat-y;  }  
.tooltip .topRight { background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-top-Right.gif) no-repeat;  }    
.tooltip .bottomRight { background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-bottom-Right.gif) no-repeat;  }       
.tooltip .top { background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-top.gif) repeat-x; height:5px; }       
.tooltip .bottom  {  background: url(http://media.mercola.com/themes/mercolaArticle/images/tooltip-bottom.gif) repeat-x;  text-align: center;  }  
#badgeInfoPopupContent {  background-color: #FFF; min-width: 175px; min-height: 50px; padding:10px;} 
#tooltip-tail { background-image:url(http://media.mercola.com/themes/mercola/images/tooltip-arrow.gif); width:20px; height:19px; position:absolute; top:25px; right:-67px; } 
.red-bold { color:#c70404; font:bold 16px arial;}
.red { color:#c70404; }
.negapointsdiv { position: absolute; width: 41px; height: 23px; background: url("http://media.mercola.com/themes/mercola/images/badge-negative-points.png") no-repeat scroll 0pt 0pt transparent; text-align: center; left: 0px; top: -20px;}



/*Badge Info Pop-up end*/

#imgSpanishFlag { position:relative; top:1px; margin-right:5px;}

/* article nav */
.post-title { position:relative; }

.title-nav h5 { text-align:right; margin-top:15px; clear:right }
.article-nav, .article-nav-bottom { margin-bottom: 10px; float:right; }
.article-title {  }
.article-title h5 { margin: 5px 0; font-size: 12px; font-weight: normal; color: gray; float:left; }
.article-date { position:absolute; bottom:17px; right:0px; }

#artnavcontrol { margin-right:-5px; }

/* sidebox */
.sidebox {background-color: #f7f7f7; border:1px solid #d1d0d0; border-bottom: none; font-size:12px; }
.sidebox h3 { color:#000000; font-size:16px; font-weight:bold; margin:0; padding:10px; border-bottom:1px solid #dfe3eb;}
.sidebox p {  padding-left:10px; color:#0869d4; font-weight:bold;}

/* popular */

.popular-content { border-bottom:1px solid #dfe3eb; }
.popular-count { float:left; font-size:20px; color: #d2d2d2; font-weight:bold; padding:10px 0 10px 10px; }
.popular-article { margin-left: 35px; font-weight: bold; padding: 12px 10px 10px 0 }

/* related links */
.related ul { margin:0;}
.related li { border-bottom:1px solid #dfe3eb; list-style-type: none; background: url('http://media.mercola.com/themes/mercola/images/bullet-arrow.gif') no-repeat 15px 13px; padding: 0 10px 0 33px; margin:0; }
.related p {  padding:10px 0; margin:0; vertical-align: middle; }

/* side panel */
.side-panel { float:right; width:300px; z-index: 1; position: relative; margin:0px 0 0 20px; }

/* posted by */
.gray { color:#d9d9d9; padding: 0 5px; }

/* social */
.social-icons { margin:10px 0; list-style:none; float:left; }
.social-icons li { padding-right: 5px; vertical-align: top; float:left; }
.no-pad { padding:0 !important; }

.post-title h5 { padding: 5px 0; height: 100%; }


/* comment section */

.profiledetails { float:left;  }
.badge { float:right; text-align:right; }

.profiledetails, .gradientdiv { font-size:12px; }
.post-comment { border:1px solid #899bc5; font:12px arial; width:95%; float:left; }
.CommonFormFieldName { font-size: 12px; margin-left: 85px; }

.commentprofilediv { float:left; }
.gradientdiv {  }

.commentprofilediv { }
.gradientdiv { }
.commentlinks { font-size:12px; }


.commentprofilediv { position:relative; z-index:1; }
.badgeInfoPopupTrigger { }
.messagetext { font-size:14px; padding-top:10px; width:100% !important; }

.post-avatar { float:left; }
.btn-post-comment { float:right; margin-right: -10px; }
.type-comment { float:left; width:88%; }

/* reply */
.replydiv .gradientdiv { display:block; }

.tooltip-sort {
z-index: 3;
border: 1px solid #ADACAC;
background-color: white;
box-shadow: 0px 3px 8px #aaaaaa;
position:relative;
padding:8px;
font-size:12px;
}

.tooltip-arrow {
background-image: url('http://media.mercola.com/Themes/mercola/images/admin-arrow.gif');
width: 13px;
height: 7px;
position:absolute;
top:-7px;
left:10px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
}
#tooltip h3, #tooltip div { margin: 0; }

.addfriend { padding-top:5px; }

.sources li { padding: 5px 0 0 0; margin:0;  list-style-type: none;  }
.footnote { font-size:12px; padding-top:15px; clear:both; }
.footnote h3 { font-size:16px; color:#4b4b4b; }
.references { padding-top:15px; }
.references ul, .sources ul { margin: 0 0 0 0px; padding:0; }
#footnote-references2 li { margin-bottom: 5px; }

.footnote .link16 { margin-bottom:10px; }

/* add fave */
.add-fave { float:none !important; height:10px !important; padding: 3px 6px 3px 6px !important; margin: 0 5px !important; line-height: 10px !important; }
.hr-blogtitle { width:65%; }

/* current.aspx */
.current-btns {
float: right; position: absolute; top: 0px; right: 0px;
}
.current-title { float:left; }
.current-title h1 { font-size:24px; }
.current-btns { float:right; }
.current-btns button.action, .current-btns .button.action, .article-nav button.action, .article-nav .button.action, .article-nav-bottom button.action, .article-nav-bottom .button.action { margin:0 0 0 5px; }
.articles-box .pad { position:relative; margin:10px; }
.current h2, .current h2 a ,.current h2 a:hover { font-size:18px; padding-bottom:0; }
.issue-date { font-size:16px; }
.current-article-list { }
.current-share { float:right; width:190px; vertical-align:top;  }
.current-article-list { }
.current-thumb { float:left; max-width:187px; margin-right: 15px; }
.current-list { display:block; font-size: 13px; }
.BlogsPostHolderDiv{ width: 100%; }
.current { }
.current #social-icons { margin:0; }

.article-title { font-size:20px; }

.float-left { float:left; }
.float-right { float:right; }

.feat-video { float:left; margin-bottom:15px; }
.feat-vid-desc { float:right; width:600px; }

.issue-date { margin-top:5px; font-weight:bold; }

.current-desc { margin: 0; }
.fblike-td { padding-left:15px; }

.current-list h5 { margin: 5px 0; font-size: 12px; font-weight: normal; color: gray; }


/* add fave */
.add-fave { float:none !important; height:10px !important; padding: 3px 6px 3px 6px !important; margin: 0 5px !important; line-height: 10px !important; color: #333 !important; }
.hr-blogtitle { width:65%; }

#ctl00_ctl00_ctl00_bcr_bcr_bcr_imgStory { margin-bottom:20px; }

a:hover { cursor:pointer; }

/* email to a friend */
.emailcount2 { border-radius:2px; }
.emailtodiv2 span { font-size:16px; display:block; padding-top:7px; color:#333; }
.emailtodiv2 {margin:0 auto;}

/* collapse */
.social-footer { margin:10px 0; }

.print-icon { margin:6px 0 7px 0; }

@-moz-document url-prefix() {
 .print-icon { margin:6px 0 3px 0; }
}

/* current */
.articles-box { border: 2px solid #D6E9F3; position: relative; padding-bottom: 10px; margin-bottom: 15px; }

.side-panel-current {
float: right;
width: 300px;
z-index: 1;
position: relative;}

.side-panel-current .sidebox { margin-left:0; }



/* related links sidebar */
.rel-links { background-color: #ffffff; border:1px solid #80b0de; border-bottom: none; border-top: none; margin-top:10px; line-height:100%; }
.rel-links li { font-size:12px; }
.rel-links div { float:none !important; width:auto !important; }
.rel-links h3 { color:#000000; font-size:16px; font-weight:bold; margin:0; padding:10px; border-bottom:1px solid #b4d7f3; border-top:1px solid #80b0de; background: #f5f8ff; }
.rel-links p {  color:#0869d4; font-weight:bold; padding:0; }
.rel-links li { padding: 10px;  margin:0; border-bottom: 1px solid #b4d7f3; list-style-type: none;  }
.rel-links ul { padding:0; margin:0; }
.rel-img { float: left; height: 65px; width: 90px; padding-right: 15px; }
.rel-views, .rel-views a { color: gray; font-weight: normal; }
.rel-views a:hover { color: gray; font-weight: normal; text-decoration: underline; }

/* story at a glance */

.story-glance { padding:10px; background-color: #f7f7f7; border-top: 5px solid #205687; margin:0px 0 10px 0px; font-size:12px; }
.story-glance h3 { color: #205687; font: normal 16px Arial; font-weight:bold; padding-bottom:10px; }
.story-glance ul { padding-left: 0px !important; margin: 0 !important; list-style:none; }
.story-glance li { background:url(//media.mercola.com/themes/mercola/images/cssprites.png) no-repeat -400px -145px !important; color:#000; font-size:12px; margin:0; padding:0 0 20px 20px; }

/* social */
#socialbtn-responsive { cursor: pointer; font-size: 16px; font-weight: bold; }
#socialbtn-responsive img { border: none; width: 16px; height: 22px; }

#article-navtop { float: right; text-align: right; position: absolute; right: 0px;}
.commentprofilediv {
float: left;
max-width: 200px;
margin-right: 15px; }

.bodytextdiv iframe { width: 100% !important; max-width: 560px; min-height: 315px; }

@media only screen and (max-width: 320px)
	{
	.bodytextdiv iframe.slideshow { width:290px !important; }
	}
	
.messagetext p { line-height:120%; padding:8px 0; }

.sidebar-img { margin-top: 10px; }

.sidebar-img img { width: 100%; height: 100%; max-width: 300px; max-height:300px; }
.profiledetails, .commentlinks, .Txtsmall, #countingMessagePostSubComment { color:Gray; }
.link16 { cursor: pointer; font-weight: bold; font-size: 16px; }

/* sort */
.sort-options { margin: 10px 0; }
.sort-options li { list-style:none; float:left; margin:0 5px; }

.sort-options input[type="submit"] { margin:0; }
.sort-title { padding-top: 3px; }

.comment-txtarea { overflow: hidden;
padding-right: 10px; }

.post-comment input[type=text] {
width: 100%;
float: left;
}

.comment-box { width:50%; float:right; }
.gradientdiv input[type="submit"] { margin-right:10px; margin-top:10px; }
.gradientdiv h2 { padding:5px 0; }
.gradientdiv textarea { margin:10px 0; }

/* comment */

#comment-avatar { float:left; margin-right:20px; }
#comment-box { width:100%;}
.btn-comment { float:right; margin-left:10px; }
.txtareadiv { overflow:hidden; padding-right: 15px; }
.txtarea { float:left; width:99%; border: 1px solid #ccc; }
textarea { border: 1px solid #ccc; }
/*  CALENDAR  ============================================================================= */
.class { position:relative; }
.month-title { background-color:#206eb0; color:#fff; padding:5px 0; line-height:30px; font-size:16px;  text-align:center; }
.month-title td { border:1px solid yellow; }

.archive-nav { position:absolute; background-color:transparent; color:#fff; border:none; height:30px; cursor: pointer; font-weight:bold; height: 26px; top: 3px; }
.previous-month { left:25px; z-index:2; }
.next-month { right: 25px; z-index:2; }

.back-to { float:right; width:300px; font-weight:bold; padding-top:15px; text-align:right; }
.archive-h1 {  }

.archive th { border: 1px solid #d7d7d7 !important; padding: 5px 0; text-align:center; font-size:16px !important; }

.archive th, .calendar td {  border:1px solid #d7d7d7 !important;  }

.archive td { border:1px solid transparent; }

.date { background-color:#fff;  padding:5px; border:1px solid #d7d7d7 !important; height:100px; }

.month-archive
        {
            border: 1px solid #fff;
        }
        .archive-tooltip
        {
            outline: none;
            text-decoration: none;
            position: relative;
        }
        .archive-tooltip span
        {
        	color: #000000 !important;
            margin-left: -999em;
            position: absolute;
        }
        .archive-tooltip:hover span
        {
            font-family: Calibri, Tahoma, Geneva, sans-serif;
            position: absolute;
            left: 1em;
            top: 2em;
            z-index: 99;
            margin-left: 0;
            width: 250px;
        }
        .archive-tooltip:hover img
        {
            border: 0;
            margin: -10px 0 0 -55px;
            float: left;
            position: absolute;
        }
        .archive-tooltip:hover em
        {
            font-family: Candara, Tahoma, Geneva, sans-serif;
            font-size: 3.2em;
            font-weight: bold;
            display: block;
            padding: 0.2em 0 0.6em 0;
        }
        .classic
        {
            border: 1px solid #ADACAC;
            background-color: white;
            box-shadow: 0px 3px 8px #aaaaaa;
            padding: 8px;
            font-size: 12px;
        }
        .calendar td.hidden
        {
            display: none !important;
        }
        .custom
        {
            padding: 0.5em 0.8em 0.8em 2em;
        }
        * html a:hover
        {
            background: transparent;
        }
        
.label a { color: #444; }

.no-content a { color: #ccc; cursor:auto; }


.calendar { width: 100%; /*12*/ border-collapse: collapse; border-spacing: 0; }

	.calendar th { text-align: center; }
	.calendar th span { display: none; }

	.calendar tr { display: block; }



	.calendar .day { margin: 1em 0 .5em 0; font-weight: bold; }


	.calendar ul { display: block; list-style: none; margin: 0 1.25em 0 0;/*15*/ padding: 0; }
	.calendar a { display: block; left: 0; right: 0; overflow: hidden; text-overflow: ellipsis;  }
	.date { display: block; margin: 0; padding: 3px; }
	

	.calendar tr td:nth-of-type(1n) .day:before { content: 'Monday '; }
	.calendar tr td:nth-of-type(2n) .day:before { content: 'Tueday '; }
	.calendar tr td:nth-of-type(3n) .day:before { content: 'Wednesday '; }
	.calendar tr td:nth-of-type(4n) .day:before { content: 'Thursday '; }
	.calendar tr td:nth-of-type(5n) .day:before { content: 'Friday '; }
	.calendar tr td:nth-of-type(6n) .day:before { content: 'Saturday '; }
	.calendar tr td:nth-of-type(7n) .day:before { content: 'Sunday '; }

	.calendar .prev-month, .calendar .next-month { display: none; }
	.month-title td { border:none !important; }
	
	
	@media only screen and (min-width: 635px) { /*480*/
		
		.calendar tr { display: table-row; }
		.calendar th, .calendar td { display: table-cell !important; margin: 0; width: 14.2857%; vertical-align: top; }

		.calendar .prev-month .day,
		.calendar .next-month .day { color: #bbb; }

		.calendar td .day { display: block; float: right; margin: 0; font-weight: normal; }
		.calendar td .day:before { display: none; }
		.calendar td .suffix { display: none; }

	}

	@media only screen and (min-width: 40em) { /*640*/

		/* show full days (e.g. "Mon" to "Monday") */
		.calendar th span { display: inline; }

	}

	@media only screen and (max-width: 634px) { /*480*/
		
		.date { width: 99% !important; border-bottom: none !important; height: auto !important; }
		.archive th, .calendar td { border:none !important; border-bottom:1px solid #ccc !important; }
		.calendar a { font-size:12px; }
		.calender td, .month-archive td { display:list-item; list-style:none;}
		.month-title td:nth-child(2) { border:none !important; width:100% !important; }
		.calender th, .month-archive th { display:none; }
		.prev-month, .no-event, .calendar th{ display: none !important; }
		
		.date { padding: 15px 3px 3px 3px; }
		.date a { float:right; width:86%; }
		.date a:first-child { float: left; font-size: 22px;font-size: 20px; margin-right: 5px; margin-top: 5px; width: 10%;}
		
		.back-to { float:left; width:auto; padding-top:0;  } 
	/*
		.month-title, .archive-nav { }
		
		.calendar td .month-title { display:table-row; }
		.calendar tr .month-title { display:table-row; }
		.calendar td, .month-archive {  width:100%; }
		
		
	*/	
	#ctl00_ctl00_ctl00_bcr_bcr_bcr_cal1 td { display: inline; float: left; width: 100%; }

	
	}
	@media only screen and (min-width: 40em) and (min-height: 40em) {

		.calendar td { /*75*/ }

	}
	

/* video */
.videodiv h2 { margin:10px 0; }
.video-responsive, .videodiv {
text-align: center;
}

.video-responsive iframe, .videodiv object, .videodiv iframe, .bodytextdiv embed, .videodiv img, .bodytextdiv object, #article embed {
width: 100%;
max-width: 520px;

}

/* collapse story at a glance */

.container .content {display:none;}
#expanderSign { float:right; font-size: 20px; }

.badge-tooltip { display: none; position: absolute; z-index: 1; width: 300px; height: auto; }
#badgeInfoPopupContent p { padding:5px 0; }

@media only screen and (max-width: 480px) { /*480*/
	.tooltip, .badge-tooltip { width:200px; }        
	#tooltip-tail { right:-19px; }                                   
}

/*takeaway*/

aside { display:block }

.takeaway { 
        background:#dbdbdb;
        border: 3px solid #7f7f7f;
        padding:15px;
        line-height:150%;
        font-family:arial;
        font-size:16px;
        font-weight:bold;
        font-style:italic;
}

.taleft { float:left; width:30%; margin:10px 20px 10px 0; }
.taright { float:right; width:30%; margin:10px 0px 10px 20px; }
.takeaway:before, .takeaway:after { font-size:46px; line-height: 1px; }
.takeaway:before { content:"\201C"; margin-right: 10px; vertical-align: -20px; }
.takeaway:after { content:"\201D"; vertical-align: -20px; }
