﻿

/* CSS Document */
body {
	margin:0px;
	background-color: #000000;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #CCCCCC;
}

#md {
	width:1000px;
	margin:0px auto 0px auto;
}

/* divide layout in two portions */

#md_left
{
	float:left;
	width:800px;
}

#md_right
{
	float:right;
	width:195px;
	height:400px;
}

#md_right_cn
{
	padding:20px 10px 0px 0px;
}

/* top navigation */
#t_nv
{	float:right;
	text-align:right;
	padding-right:50px;
	width:93%;}

#t_nv ul 
{	margin:0px;
	padding:0px;}
#t_nv li
{	padding:0px 1px 0px 1px;
	margin:0px;
	list-style:none;
	display:inline;}
#t_nv li.separator
{	font:bold 0.75em Arial, Helvetica, sans-serif;
	color:#CFCFCF;
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;}
#t_nv li a:link, #t_nv li a:visited, #t_nv li a:active
{	font:bold 0.75em Arial, Helvetica, sans-serif;
	color: #727272;
	text-decoration:none;}
#t_nv li a:hover{text-decoration: none;}

/* top heading design */

#h_h_h
{
	padding-left:10px;
	margin:0px;

}

#m_h_h
{
	padding-left:10px;
	margin:0px;

}

#t_h
{
	width:486px;
	height:85px;
	background-image: url(images/tele_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	padding:7px 0px 0px 300px;
}

/* heading advertisement section 468x80px */

#t_h_ad
{
	width:468px;
	height:60px;
	background-color:#928F8F;
}

/* top toolbar section */
#main_nav_left
{
	float:left;
	width:69%;
}

#main_nav_right
{
	float:right;
	width:30.5%;
}

#header_top_container
{
	padding-left:20px;
}

#header_top_container ul
{
	margin: 0;
	padding: 0;
	float: left;
}

#header_top_container li
{
	display: inline;
}

#header_top_container li a.newvideos
{
	float: left;
	width:103px;
	height:38px;
	padding-left:2px;
	background-image: url(images/new_videos_inactive.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.newvideos:hover
{
	float: left;
	width:103px;
	height:38px;
	padding-left:2px;
	background-image: url(images/new_videos_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li.selected a.newvideos
{
	float: left;
	width:103px;
	height:38px;
	padding-left:2px;
	background-image: url(images/new_videos_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}


#header_top_container li a.toprated
{
	float: left;
	width:101px;
	height:38px;
	padding-left:2px;
	background-image: url(images/top_rated_inactive.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.toprated:hover
{
	float: left;
	width:101px;
	height:38px;
	padding-left:2px;
	background-image: url(images/top_rated_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li.selected a.toprated
{
	float: left;
	width:101px;
	height:38px;
	padding-left:2px;
	background-image: url(images/top_rated_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.mostviewed
{
	float: left;
	width:103px;
	height:38px;
	background-image: url(images/most_viewed_inactive.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.mostviewed:hover
{
	float: left;
	width:103px;
	height:38px;
	background-image: url(images/most_viewed_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li.selected a.mostviewed
{
	float: left;
	width:103px;
	height:38px;
	background-image: url(images/most_viewed_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.channels
{
	float: left;
	width:104px;
	height:38px;
	background-image: url(images/channels_inactive.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.channels:hover
{
	float: left;
	width:104px;
	height:38px;
	background-image: url(images/channels_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li.selected a.channels
{
	float: left;
	width:104px;
	height:38px;
	background-image: url(images/channels_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.upload
{
	float: left;
	width:105px;
	height:38px;
	background-image: url(images/upload_inactive.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li a.upload:hover
{
	float: left;
	width:105px;
	height:38px;
	background-image: url(images/upload_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header_top_container li.selected a.upload
{
	float: left;
	width:105px;
	height:38px;
	background-image: url(images/upload_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

/* body style */

.m_b_s_t
{
	width:786px;
	height:19px;
	background-image: url(images/tele_15.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}

.m_b_s_t_link
{
	position:absolute;
	left:25px;
	top:6px;
}

.m_b_s_t_link_l
{
	width:7%;
	float:left;
	padding-top:2px;
}

.m_b_s_t_link_r
{
	float:right;
	width:700px;
	text-align:left;
	padding-top:2px;
}

.m_b_s_t_link_r ul 
{	margin:0px;
	padding:0px;}
	
.m_b_s_t_link_r li
{	padding:0px 2px 0px 2px;
	margin:0px;
	list-style:none;
	display:inline;}
	
.m_b_s_t_link_r li.separator
{	font:bold 11px Arial, Helvetica, sans-serif;
	color:#F7F4A3;
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;}
	
.m_b_s_t_link_r li a:link, .m_b_s_t_link_r li a:visited, .m_b_s_t_link_r li a:active
{	font:bold 11px Arial, Helvetica, sans-serif;
	color: #F7F4A3;
	text-decoration:none;}
	
.m_b_s_t_link_r li a:hover{text-decoration: none;}

.m_b_s_t_link_r li span
{
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footer_r
{
	width:84%;
	float:right;
	text-align:right;
}

.m_b_s_strip
{
	width:786px;
	background-image: url(images/box_strip.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}

.m_b_s_b
{
	width:786px;
	height:18px;
	background-image: url(images/tele_41.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

.m_b_s_holder
{
	padding:10px;
	min-height:500px;
}

/* search */

#search_box
{
	width:221px;
	height:38px;
	background-image: url(images/tele_1_11.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#search_box_cnt
{
	padding:0px 0px 0px 5px;
	font:bold 0.8em Tahoma, Helvetica, Arial, sans-serif;	
	color:#ffffff;
}

#search_box_l
{
	float:left;
	width:86%;
	padding:8px 0px 0px 0px;
	
}

#search_box_r
{
	padding:5px 0px 0px 0px;
	float:right;
	width:13%;

}

/* Pagination box */
.pagination_box
{
	width:786px;
	height:44px;
	background-image: url(images/tele_45.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

/* footer box */

#footer
{
	padding-bottom:50px;
}

#footer_l
{
	width:15%;
	float:left;
}

#footer_l ul 
{	margin:0px;
	padding:0px;}
	
#footer_l li
{	padding:0px 1px 0px 1px;
	margin:0px;
	list-style:none;
	display:inline;}
	
#footer_l li.separator
{	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;}
	
#footer_l li a:link, #t_nv li a:visited, #t_nv li a:active
{	font:bold 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;}
	
#footer_l li a:hover{text-decoration: none;}

#footer_r
{
	width:84%;
	float:right;
	text-align:right;
}


/* utility classes */

.clear
{
	clear:both;
}

img
{
	border:none;
	vertical-align:middle;
}

.separator
{
	height:5px;
}

.separator_10px
{
	height:10px;
}

.t {background: url(images/dot.jpg) 0 0 repeat-x;}
.b {background: url(images/dot.jpg) 0 100% repeat-x}
.l {background: url(images/dot.jpg) 0 0 repeat-y}
.r {background: url(images/dot.jpg) 100% 0 repeat-y}

.bl {
	background: url(images/bl.jpg) 0 100% no-repeat;
	
}
.br {background: url(images/br.jpg) 100% 100% no-repeat}
.tl {background: url(images/tl.jpg) 0 0 no-repeat}
.tr {background: url(images/tr.jpg) 100% 0 no-repeat; padding:10px}

/* image box design */

.tb {background: url(images/t_strip.jpg) 0 0 repeat-x;width:176px;}
.bb {background: url(images/b_strip.jpg) 0 100% repeat-x;}
.lb {background: url(images/l_strip.jpg) 0 0 repeat-y;}
.rb {background: url(images/r_strip.jpg) 100% 0 repeat-y;}
.blb {background: url(images/blb.jpg) 0 100% no-repeat;}
.brb {background: url(images/brb.jpg) 100% 100% no-repeat;}
.tlb {background: url(images/tlb.jpg) 0 0 no-repeat;}
.trb {background: url(images/trb.jpg) 100% 0 no-repeat; padding:8px 8px 8px 8px;height:120px;}

/* normal classes */
.top_heading
{
	padding:0px 0px 5px 0px;
	border-bottom:solid 1px #393939;
	margin:0px;
}

.item
{
	text-align:left;
}

.item_c
{
	text-align:center;
}

.item_r
{
	text-align:right;
}

.item_pad_2
{
	padding:2px 0px 2px 0px;
	text-align:left;
}

.item_pad_2_special
{
	padding:4px 0px 4px 20px;
	text-align:left;
}

.item_pad_2_special a
{
	font:normal 0.9em Tahoma, Helvetica, Arial, sans-serif;	
	color:#000000;
	text-decoration:underline;
}

.item_pad_2_special a:hover
{
	text-decoration:underline;
}

.normal_left
{
	width:49%;
	float:left;
}

.normal_right
{
	width:49%;
	float:right;
	text-align:right;
}

.normal_right_v2
{
	width:49%;
	float:right;
	text-align:left;
}
.item_pad_2_c
{
	padding:2px 0px 2px 0px;
	text-align:center;
}

.item_pad_2_r
{
	padding:2px 0px 2px 0px;
	text-align:right;
}

.item_pad_4
{
	padding:4px 0px 4px 0px;
	text-align:left;
}

.item_pad_4_c
{
	padding:4px 0px 4px 0px;
	text-align:center;
}

.item_pad_4_r
{
	padding:4px 0px 4px 0px;
	text-align:right;
}

.field_item_left
{
	float:left;
	padding:6px 0px 2px 0px;
	color: #ffffff;
	font-family: Tahoma;
	text-decoration:none;
	font-weight:bold;
	width:30%;
	text-align:right;
}

.field_item_right
{
	padding:2px 0px 2px 0px;
	float:right;
	width:68%;
	text-align:left;
}

.customize_item_left
{
	padding:6px 0px 2px 0px;
	float:left;
	color: #ffffff;
	font-family: Tahoma;
	text-decoration:none;
	font-weight:bold;
	width:20%;
	text-align:right;
}

.customize_item_right
{
	padding:2px 0px 2px 0px;
	float:right;
	width:78%;
	text-align:left;
}

.error_item
{
	text-align:center;
	border: solid 2px #A20000;
	padding:3px 5px 3px 5px;
	margin-bottom:5px;
	color:#F9F45E;
	font-size:1.0em;
	font-weight:bold; 	
}

.error_item ul
{
	padding:0px;
	margin:0px 0px 0px 20px;
}

.pagination_holder
{
	padding:15px 20px 0px 0px;
}

.pagination_item
{
	text-align:right;
	
}

.pagination_item ul 
{	margin:0px;
	padding:0px;}
	
.pagination_item li
{	padding:0px 1px 0px 1px;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;
	margin:0px;
	list-style:none;
	display:inline;
	color:#000000;
}
	
.pagination_item li.separator
{	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;}

.pagination_item a
{
	padding:1px 2px 1px 2px;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;	
	color:#ffffff;
	text-decoration:none;
}

.pagination_item a:hover
{
	padding:1px 2px 1px 2px;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;	
	color:#000000;
	text-decoration:none;
	background-color: #FCF7CA;
}

a.pagination_link_selected
{
	padding:1px 2px 1px 2px;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;	
	color:#000000;
	text-decoration:none;
	background-color: #FCF7CA;
}

a.pagination_link_selected:hover
{
	padding:1px 2px 1px 2px;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;	
	color:#000000;
	text-decoration:none;
	background-color: #FCF7CA;
}

a.pagination_link
{
	padding:1px 2px 1px 2px;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;	
	color:#ffffff;
	text-decoration:none;

}

a.pagination_link:hover
{
	padding:1px 2px 1px 2px;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;	
	color:#000000;
	text-decoration:none;
	background-color: #FCF7CA;
}

.gray_text
{
	font:normal 10px Arial, Helvetica, sans-serif;	
	color:#A0A0A0;
}


.blocks
{
	margin:0px;
	padding:0px;
}

.box_container
{
	height:43px;
	border-bottom:solid 1px #CCCCCC;
}

#bd_admin
{
	padding:0px;
	margin:4px 0px 0px 0px;
	border-top:solid 1px #444444;
}


#login_box_container
{
	margin: 50px auto 50px 250px;
	text-align:left;
}

/* body section */

#body_left
{
	float:left;
	width:745px;
	border-right:solid 1px #333333;
}

#body_right
{
	float:right;
	width:245px;
}

#body_right_container
{
	margin:10px auto 10px 40px;
}

#body_left_container
{
	margin:10px 10px 10px 10px;
}

/* box */


.box
{
	margin:3px 0px 10px 0px;
	padding:0px;
}


.box1
{
	margin:3px 0px 10px 0px;
	padding:0px;
}

.box_h
{
	padding:6px 0px 6px 10px;
	background-color:#2C2C2C;
	border:solid 1px #393939;
}

.box_h h1
{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0px;
}

.box_b
{
	padding:10px;
	border:solid 1px #393939;
	border-top:none;
}

.box_video
{
	margin:3px 0px 10px 0px;
	border:solid 1px #393939;
	background-color:#2C2C2C; 
	padding:0px;
}

.box_video_item
{
	padding:5px;
	border-bottom:solid 1px #393939;
}

.normal_info_container
{
	color:#696969;
}

.normal_info_container ul 
{
	margin:0px;
	padding:0px;
}
.normal_info_container li
{
	padding:0px 10px 0px 10px;
	margin:0px;
	list-style:none;
	display:inline;
}

.normal_info_container li.separator
{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;
}

.normal_info_container li a
{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.normal_info_container li a:hover
{
	text-decoration:underline;
}


.box_fix
{
	width:500px;
	margin:3px 0px 10px 0px;
	padding:0px;
}

.box_b_sp
{
	margin:10px;
	border:solid 1px #393939;
	padding:0px 10px 10px 10px;
}

.box_l
{
	width:163px;
	background-color:#2C2C2C;
}

.box_l .top_strip
{
	width:163px;
	height:8px;
	background-image: url(images/top_strip.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.box_l_normal_item
{
	border:solid 1px #393939;
	border-top:none;
	padding:3px 10px 3px 10px;
	color:#ffffff;
	font-weight:bold;
}

.box_l_normal_item a
{
	color: #CCCCCC;
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

.box_l_normal_item a:hover
{
	color: #FFFFFF;
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

.box_l_normal_item a.boldlink
{
	color: #ffffff;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.box_l_normal_item a.boldlink:hover
{
	color: #FFFFFF;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.box_l .bottom_strip
{
	width:163px;
	height:8px;
	background-image: url(images/bottom_strip.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#body_admin_left
{
	float:left;
	width:180px;
	padding-top:10px;
}

#body_admin_right
{
	float:right;
	text-align:left;
	width:815px;
}

#body_admin_container
{
	padding:10px 10px 10px 0px;
}

#admin_welcome_message
{
	padding:50px 0px 5px 0px;
	text-align:center;
}

#player_div
{
	width:620px;
	text-align:left;
	margin:0px auto 0px auto;
}

#video_rating
{
	width:150px;
}
.s_rating
{
	width:80px;
}

.s_rating ul 
{	margin:0px;
	padding:0px;}
.s_rating li
{	padding:0px;
	margin:0px;
	list-style:none;
	display:inline;}


.video_item
{
	width:178px;
	padding:0px;
	text-align:left;
	margin:0px;
}

.video_title
{
	min-height:32px;
	vertical-align:bottom;
}