/* main */
*{
	margin: 0px;
	padding: 0px;
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	background-color: #FFF;
	background-image: url(background/mainbg.png);
	background-repeat: repeat-x;
}
ul{
	list-style-type: none;
}
img{
	border: none;
}
input{
	vertical-align: middle;
	cursor:pointer;
	padding: 2px;
	
}
img{
	vertical-align: middle;
}
a{
	text-decoration: none;
	color: #06F;
}
a:hover{
	color: #333;
}
input,select,textarea{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input.button{
	cursor: pointer;
}
input.inputstyle {
	border: 0px none #000;
	width: 220px;
	height: 18px;
	line-height: 18px;
}
input.searchbutton {
	background-image: url(button/btn_headersearch.gif);
	background-repeat: no-repeat;
	border: 0px none #000;
	height: 13px;
	width: 13px;
}

ins{
	display: none;
	text-decoration: none;
}
label{
	cursor:pointer;
	font-weight: normal;
}
.optionstyle{
	border: none;
}
.clear{
	clear: both;
	height: 1%;
	font-size: 1%;
	line-height: 1%;
}
/* outline */
#wrapper{
	width:800px;
	margin: 0 auto;
}
/* header */
#header{
	height: 166px;
}
#header .chooseoption {
	margin-top: 0px;
	width: 229px;
	height: 35px;
	float: right;
	background: url(background/top_choose_bg.gif) no-repeat;
}
.chooseoption h5{
	background: url(background/choose_bg.gif) no-repeat;
	height: 23px;
	width: 195px;
	line-height: 23px;
	padding: 0 5px;
	margin: 5px auto 0 auto;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
.chooseoption h5 a {
	background: url(icon/icon_phone.gif) no-repeat 5px 50%;
	display: block;
	padding-left: 20px;
}
/*choosewrap*/
.chooseoption .choosewrap{
	position: absolute;
	padding: 9px;
	background-color: #FFF;
	border: 1px solid #666;
	line-height: 21px;
	overflow: hidden;
	margin-left: 105px;
	display: none;
	height: 0px;
	width: 0px;
}
.choosewrap dl{
	width: 100px;
}
.choosewrap dl dt{
	padding-left: 15px;
	background: #E4F3FF url(icon/icon_dot.gif) no-repeat left center;
}
.choosewrap dl dd.choose{
	padding-left: 15px;
}
.choosewrap dl dd input{
	color: #06F;
	background: none;
	border: none;
	text-align: left;
	padding-left: 15px;
}
.choosewrap dl dd input:hover,
.choosewrap dl dd.choose{
	background: url(icon/true.gif) no-repeat left center;
	color: #F63;
}
.choosewrap dl.left{
	float: left;
}
.choosewrap dl.right{
	float: right;
	padding-left: 4px;
}
/*headersearch*/
#header .headersearch{
	background: url(background/search_bg.gif) no-repeat;
	float: right;
	width: 248px;
	clear: both;
	margin-top: 12px;
	height: 28px;
	padding: 6px 10px 0 10px;
}
#header .headertop {
	height: 93px;
	clear: both;
}
#header a.logo {
	display: block;
	background: url(background/logo.png) no-repeat;
	height: 79px;
	width: 293px;
	position: absolute;
	margin-top: 10px;
}
#header a.logo:hover{
	background-position: left bottom;
}
#header a.logo:hover ins{
	display: block;
	text-align:right;
	color: #06F;
	text-decoration: none;
}

