/*
[name]默认[/name]
*/
@charset "utf-8";

html,body{font-size:12px;font-family:"微软雅黑"; padding:0; margin:0; background:#9ED3FD url(pic/bodybg.gif) center center repeat-y;}

a{text-decoration:none; text-decoration:underline;}
a:link,a:visited{color:#003399;}
a:hover,a:active{color:#FF6600;}

p{ padding:.5em; margin:.5em 0;}
ul,form{list-style:none; padding:0px; margin:0px;}
table,input,button,select{font-size:12px;}

textarea, input{ padding:3px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333; vertical-align:middle; }
select{ padding:1px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333; vertical-align:middle; }

/*
按钮样式
*/
.radio, .checkbox{ border:none; background:none; vertical-align:middle; }
	
/*
主体内容
*/
#main{ width:940px; margin:0 auto; padding:0 10px; background:#fff;}

	/*
	标题区
	*/
	#header{ height:120px; margin-top:20px; background:url(pic/signbar.png) no-repeat; overflow:hidden;}
		#header div{ height:30px; margin-top:60px; padding-left:250px;}
			#header p{line-height:20px; padding:0; color:#666;}	
		
		#header ul{ line-height:25px; padding:5px 5px 0 5px; overflow:hidden; background:green url(pic/navbg.jpg) center center repeat-x; font-size:14px;}
			#header ul li{ float:left; padding:0 10px; margin:0 10px;}	
			#header ul li.active{ background:#fff; border:green solid 1px; border-bottom:none;}	
			#header ul li.active a{ color:green;}	
			#header ul li a{ color:#fff; text-decoration:none;}			

	/*
	内容区
	*/
	#content{}
	
		#content fieldset{ margin:0 0 10px 0; padding:5px 15px; border:#999 solid 1px;}
		  #content legend{ font-weight:bold;}
	
		#content dl{background:#E8F8FF; border:#aaa solid 1px;margin:1em auto; zoom:1;}
			#content dl:hover{border:#ffcc00 solid 1px;background:#FFFFCC;}
			#content dl dt{color:#000033;background:#fff;line-height:20px;padding:.5em;border-bottom:#aaa solid 1px;}
			#content dl dd{color:#333;padding:.5em;margin:.5em;}
	
			#content dl.error{background:#FFFF99; border:#FF9900 solid 1px;}
				#content dl.error dt{color:#FF0000;font-weight:bold;border-bottom:#FF9900 solid 1px;}
				#content dl.error dd{color:#333;}
		
			#content dl.complete{background:#F0FDE4; border:#66CC00 solid 1px;}
				#content dl.complete dt{color:#006600;border-bottom:#66CC00 solid 1px;}
				#content dl.complete dd{color:#333;}
		
			#form textarea{ margin:0;padding:5px; width:540px; height:80px;}
			
		/*
		错误消息
		*/
		#error{ position:absolute; z-index:999; background:#5A5A78; color:#fff; padding:10px; font-size:12px; font-weight:bold;}
			
		/*
		提示信息
		*/
		#post{ border:#4C94EA solid 2px; padding:20px 20px 20px 60px; margin:20px 0; line-height:30px; font-size:16px; background:#fff url(pic/v.gif) 20px center no-repeat;}
			#post.error{ border:red solid 2px; background-image:url(pic/x.gif);}
			#post img{ vertical-align:middle;}
			
		/*search*/
		#search{ padding:15px; margin:10px 0; line-height:20px; border:#B7CDE5 solid 1px; background:#fff;}
			#search .action{float:right;}
			#search .advanced{ border--:#EB7C00 solid 1px; background--:#FEFCE7; padding--:10px; margin-top:10px;}
			#search .submit{background:#104991; margin:0 5px; padding:3px 10px; color:#fff; vertical-align:middle; border:none; cursor:pointer;}
			
		/*
		提交按钮
		*/		
		#send{text-align:center; padding:10px;}
			#send input{ margin:0 5px;}
			#send .submit{background:#104991;color:#FFF;font-weight:bold;padding:5px 10px; cursor:pointer;border:2px solid #003366;}
			
		/*********************/
		

		/*shell*/
		#shell{ width:950px; margin:0 auto;}
		
		/*label*/
		#label{ list-style:none; margin:20px auto; padding:10px; overflow:hidden; border:#ddd solid 2px;}
			#label li{ width:130px; float:left; margin:0; padding:0; text-align:center;}
			#label li a:hover img{border:#ccc solid 1px;}
			#label li img{border:#fff solid 1px; padding:2px;}
			#label li img.sel{ border:#3183E7 solid 1px;}
		
		/*bg*/
		#bg{ padding:0; width:950px; margin:0 auto; display:table;}
			#bg li{ width:49%; float:left; padding:0; margin:0; border:#fff solid 1px; padding:2px; list-style:none;}
			#bg li input,#bg li img{ vertical-align:middle; border:none;}			
			#bg li label{ display:block;}
			
			#bg li:hover{ border:#ccc solid 1px; cursor:pointer;}			
			#bg li.active{ border:#999 solid 1px;}
		
		/*face*/
		#icon{ padding:0; width:950px; margin:0 auto; display:table;}
			#icon li{ width:24%; float:left; padding:0; margin:0; border:#fff solid 1px; padding:2px; height:80px; overflow:hidden; list-style:none;}
			#icon li img{ vertical-align:middle; margin:0 5px;}
			#icon li input{ vertical-align:middle; float:left; border:none;}
			
			#icon li:hover{ border:#ccc solid 1px; cursor:pointer;}			
			#icon li.active{ border:#999 solid 1px;}
			
		/*step*/
		#step{ line-height:25px; margin:10px auto; padding:5px 10px; background:#F2F2F2; text-align:center;}
			#step img{ vertical-align:middle;}
			
		/*preview*/
		#preview{ line-height:25px; margin:10px auto; padding:5px 10px; background:#fff; color:#999; font-size:30px; line-height:80px; border:#57A0EF solid 1px; text-align:center; }
			#preview img{ vertical-align:middle;}
			#preview img.face{ position:absolute; margin-left:-200px; margin-top:20px;}			
		
		/*bar*/
		#bar{ padding:0; margin:20px auto;}
			#bar li{list-style-type:none; border:#ccc solid 1px; margin:10px 0; padding:10px; line-height:25px; overflow:hidden;}
			#bar li input{ width:350px; color:#999;}
			#bar li input,#bar li img{ vertical-align:middle;}
			
			#bar li .number{ float:left; width:40px; color:#999; text-align:center; font-family:Verdana, Geneva, sans-serif; line-height:90px; font-size:50px;}
			
			#bar li .image{ float:left; width:480px; margin:0 15px; text-align:right;}
			
			#bar li .html{ float:left; width:350px;}
			#bar li .info{ border-top:#ccc dashed 1px; margin-top:5px; color:#666;}
			
		/*state*/
		#state{border:5px #FF9900 solid;margin:2em 0.5em;padding:.5em; color:#FF9900; font-size:120%; line-height:200%;}
	
		/*
			表单
		*/
		#form{ width:95%; margin:0 auto 10px auto; clear:both; }
			#form tr td a{ text-decoration:underline;}
			#form tr td{padding:8px;line-height:20px; vertical-align:text-top; color:#999;}
			#form tr strong{ color:#333; font-weight:normal;}
			#form .colspan{ background:#FFFFCC; padding:10px; border-left:5px solid #FF9900;}
			#form .key{color:#000099;}
			#form input.login{ width:150px;}
		
		/*********************/

		/*
		结果报表
		*/		
		#result{width:100%; margin:10px 0; overflow:hidden; overflow:hidden;}
			#result li{ text-align:center; width:50%; float:left; background:url(pic/signbg.png) center center no-repeat; line-height:30px; color:#999; margin:10px 0; padding:10px 0; height:100px;}
			#result li div{ width:95%; margin:0 auto; overflow:hidden; text-align:center;}
				
		/* page number */
		.page{padding:5px;margin:0 auto;color:#666; margin:10px auto;word-break:break-all; text-align:center;}
			.page strong{font-weight:bold;padding: 2px 6px;color: #fff;margin:0 2px;background:#666;}
			.page span{ margin-left:5px;}
			.page a {border:#ddd 1px solid;padding: 2px 6px;background: #FFF;color: #333;margin:0 2px;text-decoration:none;}
				.page a:hover {border-color:#003399;color:#003399;}