/*
	Theme Name: YouTube
	Description: Officail YouTube Theme for CBv2(Arslan Hassan)
	Author: Fawaz Tahir
	Created: 30th Jan, 2010
	Last Update: 15th Feb, 2010
	Note: Enjoy this theme :D
*/


@import url("common.css");
@import url("rating.css");
@import url("myaccount.css");
@import url("messages.css");
@import url("channels.css");

body { background:#FFF; color:#131313; margin:0px; padding:0px; font-size:12px; font-family:Arial,Tahoma,Verdana,sans-serif;  }

/* CONTAINERS */
#main_wrap { width:960px; margin:0px auto; padding:0px; }
#search_wrap, .new_topic { padding:3px; background:#eaeaea; border:1px solid #ccc; margin:0px; }
#homeL_wrap { width:640px; float:left; margin:0px; padding:0px; }
#homeR_wrap { width:300px; float:right; margin:0px; padding:0px; }
#side_wrap { width:200px; float:left; }
#vid_page_wrap { width:740px; float:right; }
#sideR_wrap { width:300px; float:right; }
#vid_page_wrap2 { width:640px; float:left; }
.simple_box { padding:5px; background:#FFF; border:1px solid #999 }
.simple_box_inner { padding:6px; background:#eee; border:1px solid #ccc }

/* FIXED ADMIN BAR */
.admin_bar { background:url(../images/master-sprite.png) left -1600px repeat-x; border-bottom:1px solid #a0b1dc; height:25px; width:auto; padding:0px 25px; line-height:25px; }

.hide_admin_bar { background:url(../images/quicklist.png) right top no-repeat; width:17px; height:17px; margin-top:4px; }
.show_admin_bar { padding:4px 25px; }
.show_admin_btn { background:url(../images/quicklist.png) right bottom no-repeat; width:17px; height:17px; }

/* HEADER */
#header { border-bottom:1px solid #ccc; padding:8px 0px; margin:0px; }
.top_head { margin:0px; padding:0px; width:435px; }

/* Change the width and height of the following class to according to your logo.  */

.logo { background:url(../images/logo.png) top left no-repeat; width:110px; height:54px; display:block; text-indent:-9999px; margin-right:18px; }

/* if you you know CSS and HTML, then change other parts, else leave it.  */


#search_wrap input[type=text] { padding:0px 3px; width:300px; }
.S_input { height:23px; line-height:23px; background:#FFF; border:1px solid #666666; margin:0px 5px 0px 0px; display:block; }
.S_button { background:url(../images/master-sprite.png) left -1600px repeat-x; border:1px solid #a0b1dc; height:25px; padding:0px 6px; color:#00248e; margin:0px; font-weight:bold; font-size:12px; }
.S_button:hover { background:url(../images/master-sprite.png) left -1800px repeat-x; cursor:pointer; text-decoration:underline; }
#header .inbox { background:url(../images/master-sprite.png) left -741px no-repeat; width:14px; height:10px; margin:0px; padding:0px; }
#header .new_inbox { background:url(../images/master-sprite.png) -14px -737px no-repeat; width:21px; height:14px; }
ul.topR_links li { float:left; margin:0px 0px 0px 15px; position:relative; }
ul.topR_links li.myaccount { color:#000; position:relative; text-transform:capitalize; }
ul.topR_links li.myaccount ul { display:none; }
ul.topR_links li.myaccount:hover ul { display:block; position:absolute; top:13px; padding:0px; background:#ecf1fa; border:1px solid #a0b1dc; margin:0px; min-width:85px; width:auto; z-index:100; }
ul.topR_links li.myaccount:hover ul li { padding:0px; margin:0px; border-bottom:1px solid #d9e1f2; display:block; width:100%; }
ul.topR_links li.myaccount:hover ul li a { display:block; padding:4px 6px; }
ul.topR_links li.myaccount:hover ul li a:hover { background:#FFF; }

.top_head { margin:0px; padding:0px; }
.top_head ul.nav_links { margin-top:5px; }
.top_head ul.nav_links li { float:left; margin-right:13px; font-weight:bold; }

.bottom_head .upload, .yellow_btn { background:url(../images/master-sprite.png) left -2400px repeat-x; border:1px solid #ecc101; color:#994844; padding:2px 6px; }

.bottom_head .upload a, .yellow_btn a{ color:#994844; font-weight:bold; display:block; }

/* VIDEO BLOCK */
#five_vids .vid_block,#four_vids .vid_block, #three_vids .vid_block, .vid_block { float:left; margin-bottom:15px; margin-right:35px; width:120px; position:relative; height:160px; }
#three_vids .vid_block { margin-right:28px; }
#five_vids .vid_block { margin-right:26px; }
.v_thumb { position:relative; }
.v_thumb .video_thumb { padding:1px; border:1px solid #9b9b9b; margin:0px; }
.v_thumb .duration { position:absolute; bottom:2px; right:0px; background:url(../images/duration.png) repeat; padding:3px; }
.v_thumb .feat_vid { position:absolute; bottom:2px; left:2px; background:url(../images/duration.png) repeat; width:auto; padding:6px; }
.v_thumb .feat_rating { padding:3px; background:url(../images/duration.png) repeat; position:absolute; top:2px; left:2px; }
.v_title { font-size:12px;  margin:3px 0px 0px; height:30px; font-weight:bold; }
.v_date, .v_views, .v_user { font-size:11px; color:#666666; }

/* GROUPS BLOCK */
.gp_block { margin-bottom:15px; width:auto; }

/* SIDE VIDEO BLOCK */
.side_vids { display:block; margin:0px 0px 5px; }
.side_vids .v_thumb { position:relative; }

.rand_vids { max-height:330px; overflow:auto; border:1px solid #ccc; padding:4px; }

/* VIDEOS PAGE */
.categories { background:#eaeaea; }
.categories ul li { padding:4px 16px; font-size:13px; display:block; margin:0px; }
.categories.full_round_8 ul li:first-child { -moz-border-radius:8px 8px 0px 0px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; border-radius:8px 8px 0px 0px; -khtml-border-top-left-radius:8px; -khtml-border-top-right-radius:8px; } 
.categories.full_round_8 ul li:last-child { -moz-border-radius:0px 0px 8px 8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; border-radius:0px 0px 8px 8px; -khtml-border-bottom-left-radius:8px; -khtml-border-bottom-right-radius:8px; }
.categories ul.sub_categories { margin:0px; padding:0px; }
.categories ul.sub_categories li { padding:4px 8px; font-size:12px; margin:0px; }
.categories ul.sub_categories li:first-child { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
.categories ul li.selected { background:#555; color:#FFF; }
.categories ul li a { color:#232323; display:block; }
.categories ul li.selected a{ font-weight:bold; color:#FFF; }
.categories ul li.selected a:hover { text-decoration:none; }
.categories ul.sub_categories li { padding:2px 10px; font-size:11px; }
.categories ul.sub_categories li.selected { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.categories ul li.selected ul.sub_categories li a { font-weight:normal; }

.sortby { background:#ccc; }
ul#sortby { font-weight:bold; font-size:13px; }
ul#sortby li { float:left; padding:8px 12px; margin:0px 0px 0px 0px; }
ul#sortby li a { color:#000; }
ul#sortby li a:hover { text-decoration:none; }
ul#sortby li.selected { background:#555;}
ul#sortby li.selected a { color:#FFF; }
ul#sort_time { font-size:12px; margin-left:5px; margin-top:5px; }
ul#sort_time li { float:left; padding:0px 10px; border-right:1px solid #ccc }
ul#sort_time li.selected a { color:#000; font-weight:bold; }

/* PAGINATION */
.pagination { border-top:1px solid #ccc; padding-top:3px; }
.paginate { font-size:13px; font-weight:bold; }
.paginate span.selected, .paginate a { margin:0px 5px; }

/* CHANNELS */
.user_block { width:140px; height:100px; }
.thumb_container { padding:1px; border:1px solid #999; margin-right:5px; }
.u_thumb_n { width:64px; height:64px; border:1px solid #999; }
.u_username { font-size:11px; font-weight:bold; }

/* UPLAOD PAGE */
.notice { background:#ffe89d; color:#994844; padding:6px 15px; }
.select_mode { background:url(../images/master-sprite.png) left -1600px repeat-x;}
ul#upload_opts li.opts { padding:0px 12px; font-size:11px; font-family:Tahoma,Verdana,sans-serif; font-weight:bold; }
ul#upload_opts li { line-height:25px; }
ul#upload_opts li.selected { background:url(../images/master-sprite.png) left -2200px repeat-x; color:#994844; height:25px; line-height:25px; }
.upload_opt { background:#FFF; padding:5px 10px; border:1px solid #9b9b9b; }
.upload_opt .divStatus { font-size:14px; font-weight:bold; }
.upload_opt p { display:none; }
.upload_opt #btnCancel { background:url(../images/master-sprite.png) left -800px repeat-x; border:1px solid #abadb3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:2px 4px; float:right; }
#file_upload_div, #remote_upload_div, #embed_code_div { display:none; }

/* FOOTER */
.foot_search { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 0px; }
.foot_search input[type=text] { padding:0px 3px; }
.footer { padding-bottom:8px; border-bottom:1px solid #ccc; }
.foot_columns { float:left; width:190px; }
ul.footLinks li { float:left; margin-right:10px; }
span.title { font-size:11px; color:#666; }

#change_lang select { font-size:11px; }

/* COMMENTS */
.thumb_down { background:url(../images/master-sprite.png) left -191px no-repeat; width:16px; height:18px; display:block; margin:0px; padding:0px; text-indent:-99999px; float:left; }
.thumb_down:hover { background-position:left -210px; }
.thumb_up { background:url(../images/master-sprite.png) -19px -190px no-repeat; width:16px; height:18px; display:block; margin:0px; padding:0px; text-indent:-99999px; float:right; }
.thumb_up:hover { background-position:-19px -209px;  }
.comment, .spam { padding:0px 10px 8px; margin-bottom:8px; border-bottom:1px solid #efefef; }
.comment_rating { width:11px; margin:3px 3px 0px 0px; }
.spam { color:#666; }
.spam a { color:#666; text-decoration:underline; }
.new_comment { border-top:1px solid #cccccc; }
#add_comment textarea, #add_comment input[type=text] { width:300px; }
#add_comment textarea { height:75px; }

/* WATCH VIDEO */
.wv_details { padding:6px; background:#eee; border:1px solid #ccc; }
.wv_descp { line-height:17px; }
.wv_links input[type=text] { font-size:10px; padding:2px; border:1px solid #abadb3; width:200px; }
.wv_actions { padding:0px; margin:0px; border:1px solid #ccc; }
ul#wv_actions_links { padding:8px 10px; margin:0px; }
ul#wv_actions_links li { float:left; margin:0px 25px 0px 0px; }
ul#wv_actions_links li a { font-size:13px; font-weight:bold; }
ul#wv_actions_links li a:hover { text-decoration:none; }
.wv_favorite, .wv_share, .wv_playlist, .wv_report, .wv_info { background:url(../images/master-sprite.png) left -229px no-repeat; width:10px; height:9px; margin:0px 3px 0px 0px; padding:0px; display:inline-block; }
.wv_share { background-position: -17px -228px; width:9px; height:9px; }
.wv_playlist { background-position: -35px -228px; width:9px; height:9px; }
.wv_report { background-position: -53px -228px; width:7px; height:9px; }
.wv_info { background-position: -87px -228px; width:5px; height:9px; }

ul#wv_actions_links li a:hover .wv_favorite { background:url(../images/master-sprite.png) left -239px no-repeat; }
ul#wv_actions_links li a:hover .wv_share { background-position: -17px -238px; width:9px; height:9px; }
ul#wv_actions_links li a:hover .wv_playlist { background-position: -35px -238px; width:9px; height:9px; }
ul#wv_actions_links li a:hover .wv_report { background-position: -53px -238px; width:7px; height:9px; }
ul#wv_actions_links li a:hover .wv_info { background-position: -87px -238px; width:5px; height:9px; }

ul#wv_actions_links li.selected .wv_favorite { background:url(../images/master-sprite.png) left -239px no-repeat; }
ul#wv_actions_links li.selected .wv_share { background-position: -17px -238px; width:9px; height:9px; }
ul#wv_actions_links li.selected .wv_playlist { background-position: -35px -238px; width:9px; height:9px; }
ul#wv_actions_links li.selected .wv_report { background-position: -53px -238px; width:7px; height:9px; }
ul#wv_actions_links li.selected .wv_info { background-position: -87px -238px; width:5px; height:9px; }

#wv_actions_opts { padding:8px 15px; background:#f3f3f3; border-width:1px 0px 0px 1px; border-style:solid; border-color:#FFF; }
#quick_share, #playlist_form, #flag_item, #fave_video { position:relative; display:none; }
#flag_item { line-height:17px; }

#fave_video .selected { background:url(../images/master-sprite.png) -1px -133px no-repeat; width:12px; height:8px; position:absolute; top:-16px; left:28px; }
#quick_share .selected { background:url(../images/master-sprite.png) -1px -133px no-repeat; width:12px; height:8px; position:absolute; top:-16px; left:115px; }
#playlist_form .selected { background:url(../images/master-sprite.png) -1px -133px no-repeat; width:12px; height:8px; position:absolute; top:-16px; left:200px; }
#flag_item .selected { background:url(../images/master-sprite.png) -1px -133px no-repeat; width:12px; height:8px; position:absolute; top:-16px; left:285px; }
#info_div .selected { background:url(../images/master-sprite.png) -1px -133px no-repeat; width:12px; height:8px; position:absolute; top:-16px; left:205px; }
#embed_item .selected { background:url(../images/master-sprite.png) -1px -133px no-repeat; width:12px; height:8px; position:absolute; top:-16px; left:400px; }
/* GROUPS */
.gp_top_con { clear:both; margin-bottom:15px; display:block; }
.gp_thumb_cont { padding:1px; border:1px solid #9b9b9b; }
.gp_name { font-size:14px; margin:0px 0px 5px 10px; padding:0px; }
#basic_info span, #more_info span { color:#333; font-weight:bold; }
ul.gp_opts_links li { padding:4px; border-bottom:1px dotted #ccc; display:block; }
ul.gp_opts_links li a { display:block; }

/* QUICKLIST */
.cross_icon, .add_icon{background-image:url(../images/quicklist.png); height:17px; width:17px; background-position:left bottom; background-repeat:no-repeat; cursor:pointer;position:absolute; left:2px; bottom:2px;}
.cross_icon{ background-position:left top; position:relative; float:right; margin-top:5px; z-index:10 }
.add_icon:hover { background-position:right bottom; }
.cross_icon:hover { background-position:right top; }
.check_icon{ background-image:url(../images/check.png); height:17px; width:17px; background-repeat:no-repeat; cursor:pointer; position:absolute; left:2px; bottom:2px; }

.quicklist_box{bottom:0px; right:0px; padding:3px 3px 3px; background-color:#CCC; width:300px; color:#fff; position:fixed; z-index:1000;  display:none; border:1px solid #aaa; border-bottom:none; }
.my_quicklist{max-height:325px; overflow:auto;}
.quicklist_box_head{ margin:0px 0px; text-transform:capitalize; }

/* TOPICS */
.user_block_med { margin-right:5px; }
.user_thumb_medium { border:1px solid #9b9b9b; padding:1px; }

/* SEARCH */
.simple_container input[type=text], .simple_container select{ width:250px; border:1px solid #9b9b9b; padding:2px; margin-right:8px; }

/* SIGNUP/SIGN-IN */
#login_form input[type=text], #login_form input[type=password], #login_form select { width:250px; padding:4px; border:1px solid #ccc; }
#upload_form input[type=text], #upload_form textarea, #upload_form select { width:250px; border:1px solid #ccc; padding:3px; }


/* EDITOR'S PICK */
#ep_video_container { width:400px; }
#editors_con { padding:4px; background:#f3f3f3; border:1px solid #ccc; }
.editor_vid_con { position:relative; padding:4px; margin-bottom:4px; border:1px solid #FFF; }
.editor_vid_con:hover { background:#eaeaea; border:1px solid #FFF; }
.editor_vid_con.selected { background:#eaeaea; border:1px solid #CCC; }
.editor_vid_con .v_thumb { margin:0px 5px 0px 0px; }
.editor_vid_con .selected .video_thumb { border:2px solid #CCC; }

.CategoryToggler { float:right; width:8px; height:7px; margin:5px 4px 0 0; }
.CategoryToggler:hover { cursor:pointer }
.CategoryToggler.none { background:url(../images/category_buttons.png) left top no-repeat; }
.CategoryToggler.block { background:url(../images/category_buttons.png) right top no-repeat; }


/* COLLECTION */
.collect_grid { position:relative; }
.obj_title { width:110px; display:inline-block; }
.obj_title a { text-decoration:none; }

.collectionTable { border-collapse:collapse; border-spacing:0px; width:100%; }
#collectionItemsList { }
.collectItemBox { vertical-align:middle; width:19%; display:inline-block; text-align:center; padding:10px 2px;  }
a.CollectThumb { border:1px solid #ccc; display:inline-block; background:#FFF; }
.collect_grid img { display:block; margin:3px; }


.LoadMoreButton { background:url(../images/master-sprite.png) left -2400px repeat-x; border:1px solid #ecc101; color:#994844; padding:2px 6px; margin-top:5px; cursor:pointer }
.LoadMoreButton[disabled], .LoadMoreButton[disabled]:hover, .LoadMoreButton[disabled]:active { background:#EEE; border:1px solid #ccc; cursor:default; color:#7b7b7b; }

.info_box { width:80%;}
.box1 { width:20%; float:left; color:#333; font-size:11px; font-weight:bold;}
.box2 { width:60%; float:left; font-size:11px; color:#666;}

.photoDetailsBox textarea { width:202px; height:50px; }
.photoDetailsBox select { width:212px; }
.photoDetailsBox .hint { color:#666; font:normal 10px Tahoma; float:right; }
.photoThumbBox { padding:1px; background:#FFF; border:1px solid #ccc; }
.OptionalBox { padding:5px; }
.PhotoHeading { margin:5px 0px; padding-bottom:5px; border-bottom:1px solid #ccc; font:bold 11px Tahoma; }
.PhotoHeading.hover:hover { cursor:pointer; }
.relatedPhotos { clear:both; margin-bottom:10px; }
.photoTitle { font:bold 11px Tahoma; }
.photoTitle a { text-decoration:none; }
.photoInfo { font:normal 10px Tahoma; color:#666; }
.photo_block { padding:6px 16px; display:inline-block; vertical-align:middle; margin-bottom:5px; *display:inline; }

.NextPrevButtons { width:100%; margin-bottom:5px; }
.NextPrevButtons li { list-style:none; width:48%; }
.NextPrevButtons li a { font:bold 11px Tahoma, Geneva, sans-serif; text-decoration:none; }
.NextPrevButtons li a { display:block; text-align:center; padding:8px 0px; border:1px solid #ccc; background:#f9f9f9; color:#000;}
.NextPrevButtons li a:hover { color:#999; background:#EEE; border:1px solid #999 }
#RatingStatContainer { margin-top:5px; clear:both; }


/* PHOTOS */
.photoBox .OptionalSettings { background:#f3f3f3; border:solid #ccc; border-width:1px 0px 0px; display:block;}
.photoBox .Heading a { padding:5px; display:block; border-bottom:1px solid #ccc; font:bold 11px Tahoma; text-decoration:none; }
.photoDetailsBox { padding:5px; }
.photoDetailsBox .field {  margin-bottom:5px; }
.photoDetailsBox .field .label { font:bold 11px Tahoma; padding-top:6px; width:125px; display:inline-block; }
.photoDetailsBox input[type=text], .photoDetailsBox textarea, .photoDetailsBox select { font:normal 11px Tahoma; padding:4px; width:200px; }
.photoDetailsBox textarea { width:202px; height:50px; }
.photoDetailsBox select { width:212px; }
.photoDetailsBox .hint { color:#666; font:normal 10px Tahoma; float:right; }
.photoThumbBox { padding:1px; background:#FFF; border:1px solid #aaa; }
.OptionalBox { padding:5px; }
.PhotoHeading { margin:5px 0px; padding-bottom:5px; border-bottom:1px solid #ccc; font:bold 11px Tahoma; }
.PhotoHeading.hover:hover { cursor:pointer; }
.relatedPhotos { clear:both; margin-bottom:10px; }
.photoTitle { font:bold 11px Tahoma; }
.photoTitle a { text-decoration:none; }
.photoInfo { font:normal 10px Tahoma; color:#666; }
.photo_block { padding:6px 14px; display:inline-block; vertical-align:middle; margin-bottom:5px; *display:inline; }

.PhotoUploaderWrapper { width:100%; display:inline-block; text-align:center; }

.groupSep { background:#f3f3f3; text-align:center; margin-bottom:8px; }
.channelRow { margin-bottom:10px; padding:0px 6px; }
.channelLabel { display:inline-block; width:18%; font:bold 11px Tahoma; color:#888; vertical-align:top; text-transform:capitalize; }
.channelDetail { display:inline-block; font:normal 11px Tahoma; width:80%; }

.channelFieldset { border:0px none; padding-left:0px; padding-right:0px;  }
.channel_title{font-size:13px; font-weight:bold; margin-bottom:3px}
.groupLeftSide .channelLegend, .groupContent .channelLegend, .groupRightSide .channelLegend { width:auto; }
.channelLegend { padding:4px 6px; background:#eee; font:bold 11px Tahoma; color:#464646; margin-bottom:5px; width:98%; border-top:1px solid #aaa; cursor:default; }
.channelFieldset { border:0px none; padding-left:0px; padding-right:0px;  }

.channel_title{font-size:13px; font-weight:bold; margin-bottom:3px}
.channelCounts{font-size:16px; font-weight:bold; text-align:center;}
.channelBox{padding:0px 5px 5px 5px; background-color:#fff}

.embedIcon { width:18px; height:18px; background:url(../images/master-sprite.png) -18px -268px no-repeat; float:right; position:relative; right:9px; top:1px }
.embedIcon:hover { background-position:left -268px; cursor:pointer;}