@font-face {
    font-family: 'Myriad pro';
    src: url('fonts/mypro-it-webfont.eot');
    src: url('fonts/mypro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mypro-it-webfont.woff') format('woff'),
         url('fonts/mypro-it-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Myriad pro';
    src: url('fonts/mypro-regular-webfont.eot');
    src: url('fonts/mypro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mypro-regular-webfont.woff') format('woff'),
         url('fonts/mypro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Myriad pro';
    src: url('fonts/mypro-semibold-webfont.eot');
    src: url('fonts/mypro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mypro-semibold-webfont.woff') format('woff'),
         url('fonts/mypro-semibold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Myriad pro';
    src: url('fonts/mypro-semiboldit-webfont.eot');
    src: url('fonts/mypro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mypro-semiboldit-webfont.woff') format('woff'),
         url('fonts/mypro-semiboldit-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

body {
    font: 14px/17px 'Myriad pro', Tahoma, Geneva, hevetica, sans-serif;
    background-color: #FFF;
    margin: 0;
    padding: 0;
    color: #000;
    min-width: 960px;
}

label, span.label {
    clear:both;
    color:#000;
    display:block;
    font-size:10px;
    line-height:10px;
    margin:0;
    padding-top:0px;
    padding-bottom:4px;
    font-weight:bold;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
    padding-right: 0;
    padding-left: 0; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}

ul, ol, dl {
    padding: 0;
    margin: 0;
}

a img {
    border: none;
}

a {
    color: #1875a7;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    color: #666666;
}

.info_block {
    background: url('picture/info.gif') 0px 0px no-repeat;
    padding-left: 15px;
    font-size: 10pt;
    font-weight: normal;
    font-style: italic;
}

.block_info {
    background: url('picture/info.gif') 0px 0px no-repeat;
    padding-left: 15px;
    font-size: 10pt;
    font-weight: normal;
    font-style: italic;
}

.comment_block {
    background: url('picture/comment.png') 0px 0px no-repeat;
    float: right;
    width: 28px;
    height: 21px;
    text-align: center;
    color: #000;
    font-weight: bold;
    padding-top: 2px;
    z-index: 150;
}

.div_small {
    font-size: 8pt;
}

.clock_block {
    background: url('picture/clock.png') 0px no-repeat;
    padding-left: 20px;
}

.link_table {
    background: url('picture/link_table.png') 0px no-repeat;
    padding-left: 20px;
}

.link_wizard {
    background: url('picture/link_wizard.png') 0px no-repeat;
    padding-left: 20px;
}

.link_tel {
    background: url('picture/link_tel.png') 0px no-repeat;
    padding-left: 20px;
}

.link_scheme {
    background: url('picture/link_scheme.png') 0px no-repeat;
    padding-left: 20px;
}

.link_minus {
    background: url('picture/link_minus.png') 0px no-repeat;
    text-decoration: none;
    padding-left: 20px;
}

.link_more {
    background: url('picture/link_more.png') 0px no-repeat;
    text-decoration: none;
    padding-left: 20px;
}

.link_calendar {
    background: url('picture/calendar.png') 0px no-repeat;
    text-decoration: none;
    padding-left: 20px;
}

.link_left2 {
    background: url('picture/link_left2.png') 100% 50% no-repeat;
    text-decoration: none;
    padding-left: 20px;
}

.link_left3 {
    background: url('picture/paging_left.png') 100% 50% no-repeat;
    text-decoration: none;
    padding-left: 8px;
}

.link_right3 {
    background: url('picture/paging_right.png') 100% 50% no-repeat;
    text-decoration: none;
    padding-right: 8px;
}

.link_right2 {
    background: url('picture/link_right2.png') 100% 50% no-repeat;
    text-decoration: none;
    padding-right: 20px;
}

.link_right {
    background: url('picture/link.png') 100% 50% no-repeat;
    padding-right: 20px;
}

.link_right:hover {
    background: url('picture/link_hover.png') 100% 50% no-repeat;
    padding-right: 20px;
}

.link_img {
    background: url('picture/link_img.png') 0px no-repeat;
    padding-left: 10px;
}

.link_img2 {
    background: url('picture/link_img.png') 6px no-repeat;
    padding-left: 20px;
}

.link_add {
    background: url('picture/link_add.png') 0px no-repeat;
    padding-left: 20px;
}

.link_add2 {
    background: url('picture/link_add2.png') 0px no-repeat;
    padding-left: 20px;
}

.link_download {
    background: url('picture/link_down.png') 0px no-repeat;
    padding-left: 20px;
}

.link_down2 {
    background: url('picture/link_down2.png') 0px no-repeat;
    padding-left: 20px;
}

.link_bell {
    background: url('picture/link_bell.png') 0px no-repeat;
    padding-left: 20px;
}

.link_delete {
    background: url('picture/link_delete.png') 0px no-repeat;
    padding-left: 20px;
}

.link_edit {
    background: url('picture/link_edit.png') 0px no-repeat;
    padding-left: 20px;
}

.link_filter {
    background: url('picture/link_filter.png') 0px no-repeat;
    padding-left: 20px;
}

.link_jur {
    background: url('picture/link_jur.png') 0px no-repeat;
    padding-left: 20px;
}

.link_left {
    background: url('picture/link_left.png') 0px no-repeat;
    padding-left: 20px;
}

.link_lock {
    background: url('picture/link_lock.png') 0px no-repeat;
    padding-left: 20px;
}

.link_map {
    background: url('picture/link_map.png') 0px no-repeat;
    padding-left: 20px;
}

.link_mark {
    background: url('picture/link_mark.png') 0px no-repeat;
    padding-left: 20px;
}

.link_question {
    background: url('picture/link_question.png') 0px no-repeat;
    padding-left: 20px;
}

.link_find_small {
    background: url('picture/link_find_small.png') 0px no-repeat;
    padding-left: 20px;
}

.link_set {
    background: url('picture/link_set.png') 0px no-repeat;
    padding-left: 20px;
}

.link_split {
    background: url('picture/link_split.png') 0px no-repeat;
    padding-left: 20px;
}

.link_join {
    background: url('picture/link_join.png') 0px no-repeat;
    padding-left: 20px;
}

.link_store {
    background: url('picture/link_store.png') 0px no-repeat;
    padding-left: 20px;
}

.link_tobiv {
    background: url('picture/link_tobiv.png') 0px no-repeat;
    padding-left: 20px;
}

.link_tootkl {
    background: url('picture/link_tootkl.png') 0px no-repeat;
    padding-left: 20px;
}

.link_yes {
    background: url('picture/link_yes.png') 0px no-repeat;
    padding-left: 20px;
}

.link_hummer {
    background: url('picture/link_hummer.png') 0px no-repeat;
    padding-left: 20px;
}

.link_wait {
    background: url('picture/link_wait.png') 0px no-repeat;
    padding-left: 20px;
}

.link_cancel {
    background: url('picture/link_cancel.png') 0px no-repeat;
    padding-left: 20px;
}

.link_book {
    background: url('picture/link_book.png') 0px no-repeat;
    padding-left: 20px;
}

.link_reload {
    background: url('picture/link_reload.png') 0px no-repeat;
    padding-left: 20px;
}

.link_pers {
    background: url('picture/lm_pers.png') 0px no-repeat;
    padding-left: 20px;
}

.link_tel {
    background: url('picture/link_tel.png') 0px no-repeat;
    padding-left: 20px;
}

#login_page {
    background: #072455;
}

.input_box {
    color: #000;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #B5B6B5;
    outline: none;
    padding: 0 10px;
    padding-right: 10px;
    font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
}

.input_box:focus {
    background: #F7EFEF;
    border: 1px solid #808080;
}

.date_box {
    background: url('picture/calendar.png') 95% 45% no-repeat;
}

.date_box:focus {
    background: url('picture/calendar.png') 95% 45% no-repeat;
}

.find_box {
    background: url('picture/find.png') 95% 45% no-repeat;
}

.find_box:focus {
    background: url('picture/find.png') 95% 45% no-repeat;
}

.div_center {
    text-align: center;
}

.div_right {
    text-align: right;
}

.div_bold {
    font-weight: bold;
}

* html #login_page { /* хак для IE6 */ 
    background: #072455;
}

#login_page #login_page_toplogo {
    width: 100%;
    height: 200px;
    background: url('picture/us_transparent_logo.png') top no-repeat;
}

* html #login_page #login_page_toplogo { /* хак для IE6 */ 
    background: #072455;
}

#login_page #login_page_info {
    width: 360px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -330px;
    position: absolute;
    background: rgba(0,0,0,0.15);
    color: #fff;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 10px;
}

#login_page #login_page_info h1 {
    font-size: 18px;
    margin-bottom: 15px;
}

#login_page #login_page_alert {
    width: 360px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -220px;
    position: fixed;
    background: rgba(0,0,0,0.15);
    box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);
    padding: 10px;
}

#login_page #login_page_alert_inside {
    background: #fff;
    position: relative;
    background: url('picture/popup_error.png') top left no-repeat #FFF;
    padding: 20px;
    padding-left: 80px;
    font-size: 17px;
}

