/*************************
*	Main display 
*************************/
body {
	margin : 0 auto;
	padding:0;
	font-size : 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align : left;
	background-repeat: no-repeat;
	background-color : #ccc;
}

#container { background: #fff; margin: 0 auto; padding: 0; width: 100%; border: 0; }

.duration {display:none;}

/** Header Part */
#header a {
	color : #333;
	text-decoration : underline;
}
#header a:hover {
	color : #000;
	text-decoration:none;
}
#header .header_title img {
	padding : 0px;
	margin : 0px;
	border : none;
}
#header {
	padding-top : 0;
	margin : 0px;
	height : 138px;
	text-align : left;
	color : #000000;
	background: #eee;
}

#header .header_title {
	font-size : 40px;
	float : left;
	padding : 5px;
	margin-bottom : 15px;
}

#header h1 {
	font-size : 46px;
	float : left;
	padding : 5px;
	margin: 15px 25px;
}

#header h1 a {color: #000; text-decoration:none;}
#header h1 a:hover {color: #999; text-decoration:none;}

#header #top-spot { margin: 15px 15px 5px 0; padding: 0; float:right; border:2px solid white; }

#header #main_menu {
clear:both;
	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;
}
#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 { text-align:center;
	display : block;
	padding : 5px 40px;
	margin : 0;
	font-size :18px;
	background-color:#eaeaea;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
ul#headerNav li {
	display : inline;
	padding : 5px;
}
ul#headerNav a { text-transform:uppercase;
	color : #333;
	padding : 5px 10px;
	_padding: 5px 10px;
}
ul#headerNav a:hover {
	color : #000;
}
ul#headerNav a:active {
	color : #000;
}
#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: 20px auto;
}
/** Left sidebar */
.left_sidebar {
	float:left;
}
/** Right sidebar */
.right_sidebar {
	float:right; margin-right: 0px;
}
/** Adjust width for bigger thumbs */
#content {
	border : 0px solid #333333;
	color : black;
	margin: 40px  auto;
	text-align : center;
	width : 900px; 
	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-weight : bold;
	font-size:12px;
	padding-left : 2px;
	float : left;
}
#content #page-up .pagination {
	margin : 0;
	padding : 3px;
	font-size : 12px;
	text-align : right;
	color : #333;
}
#content #page-bottom {
	text-align : right;
	font-size : 12px;
/*	background-image :url('images/bgpageup.gif'); */
	background-repeat:no-repeat;
	padding : 5px;
	color : #333;
}
#content #page-up .pagination a, #content #page-bottom .pagination a {
	color : #333;
	font-weight : bold;
	font-size:12px;
	text-decoration : none;
}
.pagerCurrent {
	border : none;
	padding : 0 5px;
	margin : 0 3px;
}
.pagerNotCurrent {
	border : 1px #333 solid;
	padding : 0 6px;
	margin : 0 2px;
	text-align : center;
}
#content #content_display {
	padding : 10px;
	margin : 0px;
	height : 100%;
	margin-left : 10px;
}

/** Adjust width:px; for bigger thumbs */
#content # #content_thumbs {
width : auto;
}
/** Thumb Display */
#content #content_display #content_thumbs .img {
	float : left;
	width : auto;
	height : auto;
	margin : 1px;
	padding : 5px 20px;
	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 { display:none;
	text-align : right;
}
#content #content_display #content_thumbs .img img {
	border: 1px solid #333;
}
#content #content_display #content_thumbs .img img:hover {
	border: 1px solid #000;
}
#content #content_display #content_thumbs .img div a {
	color : #333;
}
#content #content_display #content_thumbs .img div a:hover {
	color : #000;
}
/** End of Content Part */
.searchField {
	background-color : #DBEFAF;
	border : 1px solid #999999;
}
/** Footer Part */
#footer {
	margin : 0; padding: 10px;
	font-size : 11px;
	color : #000;
	text-align :center;
}
#footer a {color: #333; }

#bottom-spot { width:805px; margin: 10px auto; padding: 0; border: 0; text-align:center; }

.friendly-links { margin: 5px auto; width:700px; border: 0; text-align:center; line-height:1.5em; }


