/*********************** 
 	 *		Main display 
 	 ***********************/
 	 @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
body {
	background-color:#0096fe;
margin:0;
  padding: 0;
  box-sizing: border-box;
   font-family: Montserrat, sans-serif;
}
A {
	COLOR: #fff;
	}
A:hover {
	COLOR: #800000;
}
.text {
}
h1 {
font-weight: normal;
margin-left:auto;
margin-right:auto;
font-size:16px;
display:block;
width:98%;
max-width:1240px;
border-bottom:1px solid black;
padding:0;
}
.smalltop {
	font-size: 10px;
}
@media (min-width:600px) {#logo{width:320px; height:auto; float:left;}}
@media (max-width:599px) {
#logo{width:100%; margin-left:auto; margin-right:auto;} 
#logo img { width:100%; }
}
#contop {background:#fff; max-width:1240px; width:100%; height:auto; margin-right:auto;margin-left:auto;}
	/* Content Part */
#main_body {
margin:0;

}
	/** Adjust width for bigger thumbs */
#content {
	margin:0;
	padding		: 0;
	color: #000000;
	max-width:1240px;
	margin-left:auto;
	margin-right:auto;
}
	/** For email confirmation */
#content .confirmed {
	border	: 2px solid #996666;
	color	: #000;
	text-align: center;
}
	/** Pagination **/
#content #page-up .pagination {
}
#content #page-bottom {
max-width:1240px;
margin-right:auto;
padding-top:10px;
	margin-left: auto;
	text-align:right;
	font-size:16px;
}
#content #page-up .pagination a, #content #page-bottom .pagination a{
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #808080;
}
#content #page-up a:hover,#content #page-bottom a:hover{
	text-decoration : none;
	font-weight: bolder;
	background-color: #C0C0C0;
	border: 1px solid #808080;
} 
.pagerCurrent{
	border		: none;
	padding		: 0 5px;
	margin		: 0 3px;
	font-weight	: bolder;
}
.pagerNotCurrent{
	border		: 1px solid #000000;
	padding		: 0 6px;
	margin		: 0 2px;
	text-align	: center;
}
#content #content_display a{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#content #content_display a img{
	border: 1px solid #000000;
}
#content #content_display {
	height	: 100%;
}
#content #content_display a:hover {
	font-size: 12px;
	color : #800000;
}
#content #content_display #content_thumbs {
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	}
#content #content_display #content_thumbs .img img{width:100%; height:auto; box-sizing:border-box;}
#content #content_display #content_thumbs .img {
	box-sizing:border-box;
	height	: auto;
	margin:1px;
	padding	: 2px;
	border	: 0px solid #dfdfdf;
	float: left;
}
@media (max-width:399px){#content #content_display #content_thumbs .img {width:98%;}}
@media (min-width:400px) and (max-width:719px){#content #content_display #content_thumbs .img {width:49.5%;}}
@media (min-width:720px) and (max-width:979px){#content #content_display #content_thumbs .img {width:32.5%;}}
@media (min-width:980px) and (max-width:1239px){#content #content_display #content_thumbs .img {width:24.5%;}}
@media (min-width:1240px) {#content #content_display #content_thumbs .img {width:19.8%;}}
	/** Thumbs info */
#content #content_display #content_thumbs .settings {
	border-bottom : none;
	color: #94d2ff;
	}
#content #content_display #content_thumbs .title 	{
	color: #f46f11; padding-left:2px; padding-bottom:2px;
}
#content #content_display #content_thumbs .img_info	{ font-size:12px; position:relative; width:auto; }
#content #content_display #content_thumbs .duration	{ float : left; }
#content #content_display #content_thumbs .votes	{
	float : left;
	font-size: 10px;
	font-weight: normal;
}
#content #content_display #content_thumbs .date		{
	text-align : right;
	font-size: 10px;
	font-weight: normal;
}
#content #content_display #content_thumbs .img div .duration{font-weight:bold; }
#content #content_display #content_thumbs .img div a{
	text-decoration: none;
color:#ffffff;
}
#content #content_display #content_thumbs .img div a:hover {
	text-decoration: underline;
}
/** End of Content Part */
.clear { clear: both; }
/*search*/
@media (min-width:600px) {div#search { float:right; padding-top:10px;  width:248px;}}
@media (max-width:599px) {div#search {width:100%; height:50px; margin-left:auto; margin-right:auto; } form{ width:248px; margin-left:auto; margin-right:auto;}}
#searchbox {
background: #eee;
padding:10px;
 border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
border:0 none;
width:160px;
}
#searchbtn {
border:0;
background:#ccc;
color:white;
padding:10px 20px;
margin:0;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
font-weight:bold;
}
/*end search*/
	/************************* 
 	 *		Watch Display 
 	 *************************/