#login_page #login_page_pda {
    width: 64px;
    height: 64px;
    background: url('picture/pda.png') no-repeat;
    display: block;
    position: fixed;
    bottom: 60px;
    /*left: 50%;
    margin-left: -32px;
    */
    right: 0;
}


#login_page #login_page_form {
    width: 100%;
    max-width: 360px;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -120px;
    position: absolute;
    background: rgba(0,0,0,0.15);
    box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);
    padding: 15px;
}

#login_page #login_page_form form {
    background: #c4ccd4;
    padding: 15px;
    position: relative;
}

#login_page #login_page_form .title {
    margin-bottom: 15px;
    font-size: 21px;
}

#login_page #login_page_form .field {
    width: 90%;
    max-width: 314px;
    height: 26px;
    line-height: 26px;
    padding: 0px 8px;
    font: 13px/25px 'Myriad pro', Tahoma, Geneva, sans-serif;
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.6);
    background: #FFF;
    border: none;
    margin-bottom: 10px;
}

#login_page #login_page_form .button {
    font-size: 15px;
    padding: 10px 20px;
    background: #1875a7;
    color: #FFF;
    border: 0px;
    outline: 0px;
    cursor: pointer;
}

#login_page #login_page_form .button:hover {
    background: #095882;
}

#login_page #login_page_form #link_cabinet {
    position: absolute;
    right: 3px;
    bottom: 30px;
    color: #1875a7;
    background: url('picture/link.png') 100% 50% no-repeat;
    padding-right: 20px;
}

#login_page #login_page_form #link_cabinet:hover {
    color: #666666;
    background: url('picture/link_hover.png') 100% 50% no-repeat;
}

#login_page_footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0,0,0,0.2);
    box-shadow:inset 0px 3px 3px rgba(0,0,0,0.2);
    height: 50px;
    min-width: 1000px;
}

* html #login_page_footer { /* хак для IE6 */ 
    background: #001842;
}

#login_page_footer #down_copy {
    position: absolute;
    top: 15px;
    left: 25px;
    color: #fff;
}

#login_page_footer #down_copy span {
    padding: 0px 15px;
}

#login_page_footer #down_copy a {
    color: #1875a7;
}

#login_page_footer #down_copy a:hover {
    color: #666666;
}

#top_topline {
    position: fixed;
    width: 100%;
    height: 40px;
    background: #1875a7;
    top: 0;
    left: 0;
    z-index: 900;
}

#top_topline1 {
    position: fixed;
    width: 100%;
    height: 40px;
    background: #848284;
    top: 0;
    left: 0;
    z-index: 900;
}

#top_topline2 {
    position: fixed;
    width: 100%;
    height: 40px;
    background: -moz-linear-gradient(left, #1875a7, #848284 100%);
    background: -webkit-linear-gradient(left, #1875a7, #848284 100%);
    background: -o-linear-gradient(left, #1875a7, #848284 100%);
    background: -ms-linear-gradient(left, #1875a7, #848284 100%);
    background: linear-gradient(to right, #1875a7, #848284 100%);
    top: 0;
    left: 0;
    z-index: 900;
}

#top_userbar {
    height: 40px;
    line-height: 40px;
    background: #1875a7;
    color: #FFF;
    position: relative;
/*    max-width: 1400px;*/
    margin: 0 auto;
    padding: 0 20px;
}

#top_userbar1 {
    height: 40px;
    line-height: 40px;
    background: #848284;
    color: #FFF;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

#top_userbar2 {
    height: 40px;
    line-height: 40px;
    color: #FFF;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

#top_search {
    position: relative;
    width: 250px;
}

#top_search #top_field {
    color: #83898b;
    font-size: 13px;
    height: 23px;
    line-height: 23px;
    width: 205px;
    border: none;
    outline: none;
    padding: 0 10px;
    padding-right: 35px;
    font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
    position: absolute;
    top: 8px;
    left: 0;
}

#top_search #top_button {
    width: 28px;
    height: 23px;
    background: url('picture/top_search.png') no-repeat;
    cursor: pointer;
    border: none;
    position: absolute;
    top: 8px;
    right: 0;
}

#top_search #top_button:hover {
    background: url('picture/top_search_hover.png') no-repeat;
}

#top_alert {
    width: 200px;
    height: 40px;
    position: absolute;
    left: 290px;
    top: 0;
    color: #FFF;
    overflow: hidden;
}

#top_alert a {
    color: #FFF;
    text-decoration: underline;
    line-height: 40px;
    font-size: 15px;
    background: url('picture/top_alert.png') 0% 50% no-repeat;
    padding-left: 25px;
}

#top_links {
    height: 20px;
    float: right;
    margin: 10px 0;
    line-height: 20px;
}

#top_links li {
    display: inline-block;
    border-left: 1px solid #195f84;
    height: 100%;
    text-align: center;
    padding-left: 10px;
    margin-left: 10px;
}

#top_links li:first-child {
    border: none;
}

#top_links li a {
    color: #FFF;
    text-align: center;
}

#top_links li a:hover {
    color: #DEDFDE;
}

#top_links li #top_region {
    background: url('picture/top_region.png') 0% 50% no-repeat;
    padding-left: 15px;
    text-decoration: none;
    border-bottom: 1px dashed;
}

#region_select {
    background-color: #1875a7;
    border: 1px solid #e0e0e0;
    margin-left: -50px;
    padding-left: 25px;
}

#region_select ul {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px;
    margin-left: -15px;
    list-style: square outside;
    color: #fff;
}

#region_select li{
    border: none;
    display: list-item;
    line-width: 100%;
    text-align: left;
}

#top_find_result {
    background-color: #1875a7;
    color: #fff;
    border: 1px solid #e0e0e0;
    position: absolute;
    line-height: 23px;
    top: 35px;
    min-width: 250px;
    padding-left: 5px;
    padding-right: 10px;
}

#top_find_result a{
    color: #fff;
}

#top_find_result a:hover{
    color: #DEDFDE;
}

#top_find_result ul {
    border-bottom: 1px solid #e0e0e0;
    padding-right: 5px;
    margin-left: 0px;
    list-style: square inside;
    color: #fff;
}

#top_find_result li{
    border: none;
    display: list-item;
    text-align: left;
    font-size: 12px;
}

#top_links li #top_spravka {
    background:url('picture/top_spravka.png') 0% 50% no-repeat;
    padding-left: 20px;
}

#top_links li #top_spravka:hover {
    background:url('picture/top_spravka_hover.png') 0% 50% no-repeat;
}

#top_links li #top_msg {
    background: url('picture/top_msg.png') 0% 50% no-repeat;
    padding-left: 20px;
}

#top_links li #top_user {
    background: url('picture/top_user.png') 0% 50% no-repeat;
    padding-left: 20px;
}

#top_links li #top_exit {
    background: url('picture/top_exit.png') 0% 50% no-repeat;
    padding-left: 20px;
}

/* ~~ этот контейнер фиксированной ширины окружает остальные DIV ~~ */
#page_container {
/*    max-width: 1400px;*/
    margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */
    padding: 0 20px;
    position: relative;
    margin-top: 60px;
    /* border: 3px solid #f00; */
}

#menu_logo {
    width: 250px;
    height: 70px;
    display: block;
    background: url('picture/us_logo.png') no-repeat;
    position: relative;
    margin-bottom: 40px;
    text-decoration: none;
}

#menu_logo #menu_description {
    font-size: 11px;
    color: #0375b0;
    padding-top: 50px;
    padding-left: 75px;
}

#menu_logo1 {
    width: 250px;
    height: 70px;
    display: block;
    background: url('picture/us_logo_gray.png') no-repeat;
    position: relative;
    margin-bottom: 40px;
    text-decoration: none;
}

#menu_logo1 #menu_description {
    font-size: 11px;
    color: #848284;
    padding-top: 50px;
    padding-left: 75px;
}

#menu_logo1 #div_planed {
    background: #fff;
    color: #f00;
    font-weight: bold;
    border: 1px solid #000;
    position: absolute;
    padding-left: 2px;
    padding-right: 2px;
    right: 0px;
    top: 32px;
}

#menu_logo2 {
    width: 250px;
    height: 70px;
    display: block;
    background: url('picture/us_logo.png') no-repeat;
    position: relative;
    margin-bottom: 40px;
    text-decoration: none;
}

#menu_logo2 #menu_description {
    font-size: 11px;
    color: #0375b0;
    padding-top: 50px;
    padding-left: 75px;
}

.div_razdel {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 20px;
    text-transform:uppercase;
}

/* ------------------------------------ */
/* -----------Левое меню------------ */
/* ------------------------------------ */

nav {
}

nav ul {
    list-style: none;
}

