@charset "utf-8";



#loginContainer{
	width:100%;
	min-width:490px;
	height:100%;
}

/*headWrapper start*/
#loginContainer .headWrapper{
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#22262e;
	color:#FFF;
}
#loginContainer .headWrapper img{
	margin-top:17.5px;
	margin-left:12px;
	float:left;
}
#loginContainer .headWrapper label{
	font-size:135%;
	float:left;
	margin-left:12px;
}
#loginContainer .nameWrapper{
	float:right;
	margin-right:12px;
	font-size:120%;
}
/*headWrapper end*/


/*formWrapper start*/
#loginContainer .formWrapper{
	width:400px;
	padding:20px 20px 20px 20px;
	background-color:#FFFFFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	border:1px #dddddd solid;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#loginContainer .errorMsg{
	text-align:center;
	width:100%;
	float:left;
	color:#FF0004;
}
#loginContainer .formHead{
	width:100%;
	margin-bottom:20px;
}
#loginContainer .formHead img{
	height:40px;	
}

#loginContainer .formHeadWarning{
	width:100%;
	margin-bottom:20px;
	float:left;
	
}
#loginContainer .formHeadWarning span{
	float:left;
	line-height:30px;
	height:30px;
	margin-left:20px;
	display:inline-block;
	font-weight:bold;
	font-size:110%;
}
#loginContainer .formHeadWarning img{
	float:left;
	height:30px;
	background-color:#ff9408;
}
#loginContainer .formField{
	width:100%;
	font-size:100%;
	float:left;
	margin-bottom:15px;
}
#loginContainer .formField .error{
	border:1px #F00 solid !important;
	/*color:#FF0004;*/
	background-color:#fff9f5 !important;
	
}
#loginContainer .msg{
	color:#F00;
	float:left;
	width:100%;
	line-height:30px;
	display:inline;
	text-align:left;
}


#loginContainer .formField:last-child{
	margin-bottom:0px;
}
#loginContainer .formField a{
	float:left;
	line-height:35px;
}
#loginContainer .formField label{
	width:100%;
	float:left;
	margin-bottom:10px;
	
}
#loginContainer .verificationField{
	width:40% !important;
	float:left;	
}
#loginContainer .verificationImg{
	float:left;
	margin-left:10px;
}
#loginContainer .formField input[type=text], 
#loginContainer .formField input[type=password]{
	width:calc(100% - 22px);
	float:left;
	background-color:#f4f4f4;
}
#loginContainer .formField input[type=text]:focus, 
#loginContainer .formField input[type=password]:focus{
	background-color:#FFFFFF;
}
#loginContainer .formField input[type=submit]{
	background-color:#0072c6;
	color:#FFFFFF;
	font-size:100%;
	height:35px;
	float:right;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
#loginContainer .formField input[type=submit]:hover{
	background-color:#2196f3;
}


#loginContainer .failField{
	width:100%;
	font-size:100%;
	float:left;
	margin-bottom:15px;
	margin-top:15px;
	text-align:center;
}
/*formWrapper end*/


/*tailWrapper start*/
#loginContainer .tailWrapper{
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#22262e;
	text-transform: uppercase;
	color:#FFF;
	font-size:65%;
	font-weight:bold;
}
/*tailWrapper end*/