@import url('../helpers/content_holders.css');

/*body{
    background:#f3f3f3;
}
#cont {
    margin-top:10px;
    padding: 0;
    clear:both;
}

.box2 {
    background:none;
    border: 0 none;
    border-radius: 0 0 0 0;
    
}*/

#grey_left{
    width: 266px;
}

#grey_right{
    width: 704px;
}

#grey_wrapper .shadow_middle {
    background: url("../../../v3_imgs/home/shadow_mid.png") repeat-y scroll 282px 0 transparent;
}

#grey_wrapper .shadow_top {
    background: url("../../../v3_imgs/home/shadow_top.png") no-repeat scroll 282px 0 transparent;
}

#grey_wrapper .shadow_bottom {
    background: url("../../../v3_imgs/home/shadow_bottom.png") no-repeat scroll 282px bottom transparent;
    min-height: 700px;
    overflow: hidden;
}


/**VIEDO MENU**/
.video_cats_menu{
    background:#FFF;
    overflow: hidden;
    width: 266px;
    border-radius:4px;
    -webkit-box-shadow: 0 1px 0 #c8c8c8;
    -moz-box-shadow: 0 1px 0 #c8c8c8;
    box-shadow: 0 1px 0 #c8c8c8;
    margin-bottom:1px;
}

.video_cats_menu.brands{
    margin-top:15px;
}

.video_cats_menu.brands .title a{
    border-bottom:1px solid #d8d8d8;
}
.video_cats_menu.brands .title a div{
    color:#000000;
    font-weight:bold;
    font-size:13px;
}

.video_cats_menu.brands .title a:hover{
    background: #FFF;
}

.video_cats_menu li a{
    display: block;
    padding:9px 11px 8px 14px;
    border-bottom:1px solid #e8e8e8;
    overflow: hidden;
}

.video_cats_menu li:last-child a{
    border-bottom:0;
}

.video_cats_menu li a.active,
.video_cats_menu li a:hover{
    background: #eaeaea;
}

.video_cats_menu li a .cat_name{
    float:left;
    font-size:13px;
    color:#383838;
}

.video_cats_menu li a .count_video{
    float:right;
    font-size:11px;
    color:#c3c3c3;
    font-family: Arial;
    font-weight: bold;
}


/** VIDEO LISTING**/
#videos_listing_holder{
    overflow: hidden;
}

#videos_listing_holder .videos_listing{
    overflow: hidden;
}

#videos_listing_holder .videos_listing .video{
    width: 165px;
    overflow: hidden;
    margin-bottom:25px;
    margin-right:14px;
    float:left;
}

/*#videos_listing_holder .videos_listing .video.selected{
    background: #EDEDED;
}*/

#videos_listing_holder .videos_listing .video.last{
    margin-right:0;
}

#videos_listing_holder .videos_listing .vid{
    width: 161px;
    border:1px solid #d2d2d2;
    margin-bottom:3px;
}

.videos_listing_holder .video_title{
    font-size:12px;
    color:#1a3ea5;
    line-height:16px;
    display: block;
    height: 32px;
    overflow: hidden;
    margin-bottom:6px;
    /*max-height: 48px;*/
}

.videos_listing_holder .date{
    font-size:10px;
    color:#969696;
    margin-bottom:2px;
    line-height: 11px;
}

.videos_listing_holder .author{
	color:#969696;
	margin-top:2px;
	line-height: 11px;
}

.videos_listing_holder  .views{
    font-size:10px;
    color:#969696;
    line-height: 11px;
}

.videos_listing_holder .views span{
    color:#ff0000!important;
    font-family:Arial;
}

/** CAT POPULARS**/
#videos_listing_populars_holder .videos_populars_top{
    overflow: hidden;
}    

#videos_listing_populars_holder .top_video{
    width: 345px;
    overflow: hidden;
    margin-right:14px;
    float:left;
}   

#videos_listing_populars_holder .top_video.second{
    margin-right:0;
}

#videos_listing_populars_holder .top_video .video_title{
    height: auto;
    margin-bottom: 4px;
}
 
#videos_listing_populars_holder .top_video .vid{
    width: 341px;        
    border:1px solid #d2d2d2;
    margin-bottom:3px;
}

#videos_listing_populars_holder .rating_sprint_holder {
    float: none;
    margin-top: 5px;
    opacity: 0.3;
    margin-bottom:5px;
}

#videos_listing_populars_holder .rating_sprint{
    width: 345px;
}

#videos_listing_populars_holder .videos_populars_top.small .rating_sprint{
    width: 221px;
}

#videos_listing_populars_holder .small{
    margin-top:17px;
}

#videos_listing_populars_holder .small .top_video{
    width: 222px;
    margin-right:19px;
}

#videos_listing_populars_holder .small .top_video.last{
    margin-right:0;
}

#videos_listing_populars_holder .small .top_video .video_title{
   height: 34px;
   /*max-height: 48px;*/
}

