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

#note{ color:#333333  }
.lis { color:#FFFFFF  }
.ald { color:#006400  }
.rent { color:#FF0000  }
.submit{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
 
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
 
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
}
.submit:hover{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
 
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px #fff;
 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #fff;
 
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
}
.submit:active{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
 
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#428ec9),
		to(#99c9e5)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#428ec9,
		#99c9e5,
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
 
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ff428ec9,endColorstr=#ff99c9e5);
	zoom: 1;
}
.submit2{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #e53916;
	border-radius: 5px;
 
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#e59989),
		to(#e53916)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#e59989,
		#e53916
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
 
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffe59989,endColorstr=#ffe53916);
	zoom: 1;
}
.submit2:hover{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #e53916;
	border-radius: 5px;
 
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#e59989),
		to(#e53916)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px #fff;
 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#e59989,
		#e53916
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #fff;
 
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffe59989,endColorstr=#ffe53916);
	zoom: 1;
}
.submit2:active{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #e53916;
	border-radius: 5px;
 
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#e53916),
		to(#e59989)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
 
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#e53916,
		#e59989,
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
 
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffe53916,endColorstr=#ffe59989);
	zoom: 1;
}

.text, .textarea, .dropdown{
	border:1px solid #777;
	padding: 5px;
	color: #333;
	background: #fff;
	border-radius: 5px;
 
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
 
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
 
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
 
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}
.dummytextarea{
	width:665px;
	border:1px solid #777;
	padding: 5px;
	color: #333;
	background: #fff;
	border-radius: 5px;
 
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
 
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
 
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
 
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	cursor:default;
}
.comment_box{
	width  : 790px;
	height :  50px;
	resize:none;
}
.Re_comment_problem{
	width:595px;
	height : 30px;
	resize:none;
}
.comment_problem{
	width  : 170px;
	height : 250px;
	resize:none;
}
.infomation{
	width  : 170px;
	height : 170px;
	resize:none;
}
.comment_library{
	width  : 170px;
	height : 60px;
	resize:none;
}
.comment_mail{
	width  : 170px;
	height : 70px;
	resize:none;
}
.comment_subject{
	width  : 170px;
	resize:none;
}
.page_html{
	width  : 665px;
	height : 250px;
	resize:none;
}
.page_title{
	width  : 665px;
	resize:none;
}

.necessary{
	width:6px;
	height:80px;
	background-color:#428ec9;
}
.unnecessary{
	width:6px;
	height:80px;
	background-color:#bbbbbb;
}
.itemName{
	width:200px;
	padding:0px 0px 0px 10px;
	background-color:#bbbbbb;
	text-shadow: 0px 1px 1px #FFF;
}
.item{
	width:700px;
	padding:0px 0px 0px 10px;
	background-color:#dddddd;
}
.item:hover{
	background-color:#fff;
}
.hr{
	color:#ccc;
	height:1px;
}
.example{
	color:#333333;
	text-shadow: 0px 1px 1px #FFF;
}
/* 	RESULT STYLE  */
.testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 12px 10px;
	margin-left:10px;
	display: block;
	height:28px;
	float:left;
}
.testresult span{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass{
	background:url(../image/red.png) no-repeat 0 0;
}
.shortPass span{
	background:url(../image/red.png) no-repeat top right;
}
.badPass{
	background:url(../image/red.png) no-repeat 0 0;
}
.badPass span{
	background:url(../image/red.png) no-repeat top right;
}
.goodPass{
	background:url(../image/yellow.png) no-repeat 0 0;
}
.goodPass span{
	background:url(../image/yellow.png) no-repeat top right;
}
.strongPass{
	background:url(../image/green.png) no-repeat 0 0;
}
.strongPass span{
	background:url(../image/green.png) no-repeat top right;
}
label{
	cursor:pointer;
}