#content #main_wrap {
	padding : 0;
	margin:0;
}
 @media (max-width:767px) { #content #main_wrap #video_player{  float: left;
		min-width:300px;
		width:99.5%;
}}
 @media (min-width:768px) and (max-width:999px) { #content #main_wrap #video_player{  float: left;
		min-width:300px;
		width:100%;
	width: -moz-calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: calc(100% - 280px);
}}
 @media (min-width:1000px) { #content #main_wrap #video_player{  float: left;
		min-width:300px;
		width:100%;
	width: -moz-calc(100% - 530px);
    width: -webkit-calc(100% - 530px);
    width: calc(100% - 530px);
}}
	/** For advertisement */
#content #main_wrap #video_player .adv {
width:100%;
text-align:right;
height:30px;
}
#content #main_wrap #_player .adv a { text-decoration: none; }
#content #main_wrap #video_player .adv a:hover { text-decoration : none; }
	/** For download link */
	 @media (max-width:449px) {
	#content #main_wrap #video_player .download_text {
	font-size	: 16px;
	font-weight	: 700;
	clear		: both; 
	text-align	: center;
	width:100%;
	height:50px;
	background: #800000;
	box-sizing:border-box;
	border: 1px solid white;
	margin-top:5px;

	border-top:0;
	}
	#content #main_wrap #video_player .download_text a {  display:block; text-decoration : underline; padding-top:12px; height:50px; }
	 }
	  @media (min-width:450px) {
#content #main_wrap #video_player .download_text {
	font-size	: 25px;
	font-weight	: 700;
	clear		: both; 
	text-align	: center;
	width:100%;
	height:50px;
	background: #fff;
	box-sizing:border-box;
	border: 1px solid black;
	margin-top:5px;
}
#content #main_wrap #video_player .download_text a { color:#0096fe; display:block; text-decoration : underline; padding-top:7px; height:50px; }
	  }
#content #main_wrap #video_player .download_text:hover {background: #0057ce;}
#content #main_wrap #video_player .download_text a:hover { text-decoration : none;  color:#fff;}
	/** Main info left pannel */
	#info {
	
	
	}
#content #main_wrap #main_info #info{
	border	: 1px solid #dcdcdc;
	height	: auto;
	color	: #000000;
	font-size: 12px;
	width	: 240px;
	display: block;
}
#content #main_wrap #main_info #info a {
	text-decoration : underline;
	font-weight: bold;
}
#content #main_wrap #main_info #info a:hover { text-decoration : none; }
#content #main_wrap #main_info #ShowInfoBox {
	border		: 1px solid #ccc;
	border-top	: none;
	margin		: 0 10px 0 3px;
	padding		: 5px;
	width		: inherit; 
	background-color : #f3f0e8;
	text-align	: center;
	color		: #FFFFFF;
}
	/** For tag cloud **/
	
#content #main_wrap #cloud {
float:left;
	width:240px;
	color	: #000000;
	margin:0;
}
#content #main_wrap .cloud { 
	text-decoration	: underline; 
	line-height		: 150%; 
} 
#content #main_wrap #main_info #cloud a:hover { text-decoration : none; }
#content #main_wrap #main_info #info .moreinfo { margin-top : 2px; border-top : 1px #ccc dashed; text-align: center; }
	/** For related video **/
