@import url('../_helpers/chan_header.css');
@import url('../_helpers/modal.css');
#mv_dvr_page{
    
}

#mv_content_wrapper #mv_content_width_wrapper{
    width: auto;
}

#mv_user_header{
    height: 116px;
}

#mv_user_header .mv_user_header_bg{
    background: url("../../v4_imgs/cat_bg.png") repeat-x scroll 0 0 transparent;
    height: 66px;
}

#mv_user_header .mv_user_header_info{
    height: 75px;
}

#mv_user_header .mv_user_header_avatar{
    background:url("../../v4_imgs/dvr_header_avatar.png") no-repeat scroll 0 0;
    width: 79px;
    height: 75px;   
}

#mv_user_header .mv_user_header_avatar a img{
    width: 55px;
    height: 55px;
    margin-top:8px;
    margin-left:10px;
}

#mv_user_header .mv_user_header_info .mv_user_channel_name{
    margin-top:7px;
    margin-left:14px;
}

#mv_user_header .mv_user_header_info .mv_user_channel_name a{
    color:#FFF;
    text-shadow:none;
}

#mv_user_header .mv_user_header_buttons{
    padding: 10px 0 9px 116px;
    border-top:1px solid #e0e0e0;
    width: auto;
}

#mv_user_header .mv_dvr_current_time{
    color:#646464;
    font-size:13px;
    text-shadow: 0 0 1px rgba(100,100,100,0.3);
}

#mv_user_header #fbShareButton{
    display: block;
    float:left;
}

.mv_video_cats_menu_title{
    padding: 16px 20px 12px;
}

.mv_video_cats_menu li a{
    color:#646464;
    text-shadow: 0 0 1px rgba(100,100,100,0.3);
    font-size:11px;
    line-height: 15px;
    padding:7px 0 7px 20px; 
}

.mv_video_cats_menu .mv_prog_start{
    float:left;
    width: 30px;
    font-family: Arial;
    text-shadow:none;
    font-weight: bold;
    margin-right:9px;
}

.mv_video_cats_menu .mv_prog_name{
    float:left;
    width: 165px;
}

.mv_video_cats_menu li a:hover, 
.mv_video_cats_menu li.prog_selected a{
    background: rgb(187,28,33); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiMWMyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDFhMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(187,28,33,1) 0%, rgba(164,26,31,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,28,33,1)), color-stop(100%,rgba(164,26,31,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb1c21', endColorstr='#a41a1f',GradientType=0 ); /* IE6-8 */
    color:#ffffff;
    text-shadow:0 0 1px rgba(255,255,255,0.3);
}

.mv_video_cats_menu li a.mv_future_prog_item{
    cursor: default;
    color:#a2a2a2;
    text-shadow:0 0 1px rgba(162,162,162,0.3);
}

.mv_video_cats_menu li a .mv_prog_edit_button{
    position: absolute;
    top:0;
    bottom: 0;
    right: 5px;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url('../../v4_imgs/edit_pro_black.png') no-repeat 0 0;
    background-size: 100% 100%;
}

.mv_video_cats_menu li a.mv_future_prog_item:hover{
    background: none;
}

.mv_video_cats_menu li a.has_branding img{
    display: block;
    float:left;
    margin-right:9px;
    border: 1px solid #E0E0E0;
    padding:1px;
}

.mv_video_cats_menu li a.has_branding .mv_prog_name{
    width: 128px;
}

.mv_video_cats_menu li a.has_branding .mv_prog_start{
    margin-top:6px;
}

.mv_video_cats_menu li a.has_branding .table_fix{
    display: table-cell;
    height: 26px;
    vertical-align: middle;
}

.mv_dvr_player_container{
    width: 739px;
    height: 500px;
    margin-top:20px;
    margin-right:20px;
}

.mv_dvr_banner_container{
    width: 160px;
    height: 500px;
    margin-top:20px;
}

.mv_dvr_switcher_container{
    width: 919px;
    height: 146px;
    margin-top:20px;
    overflow: hidden;
}

.mv_dvr_switcher_container object{
    width: 919px;
    height: 146px;
}

.no_flash{
    font-family: Arial;
    font-size:14px;
    color:#333;
    text-align:center;
    margin-top:40px;
}

.no_flash span{
    display: block;
    margin-bottom:5px;
}

.no_flash a{
    width: 158px;
    display: block;
    margin:0 auto;
}

.mv_dvr_days_archive_container{
    height: 23px;
    border:1px solid #eaeaea;
    margin-bottom:28px;
}

.mv_dvr_days_archive_container #timelineMonth{
    float:left;
    width: 80px;
    border-right:1px solid #eaeaea;
}

