/* CATEGORY */
#content #content_display #wraper {
float:left;
width:280px;
height:150px;
background: #292929;
border: 1px solid #1A1A1A;
margin:2px;
}

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

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

#content #content_display .PTitle a {
color:#A3EFFD;
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:#3399FF;
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;
}

/* CHANNEL */
#content #content_display #ChWraper #ChWraperIn {
border: 1px solid #CCC;
padding:5px;
width: 600px;


}

#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(http://www.sex-yy.com/css/black/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:#CCCCCC;
}

/* FORM */
#form_display {background-color:#000000; color:#CCCCCC; 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-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;
}

.field-label {

}

.field-widget {

}

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

/* MAIN_DISPLAY */
body {
margin:0;
font:11px Arial;
background-color:#444444;
}


/* Header Part */

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

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


#header {
	text-align: left;
	background-image : url(images/bgheader.gif);
background-repeat:repeat-x;
border:0px solid #00CCFF;
color:#000000;
}

#header .header_title {
font:40px Arial;
float:left;
padding:0px;
}

#header .live {
float:right;
clear:right;
color:#FFFFFF;
}

.h1 {
font:20px Arial;
color:#ffffff;
padding:0px 0px 0px 15px;
}

#header {
background-color:#171717;
}
#header #main_menu {
	float	: right;
	padding	: 0 5px 5px 0;
	color	: #ffffff;
}

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

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

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

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

ul#headerNav li
{
display:inline;
padding:2px;
font-size:15px;
}

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

ul#headerNav a:hover { color : #FFFFFF; background-image : url(images/bghovernav.gif); }

#header #loginForm {
background-color:#000;
color:#CCC;
padding:2px;
margin:0;
border-bottom:1px solid #000;
}

/* End of Header Part */

	
/* Content Part */
#main_body {
margin:10px 0px;
padding:0;
position:relative;
top:0;
}

	/** Left sidebar */
.left_sidebar { float:left;}

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


#content a{
text-decoration:none;
}

#content {
margin:0;
border:1px #333333 solid;
background-color:#333333;
color: black;
width:1020px;
position:relative;
}

#content #page-up {
	background	: #ffffff;
	background-image:url(images/bgpageup.gif);
padding:3px;
margin:0;
color:#3399FF;
}

#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:#A3EFFD;

}


#content #page-bottom {
	text-align:right;
	font-size:14px;
	background-image : url(images/bgpageup.gif);
	background-repeat:repeat-x;
	padding:5px;
	color: #A3EFFD;
}

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

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

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

/*************************/
* Main display
*************************

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

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

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


#content #content_display {
padding:5px;
margin:1px;
height:100%;
}

#content #content_display .img {
float:left;
width:auto;
height:auto;
margin:2px;
padding:5px 2px;
border: 1px solid #1A1A1A;
background-color:#292929;
}

#content #content_display .img img{
display:inline;
border:1px solid #A3EFFD;

}

#content #content_display .img div{
font-family:Arial, Helvetica, sans-serif;
color:#A9A9A9;
}

#content #content_display #unit_long{
font-family:Arial, Helvetica, sans-serif;
color:#A9A9A9;
}
.static
{
font-family:Arial, Helvetica, sans-serif;
color:#E3E3E3;
}


/* End of Content Part */

	/** For search field */
.searchField {
	background 	: url(images/searchbox.gif);
	color	 	: #000000;
	border		: 1px solid #999999;
}


/* Footer Part */

.footer a {
color:#3399FF;
text-decoration:none;
}

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

.footer {
margin:0;
font-size:10;
color:#3399FF;
background-color:#444444;
text-align:center;
}
/* End of Footer */

/* Toplist Part */

.toplist a {
color:#3399FF;
text-decoration:none;
}

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

.toplist {
margin:20px;
padding-top:0;
color:#ffffff;
font-size:14px;
background-color:#333333;
text-align:left;
width:900px;
height:auto;
}
/* End of Toplist */

.clear 
{
clear: both;
}

/* 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(http://www.sex-yy.com/css/black/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(http://www.sex-yy.com/css/black/images/star_small.gif);
	line-height: 12px;
	height: 12px;
}


/* SETTINGS */
.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:8px;}

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