#content #main_wrap #main_info .rel_vid {  padding : 15px 0 0 0;  margin : 7px 10px 0 3px; }
@media (max-width:399px){
		#content #main_wrap #main_info .display_video .img_div{
	font-size	: 11px;
	padding		: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ececed;
	width:99%;
	box-sizing:border-box;
	display:block;
	float:left;
}
 #content #main_wrap #main_info .display_video .img_div img{
	width	: 100%;
}
	}
@media (min-width:400px) and (max-width:767px) {
	#content #main_wrap #main_info .display_video .img_div{
	font-size	: 11px;
	padding		: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ececed;
	width:50%;
	box-sizing:border-box;
	display:block;
	float:left;
}
 #content #main_wrap #main_info .display_video .img_div img{
	width	: 100%;
}
}
@media (min-width:768px) {
#content #main_wrap #main_info .display_video {
	overflow	: scroll;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
	height		: 940px;
	width	: 265px;
	position	: relative;
	background-color: #fff;
}
#content #main_wrap #main_info .display_video .img_div{
	font-size	: 11px;
	padding		: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ececed;
}
#content #main_wrap #main_info .display_video .img_div .relatedimg{
	width	: 240px;
	float:left;
	margin-bottom: 5px;
	border: 1px solid #1e1e1e;
}
#content #main_wrap #main_info {
	float:left;
margin-left:10px;
}
}
   #content #main_wrap #main_info .display_video .img_div img:hover {
        filter: alpha(opacity=80);
        opacity: .8;
    }
#content #main_wrap #main_info .display_video .img_div .relatedinfo{
	float:left;
	margin-left:12px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
}
#content  .watch_title { margin-bottom:5px;	}
	/********************* 
 	 *		Star Rating 
 	 *********************/
#rating {
	font-size:12px;
	float:right;
height:30px;
	width:35%;
}
#rating div {display:none;}
#rating p {display:none;}
#rating ul {float:right;}
#vidinf {width:65%; float:left; height:30px;}
#info div {margin-bottom:5px;}
#info p{margin:0; padding-top:2px; padding-right:5px; font-size:14px; float:left;}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{ background : url(images/star.png) left -1000px repeat-x; } 
.star-rating{
	position	: relative;
	width		: 90px;
	height		: 18px;
	overflow	: hidden;
	list-style	: none;
	margin		: 0;
	padding		: 0;
	background-position : left top;
}
.star-rating li{ display : inline; }
.star-rating a,
.star-rating .current-rating{
	position	: absolute;
	top			: 0;
	left		: 0;
	text-indent	: -1000em;
	height		: 18px;
	line-height	: 18px;
	outline		: none;
	overflow	: hidden;
	border		: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star		{ width : 20%; z-index : 6; }
.star-rating a.two-stars	{ width : 40%; z-index : 5; }
.star-rating a.three-stars	{ width : 60%; z-index : 4; }
.star-rating a.four-stars	{ width : 80%; z-index : 3; }
.star-rating a.five-stars	{ width : 100%; z-index : 2; }
.star-rating .current-rating{ z-index : 1; background-position: left center; }	
	/** For an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
	/** Smaller star */
.small-star{
	width:60px;
	height:12px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating { background-image : url(images/star_small.png); line-height : 12px; height : 12px; }
	/*****************************************
	 *		Form field eg registration.php
	 *****************************************/
	 
input.btn { 

	} 	 
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required {

}
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice {
	margin		: 5px 0;
	padding		: 2px;
	background-color: #FF3300;
	color		: #FFF;
	font-size	: 10px;
	font-weight	: bold;
}
.custom-advice {
	margin		: 5px 0;
	padding		: 5px;
	background-color : #C8AA00;
	color 		: #FFF;
	font-weight	: bold;
}
fieldset { }
label {  }
.form-row { clear: both; padding: 0.5em; }
.divline {
	display		: block;
	font-size	: 11px;
	color		: #333333;
	border-bottom : 1px solid #CCCCCC;
	padding-bottom : 8px;
	margin-top 	: 8px;
	margin-bottom : 8px;
}
	/********************* 
	 *		Channels
	 *********************/
#content #content_display #ChWraper {
    margin: 0 0 0 2px;
    }
#content #content_display #ChWraper #ChWraperIn { border : 1px dotted; width: 243px; float: left; margin: 0 2px 5px 0px;}
#content #content_display #ChWraper #ChWraperIn:hover { }
#content #content_display #ChWraper .channelTitle {
display : none;
}
#content #content_display #ChWraper .channelRank {
    display: none;
}
#content #content_display #ChWraper .channelName {
text-align: center;
margin-top: 5px;
}
#content #content_display #ChWraper #ChWraperIn .channelInfo .inline-rating {padding:5px;}
#content #content_display #ChWraper .channelName .PTitle { margin-bottom:8px; }
#content #content_display #ChWraper .channelName .PTitle a { text-decoration:underline; }
#content #content_display #ChWraper .channelName .PTitle a:hover { text-decoration:none; }
#content #content_display #ChWraper .channelName a{ }
#content #content_display #ChWraper .channelName a:hover{ }
#content #content_display #ChWraper .channelInfo {
	padding-left	: 1px;
	font-size: 12px;
	width			: 245px;	
	text-align:center;
	
	}