.mv_dvr_days_archive_container #timelineMonth select{
    width: 74px;
    border:0;
    color:#717171;
    font-size:11px;
    text-shadow:0 0 1px rgba(113,113,133,0.3);
    padding: 3px 0 3px;
}

.mv_dvr_days_archive_container #caldaysCont{
    float:left;
    width: 836px;
}

.mv_dvr_days_archive_container #caldaysCont div{
    float:left;
    font-size:11px;
    color:#c9c9c9;
    font-family: Arial;
    border-right:1px solid #eaeaea;
    width: 26px;
    text-align:center;
    padding: 7px 0 5px;
    cursor: default;
    
}

.mv_dvr_days_archive_container #caldaysCont div.timelineBt{
    color:#717171;
    cursor: pointer;
}

.mv_dvr_days_archive_container #caldaysCont div.last{
    border-right:0;
}

.mv_dvr_days_archive_container #caldaysCont div.timelineBt:hover,
.mv_dvr_days_archive_container #caldaysCont div.timelineActive{
    color:#FFF;
    background: #e20020;
}

.mv_dvr_chann_logos_container{
    overflow: hidden;
    margin-bottom:20px;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item{
    float:left;
    width: 222px;
    margin-right :9px;
    border-bottom:1px solid #ecedf0;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item.last{
    margin-right:0;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item a{
    background: url('../../v4_imgs/icons/arrow_right_grey.png') no-repeat 202px 20px;
    display: block;
    padding:9px 12px 9px 6px;
    color:#646464;
    text-shadow:0 0 1px rgba(100,100,100,0.3);
    font-size:13px;
    line-height:16px;
    width: 203px;
    overflow: hidden;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item a span{
    display: block;
    font-size: 11px;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item a:hover,
.mv_dvr_chann_logos_container .mv_dvr_chan_item.selected a{
    background: url('../../v4_imgs/icons/arrow_right_red.png') no-repeat 202px 20px;
    color:#f40022;
    text-shadow:0 0 1px rgba(244,0,34,0.3);
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item img{
    width: 32px;
    height: 32px;
    float:left;
    margin-right: 20px;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item .tv_logo{
    background-repeat:no-repeat;
    background-size:32px 100%;
    background-position: 0 0;
    width: 32px;
    height: 32px;
    float:left;
    margin-right: 20px;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item .mv_dvr_chan_item_name{
    display: table;
    float:left;
}

.mv_dvr_chann_logos_container .mv_dvr_chan_item .table_fix{
    width: 135px;
    display: table-cell;
    vertical-align: middle;
    height: 32px;
}



.nano {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 650px;
}
.nano .content {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: -17px!important;
    top: 0;
}
.nano .content:focus {
     outline: 0;
}
.nano > .pane {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50);
    bottom: 0;
    opacity: 0.01;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 10px;
    
}
.nano > .pane > .slider {
    background: #b61c21 url('../../v4_imgs/icons/slider_bg.png') no-repeat center center;
    margin: 0;
    position: relative;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
    opacity: 0.99;
}

#show_cutter{
    background-image: url("../../v4_imgs/icons/cutter_icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float:left;
    margin-right: 10px;
    margin-top:1px;
}

.mv_show_tv_programm{
    background-image: url("../../v4_imgs/icons/tv_programm_ico.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float:left;
    margin-right: 10px;
    margin-top:1px;
}

/** CUTTER **/
.mv_live_cutter{
    
}
.mv_live_cutter .mv_live_cutter_block{
    border: 1px solid #DDDDDD;
    margin-top: 20px;
    padding: 20px 19px 20px;
    position: relative;
    width: 878px;
    margin-bottom:20px;
    display: block;
    display: none;
}

.mv_live_cutter .mv_live_cutter_block .arrow{
    background: url("../../v4_imgs/icons/arrow_up.png") no-repeat 0 0;
    height: 11px;
    position: absolute;
    right: 417px;
    top: -11px;
    width: 20px;
}

.mv_live_cutter .mv_live_cutter_block.second_step{
    display: none;
}

.mv_live_cutter .mv_live_cutter_block_in{
    width: 429px;
    overflow: hidden;
}

.mv_live_cutter .mv_live_cutter_block_in.left{
    margin-right:10px;
}

.mv_live_cutter .input_holder{
    float:left;
    margin-right:15px;
    overflow: hidden;
}

.mv_live_cutter .input_holder.last{
    margin-right:0;
}

.mv_live_cutter .input_holder.no_float{
    float:none;
    margin-bottom:10px;
}

.mv_live_cutter  .crop_form_big_input{
     border:1px solid #e0e0e0;
    border-radius:4px;
    color:#707070;
    font-size:12px;
    font-family: Arial;
    padding:9px 5px 7px;
    height: 14px;
    width: 195px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    outline: none;
    text-align:center;
}

.mv_live_cutter  .text_input{
     border:1px solid #e0e0e0;
    border-radius:4px;
    color:#707070;
    font-size:12px;
    font-family: Arial;
    padding:9px 5px 7px;
    height: 14px;
    width: 402px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    outline: none;
}

.mv_live_cutter  textarea{
     border:1px solid #e0e0e0;
    border-radius:4px;
    color:#707070;
    font-size:12px;
    font-family: Arial;
    padding:9px 5px 7px;
    height: 40px;
    width: 402px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    outline: none;
    resize:vertical;
}

.mv_live_cutter label {
    color: #333333;
    display: block;
    font-size: 12px;
    margin-bottom: 8px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

#cutter_cats{
    margin-top:7px;
    height:165px; 
    overflow:auto;
    font-size:10px;
    background:#FFF;
    border:1px solid #E0E0E0;
    border-radius:4px;
}

#cutter_cats label.cutter_cat_item{
    color:#707070;
    display:block;
    font-size:10px;
    line-height: 14px;
    padding:3px 5px;
    margin-bottom:0;
}

.cutter_cat_item input{
    position: relative;
    top:3px;
}

.cutter_cat_item:hover{
    background:#E0E0E0;
    cursor: pointer;    
}

.mv_live_cutter select{
    border: 1px solid #E0E0E0;
    border-radius: 4px 4px 4px 4px;
    height: 33px;
    padding: 7px 5px 5px;
    width: 200px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02);
    color:#707070;
    font-size:12px;
    font-family: Arial;
    outline: none;
    float:left;
    margin-right:10px;
}

.mv_live_cutter .mv_alert{
    margin-top:20px;
    line-height: 20px;
}

.mv_live_cutter .mv_alert a{
    color:green;
}

.mv_live_cutter .crop_bigBtn,
.mv_live_cutter .crop_submit{
    background:#c23232;
    border: 0;
    border-radius: 4px 4px 4px 4px;
    display: block;
    font-size: 12px;
    padding: 9px 16px 7px;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    color:#FFF;
    width: 207px;
    margin-bottom:5px;
    cursor: pointer;
}
.mv_live_cutter .crop_submit{
    width: 207px;
    padding:8px 16px 6px;
}

#seekButtons a{
    background:#FBFBFB;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #333;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    padding: 11px 16px 10px;
    text-align: center;
    text-shadow: 0 0 1px rgba(51, 51, 51, 0.3);
    width: 53px;
}

#seekButtons a:hover{
    background: #F9F9F9;
}

#seekButtons{
    margin: 0 auto;
    overflow: hidden;
    width: 388px;
}
/** CUTTER **/
    
#dvrNote {
    color: #FFFFFF;
    display: none;
    font-size: 13px;
    left: 247px;
    position: absolute;
    top: 267px;
    z-index: 999;
}

#cutter_banner{
    background:url('../../v4_imgs/banners/cutter.png') no-repeat 0 0;
    height: 90px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 809px;
    padding-left:110px;
    display: block;
}

