@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;  

}     
               
.us-logo-medium {               
background: url('us_logo.png') 0px no-repeat;         
}             
      
.add { 
background: url('add_blue.png') 0px no-repeat;               
padding-left: 20px;              
}
              
.add-second {               
background: url('add_indigo.png') 0px no-repeat;            
padding-left: 20px;       
}       
              
.aprove {     
background: url('ok_blue.png') 0px no-repeat;              
padding-left: 20px;     
}       
               
.attach {       
background: url('attach_blue.png') 0px no-repeat;       
padding-left: 20px;               
}             
               
.back { 
background: url('back_blue.png') 0px no-repeat;          
padding-left: 20px;             
}               
  
.barcode {
background: url('barcode_blue.png') 0px no-repeat;     
padding-left: 20px;               
}               
         
.calendar {             
background: url('calendar_blue.png') 0px no-repeat;      
padding-left: 20px; 
}               
              
.cancel {
background: url('cancel_blue.png') 0px no-repeat;              
padding-left: 20px;               
}            
       
.clock {       
background: url('clock_blue.png') 0px no-repeat;              
padding-left: 20px;     
}              
     
.colapse {       
background: url('collapse_blue.png') 0px no-repeat;               
padding-left: 20px;       
}       
               
.date-field {             
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;               
background: url('calendar_blue.png') 95% 45% no-repeat;               
width: 100px;         
}             
      
.date-field:focus { 
background: url('calendar_blue.png') 95% 45% no-repeat;               
background-color: #F7EFEF;              
border: 1px solid #808080;
}              
               
.delete {            
background: url('cancel_blue.png') 0px no-repeat;       
padding-left: 20px;       
}              
     
.down {              
background: url('down_blue.png') 0px no-repeat;     
padding-left: 20px;       
}               
       
.download {       
background: url('download_blue.png') 0px no-repeat;               
padding-left: 20px;             
}               
 
.edit {          
background: url('edit_blue.png') 0px no-repeat;             
padding-left: 20px;               
}  

.ex {     
background: url('ex_blue.png') 0px no-repeat;               
padding-left: 20px;               
}         
             
.expand {      
background: url('expand_blue.png') 0px no-repeat; 
padding-left: 20px;               
}              

.filter {              
background: url('filter_blue.png') 0px no-repeat;               
padding-left: 20px;            
}       
       
.forward {              
background: url('forward_blue.png') 0px no-repeat;     
padding-left: 20px;              
}     
       
.join {               
background: url('join_blue.png') 0px no-repeat;       
padding-left: 20px;       
}               
             
.hammer {               
background: url('hammer_blue.png') 0px no-repeat; 
padding-left: 20px;          
}             
               
.hammer-second {  
background: url('hammer_white.png') 0px no-repeat;
padding-left: 20px;     
}               
               
.lock {         
background: url('lock_blue.png') 0px no-repeat;             
padding-left: 20px;      
} 
               
.map {              
background: url('map_blue.png') 0px no-repeat;
padding-left: 20px;              
}               
            
.mark {       
background: url('mark_blue.png') 0px no-repeat;       
padding-left: 20px;              
}     
              
.off {     
background: url('off_blue.png') 0px no-repeat;       
padding-left: 20px;               
}       
       
.office {               
background: url('office_blue.png') 0px no-repeat;             
padding-left: 20px;               
} 
          
.ok-second {             
background: url('ok_white.png') 0px no-repeat;               
padding-left: 20px;  
}
     
.paging_down {               
background: url('paging_down_blue_10.png') 0px no-repeat;               
padding-left: 13px;         
}             
      
.paging_left { 
background: url('paging_left_blue_10.png') 0px no-repeat;               
padding-left: 13px;              
}
              
.paging_right {               
background: url('paging_right_blue_10.png') 0px no-repeat;            
padding-left: 13px;       
}       
              
.paragraph {     
background: url('paragraph_blue.png') 0px no-repeat;              
padding-left: 20px;     
}       
               
.phone {       
background: url('phone_blue.png') 0px no-repeat;       
padding-left: 20px;               
}             
               
.printer { 
background: url('printer_blue.png') 0px no-repeat;          
padding-left: 20px;             
}               
  
.qr {
background: url('qr_blue.png') 0px no-repeat;     
padding-left: 20px;               
}               
         
.question {             
background: url('question_blue.png') 0px no-repeat;      
padding-left: 20px; 
}               
              
.reload {
background: url('reload_blue.png') 0px no-repeat;              
padding-left: 20px;               
}            
       
.report {       
background: url('report_blue.png') 0px no-repeat;              
padding-left: 20px;     
}              
     
.right {       
background: url('right_blue.png') 0px no-repeat;               
padding-left: 20px;       
}       
               
.right-border {             
background: url('right_blue.png') 100% 50% no-repeat;               
padding-right: 20px; 
}          
             
