@charset "utf-8";
/* flash */
.flashbox{
	margin-bottom: 10px;
}
.flashbox .flashbody{
	background: url(background/flashbg_body.gif) repeat-y;
}
.flashbody .flashheader,
.flashbody .flashbottom{
	font-size: 10px;
	line-height: 10px;
}
.flashbody .flashheader{
	height: 15px;
	background: url(background/flashbg_header.gif) no-repeat left top;
}
.flashbody .flashbottom{
	height: 10px;
	clear: both;
	background: url(background/flashbg_bottom.gif) no-repeat left bottom;
}
.flashbody h3{
	background: url(background/vote_title_bg.gif) repeat-x;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	padding-left: 10px;
	border: 1px solid #000;
	color: #FFF;
	clear: both;
	overflow: hidden;
}
.flashbody h3.votetitle a {
	color: #FFF;
}
.flashbody h3.votetitle a:hover{
	color: #FF6;
	text-decoration: none;
}
/*flashleft*/
.flashbody .flashleft{
	float: left;
	width: 326px;
	padding: 0 10px;
}
.flashleft ul.toplist,
.flashleft .votecontent{
	background:#d5d5d5 url(background/votecontentbg.gif) repeat-x top;
	border: 1px solid #000000;
}
.flashleft .votecontent{
	padding:0 10px 10px 10px;
	margin-bottom: 10px;
}
.flashleft .votecontent .datebg {
	background:#FFFFFF url(background/date_bg.gif) no-repeat center center;
	height: 22px;
	line-height: 22px;
	color: #888;
	text-align: right;
	padding: 0 5px;
}
.flashleft .votecontent .datebg span{float: left;}
.flashleft .votecontent ul.double,
.flashleft .votecontent ul.multi{
	height: 108px;
	margin: 10px 2px 0;
	width: 300px;
}
ul.double li.percent{
	text-align: right;
	font-size: 24px;
	color: #ff3b52;
	font-weight: bolder;
	background: url(background/line1.gif) no-repeat left bottom;
	height: 40px;
}
ul.double li.percent span {
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #74c43d;
}
ul.double li.percentbar{
	height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.double li.percentbar span {
	float: left;
	border-right: 1px solid #FFF;
	height: 15px;
}
ul.double li.option{
	text-align: right;
	font-weight: bold;
}
ul.double li.option a{
	color: #FF3B52;
	line-height: 21px;
	height: 21px;
	width: 150px;
	display: block;
	overflow: hidden;
	float: right;
}
ul.double li.option span{}
ul.double li.option span a{
	color: #006633;
	float: left;
	text-align: left;
}
ul.double li.option a.choose{
	color: #F30;
}
ul.double li.option a:hover{
	color: #333;
}
ul.multi{
	line-height: 25px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
ul.multi li{
	width: 300px;
	overflow: hidden;
	border-bottom: 1px solid #BBB;
	clear: both;
	float: left;
}
ul.multi li:hover,
ul.multi li.choose{
	background-color: #CCC;
}
ul.multi a{
	float: right;
	width: 58%;
	overflow: hidden;
	color: #333;
	display: inline;
}
ul.multi a span{
	color: #FFF;
	padding: 0 2px;
	font-size: 10px;
}
ul.multi a:hover{
	color: #F30;
}
ul.multi cite{
	float: left;
	width: 40%;
	text-align: right;
	margin-top: 7px;
	line-height: 10px;
}
ul.multi cite ins{
	display: block;
	height: 12px;
	margin-left: auto;
	line-height: 10px;
}
.flashleft div.displayall{
	height: 9px;
}
.flashleft a.displayall{
	display: block;
	height: 9px;
	width: 304px;
	background: url(icon/arrow.gif) no-repeat center center;
}
.flashleft a.displayall:hover{
	background-color: #999;
}
/*voteinfor*/
.flashleft .loading{
	position: absolute;
	height: 205px;
	width: 326px;
	background: #000 url(form/indicator_big.gif) no-repeat center center;
	filter:alpha(opacity=80);
	opacity: 0.8;
	display: none;
}
.flashleft .votecontent .voteinfor{
	height: 36px;
	line-height: 36px;
	clear: both;
	padding-top: 3px;
}
.flashleft .votecontent .voteinfor strong {
	font-weight: bold;
	color: #09F;
}
.flashleft .votecontent .voteinfor a.votebtn {
	background: url(background/votebtn.gif) no-repeat left top;
	height: 22px;
	width: 78px;
	line-height: 22px;
	float: right;
	text-align: center;
	color: #333;
	margin: 7px 0 0 4px;
}
.flashleft .votecontent .voteinfor a.votebtn:hover{
	text-decoration: none;
	background-position: bottom;
	color: #039;
}
.flashleft ul.toplist{
	line-height: 30px;
	padding: 10px;
}
.flashleft ul.toplist li{
	border-bottom: 1px solid #CCC;
}
.flashleft ul.toplist a{
	display: block;
	padding-left: 20px;
	color: #666;
	width: 284px;
	overflow: hidden;
	height: 30px;
	background: url(icon/icon1.gif) no-repeat 0 -22px;
}
.flashleft ul.toplist li.inofficial a{
	background-image: url(icon/icon2.gif);
}
.flashleft ul.toplist a:hover,
.flashleft ul.toplist a.choose{
	background-color: #DEEBED;
	color: #333;
	background-position: 0 2px;
}
.flashleft .tagbox{
	border: 1px solid #000;
	background: #FFF url(background/logo_big.gif) no-repeat left center;
	height: 234px;
}
/*flashright*/
.flashbody .flashright{
	float: right;
	width: 424px;
	padding: 0 10px;
}
.flashright ul.analyse{
	height: 28px;
	line-height: 28px;
	padding: 5px 0 0 10px;
}
.flashright ul.analyse li{
	float: left;
}
.flashright ul.analyse a{
	background: url(button/btn_top_right.gif) no-repeat right bottom;
	margin-right: 5px;
	font-weight: bold;
	color: #FFF;
	display: block;
}
.flashright ul.analyse a span{
	display: block;
	background: url(button/btn_top_left.gif) no-repeat left bottom;
	padding: 0 10px;
}
.flashright ul.analyse a:hover{
	background-position: right center;
}
.flashright ul.analyse a:hover span{
	background-position: left center;
}
.flashright ul.analyse a.choose{
	background-position: right top;
	color: #333;
}
.flashright ul.analyse a.choose span{
	background-position: left top;
}