.cutter_banner_title{
    text-shadow:0 1px 0 rgba(0,0,0,0.34);
    color:#ffffff;
    font-size:20px;
    margin-top: 19px;
}

#cutter_banner p{
    font-size:13px;
    color:#FFF;
    line-height: 18px;
    margin-top:4px;
}

#dvrFlash{
    z-index: 100;
    position: relative;
}
.dvr_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:99;background:#000;display:none; cursor:pointer;opacity:0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}

#ui-datepicker-div{
    z-index: 99999;
}

#dvr_ipad{
    background:url('../../v4_imgs/dvr_ipad_bg.png') no-repeat center center;
    width: 100%;
    height: 528px;
    margin-top:20px;
    overflow: hidden;
    display: none;
}

#dvr_ipad_logo{
    background:url('../../v4_imgs/dvr_ipad_logo.png') no-repeat 0 0;
    width: 428px;
    height: 124px;
    margin:144px auto 0;
}

#dvr_ipad_text{
    text-align: center;
    width: 755px;
    margin:25px auto 0;
    font-size: 26px;
    line-height:34px;
    color:#FFF;
    text-shadow:0px 2px 2px rgba(1,1,1,0.37);
}

#dvr_ipad .buttons{
    width: 684px;
    margin:25px auto 0;
}

