@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=latin,cyrillic);

 body{
font-family:Arial,Tahoma, sans-serif;
width:100%;
height:100%;
     background: #f3f3f3;
 }


.logo{
float: left;
margin-right: 20px;
    width: 130px;
}

.header{
  overflow: visible;
    clear: both;
    width: 1200px;
    border: 1px solid #dfdfdf;
    padding: 30px 23px 0 23px;
    background: #fff;
    margin: 30px auto 10px auto;
}
.top-header{
    overflow: hidden;
    clear: both;
margin-bottom: 23px;
}
.subheader2 {
    float: left;
    width: 850px;
    margin: 30px 30px 0 0;
}
.subheader2 h2 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.header-adress {
    float: left;
   margin: 30px 10px 0 0;
      font-size: 12px;
    width: 210px;


}
.header-adress .icon{
    display: inline-block;
    padding-left: 30px;
    background: url(/static/images/home-icon.png) 0 50% no-repeat;
}
.header-adress .tel {
    font-size: 12px;
    font-weight: bold;
    color: #3696e5
}
.header-adress .tel-prefix {
     color: #36ab65
}
.header-calendar {
     float: left;
   margin: 30px 10px 0 0;
    font-size: 12px;
      width: 240px;
}
 .header-calendar  .icon{
    display: inline-block;
    padding-left: 30px;
    background: url(/static/images/calendar-icon.png) 0 50% no-repeat;
}
.header-lk {
    float: left;
       font-size: 14px;
     margin: 30px 0 0 0;
      width: 240px;

}
 .header-lk .icon{
    display: inline-block;
    padding-left: 30px;
    background: url(/static/images/user-icon.png) 0 50% no-repeat;
}
.header-lk ul {
    width: 100%;
}
.header-lk ul li {
    float: left;
       font-size: 12px;
    display: inline;
    margin: 0 10px 0 0;
    padding: 0;
}
.header-lk ul li a {
    color:#000;
}



.breadcrumbs {
    overflow: hidden;
    clear: both;
    padding: 0 0 20px 0;
}
.breadcrumbs ul {
}
.breadcrumbs li {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}
.breadcrumbs li a{
    margin-right: 5px;
    color: #000;
}

.main{
    font-family: 'Open Sans', sans-serif;
  overflow: visible;
    clear: both;
    width: 1200px;
border: 1px solid #dfdfdf;
    padding: 30px 23px;
    background: #fff;
}
.main h3{
    float: left;
font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}
.main h2{
    float: left;
font-size: 36px;
    color: #3d3d3d;
    margin-bottom: 30px;
    font-weight: 300;
}
.personal-office{
    overflow: hidden;
    width: 96%;
    max-width: 830px;
    padding: 35px 2% 15px 2%;
border: 1px solid #dfdfdf;
    border-radius: 8px;
}
.clear{
overflow: hidden;
    clear: both;
}

.form-item {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}

.form-item.captcha input{
    width: 642px!important;
    margin-left: 10px;
}

.form-item .errorlist{
    color: red;
}


.form-item:last-child{margin-bottom: 0;}

.personal-office.entry .form-item .input{
float: left;
width: 180px;
     margin-right: 10px;
}
.personal-office.registration .form-item .input{
float: left;
width: 100%;
}
.form-item .input input[type="text"],.form-item .input input[type="password"],.form-item .input input[type="email"], .form-item .input input[type="number"], .form-item select{
    width: 100%;
    padding: 0 1%;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
   
}
.form-item select {
    background-color:white;
}
.form-item a{
font-size: 12px;
    color: #000;
    line-height: 38px;
}
.form-item label{
font-size: 14px;
}
.form-item input[type="checkbox"]{
float: left;
margin: 3px 5px 0 0;
}
.form-item button{
padding: 0 21px;
    border-radius: 4px;
    border: none;
    height: 36px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background: #36ab65;
    transition: 0.5s;
}
.form-item button:hover{
background: #2c8c53
}
.personal-office p.mt40{
    overflow: hidden;
    clear: both;
font-size: 14px;
    padding-top:  40px;
}
.add-app{
float: right;
    font-size: 14px;
    color: #333;
    margin-top: 7px;
    text-decoration: underline!important;
}
.top-main{
overflow: hidden;
    clear: both;
}
.personal-office-table {
    width: 100%;
}

