/*************************
	 *	Main display 
	 *************************/
body {
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	margin-top: 0px;
	width		: auto;
	font		: 11px Arial;
	text-align 	: center;
	background-color:#CCFFCC;
	background: transparent url(images/fon.gif) repeat scroll 0 0;
}

	/** Header Part */
#header a { color : #606060; text-decoration : underline; }

#header a:hover { color	: #ffffff; text-decoration : none; }

#header {
	background: transparent url(images/fon.gif) repeat scroll 0 0;
	width: 980px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
	color	: #000000;
}

#header .header_title {
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	font	: 40px Arial;
	float	: left;
	padding	: 0px;
}

#header #main_menu {
	text-align: center;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	float	: right;
	padding	: 0 5px 5px 0;
	color	: #444444;
}

#header #main_menu a{ color : #444444; font-size : 12px; }

#header #main_menu a:hover { color : #FF0000; font-size : 12px; }

#header #header-search { float : right; clear : right; color : #000000; border-color: #000000;}

ul#headerNav {
	display		: block;
	padding		: 5px 0px;
	margin		: 0;
	font-size	: 18px;
	background-color : #1e0901;
}

ul#headerNav li { display : inline; padding : 0px; }

ul#headerNav a {
	color	: #f9ff54;
	padding	: 5px 10px;
	_padding:10px 10px;
}

ul#headerNav a:hover { color : #FFFFFF; text-decoration:underline;}

#header #loginForm {
	background-color : #1E0901;
	color	: #FFFFFF;
	padding	: 2px;
	margin	: 0;
	border-bottom	: 1px solid #000;
} /* End of Header Part */

	
	/** Content Part */
#main_body {
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
	width	: 980px;
	padding: 0px;
	padding-bottom: 10px;
	top		: 0;
}
	/** Left sidebar */
.blacklable {margin-top: 10px;}

	/** Right sidebar */
.right_sidebar { float:right;}
	
	/** Adjust width for bigger thumbs */
#content {
	margin-top	: 0px;
	margin-right: auto;
	margin-left	:auto;
	margin-bottom: 20px;
	width		: 978px;
	text-align:	 center;
	border		: 1px #421301 solid;
	background-color : #660066;
	color		: #FFFFFF;
	clear		: none;
}

#promo{
	margin-top: 5px;
	text-align: center;
	height: 262px;
	vertical-align: top;
}

#promo img {
    border:0px;
}


	/** For email confirmation */
#content .confirmed {

	color	: #ffffff;
	font	: bold 12px Arial;
	text-align: center;
}

#content #page-up {
	padding		: 3px;
	margin		: 0;
	color		: #f9ff54;
}

#content #page-up .page_title {
	font		: bold 12px Arial;
	padding-left: 2px;
	float		: left;
}

#content #page-up .pagination {
	margin		: 0;
	font-size	: 14px;
	text-align	: right;
	color		: #f9ff54;
}

#content #page-bottom {
	text-align	: right;
	font-size	: 14px;
	padding-bottom: 3px;
	margin-top: 8px;
	color		: #f9ff54;
}

#content #page-up .pagination a, #content #page-bottom .pagination a {
	color	: #f9ff54;
	font	: bold 12px Arial;
	text-decoration : underline;
}

.pagerCurrent{
	border	: none;
	padding	: 0 5px;
	margin	: 0 3px;
}

.pagerNotCurrent {
	border	: 1px #f9ff54 solid;
	padding	: 0 6px;
	margin	: 0 2px;
	text-align : center;
}



#content #page-up a:hover,#content #page-bottom a:hover {
	color	: #ffffff;
	font	: bold 12px Arial;
	text-decoration : none;
} 

#content #content_display {
	text-align: center;
	margin-left: auto;
	margin-bottom: 5px;
	margin-right: auto;
	margin-top: 0px;
	padding	: 12px;
	height	: auto;
}

#content #content_display a{
	color: #f9ff54;
}

#content #content_display #content_thumbs { width : auto; }