/* 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 .ratingblock #unit_long1 .static {
color:#CCCCCC;
}

#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 .VSInfoCat {
padding:2px;
margin:2px;
border:1px solid #CCC;
}

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

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

}

/* WATCH_DISPLAY */
/** Watch Part watch.php */

#content #main_wrap { padding : 0; margin : 3px; position : relative; }

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

#content #main_wrap #video_player #player{ margin : 3px; padding : 5px; float : center; text-align: center }

#content #main_wrap #video_player .adv{
	border			: 0px #C0C0C0 solid;
	border-bottom	: 2px #333333 solid;
		color		:#B6B6B6;
	text-align		: center;
	font-size		: 16px;
		width		: 770px;
	padding			: 0;
}
#content #main_wrap #video_player .adv a{ color : #FFCC00; text-decoration : underline; }

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

#content #main_wrap #video_player .download_text{
	color		: #B6B6B6;
	font-size	: 25px;
	font-weight	: 700;
	clear		: both;
	text-align	: center;
	padding-top	: 5px;
}

#content #main_wrap #main_info #info .embed {
	overflow	: auto;
	height		: 70px; 
	width		: 200px;
}


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

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

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

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

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

#content #main_wrap #video_player #thumblist .img li .sample { display : block; float : left; }

#content #main_wrap #video_player #friends {
	font-size	: 16px;
	border		: 1px solid #CCC;
	text-align	: center;
	padding-bottom:5px;
	color		: #A6A6A6;
	height : auto;
	width : 700px;
}

#content #main_wrap #video_player #friends a{ color : #3399FF; text-decoration : underline; 
}
#content #main_wrap #video_player #friends a:hover { color : #ffffff; text-decoration : none; }

#content #main_wrap #main_info { float : right; position : relative; margin-bottom :7px; }

#content #main_wrap #main_info #info {
	background	: #2B2A2A;
	border		: 1px solid #bdb8af;
	margin		: 7px 10px 0 3px;
	padding		: 5px;
	width		: 200px;
	height		: auto;
	color		:#B6B6B6;
}

#content #main_wrap #main_info #info a { color : #3399FF; 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 #ccc;
	border-top	: none;
	margin		: 0 10px 0 3px;
	padding		: 5px;
	width		: 350px; 
	background-color: #FFFFCC;
	text-align		: center;
	color		: #3399FF;
}
/** For related video **/

#content #main_wrap #main_info .display_video .img_div .relatedimg{
width : 170px;
float:left;
margin-bottom: 5px;
}

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

/** For thumblist **/
#content #main_wrap #video_player #thumblist {
height : auto;
width : 700px;
}

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

#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 #CCC;
	border-bottom : none;
	padding	: 3px;
	margin	: 0 5px 0 0;
}

#content #main_wrap #main_info .display_video{ 
	background	: #000000;
	color		: #CCCCCC;
	border		: 1px solid #bdb8af;
	padding		: 5px;
	margin		: 3px 10px 0 3px;
	overflow	: scroll;
	height		: 400px;
	width		: 200px;
	position	: relative;
}

#content #main_wrap #main_info .display_video .img_div{ 
	font-size	: 11px; 
	margin		: 7px 9px; 
	border-bottom: 1px #CCC dashed; 
	padding		: 0;
}


#content #main_wrap #main_info #cloud { 
	padding		: 5px;
	margin		: 7px 10px 0 3px;
	width		: 200px; 
	background	: #2B2A2A;
	border		: 1px solid #bdb8af;
	color 		: #3399FF;
}

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

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

#content  .watch_title { font : bold 20px Georgia, "Times New Roman", Times, serif;  margin-bottom:5px;	}


#content .imgflag {
	padding		: 12px;
	width		: 120px;
	margin-bottom: 10px;
	margin-left	: 70px;
	border		: 1px solid #CCCCCC;
	font-weight	: bold;
	vertical-align: bottom;
}

#content .formFlag {
	padding		: 20px;
	margin-left	: 80px;
	width		: 550px;
	border		: 1px solid #CCCCCC;
}

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

#status {
	font-size	: 10px;
	font-weight	: bold;
	color		: #006633;
}