.scheme {               
background: url('scheme_blue.png') 0px no-repeat;  
padding-left: 20px;
}     
               
.search {               
background: url('search_blue.png') 0px no-repeat;         
padding-left: 20px;             
}      
 
.settings {               
background: url('settings_blue.png') 0px no-repeat;              
padding-left: 20px;
}              
               
.split {            
background: url('split_blue.png') 0px no-repeat;       
padding-left: 20px;       
}              
     
.staff {              
background: url('staff_blue.png') 0px no-repeat;     
padding-left: 20px;       
}               
       
.wait-second {       
background: url('wait_white.png') 0px no-repeat;               
padding-left: 20px;             
}               
 
.wizard {          
background: url('wizard_blue.png') 0px no-repeat;             
padding-left: 20px;               
}  

#oper_notify_id {     
position: fixed;               
bottom: 10px;               
right: 10px;         
width: 350px;             
z-index: 9999;      
} 
               
.oper_notify_msg {              
width: 100%;
min-height: 100px;              
background-color: rgba(0, 0, 0, 0.7);               
color: #fff;            
border-radius: 10px;       
-webkit-border-radius: 10px;       
-moz-border-radius: 8px;              
-khtml-border-radius: 11px;     
margin-top: 5px;              
}     
       
.oper_notify_msg:hover {               
background-color: #000;       
}       
               
.oper_notify_msg_ico {             
width: 80px;               
min-height: 100px; 
text-align: center;          
float: left;             
}               
  
.oper_notify_msg_ico_href {
color: #fff;     
}               
               
.oper_notify_msg_ico_href:hover {         
color: #fff;             
}      
 
.oper_notify_msg_ico_href:visited {               
color: #fff;              
}
              
.oper_notify_msg_ico1 {               
background: url('call_64.png') no-repeat center 0px;            
}       
       
.oper_notify_msg_ico2 {              
background: url('message_64.png') no-repeat center 0px;     
}              
     
.oper_notify_msg_text {       
min-height: 100px;               
height: 100%;       
padding-top: 1px;       
}               
             
.oper_notify_msg_text a {               
color: #BDEBFF; 
}          
             
.oper_notify_msg_text a:hover {               
color: #5ACBFF;  
}
     
.notify_caption {               
font-weight: bold;               
text-transform: uppercase;         
}             
      
.notify_caption1 { 
color: #39FF10;               
}              

.j_button_state_sysrole_1 {              
/* Новое задание */               
background: url('report_white.png') 2px no-repeat;            
padding-left: 22px;       
}       
              
.j_button_state_sysrole_2 {     
/* Отложено */              
background: url('wait_white.png') 2px no-repeat;     
padding-left: 22px;       
}               
       
.j_button_state_sysrole_4 {       
/* Не выполнено */               
background: url('progress_white.png') 2px no-repeat;             
padding-left: 22px;               
} 
          
.j_button_state_sysrole_5 {             
/* Выполняется */               
background: url('hammer_white.png') 2px no-repeat;  
padding-left: 20px;
}     
               
.j_button_state_sysrole_6 {               
/* Выполнено удачно */         
background: url('ok_white.png') 2px no-repeat;             
padding-left: 22px;      
} 
               
.j_button_state_sysrole_7 {              
/* Последующий контроль */
background: url('eye_white.png') 2px no-repeat;              
padding-left: 22px;               
}            
       
.j_button_state_sysrole_8 {       
/* Выполнено неудачно */              
background: url('cancel_white.png') 2px no-repeat;     
padding-left: 22px;              
}     
       
.j_button_state_sysrole_9 {               
/* Отменено */       
background: url('missed_white.png') 2px no-repeat;       
padding-left: 22px;               
}             
               
.j_button_state_sysrole_-5 { 
/* Вернуть инициатору задания */          
}             
               
.oper_notify_link_close {  
background: url('cancel_blue.png') 0px no-repeat;
padding-left: 20px;     
}               
               
.oper_notify_link_close:hover {         
background: url('delete_indigo.png') 0px no-repeat;             
padding-left: 20px;      
} 
               
.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('attach_blue_32.png') 0px 8px 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;              
}
              
.lk_link_promise_span_info {               
background: url('cancel_blue.png') 0px no-repeat;            
padding-left: 20px;       
font-size: 7pt;       
}              
     
.unselected_layer2:hover {              
background: #9C9A9C;     
}       
               
.unselected_layer2 a {       
color: #000;       
text-decoration: none;               
background: url('ok_blue.png') 0px no-repeat;             
padding-left: 20px;               
} 
          
.lk_link_left {             
background: url('back_blue.png') 0px no-repeat;               
padding-left: 20px;  
}
     
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: 150px;       
height: 18px;       
background: #0088D1;               
color: #fff;             
padding-top: 3px;               
padding-left: 7px; 
padding-bottom: 3px;          
display: block;             
position: absolute;               
right: 0;  
top: 25px;
}     
               
