/*************************

	 *	Main display 

	 *************************/

body {

	margin		: 0;

	font		: 11px Arial;

	text-align	: center;

	background-repeat: no-repeat;

	background-color : #ffffff;

}

	/** Header Part */

#header a { color : #C849BC; text-decoration : underline;}



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



#header .header_title img{

	padding	: 0px;

	margin	: 0px;

	border	: none;

}



#header {

	padding-top	: 0;

	margin		: 0px;

	_margin		: 0px;

	height		: 108px;

	background-repeat : repeat-x;

	border 		: 0px solid #00CCFF;

	color		: #000000;

}



#header .header_title {

	font	: 40px Arial;

	float	: left;

	padding	: 5px;

	margin-bottom : 15px;

}



#header #main_menu {

	float	: right;

	padding : 0 5px 5px 0;

	color	: #2F3B0F;

	font-size : 12px;

}



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



#header #main_menu a:hover {

	color 		: #242D0B;

	font-size 	: 12px;

	font-weight	: bold;

}



#header #main_menu span.topLink {

	display		: block;

	min-width	: 100px;

	float		: left;	

}



#header #main_menu span.topLink2 {

	display		: block;

	min-width	: 50px;

	_width		: 50px;

	float		: left;

	padding		: 0 5px;

}



#header #header-search {

	float	: right;

	clear	: right;

	color	: #242D0B;

	font-size : 12px;

}



ul#headerNav {

	display		: block;

	padding		: 5px 40px;

	margin		: 0;

	font-size	:18px;

	background-color:#6DC5F2;

	

}



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



ul#headerNav a {

	color	: #fffffF;

	font-family : Verdana, Arial, Helvetica, sans-serif;

	padding	: 5px 10px;

	_padding: 5px 10px;

}



ul#headerNav a:hover { color : #01242F; }



ul#headerNav a:active { color : #01242F; }



#header #loginForm {

	background-color : #FFF;

	padding	: 2px;

	margin	: 0;

	border-bottom : 1px solid #000;

} /** End of Header Part */





	/** Content Part */

#main_body {

	padding		: 0;

	top			: 0;

	margin-top	: 20px;

	width		: auto;

}



	/** Left sidebar */

.left_sidebar { float:left;}



	/** Right sidebar */

.right_sidebar { float:right;}



	/** Adjust width for bigger thumbs */

#content {

	border		: 0px solid #333333;

	color		: black;

	margin-top	: 40px;

	margin-left	: 75px;

	margin-right: auto;

	margin-bottom: 40px;

	text-align	: left;

	width		: 1000px;	

	background-image:url(images/bgcontent.gif);

	background-repeat: repeat-y;

	background-position: center;

}



#content a { text-decoration:none; }



/** For email confirmation */

#content .confirmed {

	border	: 2px solid #996666;

	color	: #000;

	font	: bold 12px Arial;

	text-align: center;

}



#content #page-up {

	padding	: 0;

	margin	: 0;

	color	: #3399FF;

	height	: 30px;

	background-image : url(images/bgpageup.gif);

	background-repeat: no-repeat;

}



#content #page-up .page_title {

	font	: bold 12px Verdana;

	padding-left : 2px;

	float	: left;

}



#content #page-up .pagination {

	margin		: 0;

	padding		: 3px;

	font-size 	: 12px;

	text-align	: right;

	color		: #01242F;

}



#content #page-bottom {

	text-align	: right;

	font-size	: 12px;

	background-image :url(images/bgpageup.gif);

	background-repeat:no-repeat;

	padding		: 5px;

	color		: #01242F;

}



#content #page-up .pagination a, #content #page-bottom .pagination a{ 

	color	: #01242F;

	font	: bold 12px Verdana;

	text-decoration : none;

}



.pagerCurrent{

	border	: none;

	padding	: 0 5px;

	margin	: 0 3px;

}



.pagerNotCurrent {

	border	: 1px #A3EFFD solid;

	padding	: 0 6px;

	margin	: 0 2px;

	text-align : center;

}



#content #content_display { height : 100%; margin:0; }



	/** Adjust width:px; for bigger thumbs */

#content # #content_thumbs { width : 1000px; }



	/** Thumb Display */

#content #content_display #content_thumbs .img {

	float	: left;

	width	: auto;

	height	: auto;

	margin	: 1px;

	padding	: 5px 8px;

	background : #EBEBEB;

}

	/** Thumbs info */

#content #content_display #content_thumbs .settings { border-bottom : dashed 1px #CCC; }	

#content #content_display #content_thumbs .title 	{ padding: 1px;}

#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 img{ border: 1px solid #0F93D7; }



#content #content_display #content_thumbs .img img:hover{ border: 1px solid #01242F;}