nav ul li {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

nav ul li a {
    line-height: 28px;
    color: #1875a7;
    font-size: 15px;
    text-decoration: none;
    height: 29px;
    display: block;
    padding-left: 30px;
    border-bottom: 1px solid #e0e0e0;
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

nav ul li a span {
    float: right;
    color: #666666;
    font-size: 13px;
    margin-right: 10px;
}

nav ul li a .span_second {
    float: right;
    color: #1871A5;
    font-size: 13px;
    margin-right: 20px;
}

.nav_short {
    position: absolute;
    width: 30px;
    border-right: 1px solid #E7E3E7;
    overflow: hidden;
}

.nav_short span {
    display: none;
}

#mywork_blink {
    color: #f00;
    font-weight: bold;
}

nav ul li a:hover {
    background-color: #f2f5f5;
    color: #666666;
}

nav ul li ul {
    padding-left: 30px;
}

nav ul li ul li {
    list-style: square;
    color: #0aa41c;
}

nav ul li ul li:hover {
    color: #9C9E9C;
}

nav ul li ul li a{
    line-height: 18px;
    color: #1875a7;
    font-size: 15px;
    text-decoration: none;
    height: 100%;
    display: block;
    padding-left: 10px;
    border-bottom: none;
}

nav ul li ul li a:hover {
    background: none ;
    text-decoration: underline;
}

nav ul li:hover ul {
}

nav ul li.active a {
    background-color: #0088d1;
    color: #FFF;
    border: none;
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

nav ul li a.i1  {background-image: url('picture/lm_main.png');}
nav ul li a.i1:hover {background-image:url('picture/lm_main_hover.png');}
nav ul li.active a.i1 {background-image:url('picture/lm_main_active.png');}

nav ul li a.i2 {background-image: url('picture/lm_abon.png'); cursor: pointer;}
nav ul li a.i2:hover {background-image: url('picture/lm_abon_hover.png'); text-decoration: underline;}
nav ul li.active a.i2 {background-image: url('picture/lm_active.png');}

nav ul li a.i4 {background-image: url('picture/lm_tarif.png'); cursor: pointer;}
nav ul li a.i4:hover {background-image: url('picture/lm_tarif_hover.png'); text-decoration: underline;}
nav ul li.active a.i4 {background-image: url('picture/lm_tarif_active.png');}

nav ul li a.i5 {background-image: url('picture/lm_message.png'); cursor: pointer;}
nav ul li a.i5:hover {background-image: url('picture/lm_message_hover.png'); text-decoration: underline;}
nav ul li.active a.i5 {background-image: url('picture/lm_message_active.png');}

nav ul li a.i6 {background-image: url('picture/lm_buh.png'); cursor: pointer;}
nav ul li a.i6:hover {background-image: url('picture/lm_buh_hover.png'); text-decoration: underline;}
nav ul li.active a.i6 {background-image: url('picture/lm_buh_active.png');}

nav ul li a.i7 {background-image: url('picture/lm_equip.png'); cursor: pointer;}
nav ul li a.i7:hover {background-image: url('picture/lm_equip_hover.png'); text-decoration: underline;}
nav ul li.active a.i7 {background-image: url('picture/lm_equip_active.png');}

nav ul li a.i8 {background-image: url('picture/lm_journal.png'); cursor: pointer;}
nav ul li a.i8:hover {background-image: url('picture/lm_journal_hover.png'); text-decoration: underline;}
nav ul li.active a.i8 {background-image: url('picture/lm_journal_active.png');}

nav ul li a.i9 {background-image: url('picture/lm_sklad.png'); cursor: pointer;}
nav ul li a.i9:hover {background-image: url('picture/lm_sklad_hover.png'); text-decoration: underline;}
nav ul li.active a.i9 {background-image: url('picture/lm_sklad_active.png');}

nav ul li a.i10 {background-image: url('picture/lm_map.png'); cursor: pointer;}
nav ul li a.i10:hover {background-image: url('picture/lm_map_hover.png'); text-decoration: underline;}
nav ul li.active a.i10 {background-image: url('picture/lm_map_active.png');}

nav ul li a.i11 {background-image: url('picture/lm_pers.png'); cursor: pointer;}
nav ul li a.i11:hover {background-image: url('picture/lm_pers_hover.png'); text-decoration: underline;}
nav ul li.active a.i11 {background-image: url('picture/lm_pers_active.png');}

nav ul li a.i12 {background-image: url('picture/lm_rekl.png');}
nav ul li a.i12:hover {background-image: url('picture/lm_rekl_hover.png');}
nav ul li.active a.i12 {background-image: url('picture/lm_rekl_active.png');}

nav ul li a.i13 {background-image: url('picture/lm_memo.png');}
nav ul li a.i13:hover {background-image: url('picture/lm_memo_hover.png');}
nav ul li.active a.i13 {background-image: url('picture/lm_memo_active.png');}

nav ul li a.i14 {background-image: url('picture/lm_stat.png');}
nav ul li a.i14:hover  {background-image: url('picture/lm_stat_hover.png');}
nav ul li.active a.i14 {background-image: url('picture/lm_stat_active.png');}

nav ul li a.i15 {background-image: url('picture/lm_oper.png'); cursor: pointer;}
nav ul li a.i15:hover {background-image: url('picture/lm_oper_hover.png'); text-decoration: underline;}
nav ul li.active a.i15 {background-image: url('picture/lm_oper_active.png');}

nav ul li a.i16 {background-image: url('picture/lm_demo.png');}
nav ul li a.i16:hover {background-image: url('picture/lm_demo_hover.png');}
nav ul li.active a.i16 {background-image: url('picture/lm_demo_active.png');}

nav ul li a.i17 {background-image: url('picture/lm_set.png'); cursor: pointer;}
nav ul li a.i17:hover {background-image: url('picture/lm_set_hover.png'); text-decoration: underline;}
nav ul li.active a.i17 {background-image: url('picture/lm_set_active.png');}

nav ul li a.i18 {background-image: url('picture/lm_update.png');}
nav ul li a.i18:hover {background-image: url('picture/lm_update_hover.png');}
nav ul li.active a.i18 {background-image: url('picture/lm_update_active.png');}

nav ul li a.i19 {background-image: url('picture/lm_intf.png'); cursor: pointer;}
nav ul li a.i19:hover {background-image: url('picture/lm_intf_hover.png'); text-decoration: underline;}
nav ul li.active a.i19 {background-image: url('picture/lm_intf_active.png');}

#popup {
    position: fixed;
    top: 45px;
    left: 50%;
    margin-left: -150px;
    width: 220px;
    height: 39px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    background: url('picture/popup.png') top left no-repeat #FFF;
    z-index: 1000;
    padding: 10px;
    padding-left: 80px;
    border: 3px solid #0088d1;
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 20px;
}

#popup_error {
    position: fixed;
    top: 45px;
    left: 50%;
    width: 220px;
    height: 39px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    background: url('picture/popup_error.png') top left no-repeat #FFF;
    z-index: 1000;
    padding: 10px;
    padding-left: 80px;
    margin-left: -150px;
    border: 3px solid #0088d1;
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 20px;
}

#main_content {
    /* border: 3px solid #0ff; */
}

.main_content_inside {
    margin-left: 300px;
}

.main_content_inside_min {
    padding-top: 10px;
    margin-left: 50px;
}

.main_content_inside_right_aside {
    margin-right: 220px;
}

#aside_left {
    float: left;
    width: 250px;
    padding-bottom: 10px;
    margin-right: 40px;
    /* border: 3px solid #0f0; */
}

#aside_right {
    padding: 5px;
    width: 200px;
    background: #F7EFEF;
    border-left: 2px solid #E7E7E7;
    position: absolute;
    top: 0px;
    right: 12px;
}

#top_topinfo {
    width: 100%;
    height: 60px;
    margin-bottom: 45px;
}

#div_contentplace { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если overflow:hidden удалено в .container */
}

#div_empty {
    clear: both;
    background-color: #0f0;
    height: 0;
    line-height: 0;
    font: 1px;
}

footer {
    padding: 30px 0;
    margin-top: 20px;
    border-top: 2px solid #e0e0e0;
    position: relative;
}

footer #down_copy {
    color: #83898b;
    font-size: 13px;
}

footer #down_copy span {
    margin: 0 20px;
}

footer #down_copy a {
}

footer #down_support {
    width: 160px;
    height: 24px;
    background: url('picture/support.png') no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 25px;
}

footer #down_support:hover {
    background: url('picture/support_hover.png') no-repeat;
}

footer #down_support_div {
    width: 500px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #1871A5;
    color: #fff;
    padding: 5px;
}

footer #down_support_div ul {
    list-style: square inside;
    padding-bottom: 10px;
}

footer #down_support_div ul li {
    margin: 5px;
}

footer #down_support_div a {
    color: #fff;
}

footer #down_support_div a:hover {
    color: #C6C3C6;
}

footer #down_support_div h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -5px;
    margin-bottom: 2px;
}

footer #down_support_div #down_support_cancel {
    position: absolute;
    right: 10px;
    top: 5px;
    background: url('picture/cancel.png') 100% 50% no-repeat;
    padding-right: 20px;
}

footer #down_finishinfo {
    display: block;
    position: absolute;
    right: 0;
    margin-right: 170px;
    padding: 2px;
    font-size: 8pt;
    top: 25px;
    color: #fff;
}

