/*
	Theme Name: YouTube
	Description: Officail YouTube Theme for CBv2(Arslan Hassan)
	Author: Fawaz Tahir
	Created: 30th Jan, 2010
	Last Update: NONE
	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;
 height:100%;
}

#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,.bottom_head {
 margin:0px;
 padding:0px;
 width:86.5%;
}

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

.top_head input[type=text] {
 width:300px;
}

#search_wrap input[type=text] {
 padding:0px 3px;
}

.S_input {
 height:23px;
 line-height:23px;
 background:#FFF;
 border:1px solid #666666;
 width:325px;
 margin:0px 5px 0px 0px;
}

.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-color:#ecf1fa;
 border:1px solid #a0b1dc;
 margin:0px;
 width:75px;
 z-index:500000;
}

ul.topR_links li.myaccount:hover ul li {
 padding:0px;
 margin:0px;
 border-bottom:1px solid #d9e1f2;
 display:block;
 width:75px;
 font-size:12px;
}

ul.topR_links li.myaccount:hover ul li a {
 display:block;
 padding:4px 6px;
 font-size:12px;
}

ul.topR_links li.myaccount:hover ul li a:hover {
 background:#FFF;
}

.bottom_head {
 margin:0px;
 padding:0px;
}

.bottom_head ul.nav_links {
 margin-top:5px;
}

.bottom_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 */
#four_vids .vid_block, .vid_block {
 float:left;
 margin-bottom:15px;
 margin-right:35px;
 width:120px;
 position:relative;
 height:100%;

}

#three_vids .vid_block {
 float:left;
 margin-bottom:15px;
 margin-right:28px;
 width:120px;
 position:relative;
 height:100%;

}

#five_vids {
 margin-bottom:15px;
}


#five_vids .vid_block {
 float:left;
 margin-bottom:15px;
 margin-right:15px;
 width:120px;
 position:relative;
 height:100%;
}

.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:5px 5px;
}
.side_vids .v_thumb {
 position:relative;
}

.rand_vids {
 max-height:250px;
 overflow:auto;
 border:1px solid #ccc;
 padding:4px;
}
.rand_vids2 {
 max-height:400px;
 width:280px;
 overflow:auto;
 padding:0;
}

.editor_vid_con {
 position:relative;
}

.details_block {
 position:absolute;
 padding:12px;
 width:150px;
 background:#eaeaea;
 border:1px solid #ccc;
 top:0px;
 right:120px;
 display:none;
 z-index:100000;
}

.editor_vid_con .v_thumb {
 margin:0px 20px 5px 20px;
}

.editor_vid_con .selected .video_thumb {
 border:2px solid #CCC;
}

/* VIDEOS PAGE */
.categories {
 background:#eaeaea;
}

.categories ul li {
 padding:4px 16px;
 font-size:13px;
 display:block;
}

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

.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;
 height:25px;
 line-height:25px;
}

ul#upload_opts li.opts {
 padding:0px 12px;
 font-size:11px;
 font-family:Tahoma,Verdana,sans-serif;
 font-weight:bold;
}

ul#upload_opts li.selected {
 background:url(../images/master-sprite.png) left -2200px repeat-x;
 color:#994844;
}

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

span.title {
 font-size:11px;
 color:#666;
}

/* 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 {
 padding:0px 10px 8px;
 margin-bottom:8px;
 border-bottom:1px solid #efefef;
}

.comment_rating {
 margin:3px 3px 0px 0px;
}

.spam {
 padding:8px;
 color:#aaa;
}

.spam a {
 color:#aaa;
}

.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 {
 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;
}

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

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

/* 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:5px;
 background-color:#ccc;
 width:315px;
 color:#fff;
 position:fixed;
 z-index:1000;
 border-radius:5px 5px 0px 0px;
 -moz-border-radius:5px 5px 0px 0px;
 -webkit-border-radius:5px 5px 0px 0px;
}

.my_quicklist{
 max-height:300px;
 overflow:auto;
 padding-right:8px;
}

.quicklist_box_head{
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 padding:0px 5px;
 color:#333;
 font-size:11px;
 font-weight:bold;
 height:20px;
}

.quicklist_box_head a{
 color:#0099cc;
 font-size:11px;
 font-weight:bold;
 text-decoration:none;
}

.playlist_item{
 padding:5px;
 margin:3px 0px 3px  0px;
 height:62px;
}


.playlist_item .pl_thumb{
 width:100px;
 height:60px;
 border:2px solid #999;
 float:left;
 margin-right:5px;
}

.playlist_item .pl_details{
 font-size:10px;
 width:100px;
 float:left;
 cursor:pointer;
}

.playlist_item .pl_details a{
 font-size:10px;
 color:#0099cc;
 text-decoration:none;
 font-weight:bold;
}

.playlist_item .pl_duration{
 font-size:10px;
 color:#666;
 float:left;
}

.playlist_item .pl_delete{
 font-size:10px;
 color:#666;
 float:right;
 margin-top:0px;
 padding-top:0px;
}

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

/* �J�X�^�}�C�Y�� */
/* CLEARS */
.clearfix { }
.clearfix:after{
 content: ".";
 display:block;
 height:0;
 font-size:0;
 clear:both;
 visibility:visible;
}

/* CONTAINERS */
.container_container{
 background-image:url(../images/verticle_bg.png);
 background-position:center;
 background-repeat:repeat-y;
}

#container {
 width:1000px;
 margin:0px auto;
 padding:0px;
 position:relative;
}

