@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
html, body {height: 100%;}
img {border:0;}
body {background: url(grbg.jpg) #fff top repeat-x; font-family: tahoma; font-size: 11px;}
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}
#center {width: 631px; background: #fff; margin:0 auto; min-height: 100%; position: relative;}
* html #center #center_in {height: 100%;}
div {background: no-repeat;}
a {color: #338dac; font-size: 12px;}

	.border-left, .border-right {background: url(border.jpg); width: 3px; height: 600px; position: absolute;}
	.border-left {left: 0px;}
	.border-right {right: 0px;}
	
	.fff {width: 500px; height: 100%; background: #fff;}
	.top {background: url(topbubble.jpg); width: 625px; height: 89px; left: 3px; position: absolute;}
	.center_block {width: 330px; height: 260px; margin: 0px 0 0 149px; top: 150px; position: absolute;}
	.logo {background: url(logo_log.jpg); width: 291px; height: 75px; margin-left: 20px; position: relative;}
	.login_block {background: url(borderform.gif) no-repeat; width: 329px; height: 184px; position: relative;}
	.login_block span {font-size: 10px; position: absolute; left: 47px;}
	.login_block input {height: 17px; width: 145px; border: solid 1px #bccbd0; background: url(inputbg.gif) repeat-x; position: absolute; left: 47px;}
	.login_block span.l-txt {top: 31px;}
	.login_block input.l-inp {top: 45px;}
	.login_block span.p-txt {top: 77px;}
	.login_block input.p-inp {top: 90px;}
	.nospamspyware {background: url(nospamspyware.gif); width: 108px; height: 30px; position: absolute; top: 38px; right: 17px;}
	.login_block input.f-button {background: none; position: absolute; top: 90px; left: 205px; width: 77px; height: 23px; border: none;}
	.login_block a {font-size: 12px; color: #6fcdf1; left: 47px; top: 134px; position: absolute;}
			
.reg_block {background: url(reg-bl-bg.jpg) #efefef repeat-y; width: 330px;}
.reg_top {background: url(reg-bl-top.jpg) no-repeat; width: 330px; height: 16px;}
.reg_bot {background: url(reg-bl-bott.jpg) no-repeat; width: 330px; height: 16px;}
.reg_form {width: 270px;}
.reg_form div {height: 22px; width: 270px; float: right; margin-bottom: 5px;}
.reg_form div input {float: right; width: 145px; height: 17px; margin: 2px 2px 0 2px; border: solid 1px #bccbd0; background: url(inputbg.gif) repeat-x;}
.reg_form div select { border: solid 1px #bccbd0; background: url(inputbg.gif) repeat-x; float: right; width: 147px; height: 20px; margin: 2px 2px 0 2px;}
.reg_form div span {color: #000; font-size: 9px; float: right; margin: 3px 6px 0 0;}
.reg_form div.butt {background: none; width: 94px; height: 26px;}
.reg_form div.butt input { width: 76px; height: 18px; margin-right: 10px; border: none;}

/* header */

#center_in {width: 1010px; background: #fff; margin:0 auto; min-height: 100%; position: relative;}
.header {background: url(header.jpg); width: 1004px; height: 98px; left: 3px; position: relative;}
.hgh {width: 500px; height: 400px; background: #ccc;}
.aligncenter {width: 864px; margin:0 auto;}
.menu {background: url(menu_bg.gif) no-repeat; width: 864px; height: 57px; float: left;}
	.menu table {height: 22px; margin-top: 7px;}
	.menu table td {background: url(li-bg.gif) repeat-x; height: 22px;} 
	.menu table td.void {width: 1.5%; background: none;}
	.menu table td div.li-l {background: url(li-l.gif); height: 22px; width: 8px; float: left;}
	.menu table td div.li-r {background: url(li-r.gif); height: 22px; width: 8px; float: right;}
	.menu table td a {font-size: 14px; color: #0b8fff; font-weight: bold; margin: 5px 5px 0 5px; text-decoration: none; position: relative; padding-top: 15px;}
	.menu table td a.act {color: #272c2e;}
	.menu table td a:hover {color: #272c2e;}
	.data {color: #1c85be; text-transform: capitalize; float: left; margin: 3px 0 0 40px;}
	.data b {color: #272c2e;}

/*content*/

.content {width: 840px; margin: 0px 0 60px 11px;}
.content h1 {color: #338dac; font-size: 25px; font-weight: normal; margin:0 0 20px 5px ;}
.content span.news {font-size: 12px;}
.content span.news p {font-weight: bold; color: #338dac;}
.content span.news p b {color: #000;}
.footer {color: #b5c0c4; width: 1007px;}


.st-hd {background: url(stats-th-bg.gif) repeat-x #338dac; height: 23px; border-bottom: 1px solid #fff; font-size: 11px; color: #fff; font-weight: bold;}
.stats {position: relative;}
.stats td {padding-left: 0px; height: 23px; border-bottom: 1px solid #fff;}
.stats tr {border-bottom: 1px solid #fff;}
.stats tr.first_row {background-color: #c5c5c5;}
.stats tr.second_row {background-color: #c1eeff;}
.st-ft {background: url(stats-ft-bg.gif) repeat-x #282c2e; height: 23px; font-size: 11px; color: #fff; font-weight: bold;}
.st-ft td {border: none;}





.nav ul { height:46px; left: 20%;}
.nav ul li { padding:auto; list-style: none; color: #FF0000; float: left;}
.nav ul li a {display:block; color: #FF0000; text-decoration:none;}
.nav ul li a span {color: #FF0000; display:block; height:27px; background:url(../images/li-bg.png) no-repeat bottom center; padding:8px auto; }
.nav ul li a:hover {background:url(../images/a-bg.png) repeat-x;}
.nav ul li a:hover span {background:url(../images/a-bg2.png) no-repeat bottom center; cursor:pointer;}

.navi {
		width: 864px;
		position: relative;
		overflow: hidden;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		margin: 6px auto;
	}

	.navicontainer {
		float: left;
		left: 50%;
		position: relative;
		text-align: center;		
		
	}

	.wrpr {
		position: relative;
		left: -50%;
		float: left;
		list-style: none;
		margin: 0; padding: 0;
		
	}

	.navi a, .navi li  {
		float: left;
		height: 22px;
		margin: 0px 5px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		
	}
	.navi span {float: left; padding: 0 5px;}
	.navi span.lbord {background: url(li-l.gif) no-repeat; width: 8px; height: 22px; float:left; padding: 0;}
	.navi span.rbord {background: url(li-r.gif) no-repeat; width: 8px; height: 22px; float: left; padding: 0;}
	.navi span {float: left;}

	.navi li {padding: 0; margin: 0 5px; background: url(li-bg.gif) repeat-x; height: 22px;}

	.navi a:hover {
		text-decoration:none;
		color: #000;
		background: url(li-bg.gif) repeat-x; height: 22px; padding: 0px 0px;
	}

	.navi a {background: url(li-bg.gif) repeat-x; height: 22px; padding: 0px 0px; font-size: 14px; color: #0b8fff; font-weight: bold; text-decoration: none;}
	.navi a.act {color: #000;}



#curpin {
    width: 400px;
	background-color: #fff;
	height: 23px;
	position: relative;
	margin-bottom: 10px;
}
#curpin select{
    position: absolute;
    width: 250px;
	left: 80px;
}
#curpin span{
    position: absolute;
    color: #3a3a3a;
	font-family: Arial, Helvetica, sans-serif;
	left: 10px;
	top: 3px;
	font-size: 11px;
}
.show_butt_1 {
     
	 width: 51px;
	 height: 22px;
	 background-repeat: no-repeat;
	 position: absolute;
	 right: 0px;
	 top: 0px;
	 }
#from_to {
     width: 800px;
	 height: 23px;
	 
	 position: relative;
	 margin-bottom: 10px;
	 }
#from {
    width: 400px;
	background-color: #fff;
	height: 23px;
	position: absolute;
	margin-bottom: 10px;
}
#from select{
    position: relative;
    left: 80px;
}
#from span{
    position: absolute;
    color: #3a3a3a;
	font-family: Arial, Helvetica, sans-serif;
	left: 10px;
	top: 3px;
	font-size: 11px;
}
#to {
    width: 400px;
	
	height: 23px;
	position: absolute;
	
	left: 350px;
}
.month {width: 148px;}
#to select{
    position: relative;
    left: 80px;
}
#to span{
    position: absolute;
    color: #3a3a3a;
	font-family: Arial, Helvetica, sans-serif;
	left: 10px;
	top: 3px;
	font-size: 11px;
}

.faq dt {color: #338dac; font-size: 13px; font-weight: bold;}