footer #down_finishinfo_full {
    display: block;
    position: relative;
    float: right;
    right: 0;
    margin-right: 170px;
    padding: 2px;
    top: -40px;
    font-size: 9pt;
    background-color: #C6C3C6;
    border: 1px solid #000;
}

footer #down_finishinfo2_full {
    top: 20px;
    padding: 10px;
    position: relative;
    background-color: #C6C3C6;
    border: 1px solid #000;
    width: 400px; 
}

.dashed_link {
    text-decoration: none;
    border-bottom: 1px dashed;
}

.div_debug_header {
    margin-top: 50px;
    margin-left: 10px;
    font-weight: bold;
}

.div_debug {
    background-color: #CACACA;
    border: 2px solid #000;
    margin: 10px;
    padding: 2px;
}

.div_sql_debug {
    background-color: #fff;
    border: 1px solid #000;
    margin: 10px;
    padding: 2px;
}

.debug_greentext {
    color: #008000;
    font-weight: bold;
}

.debug_boldtext {
    font-weight: bold;
}

#admin_info .block {
    background: #0aa41c;
    color: #FFF;
    padding: 5px 10px;
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
}

#admin_info .block .first {
    display: inline-block;
    text-align: right;
    list-style: none;
    line-height: 16px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #0b8a1a;
    overflow: hidden;
}

#admin_info .block .second {
    display: inline-block;
    text-align: left;
    list-style: none;
    line-height: 16px;
    overflow: hidden;
}

#admin_info .block a {
    color: #FFF;
    text-decoration: underline;
}

#div_failuremsg {
    margin: 10px;
    width: 400px;
    border: 1px solid #000;
}

#div_failuremsg_div {
    padding: 4px;
}

#div_failuremsg_header {
    background-color: #1871A5;
    color: #fff;
    font-weight: bold;
    padding: 2px;
}

#div_abon_info {
}

#div_abon_info .div_info_block {
    padding: 3px;
    background: url('picture/news.png') right top no-repeat #ededed;
    border-left: 3px solid #d4d4d4;
    margin-bottom: 5px;
}

#div_abon_info .div_info_block .caption {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
    text-transform: uppercase;
}

#div_abon_info .div_info_block .text {
}

#div_abon_info .div_info_block .text span {
    font-weight: bold;
    color: #848284;
}

#div_abon_info .important {
    background: url('picture/news_important.png') right top no-repeat #f7da78;
    border-left: 3px solid #e0c25f;
}

#div_abon_info .div_info_block a {
    color: #1875a7;
}

#div_abon_info .div_info_block a:hover {
    color: #666666;
}

#div_news {
    margin: 20px 0px;
}

#div_news .div_news_block {
    padding: 15px;
    background: url('picture/news.png') right top no-repeat #ededed;
    border-left: 3px solid #d4d4d4;
    margin-bottom: 20px;
}

#div_news .div_news_block h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

#div_news .div_news_block .text {
    margin-top: -10px;
    margin-bottom: 10px;
}

#div_news .msg_block {
    background: #D6FFD6;
    border-left: 3px solid #84FF84;
}

#div_news .important {
    background: url('picture/news_important.png') right top no-repeat #f7da78;
    border-left: 3px solid #e0c25f;
}

#div_news .div_news_block a {
    color: #1875a7;
}

#div_news .div_news_block a:hover {
    color: #666666;
}

.link_leftstyle {
    background: url('picture/link.png') 0% no-repeat;
    padding-left: 20px;
}

.link_leftstyle:hover {
    background: url('picture/link_hover.png') 0% no-repeat;
}

.link_rightstyle {
    background: url('picture/link.png') 100% 50% no-repeat;
    padding-right: 20px;
}

.link_rightstyle:hover {
    background: url('picture/link_hover.png') 100% 50% no-repeat;
}


.text_size {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.text_size::after {
    content: '';
    position: absolute;
    right: 0; 
    top: 0;
    width: 40px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(24,113,165, 0.2), #1871A5 100%);
    background: -webkit-linear-gradient(left, rgba(24,113,165, 0.2), #1871A5 100%);
    background: -o-linear-gradient(left, rgba(24,113,165 0.2), #1871A5 100%);
    background: -ms-linear-gradient(left, rgba(24,113,165, 0.2), #1871A5 100%);
    background: linear-gradient(to right, rgba(24,113,165, 0.2), #1871A5 100%);
}

.text_size_white {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.text_size_white::after {
    content: '';
    position: absolute;
    right: 0; 
    top: 0;
    width: 40px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
    background: -o-linear-gradient(left, rgba(255,255,255 0.2), #fff 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
    background: linear-gradient(to right, rgba(255,255,255, 0.2), #fff 100%);
}

.label_area {
    vertical-align: top;
}

.textarea_class {
    color: #000;
    border: 1px solid #B5B6B5;
    outline: none;
    padding: 0 10px;
    resize: none;
    font: 14px/17px 'Myriad pro', Tahoma, Geneva, sans-serif;
}

.textarea_class:focus {
    background: #F7EFEF;
    border: 1px solid #808080;
}

.button {
    font-size: 15px;
    padding: 10px 20px;
    background: #1875a7;
    color: #FFF;
    border: 0px;
    outline: 0px;
    cursor: pointer;
}

.button:hover {
    background: #095882;
}

.button_small {
    font-size: 15px;
    padding: 3px 20px;
    background: #1875a7;
    color: #FFF;
    border: 0px;
    outline: 0px;
    cursor: pointer;
}

.button_small:hover {
    background: #095882;
}

.button2 {
    font-size: 15px;
    padding: 10px 20px;
    background: #095882;
    color: #FFF;
    border: 0px;
    outline: 0px;
    cursor: pointer;
}

.button2:hover {
    background: #08496B;
}

.span_small {
    font-size: 11px;
}

.menu_div_leftblock {
    float: left;
    width: 180px;
}

.menu_div_leftblock ul {
    list-style: square inside;
    color: #0aa41c;
}

.menu_div_leftblock ul {
    font-size: 15px;
    display: block;
}

.menu_div_leftblock ul li {
    color: #1875a7;
    line-height: 18px;
    height: 100%;
    margin-top: 10px;
}

.menu_div_leftblock ul li .select_punkt {
    font-weight: bold;
    color: #000;
}

.menu_div_leftblock ul li a:hover {
    color: #000;
}

.menu_div_rightblock {
    margin-left: 200px;
    padding: 5px;
    background: #E7E3E7;
    border-left: 3px solid #0088d1;
}

.label_h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.label_h2_wo {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
}

.label_h3 {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.label_h3_wo {
    font-size: 15px;
    font-weight: bold;
}

.label_h3_hr {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #848284;
    border-bottom: 1px solid #848284;
}

.label_h3_hr_wo {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #848284;
    border-bottom: 1px solid #848284;
}

.label_h3_red {
    font-size: 15px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #f00;
    font-weight: bold;
}

.label_h3_green {
    font-size: 15px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #00C731;
    font-weight: bold;
}

.settings_param_nazv {
    width: 250px;
    text-align: right;
}

.settings_param_value {
    font-weight: bold;
    width: 100%;
}

.settings_param_value a {
    padding-right: 20px;
    background: url('picture/edit.png') 100% 50% no-repeat;
}

.settings_param_value_change {
    padding: 0px;
}

.settings_param_value_change a {
    padding-right: 10px;
}

.settings_param_value_change .input_field {
    color: #000;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    width: 205px;
    border: 1px solid #B5B6B5;
    outline: none;
    padding: 0 10px;
    padding-right: 35px;
    overflow: hidden;
    font-family: 'Myriad pro', Tahoma, Geneva, Helvetica, sans-serif;
}

#letters {
    margin: 20px 0px;
}

#letters .links {
    display: inline;
    border: 1px solid #dadada;
    height: 30px;
    line-height: 20px;
    padding: 5px;
    margin-left: 10px;
}

#letters .links a {
    margin: 5px 0px;
    padding: 0px 3px;
    border-right: 1px solid #dadada;
    text-transform: uppercase;
    font-size: 13px;
}

#letters .links a.current {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
}

#letters .links a:last-child {
    border-right: none;
}


.paging {
    margin: 20px 0px;
}

.paging .current {
    padding: 5px;
    border: 1px solid #dadada;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    padding: 3px 10px;
    height: 20px;
    margin-left: -4px;
}

.paging .links {
    display: inline;
    margin-left: 10px;
    padding: 5px;
}

.paging .links a {
    border: 1px solid #dadada;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    padding: 3px 10px;
    height: 20px;
    margin-left: -4px;
}

.paging .links a:hover {
    background: #f6f6f6;
    color: #000;
}

.paging .links a:last-child {
}

.paging .links a.left {
    margin-bottom: -11px;
    background: url('picture/paging_left.png') 50% 50% no-repeat;
}

.paging .links a.left:hover {
    margin-bottom: -11px;
    background: url('picture/paging_left_hover.png') 50% 50% no-repeat #f6f6f6;
}

.paging .links a.right {
    margin-bottom: -11px;
    background: url('picture/paging_right.png') 50% 50% no-repeat;
}

.paging .links a.right:hover {
    margin-bottom: -11px;
    background: url('picture/paging_right_hover.png') 50% 50% no-repeat #f6f6f6;
}

.table_block {
    margin: 20px 0px;
    display: table;
}

.table_block .item {
    display: table-row;
}

.table_block .item > div {
    display: table-cell;
    padding: 5px 10px;
    font-size: 13px;
    margin: 1px 0px;
    vertical-align: top;
}

.table_block .left_data {
    font-weight: bold;
    text-align: right;
    background: #EFEFEF;
}

.div_print {
    color: #000;
    font-family: 'Helvetica', 'Tahoma', 'Arial';
}

.div_print a {
    text-decoration: none;
    color: #000;
}

.table_data {
    margin: 3px 0px 3px;
    display: table;
    overflow: hidden;
}

.table_data_nonspace {
    margin: 0px;
}

.table_data .zvit {
    display: table-row;
    max-height: 35px;
}

.table_data .zvit > div {
    display: table-cell;
    padding: 3px 10px;
    font-size: 13px;
    margin: 1px 0px;
    vertical-align: middle;
}

.table_data .zvit .right_div {
    text-align: right;
}

.table_data .item {
    display: table-row;
    max-height: 35px;
}

.table_data .white {
    background: none;
}

.table_data .white:hover {
    background: #ebeaea;
}

.table_data .gray {
    background: #f6f6f6;
}

.table_data .gray:hover {
    background: #ebeaea;
}

.table_data .cursor_pointer {
    cursor: pointer;
}

.table_data .legend {
    display: table-row;
    max-height: 35px;
    font-weight: bold;
    background: none;
    text-align: center;
}

.table_data .legend:hover {
    background: none;
}

.table_data .legend > div {
    display: table-cell;
    padding: 10px 5px;
    margin: 1px 0px;
    vertical-align: middle;
    border-bottom: 3px solid #d4d4d4 !important;
    font-size: 14px !important;
}

.table_data .item > div:not(.today) {
    display: table-cell;
    padding: 6px 6px;
    font-size: 13px;
    border-bottom: 1px solid #dadada;
    margin: 1px 0px;
    vertical-align: middle;
}

.table_data .today {
    display: table-cell;
    padding: 10px 10px;
    font-size: 13px;
    margin: 1px 0px;
    vertical-align: middle;
    border: 2px dotted #000;
}

.table_data .item ._number {
    text-align: center;
}

.table_data .item span:not(.work_fail) {
    /*
    color: #666666;
    */
}

.table_data .item .act_color {
    padding: 0px;
    width: 10px;
    position: relative;
}

.table_data .item .center_div {
    text-align: center;
}

.table_data .item .right_div {
    text-align: right;
}

.table_data .item .act {
    width: 110px;
    text-align: center;
}

.table_data .item .daten {
    width: 110px;
    text-align: center;
}

.table_data .item .money {
    width: 85px;
    text-align: right;
}

.table_data .item .act_color .arrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -5px;
}

.table_data .ok {
    background: #0aa41c;
}

.table_data .ok .arrow {
    border-color: transparent transparent transparent #0aa41c;
}

.table_data .bad {
    background: #e2001a;
}

.table_data .bad .arrow {
    border-color: transparent transparent transparent #e2001a;
}

.span_user_mark {
    padding-right: 13px;
    margin-right: 5px;
}

.span_bold {
    font-weight: bold;
} 

/* Меню с вкладками (карточка абонента и пр) */

ul#navigation, ul#navigation2 {
    list-style: none;
    height: 21px;
    padding: 10px 0px 7px 10px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: visible;
}

ul#navigation li, ul#navigation2 li {
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    float: left;
    margin: 0 5px 0 0;
    background-color: #2B477D;
    border: solid 1px #415F9D;
    position: relative;
    z-index: 1;
}

ul#navigation li.selected, ul#navigation2 li.selected {
    z-index: 3;
}