#content #content_display #ChWraper .channelInfo p a img {
    display: none;
    }
#content #content_display #ChWraper .channelInfo  a {  font-size: 12px; }
#content #content_display #ChWraper .channelInfo a:hover{ text-decoration : none; }
#content #content_display #ChWraper .channelInfo .rss_channel {padding:0; margin:0;}
#content #content_display #ChWraper .channelInfo .rss_channel img { border:0; }
	/************************ 
	 *		Category Part
	 *************************/ 
#content #content_display #wraper {
float:left;
display:block;
margin:1px;
width:245px;
box-sizing:border-box;
}
#content #content_display #wraper .FrameL { float:left; width : 240; height : 180; }
#content #content_display #wraper .FrameL img{ border:1px dotted; padding: 1px; }
a img.imgrand { border: 1px solid #bdb8af; }
#content #content_display #wraper .FrameR .rss { display:none; }
#content #content_display #wraper .FrameR { 	height : 207px; }
#content #content_display #wraper .FrameR .PNo { color:#444444; }
#content #content_display .PNo a {
	display : none;
}
#content #content_display #wraper p {
	color		: #000000;
	font-size	: 11px;
	font-weight	: bold;
}
#content #content_display .PTitle a {
	font-size	: 20px;
	font-weight	: bold;
}
#main_body #content #content_display #wraper .FrameR .PTitle img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#content #content_display .PTitle a:hover {
	text-decoration : underline;
}
#content #content_display .PView a {
	display:none;
}
#content #content_display .PView a:hover {
	font-size	: 11px;
	font-weight	: bold;
	text-decoration : none;
}
#content #content_display .PNo a:hover {
	color		: #990000;
	font-size	: 10px;
	font-weight	: bold;
	text-decoration : none;
}
#content #content_display .Message {
	padding		: 5px;
	font-weight : bold;
	font-size	: 11px;
	color		: #FF0000;
}
	/**************************
	 *		Admin Part
	 **************************/
.margin{ margin : 0 10px; }
.tr_background_top {
	background-color : #1e1e1e;
	text-align	: center;
	font-weight	: 600;
	font-size	: 15px;
}
.tr_background_bottom { background-color : #1e1e1e; font-size : 5px; }
.tr_style {
	background-color : #121212;
	text-align	: center;
	font-size	: 13px;
	border: 1px solid #1e1e1e;
}
	/** For message display */
.message {
	font-size 	: 12px;
	color		: red;
	font-weight	: 600;
	padding		: 5px;
	margin		: 5px 5px 5px 0;
	background-color : #FFFFCC;
}
#content #content_display #AdminMenu {
	float	:left;
	width	:130px;
	margin	:0;
	padding	:5px;
	color: #000000;
}
#content #content_display #AdminMenu .titleSetting{
	border-bottom	: 2px solid  #CCCCCC;
	border-left		: 2px solid #CCCCCC;
	padding			: 3px;
	font-weight		: 700;
	margin			: 0;
}
#content #content_display #AdminMenu .inner{ border-bottom : 1px dotted #ccc; padding : 5px 5px 5px 10px; }
#content #content_display #FrameDisplay {
	float	: left;
	width	: 700px;
	border	: 1px solid #ededed;
	margin	: 5px 5px 5px 30px;
	padding	: 0;
	background-color: #fcfcfc;
}
#content #content_display #settings_display #FrameDisplay .tpl_img {
	width	: 120px;
	padding	: 5px;
	float 	: left;
	text-align: center;
}
	/****************************
 	 *		Video Settings  	 
	 ****************************/