/** End of Footer */
.clear {
	clear: both;
}
/************************* 
*		Watch Display 
*************************/
#content #main_wrap {
	padding : 0;
	margin : 15px auto;
	position : relative;
	width: 980px; 
}
#content #main_wrap #video_player {
	margin : 10px;
	padding : 5px;
	float : left;
	width: 468px;
}
/** For advertisement */
#content #main_wrap #video_player .adv {
	border-bottom : 2px #333 solid;
	text-align : center;
	font-size : 16px;
	font-weight : 700;
	padding : 0;
}
#content #main_wrap #video_player .adv a {
	color : #333;
	text-decoration : underline;
}
#content #main_wrap #video_player .adv a:hover {
	color : #000;
	text-decoration : none;
}
/** For download link */
#content #main_wrap #video_player .download_text {
	color : #333;
	font-size : 20px;
	font-weight : 700;
	width : 468px;
	clear : both;
	text-align : center;
	margin: 10px auto;
	padding : 25px 0;
	border : 1px solid #333;

}
#content #main_wrap #video_player .download_text a {
	color : #333;
	text-decoration : underline;
}
#content #main_wrap #video_player .download_text a:hover {
	color : #000;
	text-decoration: none;
}
/** For FLV player */
#content #main_wrap #video_player #player {
	width: 400px; 
	text-align: center;
}
/** For Thumblist **/
#content #main_wrap #video_player #thumblist {
	overflow : auto;
	margin-top : 10px;
	padding : 0;
	height : 120px;
	width : 400px; 
	white-space : nowrap;
	color : #333;
}
#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 #333 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 : 468px;
	font-size : 16px;
	border : 1px solid #333;
	text-align : center;
	padding-bottom: 5px;
	color : #333;
}
#content #main_wrap #video_player #friends a {
	color:#333;
	text-decoration: underline;
}
#content #main_wrap #video_player #friends a:hover {
	color:#000;
	text-decoration: none;
}
/** Main info left pannel **/
#content #main_wrap #main_info {
	clear : none;
	float : left;
	position: relative;
	margin-bottom: 7px;
	width:350px;
}
#content #main_wrap #main_info #info {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	border : 1px solid #333;
	margin : 7px 10px 0 3px;
	padding : 5px;
	height : auto;
}
/** This is for url and embed textbox **/
#content #main_wrap #main_info #info .embed {
	overflow : auto;
	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 : #333;
}
#content #main_wrap #main_info #info a {
	color : #333;
	text-decoration : underline;
}
#content #main_wrap #main_info #info a:hover {
	color : #000;
	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 : #333;
}
/** 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 #333;
	border-bottom : none;
	padding : 3px;
	margin : 0 5px 0 0;
}
#content #main_wrap #main_info .rel_vid li a {
	color:#333;
}
#content #main_wrap #main_info .display_video {
	border : 1px solid #333;
	padding : 5px;
	margin : 3px 10px 0 3px;
	overflow: scroll;
	height : 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 #333 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;
	border : 1px solid #333;
	color : #333;
}
#content #main_wrap #main_info #cloud .cloud {
	padding : 3px;
	text-decoration : underline;
	line-height : 150%;
	color : #333;
}
#content #main_wrap #main_info #cloud a:hover {
	color : #016DFF;
	text-decoration : none;
}
#content .watch_title {
	font-weight : bold;
	font-size: 20px;
	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 : #333;
	font-family : verdana;
}
#content #content_display #ChWraper .channelRank {
	float : left;
	padding-left: 5px;
	font-size : 18px;
	color : #333;
	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 : #333;
	margin-left : 4px;
	font-size : 16px;
}
#content #content_display #ChWraper .channelName a:hover {
	color : #000;
}
#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 : #333;
}
#content #content_display #ChWraper .channelInfo a:hover {
	color : #000;
	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 #333;
}
a img.imgrand {
	border : 1px solid #333;
}
#content #content_display #wraper .FrameR {
	float : left;
	padding : 3px;
}
#content #content_display #wraper .FrameR .PNo {
	color : #333;
}
#content #content_display .PNo a {
	color : #333;
	font-size : 10px;
	font-weight : bold;
}
#content #content_display .PNo a:hover {
	color : #000;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
}
#content #content_display #wraper p {
	color : #333;
	font-size : 11px;
	font-weight : bold;
}
#content #content_display .PTitle a {
	color : #333;
	font-size : 14px;
	font-weight : bold;
}
#content #content_display .PTitle a:hover {
	color : #000;
	text-decoration : none;
	font-size:14px;
}
#content #content_display .PView a {
	color : #333;
	font-size : 11px;
	font-weight : bold;
	text-decoration : underline;
}
#content #content_display .PView a:hover {
	color : #000;
	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 : 5px;
}
#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;
}