ul#navigation li a:link, ul#navigation li a:visited, ul#navigation2 li a:link, ul#navigation2 li a:visited {
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    display: block;
    text-align: center;
    padding: 0 10px 0 10px;
    margin: 0 0 -1px 0;
    height: 25px;
    line-height: 21px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    outline: none;
    float: left;
    background: #1871A5;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
}

ul#navigation li a:hover, ul#navigation2 li a:hover {
    background-color: #5a87dd;
}

ul#navigation li.selected a:link, ul#navigation li.selected a:visited, ul#navigation2 li.selected a:link, ul#navigation2 li.selected a:visited {
    color: #2B477D;
    border: solid 1px #fff;
    -webkit-transition: background-color 0.2s linear;
    background: -moz-linear-gradient(top center, #d1d1d1, #f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #f2f2f2),color-stop(.8, #d1d1d1));
    background-color: #f2f2f2;
}

.slider_content {
    padding: 5px;
    padding-bottom: 10px;
    -webkit-box-shadow: #111 0 0px 5px;
    -moz-box-shadow: #111 0 0px 5px;
    box-shadow: #111 0 0px 5px;
}

.slider_content_double {
    position: relative; 
    width: 100%; 
    display: inline-block;
}

.good_info_text {
    font-weight: bold;
    color: #008000;
}

.bad_info_text {
    font-weight: bold;
    color: #f00;
}

/* Диалоговое аякс-окно */
#dialog-overlay {
    width: 100%; 
    height: 100%;
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    background: #000; 
    position: fixed; 
    top: 0px; 
    left: 0; 
    z-index: 3000; 
    display: none;
}

#dialog-box {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    position: fixed; 
    z-index: 5000; 
    display: none;
}

#dialog-box .dialog-content {
    margin: 10px;
}

#dialog-box .dialog_header {
    background: url('picture/us_logo_small.png') 10px no-repeat #1871A5;
    width: 100%; 
    margin: -10px; 
    padding: 10px; 
    color: #fff; 
    cursor: move;
}

#dialog-box .dialog_header span {
    padding-left: 25px; 
}

#dialog-box ul {
    padding: 10px;
    margin-left: -15px;
    list-style: square inside;
}

#dialog-box li{
    padding: 5px;
    border: none;
    display: list-item;
    text-align: left;
}

#to_top {
    position: fixed;
    bottom: 100px;
}

#to_top a {
    width: 72px;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
}

#to_top a:hover {
    color: #1871A5;
}

#to_top span {
    width: 72px;
    height: 72px;
    display: block;
    background: #ddd url('picture/totop.png') no-repeat center center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#to_top a:hover span {
    background: #ddd url('picture/totop_hover.png') no-repeat center center;
    background-color: #1871A5;
}

.gray_block_light {
    border: 1px solid #9C9E9C; 
    color: #000; 
    background: #F7F3F7; 
    padding: 3px;
}

.gray_fon {
    background: #E7E7E7; 
}

.yellow_fon {
    background: #FFFF00; 
}

.white_fon {
    background: #FFF; 
}

.red_fon {
    background: #f00; 
    color: #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;
}

.gray_block {
    border: 1px solid #9C9E9C; 
    color: #000; 
    background: #EFEFEF; 
    padding: 3px;
}

.gray_block_left {
    padding: 10px;
    background: #ededed;
    border-left: 3px solid #d4d4d4;
}

.border_left {
    border-left: 1px solid #D6D7D6; 
}

.border_right {
    border-right: 1px solid #D6D7D6; 
}

.green_block {
    color: #000; 
    background: #ADFFAD; 
}

.div_color_1 {
    /* синий */
    background: #1871A5; 
    color: #fff; 
    padding: 3px;
}

.div_color_2 {
    /* желтый */
    background: #F7DF7B; 
    color: #000; 
    padding: 3px; 
}

.larger_text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}

.work_fail {
    color: #fff;
    background: #f00; 
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #000; 
}

.green_text {
    color: #008000;
}

.red_text {
    color: #f00;
}

.bold_text {
    font-weight: bold;
}

.italic_text {
    font-style: italic;
}

.map_frame {
    border: 5px solid rgba(198, 195, 198, 0.5);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
}

#scheme_menu_panel {
    height: 30px; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    padding: 5px; 
    border-bottom: 1px solid #000;
}

#map_menu_panel {
    height: 30px; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    padding: 5px; 
    background: #EFEFEF;
}

.map_button_gps {
    background: url('picture/map_but_gps.png') no-repeat center center;
}

.map_menu_down {
    background: url('picture/map_menu_down.png') no-repeat center center;
    display: inline; 
    float: left; 
    height: 100%;
    width: 18px; 
    background-color: #184DB5;
}

.map_menu_down:hover {
    background-color: #296DE7;
}

.button_inside {
    display: inline; 
    float: left;
    padding-left: 5px; 
    padding-right: 5px; 
    width: 32px;
    height: 100%;
}

.unselected_button {
    cursor: pointer;
    margin-left: 5px; 
    margin-top: 2px; 
    margin-right: 5px; 
    border: 1px solid #9C9A9C; 
    float: left; 
    border-radius: 3px; 
    background-color: #D6D7D6; 
    height: 23px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 2px; 
    -khtml-border-radius: 4px;
}