#content #content_display #content_thumbs .img div a{ font-family : Arial, Helvetica, sans-serif; color : #0F93D7; }



#content #content_display #content_thumbs .img div a:hover{ color : #0F93D7; }



	/** End of Content Part */

.searchField { background-color : #DBEFAF; border : 1px solid #999999; }



	/** Footer Part */

.footer {

	margin		: 0;

	font-size	: 10px;

	color		: #003366;

	text-align	:center;

}



	/** End of Footer */

.clear { clear: both; }



	/************************* 

 	 *		Watch Display 

 	 *************************/

#content #main_wrap { padding : 0; margin : 3px; position : relative; width: 950px; margin-left: auto; margin-right: auto;}



#content #main_wrap #video_player{

	margin		: 5px;

	padding		: 5px;

	float		: left;

	width		: 455px;

	font-family	: Verdana, Arial, Helvetica, sans-serif;

}



	/** For advertisement */

#content #main_wrap #video_player .adv{ 


	width			: 455px;

	text-align		: center;

	font-size		: 16px;

	font-weight 	: 700;

	padding			: 0;
	
	margin-bottom:10px;

}

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



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



	/** For download link */

#content #main_wrap #video_player .download_text{

	color		: #0F93D7;

	font-size	: 20px;

	font-weight : 700;

	width		: 455px;

	clear 		: both;

	text-align 	: center;

	padding-top : 25px;

}



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



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



	/** For FLV player */

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



	/** For Thumblist **/

#content #main_wrap #video_player #thumblist{

	overflow	: auto;

	margin-top	: 10px; 	

	padding		: 0;

	height		: 140px;

	width		: 460px;

	white-space	: nowrap;

	color		: #0F93D7;

}



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



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



#content #main_wrap #video_player #thumblist .img li .sample { 

	width	: 125px;

	display	: block; 

	float	: left;

	text-align: center;

}



#content #main_wrap #video_player #thumblist #playlistthumbs {

	width	: 100px;

	border : 1px #0F93D7 solid;

}



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

	

	/** For link exchange and channels link */

#content #main_wrap #video_player #friends {

	width		: 455px;

	font-size	: 16px;

	border		: 1px solid #207EAF;

	text-align	: center;

	padding-bottom: 5px;

	color 		: #0F93D7;

}



#content #main_wrap #video_player #friends a{ color:#207EAF; text-decoration: underline;}



#content #main_wrap #video_player #friends a:hover{ color:#0F93D7; text-decoration: none;}



	/** Main info left pannel **/

#content #main_wrap #main_info{

	clear	: none;

	float	: right;

	position: relative;

	margin-bottom: 7px;

}



#content #main_wrap #main_info #info{

	font-family	: Verdana, Arial, Helvetica, sans-serif;

	font-size	: 12px;

	border		: 1px solid #207EAF;

	margin		: 7px 10px 0 3px;

	padding		: 5px;

	width		: 400px;

	height		: auto;

}



	/** This is for url and embed textbox **/

#content #main_wrap #main_info #info .embed {

	overflow	: auto;

	height		: 75px;  

	width		: 360px;

}

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

	

#content #main_wrap #main_info #info div{ color : #0F93D7;}



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



#content #main_wrap #main_info #info a:hover{ color : #0078FF; 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:#FFFFCC;

	text-align	: center;

	color		: #3399FF;

}

	/** For related video **/

#content #main_wrap #main_info .rel_vid{ padding:15px 0 0 0; margin:7px 10px 0 3px; }



#content #main_wrap #main_info .rel_vid li{

	display	: inline;

	border	: 1px solid #207EAF;

	border-bottom	: none;

	padding	: 3px;

	margin	: 0 5px 0 0;

}



#content #main_wrap #main_info .rel_vid li a{ color:#0030FF; }



#content #main_wrap #main_info .display_video{ 

	border	: 1px solid #207EAF;

	padding	: 5px;

	margin	: 3px 10px 0 3px;

	overflow: scroll;

	height	: 455px;

	width	: 400px;

	position:relative;

}



#content #main_wrap #main_info .display_video .img_div{ 

	font-size	: 11px; 

	margin		: 7px 9px; 

	padding		: 0;

	color		: #0F93D7;

}



.img_div a img { color : #0F93D7; border : 1px #207EAF solid; }

#content #main_wrap #main_info .display_video .img_div .relatedimg{ 

	width	: 180px;

	float:left;	

	margin-bottom: 5px;

}



#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	: 400px; 

	border	: 1px solid  #0F93D7;

	color	: #0F93D7;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}



#content #main_wrap #main_info #cloud .cloud { 

	padding			: 3px; 

	text-decoration	: underline; 

	line-height		: 150%; 

	color			: #0F93D7;

} 



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