footer #down_support a {               
text-decoration: none;         
color: #fff;             
}      
 
footer #down_support i {               
color: #fff;              
}
              
footer #down_support:hover {               
background: #707070;            
}       
       
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('cancel_white.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;             
}               
 
.geo_list_check_el {          
background: url('check.png') 0px no-repeat;             
}               
  
.j_button_delete {
background: #F7F3F7 url('delete_black_24.png') no-repeat center center;     
}               
               
.j_button_child {         
background: #F7F3F7 url('child_black_24.png') no-repeat center center;             
}      
 
/*               
Стили для личного кабинета              
==================================================================================================================
*/              
               
.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: #3F51B5;               
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: #2196F3;            
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_menu_punkt_inside_link a:hover {  
color: #fff;
}     
               
.lk_link_default {               
width: 48px;         
height: 48px;             
position: relative;      
top: 10px; 
left: 50%;               
margin-left: -24px;              
}
              
.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('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;               
}               
         
.link_lk_addcard {             
}      
 
.link_lk_online {               
}              

.link_lk_promise {              
}               
            
/* ------------------------------------ */       
/* -----------Левое меню------------ */       
/* ------------------------------------ */              
     
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.i0 {       
cursor: pointer;               
}             
               
.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('paging_left_blue_10.png') 50% 50% no-repeat;         
}             
      
.paging .links a.left:hover { 
margin-bottom: -11px;               
background: url('paging_left_blue_10.png') 50% 50% no-repeat #f6f6f6;              
}
              
.paging .links a.right {               
margin-bottom: -11px;            
background: url('paging_right_blue_10.png') 50% 50% no-repeat;       
}       
              
.paging .links a.right:hover {     
background: url('paging_right_blue_10.png') 50% 50% no-repeat #f6f6f6;              
}     
       
.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-color: #EFFBFF;              
border-right: 1px solid #1871A5;     
border-left: 1px solid #1871A5;              
}     
       
.calendar_all .item .current_date_doing {               
background-color: #EFFBFF;       
border-right: 1px solid #1871A5;       
border-left: 1px solid #1871A5;               
}             
               
.calendar_all .item .current_date_doing:hover { 
background-color: #BDEFFF;          
}             
               
.calendar_all .item .current_hour {  
background: url('paging_right_blue_10.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 {               
text-align: center;       
font-weight: bold;       
border: #C0C0C0 solid 1px;               
}             
               
.calendar_all .calendar_item_element .work_hour { 
/* background: #FFFFDE; */          
border: #FF8000 solid 3px;             
margin-bottom: 1px;               
padding: 3px;  
}
     
.calendar_all .calendar_item_element .doing_hour {               
border: #84F784 solid 3px;               
font-style: italic;         
padding-right: 16px;             
margin-bottom: 1px;      
padding: 3px; 
}               
              
.calendar_all .calendar_day_col {
width: 13.5%;              
}               
            
#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('top_search.png') no-repeat;               
cursor: pointer;              
border: none;
position: absolute;              
top: 8px;               
right: 0;            
}       
       
#top_search #top_button:hover {              
background: url('top_search_hover.png') no-repeat;     
}              
     
#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 {     
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;               
}            
       
#us_label {       
background: url('us_label.png') 100% 50% no-repeat;              
height: 32px;     
width: 154px;              
}     
       
/* ~~ этот контейнер фиксированной ширины окружает остальные 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('us_logo_left.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('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('us_logo_left.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;               
}         
             
#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('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('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;          
}             
               
.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;               
}  

/* Диалоговое аякс-окно */     
#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('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;       
}               
             
.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('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;              
}     
       
#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;
}     
               
#map_add_obj_id {               
position: fixed;         
top: 0px;             
background: #fff;      
padding: 10px; 
left: 50%;               
margin-left: -200px;              
z-index: 20;
}              
               
#map_add_obj_id .dialog_header {            
background: url('us_logo_small.png') 10px no-repeat #1871A5;       
width: 100%;       
margin: -10px;              
padding: 10px;     
color: #fff;              
}     
       
#map_add_obj_id .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;       
}              
     
* html #login_page {              
/* хак для IE6 */     
background: #072455;       
}               
       
#login_page #login_page_toplogo {       
width: 100%;               
height: 200px;             
background: url('us_transparent_logo.png') top no-repeat;               
} 
          
* html #login_page #login_page_toplogo {             
/* хак для IE6 */               
background: #072455;  
}
     
#login_page #login_page_info {               
width: 500px;               
left: 50%;         
top: 50%;             
margin-left: -245px;      
margin-top: -400px; 
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('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;              
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;               
padding-right: 20px;            
}       
       
