/*
	MIAIN CSS
*/
@import url('common.css');
@import url('rating.css');

body { background:#262626 url(../images/bg.png) repeat-x; font-size:12px; font-family: Tahoma, Verdana, sans-serif; margin:0px; padding:0px; color:#FFF; }

/*  HEADER */
#header { width:1000px; margin:0px auto; height:209px;  }
.userLinks { font-size:11px; color:#FFF; }
.userLinks a { margin-left : 5px; padding-right:5px; }
.logo_bg { width:310px; height:66px; background:url(../images/logo_bg.png) no-repeat; margin:0px; padding:0px; }
.red_nav { background:url(../images/grads.png) top repeat-x; height:45px; margin:0px 0px 0 0; padding:0px; line-height:45px; }
.logo { background:url(../images/logo.png) no-repeat; width:236px; height:53px; margin:7px 0 0 15px; padding:0px; }
.navigation { background:url(../images/grads.png) left -57px repeat-x; height:45px; margin:0px; padding:0px; }
.navigation ul li  { float:left; font-family:Arial,sans-serif; font-weight:bold; font-size:14px; border-right:1px solid #919191; }
.navigation ul li a, .navigation ul li a:visited { color:#333; display:block; height:45px; line-height:45px; padding:0 15px; }
.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a.selected { background:url(../images/grads.png) left -102px repeat-x; color:#FFF } 
.S_field { padding:4px; font-size:12px; border:1px solid #b5b4b4; background:#fbfbfa; width:250px; }
.S_btn { border:1px solid #f6f6f6; width:70px; color:#FFF; font-size:12px; padding:2px 6px;  background:url(../images/grads.png) left -147px repeat-x; -moz-border-radius:2px; 
-webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;}
.S_btn:hover { cursor:pointer }
.S_btn:active { background:#ff5c02; outline:none; }



#wrap { width:968px; padding:10px 16px; margin:0px auto; background:#4c4c4e;  }
#side_column { width:160px; }
#mid_column { width:600px; margin:0 0 0 18px  }
#sign_wrap_L { width:55%; float:left; }
#sign_wrap_R { width:40%; float:right; }
#upload_wrap_L { width:75%; float:left; }
#upload_wrap_R { width:22%; float:right; } 

#account_wrap_L { width:175px; float:left; }
#account_wrap_R { width:770px; float:right; }
 
.main_box { background:#3d3d3f; padding:6px; }

ul#homeTabs { margin-left:10px }
ul#homeTabs  li { float:left; margin:0 10px 0 0; color:#bab9b9;  font-size:10px; font-weight:bold; }

ul#homeTabs  li  a { color:#bab9b9; padding:0 10px 0 0;  border-right:1px solid #bab9b9; }
ul#homeTabs  li.selected a { font-size:14px; font-family:Arial,sans-serif; color:#f6f6f6 }

ul#top_cats li { font-size:10px; font-weight:bold; float:left; }
ul#top_cats li a { border-right:1px solid #FFF; padding:0 10px  }

ul#footLinks { margin-left:15px; }
ul#footLinks li { float:left; margin-right:15px; font-size:11px; font-weight:bold; text-shadow:1px 1px 0px #000 }

/* CATEGORY LIST */
.cats_container { background:#272727; border:1px solid #000;}
h2.cats_heading { margin:0px; padding:0px; font-size:14px; font-family:Arial,sans-serif; background:url(../images/grads.png) left -383px repeat-x; height:29px; line-height:26px; padding:0px 6px; color:#c2c0c1; }
ul#catsList, ul#gp_opts { padding:0px 6px 3px; }
ul#catsList li, ul#gp_opts li { font-size:11px; font-family:"Lucida Sans Unicode",sans-serif; display:block; margin-bottom:7px }
ul#catsList li.selected { font-weight:bold; }
ul#catsList li.selected  a { text-shadow:1px 1px 0px #000; color:#ff5a00 }
ul#gp_opts li { margin-bottom:3px; }

.time_frame { font-size:10px; text-align:center;  }
.time_frame  a { margin-right:5px; margin-left:5px ;}
.time_frame a.selected { color:#ff5a00; text-shadow:1px 1px 0px #000;  }

/* VIEW CHANNEL */
#channel_left { width:278px; float:left; }
#channel_right { float:right; width:665px; }
.channel_box { background:#1f1f21 url(../images/view_channel_box.png) bottom repeat-x; padding:8px; position:relative; z-index:10 }
.channel_heading { font:bold 16px Arial,sans-serif; margin:0px; padding:0px; color:#c2c0c1; }
.u_mini_info { font-weight:bold; color:#c2c0c1; }
.u_mini_info li { padding-bottom:3px; }
dl.user_info { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom:1px solid #29292b; font-size:11px; }
dl.user_info dt, dl.user_info dd { color:#c2c0c1; font-weight:bold; margin:0px; padding:0px; }
dl.user_info dt , dl.user_info.gp_info dt { float:left; width:44%; }
dl.user_info dd , dl.user_info.gp_info dd { float:right; width:52%; text-align:right;}
dl.user_info.gp_info dt { width:16%; }
dl.user_info.gp_info dd { text-align:left; width:83%; }
.user_video_block { padding:6px; background:url(../images/grads.png) left -202px repeat-x; margin:0 6px 10px 8px; height:145px; border:1px solid #000;  }

.user_subs_block { background:url(../images/grads.png) left -670px repeat-x; border:1px solid #000; padding:6px; margin:0 10px 10px 5px; height:100px; }
.user_subs_title { font-size:11px; }
.user_subs_title a, .user_subs_title a:visited , .user_subs_title a:hover, .user_subs_title :active  { color:#c2c0c1; }
.optsLinks { padding:0px 8px; font-size:11px; font-weight:bold; margin-left:7px; position:relative; bottom:4px; z-index:5 }

/* WATCH VIDEO */
#video_left { float:left; width:675px; }
#video_right{ float:right; width:270px; }
.watch_title, .cb_message, .cb_error, .cb_warning { background:#29292b url(../images/video_title.png) bottom repeat-x;  font:bold 14px Arial,sans-serif; padding:6px; border:1px solid #111; margin-bottom:10px; }
.action_btn { background:#fffefc url(../images/grads.png) left -809px repeat-x; height:24px; line-height:24px; padding:0px 6px; margin:0px; font-weight:bold; font-size:11px; color:#666; margin-right:10px;}

.action_btn a, .action_btn a:visited { color:#666; display:block; }
.action_btn a:hover, .action_btn a:active { color:#333; }

/* VIDEO ACTION ICONS */
.action_btn a.fav,
.action_btn a.share,
.action_btn a.report,
.action_btn a.embed,
.action_btn a.playlist { background:url(../images/icons.png) left -7px no-repeat;  padding:0 0 0 22px  }

.action_btn a.share { background-position:left -34px; padding:0 0 0 30px }
.action_btn a.playlist { background-position:left -64px; padding: 0 0 0 25px; }
.action_btn a.embed { background-position:left -92px; padding:0 0 0 26px;  }
.action_btn a.report { background-position:left -120px; padding:0 0 0 18px;  }

.dark_box { padding:6px; border:1px solid #000; background:#333335; }

.watch_info { font-size:11px; }
.watch_info a, .watch_info a:visited  { text-decoration:underline; color:#ff5c02 }
.watch_info a:hover, .watch_info a:active { text-decoration:none; } 
.watch_info dl { margin:0px; padding:0px; }
.watch_info dt, .watch_info dd { margin:0px; padding:0px; }
.watch_info dt { float:left; width:12%; color:#ccc }
.watch_info dd { float:right; width:87%; }

/* VIEW GROUP */
.group_detail_tabs ul li { float:left; margin-right:15px; padding:2px 6px; }
.group_detail_tabs ul li:hover { cursor:pointer; } 
.group_detail_tabs li.selected { background:url(../images/grads.png) left -147px repeat-x; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; color:#000 }

/* UPLOAD PAGE */
.more_button a, .more_button_up a { background:url(../images/icons.png) left -327px no-repeat; height:20px; display:block; line-height:20px; padding: 0 0 0 24px; font:bold 14px Arial,sans-serif; }
.more_button_up a { color:#ff8c00 }
.upload_options a { padding: 0 15px 0 0; margin: 0 15px 0 0; border-right:1px solid #FFF; font-size:11px; font-family:Tahoma,sans-serif; }
.upload_options a.selected { font-size:14px; font-family:Arial,sans-serif; }
.upload_btn { padding:0 12px; }
.hideFromScreen {display:none;}

#file_upload_div, #remote_upload_div, #embed_code_div { display:none; }