#content #content_display #VSWraper { float : left; display : inline; width : auto; }
#content #content_display #VSWraper .VSFrameL {
	float		: left;
	padding		: 40px;
	font-size	: 12px;
	font-weight	: bold;
	color		: #666666;
}
#content #content_display #VSWraper .VSFrameL a:hover { color:#4C1BF0; text-decoration:none; }
#content #content_display #VSWraper .VSImage{ border : 1px dashed #CCC; }
#content #content_display #VSWraper .VSFrameR {
	float		: right;
	padding		: 20px;
	width		: 380px;
	border		: 1px solid #CCCCCC;
	font-size	: 12px;
	font-weight	: bold;
	color		: #ADADAD;
}
#content #content_display #VSWraper .VSFrameR  { color:#717171; }
#content #content_display #VSWraper .VSFrameR p a:hover{ color:#4C1BF0; text-decoration:none; }
#content #content_display #VSWraper .VSInfoCat {
	padding	: 2px;
	margin	: 2px;
	border	: 1px solid #CCC;
	color	: #717171;
}
#content #content_display #VSWraper .VSInfoCat a { color:#3399FF; text-decoration:underline; }
#content #content_display #VSWraper .VSInfoCat a:hover { color:#4C1BF0; text-decoration:none; }
#content #content_display #VSWraper .FontStyleA { font-size : 15px; font-weight : bold; color : #00C6FF; }
#content #content_display #VSWraper .VSFrameL form { color : #717171; }
#friends {
	width		: 99%;
	font-size	: 16px;
	border		: 1px solid #dfdfdf;
	text-align	: left;
	color		: #000000;
	background-color: #f3f0e8;
}
#menu a {
 background: #ffffff;
  border-right: 1px solid #676767;
  border-bottom: 1px solid #676767;
  border-left: 1px solid #676767;
  color: #333;
  font-weight:bold;
  line-height: 1;
  padding-right: 13px;
  padding-left: 13px;
  padding-top: 3px;
  padding-bottom: 6px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  font-size:15px;
   }
#menu a:hover {
    background: #cccccc;
    color: #fff;
    cursor: pointer; 
    }
#menu a:active {
    background: #676767;
    color: #fff;
    }
.cloud {font-size:12px;}
header {
max-width: 1240px;
clear:both;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
background-color:#fff; 
  
}
nav {width:100%; margin:0;}
header > nav > div {
box-sizing:border-box;
  width: 13.868%;
  height: 100%;
  float: left;
  border: 1px solid white;
  border-top:0;
  margin: 0.24%;
background-color:#fff;
}
header > nav > div > a {
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 30px;
  color: #000;
  transition: background-color 0.2s ease;
  text-decoration:none;
}
header > nav > div:hover > a {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color:#fff;
}
header > nav > div > div {
  display: none;
  overflow: hidden;
  min-width: 3000%;
  position: absolute;
  padding: 0;
}
header > nav > div:not(:first-of-type):not(:last-of-type) > div {
}
header > nav > div:last-of-type {  margin-right:0;}
header > nav > div:first-of-type {  margin-left:0;}
header > nav > div:first-of-type > div {
  left: 0;
  border-radius: 0 0 3px 0;
}
header > nav > div:last-of-type > div {
  right: 0;
  border-radius: 0 0 0 3px;
}
header > nav > div:hover > div { display: block; }
header > nav > div > div > a {
  display: block;
  float: left;
  padding: 0;
  width: 15%;
  margin-right: 0.5%;
  margin-top:0.5%;
  text-align: center;
  text-decoration:none;
  line-height: 30px;
    border: 1px solid black;
  border-top:0;
  transition: background-color 0.2s ease;
}
header > nav > div > div > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  cursor: pointer;
}
 @media (max-width:890px) {
header > nav > div > div > a {
  margin: 5px 0;
  width: 100%;
}
header > nav > div > a > span { display: block; font-size:10px; }
header > nav > div.premium {display:none;}
header > nav > div { width: 15.968%; }
}
 @media (max-width:419px) {
 header > nav > div.webcams {display:none;}
 header > nav > div.dating {display:none;}
 header > nav > div { width: 24.4%; }
 }