#login_page #login_page_form #link_cabinet:hover {              
color: #666666;     
}              
     
#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;       
}               
       
#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('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('totop_hover.png') no-repeat center center;             
background-color: #1871A5;               
} 
          
#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('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('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('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('news_important.png') right top no-repeat #f7da78;              
border-left: 3px solid #e0c25f;     
}              
     
.div_alert_news {       
padding: 15px;               
border-left: 3px solid #d4d4d4;       
margin-bottom: 20px;       
background: #D20000;               
border-left: 3px solid #FF8080;             
min-height: 500px;               
color: #fff; 
}          
             
.div_alert_news a {               
color: #FFFFD5;  
}
     
.div_alert_news a:hover {               
color: #FFFF04;               
}         
             
#div_news .div_news_block a {      
color: #1875a7; 
}               
              
#div_news .div_news_block a:hover {
color: #666666;              
}               
            
.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_edit_panel {
height: 30px;     
position: fixed;               
top: 39px;               
left: 0;         
width: 100%;             
padding: 5px;      
background: #3F51B5; 
color: #fff;               
z-index: 10;              
}
              
#map_edit_panel a {               
text-decoration: none;            
}       
       
#map_edit_panel .obj-button {              
margin-left: 5px;     
margin-top: -3px;              
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; 
}          
             
#map_edit_panel .obj-button:hover {               
background: #9C9A9C;  
}
     
#map_edit_panel .obj-button a {               
color: #000;               
background: url('star.png') 0px no-repeat;         
padding-left: 20px;             
}      
 
#map_menu_panel {               
height: 30px;              
position: fixed;
top: 0;              
left: 0;               
width: 100%;            
padding: 5px;       
background: #EFEFEF;       
}              
     
#map_menu_panel .menu_down {              
margin-left: 5px;     
margin-top: 2px;       
margin-right: 5px;               
padding: 3px;       
border: 1px solid #9C9A9C;       
float: left;               
background: url('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('menu_down_arr.png') 100% 50% no-repeat;               
}               
         
#map_menu_panel .menu_down a {             
color: #000;      
text-decoration: none; 
}               
              
.map_button_gps {
background: url('map_but_gps.png') no-repeat center center;              
}               
            