#content  .watch_title { font : bold 20px Georgia, Verdana, Arial, Helvetica, sans-serif;  margin-bottom : 5px;	}



#content .ptitle { font-size : 14px; font-weight : bold; }



	/********************* 

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



	/** For 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		: #333333;

	border-bottom : 1px solid #CCCCCC;

	padding-bottom: 8px;

	margin-top	: 8px;

	margin-bottom : 8px;

}



	/********************* 

	 *		Channels

	 *********************/

#content #content_display #ChWraper { width : 800px; padding-left : 50px;}



#content #content_display #ChWraper #ChWraperIn { padding : 5px;}



#content #content_display #ChWraper .channelTitle {

	font-size	: 20px;

	padding-left: 40px;

	margin-left	: 20px;

	width		: 450px;

	color		: #35383D;

	font-family	: verdana;

}



#content #content_display #ChWraper .channelRank {

	float		: left;

	padding-left: 5px;

	font-size	: 18px;

	color		: #35383D;

	font-family	: verdana;

}



#content #content_display #ChWraper .channelName {

	background-repeat : repeat-x;

	margin			: 0 0 0 40px;

	padding-left	: 20px;

	padding			: 5px;

	width			: 450px;

}



#content #content_display #ChWraper .channelName a{

	color		: #206C93;

	margin-left	: 4px;

	font-size	: 16px;

}

#content #content_display #ChWraper .channelName a:hover{ color : #206C93; }



#content #content_display #ChWraper .channelInfo {

	padding-left	: 20px;

	margin-bottom	: 20px;

	margin			: 0 0 0 40px;

	padding			: 3px;

	width			: 450px;

	border			:1px solid #999999;

}



#content #content_display #ChWraper .channelInfo  a { color : #0F93D7; }



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



	/************************ 

	 *		Category Part

	 *************************/ 

#content #content_display #wraper {

	padding-left : 20px;

	float	: left;

	width	: 280px;

	height	: 150px;

	margin	: 2px;

}



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



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



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



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



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



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



#content #content_display .PNo a:hover {

	color		: #0F51D7;

	font-size	: 10px;

	font-weight	: bold;

	text-decoration	: none;

}



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



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



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



#content #content_display .PView a {

	color		: #0F93D7;

	font-size	: 11px;

	font-weight	: bold;

	text-decoration : underline;

}



#content #content_display .PView a:hover {

	color		: #0F51D7;

	font-size	: 11px;

	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 { background-color : #FFF; padding-left : 70px;}



#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  #CCCCCC;

	padding		: 3px;

	font-weight	: 700;

	margin		: 0;

}



#content #content_display #settings_display #AdminMenu .inner{

	border-bottom	: 1px dotted #ccc;

	padding			: 5px 5px 5px 10px;

}



#content #content_display #settings_display #FrameDisplay {

	float	: left;

	width	: 700px;

	border	: 1px solid #ccc;

	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  #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-left:30px;

	padding	: 0;

}



#content #content_display .FrAdminFrame {

	padding	: 15px;

	margin	: 15px;

	border	: 1px solid #CCC;

}



#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 : #ffffff; text-decoration : none; }



#content #content_display #VSWraper .VSFrameL a { color : #C9C9C9; text-decoration : underline; }



#content #content_display #VSWraper .VSFrameL .ratingblock #unit_long1 .static { color : #CCCCCC; }



#content #content_display #VSWraper .VSImage img{ border : 1px solid #114C5E; }



#content #content_display #VSWraper .VSFrameR {

	float	: right;

	padding	: 20px;

	width	: 380px;

	font-size : 12px;

	font-weight:bold;

	color	: #ADADAD;

}



#content #content_display #VSWraper .VSFrameR  { color : #007EFF; }



#content #content_display #VSWraper .VSFrameR  a{ color : #0048FF ; }



#content #content_display #VSWraper .VSFrameR p a:hover{ color : #0030FF; text-decoration : none; }



#content #content_display #VSWraper .VSInfoCat {

	padding	: 2px;

	margin	: 2px;

	border	: 1px dashed #61810B;

	color	: #5E5E5E;

} 



#content #content_display #VSWraper .VSInfoCat a { color : #007EFF; text-decoration : underline; }



#content #content_display #VSWraper .VSInfoCat a:hover { color : #0030FF; text-decoration : none; }



#content #content_display #VSWraper .FontStyleA {

	font-size	: 15px;

	font-weight	: bold;

	color		: #114C5E;

}



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



#content #content_display #VSWraper .VSFrameL div a { color : #007EFF; }



#content #content_display #VSWraper .VSFrameL div a:hover { color : #0030FF; }



#content #content_display #VSWraper .VSFrameL .ratingblock #unit_long1 .static { color : #555555; }



#preview img { border : 1px solid #114C5E ; position:relative; }