*{padding:0; margin:0;}

html{
	background: url(../images/backgrounds/bglarge2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	height:100%; 
	width:100%
}

body{
	line-height: 1.6em;
	font-family: 'Open Sans', sans-serif; 
	font-size:15px;
	height:100%;
	width:100%;
	display:table;
}

a{text-decoration:none; color:#3D8CDC}
img{border:none}

.maincontainer{
	width:950px;
	margin:20px auto;
}

.main-content{
	display:block;
	width:890px;
	min-height:400px;
	padding:30px;
	background-color:#FFF;
	margin:20px auto;
	opacity:0.99; 
	filter:alpha(opacity=99);
}

.sub-highlight{
	display:block;
	width:250px;
	height:100px;
	padding:20px;
	background-color:#478CCA;
	float:left;
	opacity:0.97; 
	filter:alpha(opacity=97);
}

.sub-highlight-left{margin-right:40px;}
.sub-highlight-center{}
.sub-highlight-right{margin-left:40px;}

.sub-highlight-title{
	color:#FFF;
	font-size:16px;
	display:block;
	padding:0;
	margin-bottom:10px;
}

.sub-highlight-link{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
}

.sub-highlight-input{
	width:225px;
	margin-top:10px;
}
.sub-highlight-judge-input{
	width:150px;
	margin-top:10px;
	float:left;
}

.sub-highlight-judge-submit{
	margin-top:10px;
	float:left;
	padding:8px 8px;
	font-size:15px;
	background:#666;
	color:#fff;
	border:none;
	-webkit-appearance:none;
}

.main-highlight{
	display:block;
	width:890px;
	min-height:250px;
	padding:30px;
	background-color:#FFF;
	margin:40px auto;
	opacity:0.97; 
	filter:alpha(opacity=97);
}

.main-highlight-mobile{
	display:none;
}

.welcome-frame{
	display:block;
	width:256px;
	height:171px;
}

h1{
	color:#4F5758;
	font-size:34px;
	font-weight:300;
	padding:0;
	margin:10px 10px 25px 0px;
	line-height:40px;
}

h2{
	color:#478CCA;
	font-size:22px;
	font-weight:400;
	padding:0;
	margin:10px 10px 15px 0px;
}

.content-left{
	display:block; 
	float:left; 
	width:44%; 
	padding:0px 3%;
}

.content-right{
	display:block; 
	float:right; 
	width:44%; 
	padding:0px 3%;
}

.action-button{
	display:block;
	padding:7px 15px; 
	border:none; 
	color:#fff; 
	font-size:17px; 
	background-color:#09F; 
	font-weight:700;
	max-width:250px;
	text-align:center;
}

.WebFormHome input[type='text']{-webkit-appearance:none; border-radius:0; padding:6px 5px; border:none; font-size:17px; color:#666}
.WebFormHome select{border-radius:0; padding:6px 5px; border:none; font-size:17px; color:#666}

.WebForm input[type='text']{-webkit-appearance:none; border-radius:0; padding:6px 5px; width:315px; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='tel']{-webkit-appearance:none; border-radius:0; padding:6px 5px; width:315px; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='datefield']{-webkit-appearance:none; border-radius:0; padding:6px 5px; width:315px; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='password']{-webkit-appearance:none; border-radius:0; padding:6px 5px; width:315px; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='file']{-webkit-appearance:none; border-radius:0; padding:6px 5px; width:315px; font-size:17px;}
.WebForm textarea{padding:6px 5px; width:315px; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm input[type='radio']{}
.WebForm input[type='submit']{padding:7px 15px; border:none; color:#fff; font-size:17px; background-color:#09F; font-weight:700; -webkit-border-radius:0px;}
.WebForm input[type='button']{padding:7px 15px; border:none; color:#fff; font-size:17px; background-color:#666; font-weight:700; -webkit-border-radius:0px;}
.WebForm select{border-radius:0; padding:6px 5px; width:315px; border:1px solid #C1C1C1; font-size:17px; background-color:#F7F7F7}
.WebForm label{margin-bottom:3px; font-weight:700;}
.WebForm .required{font-size:13px; color:#000; font-weight:100}
.WebForm .example{font-style:italic; font-size:13px; display:block; margin-top:3px; margin-bottom:0;}

.FAQAnswer{
	display:none;
	padding-left:20px;
}

.imgborder{padding:3px; border:1px solid #999;}
.question{color:#333; font-weight:bold}
.questionBox{border-bottom:1px #CCCCCC solid; display:block; padding:12px 8px; cursor:pointer}
.questionBox:hover .question{color:#000}
.questionBox a{color:#000}

.select-year{
	float:left;
	width:20%;
}

.eval-list{
	float:right;
	width:70%;
}

a.eval-year{
	display:block;
	padding:10px;
	width:200px;
	margin:3px 0px;
	border:1px solid #CCC;
	color:#666;
	text-decoration:none;
}

a.eval-year:hover{
	background-color:#666;
	color:#fff;
	border:1px solid #666
}

a.eval-year-small{
	display:block;
	text-align:center;
	padding:5px;
	width:150px;
	color:#666;
	text-decoration:none;
}

a.eval-year-small:hover{
	background-color:#666;
	color:#fff;
}

a.eval-year-selected{
	display:block;
	text-align:center;
	padding:5px;
	width:150px;
	background-color:#666;
	color:#fff;
	text-decoration:none;
}

a.list-link{
	display:block;
	margin-top:5px;
	margin-bottom:3px;
	min-height:20px;
	width:80%;
	padding:10px;
	overflow:auto;
	color:#666;
	background-color:#fff;
	border:1px solid #CCC;
	text-decoration:none;
}
a.list-link:hover{
	background-color:#4AA1FF;
	border:1px solid #4AA1FF;
	color:#fff;
	cursor:pointer;
}

.judge-list{
	display:block;
	width:100%;
	padding:12px;
	text-decoration:none;
	color:#666;
	font-size:17px;
}
.judge-list:hover{
	background-color:#CFECFC;
}

.judge-list-status{
	float:right;
	font-weight:700
}
.dark{}
	
.narrative p{
	margin-top:20px;
}

.narrative-report{
	display:block;
	padding:10px;
	background-color:#4AA1FF;
	color:#FFF;
	text-decoration:none;
	margin-top:3px;
}
	

#listBox{
	min-height:20px;
	width:100%;
	padding:7px;
	overflow:auto;
	color:#000;
	text-decoration:none;
}
#listBox:hover{
	background-color:#F5F5F5;
	color:#000;
	cursor:pointer;
}
#listBox .details{
	font-size:11px;
}

.listLeft{
	float:left;
	width:20%;
}
.listRight{
	width:80%;
	float:left;
}

.listLeftDirectory{
	float:left;
	width:60%;
}
.listRightDirectory{
	width:30%;
	float:right;
	text-align:right;
}
#listBox img{
	display:block;
	float:left;
}
.retention-left{
	width:25%; 
	padding-right:2%; 
	float:left; 
	display:block; 
	height:100%
}
.retention-right{
	float:left; 
	width:70%; 
	display:block
}