*{
 margin: 0;
 padding: 0;
 }

body{
 color: #494949;
 font-family: Verdana;
 font-size: 10pt;
 background: url(../images/bodybg.jpg) top repeat-x;
 }

a{
 color: #00718f;
 }

a:hover{
 text-decoration: none;
 }

fieldset{
 border: none;
} 
 
img{
 border: 0;
 }

td{
 vertical-align: top;
 }

#max-width{
 max-width: 1200px;
 margin: 0 auto;
 min-width: 930px;
 padding: 10px 20px;
 width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
 }

#header-top{
	display: table;
	width: 100%;
 }

#header-top #phone, #header-top #slogan, #header-top #langs{
	display: table-cell;
	vertical-align: middle;
}
#header-top #slogan{
	padding-right: 10px;
}
#header-top #phone{
	text-align: center;
 }
#header-top #phone p{
	background: url(../images/phone-icon.png) 0px 0px no-repeat;
	margin-bottom: 5px;
	font-size: 16pt;
	color: #2cadc3;
	padding-left: 35px;
	height: 30px;
	margin: 0 20px 10px 0;
	display: inline-block;
}
#header-top #phone p span{
	color: #12819f;
}
#header-top #langs{
	width: 200px;
	text-align: right;
	padding-right: 10px;
 }

#langs a{
 color: #334348;
 padding: 0 0 15px 30px;
 height: 15px;
 display: inline-block;
 }

#langs a.rus{
 background: url(../images/rus.png) 0px 0px no-repeat;
 margin-right: 10px;
 }

#langs a.eng{
 background: url(../images/eng.png) 0px 0px no-repeat;
 }

#header-bottom{
 clear: both;
 height: 120px;
 margin-top: 10px;
 }

#logo{
 float: left;
 height: 120px;
 }

#menu{
 margin-left: 200px;
 padding-top: 28px;
 height: 92px;
 }

#menu table{
 width: 100%;
 }

#menu td{
 background: url(../images/menu_border.png) top right no-repeat;
 padding-right: 2px;
 width: 20%;
 }

#menu td a, #menu td span{
 background: url(../images/menubg.png) top repeat-x;
 color: #FFFFFF;
 text-decoration: none;
 display: block;
 height: 23px;
 padding: 18px 0 15px 0;
 font-size: 11pt;
 text-align: center;
 }

#menu td a:hover, #menu td span{
 background: url(../images/menubg_h.png) top repeat-x;
}

#menu td.first a{
 background: url(../images/menubg_f.png) top left no-repeat;
}

#menu td.first a:hover, #menu td.first span{
 background: url(../images/menubg_f_h.png) top left no-repeat !important;
}

#menu td.last{
 background: none !important;
 padding-right: 0 !important;
 }

#menu td.last a{
 background: url(../images/menubg_l.png) top right no-repeat;
}

#menu td.last a:hover, #menu td.last span{
 background: url(../images/menubg_l_h.png) top right no-repeat !important;
}
#icons{
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
#icons .icon{
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
	height: 50px;
	color: #FFFFFF;
	width: 31%;
}
#icons .icon.join{
	padding-right: 0;
}
#icons .icon .bg{
	background: url(../images/icon-bg.png) top repeat-x;
	height: 50px;
	border-radius: 15px;
}
#icons .icon .lines{
	background: url(../images/icon-lines.png) top right no-repeat;
	height: 50px;
}
#icons a{
	display: table-cell;
	height: 50px;
	color: #FFFFFF;
	font-size: 12pt;
	text-decoration: none;
	padding: 0 0 0 70px;
	vertical-align: middle;
}
#icons .icon.find a{
	background: url(../images/icon-find.png) 15px 5px no-repeat;
}
#icons .icon.report a{
	background: url(../images/icon-report.png) 15px 5px no-repeat;
}
#icons .icon.join a{
	background: url(../images/icon-join.png) 15px 5px no-repeat;
}
#pic{
 clear: both;
 overflow: hidden;
 width: 100%;
 height: 197px;
 border: 1px solid #c9cbcb;
 }
 
#pic .fadeimage { display:none; position: absolute; height: 197px; }

#blocks{
 clear: both;
 margin-top: 15px;
 height: 176px;
 width: 100%;
 margin-bottom: 20px;
 }

#blocks table{
 width: 100%;
 color: #FFFFFF;
 }

#blocks table td{
 height: 176px;
} 

#blocks table td.left{
 background: url(../images/blocks_left.png) top left no-repeat;
 width: 10px;
}

#blocks table td.content{
 background: url(../images/blocksbg.jpg) top repeat-x;
}

#blocks table td.right{
 background: url(../images/blocks_right.png) top left no-repeat;
 width: 10px;
}

#blocks table td.middle{
 width: 40px;
 }

#blocks h3{
 background: url(../images/blocksbg_h.jpg) top left no-repeat;
 height: 26px;
 width: 156px;
 display: block;
 padding: 10px 0 10px 20px;
 font-size: 11pt;
}

#blocks ul{
 padding-left: 10px;
 float: left;
 width: 45%;
 }

#blocks ul li{
 margin-bottom: 4px;
 list-style-type: none;
 background: url(../images/blocks_marker.png) 0px 5px no-repeat;
 padding-left: 10px;
 }

#blocks ul li span{
 color: #FFFFFF;
 font-size: 10pt;
 font-weight: bold;
 }

#blocks a{
 color: #FFFFFF;
 font-size: 10pt;
 }

#content{
 clear: both;
 }

#content h1, #content h2, #content h3{
 color: #00718f;
 margin-bottom: 10px;
 font-weight: normal;
 }

#content h1{ 
 font-size: 14pt;
 margin-bottom: 15px;
 }

