body, form, table
{
    margin              : 0px;
    font-family         : Arial,Helvetica,sans-serif;
    font-size           : 12px;
    color               : #101050;
}
body
{
    background-color: #f5f9ff;
}

.sHeader { background-color: #e0f5f5; height: 34px; color: #979797; font-size: 12px; line-height: 33px; min-width: 800px; }
.sName { color: #4f4e4e; float: left; padding-left: 15px;}
.sMenu { float: right; height: 19px; line-height: 19px; padding-top: 7px; margin: 0; }
.sMenu > li { float: left; border-left: 1px solid #bbc6c6; padding: 0 15px; position: relative; }
.sMenu > li a { color: #5f99e2; text-decoration: none; }
.sMenu > li:first-child { border-left: none; }
.sMenu .fa { color: #4f4e4e; font-size: 16px; line-height: 19px; }
.sMenu .uName { padding: 0 10px 0 3px; }
.sMenu i.flag { margin-right: 3px; }
.sMenu i.flag:before { display: inline-block; content: ''; background: url('/img/be_images/flags.png') no-repeat -72px -884px; width: 16px; height: 11px; }
.sMenu i.ru:before { background-position: -72px -884px; }
.sMenu i.en:before { background-position: -72px -1950px; }
.sMenu i.ch:before { background-position: 0 -1196px; }
.sMenu .dropDown { display: none; position: absolute; top: 27px; background: #fff; padding: 8px 10px; width: 140px; max-height: 140px; overflow-y: auto; box-shadow: 0 0 7px rgba(0,0,0,0.1); }
.sMenu .dropDown > li {padding: 3px 0 4px 0; }
.sMenu .dropDown a { color: #979797; }
.sMenu .dropDown a:hover { color: #5f99e2; }
.sFlags {
    position: relative;
    display: inline-block;
    height: 27px;
}
.sFlags:hover .dropDown {
    display: block;
}
.sMenu .layLink {
    border-bottom: 1px dotted #5f99e2;
}
.ServiceSelect {
    height: 27px;
}
.ServiceSelect:hover .dropDown {
    display: block;
    max-height: 500px;
    overflow-y: scroll;
}

.schemeBox { border: 1px solid #d6d6d6; background: #fff; border-radius: 3px; width: 355px; height: 160px; padding: 20px 15px 20px 0; }
.schemeBox .sbIcon { float: left; width: 80px; text-align: center; color: #5f99e2; font-size: 45px; }
.schemeBox .sbInfo { padding-left: 80px; }
.schemeBox h5 { color: #222222; font-size: 16px; font-weight: bold; margin: 0; }
.schemeBox p { color: #727272; font-size: 14px; padding: 8px 0 17px 0; line-height: 18px; margin: 0; }
.schemeBox .sbBtn { background: #5f99e2; border-radius: 3px; color: #fff; font-weight: bold; font-size: 14px; line-height: 36px; padding: 0 15px; display: block; float: left; }
.schemeBox a.sbBtn:hover { background: #6fa3e5; }
.schemeBox span.sbBtn  { background: #cfd0d3; }

.schemeLayout { width: 840px; margin: 0 auto; padding: 50px 0; }
.schemeLayout .schemeBox { margin: 0 auto 0 auto; }
.schemeLayout .schemeCol1 { float: left; width: 50%; }
.schemeLayout .schemeCol2 { float: right; width: 50%; }
.vLine { border-left: 1px solid #ced1d7; width: 1px; margin: 0 auto 16px auto; height: 50px; }
.vLine:before { color: #9fa2a8; font: 16px/1 FontAwesome; display: inline-block; content: "\f0ab"; margin-top: 50px; margin-left: -7px; }
.vLineToLeft { margin-left: 30%; }
.vLineToRight { margin-right: 30%; }


.ajax_form label {
    display: inline-block;
    line-height: 13px;
    padding-top: 4px;
    width: 120px;
}

.ajax_form p {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px 10px 0;
}

#user_registration_form .captcha #captcha_image {
    float: left;
    height: 30px;
    width: 110px;
}


#user_registration_form .captcha .key_wrapper {
    float: left;
    padding: 1px 0 0 10px;
}

#user_registration_form .captcha .reload_wrapper {
    background: rgba(0, 0, 0, 0) url("../../img/PTV_06_13/reload.png") no-repeat scroll 0 5px;
    color: #777777;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 23px;
    margin-left: 17px;
    padding: 7px 0 0 21px;
}

.centered {
    text-align: center;
}


div.htmlHeaderBlock
{
    background-color    : #E0F5F5;
    height              : 34px;
    vertical-align      : middle;
    line-height         : 33px;
    padding             : 0px 8px;
    color               : #979797;
}

div.htmlHeaderBlock .fa {
    color: #4f4e4e;
    font-size: 16px;
    line-height: 19px;
}

div.htmlHeaderBlock a{
    color: #5f99e2;
    text-decoration: none;
}

a.pic{position: relative; display: block;}

td.htmlHeaderSubTitle
{
    height              : 28px;
    vertical-align      : middle;
    line-height         : 26px;
    padding             : 0px 8px;
    font-size           : 16px;
    font-weight         : bold;
    color               : #777777;
}

div.htmlBodyBk
{
    font-family         : Arial,Helvetica,sans-serif;
    font-size           : 12px;
    background-image    : url(/img/be_images/ui/bk.png);
    background-repeat   : repeat-x;
}

div.htmlSeparate
{
    font-size           : 1px;
    background-image    : url(/img/be_images/ui/separate.gif);
    background-repeat   : repeat-x;
    height              : 2px;
}

font.htmlCaption
{
    font-family         : Arial,Helvetica,sans-serif;
    color               : #222;
    font-size           : 16px;
    font-weight         : bold;
}

div.htmlNavigation
{
    font-family         : Arial,Helvetica,sans-serif;
    font-size           : 12px;
    color               : #777777;
    text-decoration     : none;
}

div.htmlNavigation a
{
    font-family         : Arial,Helvetica,sans-serif;
    font-size           : 12px;
    color               : #003399;
    text-decoration     : none;
}

div.htmlNavigation a:hover
{
    text-decoration     : underline;
}

div.htmlLayout
{
    border              : 1px solid #7095D5;
    background-color    : white;
}

div.htmlToolbar
{
    height              : 26px;
    vertical-align      : middle;
    background-image    : url(/img/be_images/ui/tb_bk.png);
    background-repeat   : repeat-x;
    font-family         : Arial,Helvetica,sans-serif;
    font-size           : 12px;
    color               : #003399;
    text-decoration     : none;
    padding             : 0px 4px;
    line-height         : 25px;
}

div.htmlToolbar span.sep
{
    height              : 22px;
    width               : 8px;
    background-image    : url(/img/be_images/ui/tb_separate.gif);
    background-repeat   : no-repeat;
    display             : inline-block;
}

div.htmlToolbar a
{
    font-family         : Arial,Helvetica,sans-serif;
    font-size           : 12px;
    color               : #003399;
    text-decoration     : none;
    height              : 20px;
    line-height         : 20px;
    display             : inline-block;
    padding             : 0px 4px;
    border              : 1px solid transparent;
}

div.htmlToolbar a:hover
{
    border              : 1px solid #7095D5;
    background-image    : url(/img/be_images/ui/tb_btn.png);
    background-repeat   : repeat-x;
}

div.htmlTabs
{
    height              : 24px;
    line-height         : 24px;
    vertical-align      : bottom;
    padding             : 0px 4px;
    margin              : 0px;
}

div.htmlTabs a.active, a.inactive
{
    background-color    : #d6e8ff;
    padding             : 0px 8px;
    height              : 22px;
    line-height         : 22px;
    border              : 1px solid #7095D5;
    border-bottom-color : #d6e8ff;
    background-image    : url(/img/be_images/ui/tab_bk.gif);
    vertical-align      : middle;
    background-repeat   : repeat-x;
    display             : inline-block;
    text-decoration     : none;
    font-weight         : bold;
    color               : #7095D5;
}

div.htmlTabs a.inactive
{
/*    background-image    : url(/img/be_images/ui/tab_bka.gif); */
    background-image    : none;
    border-bottom-color : #d6e8ff;
    font-weight         : normal;
    background-color    : white;
    color               : #7095D5;
}

.category_name{
	cursor: pointer;
}

.weather-elabel {
    width: 120px;
    height: 80px;
    background: #fff;
    border: 1px solid #000;
    padding: 5px;
    cursor: pointer;
}

#map_canvas .clone_objects, #map_canvas .move_objects, #map_canvas .handle_objects, #map_canvas .object_logo {
    margin-left  : 10px;
    margin-right : 5px;
    float        : left;
    position     : relative;
    text-align   : center
}

#map_canvas .object_logo {
    margin-right : 0;
}
#showHideColumn{
    cursor: pointer;
    position: fixed;
    background: #e0f5f5 url("/img/be_images/uiNaviL.gif") no-repeat 50% 50%;
    width: 13px;
    height: 30px;
    top: 50%;
    left: 280px;
    border: 1px solid #6f9dd9;
    border-left: none;
}
#showHideColumn.reverse_background{
    background: #e0f5f5 url("/img/be_images/uiNaviR.gif") no-repeat 50% 50%;
    left: 30px;
}
.highcharts-container{width:100% !important; height:100% !important;}

.iframe-player-wrapper {width: 100%; height:0; padding-top:  56.25%; position: relative;}
.iframe-player-wrapper>div {position: absolute; top: 0; left: 0; bottom: 0; right:0;}
.iframe-player-wrapper iframe {display: block; width: 100%; height: 100%;}

.projectPanel { background-color: #ddecff; margin-left: -10px; padding: 10px; color: #222; font-family: arial, sans-serif; }
.projectPanelElement, .projectPanelElementS { background-color: #fff; padding: 20px; margin-bottom: 1px; }
.projectPanelElementS { background-color: #f5f9ff; }
.projectPanel h1 { font-size: 20px; font-weight: bold; margin-bottom: 12px; margin-top: 0;}
.projectPanel a { color: #62a0e8; text-decoration: none; }
.projectPanel .params { font-size: 12px; color: #767676; margin: 0;}
.projectPanel .params li { float: left; margin-right: 25px; }
.projectPanel .params li span { color: #adadad; }
.projectPanelElementS .params  { margin: -7px 0 -7px 0; }
.projectText { border: 1px solid #ccdbef; padding: 17px; width: 100%; max-height: 350px; font-size: 14px; line-height: 20px; overflow: auto; }
.projectText p { margin-bottom: 18px; }
.projectPanelElement dl { margin-bottom: 20px; min-width: 600px; }
.projectPanelElement dt { float: left; width: 145px; margin-right: 20px; margin-bottom: 15px; text-align: right; background: #a4b6ce;}
.projectPanelElement dd { line-height: 16px; font-size: 14px; min-height: 18px; margin-bottom: 15px; }
.projectPanelElement dd .videoPre { float: left; margin-right: 18px; }
.projectPanelElement dt span { display: block; float: right; color: #fff; font-size: 11px; text-transform: uppercase; line-height: 12px; padding: 3px 5px 3px 5px; }
.projectPanelElement dt .videoInfo { margin-top: 35px; }
.projectPanelElement .videoInfo  { font-size: 14px; color: #767676; line-height: 18px; }
.projectPanelElement .videoInfo li { margin-bottom: 10px; }
.projectPanelElement .videoInfo em { font-size: 12px; color: #adadad; display: block; }
#video_processing_report_area {float: left; width: 300px;}
#video_processing_report_area .bitrate_block {position: relative; height: 20px; margin-bottom: 5px;}
#video_processing_report_area .bitrate_name {position: absolute; left: 0; top: 0; height: 20px; line-height: 20px; width: 80px;}
#video_processing_report_area .bitrate_type {position: absolute; left: 80px; top: 0; height: 20px; line-height: 20px; width: 50px;}
#video_processing_report_area .bitrate_progress_wrapper {position: absolute; left: 130px; top: 0; height: 20px; width: 140px; background-color: #a4b6ce;}
#video_processing_report_area .bitrate_progress_line {position: absolute; left: 0; top: 0; height: 20px; width: 0; background-color: #89a; z-index:1;}
#video_processing_report_area .bitrate_progress_text {position: absolute; left: 0; top: 0; height: 20px; line-height: 20px; width: 100%; text-align: center; color: white; z-index: 2;}
#video_processing_report_area .bitrate_sign {position: absolute; right: 0; top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; font-weight: bold;}

/* Clear fix */
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

li {
    list-style: outside none none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    padding: 0;
}
.x-border-box, .x-border-box * {
    box-sizing: border-box;
}
textarea,pre {
    -moz-tab-size : 4;
      -o-tab-size : 4;
         tab-size : 4;
}