#dvr_ipad .buttons a{
    width: 215px;
    height: 99px;
    float:left;
    display: block;
    margin-right: 19px;
}

#dvr_ipad .buttons a.dvr_iphone{
    background:url('../../v4_imgs/dvr_iphone.png') no-repeat 0 0;
}

#dvr_ipad .buttons a.dvr_ipad{
    background:url('../../v4_imgs/dvr_ipad.png') no-repeat 0 0;
}

#dvr_ipad .buttons a.dvr_android{
    background:url('../../v4_imgs/dvr_android.png') no-repeat 0 0;
    margin-right: 0;
}

.vd_main_left_cont #form_prog li:hover a{
    background: rgb(187,28,33); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiMWMyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDFhMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(187,28,33,1) 0%, rgba(164,26,31,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,28,33,1)), color-stop(100%,rgba(164,26,31,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(187,28,33,1) 0%,rgba(164,26,31,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb1c21', endColorstr='#a41a1f',GradientType=0 ); /* IE6-8 */
   color:#FFF;
}


.vd_main_left_cont #form_prog li:hover a.go_to_channel{
    background:none;
    
}

.vd_main_left_cont #form_prog li:hover .mv_future_prog_item{
    background:none;
    color: #A2A2A2;
    cursor: default;
    text-shadow: 0 0 1px rgba(162, 162, 162, 0.3);
}

.vd_main_left_cont #form_prog li{
    position: relative;
}

.vd_main_left_cont #form_prog li .go_to_channel{
    background:none;
    height: 16px;
    left: 59px;
    position: absolute;
    top: 7px;
    width: 10px;
}

.next_step_chooser{
    display: none;
}

.next_step_chooser .cutter_buttons_wrap{
    width: 620px;
    margin: 10px auto;
    text-align: center;
}

.next_step_chooser .cutter_buttons_wrap a{
    background: #c23232;
    border: 0;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    font-size: 15px;
    padding: 15px 16px 13px;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    color: #FFF;
    width: 250px;
    cursor: pointer;
    text-align: center;
}

.next_step_chooser .cutter_buttons_wrap .cutter_save_cut{
    margin-left: 36px;
}

.next_step_chooser_loader{
    background: #FFF;
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: green;
    padding: 20px 0 0;
    display: none;
}