.content_con {
 width:620px;
 margin:0px auto;
 padding:0px;
 float:left;
 margin-left:8px;
}

.login_con {
 width:325px;
 float:right;
 margin:0px;
 padding:0px;
 position:absolute;
 top:0px;
 right:0px;
 z-index:999;
}

.side_con {
 background:url(../images/side_bg.png) top repeat-x;
 width:305px;
 min-height:391px;
 border:1px solid #ccc;
 background-color:#f3f3f3;
 margin:0px 8px 0px 0px;
 padding:5px;
 float:right;
}

.feature_con {
 background:url(../images/simple_gradient.png) bottom repeat-x;
 border:2px solid #ccc;
 background-color:#fff;
 min-height:287px;
 padding-bottom:4px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
}

.search_con {
 float:right;
 margin:0px;
 padding:0px;
 margin-right:4px;
 margin-top:3px;
}

.foot_s_con {
 width:500px;
 margin:10px auto 0px;
 padding:10px 0px 0px;
}

/* FEATURED VIDEO SECTION */
.feature_left {
 float:left;
 margin:0px;
 padding:0px;
 width:460px;
}

.feature_left .feature_heading{
 background-image:url(../images/nav_grads.png);
 background-position:0px -417px;
 height:24px;
 line-height:24px;
 color:#fff;
 text-shadow:0px 0px 8px #000;
 width:98%;
 display:block;
 margin-top:10px;
 border-radius:0px 8px 8px 0px;
 -moz-border-radius:0px 8px 8px 0px;
 -webkit-border-top-right-radius:8px;
 -webkit-border-bottom-right-radius:8px;
 padding-left:10px;
 font-weight:bold;
 text-transform:uppercase;
 font-family:Tahoma,Verdana,sans-serif;
}

.feature_right {
 float:right;
 width:190px;
 margin:4px 3px 0px 0px;
 font-size:10px;
 overflow:auto;
 height:360px;
}

.feature_shadow {
 background:url(../images/shadows.png) 0px -31px no-repeat;
 width:660px;
 height:35px;
 margin:0px;
 padding:0px;
}


/* FEATURED VIDEO HEADING */
.feature_head {
 background:#88c5ff;
 width:100%;
 margin:0px 0px;
 padding:0px;
 height:20px;
 line-height:20px;
 position:relative;
 text-align:center;
}

.feature_head h2 {
 font-size:18px;
 font-family:MS UI Gothic;
 color:#fff;
 text-shadow:1px 1px 1px #44627f;
}

.feature_head .left_side {
 background:url(../images/blocks.png) -277px -50px no-repeat;
 width:10px;
 height:57px;
 position:absolute;
 top:-6px;
 left:-6px;
}

.feature_head .right_side {
 background:url(../images/blocks.png) -293px -56px no-repeat;
 width:9px;
 height:44px;
 position:absolute;
 right:-9px;
}

/* FEATURED VIDEO LEFT SIDE */
.feature_vid {
 margin:3px auto;
 width:350px;
 padding:0px;
 font-weight:lighter;
}
.feature_left .sp2 {
 background:url(line_sp2.png) repeat-x;
 height:2px;
 margin:6px 0px;
 padding:0px;
}

/* FEATURED VIDEO RIGHT SIDE */
.feature_right ul { margin:0px; padding:0px; list-style:none; }
.feature_right ul li { padding:0px; margin:0px; margin-bottom:3px; color:#193f77; font-size:9px; }
.feature_right .sp { background:url(../images/line_sps.png) top repeat-x; margin:5px 0px; padding:0px; height:2px; }
.feature_right .details_block { float:right; width:110px; margin:0px; padding:0px; color:#999 }
.feature_right .title a{font-size:9px; font-weight:bold; text-decoration:none; color:#fff}
.feature_right .title { font-size:10px; clear:both; padding:0px; width:100px; overflow:hidden}
.featured_vid_con{cursor:pointer; background:#FFF url(../images/nav_grads.png) -0px -260px; padding:5px; border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; background-color:#FFF; margin:3px 0px 3px}
.featured_vid_con .video_thumb{border:0px; padding:0px;}
.featured_vid_con:hover{background-position:-0px -338px; }
.featured_video_details{width:440px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; padding:5px; margin:5px}
.featured_video_player{width:440px; height:250px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#000; padding:5px; margin:5px}

/**
 * Ad Box
 */
.vert_add_box{display:block; width:180px; margin:0px 5px 5px 5px; float:left}

/* MAIN VIDEOS BLOCK */
.tabs { background:url(../images/tabs_bg.png) top repeat-x; height:41px; margin:0px; line-height:41px; padding:0px; border:1px solid #ccc; border-radius:5px 5px 0px 0px ;-moz-border-radius:5px 5px 0px 0px ; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.tabs ul { margin:0px; padding:0px; list-style:none; }
.tabs ul li { margin:0px; padding:0px 0px; list-style:none; float:left;  }
.tabs ul li a { background:url(../images/tabs_sp.png) right repeat-y; padding:13px 12px 14px; text-decoration:none;  }
.tabs ul li.selected { background:url(../images/tabs_bg.png) bottom repeat-x; }
.tabs ul li.selected a { color:#d36a4a; text-decoration:none; font-weight:bold }

.main_vids { border:1px solid #ccc; border-top:0px none; background:url(../images/main_vid_bg.png) bottom repeat-x; padding:8px; }
.main_vid_shadow { background:url(../images/shadows.png) 0px -152px no-repeat; width:660px; height:6px; margin:0px; padding:0px; }