#content {
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	margin-top: 0px;
	width: 100%; 
	padding: 0;
	color: black;
	text-align: left;
}

	/** Pagination **/
#content #page-up {
	padding		: 0;
	margin		: 0;
	color		: #3399FF;
}

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

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

#content #page-bottom {
	text-align	: right;
	font-size	: 12px;
	padding		: 5px;
	color		: #7C7C7C;
}

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

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

.pagerCurrent{
	border		: none;
	padding		: 0 5px;
	margin		: 0 3px;
	font-size	: 12px;
	font-weight	: bolder;
}

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

#content #content_display a{
	color		: #3399FF;
	font		: bold 12px Arial;
	text-decoration: underline;
}

#content #content_display { height	: 100%; }

#content #content_display #content_thumbs { width : auto; padding	: 10px; }

#content #content_display #content_thumbs .img {
	float	: left;
	width	: auto;
	height	: auto;
	margin	: 2px;
	padding	: 5px 5px;
	border	: 1px solid #7C7C7C;
}

	/** Thumbs info */
#content #content_display #content_thumbs .settings { }	
#content #content_display #content_thumbs .title a	{ padding: 1px; text-decoration: none; font-weight: normal;}
#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 .img a{ font-family : Arial, Helvetica, sans-serif; color : #217DE4;}
#content #content_display #content_thumbs .img a:hover { color:#3034E5; }
#content #content_display #content_thumbs .img { border: 1px solid #217DE4; }
#content #content_display #content_thumbs .img img{ border: 1px solid #217DE4; }
#content #content_display #content_thumbs .img img:hover{ border: 1px solid #DA3B3B; }

/** End of Content Part */
.searchField {
	background	: url(images/searchbox.gif);
	color		: #000000;
	border		: 1px solid #999999;
}

/** Footer Part */
.footer {
	margin		: 0;
	font-size	: 10;
	color		: #003366;
	background-color : #ffffff;
	text-align	: center;
}
/* End of Footer */

.clear { clear: both; }

	/************************* 
 	 *		Watch Display 
 	 *************************/
#content #main_wrap { 
	padding : 0; 
	margin : 3px; 
	width: 960px; 
	margin: 0 auto;
}
#content #main_wrap #video_player{ 
	margin-top: 5px;
	margin-left: 10px;  
	float: left; 
}

#content #main_wrap .adv {
	margin-top: 5px;
	margin-right: 30px;
	width: 340px;
	float: right;
}
#content #main_wrap .adv img { 
	border: 1px #E272D7;}

#content #main_wrap .adv .desc{
	margin-top: 5px;
	text-align: justify;
	font-size:12px;
}

#content #main_wrap .adv a {
	color:#E272D7; 
	text-decoration: underline; 
	font-size:14px;
}

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

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

	/** For thumblist **/
#content #main_wrap #video_player #thumblist {
	overflow	: auto;
	margin-top	: 10px; 	
	padding		: 0;
	width		: 512px;
	height		: 120px;
	white-space : nowrap;
	color		: #A6A6A6;
}
	/** For thumblist images */
#content #main_wrap #video_player #thumblist .img { 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;
	text-align	: center;
	float		: left;
}

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

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

#content #main_wrap #info{
	margin-top: 5px;
	margin-left: 10px;  
	border: 1px solid #A6A6A6;
	width: 512px;
	color: #494949;
	float: left;
}
#content #main_wrap #info a { color : #3399FF; text-decoration : underline; }
#content #main_wrap #info a:hover { color : #0000FF; text-decoration : none; }

#content #main_wrap #cloud { 
	margin-top: 5px;
	margin-right: 30px;
	width: 340px; 
	border: 1px solid #bdb8af;
	color: #3399FF;
	float: right;
}
#content #main_wrap .cloud { 
	padding: 3px; 
	text-decoration: underline; 
	line-height: 150%; 
	color: #3399FF;
} 
#content #main_wrap #cloud a:hover { color : #0000FF; text-decoration : none; }

div.blacklable{ margin-left: auto; margin-bottom: 10px; margin-right: auto; margin-top: 10px; text-align: center;}

#content #main_wrap #related_vid {
	margin: 5px 0px 5px 10px;	
}
#content #main_wrap #related_vid img{
	margin: 2px 2px 2px 2px;	
}

	/********************* 
 	 *		Star Rating 
 	 *********************/
#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
	 *****************************************/

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-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		: #333333;
	border-bottom : 1px solid #CCCCCC;
	padding-bottom : 8px;
	margin-top 	: 8px;
	margin-bottom : 8px;
}

	/********************* 
	 *		Channels
	 *********************/
#content #content_display #ChWraper { width : 600px; padding-left : 30px; margin : 2px;}

#content #content_display #ChWraper #ChWraperIn { border: 1px solid #CCC; padding:10px; width : 500px; }

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

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

#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:#444444; }

#content #content_display #ChWraper .channelInfo a:hover { color:#4C1BF0; text-decoration:none; }

	/************************ 
	 *		Category Part
	 *************************/ 
#content #content_display #wraper {
	float	: left;
	width	: 280px;
	height	: 150px;
	background-image : url(images/bgcategorypic.gif);
	border	: 1px solid #7C7C7C;
	margin	: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

#content #content_display .PNo a:hover {
	color		: #121212;
	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;
}

	/** 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;
}

#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 #ccc;
	margin	: 5px 5px 5px 30px;
	padding	: 0;
}

#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 : #E272D7; }

#content #content_display #VSWraper .VSFrameL form { color : #717171; }
div.toplist h1{margin-left: auto; margin-bottom: 5px; margin-right: auto; margin-top: 5px; font-family: Arial; color: #454545; text-decoration: none; text-align: center; font-weight: bold; font-size: 26px;}
table.toplist{ padding-bottom: 5px; padding-top: 5px; border-left-color: #DA3B3B; border-bottom-color: #DA3B3B; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; margin-left: auto; margin-bottom: 10px; margin-right: auto; margin-top: 10px; width: 980px; text-align: center; color: #DA3B3B; font-size: 22px; font-family: Arial;}
table.toplist td {margin: 0px; padding: 0px; text-align: left; width: 25%; vertical-align: top;}
table.toplist td a{margin-bottom: 2px; margin-top: 2px; font-family: Arial; color: #DA3B3B; text-decoration: none; text-align: left; font-weight: normal; font-size: 18px;}
table.toplist td a:hover{text-decoration: underline; color: #454545;}
ul.thumb_top {
	margin-left: 3px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
	padding:0;
	list-style-type:none;
}

ul.thumb_top li{
	padding-left: 3px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 3px;
	margin-left: 5px;
	color: white;
	font-family: Arial;
	font-size: 12px;
	display: inline;
	float: left;
	width: 183px; height: 155px; text-align:left; margin-top:5px; }

ul.thumb_top li a img{
	margin-left: 2px;
	margin-bottom: 2px;
	margin-right: 10px;
	margin-top: 2px;
	float: left;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}	

ul.thumb_top li a {
	text-decoration: underline;
	font-family: Arial;
	font-size: 18px;
	color:#DA3B3B;
}	

ul.thumb_top li a:hover {
	text-decoration: none;
	color:#454545;
}