html, body{ 
 margin:0; 
 padding:0; 
 font-family: "Segoe UI", Tahoma;
 } 

h4, #pagewidth h3, #leftcol b, h2, h1{
  font-weight: normal;
  font-family: "Segoe UI Semibold", Tahoma;
}

#pagewidth{ 
  margin: 25px;
  background: url(images/bg-body2.png) no-repeat 25% 0, url(images/bg-body.png) repeat-y 25% 0;
  -moz-box-shadow: inset 31px 31px 31px #ffffff;
  -webkit-box-shadow: inset 0 0 41px #fff;
  box-shadow: inner 31px 31px  31px #fff;
  font-size: 15px;
  min-width: 912px;
}

#header{ 
  width: 100%;
  height: 168px;
  background: url('images/bg-tc.png') no-repeat;
  z-index: 2;
}

#menu{ 
  width: 100%;
  height: 50px;
  float: right;
}

#toptab{
 width:168px; 
 height: 33px;
 float:right; 
 background: url(images/tab.png) no-repeat;
 position:relative;
 top: 85px;
 text-align: center;
 font-size: 12px;
 padding: 2px 0;
}

#copyright {
  text-align: center;
  padding-top: 45px;
  color: #157d8c;
  font-size: 10pt;
}

#leftcol{
 width:25%; 
 float:left; 
 padding-bottom: 70px;
}

#leftcol * {
  padding-right: 12px;
}

#leftcol h3 {
  margin-bottom: 0px;
  font-size: 13pt;
}

#leftcol ul {
  margin-top: 5px;
  padding-left: 30px;
}

#leftcol .hot a {
  font-weight: bold;
}

.news{
 padding-bottom: 20px;
}

.data{
 font-weight: bold;
}


#maincol{
 background-color: #FFFFFF;  
 width:75%;
 float:right; 
 min-height: 700px;
 padding-bottom: 70px;
 z-index: 1;
}

#fullcol{
 background-color: #FFFFFF;  
 position: relative; 
 width:75%;
 float:right; 
 min-height: 700px;
 padding-bottom: 70px;
 }
 
 
#content {
  padding-left: 20px;
}
 
#footer{
 position: relative;
 margin-top: -70px;
 height:70px; 
 background-color:#e1e9ed; 
 font-size: 14px;
 clear:both;
 display:block;
 overflow:hidden;
 padding: 10px;
 vertical-align: middle;
  -moz-box-shadow: 0 -31px 31px #ffffff;
  -webkit-box-shadow: 0 0 41px #fff;
  box-shadow: 0 -31px  31px #fff;
} 

#counter {
 float: left;
 padding: 20px;
}

#footer li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 9px;
	margin-left:6px;
	margin-top:8px;
	border:none;
}

#footer li a{
   font-weight: bold;
}

a{
  color: #07608e;
}

a:hover, a:focus {
color: #157daa;
}

#leftcol a {
color: #666
}

#leftcol a:hover, a:focus {
color: #999
}


#main td{
  vertical-align: top;
}

.faq input, .faq textarea
{
	width: 100%;
}

#leftcol input, #leftcol select, #leftcol textarea {
  padding-right: 0px;
}

.answer {
	margin: 5px 0 30px 30px;
}

.question .head, .answer .head, .statfilter h4{
  border-bottom: 1px solid #b7bcc6;
}

.tabhead{
  border: 1px solid #cccfd5;
  border-bottom: 0px solid #ADB2BC;
}