.map_menu_down {       
background: url('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('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('add_blue.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;               
}              

#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;
}     
               
.j_card_div {               
border: 1px solid #B5B6B5;         
background-color: #F7F3F7;             
padding: 5px;      
border-radius: 3px; 
-webkit-border-radius: 3px;               
-moz-border-radius: 2px;              
-khtml-border-radius: 4px;
}              
               
.j_card_div .div_caption {            
text-align: center;       
background-color: #D6D3D6;       
padding: 5px;              
margin-top: -5px;     
margin-left: -5px;              
margin-right: -5px;     
font-weight: bold;       
}               
       
.j_card_div .j_table {       
margin-top: 5px;               
width: 100%;             
font-size: 13px;               
vertical-align: top; 
}          
             
.j_card_div .j_table tr {               
height: 25px;  
vertical-align: top;
}     
               
.j_table_td_left {               
text-align: right;         
font-weight: bold;             
width: 100px;      
} 
               
.j_table_td_left_na {              
text-align: right;
font-weight: bold;              
width: 250px;               
}            
       
.j_card_cur_state {       
text-align: center;              
font-weight: bold;     
font-size: 15pt;              
margin: 8px;     
}       
               
.j_button {       
width: 24px;       
height: 24px;               
border: 1px solid #B5B6B5;             
padding-right: 0px;               
padding-left: 9px; 
padding-top: 5px;          
padding-bottom: 5px;             
border-radius: 3px;               
-webkit-border-radius: 3px;  
-moz-border-radius: 2px;
-khtml-border-radius: 4px;     
background-color: #F7F3F7;               
margin: 2px;               
float: left;         
}             
      
.j_button:hover { 
background-color: #73AAFF;               
border: 1px solid #000084;              
margin: 1px;
width: 26px;              
height: 26px;               
}            
       
.j_button_lock {       
width: 24px;              
height: 24px;     
border: 1px solid #C60000;              
padding-right: 0px;     
padding-left: 9px;       
padding-top: 5px;               
padding-bottom: 5px;       
border-radius: 3px;       
-webkit-border-radius: 3px;               
-moz-border-radius: 2px;             
-khtml-border-radius: 4px;               
margin: 2px; 
cursor: help;          
float: left;             
}               
  
.j_button_splitter {
width: 2px;     
height: 24px;               
border: 1px solid #B5B6B5;               
padding-top: 5px;         
padding-bottom: 5px;             
border-radius: 3px;      
-webkit-border-radius: 3px; 
-moz-border-radius: 2px;               
-khtml-border-radius: 4px;              
background-color: #848284;
margin: 2px;              
float: left;               
}            
       
.j_button_inside {       
width: 24px;              
height: 24px;     
border: 1px solid #B5B6B5;              
padding-right: 0px;     
padding-left: 9px;       
padding-top: 5px;               
padding-bottom: 5px;       
border-radius: 3px;       
-webkit-border-radius: 3px 0px 0px 3px;               
-moz-border-radius: 2px 0px 0px 2px;             
-khtml-border-radius: 4px 0px 0px 4px;               
background-color: #F7F3F7; 
margin: 2px 0px 2px 2px;          
float: left;             
}               
  
.j_button_inside:hover {
background-color: #73AAFF;     
border: 1px solid #000084;               
}               
         
.j_button_down {             
background: url('map_menu_down.png') no-repeat center center;      
float: left; 
height: 24px;               
width: 18px;              
margin: 2px 2px 2px 0px;
background-color: #184DB5;              
-webkit-border-radius: 0px 3px 3px 0px;               
-moz-border-radius: 0px 2px 2px 0px;            
-khtml-border-radius: 0px 4px 4px 0px;       
padding-right: 0px;       
padding-left: 0px;              
padding-top: 6px;     
padding-bottom: 6px;              
}     
       
.j_button_down:hover {               
background-color: #296DE7;       
}       
               
.j_button_counter {             
float: left;               
height: 24px; 
min-width: 18px;          
margin: 2px 2px 2px 0px;             
background-color: #fff;               
border-right: 1px solid #B5B6B5;  
border-top: 1px solid #B5B6B5;
border-bottom: 1px solid #B5B6B5;     
border-radius: 3px;               
-webkit-border-radius: 0px 3px 3px 0px;               
-moz-border-radius: 0px 2px 2px 0px;         
-khtml-border-radius: 0px 4px 4px 0px;             
padding-right: 0px;      
padding-left: 0px; 
padding-top: 8px;               
padding-bottom: 2px;              
text-align: center;
}              
               
.j_button_counter:hover {            
background-color: #F7F3F7;       
}       
              
.j_button_edit {     
background: #F7F3F7 url('edit24.png') no-repeat center center;              
}     
       
.j_button_edit_lock {               
background: #840000 url('edit24.png') no-repeat center center;       
}       
               
.j_button_document {             
background: #F7F3F7 url('document.png') no-repeat center center;               
} 
          
.j_button_printer {             
background: #F7F3F7 url('printer2.png') no-repeat center center;               
}  

.j_button_watcher {     
background: #F7F3F7 url('watch.png') no-repeat center center;               
}               
         
.j_button_watcher_i {             
background: #CEFFCE url('watch.png') no-repeat center center;      
} 
               
.j_button_watcher_i:hover {              
background-color: #FFAEAD;
}              
               
.j_button_comment {            
background: #F7F3F7 url('comment24.png') no-repeat center center;       
}       
              
.j_button_mark {     
background: #F7F3F7 url('tag.png') no-repeat center center;              
}     
       
.j_button_delete:hover {               
background-color: #FFAEAD;       
}       
               
.j_card_opis_div {             
border: 1px solid #B5B6B5;               
background-color: #fff; 
padding: 3px;          
border-radius: 3px;             
-webkit-border-radius: 3px;               
-moz-border-radius: 2px;  
-khtml-border-radius: 4px;
}     
               
.j_card_comment_div {               
border: 1px solid #B5B6B5;         
padding: 3px;             
border-radius: 3px;      
-webkit-border-radius: 3px; 
-moz-border-radius: 2px;               
-khtml-border-radius: 4px;              
margin-top: 10px;
margin-bottom: 5px;              
}               
            
.j_card_comment_div span {       
font-size: 12pt;       
}              
     
.j_card_comment_div_author {              
background-color: #ADCBFF;     
}       
               
.j_card_comment_div_all {       
background-color: #DEEFFF;       
}               
             
.j_card_label_div {               
float: left; 
border: 1px solid #B5B6B5;          
padding: 2px;             
border-radius: 3px;               
-webkit-border-radius: 3px;  
-moz-border-radius: 2px;
-khtml-border-radius: 4px;     
margin-bottom: 5px;               
margin-right: 5px;               
background-color: #CEFFCE;         
cursor: help;             
}      
 
.j_mywork_div {               
float: left;              
padding: 2px;
border-radius: 10px;              
-webkit-border-radius: 10px;               
-moz-border-radius: 8px;            
-khtml-border-radius: 11px;       
margin: 5px;       
padding: 10px;              
min-width: 200px;     
text-align: center;              
}     
       
.j_mywork_div_create {               
background-color: #0082C6;       
color: #fff;       
max-width: 200px;               
}             
               
.j_mywork_div_watch { 
background-color: #00C742;          
color: #fff;             
max-width: 200px;               
}  

.j_mywork_div_work {     
background-color: #FF9694;               
color: #fff;               
max-width: 200px;         
line-height: 20px;             
}      
 
.j_mywork_div_wo_pers {               
background-color: #000;              
color: #fff;
max-width: 200px;              
}               
            
.j_mywork_div_caption {       
font-size: 17pt;       
font-weight: bold;              
}     
              
.j_mywork_div_counter {     
padding-top: 25px;       
padding-bottom: 20px;               
font-size: 21pt;       
font-weight: bold;       
color: #000;               
}             
               
.j_mywork_div_counter span { 
background-color: #fff;          
border-radius: 5px;             
-webkit-border-radius: 5px;               
-moz-border-radius: 4px;  
-khtml-border-radius: 6px;
padding-right: 10px;     
padding-left: 10px;               
}               
         
.j_mywork_div_counter span:hover {             
background-color: #F7F3F7;      
} 
               
.j_mywork_div_list {              
margin-top: 9px;
padding-top: 10px;              
padding-bottom: 10px;               
color: #000;            
text-align: left;       
       
background-color: #fff;              
border-radius: 5px;     
-webkit-border-radius: 5px;              
-moz-border-radius: 4px;     
-khtml-border-radius: 6px;       
padding-right: 10px;               
padding-left: 10px;       
}       
               
.link_resize {             
background: url('resize.png') 0px no-repeat;               
padding-left: 20px; 
}          
             
.link_menu_down {               
background: url('menu_down.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;               
}       
       
.find_box {               
background: url('find.png') 95% 45% no-repeat;             
}               
 
.find_box:focus {          
background: url('find.png') 95% 45% no-repeat;             
}               
  
.div_center {
text-align: center;     
}               
               
.div_right {         
text-align: right;             
}      
 
.div_bold {               
font-weight: bold;              
}
              
#usersearch {               
height: 38px;            
line-height: 38px;       
width: 100%;       
background: url("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('search.png') no-repeat;             
border: none;      
outline: none; 
cursor: pointer;               
}              

#usersearch .button:hover {              
background: url("search_hover.png") no-repeat;               
}            
       
#usersearch .check {       
display: inline-block;              
width: 20%;     
margin-right: 45px;              
margin-left: 15px;     
}       
               
