/* @NETWORK@ */       
@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;    
}      
       
.aprove {  
background: url('ok_blue.png') 0px no-repeat;              
padding-left: 20px;    
}     
       
.back {    
background: url('back_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;      
}               
             
.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;              
}  
      
.edit {               
background: url('edit_blue.png') 0px no-repeat;             
padding-left: 20px;  
} 
           
.forward {               
background: url('forward_blue.png') 0px no-repeat;        
padding-left: 20px;         
}            
            
.lock {   
background: url('lock_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;       
}
              
.phone {  
background: url('phone_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;            
}       

#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;             
}  
 
.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-color: #d4d4d4;    
border-radius: 6px 0px 0px 6px;  
min-height: 40px;           
}
            
.c_attach_div .c_attach_div_left span {       
padding-top: 15px;
padding-left: 5px;  
}       

.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 {      
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: #1875a7;
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;  
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;  
}       

/*              
Стили для личного кабинета  
==================================================================================================================      
*/               
             
.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 {        
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;            
}       

.paging .links a.left:hover {  
margin-bottom: -11px;       
}
              
.paging .links a.right {  
margin-bottom: -11px;      
}               
             
.page-right {  
 
}           
               
.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 {    
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 {      
font-weight: bold;               
color: #3F51B5;             
margin-top: 7px;  
margin-right: 7px; 
font-size: 28pt;           
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 {  
background-color: #FFF;       
position: fixed;
top: 45px;              
left: 50%;  
margin-left: -150px;      
width: 220px;               
height: 39px;             
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);  
z-index: 1000; 
padding: 10px;           
padding-left: 80px;               
border: 3px solid #0088d1;        
font-size: 17px;         
padding-top: 5px;            
padding-bottom: 20px;            
}   
    
#notifyDivIcon {      
position: fixed;       
top: 60px;  
left: 50%;              
margin-left: -137px;    
z-index: 1010;     
font-size: 50px;       
}    
  
#popup_error {           
background-color: #FFF;
position: fixed;            
top: 45px;       
left: 50%;
width: 220px;  
height: 39px;       
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
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;      
min-width: 400px;       
}  
              
.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 #1875a7;      
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: 301px;            
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-color: #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-color: #ddd;       
color: #A7A7A7;  
padding-top: 25px;              
font-size: 40pt;    
-webkit-border-radius: 15px;     
-moz-border-radius: 15px;       
border-radius: 15px;    
-webkit-transition: 1s;  
-moz-transition: 1s;           
transition: 1s;
}            
       
#to_top a:hover span {
color: #8FC44B;  
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: #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: #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: #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: #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-color: #D6D7D6;  
border-radius: 3px;       
-webkit-border-radius: 3px;
-moz-border-radius: 2px;              
-khtml-border-radius: 4px;  
}      
               
#map_menu_panel .menu_down:hover {             
background-color: #9C9A9C;  
} 
           
#map_menu_panel .menu_down a {               
color: #000;        
text-decoration: none;         
}            
            
.map_menu_down {   
display: inline;    
float: left;      
height: 100%;       
width: 16px;  
background-color: #fff;              
padding-left: 5px;    
padding-top: 1px;     
margin-top: 0px       
}    
  
.map_menu_down:hover {           
background-color: #cacaca;
}            
       
.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;       
}    
  
.unselected_button div {           
margin-top: 2px;
}            
       
.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_button div {      
margin-top: 5px;       
}  
              
    
.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;        
}         
            
.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;              
}  
      