/* navigation */
.navgationbar{
	height: 39px;
	background: url(background/navgation_bar.gif) no-repeat;
	width: 800px;
}
ul.navgation {
	background: url(background/navgation_bar.gif) no-repeat center;
	padding: 0px 20px;
	height: 39px;
}
ul.navgation li {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
ul.navgation a {
	color: #000000;
}
ul.navgation a:hover{
	color: #1877D0;
}
ul.navgation a span{
	display: block;
	padding-top: 18px;
}
ul.navgation a.choose {
	color: #FFF;
	background: url(button/nav_btn_right.gif) no-repeat right bottom;
	padding: 0px;
	display: block;
}
ul.navgation a.choose span {
	background: url(button/nav_btn_left.gif) no-repeat;
	line-height: 39px;
	display: block;
	padding: 0 30px;
}
ul.subnav{
	background: url(background/subnav_line.gif) no-repeat left bottom;
	line-height: 22px;
	height: 34px;
	padding-left: 2px;
}
ul.subnav li{

	float:left;
	background: url(background/subnav_line.gif) no-repeat right bottom;
	padding: 0 2px 0 0;
	height: 34px;
}
ul.subnav li.user{float:right;}
ul.subnav li a{
	color: #c7e2f7;
	display: block;
	text-align: center;
	padding: 5px 10px 0 12px;
}
ul.subnav li a:hover,
ul.subnav li a.choose{
	color:#FFF;
	border-bottom: 3px solid #09F;
}
/*userregister*/
ul.userregister {
	float: right;
	background-position: right;
	padding:0 2px 0;
}
ul.userregister li{
	background-position: left;
	padding:0 0 0 2px;
	float: right;
}
.active{
	color:#FFF;
	border-bottom: 3px solid #09F;
}
/*mainbody*/
#mainbody {
	padding-top: 10px;
	margin-bottom: 20px;
}
#mainbody .tipbox {
	padding: 10px 150px 10px 10px;
	min-height: 280px;
	_height: 280px;
}
#mainbody .tipbox li {
	line-height: 21px;
	padding-left: 15px;
	padding-bottom: 10px;
}
#mainbody #error{
	background: url(background/error.gif) no-repeat right 15px;
}
#mainbody #succees{
	background: url(background/succees.gif) no-repeat right 15px;
}
#mainbody #error li {
	background: url(icon/error_dot.gif) no-repeat 0 7px;
}
#mainbody #succees li {
	background: url(icon/succees_dot.gif) no-repeat 0 7px;
}
#mainbody .tipbox ul{
	margin-top: 20px;
	margin-left: 30px;
}
#mainbody #error h1{
	background: url(icon/icon_error.gif) no-repeat;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
	padding-left: 105px;
	color: #F30;
}
#mainbody #succees h1 {
	line-height: 27px;
	background: url(icon/icon_succeed.gif) no-repeat left top;
	padding-left: 150px;
	font-size: 14px;
	color: #060;
}
#mainbody .userlogin{
	text-align: right;
}
#mainbody ul.userloginbox{
	line-height: 26px;
	float: right;
}
#mainbody ul.userloginbox li{
	float: left;
	margin-right: 6px;
	height: 26px;
}
#mainbody .userloginbox a {
	color: #000000;
}
#mainbody .userloginbox span{
	color: #F00;
	font-weight: bold;
}
input.logininput{
	border: 1px solid #E4E6E4;
}
input.logininput:hover,input.normalinput:hover{
	border: 1px solid #ccc;
}
input.logininput:focus,input.normalinput:focus{
	border: 1px solid #73A45B;
}
input.normalinput{
	border: 1px solid #E4E6E4;
	width:240px;
	margin-left: 5px;
}
#mainbody .loginbutton {
	background: url(button/loginbtn.gif) no-repeat left top;
	height: 26px;
	width: 65px;
	border: none;
}
#mainbody .loginbutton:hover{
	background-position: left bottom;
}
#mainbody .position {
	clear: both;
	padding-bottom: 10px;
}
#mainbody .position span {
	font-weight: bold;
	color: #000;
}
/*new & hot list*/
ul.newhotlist {
	background-color: #FFF;
	padding: 10px;
	line-height: 30px;
}
ul.newhotlist li{
	border-bottom: 1px dashed #CCC;
}
ul.newhotlist a {
	display: block;
	color: #666;
	padding-left: 20px;
	background: url(icon/icon1.gif) no-repeat 0px -22px;
	height: 30px;
	overflow: hidden;
}
ul.newhotlist li.inofficial a{
	background-image: url(icon/icon2.gif);
}
ul.newhotlist li.newest a{
	color: #ff2929;
}
ul.newhotlist a:hover{
	background-color: #fffbe8;
	color: #333;
	background-position: 0 2px;
}
ul.newhotlist li.first a{
	background: #ffecf4 url(icon/hot_first.gif) no-repeat left center;
}
ul.newhotlist li.second a{background: #e8fef1 url(icon/hot_second.gif) no-repeat left center;}
ul.newhotlist li.third a{background: #e8f4fe url(icon/hot_third.gif) no-repeat left center;}
ul.newhotlist li.first a:hover,
ul.newhotlist li.second a:hover,
ul.newhotlist li.third a:hover{
	background-position: left center;
}
/*newvotelist*/
.newvotelist {
	background: url(background/listbg.gif) no-repeat;
	padding: 10px 20px 0;
	clear: both;
	min-height: 100px;
	_height: 100px;
}
.newvotelist .listtop {
	background: url(background/menuulbg.gif) repeat-x bottom;
	height: 38px;
}
.forenotice {
	background-color: #FFF;
	padding: 10px;
}
.forenotice .spacing{
	background-color: #fffbe8;
}
.innerbox {
	background-color: #e8f4ff;
	padding: 5px;
	clear: both;
	margin-bottom: 5px;
	min-height:70px;
	_height:70px;
}
.innerbox .week {
	background: url(background/datebg.gif) no-repeat;
	height: 60px;
	width: 64px;
	text-align: center;
	padding: 10px 10px 0 0;
	float: left;
}
.week .year {
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	display: block;
	padding-bottom: 8px;
	line-height: 16px;
}
.week .weeknum a{
	color: #666;
}
.week .weeknum strong {
	color: #06F;
	font-size: 16px;
}
.week .weeknum a:hover{
	color: #000;
}
.week .weeknum a:hover strong{
	color: #F60;
}
ul.forenoticetitle {
	font-weight: bold;
}
.forenoticetitle strong {
	color: #F60;
}
.forenoticebox {
	background-color: #FFF;
	margin: 10px;
	line-height: 24px;
	height: 24px;
	float: left;
	width: 361px;
}
.newvotelist ul.votelist li.transmit {}
.transmit {
	float: right;
	height: 38px;
}
.transmit .transmitinput{
	height: 15px;
	width: 158px;
	border: none;
	font-size: 9px;
	line-height :15px;
	color: #999;
	padding: 5px 10px;
	background: url(background/transmit_bg.gif) no-repeat;
}
.transmit .transmitbutton {
	background: url(button/transmit_btn.gif) no-repeat;
	height: 26px;
	width: 85px;
	color: #FFF;
	font-weight: bold;
	border: none;
}
.transmit .transmitbutton:hover{
	color: #FF3;
}
.transmit a {
	line-height: 34px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FF6600;
}
/* contentwrap */
.newvotelist .contentwrap{
	background-color: #FFF;
	padding: 10px;
}
/*listmenu*/
.newvotelist ul.listmenu {
	height: 38px;
	float: left;
	font-weight: bold;
	text-align: center;
}
.newvotelist ul.menuwidth{width:100%;}
ul.listmenu li{
	float: left;
	height: 38px;
	width: 128px;
	overflow: hidden;
}
ul.listmenu li a,
ul.listmenu li a span{
	display: block;
}
ul.listmenu li a{
	color: #999;
	background: url(button/news_hot_btn_bg.gif) no-repeat right bottom;
}
ul.listmenu li a span{
	height: 23px;
	background: url(button/news_hot_btn.gif) no-repeat left bottom;
	cursor: pointer;
	padding: 15px 15px 0;
}
ul.listmenu li a:hover,
ul.listmenu li a.choose{
	background-position: right top;
	color: #06C;
}
ul.listmenu li a:hover span,
ul.listmenu li a.choose span{
	background-position: left top;
}
/*pages*/
dl.pagenumber {
	height: 30px;
	margin-bottom: 20px;
	clear:both;
}
dl.pagenumber dt{
	float: left;
}
dl.pagenumber dd{
	float: right;
}
.pagenumber a{
	background: url(background/pagebg.gif) no-repeat left top;
	display: block;
	height: 22px;
	width: 22px;
	line-height: 22px;
	text-align: center;
	color: #333;
	margin: 0 2px;
	float: left;
}
.pagenumber a:hover{
	background: url(background/pagebg.gif) no-repeat left bottom;
	color: #FFF;
	text-decoration: none;
}
.pagenumber span {
	background: url(background/pagebg.gif) no-repeat left center;
	display: block;
	height: 22px;
	width: 22px;
	text-align: center;
	float: left;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
}
/*footer*/
#footer {
	background: url(background/footer.gif) no-repeat;
	width: 800px;
	height: 80px;
	padding-top: 20px;
	text-align: center;
	clear: both;
}
#footer .sitesupport{
	height: 20px;
	text-align: center;
}
#footer .sitesupport a{
	color: #666;
	padding:0 10px;
}
#footer .sitesupport a:hover{
	color: #06F;
}
#footer p.copyright {
	clear: both;
	font-size: 10px;
}
/*agreement*/
.agreement {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.agreement h1.agreementtitle {
	line-height: 30px;
	font-size: 18px;
	color: #000;
}
.agreement .agreementcontent h2 {
	font-size: 14px;
	line-height: 30px;
	color: #06C;
}
.agreement .agreementcontent h3 {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 18px;
}
.agreement .agreementcontent {
	padding: 10px;
	height: 300px;
	overflow: auto;
	overflow-y: auto;
	overflow-x:hidden;
	width: 580px;
	border: 1px solid #CCC;
	text-align: left;
	margin-bottom: 10px;
}
.agreement .agreementcontent p {
	margin-bottom: 12px;
	line-height: 20px;
}
/*flack*/
.flackacross,
.flacksider{
	clear: both;
	overflow: hidden;
	padding: 10px 0;
}
.flackacross{
	width: 800px;
}
.flackleft,
.flackright{
	position: absolute;
	top: 176px;
	overflow: hidden;
}
.flackleft{
	margin-left: -110px;
}
.flackright{
	margin-left: 810px;
}
.flacksider{
	width: 177px;
}