#content #content_display #content_thumbs .img {
	float	: left;
	width	: auto;
	height	: auto;
	margin	: 2px;
	padding	: 5px 5px;
	border	: 1px solid #1A1A1A;
}
#content #content_display #content_thumbs h2 {
	padding-bottom: 0px; 
	padding-top: 0px; 
	margin-right: auto; 
	margin-left: auto; 
	margin-bottom: 5px; 
	margin-top: 0px; 
	color: #FFFFFF; 
	padding-left: 10px; 
	text-align: left; 
	font-weight: bold; 
	font-size: 24px;
	border-bottom: 2px #FFFFFF solid;
}

	/** Thumbs info */

#content #content_display #content_thumbs .img_info	{ position:relative; width:auto; }
#content #content_display #content_thumbs .duration	{ float : left; }
#content #content_display #content_thumbs .votes	{ float : left; }
#content #content_display #content_thumbs .date		{ text-align : right; }


#content #content_display #content_thumbs .settings { /*border-bottom : dashed 1px #1e0901; */color: #f9ff54;}	
#content #content_display #content_thumbs .title 	{ padding: 1px;}
#content #content_display #content_thumbs .title a	{font-style: normal; font-weight: normal; text-decoration: none; text-align: left; font-size: 10px; color: #f9ff54;}
#content #content_display #content_thumbs .img_info	{

}

#content #content_display #content_thumbs .dur	{
	background-color:#000000;
	padding: 2px;
	position: absolute;
	opacity:0.8;
	font-weight: normal;
	font-size: 11px;
	margin-top: -20px;
	margin-left: 1px;

}
#content #content_display #content_thumbs .votes	{ float : left; display: none;}
#content #content_display #content_thumbs .date		{ text-align : right; display: none;}

#content #content_display #content_thumbs .img img { display : inline; border : 1px solid #FFFFFF; }

#content #content_display #content_thumbs .img div {
	font-family	: Georgia,Helvetica,sans-serif;
	color		: #f9ff54;
}
/* End of Content Part */

	/** For search field */
.searchField {
	color	 	: #444444;
	border		: 1px solid #444444;
}


	/* Footer Part */
#footer {
	width		: inherit;
	margin		: 0;
	font-size	: 10px;
	color	 	:#000000;
	text-align	: center;
	}
#footer a{
	width		: inherit;
	margin		: 0;
	font-size	: 10px;
	color	 	:#000000;
	text-align	: center;
	
} /* End of Footer */

.clear { clear : both; }


	/************************* 
 	 *		Watch Display 
 	 *************************/
#content #main_wrap { 
	margin-bottom: 3px; 
	margin-top: 1px; 
	padding		: 0; 
	position 	: relative; 
	width		: 980px; 
	margin-left	 auto:;
	margin-right: auto; 
}

#content #main_wrap #video_player{ margin : 3px; padding : 5px; float : left; width: 512px;}

	/** For advertisement */
#content #main_wrap #video_player .adv{
	border-bottom	: 2px #421301 solid;
	width			: 512px;
	text-align		: center;
	font-size		: 16px;
	font-weight		: 700;
	padding			: 0;
}

#content #main_wrap #video_player .adv a{ color : #f9ff54; text-decoration : underline; }

#content #main_wrap #video_player .adv a:hover{ color : #f9ff54; text-decoration : none; }

	/** For FLV player */
#content #main_wrap #video_player #player{ width: 512px; text-align: center;}

	/** For download link */
#content #main_wrap #video_player .download_text {
	color		: #000000;
	font-size	: 25px;
	font-weight	: 700;
	width		: 512px;
	clear		: both;
	text-align	: center;
	padding-top	: 15px;
/**	display: none; **/
}

#content #main_wrap #video_player .download_text a{ color : #f9ff54; text-decoration : underline; }

#content #main_wrap #video_player .download_text a:hover{ color : #ffffff; text-decoration : none; }

	/** For thumblist **/
#content #main_wrap #video_player #thumblist{
	overflow	: auto;
	margin-top	: 10px; 	
	padding		: 0;
	width		: 400px;
	height		: 120px;
	white-space	: nowrap;
	color		: #1e0901;
}

#content #main_wrap #video_player #thumblist .img {  display: block; width:450px; }

#content #main_wrap #video_player #thumblist .img li{ padding :0 0px; display : inline; }

#content #main_wrap #video_player #thumblist .img li .sample { 
	width	: 130px;
	display : block; 
	float 	: left;
	text-align: center; 
}

#content #main_wrap #video_player #thumblist #playlistthumbs {
	width	: 100px;
	border : 1px #1e0901 solid;
}