#videos_listing_populars_holder .small .top_video .vid{
    width: 218px;        
    border:1px solid #d2d2d2;
    margin-bottom:3px;
}


/** PAGER **/
.pager_new {
    overflow: hidden;
    padding-bottom: 1px;
}

.pager_new li{
    float:left;
    list-style: none;
}

.pager_new li.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    border-right: 1px dotted #F3F3F3;
    color: #515151;
    display: block;
    font-size: 11px;
    margin-right: 5px;
    padding: 6px;
    text-align: center;
    min-width: 15px;
}

.pager_new li a {
    background: none repeat scroll 0 0 #E3E3E3;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    border-right: 1px dotted #F3F3F3;
    color: #515151;
    display: block;
    font-size: 11px;
    margin-right: 5px;
    padding: 6px;
    text-align: center;
    min-width: 15px;
}

.pager_new li a:hover{
    background: #FFFFFF;
    border-bottom: 1px solid #999999;
}

.cat_name {
    float:left;
}

/** SORTER **/
.videos_listing_holder .box_head{
    position: relative;
    padding:11px 0!important;
    overflow: visible!important;
}
#videos_sorter{
    position:absolute;
    top:3px;
    right:0;
}

#videos_sorter .sorter_opts{
    float:left;
}

#videos_sorter .sorter_opts > li{
    float:left;
    list-style: none;
    margin-left: 6px;
    position: relative;
}

#videos_sorter .sorter_opts>li>a.views{
    background:#E3E3E3!important;
    padding: 6px 10px 6px 10px;
}

#videos_sorter .sorter_opts>li>a.views:hover{
    background: #FFF!important;
}

#videos_sorter .sorter_opts>li>a {
    background:#E3E3E3 url('../../../v3_imgs/ci/order_arrow.png') no-repeat 7px 13px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #515151;
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 10px 6px 16px;
    margin-bottom:1px;
}

#videos_sorter .sorter_opts>li:hover ul{
    display: block;
}

#videos_sorter .sorter_opts>li:hover>a, 
#videos_sorter .sorter_opts>li>a.active {
    background:#FFFFFF url('../../../v3_imgs/ci/order_arrow.png') no-repeat 7px 13px;
}

#videos_sorter a.show_adult {
    background: url("../../../v3_imgs/show_adult_filter.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 25px;
    margin-top: 3px;
    text-indent: -9999px;
    width: 26px;
    margin-left:6px;
}


#videos_sorter a.show_adult.opacity {
    opacity: 0.2;
}

#videos_sorter .sorter_opts ul{
    position: absolute;
    top:26px;
    left:0;
    width: 100%;
    z-index: 99;
    border-bottom:1px solid #d2d2d2;
    border-radius:0 0 4px 4px;
    overflow: hidden;
    display: none;
}

#videos_sorter .sorter_opts ul li{
    background: #FFF;
    border-top:1px solid #e5e5e5;
}

#videos_sorter .sorter_opts ul li a{
    display: block;
    padding: 6px 0 7px 6px;
    font-size:12px;
    color:#515151;
}

#videos_sorter .sorter_opts ul li a:hover,
#videos_sorter .sorter_opts ul li a.active{
    background:#e5e5e5;
}

#videos_adm_form .checkbox_holder{
    padding:3px 0;
    overflow: hidden;
}

#videos_adm_form .checkbox_holder input{
    
    margin-top:3px;
    float:left;
    margin-right:5px;
}

#videos_adm_form .checkbox_holder label{
    color:#000;
    float:left;
    font-size:12px;
    margin-top:3px;
    cursor: pointer;
}

#videos_adm_form .checkbox_holder a{
    color:#1A3EA5;
    font-size:12px;
    font-family: Arial;
    margin-top:3px;
    float:right;
}

#videos_adm_tools{
    background: #FFF;
    border-bottom:1px solid #CCC;
    border-radius:4px;
    padding:5px;
    overflow: hidden;
    margin-bottom:10px;
}

#videos_adm_tools #check_all{
    background: rgb(112,182,96); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjY2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTdjM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(112,182,96,1) 0%, rgba(73,124,61,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,182,96,1)), color-stop(100%,rgba(73,124,61,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b660', endColorstr='#497c3d',GradientType=0 ); /* IE6-8 */
    color:#FFF;
    font-size:12px;
    border-radius:4px;
    padding:5px 10px;
    float:left;
    -webkit-box-shadow: 0 1px 0 #2d6b1f;
    -moz-box-shadow: 0 1px 0 #2d6b1f;
    box-shadow: 0 1px 0 #2d6b1f;
    display: block;
    margin-bottom: 1px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    font-family: Arial;
    margin-right:10px;
}

#videos_adm_tools #check_all.clicked{
    background-color: #852f2b;
    border-color: #852f2b;
    background-image: -moz-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -ms-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -o-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bc403a), color-stop(100%, #852f2b));
    background-image: -webkit-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: linear-gradient(to bottom, #bc403a 0, #852f2b 100%);
    border-color: #852F2B;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    box-shadow: 0 1px 0 #852F2B;
}

#videos_adm_tools .tools{
    float:right;
}