.j_news_comment {       
width: 32px;       
height: 32px;               
margin-left: 5px;             
background: url('comment2.png') 0px no-repeat;               
} 
          
.j_news_change_staff {             
width: 32px;               
height: 32px;  
margin-left: 5px;
background: url('staff.png') 0px no-repeat;     
}               
               
.j_news_new_work {         
width: 32px;             
height: 32px;      
margin-left: 5px; 
background: url('plus2.png') 0px no-repeat;               
}              

.j_news_edit_work {              
width: 32px;               
height: 32px;            
margin-left: 5px;       
background: url('edit2.png') 0px no-repeat;       
}              
     
.j_news_complete_good {              
width: 32px;     
height: 32px;       
margin-left: 5px;               
background: url('complete_good.png') 0px no-repeat;       
}       
               
.j_news_complete_bad {             
width: 32px;               
height: 32px; 
margin-left: 5px;          
background: url('complete_bad.png') 0px no-repeat;             
}               
  
.label_stop {
height: 26px;     
font-size: 15px;               
margin-top: 10px;               
margin-bottom: 10px;         
font-weight: bold;             
background: #FFD7D6 url('stop2.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;       
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;          
}             
               
.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('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;       
}               
             
.jabber_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;               
}               
         
.cursor_pointer {             
cursor: pointer;      
} 
               
.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 {             
text-align: center;               
padding-bottom: 5px;  
}
     
.working_menu_change_state .button_state {               
display: inline-block;               
margin-bottom: 5px;         
margin-top: 5px;             
margin-right: 5px;      
margin-left: 5px; 
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;             
}               
 
.red_link {          
padding-left: 4px;             
margin-top: 1px;               
padding-right: 4px;  
background-color: #f00;
font-weight: bold;     
cursor: pointer;               
color: #fff;               
text-decoration: none;         
}             
      
.red_link:hover { 
color: #cacaca;               
}              

.red_link2 {              
color: #f00;               
text-decoration: none;            
font-weight: bold;       
}       
              
.white_div {     
background-color: #fff;              
border-radius: 5px;     
-webkit-border-radius: 5px;       
-moz-border-radius: 4px;               
-khtml-border-radius: 6px;       
padding: 10px;       
}               
             
.current_date_free_doing {               
cursor: pointer; 
}          
             
.current_date_free_doing:hover {               
background-color: #BDEFFF;  
}
     
.current_date_red {               
background-color: #FFEBEF;               
}         
             
/* ОБЩИЕ ПАРАМЕТРЫ */      
 
.box_border {               
box-sizing: border-box;              
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;              
}               
            
.code {       
font-family: monospace;       
font-weight: 600;              
}     
              