#content #main_wrap #video_player #thumblist .clip { width : 130px; text-align : center; }


	/** Main info left pannel **/
#content #main_wrap #main_info { float : right; position : relative; margin-bottom :7px; text-align: left; }

#content #main_wrap #main_info #info {
	border		: 1px solid #1e0901;
	margin		: 7px 10px 0 3px;
	padding		: 5px;
	width		: 420px;
	// width		: 410px;
	height		: auto;
	color		:#B6B6B6;
}

#content #main_wrap #main_info #info a { color : #f9ff54; text-decoration : underline; }

#content #main_wrap #main_info #info a:hover { color : #ffffff; text-decoration	: none; }

#content #main_wrap #main_info #ShowInfoBox {
	border		: 1px solid #1e0901;
	border-top	: none;
	margin		: 0 10px 0 3px;
	padding		: 5px;
	width		: inherit; 
	background-color: #FFFFCC;
	text-align	: center;
	color		: #f9ff54;
}


	/** This is for url and embed textbox **/
#content #main_wrap #main_info #info .embed {
	height		: auto; 
	width		: 420px;
		// width		: 410px;
}

#content #main_wrap #main_info #info .moreinfo { margin-top : 2px; border-top : 1px #1e0901 dashed; text-align: left; }


	/** For related video **/
#content #main_wrap #main_info .rel_vid {text-align: left; padding:15px 0 0 0; margin:7px 10px 0 3px;}


#content #main_wrap #main_info .rel_vid li{
	display	: inline;
	border	: 1px solid #1e0901;
	border-bottom : none;
	padding	: 3px;
	margin	: 0 5px 0 0;
}

#content #main_wrap #main_info .rel_vid li a{color: #f9ff54;}
#content #main_wrap #main_info .rel_vid li a:hover{text-decoration: underline;}

#content #main_wrap #main_info .display_video{ 
	color		: #ccc;
	border		: 1px solid #1e0901;
	padding		: 5px;
	margin		: 3px 10px 0 3px;
	overflow	: scroll;
	height		: 300px;
	width		: 420px;
		// width		: 410px;
	position	: relative;
}

#content #main_wrap #main_info .display_video .img_div{ 
	font-size	: 11px; 
	margin		: 7px 9px; 
	border-bottom: 1px #1e0901 dashed; 
	padding		: 0;
}
#content #main_wrap #main_info .display_video .img_div .relatedimg{ 
	width	: 120px;
	float:left;	
	margin-bottom: 5px;
	border: solid #f9ff54 1px;
}

#content #main_wrap #main_info .display_video .img_div .relatedinfo{ 
	float:left;
	margin-left:12px;
}

	/** For tag cloud **/
#content #main_wrap #main_info #cloud { 
	padding		: 5px;
	margin		: 7px 10px 0 3px;
	width		: 420px; 
	// width		: 410px;
//	background	: #410e00;
	border		: 1px solid #1e0901;
	color 		: #f9ff54;
}

#content #main_wrap #main_info .cloud { 
	padding		: 3px; 
	text-decoration: underline; 
	line-height	: 150%; 
	color		: #f9ff54;
} 

#content #main_wrap #main_info #cloud a:hover { color : #ffffff; text-decoration : none; }

	/***************************** 
 	 *		Star Rating for star 
 	 *****************************/
#rating { font-size : 12px; }
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{ background: url(images/star.gif) 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.gif);
	line-height		: 12px;
	height			: 12px;
}

	/*****************************************
	 *		Form field eg registration.php
	 *****************************************/

#form_display {color:#f9ff54; font-size:12px;}

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

input.required, textarea.required {
	border		: 1px solid #00A8E6;
	height		: 22px;
	font-size	: 15px;
}

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 info */
.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 { padding : 1em; margin-bottom : 0.5em; }
label { font-weight : bold; }

.form-row { clear : both; padding : 0.5em; }

.divline {
	display		: block;
	font-size	: 11px;
	color		: #FFFFFF;
	border-bottom: 1px solid #1e0901;
	padding-bottom:8px;
	margin-top	: 8px;
	margin-bottom:8px;
}

	/********************* 
	 *		Channels
	 *********************/
#content #content_display #ChWraper #ChWraperIn { border : 1px solid #1e0901; padding : 5px; }