#footer {max-width:1240px; margin-left:auto; margin-right:auto; font-size:12px;}
/*toplist*/
.toplistcontainer p { font-size:24px; }
.toplistcontainer p:last-child{margin-top:2px; margin-bottom:2px;}
.toplistcontainer{
  text-align: justify;
  font-size: 0;
max-width:1240px;
margin-right:auto;
margin-left:auto;
}
.toplistcontainer:after{
  content: '';
  display: inline-block;
  width: 100%;
}
.toplistcontainer .item,
.toplistcontainer .gap{
  display: inline-block;
}
.toplistcontainer .item {
  text-align: left;
  padding: 0;
  margin:0;
  vertical-align: top; }
  
@media all and (max-width: 429px){ .toplistcontainer .item, .toplistcontainer .gap { width: 100%;} }
@media all and (min-width:430px) and (max-width: 679px){ .toplistcontainer .item, .toplistcontainer .gap { width: 50%;} }
@media all and (min-width:680px) and (max-width: 894px){ .toplistcontainer .item, .toplistcontainer .gap { width: 33%;} }
@media all and (min-width:895px) and (max-width: 1089px){ .toplistcontainer .item, .toplistcontainer .gap { width: 25%;} }
@media all and (min-width: 1089px){ .toplistcontainer .item, .toplistcontainer .gap { width: 20%;} }
.toplistcontainer2 p { font-size:16px; }
.toplistcontainer2 p:last-child{margin-top:2px; margin-bottom:2px;}
.toplistcontainer2{
  text-align: justify;
  font-size: 0;
max-width:1245px;
margin-right:auto;
margin-left:auto;
}
.toplistcontainer2:after{
  content: '';
  display: inline-block;
  width: 100%;
}
.toplistcontainer2 .item,
.toplistcontainer2 .gap{
  display: inline-block;
}
.toplistcontainer2 .item {
  text-align: left;
  padding: 0;
  margin:0;
  vertical-align: top; }