.unselected_button:hover {
    background: #9C9A9C;
}

.selected_button {
    float: left;
    color: #fff; 
    background-color: #B5D3FF; 
    border: 1px solid #1871A5; 
    border-radius: 3px; 
    height: 28px;
    margin-top: 0px; 
    margin-left: 5px; 
    margin-right: 5px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 2px; 
    -khtml-border-radius: 4px;
}

.selected_button:hover {
    background: #73AAFF;
}

.selected_layer {
    font-weight: bold; 
    margin-top: 1px; 
    margin-left: 5px; 
    margin-right: 5px; 
    padding: 5px; 
    float: left; 
    color: #fff; 
    background: #1871A5; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 2px; 
    -khtml-border-radius: 4px;
}

.selected_layer:hover {
    background: #4A7DD6; 
}

.selected_layer a {
    color: #fff;
    text-decoration: none;
    padding-right: 20px;
    background: url('picture/close_small.png') 100% 50% no-repeat;
}

.unselected_layer {
    margin-left: 5px; 
    margin-top: 2px; 
    margin-right: 5px; 
    padding: 3px; 
    background: #D6D7D6; 
    border: 1px solid #9C9A9C; 
    float: left; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 2px; 
    -khtml-border-radius: 4px;
}

.unselected_layer:hover {
    background: #9C9A9C; 
}

.unselected_layer a {
    color: #000;
    text-decoration: none;
    background: url('picture/link_add.png') 0px no-repeat;
    padding-left: 20px;
}

.unselected_layer2 {
    margin-top: 1px; 
    margin-left: 5px; 
    margin-right: 5px; 
    padding: 5px; 
    float: left; 
    background: #D6D7D6; 
    border: 1px solid #9C9A9C; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 2px; 
    -khtml-border-radius: 4px;
}

.unselected_layer2:hover {
    background: #9C9A9C; 
}

.unselected_layer2 a {
    color: #000;
    text-decoration: none;
    background: url('picture/link_yes.png') 0px no-repeat;
    padding-left: 20px;
}

#map_menu_panel .menu_down {
    margin-left: 5px; 
    margin-top: 2px; 
    margin-right: 5px; 
    padding: 3px; 
    border: 1px solid #9C9A9C; 
    float: left; 
    background: url('picture/menu_down_arr.png') 100% 50% no-repeat #D6D7D6;
    padding-right: 18px;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 2px; 
    -khtml-border-radius: 4px;
}

#map_menu_panel .menu_down:hover {
    background: #9C9A9C url('picture/menu_down_arr.png') 100% 50% no-repeat;
}

#map_menu_panel .menu_down a {
    color: #000;
    text-decoration: none;
}

#us_label {
    background: url('picture/us_label.png') 100% 50% no-repeat;
    height: 32px;
    width: 154px;
}

#ttip {
    z-index: 999;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

.map_toppanel {
    background: #1871A5;
    width: 100%; 
    margin: -10px; 
    padding: 10px; 
    color: #fff; 
}

.map_toppanel a {
    color: #fff;
}

.map_toppanel a:hover {
    color: #DEDFDE;
}

.old_abon {
    background: #cacaca;
}

.old_abon:hover {
    background: #c0c0c0;
}

#usersearch {
    height: 38px;
    line-height: 38px;
    width: 100%;
    background: url("picture/search_left.png") top left no-repeat #f4efef;
    position: relative;
    margin: 20px 0px;
}

#usersearch .field {
    width: 30%;
    margin-left: 15px;
    border: 1px solid #dbd3d3;
    height: 22px;
    line-height: 22px;
    padding: 0px 5px;
}

#usersearch .button {
    width: 40px;
    height: 38px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    background: url('picture/search.png') no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
}

#usersearch .button:hover {
    background: url("picture/search_hover.png") no-repeat;
}

#usersearch .check {
    display: inline-block;
    width: 20%;
    margin-right: 45px;
    margin-left: 15px;
}

.table_port {
    margin: 0;
    display: table;
    overflow: hidden;
}

.table_port .item {
    display: table-row;
    height: 45px;
}

.table_port .gray {
    background: #f6f6f6;
}

.table_port .legend {
    display: table-row;
    max-height: 35px;
    color: #fff;
    background: #1871A5;
    text-align: center;
}

.table_port .legend > div {
    display: table-cell;
    vertical-align: middle;
    padding: 1px;
    font-size: 13px !important;
}

.table_port .item > div {
    display: table-cell;
    font-size: 13px;
    padding: 2px;
    border-bottom: 1px solid #dadada;
    vertical-align: middle;
}

.table_port .item .port_gray {
    background: #f6f6f6;
}

.table_port .item .port_black {
    background: #000;
    color: #fff;
    text-align: center;
}

.table_port .item .port_black a {
    color: #fff;
}

.table_port .item .port_green {
    background: #00EF00;
    text-align: center;
}

.table_port .item .port_red {
    background: #f00;
    text-align: center;
}

.table_port .item .port_number {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.table_port .item .port_traf {
    border-right: 1px solid #dadada;
}

.table_port .item .ov_module {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.table_port .item .ov_module_notdelim {
    border-bottom: 0px;
}

.table_port .item .ov_module_delim {
    border-top: 1px solid #dadada;
}

.table_port .item .act_color {
    padding: 0px;
    width: 10px;
    position: relative;
}

.table_port .item .act_color .arrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -5px;
}

.link_black {
    color: #000;
}

.label_backgray {
    color: #fff;
    background: #737573;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
}

.label_backblack {
    color: #fff;
    background: #000;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
}

.label_backyellow {
    background: #ff0;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
}

.green_div {
    background: #0f0;
}

.red_div {
    background: #f00;
}

.div_space {
    padding-top: 5px;
    padding-bottom: 5px;
}

.div_space2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.span_mark {
    background: url('picture/span_mark.png') 0px no-repeat;
    padding-left: 20px;
}

.ip_net_width {
    width: 21px; 
}

.ip_net_abon {
    color: #000; 
    background: #F7DF7B; 
}

.ip_net_abon_dolg {
    color: #f00; 
    background: #E79E94; 
}

.ip_net_abon_unreg {
    background: #CEE7FF; 
}

.ip_net_abon_pause {
    background: #428284; 
}

.ip_net_abon_pause a {
    color: #fff; 
}

.ip_net_user_subnet {
background-image: 
linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
background-size: 13px, 29px, 37px, 53px;
}

.ip_net_subnet {
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 10px 120px;
}

.ip_net_device {
    color: #fff; 
    background: #1871A5; 
}

.ip_net_device a {
    color: #fff; 
}

.ip_net_device a:hover {
    color: #cacaca;
}

.ip_net_reserv {
    background: #CACACA; 
}

.ip_net_tmc {
    color: #fff; 
    background: #8400FF; 
}

.ip_net_tmc a {
    color: #fff; 
}

/* 
Стили для личного кабинета
==================================================================================================================
*/ 

.lk_menu {
    display: inline-block;
}

.lk_menu_punkt {
    background: rgba(0,0,0,0.15); 
    float: left; 
    height: 110px; 
    width: 220px; 
    margin: 20px; 
    padding: 10px; 
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px;
}

.lk_menu_punkt:hover {
    background: rgba(0,0,0,0.1); 
}

.lk_menu_punkt_inside {
    background: #1871A5; 
    width: 100%; 
    height: 100%;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.3); 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    position: relative;
}

.lk_menu_punkt_inside:hover {
    background: #4A8EB5; 
    cursor: pointer;
}

.lk_menu_punkt_inside_link {
    padding: 5px;
    font-weight: bold;
    font-size: 13pt;
    text-align: center;
    position: relative;
    top: 10px;
}

.lk_menu_punkt_inside_link a {
    color: #fff;
    text-decoration: none;
}

.lk_link_default {
    width: 48px;
    height: 48px;
    background: url('picture/lk_default.png') 0px no-repeat;
    position: relative;
    top: 10px;
    left: 50%;
    margin-left: -24px;
}

.lk_link_blag {
    background: url('picture/lk_blag.png') 0px no-repeat;
}

.lk_harddisk {
    background: url('picture/lk_harddisk.png') 0px no-repeat;
}

.lk_harddisk2 {
    background: url('picture/lk_harddisk2.png') 0px no-repeat;
}

.lk_harddisk3 {
    background: url('picture/lk_harddisk3.png') 0px no-repeat;
}

.lk_link_buh {
    background: url('picture/lk_buh.png') 0px no-repeat;
}

.lk_link_data {
    background: url('picture/lk_abondata.png') 0px no-repeat;
}

.lk_link_exit {
    background: url('picture/lk_exit.png') 0px no-repeat;
}

.lk_link_info {
    background: url('picture/lk_info.png') 0px no-repeat;
}

.lk_link_change {
    background: url('picture/lk_change.png') 0px no-repeat;
}

.lk_link_promise {
    background: url('picture/lk_promise.png') 0px no-repeat;
}