.question .head, .answer .head, .statfilter h4, .tabhead{
background: #EFF1F3; /* old browsers */
background: -moz-linear-gradient(top, #EFF1F3 0%, #D4D9DF 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFF1F3), color-stop(100%,#D4D9DF)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFF1F3', endColorstr='#D4D9DF',GradientType=0 ); /* ie */

  -moz-box-shadow: inset #ffffff 0 0 1px;
  -webkit-box-shadow: inset 0 0 1px #fff;
  box-shadow: inset #ffffff 0 0 1px;
  padding: 5px 10px;
  margin: 0px;
  font-family: "Segoe UI Semibold", Tahoma;
  font-size: 17px;
}
.question .body, .answer .body, .statfilter div{
  padding: 6px 10px;
  font-weight: normal;
}


.question, .answer, .statfilter, .main{
  background-color: #f9f9f9;
  border: 1px solid #d4d7dd;
/*	-moz-box-shadow: 0 0 3px #d4d7dd;
	-webkit-box-shadow: 0 0 3px #d4d7dd;
	box-shadow: 0 0 3px #d4d7dd;*/
}

.chart {
  width: 400px;
  height: 15px;
  background: -moz-linear-gradient(top,#f9f9f9,#eee);
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eeeeee));
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f9f9f9,endColorstr=#eeeeee,GradientType=0); zoom: 1;
  background: linear-gradient(top,#f9f9f9,#eee);
  border: 1px solid #ddd;
  margin: 5px;
}

.chartbar {
  height: 100%;
  background: #177AAD;
  background: -moz-linear-gradient(top,#35A5CD,#055F9A);
  background: -webkit-gradient(linear, left top, left bottom, from(#35A5CD), to(#055F9A));
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#35A5CD,endColorstr=#055F9A,GradientType=0); zoom: 1;
  background: linear-gradient(top,#6CB5D8,#5D9AC5);
  border-right: 1px solid #ddd;
}

#main #stat td {
  vertical-align: middle;
}

.statfooter {
  width: 100%;
}

.printversion {
  float: right;
  font-weight: bold;
}

h1, h3 {
	font-size: 22pt;
	margin-top: 5px;
}

h4 {
	font-size: 16pt;
	margin-bottom: 5px;
}

#leftcol a {
  font-weight: normal
}

.main td, .main th {
  border: 1px solid #cccfd5;
  padding: 3px 5px;
}

.main td {
  background-color: #F9FBFF;
}
.main th {
  background-color: #E6EBEF;
  text-align: center;
  font-family: "Segoe UI Semibold", Tahoma;
}

.main {
  border-collapse: collapse;
  width: 100%
}

a img {
  border: 0px;
}

.error, .stop, .info {
  padding: 5px;
  padding-left: 58px;
  height: 62px;
  vertical-align: middle;
  display: table-cell;
}

.error {
  background: url('images/warning.png') 0 50% no-repeat;
}

.stop {
  background: url('images/stop.png') 0 50% no-repeat;
}

.info {
  background: url('images/info.png') 0 50% no-repeat;
}

.anonses {
  display: table;
  width: 100%
}

.anons{
  	padding:10px 8px;
	border: 1px solid #ddd;
	/* Gradient background */
	background:#fff;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
	height: 250px;
	overflow: hidden;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 5px;
	display: table-cell;
}

.anons h4{
  margin: 8px;
}
.anonsicon {
  float: left;
  margin-right: 5px;
}
#hotline {
  width: 260px;
}
#newdocs {
	height: 200px;
	overflow: auto;
	float: right;
	width: 100%;
}

#anonsdocs {
  padding-left: 15px;
}

.infoblock {
  height: 48px;
  margin-bottom: 2px;
  clear: both;
  vertical-align: center;
  width: 250px;
}

#fullwidth {
  width: 100%;
}

.faq label {
  margin-top: 5px;
  display: block;
  font-family: "Segoe UI Semibold", Tahoma;
}

#spacer {
  width: 15px;
  display: table-cell;
  height: 130px;
  overflow: hidden;
}

.expander {
  margin: 4px;
  background:url("images/minus.png") no-repeat;
  width: 16px;
  height: 16px;
  float: right;
  cursor: pointer;
}

.expand {
  background:url("images/plus.png") no-repeat;
}


code {
  display: block;
  border: 1px solid #eeeef3;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 5px 10px;
  background-color: #f9f9fc;
}

.doccomment {
  font-size: 12px;
  margin-bottom: 5px;
}
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

div.green {
  background: url('/images/icons.gif') no-repeat;
  background-position: -10px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

div.red {
  background: url('/images/icons.gif') no-repeat;
  background-position: -20px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