.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 {            
float: left;            
height: 24px;   
width: 15px;    
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: 3px;       
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_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_menu_down {            
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_news2 {  
width: 32px;              
height: 32px;    
margin-left: 5px;     
}       
    
.label_stop {  
height: 26px;           
font-size: 15px;
margin-top: 10px;            
margin-bottom: 10px;       
font-weight: bold;
background-color: #FFD7D6;  
padding-left: 13px;       
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;           
}
            
.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;       
}    
  
.div_journal_opis_print {           
overflow: hidden;
max-height: 1050px;            
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: 5px;
padding: 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 {         
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 {        
font-size: 10pt;         
font-weight: normal;            
font-style: italic;            
}   
    
.block_info {      
padding-left: 15px;       
font-size: 10pt;  
font-weight: normal;              
font-style: italic;    
}     
       
.comment_block {    
float: right;  
width: 48px;           
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;            
}       

.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;    
}      
       
.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-black {  
color: #000      
}               
             
.us-icon-green {  
color: #0f0 
}           
               
.us-icon-red {        
color: #f00         
}            
            
.us-icon-lmenu {   
font-size: 1em;    
margin-left: -25px;      
color: #0AA41C;       
vertical-align: 0px;  
}              
    
.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-32 {  
font-size: 2em; 
}           
               
.us-icon-ok {        
vertical-align: -2px;         
color: #00B900 !important            
}            
   
.us-icon-journal-state {    
color: #fff !important      
}       
  
.us-icon-task-card {              
display: inline-block;    
font: normal normal normal 14px/1 FontAwesome;     
font-size: 2em;       
text-rendering: auto;    
-webkit-font-smoothing: antialiased;  
-moz-osx-font-smoothing: grayscale;           
line-height: .75em;
color: #000;            
padding-left: 8px;       
padding-right: 5px;
}  
       
.us-planed {
background: url('planned.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;
}  
       
#menu_logo_network {
width: 250px;              
height: 70px;  
display: block;      
background: url('menu_logo_network.png') no-repeat;               
position: relative;             
margin-bottom: 40px;  
text-decoration: none; 
}           
               
#menu_logo_network #menu_description {        
font-size: 11px;         
color: #0375b0;            
padding-top: 47px;            
padding-left: 65px;   
}    
      
.footer2 {       
padding: 30px 0;  
margin-top: 20px;              
border-top: 2px solid #e0e0e0;    
position: relative;     
width: 100%;       
max-width: 1220px;    
}  
           
.footer2 #down_copy {
color: #83898b;            
font-size: 13px;       
}
  
.footer2 #down_copy span {       
margin: 0 20px;
}              
  
.footer2 #down_copy a {      
}               
             
.footer2 #down_support {  
width: 150px; 
height: 18px;           
background: #1875a7;               
color: #fff;        
padding-top: 3px;         
padding-left: 7px;            
padding-bottom: 3px;            
display: block;   
position: absolute;    
right: 0;      
top: 25px;       
}  
              
.footer2 #down_support a {    
text-decoration: none;     
color: #fff;       
}    
  
.footer2 #down_support i {           
color: #fff;
}            
       
.footer2 #down_support:hover {
background: #707070;  
}       

.footer2 #down_support_div {              
width: 500px;  
position: fixed;      
right: 10px;               
bottom: 10px;             
background-color: #1871A5;  
color: #fff; 
padding: 5px;           
}               
        
.footer2 #down_support_div ul {         
list-style: square inside;            
padding-bottom: 10px;            
}   
    
.footer2 #down_support_div ul li {      
margin: 5px;       
}  
              
.footer2 #down_support_div a {    
color: #fff;     
}       
    
.footer2 #down_support_div a:hover {  
color: #C6C3C6;           
}
            
.footer2 #down_support_div h2 {       
font-size: 16px;
font-weight: bold;  
text-transform: uppercase;       
margin-top: -5px;
margin-bottom: 2px;              
}  
      
.footer2 #down_support_div #down_support_cancel {               
position: absolute;             
right: 10px;  
top: 5px; 
padding-right: 20px;           
}               
        
.footer2 #down_finishinfo {         
display: block;            
position: absolute;            
right: 0;   
margin-right: 170px;    
padding: 2px;      
font-size: 8pt;       
top: 25px;  
color: #fff;              
}    
     
.footer2 #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;
}              
  