@media all and (max-width: 380px){ .toplistcontainer2 .item, .toplistcontainer2 .gap { width: 100%;} }
@media all and (min-width:381px) and (max-width: 600px){ .toplistcontainer2 .item, .toplistcontainer2 .gap { width: 50%;} }
@media all and (min-width:601px) and (max-width: 800px){ .toplistcontainer2 .item, .toplistcontainer2 .gap { width: 33%;} }
@media all and (min-width:801px) and (max-width: 1023px){ .toplistcontainer2 .item, .toplistcontainer2 .gap { width: 25%;} }
@media all and (min-width: 1024px){ .toplistcontainer2 .item, .toplistcontainer2 .gap { width: 20%;} }
#relvidsites {max-width:1245px; margin-left:auto; margin-right:auto;}
#relvidsites img {  box-sizing: border-box;}
@media (max-width:399px){#relvidsites img {width:98%; border:1px solid black;}}
@media (min-width:400px) and (max-width:719px){#relvidsites img {width:49%; height:auto; border:1px solid black;}}
@media (min-width:720px) and (max-width:979px){#relvidsites img{width:32.5%; height:auto; border:1px solid black;}}
@media (min-width:980px) and (max-width:1199px){#relvidsites img {width:24.5%; height:auto; border:1px solid black;}}
@media (min-width:1200px) {#relvidsites img {width:19.7%; height:auto; border:1px solid black;}}
#toptopcon .toptop p { font-size:11px; }
#toptopcon .toptop p:last-child{margin-top:1px; margin-bottom:1px;}
#toptopcon { float:left;
	width:100%; 
    width: -moz-calc(100% - 572px);
    width: -webkit-calc(100% - 572px);
    width: calc(100% - 572px);
}
 .toptop{
  text-align: justify;
  font-size: 0;
max-width:400px;
padding-left:20px;
padding-top:10px;
margin-right:auto;
margin-left:auto;
}
 .toptop:after{
  content: '';
  display: inline-block;
  width: 100%;
}
 .toptop .item,
 .toptop .gap{
  display: inline-block;
}
.toptop .item {
  text-align: left;
  padding: 0;
  margin:0;
  vertical-align: top; }
  
@media all and (max-width: 1009px){.toptop { display:none;} }
@media all and (min-width: 1010px){.toptop .item, .toptop .gap { width: 25%;} }
#bysite{
	box-sizing: border-box;
	width: 87%;
	background:#fff;
	margin: auto ;
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 0px 3px 5px rgba(0,0,0,.2);
	padding-bottom: 15px;
	margin-top:15px;
	margin-bottom:15px;
}
#bysite ul{
	margin: 10px 20px 20px;
	padding: 15px;
}
#bysite h4{
	font-size: 18px;
	margin: 0;
	padding:0;
	color: #fff;
	text-shadow: 0 -1px 0 rgb(0, 80, 116);
}
#bysite div.ribbon{
	color: #000;
	position: relative;
	text-transform: uppercase;
	background: #0057ce;
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 10px 15px;
	clear: both;
}
#bysite div.ribbon:hover{
	background: #800000;
}
#bysite div.ribbon a {color:#fff;}
#bysite div.both_ribbon{
	text-align: center;
	color: #000;
	padding: 10px 9px 10px 10px;
	width: 100%;
	margin-left: -10px;
}
#bysite div.both_ribbon::before{
	display: block;
	width: 10px;
	height: 0px;
	position: absolute;
	bottom: -10px;
	left: -11px;
	content: "";
	border-bottom: 10px solid transparent;
	border-right: 10px solid rgb(0, 80, 116);
}
#bysite div.both_ribbon p {font-size:10px; padding:0; margin:0;}
#bysite div.both_ribbon::after{
	display: block;
	width: 10px;
	height: 0px;
	position: absolute;
	bottom: -10px;
	right: -10px;
	content: "";
	
	border-bottom: 10px solid transparent;
	border-left: 10px solid rgb(0, 80, 116);
}
#bysite .fa-star {color:#FFD700}
#bysite span {float:right;}
@media (max-width:419px) {
#bysite #sitethumb {width:100%;}
#bysite #siterating {width:95%; padding:1%; margin:1%;}
#bysite #sitethumb img {width:95%; height:auto; padding:1%; margin:1%;}
}
@media (min-width:420px) {
#bysite #sitethumb {float:left; width:43%;}
#bysite #siterating {width:53%; float:right; padding:1%; margin:1%;}
#bysite #sitethumb img {max-width:100%; height:auto; float:left; padding:1%; margin:1%;}
}
@media (max-width:999px) { #vidtops {display:none;}}
@media (min-width:1000px) {
#vidtops {float:right; width:240px; box-sizing:border-box;}
#vidtops div {text-align:center; margin:0; max-height:190px;}
#vidtops div a img {width:240px;  box-sizing:border-box;}
#vidtops div p {margin:0; padding:0; position:relative; bottom:25px; background:rgba(255,255,255,0.5); width:100%;}
}

.loginDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.loginDialog:target {
    opacity:1;
    pointer-events: auto;
}
.loginDialog > div {
    width: 260px;
    position: relative;
	margin: 10% auto;
	padding:20px;
	padding-left:50px;
    background: #fff;
	color:#000;
	box-sizing:border-box;
}
.logclose {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.logclose:hover {
    background: #00d9ff;
}
#image-combo {
position:relative;
    width: 300px;
    height: 250px;
padding:0px;
border:0px solid #e5e5e5;
}

#image-combo img {
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width:619px) {
.ifrmClass
        {
            width:100%;             
            height:100%;              
            border:none;              
            padding:0px;              
            margin:0px;
			height:515px;
        }
}
@media (min-width:620px) {
.ifrmClass
        {
            width:100%;             
            height:100%;              
            border:none;              
            padding:0px;              
            margin:0px;
			height:255px;
        }
}