/*********************** 
 *		Main display 
 ***********************/
body {
	margin : 0;
	font :  12px  Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	background-image: url(images/bg.gif);
}
	/** Addon start **/ 
   a:link { font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #470606; text-decoration: none;}
   a:visited { font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #470606; text-decoration: none;} 
   a:active { font :  bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #470606;  text-decoration: none;}
   a:hover { font : bold 12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; } 
   
   
	a.toplist:link { font : bold 14px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #470606; text-decoration: none;}
	a.toplist:visited { font : bold 14px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #470606; text-decoration: none;} 
	a.toplist:active { font :  bold 14px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #470606;  text-decoration: none;}
	a.toplist:hover { font : bold 14px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; }
	
	a.submenu:link { font : 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
	a.submenu:visited { font : 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;} 
	a.submenu:active { font :  12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ff0000;  text-decoration: none;}
	a.submenu:hover { font : 12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; }
	
	a.submenubold:link { font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
	a.submenubold:visited { font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;} 
	a.submenubold:active { font : bold  12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ff0000;  text-decoration: none;}
	a.submenubold:hover { font : bold 12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; }
	
	#submenuli { 
	padding-left:15px; 
	margin:0; 
	} 
	#submenuli li { 
	list-style-type:disc; 
	} 
	
	table#sample {
    
	}
	table#sample td {
    }

	.data {
    font : bold 14px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #470606; 
	text-decoration: none;
	height: 20px;
	padding-right:5px;
	}
	.numbers {
    font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	}
	table#menu {
	width:1017px;
    margin:0px auto;
    padding: 0;
	height:18px;
	background-image:url(http://www.yplf.com/images/submenutopbg.png);
	background-repeat:repeat-x;
	border-bottom:1px solid #000000;
    border-top:0px solid #000000;
    border-right:1px solid #000000;
    border-left:0px solid #000000;
	}
	table#menu td {
	font: bold 12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;
	border-left:0px solid #000000;
	}
	
	
	table#menu2 {
	width:1017px;
    margin:0px auto;
    padding: 0;
	height:76px;
	background-image:url(http://www.yplf.com/images/submenubottombg4.png);
	background-repeat:repeat-x;
	border-bottom:1px solid #000000;
    border-top:0px solid #000000;
    border-right:0px solid #000000;
    border-left:1px solid #000000;
	}
	table#menu2 td {
    }
	
	table#menu3 {
    margin:0px auto;
    padding: 0;
	height:76px;
	border-bottom:0px solid #000000;
    border-top:0px solid #000000;
    border-right:1px solid #000000;
    border-left:0px solid #000000;
    }
	table#menu3 td {
	padding-left:5px;
    font: 12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;
	}
	table#menu4 {
    margin:0px auto;
    padding: 0;
	height:76px;
	border-bottom:0px solid #000000;
    border-top:0px solid #000000;
    border-right:1px solid #000000;
    border-left:0px solid #000000;
    }
	table#menu4 td {
	font: 12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;
	}
	table#menu5 {
    margin:0px auto;
    padding: 0;
	height:18px;
	border-bottom:0px solid #000000;
    border-top:0px solid #000000;
    border-right:0px solid #000000;
    border-left:1px solid #000000;
    }
	table#menu5 td {
	padding-left:10px;
	border-right:0px solid #000000;
	font: bold 12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;
	}
	
	
   p { font :  12px Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #000000; margin-left: 25px;margin-top: 7px;margin-bottom: 7px;  margin-right: 15px; margin-width: 15px;} 
   td { font : 12px  Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000;} 
   .search{ 
   	width:432px; 
   	height:23px; /** change to 28 **/
   	background-image:url(http://www.yplf.com/images/searchfield.gif);     
   	border: 0px;      
   	padding: 5px 0px 0px 25px;    
   	color: #313F3B; 
   	font: 14px  Trebushet Ms, Tahoma,Verdana, Arial, Helvetica, sans-serif; 
   	color: #000000;   
	}  
	/** Addon end **/

/** Menu **/
    h1 { 
		font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		color: #ffffff; 
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top:0px;
        margin-bottom:0px;
		text-decoration: none;
		display: inline; 
	   }
	h2 { 
		font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		color: #000000; 
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top:0px;
        margin-bottom:0px;
		text-decoration: none;
	   }
	h3 { 
		font : bold 14px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		color: #ffffff; 
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top:-3px;
        margin-bottom:-10px;
		text-decoration: none;
	}
    h4 { 
		font : bold 12px Trebushet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		color: #000000; 
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top:0px;
        margin-bottom:0px;
		text-decoration: none;
		display: inline; 
	   }

.thumbborder{
border: 2px solid #470606;
}
#search_box {
width: 480px;
height: 28px;
background: url(http://www.yplf.com/images/searchfield.gif);
}
#search_box #s {
float: left;
padding: 0;
margin: 7px 0 0 20px;
border: 0;
width: 400px;
background: none;
}
#search_box #go {
float: right;
margin: 0 0 0 10px;
}

