@charset "utf-8";
/* CSS Document */
#userinfo, #testing, #finishtest {display:none;}
#testcache, #score {display:none;}
/*exit confirmation window*/
#exit {
  	display: none;
  	position: fixed;
  	top: 15%;  
  	left: 50%;       	
	width: 350px;
	height:200px;
	margin-left: -180px;
	padding:20px;
	overflow: hidden;
	  
	z-index: 5000;
	border:5px solid #CCCCCC;
	background-color: #CCFF99;	
	text-align:left;
}
#exit h3{font-size:22px; font-weight:bold; color:#CC0000; text-indent:5px; margin-bottom:20px;}
#exit p{width:340px; margin:8px; font-size:12px;}
#exit input{width:100px; margin:20px 15px; height:25px; font-size:14px; font-weight:bold;}
#exit input.yes{background-color: #009900; color: #FFFFFF;}
#exit input.no{background-color: #CC0000; color: #FFFFFF;}

* html div.exit {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.exit h2 {color: #330000;}
.exit input{ color:#FFFFFF; font-weight:bold; background-color:#003300; margin-top:10px;}

#testdisplay{margin-top:10px; font-family: Arial, Helvetica, sans-serif;}
#choices{float:left; margin-top:5px; margin-left:20px; width:90%; height:175px;}
#choices ul{ list-style:none;}
#choices li{ float:left; width:95%; padding:2px; margin:3px; font-size:14px;}

#choices li input{ width:5%; float:left;}
#choices li label{margin-left:5px; width:85%; float:left;  cursor: pointer;}

#testsubmit{ float:right; margin-right:30px; margin-bottom:10px; width:150px;}
#testsubmit input{width:120px; height:35px; font-size:14px; padding:5px; background-color:#990000; color:#FFFFFF;}

#qwrapper{ 
float:left; 
margin:5px; 
padding:2px; 
width: 50%; 
font-size:18px; 
font-weight:bold; 
color:#0066CC; 
}
#indicator{
float:right;
margin-right:20px;
margin-top:5px;
padding:3px;
width:40%;
color: #999999;
font-size:14px;
font-weight:bold;
}
#questioncount, #testsubject{float:left; width:auto;}
.txt{float:left; width:auto; margin:0 10px;}
#testerror {float:left; width:90%; margin-left:15px; margin-top:2px; margin-bottom:2px; }

.smallloading{ 
background-image:url("../../images/busy.gif"); 
background-repeat:no-repeat; 
background-position: center center; 
width:20px;
height:20px;
}

#userinfo, #finishtest{margin:15px;}
#score li, #userinfo li, #finishtest li {font-size:12px; margin-left:15px; padding:5px; list-style-position:inside;}

#score {margin:10px;}
#score  h3{margin-left:15px;}
#score ul {list-style:none; margin-top: 10px;}
.score{text-align:center; font-size:24px; color:#9a096c;}

#testlist ul li#CN, #testlist ul li#EN, #testlist ul li#PY, #testlist ul li#PE{ background-image:none;}
#testlist ul li{width:650px; padding:5px; height:100px; margin:20px 5px; vertical-align:middle; overflow:hidden;}
#testlist ul li .imgholder{float:left; margin-left: 5px; width:100px; position:relative;}
#testlist ul li .testinfo {
float:right;
width:280px;
font-size:14px;
color: #0099CC;
margin-right:5px; 
margin-top:10px;
letter-spacing:0.05em;
line-height:20px;
position:relative;
}
#testlist ul li a{
float:left; 
text-decoration:none; 
border:none; 
font-size:14px;  
margin-left:10px;
margin-top:40px; 
width:240px;
position:relative;
}
#testlist li a:hover{text-decoration:none; border:none;}

.ihot { background-color: #F4FEFF;}
.ihover {background-color: #FFFF66; cursor: pointer;}