.sup {     
margin-top: 16px;       
font-size: 0.9em;               
font-style: italic;       
}       
               
.right {             
margin-left: auto;               
margin-right: 0px; 
}          
             
/*----------------------------------------*/               
/* Разметка для блоков контакт-центра */  
/*  Общие параметры (строка для блоков кнопок) */
.row {     
height: 4em;               
margin-left: -16px;               
margin-right: -16px;         
line-height: 1.2em;             
}      
 
.row:before {               
content: " ";              
display: block;
}              
               
.row:after {            
content: " ";       
clear: both;       
}              
     
/* Блоки кнопок разных размеров внутри строки */              
/* Цифра - количество ячеек, которые занимает блок по ширине в 12 ячеечной сетке */     
.block-6 {       
width: 45%;               
float: left;       
text-align: center;       
padding: 0 16px;               
}             
               
.block-5 { 
width: 41.5%;          
float: left;             
text-align: center;               
padding: 0 16px;  
}
     
.block-4 {               
width: 30%;               
float: left;         
text-align: center;             
padding: 0 16px;      
} 
               
.block-3 {              
width: 22%;
float: left;              
text-align: center;               
padding: 0 16px;            
}       
       
.block-2 {              
width: 16.6%;     
float: left;              
text-align: center;     
padding: 0 16px;       
}               
       
.block-1 {       
width: 8.3%;               
float: left;             
text-align: center;               
padding: 0 16px; 
}          
             
/*----------------------------------------*/               
/* Основные плашки для информации и кнопок */  

/* настройка блока (плашки) с категорией кнопок */     
.block-cc {               
box-sizing: border-box;               
-moz-box-sizing: border-box;         
-webkit-box-sizing: border-box;             
      
margin: 32px 0px; 
padding: 16px;               
border-left: 4px solid;              
}
              
/* общие настройки всех кнопок на плашке*/               
.block-cc button {            
font-size: 1.2em;       
padding: 16px;       
display: block;              
border: 1px solid;     
border-radius: 4px;              
color: rgba(255, 255, 255, 0.95);     
cursor: pointer;       
transition: all 0.2s ease-out;               
line-height: 1em;       
}       
               
.block-cc button:hover {             
outline: 0;               
box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 16px 0px, rgba(0, 0, 0, 0.14) 0px 4px 16px 0px; 
}          
             
/* общие настройки заголовка №3 на плашке */               
.block-cc h3 {  
font-size: 1.4em;
}     
               
/* общие настройки полей ввода на плашке */               
.block-cc input {         
padding: 5px;             
line-height: 1em;      
} 
               
/* КНОПКИ */              
/* Широкая кнопка */
/* Да и вообще любой блок с шириной 100% */              
.width {               
width: 100%;            
}       
       
/* Маленькая кнопка */              
button.small {     
padding: 8px;              
font-size: 0.9em;     
}       
               
/* Серенькая кнопка обычная */       
button.default {       
background: #EEEEEE !important;               
color: #424242 !important;             
border: 1px solid #BDBDBD !important;               
} 
          
/* Синенькая кнопка "главная типа" */             
button.primary {               
background: #3F51B5 !important;  
color: #E8EAF6 !important;
border: 1px solid #283593 !important;     
}               
               
/*-----------------------------*/         
/* Цветные блоки */             
      
.cc-red { 
border-color: #D32F2F;               
background: #FFEBEE;              
}
              
.cc-red h3 {               
color: #D32F2F;            
}       
       
.cc-red button {              
background: #E53935;     
border: #B71C1C;              
}     
       
.cc-red button:hover {               
background: #D32F2F;       
}       
               
.cc-orange {             
border-color: #E64A19;               
background: #FBE9E7; 
}          
             
.cc-orange h3 {               
color: #E64A19;  
}
     
.cc-orange button {               
background: #FF5722;               
border: #BF360C;         
}             
      
.cc-orange button:hover { 
background: #E64A19;               
}              

.cc-green {              
border-color: #388E3C;               
background: #E8F5E9;            
}       
       
.cc-green h3 {              
color: #388E3C;     
}              
     
.cc-green button {       
background: #43A047;               
border: #1B5E20;       
}       
               
.cc-green button:hover {             
background: #388E3C;               
} 
          
.cc-blue {             
border-color: #1976D2;               
background: #E3F2FD;  
}
     
.cc-blue h3 {               
color: #1976D2;               
}         
             
.cc-blue button {      
background: #1E88E5; 
border: #0D47A1;               
}              

.cc-blue button:hover {              
background: #1976D2;               
}            
       
.div-form-customer-find {       
background-color: #fff;              
margin: 20px;     
padding-bottom: 5px;              
padding-top: 30px;     
padding-left: 20px;       
padding-right: 20px;               
border-radius: 10px;       
-webkit-border-radius: 10px;       
-moz-border-radius: 8px;               
-khtml-border-radius: 11px;             
}               
 