#wrapper {
   width:1017px;
   margin:0px auto;
   }
#wrapper2 {
   width:909px;
   margin:0px auto;
   }   

#wrapper3 {
   width:385px;
   margin:0px auto;
   }

#nav{
overflow: hidden;
 border-bottom:1px solid #000000;
   border-top:1px solid #000000;
    border-right:0px solid #000000;
   border-left:1px solid #000000;
}

#nav ul{
margin: 0;
padding: 0;
height:28px;
background-image:url(http://www.yplf.com/css/default/images/bkg.png);
background-repeat:repeat-x;
font: bold 13px Arial;
}

#nav ul li{
display: inline;
}

#nav ul li a{
float: left;
color: #fff;
padding: 7px 20px;
text-decoration: none;
background-image:url(http://www.yplf.com/css/default/images/bkg.png);
background-repeat:repeat-x;
border-right:1px solid #000000;
}

#nav ul li a:visited{
color: #fff;
}

#nav ul li a:hover{
color: #fff;
}

#sav{
overflow: hidden;
 border-bottom:1px solid #000000;
   border-top:1px solid #000000;
    border-right:0px solid #000000;
   border-left:1px solid #000000;
}

#sav ul{
margin: 0;
padding: 0;
height:28px;
background-image:url(http://www.yplf.com/css/default/images/bkg2.png);
background-repeat:repeat-x;
font: bold 13px Arial;
}

#sav ul li{
display: inline;
}

#sav ul li a{
float: left;
color: #fff;
padding: 7px 11px;
text-decoration: none;
background-image:url(http://www.yplf.com/css/default/images/bkg2.png);
background-repeat:repeat-x;
border-right:1px solid #000000;
}

#sav ul li a:visited{
color: #fff;
}

#sav ul li a:hover{
color: #fff;
}
#pav{
overflow: hidden;
 border-bottom:0px solid #000000;
   border-top:0px solid #000000;
    border-right:0px solid #000000;
   border-left:0px solid #000000;
}

#pav ul{
margin: 0;
padding: 0;
height:18px;
background-image:url(http://www.yplf.com/images/submenutopbg2.png);
background-repeat:repeat-x;
font: bold 12px Arial;
}

#pav ul li{
display: inline;
}

#pav ul li a{
float: left;
color: #fff;
padding: 2px 2px;
text-decoration: none;
background-image:url(http://www.yplf.com/images/submenutopbg2.png);
background-repeat:repeat-x;
border-right:0px solid #000000;
}

#pav ul li a:visited{
color: #fff;
}

#pav ul li a:hover{
color: #fff;
}


/** Header Part */
#loginForm {
	padding	: 2px;
	margin: 0;
} 

#header-search{
	margin: 0;
	padding: 0;
}

/** End of Header Part */

/* Content Part */
#main_body {
	width			: 100%;
	padding		: 0;
	margin      : 0;
	top			: 0;
	text-align	: left;
}

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

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

	/** Adjust width for bigger thumbs */
#content {
	margin		: 0;
	padding		: 0;
	text-align	: center;
	width: 100%;
}

/** For email confirmation */
#content .confirmed {
	border	: 1px solid #470606;
	color		: #000000;
	font-size: 12px;
	font-weight: bold;	
	text-align: center;
}

	/** Pagination **/
#content #page-up, #content #page-bottom {
	padding		: 0;
	margin		: 0;
	font-size	: 12px; 
	height		: 30px;
	text-align	: center;
}

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

#content #page-up .pagination,  #content #page-bottom .pagination {
	margin		: 0;
	padding		: 7px;
	text-align	: center;
	font-size 	: 12px;	
}

#content #content_display a{
	color		: #470606;
	text-decoration: underline;
}

#content #content_display a:hover, #content #page-up a:hover, #content #page-bottom a:hover{
	color	: #000000;
	text-decoration : none;
} 

.pagerCurrent{
	border		: none;
	padding		: 0 2px;
	margin		: 0 0px;
	font-size	: 12px;
	font-weight	: bold;
	font-color	: #ffffff;
}

.pagerNotCurrent{
	border		: 1px #f5a88f solid;
	padding		: 0 4px;
	margin		: 0 1px;
	text-align	: center;
}
.pagerExtra{
	border		: none;
	padding		: 0 5px;
	margin		: 0 3px;
	font-size	: 12px;
	font-weight	: bold;
	float: right;
}

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

#content #content_display #content_thumbs { width : auto; padding: 0; margin: 0; }

#content #content_display #content_thumbs .img {
	float		: left;
	margin	: 1px;
	margin-left: 4px;
	padding	: 1px;
	border	: 0;
	background-color: #820000;
	text-align: center;
	background-image: URL(images/tabbg.gif);
	width: 242px;
}