.lk_link_promise_span_info {
    background: url('picture/link_delete.png') 0px no-repeat;
    padding-left: 20px;
    font-size: 7pt;
}

.lk_link_msg {
    background: url('picture/lk_message.png') 0px no-repeat;
}

.lk_link_cards {
    background: url('picture/lk_cards.png') 0px no-repeat;
}

.lk_link_outlink {
    background: url('picture/lk_outlink.png') 0px no-repeat;
}

.lk_link_turbo {
    background: url('picture/lk_turbo.png') 0px no-repeat;
}

.lk_link_online {
    background: url('picture/lk_link_online.png') 0px no-repeat;
}

.lk_netdata {
    display: inline-block;
    width: 100%;
    height: 190px;
}

.lk_netdata .lk_netdata_text {
    float: left;
}

.lk_netdata .lk_netdata_text_link {
    cursor: pointer;
}

.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_netname {
    position: relative;
    top: 15px;
    height: 40px;
    font-weight: bold;
    font-size: 45pt;
    color: #1871A5;
}

.lk_netdata .lk_netdata_text .lk_netdata_text_link .lk_lk_text {
    position: relative;
    top: 10px;
    font-weight: bold;
    color: #B5B6B5;
    height: 20px;
    font-size: 20pt;    
}

.lk_netdata .lk_netdata_text .lk_lk_userdata {
    position: relative;
    top: 25px;
}

.lk_netdata .lk_logo {
    background: url('picture/lk_logo.png') 0px no-repeat;
    width: 128px;
    height: 128px;
    left: 100%;
    top: 10px;
    margin-left: -135px;
    margin-bottom: 20px;
    position: relative;
}

.lk_main_content_inside {
}

#lk_notify_all {
    margin: 20px 0px;
}

#lk_notify_all .lk_notify_custom {
    padding: 15px;
    margin-bottom: 20px;
    background: #D6FFD6;
    border-left: 3px solid #84FF84;
}

#lk_notify_all .lk_notify_custom h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

#lk_notify_all .lk_notify_custom .text {
    margin-top: -10px;
    margin-bottom: 10px;
}

#lk_notify_all .lk_notify_custom a {
    color: #1875a7;
}

#lk_notify_all .lk_notify_custom a:hover {
    color: #666666;
}

.lk_label_top {
    color: #737173;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.lk_link_left {
    background: url('picture/link_left.png') 0px no-repeat;
    padding-left: 20px;
}

.link_lk_addcard {
}

.link_lk_online {
}

.link_lk_promise {
}


.standart_docs {
    font-family: 'Arial';
}

.hide_div {
    display: none;
}

.table_tmc_list {
    border: 1px solid #000;
    width: 100%;
}

.table_tmc_list td {
    margin: 0px;
    border: 1px solid #000;
}

.support_history_journal_status_2 {
    color: #008000;
    font-weight: bold;
}

.support_history_journal_status_3 {
    color: #f00;
    font-weight: bold;
}

.calendar_all {
}

.calendar_all .calendar_header .current_date {
    background: #1871A5;
    color: #fff;
}

.calendar_all .calendar_header .current_date a {
    color: #fff;
}

.calendar_all .calendar_item_hour {
    width: 40px;
    text-align: right;
    border-right: 1px dashed #D6D7D6;
}

.calendar_all .calendar_item_element {
    border-right: 1px dashed #D6D7D6;
}

.calendar_all .calendar_item_element_hover:hover {
    background: #EFF7FF;
}

.calendar_all .item .current_date {
    background: #EFFBFF;
    border-right: 1px solid #1871A5;
    border-left: 1px solid #1871A5;
}

.calendar_all .item .current_hour {
    background: url('picture/paging_right.png') 10% no-repeat;
    text-decoration: none;
    padding-left: 20px;
}

.calendar_all .item .current_date_hour {
    border: 3px dotted #1871A5;
}

.calendar_all .item .current_date_hour2 {
    background: #EFFBFF;
}

.calendar_all .item .current_date_hour2_hover {
    background: #EFFBFF;
}
.calendar_all .item .current_date_hour2_hover:hover {
    background: #EFF7FF;
}

.calendar_all .calendar_item_element .busy_hour {
    background: #E7E3E7;
    text-align: center;
    font-weight: bold;
    border: #C0C0C0 solid 1px;
}

.calendar_all .calendar_item_element .work_hour {
    background: #FFFFDE;
    border: #FFEF84 solid 1px;
    margin-bottom: 1px;
}

.calendar_all .calendar_item_element .doing_hour {
    border: #84F784 solid 1px;
    font-style: italic;
    background: #F7FFF7 url('picture/enabled.png') 98% no-repeat;
    padding-right: 16px;
    margin-bottom: 1px;
}


.calendar_all .calendar_day_col {
    width: 13.5%;
}

.c_adr_div {
    width: 100%;
    position: relative;
}

.c_adr_div input {
    background-color: #fff;
    margin-left: 2px;
}

.c_adr_div select {
    margin: 2px;
}

.c_adr_div .c_adr_div_left {
    background: #EFEFEF;
    border: #d4d4d4 2px solid;
    padding-right: 30px; 
    border-radius: 0px 6px 6px 0px;
}

.c_adr_div .c_adr_div_right {
    position: absolute; 
    right: 0px; 
    top:0px; 
    width: 30px; 
    height: 100%;
    background: url('picture/home.png') 7px 5px no-repeat #d4d4d4;
    border-radius: 0px 6px 6px 0px;
}

.c_adr_div .c_adr_div_right .c_adr_div_right_button { 
    width: 100%;
    text-align: center;
    margin-left: 2px;
}

.div_vols_ov_color {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    float: left;
    border: 1px #000 solid;
}

.label_stop {
    height: 26px;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    background: #FFD7D6 url('picture/stop.png') 4px no-repeat;
    padding-left: 33px;
    padding-top: 7px;
    width: 200px;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -khtml-border-radius: 5px;
    color: #5A0000;
}

.label_alert {
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFD7D6 url('picture/alert.png') 4px no-repeat;
    padding-left: 33px;
    padding-top: 7px;
    width: 100%;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -khtml-border-radius: 5px;
    color: #5A0000;
}

.c_attach_div {
    width: 100%;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    min-height: 40px;
}

.c_attach_div .c_attach_div_left {
    position: absolute; 
    left: 0px; 
    top:0px; 
    width: 30px; 
    height: 100%;
    background: url('picture/attach.png') -1px 2px no-repeat #d4d4d4;
    border-radius: 6px 0px 0px 6px;
    min-height: 40px;
}

.c_attach_div .c_attach_div_right {
    background: #EFEFEF;
    border-radius: 0px 6px 6px 0px;
    padding: 5px;
    padding-left: 35px; 
    display: inline-block;
    min-height: 40px;
    border: 1px solid #C0C0C0;
}

.c_attach_div .c_attach_div_empty {
    display: inline-block;
}

.c_attach_frame_div {
    border: 1px solid #9C9E9C; 
    color: #000; 
    background: #EFEFEF; 
    padding: 3px;
    width: 400px;
}

.c_attach_frame_div_top {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 45px;
}

.c_attach_frame_div_left {
}

.c_attach_frame_div_right {
    padding-top: 10px;
    position: absolute;
    text-align: right;
    right: -5px;
    top: -10px;
    width: 200px;
}

.c_attach_frame_div_info {
    font-size: 11px;
    height: 17px;
    overflow: hidden;
}

.div_map_equip {
    position: absolute; 
    right: 10px; 
    top: 80px; 
    border: 1px solid #848284; 
    max-width: 50%; 
    max-height: 80%;
    background: #EFEFEF; 
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.div_map_equip .window_header {
    background: url('picture/us_logo_small.png') 7px no-repeat #1871A5;
    width: 100%; 
    margin-left: -7px; 
    margin-top: -7px; 
    padding: 10px 10px 10px 4px; 
    color: #fff; 
}

.div_map_equip .window_header span {
    padding-left: 25px; 
}

.link_paging_right {
    background: url('picture/paging_right.png') 0px no-repeat;
    padding-left: 13px;
}

.link_paging_down {
    background: url('picture/paging_down.png') 0px no-repeat;
    padding-left: 13px;
}

#region_select_id {
    position: absolute;
}

.div_table {
    border: 0px solid black;
    overflow: visible;
}

.div_table .a_cell {
    color: #000;
    text-decoration: none;
}

.div_table .a_cell:hover, a:active, a:focus {
    text-decoration: underline;
}

.div_table td {
    padding: 3px;
    margin: 0px;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.div_table .first_td {
    border-left: 1px solid black;
}

.div_table .last_tr {
    border-bottom: 1px solid black;
}

.div_table .itog_tr {
    background: #C6C3C6;
}

.div_table .itog_td {
    background: #DEDBDE;
}

.div_table .td_small {
    font-size: smaller;
}

.div_ipnet {
    margin-bottom: 8px;
    padding: 6px;
    background: #f4efef;
    border-left: 3px solid #008ED6;
    padding-left: 5px; 
    font-size: 15px; 
    font-weight: bold;
}

.div_ipnet_hide {
    margin-bottom: 8px;
    padding: 6px;
    background: #1871A5;
    padding-left: 5px; 
    font-size: 15px; 
    font-weight: bold;
    width: 653px;
    color: #fff;
}

.div_ipnet_hide a{
    color: #fff;
}

.div_courier {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    font-family: 'Courier', 'sans-serif', Tahoma, Geneva, Helvetica;
    border: 1px solid #000;
}

.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}