.div-form-house-find {          
background-color: #fff;             
width: 500px;               
margin: 20px;  
padding-bottom: 27px;
padding-top: 27px;     
padding-left: 20px;               
padding-right: 20px;               
border-radius: 10px;         
-webkit-border-radius: 10px;             
-moz-border-radius: 8px;      
-khtml-border-radius: 11px; 
}               
              
.task-state-caption_delay {
color: #fff;              
background: #f00;               
padding-left: 3px;            
padding-right: 3px;       
border: 1px solid #000;       
}              
     
.task-state-caption_wait {              
color: #000000;     
background: #fffe13;       
padding-left: 3px;               
padding-right: 3px;       
border: 1px solid #000;       
}               
             
.task-state-caption_doing {               
color: #fff; 
background: #10ae78;          
padding-left: 3px;             
padding-right: 3px;               
border: 1px solid #000;  
}
     
.task-caption-house-not-connect {               
color: #fff;               
background: #f00;         
padding-left: 3px;             
padding-right: 3px;      
border: 1px solid #000; 
               
}              

.yellow-back {              
background-color: #FFFFC1;               
}            
       
.accordeon-div {       
padding: 10px;              
padding-bottom: 0;     
padding-top: 0;              
font-size: 13px;     
}       
               
body {       
font: 14px/17px 'Myriad pro', Tahoma, Geneva, hevetica, sans-serif;       
background-color: #FFF;               
margin: 0;             
padding: 0;               
color: #000; 
min-width: 960px;          
}             
               
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('info.gif') 0px 0px no-repeat;               
padding-left: 15px;             
font-size: 10pt;               
font-weight: normal; 
font-style: italic;          
}             
               
.block_info {  
background: url('info.gif') 0px 0px no-repeat;
padding-left: 15px;     
font-size: 10pt;               
font-weight: normal;               
font-style: italic;         
}             
      
.comment_block { 
background: url('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;       
}               
       
#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;               
}       
       
.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('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;               
}         
             
.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;               
}         
             
.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;       
}               
             
.light_green_text {               
color: #39FF10; 
}          
             
.red_text {               
color: #f00;  
}
     
.bold_text {               
font-weight: bold;               
}         
             
.italic_text {      
font-style: italic; 
}               
              
.old_abon {
background: #cacaca;              
}               
            
.old_abon:hover {       
background: #c0c0c0;       
}              
     
.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('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;
}              
               
.standart_docs {            
font-family: 'Arial';       
font-size: 8pt;       
}              
     
.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; 
}               
              
.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('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;       
}               
       
.us-icon {       
display: inline-block;               
font: normal normal normal 14px/1 FontAwesome;             
font-size: inherit;               
text-rendering: auto; 
-webkit-font-smoothing: antialiased;          
-moz-osx-font-smoothing: grayscale;             
font-size: 1.3333333333em;               
line-height: .75em;  
margin-right: 5px;
vertical-align: -3px;     
color: #2196F3               
}               
         
.us-icon-normal {             
color: #2196F3      
} 
               
.us-icon-normal:hover {              
color: #3F51B5
}              
               
.us-icon-normal-second {            
color: #3F51B5       
}       
              
.us-icon-normal-second:hover {     
color: #4B5EC0              
}     
       
.us-icon-white {               
color: #fff       
}       
               
.us-icon-lmenu {             
font-size: 1em;               
margin-left: -25px; 
color: #0AA41C          
}             
               
.us-icon-lk {  
font-size: 3em;
color: #fff;     
width: 100%;               
text-align: center;               
padding-top: 15px;         
}             
      
.us-icon-danger { 
vertical-align: -2px;               
color: #f00 !important              
}
              
.us-icon-danger:hover {               
color: #D70000 !important            
}       
       
.us-icon-ok {              
vertical-align: -2px;     
color: #00B900 !important              
}     
       
.us-icon-journal-state {               
color: #fff !important       
}       
               
.us-planed {             
background: url('planned.png') 0px no-repeat;               
padding-left: 20px; 
}          
             
.us-debt {               
background: url('debt.png') 0px no-repeat;  
padding-left: 20px;
}     
               
.us-alias {               
background: url('alias.png') 0px no-repeat;         
padding-left: 20px;             
}      
 
.us-traf-in {               
margin-right: 1px;              
color: #008000;
}              
               
.us-traf-out {            
margin-right: 1px;       
color: #f00;       
}              
     
.address-list-border {              
padding-left: 3px;     
border-left: 1px solid #848284;       
}               
       
.address-list-house-border {       
padding-left: 5px;               
margin-left: 30px;             
margin-bottom: 5px;               
border-left: 1px solid #848284; 
}          
             
.mapLabel {               
margin-top: -3px;  
position: absolute;
}