@charset "utf-8";

/* social widget */
.social-icons { margin:0; list-style:none; float:right; }
.social-icons li { padding-right: 5px; vertical-align: top; float:left; }
.no-pad { padding:0 !important; }

.article-title h1 { float:left; padding-top:10px; }

/* CSS */

.contentdiv { margin-top:10px !important; padding-top:2px !important; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }


/*#feat-vid { float:left; width:580px; height:493px; background-color:#fff; margin-top:10px; }*/
	.featvidtitle { padding:5px 0; margin-top:10px; font-size:18px; font-weight:bold; color:#272727; font-family:Arial; }
	.featviddesc { padding:0; margin:0; font-size:13px; }
.main-video { text-align:center;}	


/* sidebox */
/*#side-panel { float: right; width: 300px; position: relative; margin: 0px 0 0 20px; }*/
.sidebox { background-color: #f7f7f7; border:1px solid #d1d0d0; border-bottom: none; font-size:12px; margin-bottom:10px; }
.sidebox h3 { margin:0; padding:10px; border-bottom:1px solid #dfe3eb;}
.sidebox p {  padding-left:10px; color:#0869d4; font-weight:bold;}

.sidebox td { padding:5px; }

/* recent videos */
.recent-vid { border-bottom: 1px solid #dfe3eb; padding:5px; }
.recent-vid .thumbnail { position:relative; float:left; }
	.recent-vid .recent-img { }
	.recent-vid .duration { background-color:Black; padding:2px; font-size:11px; color:#fff; position:absolute; bottom:0; right:0; }
	.video-responsive embed { margin-bottom:10px; }

.recent-vid .title { float:left; width:55%; margin-left:5px; }

/* search */
#search-video { padding:10px 20px; border-bottom: 1px solid #dfe3eb; }
#search-video input[type=text] { width: 95%; float: left; }
#search-video .title h3 { float:left; width:24%; padding-top:5px; }
.search-form { float:right; width:75%; }
.search-form .mercola-search { border-radius: 2px !important; height: 30px; padding: 5px 15px!important; }

/* result */
#result { }
#result-details { float: right; width: 79%; }
.category-title, .category-label  { display:inline; font-weight:bold; }
.category-label { color: #272727; padding-left:20px;}
.category-title { color:#000; }
.category-name { }
.category-title {  }
.totalvid { float:right; text-align:right; padding-right:50px; }


/* content */
.content { margin:20px auto; border:1px solid #c9c7c3; background-color:#f7f7f7; position:relative; }	

	
#categ { margin-top:15px; background-color:#f7f7f7;  }	


#categ-nav { float:left; width:166px; background-color:#ececec; margin:0px 0 10px 15px; }	
	#categ-nav ul { padding:0; margin:0; }
	.nav { padding:5px 10px; margin:0; color:#CA0002; list-style-position:inside; font-size:8px; list-style-type:square; }
	.nav a { font-size:13px; }	
.categnav-topdisabled { background-image:url(http://media.mercola.com/themes/mercola/images/videos/categ-nav-top.jpg); width:166px; height:13px;border:none; }
.categnav-topenabled { cursor:pointer; background-image:url(http://media.mercola.com/themes/mercola/images/videos/categ-nav-top-arrow.jpg); width:166px; height:13px;border:none; }
.categnav-botdisabled { background-image:url(http://media.mercola.com/themes/mercola/images/videos/categnav-bottom.jpg); width:166px; height:13px;border:none; }
.categnav-botenabled { cursor:pointer; background-image:url(http://media.mercola.com/themes/mercola/images/videos/categnav-bottom-arrow.jpg); width:166px; height:13px;border:none; }

	
#result { float:right; width:79%; height:450px; overflow:scroll; overflow-x: hidden;  }
.thumb-section { float:left; background-color:#fff; padding:10px; border:1px solid #efeeee; width:120px; height:150px; margin:5px 17px; 
    white-space: -moz-pre-wrap;  /* Firefox */ 
	white-space: -pre-wrap;      /* Older Opera 4 - 6 */
	white-space: -o-pre-wrap;    /* Opera 7+ */
	word-wrap: break-word;       /* IE 5.5+ and Safari */

	text-align:left;
 }
	.thumb-section p { margin:0; padding:5px 0; font-size:11px; }

#clear { clear:both; }

h3 { color:#000000; font-size:16px; font-weight:bold; }
.next { cursor:pointer; cursor:hand; }
.prev { cursor:pointer; cursor:hand; }


.scrollable {        
    position:relative;
    overflow:hidden;
    width: 166px;
    height: 420px;
}

.scrollable .categories {
    position:absolute;	
    height:20000em;
}

a.disabled { cursor:default; }

/* responsive */
.span_1_of_3 { float:right; }
.span_2_of_3 { width:61%; }
#footercontainer .span_1_of_3 { float:left; }
#socialbtn-responsive {
cursor: pointer;
font-size: 16px;
font-weight: bold;
}
#socialbtn-responsive img {
border: none;
width: 16px;
height: 22px;
}

.video-container 
{
	/* max-width:560px; */
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin:0 auto 10px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* - See more at: avexdesigns.com/responsive-youtube-embed/#sthash.uiNxFARb.dpuf */

/* desktop view */
@media only screen and (min-width: 990px) 
{
	.span_1_of_3 { width: 32.26%; }
	.span_2_of_3 { width: 61%; }
}
/* 989 */

@media only screen and (max-width: 989px) 
{
	.notipad { display:none; }
	#feat-vid { text-align:center; }
	.video-responsive embed { width: 100%; max-width: 520px; }
	.recent-vid .title { margin-left:10px; }
	#result, #result-details { float:none; width:100%; }
	#result { margin-top:15px;  height:100%; overflow:hidden; clear:both; }

	.span_2_of_3 { width:100%; }
	.span_1_of_3 { margin:0px;  width:100%; }

	.RadDropDownList { display: inline; }
	.category-label { float: left; margin-right:5px; }
	.RadDropDownList_Default, .RadDropDownList_Default .rddlFocused, .RadDropDownList_Default .rddlInner, .rddlPopup .rddlItem { background-color:#fff !important; background-image:none !important; font-size:16px; }
	.category-dropdown { float:left; }
	.thumb-section { padding: 5px; }
	.totalvid { font-size:12px; margin-top:5px; }
	.content { margin-top:0px; }
	.article-title h1 { float:none; padding-top:0; }
	.social-icons { float:left; margin-top:10px; }
	
	#search-video .search-textbox { padding-right: 10px; }

}

/* 480 */

@media only screen and (max-width: 575px) 
{
	.notipad { display:inline; }
	.span_1_of_3 { margin-top:10px; }
	.video-responsive embed { height:auto; }

	#search-video { padding: 0 10px 10px; }
		#search-video .title h3 { padding-top:0; }
		#search-video .title h3, .search-form, .rddlInner { width:100%; float:none; }
		#search-video .title { padding-bottom:5px; }
		#search-video, #result-details { text-align:center; margin:10px; }
		#result-details { margin-bottom:0; }
		
	#categ { margin-top:0; }
	.recent-vid .title  { width:58%; }
	.title img { width: 100%; max-width:175px; height: auto; margin-top: 2px; }
	.category-label { padding-left:0; }
	.thumb-section { width: 115px; position:relative; margin:5px; }
	.thumb-section p { padding-top:0; }
	.thumb-section img { width:100% !important; height:auto !important; }
	.views { background-color: black; padding: 2px; font-size: 11px; color: #fff; position: absolute; top: 73px; right: 5px; }

	.totalvid { float:none; text-align:center; margin:0; padding:5px 0; }
	.category-label { float:left; text-align:center; margin:0; padding:5px 0; }
	.totalvid { clear:left; padding-left: 85px; text-align: left; }
	.RadDropDownList {  font-size:14px !important; }
	#ctl00_bcr_ddlCategories { width:130px !important; margin: 3px 0 0 10px; }
	.rddlPopup { width:130px !important; }
	#result { margin-top:0; }
}

 ul.social-icons { height: auto!important }
 ul.social-icons>li { padding-right: 3px; height: 64px!important; }
 ul.social-icons li:first-child::after { content: ""!important; }
 ul.social-icons li:first-child { border: 0!important; margin-right: 0px!important; padding-right: 8px; padding-bottom: 0px!important; }
 .widget-text { text-align: left; }
 ul.social-icons span { color: #313131; font-size: initial!important; font-weight: normal!important; }