.footer2 #down_finishinfo2_full {      
top: 20px;               
padding: 10px;             
position: relative;  
background-color: #C6C3C6; 
border: 1px solid #000;           
width: 400px;               
}        
         
.iface10M {            
-webkit-animation: ifaceAnim10M 1s infinite;  /* Safari 4+ */            
-moz-animation: ifaceAnim10M 1s infinite;  /* Fx 5+ */   
-o-animation: ifaceAnim10M 1s infinite;  /* Opera 12+ */    
animation: ifaceAnim10M 1s infinite;  /* IE 10+, Fx 29+ */      
}       
  
@-webkit-keyframes ifaceAnim10M {              
0%, 20%, 40%, 60%, 80%, 100% {    
background-color: #FF8000;     
}       
10%, 30%, 50%, 70%, 90% {    
background-color: #fff;  
}           
}
            
.iface100M {       
-webkit-animation: ifaceAnim100M 1s infinite;  /* Safari 4+ */
-moz-animation: ifaceAnim100M 1s infinite;  /* Fx 5+ */  
-o-animation: ifaceAnim100M 1s infinite;  /* Opera 12+ */       
animation: ifaceAnim100M 1s infinite;  /* IE 10+, Fx 29+ */
}              
  
@-webkit-keyframes ifaceAnim100M {      
0%, 20%, 40%, 60%, 80%, 100% {               
background-color: #42F12E;             
}  
10%, 30%, 50%, 70%, 90% { 
background-color: #fff;           
}               
}        
         
.iface1G {            
-webkit-animation: ifaceAnim1G 1s infinite;  /* Safari 4+ */            
-moz-animation: ifaceAnim1G 1s infinite;  /* Fx 5+ */   
-o-animation: ifaceAnim1G 1s infinite;  /* Opera 12+ */    
animation: ifaceAnim1G 1s infinite;  /* IE 10+, Fx 29+ */      
}       
  
@-webkit-keyframes ifaceAnim1G {              
0%, 20%, 40%, 60%, 80%, 100% {    
background-color: #008000;     
}       
10%, 30%, 50%, 70%, 90% {    
background-color: #fff;  
}           
}
            
.leaflet-ruler{       
height: 35px;
width: 35px;  
background-image: url("../js/images/ruler_icon.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */       
background-repeat: no-repeat;
background-position: center;              
}  
.leaflet-ruler:hover{      
background-image: url("../js/images/ruler_icon-colored.png"); /* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */               
}             
.leaflet-ruler-clicked{  
height: 35px; 
width: 35px;           
background-repeat: no-repeat;               
background-position: center;        
background-image: url("../js/images/ruler_icon-colored.png");         
border-color: chartreuse !important;            
}            
.leaflet-bar{   
background-color: #ffffff;    
}      
.leaflet-control {       
cursor: pointer;  
}              
.result-tooltip{    
background-color: white;     
border-width: medium;       
border-color: #de0000;    
font-size: smaller;  
}           
.moving-tooltip{
background-color: rgba(255, 255, 255, .7);            
background-clip: padding-box;       
opacity: 0.5;
border: dotted;  
border-color: red;       
font-size: smaller;
}              
.plus-length{  
padding-left: 45px;      
}               
             
.us-map-class .leaflet-popup-content-wrapper {  
background: transparent; 
opacity: 1;           
color:#000;               
font-size:10px;        
line-height:24px;         
border-radius: 0px;            
box-shadow: none;            
}   
.us-map-class .leaflet-popup-tip {    
background: transparent;      
border: none;       
box-shadow: none;  
}              
    
.labelObjectText {     
margin-bottom: -35px;       
text-align: center;    
}  
           
.linkOnMap {
text-decoration: none;            
color: #000;       
}
  
.linkOnMap:hover {       
color: #000;
text-decoration: none;              
}  
      
.linkOnMap:visited {               
color: #000;             
text-decoration: none;  
} 
           
.linkOnMap:link {               
color: #000;        
text-decoration: none;         
}