/* @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: both; // csUS+0s              
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;       
}         
  
.leaflet-div-icon {          
opacity: 1;         
background: #fff;              
border-radius: 30px;          
}        
              
.leaflet-middle-icon {  
border-radius: 30px;  
}