.graph_div {
    border: 1px solid #C0C0C0;
}

.graph_caption {
    font-weight: bold;
    background: #DEDBDE;
    padding-left: 5px;
    padding-right: 5px;
}

.pages {
    background: url('picture/pages.png') 0px no-repeat;
    padding-left: 20px;
}

.div_sortable_class {
    cursor: pointer;
    margin-top: 5px; 
    padding: 5px; 
    width: 50%;
    background: #1871A5;
}
.div_sortable_class:hover {
    background: #2196DE;
    cursor: crosshair;
}

.div_scheme_port {
    position: absolute;
    font-size: 9pt;
    font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}

.div_scheme_port2 {
    position: absolute;
    font-size: 7pt;
    font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}

.div_scheme_att {
    position: absolute;
    font-size: 7pt;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #000;
    color: #00F;
    font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}

.div_scheme_att_red {
    position: absolute;
    font-size: 7pt;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #000;
    color: #f00;
    font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}

.div_scheme_att_pg {
    position: absolute;
    font-size: 7pt;
    background-color: #F7F700;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #000;
    color: #f00;
    font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}

.div_scheme_caption {
    position: absolute;
    font-size: 8pt;
    line-height: 1.35;
    text-align: center;
    width: 190px;
    font-family: Courier, Tahoma, Geneva, Helvetica, sans-serif;
}

.div_scheme_link {
    color: #000;
    text-decoration: none;
}

.div_scheme_link:hover {
    color: #1875a7;
}

.div_stat_select_kat {
    text-align: right;
    width: 100%;
}

.table_result_class {
    background: #C6C3C6;
    font-weight: bold;
    text-align: right;
}

.div_journal_opis {
    overflow: hidden;
    max-height: 105px;
    word-wrap: break-word;
}

.link_leftmenu_j_count {
    text-decoration: underline; 
    font-size: 16px;
}

.link_leftmenu_j_count:hover {
    color: #A5A6FF;
}

.sms_block_div {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #DEDBDE;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -khtml-border-radius: 5px;
}

.map_add_obj {
    position: fixed; 
    top: 0px;
    background: #fff;
    padding: 10px; 
    left: 50%;
    margin-left: -200px;
    z-index: 5000;
}

.map_add_obj .dialog_header {
    background: url('picture/us_logo_small.png') 10px no-repeat #1871A5;
    width: 100%; 
    margin: -10px; 
    padding: 10px; 
    color: #fff; 
}

.map_add_obj .dialog_header span {
    padding-left: 25px; 
}

.att_blink {
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #000;
    color: #f00;
    font-size: 8pt;
}

.comment_0 {
}

.comment_1 {
    background-color: #F7F7F7;
}

.comment_author {
    color: #8482FF;
}

#journal_apart_used_info2_id {
    margin-top: 10px;
    padding: 3px;
    border: 6px solid #800000;
    border-radius: 6px 6px 6px 6px;
    background-color: #FFD7D6;
    font-weight: bold;
}

#filter_button_id {
    width: 150px;
}

.table_table {
    border-spacing: 0px;
    position: relative;
}

.table_table tr {
    position: relative;
}

.table_table td {
    position: relative;
}

.table_legend {
    font-weight: bold;
    background: none;
    text-align: center;
    vertical-align: middle;
    font-size: 14px !important;
}

.table_legend td {
    border-bottom: 3px solid #d4d4d4 !important;
    padding: 10px 5px;
    margin: 1px 0px;
}

.table_item {
    background: none;
    font-size: 13px;
    vertical-align: middle;
}

.table_item td {
    border-bottom: 1px solid #dadada;
    padding: 6px 6px;
    margin: 1px 0px;
}

.table_item_white:hover {
    background: #ebeaea;
}

.table_item_gray {
    background: #f6f6f6;
}

.table_item_gray:hover {
    background: #ebeaea;
}

.table_item_itog {
    background: #C6C3C6;
    font-weight: bold;
}

.cursor_pointer {
    cursor: pointer;
}

.link_watcher {
    background: url('picture/link_watcher.png') 0px no-repeat;
    padding-left: 20px;
}

.j_news_comment {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background: url('picture/comment2.png') 0px no-repeat;
}

.j_news_change_staff {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background: url('picture/staff.png') 0px no-repeat;
}

.j_news_new_work {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background: url('picture/plus.png') 0px no-repeat;
}

.j_news_status {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background: url('picture/change.png') 0px no-repeat;
}

.j_news_edit_work {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background: url('picture/edit2.png') 0px no-repeat;
}

.j_news_complete_good {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background: url('picture/complete_good.png') 0px no-repeat;
}

.j_news_complete_bad {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background: url('picture/complete_bad.png') 0px no-repeat;
}

.geo_list_check_el {
    background: url('picture/check.png') 0px no-repeat;
}
    
.link_dashed, .link_dashed:hover, .link_dashed:active, .link_dashed:focus {
    text-decoration: none;
}

.link_dashed span {
    border-bottom: 1px dashed;
    text-decoration: none;
}

.span_news_counter {
    background-color: #0082C6;
    padding-left: 4px;
    margin-top: 1px;
    padding-right: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 9pt;
    cursor: pointer;
}

#span_mywork_counter_id {
    padding-left: 4px;
    margin-top: 1px;
    padding-right: 4px;
    background-color: #f00;
    color: #fff;
    font-weight: bold;
    font-size: 9pt;
    cursor: pointer;
}

.act_color {
    padding: 0px;
    width: 10px;
    position: relative;
}

.act_color .arrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -5px;
}

.bad {
    background: #e2001a;
}

.bad .arrow {
    border-color: transparent transparent transparent #e2001a;
}

.ok {
    background: #0aa41c;
}

.ok .arrow {
    border-color: transparent transparent transparent #0aa41c;
}

#span_all_counter_id {
    background-color: #008200;
    padding-left: 4px;
    margin-top: 1px;
    padding-right: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 9pt;
    cursor: pointer;
}

.day_delimiter {
    height: 15px;
}

.scheme_oval {
    float:left;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    -moz-border-radius: 100px / 80px;
    -webkit-border-radius: 100px / 80px;
    border-radius: 100px / 80px;
    border-color: #000;
    border-style: solid;
    border-width: 2px;
}

.scheme_line {
    float:left;
    background-color: #000;
    width: 10px;
    height: 20px;
}

.table_table a {
    position: relative;
    z-index: 1;
}

.table_table a.c_t2_rowlink {
    position: absolute;
    top: 0; 
    left: 0;
    margin: 0px;
}

.table_table a.c_t2_rowlink:hover {
    background-color: #cacaca;
    opacity: 0.1;
}

.working_menu_change_state {
    padding-top: 5px;
    padding-bottom: 10px;
}

.working_menu_change_state .button_state {
    display: inline; 
    margin-top: 2px; 
    margin-right: 10px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-right: 5px; 
    background-color: #2175A5; 
    border: 1px solid #1871A5;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 2px; 
    -khtml-border-radius: 4px;
}

.working_menu_change_state .button_state a {
    color: #fff;
}

.working_menu_change_state .button_state:hover {
    font-weight: bold;
    background-color: #73AAFF; 
}

.j_button_state_sysrole_1 {
    /* Новое задание */
    background: url('picture/link_book.png') 2px no-repeat;
    padding-left: 20px;
}

.j_button_state_sysrole_2 {
    /* Отложено */
    background: url('picture/link_wait.png') 2px no-repeat;
    padding-left: 20px;
}

.j_button_state_sysrole_4 {
    /* Не выполнено */
    background: url('picture/link_mark.png') 2px no-repeat;
    padding-left: 20px;
}

.j_button_state_sysrole_5 {
    /* Выполняется */
    background: url('picture/link_hummer.png') 2px no-repeat;
    padding-left: 20px;
}

.j_button_state_sysrole_6 {
    /* Выполнено удачно */
    background: url('picture/link_yes.png') 2px no-repeat;
    padding-left: 20px;
}

.j_button_state_sysrole_7 {
    /* Последующий контроль */
    background: url('picture/link_watcher.png') 2px no-repeat;
    padding-left: 20px;
}

.j_button_state_sysrole_8 {
    /* Выполнено неудачно */
    background: url('picture/link_delete.png') 2px no-repeat;
    padding-left: 22px;
}

.j_button_state_sysrole_9 {
    /* Отменено */
    background: url('picture/cancel.png') 2px no-repeat;
    padding-left: 22px;
}

.j_button_state_sysrole_-5 {
    /* Вернуть инициатору задания */
    background: url('picture/link_left.png') 2px no-repeat;
    padding-left: 22px;
}