#content #content_display #ChWraper .channelTitle {
	font-size	: 18px;
	padding-left: 40px;
	margin-left	: 20px;
	width		: 450px;
	color		: #EEEEEE;
}

#content #content_display #ChWraper .channelRank {
	float		: left;
	padding-left: 5px;
	font-size	: 18px;
	color		: #EEEEEE;
}

#content #content_display #ChWraper .channelName {
	background-image: url(images/bgpageup.gif);
	background-repeat: repeat-x;
	margin			: 0 0 0 40px;
	padding-left	: 20px;
	padding			: 5px;
	width			: 450px;
}

#content #content_display #ChWraper .channelInfo {
	padding-left	: 20px;
	margin-bottom	: 20px;
	margin			: 0 0 0 40px;
	padding			: 3px;
	width			: 450px;	
}

#content #content_display #ChWraper .channelInfo p { color : #1e0901; }


	/************************ 
	 *		Category Part
	 *************************/ 
	 	 
#content #content_display #wraper { 
	float 		: left;
	width		: 310px;
	height		: 220px;
	border		: 1px solid #1A1A1A;
	margin		: 2px;
}

#content #content_display #wraper .FrameL { float : left; padding : 10px; }

#content #content_display #wraper .FrameL img{ border:1px solid #f9ff54; }

a img.imgrand { border : 1px solid #bdb8af; }

#content #content_display #wraper .FrameR { float : left; padding : 3px; }

#content #content_display #wraper .FrameR .PNo { color : #1e0901; }

#content #content_display #wraper p {
	color		: #000000;
	font-size	: 11px;
	font-weight	: bold;
}

#content #content_display .PTitle a {
	color		: #f9ff54;
	font-size	: 14px;
	font-weight	: bold;
}

#content #content_display .PTitle a:hover {
	color			: #ffffff;
	text-decoration	: none;
	font-size		: 14px;
}

#content #content_display .PView a {
	color		: #f9ff54;
	font-size	: 11px;
	font-weight	: bold;
	text-decoration : underline;
}

#content #content_display .PView a:hover {
	color		: #ffffff;
	font-size	: 11px;
	font-weight	: bold;
	text-decoration : none;
}

#content #content_display .PNo a {
	color		: #A9A9A9;
	font-size	: 10px;
	font-weight	: bold;
}

#content #content_display .PNo a:hover {
	color		: #ffffff;
	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: #FFCC99;
	text-align		: center;
	font-weight		: 600;
	font-size		:15px;
}

.tr_background_bottom { background-color : #FFCC99; font-size : 5px; }

.tr_style { background-color : #eee; text-align : center; font-size : 13px; }


#content #content_display #settings_display { 
	padding			: 8px; 
	width			: 945px; 
	margin-left		: auto; 
	margin-right	: auto;
}

#content #content_display #settings_display #AdminMenu {
	float	: left;
	width	: 130px;
	margin	: 0;
	padding	: 0px;
}

#content #content_display #settings_display #AdminMenu .titleSetting {
	border-bottom	: 2px solid  #1e0901;
	padding			: 3px;
	font-weight		: 700;
	margin			: 0;
}

#content #content_display #settings_display #AdminMenu .inner{
	border-bottom:1px dotted #1e0901;
	padding:5px 5px 5px 10px;
}

#content #content_display #settings_display #FrameDisplay {
	float		: left;
	width		: 730px;
	border		: 1px solid #1e0901;
	margin-left	: 10px;
	padding		: 5px;
}

#content #content_display #settings_display #FrameDisplay .tpl_img {
	width	: 120px;
	padding	: 5px;
	float 	: left;
	text-align: center;
}

/* For message display */
.message {
	font-size	: 12px;
	color		: red;
	font-weight	: 600;
	padding		: 5px;
	margin		: 5px 5px 5px 0;
	background-color : #FFFFCC;
}
	/****************************
 	 *		Video Settings  	 
	 ****************************/
#content #content_display #AdminMenu {
	float		: left;
	width		: 130px;
	margin		: 0;
	padding		: 0;
}

#content #content_display #AdminMenu .titleSetting{
	border-bottom	: 2px solid  #1e0901;
	border-left		: 2px solid #1e0901;
	padding			: 3px;
	font-weight		: 700;
	margin			: 0;
}