#content h2{
 font-size: 13pt;
 }

#content h3{ 
 font-size: 12pt;
 }

#left{
 float: left;
 width: 242px;
 }

#left div.block{
 background: url(../images/block_bg.png) top left no-repeat;
 padding: 20px;
 margin-bottom: 15px;
 }

#left .block p{
 padding: 7px 0;
 border-bottom: 1px solid #d5d7d7;
 font-size: 9pt;
 }

#left .block p.last, #left .block p.more{
 border: 0;
 }

#left .block p.more{
 text-align: right;
 }

#left .block p.more a{
 padding-left: 22px;
 background: url(../images/more.png) 0px 0px no-repeat;
 color: #00718f;
 }

#left div.block a{
 color: #696868;
 }

#left div.block ul li{
 margin-bottom: 3px;
 list-style-type: none;
 background: url(../images/blocks_marker.png) 0px 5px no-repeat;
 padding: 0 0 5px 10px;
 border-bottom: 1px solid #d5d7d7;
 }

#left div.block ul li a, #left div.block span.blue{
 color: #00718f;
 }

#left #request{
 padding-left: 4px;
 margin-bottom: 15px;
 }

#left #login{
 padding-left: 4px;
 margin-bottom: 15px;
 } 
 
#right{
 margin-left: 252px;
 padding: 10px 15px;
 }

#right p, #right ul{
 margin-bottom: 10px;
 }

#right ol{
 margin: 0 0 15px 20px;
}

#right ol li{
 margin-bottom: 10px;
}

#right p.intro{
 margin-bottom: 20px;
 }

#right p.question{
 font-weight: bold;
 }

#right p.answer{
 font-style: italic;
 margin-bottom: 20px;
 }

#right span.blue{
 color: #00718f;
 font-style: normal;
 font-weight: normal;
 }

#right ul li{
 background: url(../images/marker.png) 0px 8px no-repeat;
 padding-left: 10px;
 margin-bottom: 5px;
 list-style-type: none;
 }

#right ul li ul{
 margin-top: 10px;
 margin-left: 10px;
 }

#right strong, #right b{
 font-weight: normal;
 color: #00718f;
 }
#right .photos .img{
	display: inline-block;
	margin: 0 20px 20px 0;
	border: 1px solid #00718f;
}
#right .photos .img img{
	display: block;
}
#footer{
 clear: both;
 padding: 10px 0;
 height: 60px;
 color: #FFFFFF;
 background: #5cbede url(../images/footerbg.png) top repeat-x;
 }

#footer a{
 color: #FFFFFF;
} 

#copyright{
 float: right;
 }

#aeb{
 position: absolute;
 width: 240px;
height: 60px;
}

#aeb img{
 float: left;
 margin-right: 5px;
}

#iso{
 margin-left: 300px;
 font-size: 13pt;
 position: absolute;
 }

table.network{
 border-collapse: collapse;
 border: 1px solid #D5D7D7;
 margin-bottom: 15px;
 }

table.network td{
 border: 1px solid #D5D7D7;
 border-collapse: collapse;
 padding: 5px 10px;
 }

table.network td p{
 margin-bottom: 0 !important;
 }

#left div.block ul.join li{
 margin-bottom: 5px;
 list-style-type: none;
 padding: 0;
 border-bottom: none;
 background: none;
 }

#left div.block ul.join img{
 margin-right: 10px;
}

#left div.block ul.join li a{
 text-decoration: none;
padding-bottom: 4px;
} 


#left div.block ul.join li a:hover{
 text-decoration: underline;
}

#wlpeLogin label{
 display: block;
}

#wlpeLogin span.title{
 width: 120px;
 float: left;
 font-size: 11pt;
 }
 
#wlpeLogin input, #wlpeLogin button{
 padding: 2px 5px;
 font-size: 11pt;
} 

#wlpeLogin select{
 padding: 2px 0px;
 font-size: 11pt;
} 

p.wlpeMessageText{
 color: #98C305;
 }
span.red{
	color: #98c305;
}
 
 .bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
    font-size: 13px;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#39A2C0), to(#5DC0E0));
    background-image: -webkit-linear-gradient(top, #39A2C0, #5DC0E0);
    background-image:    -moz-linear-gradient(top, #39A2C0, #5DC0E0);
    background-image:     -ms-linear-gradient(top, #39A2C0, #5DC0E0);
    background-image:      -o-linear-gradient(top, #39A2C0, #5DC0E0);
    background-image:         linear-gradient(top, #39A2C0, #5DC0E0);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered th a{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    color: #990000;
    font-weight: bold;
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.bordered input, .bordered textarea, .bordered select {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    color: #666;
    margin-bottom: 0px;
    display: block;
    padding: 4px;
    width: 300px;
}

.bordered .activeField {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #33677F;
}
.bordered .activeFieldButton {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #33677F;
    float: right;
    position: relative;
}
.bordered .idle {
    border: solid 1px #A8CDF3;
    background-image: url( '../images/gray_bg.html' );
    background-repeat: repeat-x;
    background-position: top;
    background-color:#FFFFFF;
}
.bordered .idleButton
    {
	    border: solid 1px #A8CDF3;
	    background-image: url( '../images/gray_bg.html' );
	    background-repeat: repeat-x;
	    background-position: top;
		background-color:#FFFFFF;
        float: right;
        position: relative;
    }

.bordered label {
	color: #666;
}
.bordered label.error {
	background:url('../images/unchecked.html') no-repeat 0px 0px;
	padding-left: 16px;
	padding-bottom: 2px;
	width: auto;
	display: inline;
}
.bordered label.checked {
	background:url('../images/checked.html') no-repeat 0px 0px;
}