.personal-office-table table {
      width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.personal-office-table tr th {
    font-size: 12px;
    color: #3e3f3f;
    background: #c2dff1;
    text-align: center;
   padding: 5px 10px;
    vertical-align: middle;

}
.personal-office-table tr td {
    border: 1px solid #e1e4e5;
   padding: 5px 10px;
        font-size: 12px;
    color: #3e3f3f;
    text-align: center;
}

.bottom-table {
    overflow: hidden;
    clear: both;
}
.display {
    float: left;
}
.display ul {
}
.display li {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #3e3f3f;
}
.display li a {
       font-size: 14px;
    color: #3e3f3f;
    text-decoration: none;
}

.display .current a,.display li:hover a  {
    color: #36ab65
}
.pages {
    float: right;
}
.pages ul {
}
.pages li {
    float: left;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border: 1px solid #dddddd;
    border-right: none;
      padding: 0;
    margin: 0;
}
.pages li a{
    display: block;
 text-decoration: none;
    font-size: 12px;
    color: #000;
    transition: 0.5s;
}
.pages li.current a,.pages li:hover a{
background: #36ab65;
    color: #fff;
}
.pages li:first-child{
border-radius: 2px 0 0 2px;
    color: #dddddd;
}
.pages li:last-child{
border-radius: 0 2px 2px 0;
    border-right: 1px solid #dddddd;
    color: #dddddd;
}


@media screen and (max-width: 768px) {
    .wrap{
    width: 96%;
    padding: 0 2%;
    }
    .header,.main{
      overflow: visible;
    clear: both;
    width: 94%;
border: 1px solid #dfdfdf;
    padding: 30px 3%;
    background: #fff;
    }
    
    
    .logo{
    text-align: center;
    width: 100%;
        margin: 0;
    }
    .subheader2{
     text-align: center;
    width: 100%;
        margin: 20px 0 30px 0;
    }
    .header-adress{
      text-align: center;
    width: 100%;
        margin: 0 0 30px 0;}
    .header-calendar {
      text-align: center;
    width: 100%;
        margin: 0 0 30px 0;}
    .header-lk{
      text-align: center;
    width: 100%;
        margin:  0;}
    
    .display {
    float: left;
        width: 100%;
        margin-bottom: 20px;
}
    .pages{
    float: left;
    width: 100%;
        
    }
    .main h2{
    margin-bottom: 5px}
    .add-app{
float: left;
        width: 100%;
        margin-bottom: 20px;
}
    .personal-office.entry .form-item .input{
float: left;
width: 100%;
     margin-right: 0;
}
   /** .top_menu ul li.level0{
      
    width: 51%;
        margin: 0 auto 10px;
    }**/

}

.horiznav { background: transparent url('/static/images/horiz_bg.png') repeat-x scroll 0px bottom; }
.horiznav ul li { background: transparent url('/static/images/normal_l.png') no-repeat scroll left top; }
.horiznav ul li a, .horiznav ul li a:visited { color: rgb(51, 51, 51); background: transparent url('/static/images/normal_r.png') no-repeat scroll right top; }
.horiznav ul li.haschild { background: transparent url('/static/images/normal_l_haschild.png') no-repeat scroll left top; }
.horiznav ul li:hover, .horiznav ul li.sfHover { background: transparent url('/static/images/hover_l.png') no-repeat scroll left top; }
.horiznav ul li a:hover, .horiznav ul li:hover a, .horiznav ul li.sfHover a, .horiznav ul li.sfHoverHas a { color: rgb(255, 255, 255); background: transparent url('/static/images/hover_r.png') no-repeat scroll right top; }
.horiznav ul li.haschild:hover { background: transparent url('/static/images/hover_l_haschild.png') no-repeat scroll left top; }
.horiznav ul li.haschild a:hover { color: rgb(255, 255, 255); }
.horiznav li#current, .horiznav li.active { background: transparent url('/static/images/active_l.png') no-repeat scroll left top; }
.horiznav li#current a, .horiznav li.active a, .horiznav li.active a:visited, .horiznav li.active.sfHover a:visited, .horiznav li.active.sfHoverHas a:visited { color: rgb(255, 255, 255); background: transparent url('/static/images/active_r.png') no-repeat scroll right top; }
.horiznav li#current.haschild, .horiznav li.haschild, .horiznav ul li.haschild.active, .horiznav ul li.sfHoverHas { background: transparent url('/static/images/active_l_haschild.png') no-repeat scroll left top; }
.horiznav li#current:hover, .horiznav li#current.sfHover, .horiznav li.active:hover, .horiznav li.active.sfHover { background: transparent url('/static/images/active_l.png') no-repeat scroll left top; }
.horiznav li#current a:hover, .horiznav li#current.sfHover a:hover, .horiznav li.active a:hover { color: rgb(255, 255, 255); background: transparent url('/static/images/active_r.png') no-repeat scroll right top; }
.top_menu ul.subul_main li a { background: rgb(48, 144, 203) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(94, 188, 132); color: rgb(255, 255, 255); }
.top_menu ul.subul_main li a:visited { color: rgb(255, 255, 255); background: rgb(48, 144, 203) none repeat scroll 0% 0%; }
.top_menu ul.subul_main li a:hover { background: rgb(48, 144, 203) none repeat scroll 0% 0%; color: rgb(247, 105, 28); }
.top_menu ul.subul_main li, .top_menu ul.subul_main li.active, .top_menu ul.subul_main li.active:visited, .top_menu ul.subul_main li.active:hover, .top_menu ul.subul_main li:hover, .top_menu ul.subul_main li:visited, .top_menu ul.subul_main li#current, .top_menu ul.subul_main li#current:hover { border: medium none; background: transparent none repeat scroll 0% 0%; }
.horiznav li.tl, .horiznav li.tl:hover { background: transparent url('/static/images/tl.png') repeat scroll 0% 0% ! important; }
.horiznav li.tr, .horiznav li.tr:hover { background: transparent url('/static/images/tr.png') no-repeat scroll right top ! important; }
.horiznav li.br, .horiznav li.br:hover { background: transparent url('/static/images/br.png') no-repeat scroll right bottom ! important; }
.horiznav li.bl, .horiznav li.bl:hover { background: transparent url('/static/images/bl.png') no-repeat scroll left bottom ! important; }
.horiznav li.right, .horiznav li.right:hover { background: transparent url('/static/images/right.png') no-repeat scroll right bottom ! important; }
#mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a#active_menu.mainlevel, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, li.active a, li.parent a, .menu li a:hover { color: rgb(48, 144, 203); }
ul li { background: transparent url('/static/images/bodyli.png') no-repeat scroll 0px 5px; }
.centertop_in { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(223, 223, 223); }
#topmenu_holder { border-top: 1px solid rgb(223, 223, 223); border-bottom: 1px solid rgb(223, 223, 223);margin-bottom: 20px; }

li.bl { z-index: 1100; }
li.tl { z-index: 1200; }
li.right { z-index: 900; }
li.tr, li.br { z-index: 900; }
.horiznav li.tl, .horiznav li.tl:hover { display: block; position: absolute; width: 20px; height: 26px; line-height: 20px; padding: 0px; margin: 0px; top: -13px; left: -10px; }
.horiznav li.tr, .horiznav li.br { width: 100%; height: 20px; display: block; position: absolute; padding: 0px; margin: 0px; }
.horiznav li.tr, .horiznav li.tr:hover { top: -13px; left: 10px; }
.horiznav li.br, .horiznav li.br:hover { bottom: -13px; left: 10px; }
.horiznav li.bl, .horiznav li.bl:hover, .horiznav li.right, .horiznav li.right:hover { height: 100%; width: 20px; display: block; position: absolute; padding: 0px; margin: 0px; }
.horiznav li.bl, .horiznav li.bl:hover { left: -10px; top: 13px; right: auto; }
.horiznav li.right, .horiznav li.right:hover { left: auto; top: 7px; right: -10px; }
li.tl, li.tr, li.bl, li.br, li.right { border: medium none ! important; }
a.yjanchor.first {  }
.yjanchor { line-height: normal ! important; }
.jb_pagin::after, .yjsgspathway::after, .horiznav::after, .top_menu::after, #topmenu_holder::after, #header::after, .inside::after, .insidem::after, .yjsg_grid::after, .yjsgxhtml::after, .yjsquare::after, .yjsquare_in::after, .yjsgModsChrome::after, .yjsgaccChrome::after, .yjsgaccGroup::after, .yjsgaccTrigger::after, .yjsgaccContent::after { display: table; content: ""; clear: both; }










 /* password show */






.password-show-button {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  cursor: pointer;
  z-index: 30;
    color: #8f8f90;
}
.equipmentTotal {
    text-align: right;
}
.equipmentTitle .close {
    float:right;
}
.equipmentTitle .close a {
    color: #333333;
}

/*
     FILE ARCHIVED ON 11:31:25 Aug 04, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:21:22 Jun 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 46.914
  load_resource: 82.0
  PetaboxLoader3.resolve: 46.612
  PetaboxLoader3.datanode: 33.416
*/