#videos_adm_tools select{
    border-radius:4px;
    border:1px solid #D2D2D2;
    padding: 2px 5px;
    font-size:12px;
    float:left;
}

#videos_adm_tools .delete{
    background-color: #852f2b;
    border-color: #852f2b;
    background-image: -moz-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -ms-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -o-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bc403a), color-stop(100%, #852f2b));
    background-image: -webkit-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: linear-gradient(to bottom, #bc403a 0, #852f2b 100%);
    border-color: #852F2B;
    border-radius: 4px 4px 4px 4px;
    color:#FFF;
    font-size:12px;
    padding:4px 10px 3px;
    float:left;
    box-shadow: 0 1px 0 #852F2B;
    display: block;
    cursor: pointer;
    font-family: Arial;
    margin-right:10px;
    border:0;
    margin:0 0 1px;
}

#videos_adm_tools .edit{
    background: rgb(112,182,96); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjY2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTdjM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(112,182,96,1) 0%, rgba(73,124,61,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,182,96,1)), color-stop(100%,rgba(73,124,61,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(112,182,96,1) 0%,rgba(73,124,61,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b660', endColorstr='#497c3d',GradientType=0 ); /* IE6-8 */
    color:#FFF;
    font-size:12px;
    border-radius:4px;
    padding:4px 10px 3px;
    float:left;
    -webkit-box-shadow: 0 1px 0 #2d6b1f;
    -moz-box-shadow: 0 1px 0 #2d6b1f;
    box-shadow: 0 1px 0 #2d6b1f;
    display: block;
    cursor: pointer;
    font-family: Arial;
    margin-right:10px;
    border:0;
    margin:0 10px 1px;
}

#top_users{
    margin-top:15px;
    overflow: hidden;
}

#top_users .title{
    background: #FFF;
    font-size:13px;
    color:#000000;
    padding:12px 5px 10px 12px; 
    border-radius:4px 4px 0 0;
}



#top_users ul#top_users_tabs{
    list-style:none;
    overflow: hidden;
    /*border-bottom:1px solid #e8e8e8;*/
}

#top_users ul#top_users_tabs li{
    float:left;
}

#top_users ul#top_users_tabs li a{
    background:#f7f7f7;
    display: block;
    font-size: 12px;
    color:#555555;
    cursor: pointer;
    padding:7px 0 6px;
    border-top:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    width: 88px;
    text-align: center;
}

#top_users ul#top_users_tabs li a.active{
    background:#FFF;
    padding-bottom: 7px;
    border-bottom:0;
}
#top_users ul#top_users_tabs li a.all{
    width:88px;
    border-right:0;
}

#top_users_holder{
    border-radius:0 0 4px 4px;
    overflow: hidden;
}

#top_users_holder .top_user{
    overflow: hidden;
    border-top:1px solid #FFF;
    border-bottom:1px solid #dbdbdb;
}

#top_users_holder .top_user:first-child{
    border-top:0;
}

#top_users_holder .top_user:last-child{
    border-radius:0 0 4px 4px;
}

#top_users_holder .top_user a{
    background:#FFF;
    padding:6px 7px 7px 7px;
    display: block;
    overflow: hidden;
}

#top_users_holder .top_user a:hover{
    background: #FFF;
}

#top_users_holder .top_user .top_user_avatar{
    border:1px solid #FFF;
    float:left;
    margin-right:11px;
}

#top_users_holder .top_user .top_user_info{
    color: #676767;
    float:left;
    width: 155px;
    font-size: 12px;
    font-family: Arial;
    color: #676767;
    font-weight: bold;
}

#top_users_holder .top_user .top_user_info .name{
    margin-top: 8px;
}

#top_users_holder .top_user .videos_count{
    float:right;
    width: 52px;
    text-align:right;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    color: #676767;
    margin-top:10px;
}

#top_users_holder #top_month,
#top_users_holder #top_all{
    display: none;
}

#videos_adm_form #adm_block_modal{
    background:rgba(0,0,0,0.8);
    position: fixed;
    top:255px;
    left:50%;
    margin-left:-200px;
    width: 400px;
    border-radius: 4px 4px 4px 4px;
    padding:10px 20px;
    display: none;
    z-index: 99;
}

#videos_adm_form #adm_block_modal .modal_title{
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
}

#videos_adm_form #adm_block_modal .modal_title a{
    background: url('../../../v3_imgs/ci/close_adm_modal.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
}

#videos_adm_form #adm_block_modal .adm_del_reason{
    background-color: #852f2b;
    border-color: #852f2b;
    background-image: -moz-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -ms-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -o-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bc403a), color-stop(100%, #852f2b));
    background-image: -webkit-linear-gradient(top, #bc403a 0, #852f2b 100%);
    background-image: linear-gradient(to bottom, #bc403a 0, #852f2b 100%);
    border-color: #852F2B;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 8px;
    text-align: center;
    cursor: pointer;
}