/*************************
	 *	Main display 
	 *************************/
body {
	margin		:0;
	font		:10px Arial;
	text-align	: center;
	background-image	: url(images/bgbody.gif);
	background-repeat 	: no-repeat;
	background-color 	: #DFDFCF;
}

/* Header Part */
#header {
	padding-top	: 0;
	margin		: 0px;
	_margin		: 0px;
	height		: 108px;
	text-align	: left;
	background-repeat : repeat-x;
	border		: 0px solid #00CCFF;
	color		: #000000;
}

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

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

#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;
	border-top	: 4px solid #80AF00;
	padding		: 5px 40px;
	margin		: 0;
	font-size	:18px;
}

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

ul#headerNav a { color: #80AF00; padding: 5px 10px; }

ul#headerNav a:hover { color: #FFFFFF; background: #80AF00; }

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


	/* Content Part */
#main_body {
	width	: auto;
	padding	: 0;
	top		: 0;
}
	/* left sidebar */
.left_sidebar { float:left;}

	/* right sidebar */
.right_sidebar { float:right;}

#content a{ text-decoration : none; }

	/** For email confirmation */
#content .confirmed {
	border	: 2px solid #996666;
	color	: #000;
	font	: bold 12px Arial;
	text-align: center;
}

	/** Adjust width for bigger thumbs */
#content {
	margin-top	: 40px;
	margin-right: auto;
	margin-left	: 75px;
	margin-bottom : 20px;
	color		: black;
	width		: 900px;
	text-align	: left;
	border		: 0;
	background-image : url(images/bgcontent.gif);
	background-repeat: no-repeat;
	background-color : #FFFFFF;
}
	/* Pagination */
#content #page-up {
	padding	: 0;
	margin	: 0;
	color	: #3399FF;
	height 	: 30px;
}

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

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

#content #page-bottom {
	text-align	: right;
	font-size	: 12px;
	background-repeat:repeat-x;
	padding		: 5px;
	color		: #495F0D;
}

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

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

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

#content #content_display a:hover,#content #page-up a:hover,#content #page-bottom a:hover{
	color	: #495F0D;
	font	: bold 12px Arial;
	text-decoration : underline;
} 

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

#content #content_display {
	padding	: 10px;
	margin	: 0px;
	height	: 100%;
	margin-left : 10px;
}

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

#content #content_display #content_thumbs .img {
	float	: left;
	width	: auto;
	height	: auto;
	margin	: 2px;
	padding	: 5px 20px;
	background-repeat : repeat-x;
}

	/** 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 #4F6A30; }
#content #content_display #content_thumbs .img img:hover{ border: 1px solid #FFffff; }
#content #content_display #content_thumbs .img div a{ font-family: Arial, Helvetica, sans-serif; color:#4F6A30; }
#content #content_display #content_thumbs .img div a:hover{ color:#4F6A30; }

/* 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;
	text-align	: center;
}

/* End of Footer */
.clear  { clear: both; }

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

#content #main_wrap #video_player{
	margin		: 3px;
	width		: 450px;
	padding		: 5px;
	float		: left;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

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

	/** For download link */
#content #main_wrap #video_player .download_text {
	width		: 400px;
	color		: #597539;
	font-size	: 20px;
	font-weight	: 700;
	clear		: both;
	text-align	: center;
	padding-top	: 25px;
}

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

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

#content #main_wrap #video_player #thumblist{
	overflow	: auto;
	margin-top	: 10px; 	
	padding		: 0;
	height		: 120px;
	width		: 400px;
	white-space	: nowrap;
	color		: #4F6A30;
}

#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 #4F6A30 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		: 400px;	
	font-size	: 16px;
	border		: 1px solid #6A903E;
	text-align	: center;
	padding-bottom : 5px;
	color		: #597539;
}

#content #main_wrap #video_player #friends a{ color : #6A903E; text-decoration : underline;}

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

	/** Main info left pannel **/
#content #main_wrap #main_info{
	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 #6A903E;
	margin		: 7px 10px 0 3px;
	padding		: 5px;
	width		: 350px;
	height		: auto;
}

	/** This is for url and embed textbox **/
#content #main_wrap #main_info #info .embed {
	overflow	: auto; 
	width		: 340px;
	height		: 75px;
	
}
#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 : #597539; }

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

#content #main_wrap #main_info #info a:hover{ color : #354523; 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 #6A903E;
	border-bottom : none;
	padding	: 3px;
	margin	: 0 5px 0 0;
}

#content #main_wrap #main_info .rel_vid li a{ color:#607E3D; }

#content #main_wrap #main_info .display_video { 
	border	: 1px solid #6A903E;
	padding	: 5px;
	margin	: 3px 10px 0 3px;
	overflow: scroll;
	height	: 400px;
	width	: 350px;
	position:relative;
}

#content #main_wrap #main_info .display_video .img_div{ 
	font-size	: 11px; 
	margin		: 7px 9px; 
	padding		: 0;
	color		: #597539;
}

.img_div a img { color : #597539; border : 1px #6A903E solid; }
	#content #main_wrap #main_info .display_video .img_div .relatedimg{ 
	width	: 120px;
	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	: 350px; 
	border	: 1px solid  #597539;
	color	: #4F6A30;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

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

.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 #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;
	border-bottom	: 1px dashed #666666;
	margin			: 0 0 0 40px;
	padding-left	: 20px;
	padding			: 5px;
	width			: 450px;

}

#content #content_display #ChWraper .channelName a{
	color		: #43582B;
	margin-left	: 4px;
	font-size	: 16px;
}
#content #content_display #ChWraper .channelName a:hover{ color : #43582B; }

#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  a { color : #4F6A30; }

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

	/************************ 
	 *		Category Part
	 *************************/
#content #content_display #wraper {
	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 #4F6A30; }

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		: #486427;
	font-size	: 10px;
	font-weight	: bold;
}

#content #content_display .PNo a:hover {
	color		: #4F6A30;
	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		: #35383D;
	font-size	: 14px;
	font-weight	: bold;
}

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

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

#content #content_display .PView a:hover {
	color		: #425C24;
	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;
}

	/* 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 #settings_display { 
	padding			: 8px; 
	width			: 900px; 
	margin-left		: auto; 
	margin-right	: auto;
}

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

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

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

#content #content_display #VSWraper .VSFrameR  a{ color : #505A33 ; }

#content #content_display #VSWraper .VSInfoCat {
	padding	: 2px;
	margin	: 2px;
	border	: 1px dashed #61810B;
	color	: #5E5E5E;
}

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

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

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

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

#content #content_display #VSWraper .VSFrameL div a { color:#56700E; }

#content #content_display #VSWraper .VSFrameL div a:hover { color:#505A33; }

#preview img { border:1px solid #505A33 ; }