#content #content_display #content_thumbs .img .settings a{
 color: #ffcc66; 
 text-decoration: underline;
}

#content #content_display #content_thumbs .img .settings a:hover{
 color: #ffcc66; 
 text-decoration: none;
}

#content #content_display #content_thumbs .img img{
	border : 1px solid #cbb090;
	margin-left: 1px;
	margin-right: 1px;	
}

	/** Thumbs info */
#content #content_display #content_thumbs .settings { }	

#content #content_display #content_thumbs .img .title 	{
 font : bold 13px  Verdana, Arial, Helvetica, sans-serif; 
 color: #ffcc66; 
 height: 30px; 
 padding-top: 7px;
 text-align: center;
}

#content #content_display #content_thumbs .img .title a, #content #content_display #content_thumbs .img .title a:hover{
 font : bold 13px  Verdana, Arial, Helvetica, sans-serif; 
 color: #ffcc66; 
 text-decoration: none;
}

#content #content_display #content_thumbs .img_info	{ 
	width					: auto;
	background-color	: #f9b099;
	margin				: 1px 5px 1px 5px;
	padding				: 5px;
	text-align			: left; 
}

#content #content_display #content_thumbs .duration{ 
	float : left; 
	margin-top: 2px;
	margin-bottom: 4px;  
}
#content #content_display #content_thumbs .votes	{ 
	float : left; 
	margin-top: 2px;
	margin-bottom: 4px;  
}

#content #content_display #content_thumbs .date		{ 
	text-align : right;
	margin-top: 2px;
	margin-bottom: 4px;  
}

/** End of Content Part */
.searchField {
	color			: #000000;
	border		: 1px solid #000000;
}

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

.clear { clear: both; }

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

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

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


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


	/** 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;
	width			: 400px;
	height		: 120px;
	white-space : nowrap;
	color			: #470606;
	background-color	:#f9b099;	
	border				: 1px solid #fbe8ed;
}
	/** 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 #470606 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;
	background-color	:#f9b099;
	border		: 1px solid #fbe8ed;
	color			: #470606;
	text-align	: center;
	padding-bottom : 5px;
}

/** Main info left pannel */
#content #main_wrap #main_info { float:right; position:relative; margin-bottom:7px; }

#content #main_wrap #main_info #info{
	border				: 1px solid #fbe8ed;
	background-color	:#f9b099;
	margin	: 7px 10px 0 3px;
	padding	: 5px;
	width		: 450px;
	height	: auto;
	color		: #470606;
}

#content #main_wrap #main_info #info a { 
 font-size: 12px; 
 font-weight: bold;
 text-decoration : underline; 
}

#content #main_wrap #main_info #info a:hover {  
 font-size: 12px; 
 font-weight: bold;
 text-decoration: none;
}

#content #main_wrap #main_info #ShowInfoBox {
	border		: 1px solid #fbe8ed;
	border-top	: none;
	margin		: 0 10px 0 3px;
	padding		: 5px;
	width			: inherit; 
	background-color	:#f9b099;
	text-align	: center;
	color			: #470606;
}

	/** This is for url and embed textbox **/
#content #main_wrap #main_info #info .embed {
	overflow	 : auto;
	height	 : 75px; 
	width		 : 440px;
}

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

	/** 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;
	padding	:3px;
	margin	:0 5px 0 0;
}
	
#content #main_wrap #main_info .display_video { 
	background-color	:#f9b099;
	border		: 1px solid #fbe8ed;
	padding		: 5px;
	margin		: 3px 10px 0 3px;
	overflow		: scroll;
	height		: 400px;
	width			: 450px;
	position		: relative;
}

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

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

	

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





/* CSS for the star rating */	


.stars-off {
	height: 16px;
	float:left;
	position: relative;
	background: url(/ram/public/ram.rating.single.off.gif);	
	background-repeat:repeat-x;
} 
.stars-on {
	height: 16px;
	float:left;
	position: relative;
	background: url(/ram/public/ram.rating.single.on.gif);
	background-repeat:repeat-x;
}
.ui-stars-star a, .ui-stars-cancel a {
	float:left;
	display:block;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
	width: 28px;
	height: 26px;
	position: relative;
	background-image: url(/ram/public/ram.rating.big.png);
}
.ui-stars-star a {
	background-position: -56px 0px;
}
.ui-stars-star-on a {
	background-position: -84px 0px;
}
.ui-stars-star-hover a {
	background-position: -112px 0px;
}
.ui-stars-cancel-hover a {
	background-position: -28px 0px;
}
#loader {
	display:none;
	padding-left:20px; 
	background:url(/ram/public/ram.rating.arrows.gif) no-repeat center left;
}



/* CSS for the A-Z menu */	


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #e28562;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}