﻿@import url('//media.mercola.com/assets/css/global.css'); 
@import url('//media.mercola.com/themes/mercola/style/navigation.css'); 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body { font:normal 16px Arial; background:#f7f7f7 url(//media.mercola.com/themes/mercola/images/body-bg-blue.jpg) repeat-x; text-align:center; word-break:break-word; -ms-word-break: break-word !important; word-wrap:break-word; -ms-word-wrap: break-word !important; white-space: normal; }


h1 { color:#c00; font-size:30px; }
h2 { font-size:16px; color:#C00; padding-bottom:10px; }
h3 { font:bold 22px Arial; color: Green; }

a{ color:#0869bd; cursor:pointer; text-decoration:none; }
a:hover{ color:#0869bd; text-decoration:underline;cursor:pointer;  }
a img{ border:0; }

.whitelink a{ color:#fff !important; text-decoration:underline; cursor:pointer;   }
.whitelink a:hover{ color:#fff; text-decoration:none; cursor:pointer;  }

blockquote { padding-left:35px; }

.hrdiv { background:url(//media.mercola.com/themes/mercola/images/hr.png) no-repeat center; height:8px; padding:5px 0; clear:both;}
.hr { background:url(//media.mercola.com/themes/mercola/images/hr.png) no-repeat center; height:8px; padding:5px 0; clear:left; }
.hrlong { background:url(//media.mercola.com/themes/mercola/images/hr.png) no-repeat center; height:8px; padding:5px 0; clear:left; }
p { padding-bottom:15px;}
.clear { clear:both; }
.clearfloat { clear:both; }
.clearleft { clear:left; }
.handlink  {  cursor:pointer;   }
.hidden { display:none;}
.spaceleft { margin-left:15px; }
.spaceright { margin-right:15px; }

.gradientdiv { word-wrap:break-word; }
.maindiv { width:100%; margin:0 auto; position:relative; }
#ctl00_ctl00_ctl00_vvbanner_vvbanner_TabNavigation_Vitalvotestab { width:960px; margin: 0 auto; }

table.fullwidth { width:100% !important; table-layout:fixed !important;}
header .logo { float:left; width:250px; text-align:left; padding-top:10px;  }
header .logo img { }
header .logo .toll-free{ margin-left:15px; font-size:14px; margin-top:-4px; }
    

.newsletterdiv { height:51px; background-color:#ededf5; border-top:none; border:1px solid #c9d4e8; border-radius:2px; width:960px; margin:0 auto; }
.newsletterdiv .leftarea{  height:51px; float:left; width:450px; position:relative; }
.newsletterdiv .leftarea .margindiv{ padding:0; font:bold 16px arial; color:#174b79; text-align:left; margin:15px 0 0 20px; }
.newsletterdiv .rightarea{ height:51px; float:right; width:500px; position:relative; right:-5px;}
.newsletterdiv .rightarea .margindiv{ margin:0; padding:0; font:bold 18px arial; color:#063081; text-align:left;  }
.newsletterdiv .txtbox{ float:left; height:22px; margin:10px 6px 0 0; }
.newsletterdiv .txtboxform { border:0; width:310px; height:22px; }
.newsletterdiv .subscribeBtn{ margin:0; padding:0; border:0; height:38px; width:161px; background:url(//media.mercola.com/themes/mercola/images/newsletter-btn.png) no-repeat; font:bold 14px arial; color:#fff; cursor:pointer; position:relative; top:6px; }
.newsletterdiv span { margin:0; padding:0;  font:normal 10px arial; position:relative; top:-6px; }
                                    
.contentdiv { width:960px; position:relative; z-index:1; clear:both; background:#FFF; border:solid 1px #d8d8d8; margin:10px auto 20px; zoom: 1; }
.contentdiv .margindiv{ margin:18px; padding:0; text-align:left; zoom: 1;}
	.bodytextdiv { position:relative; clear:left; padding:15px 0 0 0; margin-bottom:40px; }
	.bodytextdiv img { margin-left:15px; margin-bottom:15px; border:1px solid #666666; }
.contentdiv .drcommentsdiv div { margin-bottom:15px;}

.contentdiv h5 { margin: 5px 0; font-size:12px; font-weight:normal; color: gray; }

.contentdiv h5 a, .contentdiv h5 a:hover { color:Gray; }
.views-comments a, .views-comments a:visited { color:Gray; }


.contentdiv ul, .contentdiv ol { margin-left:35px; }
.contentdiv li { margin-bottom:15px; }
.shiftleft { margin-left:30px; padding:5px 0; font-weight:bold; }
.shiftleftsources { margin-left:30px; padding:5px 0; }
.CommentBg { background:url(//media.mercola.com/themes/mercola/images/drcomments-Bg.jpg) bottom repeat-x; height:85px; width:100%; padding-bottom:6px; padding-left:5px; color:#000000;}
.CommentBg img { position:relative; top:13px; right:-10px;}
.MercolaCommentBox div{ font: bold 24px Arial Narrow, Arial; color:#000; padding-top:7px; margin-left:15px;}

.toolsdiv {  height:18px; margin-bottom:10px;}
.toolsdiv .leftarea{  float:left; font-size:12px !important; }
.toolsdiv .rightarea{ float:right; }

.bigbtn {  cursor:pointer;   background:url(//media.mercola.com/themes/mercola/images/longBtnBg.png) no-repeat 0 3px; height:32px; width:177px; float:left; text-align:center; color:#FFF; padding-top:8px; font:bold 14px arial;}
	.bigbtn a{ color:#FFF; text-decoration:none; }
	.bigbtn a:hover{ color:#FFF; text-decoration:none; }
	
.longbtn {  cursor:pointer;   background:url(//media.mercola.com/themes/mercola/images/longBtnBg.png) no-repeat 0 3px; height:32px; width:177px; float:left; text-align:center; color:#FFF; font:bold 14px arial; border:0;}
.mediumbtn {  cursor:pointer;   border:0; background:url(//media.mercola.com/themes/mercola/images/medBtnBg.png) no-repeat 0 3px; height:32px; width:146px; float:left; text-align:center; color:#FFF; padding-top:8px; font:bold 14px arial;}
	.mediumbtn a{ color:#FFF; text-decoration:none; }
	.mediumbtn a:hover{ color:#FFF; text-decoration:none; }
	
.navigationbtn { cursor:pointer;   text-decoration:none; background:url(//media.mercola.com/themes/mercola/images/nextprevBtn.png) no-repeat; height:32px; width:130px; float:left; text-align:center; color:#0869bd; padding-top:8px; font:bold 12px arial;}
	.navigationbtn a{ color:#0869bd; text-decoration:none; }
	.navigationbtn a:hover, .navigationbtn a:link{ color:#0869bd; text-decoration:none; }
	.navigationbtn .prevbtn { background:url(//media.mercola.com/themes/mercola/images/prevArrow.png) no-repeat left center; margin-left:10px; }
	.navigationbtn .nextbtn { background:url(//media.mercola.com/themes/mercola/images/nextArrow.png) no-repeat right center; margin-right:20px; }
	
.navbtn { margin:0; cursor:pointer;   border:0; text-decoration:none; background:url(//media.mercola.com/themes/mercola/images/nextprevBtn.png) no-repeat; height:32px; width:149px; float:left; text-align:center; color:#0869bd; font:bold 14px arial;}
	.navbtn a{ color:#0869bd; text-decoration:none; }
	.navbtn a:hover, .navbtn a:link{ color:#0869bd; text-decoration:none; }
	
.smallbtn {  cursor:pointer;   background:url(//media.mercola.com/themes/mercola/images/shortBtnBg.png) no-repeat 0 3px; height:32px; width:85px; float:left; text-align:center; color:#FFF; font:bold 14px arial; border:0; }
.smallbtn div{ padding-top:8px; }
	.smallbtn a{ color:#FFF; text-decoration:none; }
	.smallbtn a:hover{ color:#FFF; text-decoration:none; }
	
.profilebtn { background:url(//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;}
.profilebtn div{ padding-top:8px; cursor:pointer;   text-decoration:none !important; }
	.profilebtn div a{ text-decoration:none !important; border:0; }
	.profilebtn div a:hover{ text-decoration:none; }
	.profilebtn a{ text-decoration:none; border:0; }
	.profilebtn a:hover{ text-decoration:none; }

.videodiv { text-align:center; padding:0; width:600px; float:left; }
.videodiv h2{ text-align:center; }
.videodiv iframe { max-width:600px; }

.commentreply { text-align:left; margin-left:280px; padding-top:10px; }
.sidepanediv { float:right; width:auto; margin-left:18px; }
.sidepanedivbg { float:right; width:220px; }
.sidepanedivbot { width:220px; }
.sidepanedivtop { width:220px; }
.sidepanediv .margindiv { margin:0; padding:0; }

.sidepaneldiv { float:right; width:300px; margin-left:18px; }

.sideBarHeaderMargin { margin-left:3px; font-size:14px;}
.translatordiv img{ margin-right:4px; border:solid 1px #edf2fe !important;}

.categorydiv { background:url(//media.mercola.com/themes/mercola/images/categoriesBgtop.png) repeat-x; position:relative; left:2px; width:201px;  }
.categorydiv .margindiv { margin:0; padding:0; padding-top:16px; margin-left:10px;  }
.categorydiv strong { color:#0869bd; line-height:16px;  }
.categorydiv .floatimg { position:absolute; right:3px; top:-18px; }

.categorybody { color:#edf2fe; background-color:#edf2fe; padding-top:5px; position:relative; left:2px; width:201px; }
.scrolllistdiv { width: 190px; overflow: auto; overflow-x:hidden; height: 210px; }
.catlistdiv { width: 185px; overflow: auto; overflow-x:hidden; height: 370px; }
.categorybody ul{ padding:0; margin:0; margin-left:10px; }
.categorybody li{ padding:0; margin:0; font:normal 12px arial;   }
.categorybody li div{ background:none; border-bottom:dashed 1px #489adf; margin-right:10px; padding:5px 0; }

.categorybody a{ text-decoration:none; }
.categorybody a:hover{ text-decoration:none; }

.friendinvitediv { background:url(//media.mercola.com/themes/mercola/images/invitefriendBg.png) no-repeat; width:203px; height:153px; color:#FFF; font:normal 12px arial; }
.friendinvitediv .margindiv { margin:0; padding:0; margin:0 10px;  text-align:center; }
.friendinvitediv strong { font-size:15px }

.profilecompletedivbg { background:url(//media.mercola.com/themes/mercola/images/completeprofileBgStrip.png) repeat-y; width:203px; text-align:center; color:#FFF; font:normal 12px arial; color:#000; border-top:solid 1px #f2f2f2;  }
.profilecompletediv { background:url(//media.mercola.com/themes/mercola/images/completeprofileBg.png) no-repeat bottom; width:203px; text-align:center; color:#FFF; font:normal 12px arial; color:#000; }.profilecompletediv .margindiv { margin:0; padding:0; margin:0 15px; padding-top:15px; text-align:left; }
.profilecompletediv strong { font-size:15px; line-height:14px; }
.profilecompletediv .avatardiv { margin:0; padding:0; margin-right:10px; margin-left:5px; float:left; height:60px; width:70px; padding-bottom:5px; }
.profilecompletediv .percent { font:bold 28px arial; color:#990000; line-height:26px; }
.profilecompletediv .imgbutton { position:relative; left:-3px; }
.profilecompletediv ul { margin:0; padding:0; font-size:12px; list-style:none; margin:0; padding:0;}
.profilecompletediv li { margin:0; padding:0; padding-bottom:10px; list-style:none; border-bottom:1px dashed #e0e0e0; padding:5px 0; list-style:none; }
.profilecompletediv li span{ color:#0869bd !important; }
.profileAvatar img{ border:solid 1px #e0e0e0; padding-top:5px; margin-bottom:5px; float:left;}

.divListenAudio { position:relative; left:-10px; }

.panelbtn { background:url(//media.mercola.com/themes/mercola/images/panelBtn.jpg) no-repeat; height:37px; width:206px; color:#FFF; font:bold  14px arial; text-decoration:none; cursor:pointer;   }
.panelbtn a{ color:#fff !important; text-decoration:none; }
.panelbtn a:hover{ color:#fff !important; text-decoration:underline !important; }
.panelbtn .margindiv { margin:0; padding:0; margin-left:35px; padding-top:10px; text-align:left; }

.panelrevbtn { background:url(//media.mercola.com/themes/mercola/images/panelBtn-reverse.jpg) no-repeat; height:37px; width:206px; color:#FFF; font:bold  14px arial; text-decoration:none; cursor:pointer;   float:left; }
.panelrevbtn a{ color:#fff !important; text-decoration:none; }
.panelrevbtn a:hover{ color:#fff !important; text-decoration:underline !important; }
.panelrevbtn .margindiv { margin:0; padding:0; margin-right:35px; padding-top:10px; text-align:right; }

.adminpanelbtn { background:url(//media.mercola.com/themes/mercola/images/paneladminBtn.jpg) no-repeat; height:37px; width:206px; color:#FFF; font:bold  14px arial; }
.adminpanelbtn a{ color:#fff; text-decoration:none; }
.adminpanelbtn a:hover{ color:#fff; text-decoration:underline; }
.adminpanelbtn .margindiv { margin:0; padding:0; margin-left:35px; padding-top:10px; text-align:left; }

.pagerdiv table td { padding:5px; background-color:#ebebeb; border:solid 1px #d2d2d2; font:bold 14px arial; text-align:center; }
.pagerdiv table td:hover{ background-color:#dbe6fd; border:solid 1px #489adf; }
.pagerdiv .textdiv{ float:left; background:none;}
.pagerdiv table{ margin:0; padding:0; font:bold 14px arial; color:#2c2c2c; }
.pagerdiv td{ text-align:left; }

.footerdiv { width:100%; min-width:960px; background:#164A78 url(//media.mercola.com/themes/mercola/images/footerbg.png) repeat-x bottom; margin-top:10px; }
.footerdiv .bgdiv{ width:100%; background:url(//media.mercola.com/themes/mercola/images/footerbg-headtile.png) repeat-x center; height:87px; }
.footerdiv .newsletterdiv { margin:0; padding:0; margin:0 auto; background:none; height:87px; width:960px; }
.footerdiv .newsletterdiv .leftarea{ float:left; width:550px; position:relative; left:0px; margin-left:20px; background:none; padding-top:4px; }
.footerdiv .newsletterdiv .leftarea .margindiv{ margin:0; padding:8px 0 0 15px ; font:bold 17px arial; text-align:left;  }
.footerdiv .newsletterdiv .rightarea{ float:right; width:420px; position:relative; right:-5px; background:none;}
.footerdiv .newsletterdiv .rightarea .margindiv{ margin:0; padding:0; font:bold 18px arial; color:#063081; text-align:right; padding-top:25px;  }
.footerdiv .newsletterdiv .txtbox{ border:0; border:solid 1px #cccaca; padding:3px 0; padding-left:10px; background:#fff; float:left; height:24px; margin:0px 6px 0 0; }
.footerdiv .newsletterdiv .txtboxform { border:0; width:310px; height:22px; }
.footerdiv .newsletterdiv .subscribeBtn{ margin:0; padding:0; border:0; height:38px; width:161px; background:url(//media.mercola.com/themes/mercola/images/newsletter-btn.png) no-repeat; font:bold 14px arial; color:#fff; cursor:pointer; position:relative; top:3px;  }
.footerdiv .contentarea{ width:960px; margin:0 auto; font:normal 12px arial; color:#FFF; text-align:left; }

.footerSitemapBox{ padding:0 10px 16px 10px; font-size:12px;  }
.footerSitemapBox ul { margin:0; padding:0; list-style-position:inside; float:left; padding-top:20px; }
.footerSitemapBox li { margin:0 0 0 30px; padding:0; list-style: disc inside none; }
.footerSitemapBox .listTitle { list-style-position:outside; list-style:none; color:#79b1ef; font:bold 14px arial; margin: 0 0 10px 20px; }
.footerSitemapBox a { text-decoration:none; color:#fff; }
.footerSitemapBox a:hover { text-decoration:underline; }

		.Mercolalist { width: 320px; }
		.Productlist { width: 160px; }
		.Productlist2 { width: 170px; }
		.SpecialInfolist { width: 320px; }
		.SpecialInfolist2 { width: 200px; }

.partners-title { color: #455560; font-size: 20px; margin: 0; padding: 0; text-align: left; }
.disclaimerdiv { background-color:#fff; color:#000; padding:5px; text-align:center; border:1px solid #000;}


.SpamWindow { display:none; position: fixed;  width:900px;  top: 7%;  margin:0 auto; }
.SpamWindow table{ border:0; width:100%; font:normal 10pt arial; }
.SpamWindow strong { color: maroon; font-size: 16px; }
.SpamWindow hr { border-top: 1px solid #888888; width:100%;}
.SpamWindow label { margin-left:10px;}
.btnSpam { float:left; margin-right:10px;}

.ProgressPnlClass { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; padding: 0; margin:0; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; z-index: 1000;}

.ProgressMsgClass { position: fixed; top: 30%; left:37%; margin:0 auto; padding: 10px; width: 385px; z-index: 1001; }

/* 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; }

/* vital votes*/
.CommonAvatarListItemDetails { font-size:12px; }
.VVBannerMenu { margin:0; padding:0; padding-top:5px;}
.VVBannerMenu .mediumbtn { margin:0; padding:0; float:right; margin-left:3px; padding-top:8px;} 
.VVBannerMenu .floatLeft { margin:0; padding:0; width:150px; float:left; font:bold 26px arial; color:#0869bd; margin-left:68px; 
                           position:relative; padding-top:3px; }
.VVBannerMenu .vvImg { position:absolute; top:-2px; left:-63px;}
.VVBannerMenu .floatRight { margin:0; padding:0; }
.VVBannerTab-Red {  margin:0; padding:0; float:right; cursor:pointer;   border:0; 
                    background:url(//media.mercola.com/themes/mercola/images/medBtnBg-red.png) no-repeat 0 3px; 
                    height:32px; width:146px; text-align:center; color:#FFF; margin-left:3px;
                    padding-top:8px; font:bold 14px arial;}
	.VVBannerTab-Red a{ color:#FFF; text-decoration:none; }
	.VVBannerTab-Red a:hover{ color:#FFF; text-decoration:none; }

.ICBannerMenu { height:91px; background:url(//media.mercola.com/themes/mercola/images/IC-MembersBannerBg.png) repeat-x;}
.ICBannerMenu .leftArea{ height:91px; background:url(//media.mercola.com/themes/mercola/images/IC-MembersBannerLeft.png) no-repeat;}
.ICBannerMenu .rightArea{ height:91px; background:url(//media.mercola.com/themes/mercola/images/IC-MembersBannerRight.png) no-repeat right;}
.ICBannerMenu .contentArea { margin-left:155px; clear:both; font:normal 14px Arial !important; text-align:left; }
.ICBannerMenu .floatLeft { margin-left:155px; font: Bold 28px Arial !important; color:#000; padding-top:20px; float:left;}
.ICBannerMenu .floatRight { padding:20px 15px 0 0; float:right;}
.ICBannerMenu .vvImg { display:none; }
.ICBannerMenu .mediumbtn { margin:0; padding:0; float:right; margin-left:3px; padding-top:8px;} 
	
.tagbody { color:#edf2fe; background-color:#edf2fe; padding-top:5px; position:relative; left:2px; width:201px; }
.tagbody ul{ padding:0; margin:0; margin-left:10px; }
.tagbody li{ padding:0; margin:0; font:normal 12px arial;  background:none; border-bottom:dashed 1px #489adf; margin-right:10px; padding:5px 0; }
.taglistdiv { padding-bottom:15px; }
.taglistdiv h2 { padding:0; margin:0; font-size:16px;} 

#interestingBox { background: url(//media.mercola.com/themes/mercola/images/Interesting-btn-bg.png) repeat-x; height:48px; width:360px; margin-left:10px;}
#interestingBox .leftarea { padding:0; margin:0; background: url(//media.mercola.com/themes/mercola/images/Interesting-btn-left.png) left no-repeat; height:48px;    }
#interestingBox .rightarea { padding:0; margin:0; background: url(//media.mercola.com/themes/mercola/images/Interesting-btn-right.png) right no-repeat; height:48px;   }
#interestingBox .margindiv { padding:0; margin:0; margin-left:185px; position:relative;}
#interestingBox .margindiv .separatordiv { margin-left:75px;}
.ArticleInterestButton { position:absolute; padding:0; margin:0; border:0; top:7px; left:15px; cursor:pointer;  
                         background: url(//media.mercola.com/themes/mercola/images/Interesting-btn-yes.png) no-repeat; height:33px; width:61px;}
.ArticleNotUsefulButton {position:absolute; padding:0; margin:0; border:0; top:7px; left:100px; cursor:pointer;  
                         background: url(//media.mercola.com/themes/mercola/images/Interesting-btn-no.png) no-repeat; height:34px; width:55px;}
                         
#PrintArticle1 { cursor:pointer;   }
.TagCloud .messagediv { border:solid 1px #d2d2d2; background:#FFF; position:relative; margin-bottom:20px; width:720px; }
.TagCloud .cornerdiv { position:absolute; right:-1px; top:-1px; }
.TagCloud .CommonTagCloud
{	margin:0; padding:0; width:690px;
	background:url(//media.mercola.com/themes/mercola/images/commentboxbg.png) bottom repeat-x;
	border: solid 1px #fff;
	border-left-width: 0;
	border-right-width: 0;
	line-height: 150%;
	list-style-type: none;
	padding:10px;
}

ul.CommonTagCloud
{	margin:0; padding:0; width:690px;
	background:url(//media.mercola.com/themes/mercola/images/commentboxbg.png) bottom repeat-x;
	border: solid 1px #fff;
	border-left-width: 0;
	border-right-width: 0;
	line-height: 150%;
	list-style-type: none;
	padding:15px;
}



.CommonTag1, .CommonTag2, .CommonTag3, .CommonTag3, .CommonTag4, .CommonTag5, .CommonTag6
{
	margin: 0;
	padding: 0;
	display: inline;
	word-wrap: break-word;
}

.CommonTag1 a:link, .CommonTag1 a:visited, .CommonTag1 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 175%;
	font-weight: 900;
	line-height:27px;
}

.CommonTag2 a:link, .CommonTag2 a:visited, .CommonTag2 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 150%;
	font-weight: 800;
	line-height:24px;
}

.CommonTag3 a:link, .CommonTag3 a:visited, .CommonTag3 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 130%;
	font-weight: 600;
}

.CommonTag4 a:link, .CommonTag4 a:visited, .CommonTag4 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 110%;
	font-weight: 500;
}

.CommonTag5 a:link, .CommonTag5 a:visited, .CommonTag5 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 90%;
	font-weight: 300;
}

.CommonTag6 a:link, .CommonTag6 a:visited, .CommonTag6 a:active
{
	margin-right: 6px;
	text-decoration: none;
	font-size: 80%;
	font-weight: 200;
}

.CommonTag1 a:hover, .CommonTag2 a:hover, .CommonTag3 a:hover, .CommonTag4 a:hover, .CommonTag5 a:hover, .CommonTag6 a:hover
{
	text-decoration: underline;
}

/* 404 */
.mainDiv404 { font:normal 18px Georgia; margin:0 auto; width:890px;  }
.mainDiv404 ul { margin:0; padding:0; list-style-position:inside; line-height:32px;}
.mainDiv404 li { padding:0; margin:0; }
.mainDiv404 a{ font:normal 18px Georgia; text-decoration:none;  }
.mainDiv404 a:hover{ font:normal 18px Georgia; text-decoration:none;  }
.mainDiv404 span{ font:normal 18px Georgia;}
.mainDiv404 .topDiv { background:url(//media.mercola.com/themes/mercola/images/404-bgboxtop.png) no-repeat; position:relative; }
.mainDiv404 .topDiv .floatDiv {  position:absolute; top:-20px; }
.mainDiv404 .bodyDiv { background: url(//media.mercola.com/themes/mercola/images/404-bg.png) repeat-y; }
.mainDiv404 .bottomDiv { height:26px; background:url(//media.mercola.com/themes/mercola/images/404-bgboxbottom.png) no-repeat; clear:both;}
.mainDiv404 h1{ font:normal 42px Georgia; margin:0;}
.mainDiv404 .contentMargin { margin:0 0 0 130px;}
.mainDiv404  strong { font:normal 24px Georgia; }
.mainDiv404 .formDiv { float:right; width:420px; margin-right:50px; padding-top:30px; padding-bottom:100px; }
.mainDiv404 .formDiv .txtBox { border:0; background-color:transparent; height:35px; width:400px; padding: 10px 0 0 15px; font:normal 22px Georgia;}
.mainDiv404 .contentTextBox { background:url(//media.mercola.com/themes/mercola/images/404-textbox.png) top right no-repeat; height:53px;}
.mainDiv404 .footDiv { clear:both; }
.mainDiv404 .footDiv .leftArea{ float:left; width:265px;}
.mainDiv404 .footDiv .midArea{ float:left; width:45px;}
.adbannerDiv { margin:10px auto; width:890px; background:url(//media.mercola.com/themes/mercola/images/Ad-BgCurve.png) repeat-y;}
.adbannerDiv table { text-align:center; width:100%; margin:0; padding:0;}
.adbannerDiv img{ text-align:center;}
.adbannerDiv p { margin:0; padding:0;}
.adbannerDiv p span{ margin:0; padding:0;}
.adbannerDiv .AdBoxBody { padding:10px 25px;  }
.adbannerDiv .Ad-topCurve { background:url(//media.mercola.com/themes/mercola/images/Ad-topCurve.png) no-repeat top; }
.adbannerDiv .Ad-botCurve { background:url(//media.mercola.com/themes/mercola/images/Ad-botCurve.png) no-repeat bottom; }
/* 404 ends */

.CommonCommentArea { word-wrap:break-word; }


.HealthNewsPanel { border:solid 1px #d6e9f3; width:100%; }
.HealthNewsPanel .whiteline { margin:0; padding:0; border: solid 1px #fff;}
.HealthNewsPanel .headerdiv {  margin:0; padding:0; height:55px; background:url(//media.mercola.com/themes/mercola/images/articles-headerbg.jpg) repeat-x; width:100%; }
.HealthNewsPanel .headerdiv h2{ color:#0869bd; margin-left:15px; padding-top:12px; float:left; font-size:20px; height:30px; overflow:hidden;}
.healthnewsbody { clear:both; margin:0; padding:0;  }
.healthnewsbody .margindiv { margin:0; padding:0; margin:0px 15px; padding-top:15px; overflow:hidden; }

.NewsTabOn { background:url(//media.mercola.com/themes/mercola/images/tab-on.jpg) no-repeat center; height:42px; width:155px; font:bold 16px Arial; color:#fff; vertical-align:top; }
.NewsTabOn div{ text-align:center; margin-top:8px; }
.NewsTabOff { background:url(//media.mercola.com/themes/mercola/images/tab-off.jpg) no-repeat center; height:42px; width:155px; font:bold 16px Arial; color:#0869bd; cursor:pointer; vertical-align:top;}
.NewsTabOff div{ text-align:center; margin-top:8px; }
.NewsTabOff :hover{ text-decoration:underline; }
.latestnews { float:right; width:320px; margin-right:10px; margin-top:13px;}

a.ArticleListHeader:link { font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#0869bd; }
a.ArticleListHeader:visited { font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color: #0869bd; }
.ArticleListDescription { font-family:Arial, Helvetica, sans-serif; font-size:11pt; color:#000; }

/*Classes for TabSwitching Starts */

 .TopVideoDivOn{display: block; width:545px; }
 .TopVideoDivOff{display: none;}
 
 .TopDivTwoOn{display: block; width:545px; }
 .TopDivTwoOff{display: none;}

 .TopDivThreeOn{display: block;}
 .TopDivThreeOff{display: none;}

.topCategories ul { width:1000px ; }

.topCategories li { float:left; width:300px; overflow:hidden; background:url(//media.mercola.com/themes/mercola/images/gray-bullet-arrow.png) scroll 0 6px no-repeat; padding-left:10px; margin-bottom:5px !important; }

.TopProductsDiv { width:201px; background:#f5f8ff; border:solid 1px #80b1de; position:relative; left:3px; }
.TopProductsDiv h3{ margin:0; padding:0; font:bold 16px Arial; color:#0869BD; margin:5px 0; }
.TopProductsDiv .margindiv { margin:0; padding:0; padding:0 5px; margin-bottom:5px; text-align:center; }
.TopProductsDiv .leftarrow {
	position:absolute;
	left: -10px;
	top: 70px;
	z-index:10;
	cursor:pointer;
}
.TopProductsDiv .rightarrow {
	position:absolute;
	left: 185px;
	top: 70px;
	z-index:10;
	cursor:pointer;
}

.TopProduct { background:#fff; border:solid 1px #b4d7f4; font:bold 14px Arial; position:relative; margin-left:2px; z-index:9; height: 180px; }
.TopProduct .margindiv { margin:0; padding:0; padding:0 5px 10px; margin:0 5px; }
.TopProduct img { margin:0; padding:0; padding-top:10px; }

.scrollable_products {	
	position:relative;
	overflow:hidden;
	width: 190px;
	height: 290px;	
}

.scrollable_products .items {	
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable_products .items .itembox {
	float:left;
	width:189px;
}

.scrollable_products {
	float:left;	
}

.priceTag { background:url(//media.mercola.com/themes/mercola/images/AD-orderbg.jpg) bottom repeat-x; height:107px; font:bold 14px Arial; padding-top:10px; color:#0869BD;}
.redtag { color:#F00;}
.priceTag img { padding-top:10px;  }
.thumbAD { border:solid 1px #afd3f5; width:85px; float:left; margin:4px;  }
.thumbAD img{ border:solid 1px #f3f7ff; height:82px; }
.gendisclaimdiv { display:none;  }

.txt-source { color: #A8A8A8;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
background-image: url(//media.mercola.com/themes/mercola/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
margin: 0;
padding-left: 20px; }
.h3-related { padding:10px 0; }
.source-link, .source-link a { color: #0869BD; }
.shiftleft { margin-left:30px; padding:10px 0; font-weight:bold; }
.shiftleftsources { margin-left:30px; padding:5px 0; }

.story-glance { width:280px; 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 { /* list-style: disc outside url(//media.mercola.com/themes/mercola/images/bullet.gif);*/ 
                   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; }

/* logout */

#signIn_holder { padding-bottom:50px; }
#signIn_holder h1 { font-size:20px; font-weight:normal; text-align:center; padding-bottom:20px; }
#signIn_holder .logout { width:80%; margin:0 auto; border-radius:20px; border:10px solid #f1f1f1; }
#signIn_holder td { border-right:1px solid #ebebeb; }
#signIn_holder td.last { border-right:none; } 
#signIn_holder a { color:#286193; text-decoration:none; font-size:18px; }
#signIn_holder a:hover { text-decoration:underline; }


/*------------------------------------*\
	$WRAPPER
\*------------------------------------*/
.buttons {/* Style as you wish (toolbar) */}

/* The Magnificent CLEARFIX */
.buttons:before, .buttons:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.buttons:after { clear: both; }
.buttons { zoom: 1; }
/* ------------------------ */


/*------------------------------------*\
	$BUTTON
\*------------------------------------*/
button, 
.button {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	
	font: bold 12px Arial, sans-serif;
	color: #444;
	line-height: 17px;
	
	display: inline-block;
	float: left;
	
	margin: 5px;
	padding: 5px 6px 4px 6px;
	
	background: #F3F3F3;
	border: solid 1px #D9D9D9;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
	cursor:pointer;
}
button {
	height: 29px !important;
	cursor: pointer;
}

button.left, 
.button.left {
	margin: 5px 0 5px 5px;
	
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}
button.middle, 
.button.middle {
	margin: 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
button.right, 
.button.right {
	margin: 5px 5px 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
}

button:hover, 
.button:hover { 
    background: #F4F4F4;
		border-color: #C0C0C0;
		color: #333;
		text-decoration: none;
}

button:active, 
.button:active {
	border-color: #4D90FE;
	color: #4D90FE;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}

button.on, 
.button.on {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:hover, 
.button.on:hover {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:active, 
.button.on:active {
	border-color: #4D90FE;
}

button.action, 
.button.action {
	border: 1px solid #D8D8D8 !important;
	
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.action:hover, 
.button.action:hover {
	border: 1px solid #C6C6C6 !important;
	
	background: #F3F3F3;
	background: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -moz-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -ms-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -o-linear-gradient(top, #F8F8F8, #F1F1F1);
}

/* sort comments */ 
button:hover .label.txtsort, 
.button:hover .label.txtsort {
    color: #FFF !important;
}

button.sortcomments:hover, 
.button.sortcomments:hover {
	border: 1px solid #2D6200 !important;
	
	background: #008000;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
	
}


/* end sort */

button.blue, 
.button.blue {
	border: 1px solid #3079ED !important;
	
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.blue:hover, 
.button.blue:hover {
	border: 1px solid #2F5BB7 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
button.green, 
.button.green {
	border: 1px solid #29691D !important;
	
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.green:hover, 
.button.green:hover {
	border: 1px solid #2D6200 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
button.red, 
.button.red {
	border: 1px solid #D14836 !important;
	
	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.red:hover, 
.button.red:hover {
	border: 1px solid #B0281A !important;
	
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}

button.action:hover, 
.button.action:hover {
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}
button.action:active, 
.button.action:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}
button.blue:active, 
.button.blue:active {
	border-color: #2F5BB7 !important;
}
button.green:active, 
.button.green:active {
	border-color: #2D6200 !important;
}
button.red:active, 
.button.red:active {
	border-color: #B0281A !important;
}



/*------------------------------------*\
	$BUTTON LABEL
\*------------------------------------*/


.ddm span.label, 
button span.label, 
.button span.label {
	display: inline-block;
	float: left;
	line-height: 17px;
	height: 18px;
	padding: 0 1px;
	overflow: hidden;
	color: #444;
	
	-webkit-transition: color .20s;
	-moz-transition: color .20s;
	-o-transition: color .20s;
	transition: color .20s;
} 
button span.label {
	line-height: 15px !important;
}
.ddm:active span.label, 
button:active span.label, 
.button:active span.label {
    color: #4D90FE;
}

button:hover .label, 
.button:hover .label {
    color: #333;
   
}
button:hover .label.red, 
.button:hover .label.red {
    color: #DB4A37;
}
button:hover .label.blue, 
.button:hover .label.blue {
    color: #7090C8;
}
button:hover .label.green, 
.button:hover .label.green {
    color: #42B449;
}
button:hover .label.yellow, 
.button:hover .label.yellow {
    color: #F7CB38;
}

button.blue .label, 
.button.blue .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2F5BB7 !important;
}
button.green .label, 
.button.green .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
}
button.red .label, 
.button.red .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #B0281A !important;
}
button.action .label, 
.button.action .label {
	padding: 0 10px !important;
}

button.action:active .label, 
.button.action:active .label {
	color: #333 !important;
}

button.blue:active .label, 
button.green:active .label, 
button.red:active .label, 
.button.blue:active .label, 
.button.green:active .label, 
.button.red:active .label {
	color: #FFF !important;
}



/*------------------------------------*\
	$BUTTON ICON
\*------------------------------------*/
.ddm span.icon, 
button span.icon, 
.button span.icon {
		
	display: inline-block;
	margin: 0 7px;
	float: left;
	
	line-height: 18px;
	height: 18px;
	width: 18px;
	max-width: 18px;
	
	overflow: hidden;
	text-indent: -9999px;
	
	background-repeat: no-repeat;
	
	-webkit-transition: background-image 0.20s linear;
	-moz-transition: background-image 0.20s linear;
	-o-transition: background-image 0.20s linear;
	transition: background-image 0.20s linear;
}
.ddm:hover span.icon, 
button:hover span.icon, 
.button:hover span.icon {
	
}

/* Bitwise changes */
.Comments, .comments:hover {
	border: 1px solid #2D6200 !important;	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
	background-color:#008000;
	font-size:11px;
	font-weight:bold;
	margin: 5px;
	padding: 5px 6px 4px 6px;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}

/* search */
.search {
    position: absolute;
    top: 20px;
    width: 460px;
    background: #cce0ff;
    padding: 6px;
    border-radius: 5px
}

.search input[type=text] {
    width: 95%;
    float: left;
    font-size: 16px !important;
    border: 1px solid #86b6ff;
    border-radius: 4px;
    padding: 10px;
    height: 20px
}

.search-textbox {
    overflow: hidden
}

.mercola-search {
    display: inline-block;
    min-width: 54px;
    float: right;
    padding: 10px 17px;
    margin:0px;
    height: 20px;
    text-shadow:0 1px 0 #2f5bb7 !important;
    color:White;
    border-radius: 5px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important
}

.icon-magnifier {
    display: inline-block
}

.icon-magnifier:before {
    content: "SEARCH";
    font-size: 20px
}

.mercola-search:hover {
    -moz-box-shadow: 0 1px 0 #DDD;
    -webkit-box-shadow: 0 1px 0 #DDD;
    box-shadow: inset 0 1px 0 #DDD;
    color:White;
    border: 1px solid #2F5BB7 !important;
    background: #3F83F1;
    background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
    background: -moz-linear-gradient(top, #4D90FE, #357AE8);
    background: -ms-linear-gradient(top, #4D90FE, #357AE8);
    background: -o-linear-gradient(top, #4D90FE, #357AE8)
}
.mercola-search:active { /*This is the inside shadow wich appears when you actually click the button*/
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
}	

/* text field */
input[type=text]  {
border:1px solid #D9D9D9;
border-top:1px solid #C0C0C0;
font-size:14px;
outline:none; /* This will remove any outline from browser (usually browsers outlines the forms) */
padding:6px;
font-family: Arial;
}
input[type=text]:hover {
border:1px solid #C0C0C0; /*The border color will change to a darker one, this will highlight it*/
border-top: 1px solid #777;
}
input[type=text]:focus {
border:1px solid #4d90fe; /*When you focus (click) the form, the border will change to a nice blue color*/
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}


.CommonSearchTextBox input { width:570px; }
.CommonSearchTextBox {
width: 73%;
float: left;
}

.newsletterdiv input[type=text] { width:250px; }

.newsletterdiv input[type=submit] { width:110px; border:0; color: #FFF !important; margin-top: 10px;
	text-shadow: 0 1px 0 #2D6200 !important; font: bold 12px Arial, sans-serif; cursor:pointer; height:29px; }
	
.newsletterdiv .rightarea .margindiv img { margin-top:10px; }
.footer-subscription .maindiv .newsletterdiv .rightarea .margindiv img { margin-top:0px; }
	/* icon */
.ddm span.icon, button span.icon, .button span.icon {
background-image: url(//media.mercola.com/themes/mercola/images/mercola-buttons.png);
display: inline-block;
margin: 2px 7px;
float: left;
line-height: 18px;
height: 13px;
width: 8px;
max-width: 18px;
overflow: hidden;
text-indent: -9999px;
background-repeat: no-repeat;
-webkit-transition: background-image 0.20s linear;
-moz-transition: background-image 0.20s linear;
-o-transition: background-image 0.20s linear;
transition: background-image 0.20s linear;
}	

.ddm:hover span.icon, 
button:hover span.icon, 
.button:hover span.icon {
	background-image:  url(//media.mercola.com/themes/mercola/images/mercola-buttons.png);
}

span.previous {
background-position: -18px 0px;
}

span.next {
background-position: -28px 0px;
}

button:active .label.txtsort, 
.button:active .label.txtsort {
    color: #FFF !important;
}

/* hide */
.hide { font-size:10px; color:#787878; position:relative; padding-top:7px; text-decoration:none !important; cursor:pointer; width: 80px;
float: right; }
.hide:hover { color:#000; }
.hide img {   }
.hide-btn { background: url(//media.mercola.com/themes/mercola/images/cssprites.png) -50px -100px; width:15px; height:15px; cursor:pointer; position:absolute; top:22px; right:32px; }

/* sort comments */
#divSorting input[type=submit], .btn-post-comment input[type=submit] { cursor:pointer; height:29px; }
.btn-post-comment input[type=submit] { *width:98px; }
.btn-white-txt {  color: #FFF !important; text-shadow: 0 1px 0 #2D6200 !important; }

.sortcomments:hover { color: #FFF !important; text-shadow: 0 1px 0 #2D6200 !important; }
.sortcomments { color: #444 !important; text-shadow: 0 1px 0 white !important; }

.link16 { font-weight:bold; text-decoration:none; }
.link16 a { font-weight:bold; text-decoration:none; }
.link16 a:hover { text-decoration:underline; }
.link16-bottom { float:left; }

/* loading */
.loading { border:1px solid #ccc; background-color:#fff; padding:30px 10px; margin: 30px 10px; text-align:center; }

.btn-submit {
background: url(//media.mercola.com/themes/mercola/images/SaveFavBtn.png) no-repeat;
height: 28px;
width: 108px;
border: none;
color: transparent;
cursor: pointer;
}

.lookh1 { color: #C00;
font-size: 30px;
font-family: Arial;
line-height: 110%; font-weight:bold; }

#ctl00_ctl00_ctl00_tr_tr_tr_imgStory { margin-bottom:10px; }

/* feat vid */
.feat-video p { width:330px; }

/* social home */
.social-16 { background-color:#4485bb; border-radius:3px; width:130px; position:absolute; right:5px; top:6px; height:26px; }
.social-16 ul { margin:0; padding:5px 5px 0 5px; list-style:none; }
.social-16 li { display:inline; margin:0; padding:0 2px; border:0; }

.search-txtfield-bg input[type="text"] { border:none; }

.messagetext input[type="submit"] {
padding:3px 5px;
cursor: pointer;
}


h2.likeh1 { color: #C00; font-size: 30px; }

.btn-expand {
font-weight: bold;
text-decoration: none;
font-size: 16px;
border: none;
background-color: transparent;
color: #0869BD;
cursor: pointer;
font-family: arial;
padding-left: 0;
}

#ctl00_ctl00_ctl00_rcr_rcr_rcr_MenuDiv { width: auto !important; }

.fav_article { width:650px !important; }
.calendar_mo { width:670px !important; }

.ScrollListDiv { width: 190px; overflow: auto; overflow-x:hidden; height: 210px; }



/* New Archive */
.class { position:relative; }
.month-title { background-color:#206eb0; color:#fff; padding:5px 0; line-height:30px; }

.archive-nav { position:absolute; background-color:transparent; color:#fff; border:none; height:30px; cursor: pointer; font-weight:bold; height: 26px;}
.prev-month { left:25px; }
.next-month { right: 25px; }

.back-to { float:right; width:300px; font-weight:bold; padding-top:15px; text-align:right; }
.archive-h1 { float:left; width:450px; }
.archive th {  border:1px solid #d7d7d7 !important; padding:5px 0; }
.archive td { border:1px solid transparent; }

.date { background-color:#fff;  padding:5px; border:1px solid #d7d7d7 !important; }

.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;
        }
        .hidden
        {
            display: none;
        }
        .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; }

.footer-subscription { padding:20px 0; height:30px; background-color:#e8e8e8; }
.footer-subscription .newsletterdiv { border:0; }
.footer-subscription .footerdiv .newsletterdiv {  }
.footer-subscription .leftarea { width: 430px !important; }
.footer-subscription .rightarea { width: 500px !important; }
.footer-subscription .margindiv { padding:0 !important; margin:0 !important; margin:0 !important; padding:0 !important; } 
.footer-subscription input[type="text"] { width:250px; border:none; height:15px; }
.footer-subscription .newsletterdiv input[type="submit"]  {  margin-top: 0px !important; padding:0;}
.footer-subscription .txtbox { margin:0; margin-right:6px !important; padding:0 !important; float:left !important; height:27px !important; }
.footer-subscription .footerdiv .newsletterdiv .leftarea .margindiv { padding:5px; }
.seal-bg { background-color:#133f64; padding:10px 0; }
.footer-seal { margin:0 auto; }
.footerSitemapBox .listTitle { color:#79b1ef !important; }

.footer-seal { margin:10px auto 0; width:960px; padding-bottom: 10px; }
.footer-seal ul { text-align:center; margin-left:80px; }
.footer-seal ul li { display: table-cell; list-style-type: none; margin: 0px; vertical-align: middle; padding:0 10px; }


.closebtn {
background: url(//media.mercola.com/themes/mercola/images/cssprites.png) -100px -100px;
width: 29px;
height: 29px;
cursor: pointer;
}

/* dynamic loading */
.error-load { border: 1px solid #f0c36d; background-color: #f9edbe; color: #222; padding:10px; margin:10px; text-align:center; border-radius: 2px; font-size:12px; font-weight:bold;}
.BtnLoadMore {  }

/* video sharing */
.sharevid { background:#F9FAFB; margin: 20px auto; padding: 10px; text-align: left; border-radius:30px; }
.sharevid .margin { border:1px solid #CFD7D6; padding:30px; border-radius:20px; }
.sharevidborder { border-radius:30px; }
.sharevid ul { margin:0; padding:0; height:60px; }
.sharevid li a { display:block; height:32px; }
.sharevid li { float:left; list-style-type: none; margin: 0 20px; width:32px; height:32px; }
.sharevid li:first-child {  padding:0; width:auto; margin:0 56px 0 0 }
.sharevid p { position:relative; }
.sharevid .button { float:none; position: absolute; top: -5px; margin-left: 10px; }
.sharevid input[type=text] { width: 71%; }
.sharevid li:nth-child(2) { margin-left:20px; }

.vid-facebook {background:url('//media.mercola.com/themes/mercola/images/vidshare-icons.gif') no-repeat 0 0;}
.vid-twitter {background:url('//media.mercola.com/themes/mercola/images/vidshare-icons.gif') no-repeat -40px 0;}
.vid-pinterest {background:url('//media.mercola.com/themes/mercola/images/vidshare-icons.gif') no-repeat -80px 0;}
.vid-share {background:url('//media.mercola.com/themes/mercola/images/vidshare-icons.gif') no-repeat -120px 0;}
.vid-google {background:url('//media.mercola.com/themes/mercola/images/vidshare-icons.gif') no-repeat -159px 0;}
.vid-email {background:url('//media.mercola.com/themes/mercola/images/vidshare-icons.gif') no-repeat -199px 0;}


/*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:300px; margin:10px 20px 10px 0 }
.taright { float:right; width:300px; 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; }

.whytheseads { background:url(//media.mercola.com/assets/images/mercola/whytheseads.jpg) no-repeat left bottom; text-align:right; float:right; margin-bottom:10px; padding-left: 20px; }
.whytheseads a { color:#969696; font-size:12px; text-decoration:underline; }


/* social */
.social-icons { margin:10px 0 10px 0 !important; list-style:none; float:left; }
.social-icons li { margin: 0 2px; vertical-align: top; float:left; }
.social-icons td { padding:0; }
.social-icons .print { margin: 0 auto; }
.social-icons .pin-it { margin-top:-2px; }
.pin-it td { padding-right:0; }
td#pinIttd > span { margin-top: 42px !important; }
td#pinIttd span > span { background-size: 100% !important;
background: url(//media.mercola.com/themes/mercola/images/bg-pinterest.jpg) no-repeat !important;
bottom: 20px !important;
height: 36px !important;
padding-top: 6px;
top: -42px;}
.no-pad { padding:0 !important; }

/* sort */
.sort-options { margin: 10px 0 !important; }
.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:5px; 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%; }

.social-icons-small { margin:10px 0 !important; list-style:none; float:left; width:100%; }
.social-icons-small li { padding-right: 5px; vertical-align: top; float:left; height:25px; }

/* etaf */
.etaf-box { background-color:#f0f2f3 !important; border-radius:20px !important; padding:10px !important; }
.etaf-box .closeBtn { position: absolute !important; top: 20px !important; right: 20px !important; }
.etaf-box strong { font: normal 32px georgia !important; }
.etaf-box .modalHolder { width:100%; }

.etaf-border { border-radius:20px !important; border:1px solid #cfd7d6 !important; background-color: #f9fafb !important; padding:10px 20px !important; }

@media only screen and (min-width: 767px) {
	#emailtoafriend { height:360px !important; }
}

@media only screen and (max-width: 480px) {
	.etaf-border { padding:10px !important; }
	.etaf-box strong { font-size:24px !important; }
}