#content #content_display #AdminMenu .inner{ border-bottom	: 1px dotted #1e0901; padding : 5px 5px 5px 10px; }

#content #content_display #FrameDisplay {
	float	: left;
	width	: 700px;
	border	: 1px solid #1e0901;
	margin-left : 30px;
	padding	: 0;
}

#content #content_display .FrAdminFrame {
	padding	: 15px;
	margin	: 15px;
	border	: 1px solid #1e0901;
}

#content #content_display #VSWraper { 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 .ratingblock #unit_long1 .static { color:#1e0901; }

#content #content_display #VSWraper .VSImage{ border : 1px dashed #1e0901; }

#content #content_display #VSWraper .VSFrameR {
	float		: right;
	padding		: 20px;
	width		: 350px;
	border		: 1px solid #1e0901;
	font-size 	: 12px;
	font-weight : bold;
	color		: #ADADAD;
}

#content #content_display #VSWraper .VSInfoCat {
	padding	: 2px;
	margin	: 2px;
	border	: 1px solid #1e0901;
}

#content #content_display #VSWraper .FontStyleA {
	font-size	: 15px;
	font-weight	: bold;
	color		: #E4E4E4;
}

#content #content_display #VSWraper .VSFrameL form { color : #D0D0D0; }

div.toplist {padding: 10px 10px 0px 10px; margin: 10px 0px 0px 0px;}
div.toplist h1 {margin-left: auto; margin-bottom: 5px; margin-right: auto; margin-top: 5px; font-family: Arial; color: #f9ff54; text-decoration: none; text-align: center; font-weight: bold; font-size: 26px;}
table.top {margin-left: auto; margin-bottom: 10px; margin-right: auto; margin-top: 10px; width: 900px; text-align: center; color: #ffffff; font-size: 12px; font-family: Arial;}
table.top td {margin: 0px; padding: 0px; text-align: center; width: 33%; vertical-align: top;}
table.top td a {font-family: Arial; color: #f9ff54; text-decoration: underline; text-align: left; font-weight: normal; font-size: 20px;}
table.top td a:hover {text-decoration: none; color: #FFFFFF;}

table.toplist {margin:10px 0px 0px 10px; width: 950px; text-align: center; color: #ffffff; font-size: 12px; font-family: Arial;}
table.toplist td {margin: 0px; padding: 0px; text-align: left; width: 20%; vertical-align: top;}
table.toplist td a {font-family: Arial; color: #f9ff54; text-decoration: none; text-align: left; font-weight: normal; font-size: 15px;}
table.toplist td a:hover {text-decoration: underline; color: #FFFFFF;}

ul.thumb_top {
	margin: 0 auto;
	padding:0;
	text-align: center;
	list-style-type:none;
}

ul.thumb_top li{
	padding: 2px;
	margin: 2px;
	color: white;
	font-family: Arial;
	font-size: 12px;
	float: left;
	width: 183px; 
	height: 155px; 
	text-align:left; 
}

ul.thumb_top li a img{
	margin: 2px;
	float: left;
	border-color: #f9ff54;
	border-style: solid;
	border-width: 1px;
}	

ul.thumb_top li a {
	text-decoration: underline;
	font-family: Arial;
	font-size: 14px;
	margin-left: 5px;
	color:#f9ff54;
}	

ul.thumb_top li a:hover {
	text-decoration: none;
	color:#AAAAAA;
}
#spot{
	margin:0px auto; 
	text-align: center; 
	width: 860px;	
}
.paysite {width:236px; margin:6px auto; font-family:Verdana, Arial, Helvetica, sans-serif; float: left; padding-right: 25px; padding-left: 25px; }
.screenshot {width:230px; text-align:left; margin-bottom:5px;}
.screenshot a img {width:230px; height:161px; border: 1px dotted #000000; }
.screenshot a:hover img {border: 1px dotted #653e2e;}
.paysite_name a {margin-bottom:3px; font-size:18px; font-weight:bold; text-align: center; color: #f9ff54; text-decoration: underline;}
.paysite_name a:hover {margin-bottom:3px; font-size:18px; font-weight:bold; text-align: center; color: #ffffff; text-decoration: none;}
.paysite_desc {width: 230px; font-weight:normal;  font-size:12px; text-align: justify; color: #999999;}
.clear {clear: both;}