@charset "utf-8";
body{
	font-family:Verdana, Geneva, sans-serif
}
.tit1{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

img.background-image{
	min-height:100%;
	min-width:1024px;
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:-1
}

@media screen and (max-width:1024px){
	img.background-image{
		left:50%;
		margin-left:-512px
	}

}

#login-wrapper{
	margin:50px auto;
	min-height:460px
}

#login-container{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	height:319px;
	margin:0 auto;
	position:relative;
	width:356px
}

#security-container{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	min-height:620px;
	margin:0 auto;
	position:relative;
	width:850px
}

#login-sub-container{
	border:1px solid #9c9d9d;
	border-color:rgba(63,65,67,.5);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	box-shadow:0 6px 10px -2px #3f4143;
	left:5px;
	position:absolute;
	width:345px
}

#security-sub-container{
	border:1px solid #9a9a9a;
	border-color:rgba(0,0,0,0.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	box-shadow:0 5px 10px 0 #111;
	height:610px;
	left:5px;
	position:absolute;
	width:838px
}

#login-sub-header{
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-khtml-border-radius:5px 5px 0 0;
	height:65px;
	padding:10px 0 0;
	text-align:center;
	background:#e5e5e5;
	background:-moz-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#d4d4d4));
	background:-webkit-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:-o-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:-ms-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:linear-gradient(to bottom,#e5e5e5 0,#d4d4d4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#D4D4D4',GradientType=0);
	border-top:0;
	border-right:0;
	border-bottom:1px solid #a1a1a1;
	border-left:none
}

#login-sub-header img{
	margin-left:7px
}

#login-sub,#security-sub{
	background-color:#eaeaea;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	border-top:1px solid #fff;
	height:212px;
	padding-left:30px;
	padding-top:30px;
	color:#4c4c4c;
	font-size:12px;
	padding-right:5px
}


#forms{
	left:30px;
	position:absolute;
	top:0
}


#userform{
	text-align:center
}

.combobox{
	border:2px solid #bebebe!important;
	border-radius:5px;
	-moz-border-radius:5px!important;
	-webkit-border-radius:5px!important;
	-khtml-border-radius:5px!important;
	background-color:#fff;
	-moz-box-shadow:inset 0 10px 10px #e9e9e9;
	-webkit-box-shadow:inset 0 10px 10px #e9e9e9;
	box-shadow:inset 0 10px 10px #e9e9e9;
	width:650px;
	position:relative;
	text-align:left
}
#confirmation{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-box-shadow:inset 0 10px 10px #e9e9e9;
	-webkit-box-shadow:inset 0 10px 10px #e9e9e9;
	box-shadow:inset 0 10px 10px #e9e9e9;
	border:2px solid #bebebe;
	background-color:#fff;
	font-family:helvetica;
	font-size:13px;
	font-style:normal;
	width:282px;
	font-family:helvetica
}

#login_form,#reset_form{
	position:absolute;
	left:0;
	top:100px
}

.login-btn,.reset-pass-btn{
	float:left;
	padding-top:22px
}

.error_notice{
	color:#3f4143;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:10px;
	width:50%
}


#notify{
	width:365px;
	margin:45px auto
}

#notify a{
	text-decoration:underline;
	font-size:12px
}

#notify a:hover{
	text-decoration:none
}

#notify p,#failure p{
	margin:0 0 10px 0;
	padding-left:30px;
	padding-top:3px
}

.text_notice{
	padding-left:30px;
	padding-top:3px;
	padding-bottom:20px;
	text-align:left;
	background-color:#fff;
	border:solid 2px #000
}

#failure a{
	font-size:14px;
	color:#035e7e;
	text-decoration:underline
}

#failure a:hover{
	text-decoration:none
}

.error-notice,.answers-notice,.warn-notice,.info-notice,.success-notice,#failure{
	border-radius:4px;
	font-size:12px;
	font-weight:bold;
	min-height:27px;
	padding:5px 10px 5px 5px;
	-moz-box-shadow:0 2px 2px #2b2b2b;
	-webkit-box-shadow:0 2px 2px #2b2b2b;
	box-shadow:0 2px 2px #2b2b2b;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#2B2B2B')";
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#2B2B2B')
}

.error-notice,#failure{
	background:#bc3e33;
	background:-moz-linear-gradient(top,#dd5952 0,#bc3e33 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dd5952),color-stop(100%,#bc3e33));
	background:-webkit-linear-gradient(top,#dd5952 0,#bc3e33 100%);
	background:-o-linear-gradient(top,#dd5952 0,#bc3e33 100%);
	background:-ms-linear-gradient(top,#dd5952 0,#bc3e33 100%);
	background:linear-gradient(to bottom,#dd5952 0,#bc3e33 100%);
	color:#fff
}

.warn-notice,.answers-notice{
	background:#f4b445;
	background:-moz-linear-gradient(top,#f6c167 0,#f3b03b 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6c167),color-stop(100%,#f3b03b));
	background:-webkit-linear-gradient(top,#f6c167 0,#f3b03b 100%);
	background:-o-linear-gradient(top,#f6c167 0,#f3b03b 100%);
	background:-ms-linear-gradient(top,#f6c167 0,#f3b03b 100%);
	background:linear-gradient(to bottom,#f6c167 0,#f3b03b 100%);
	color:#3b3b3b
}

.info-notice{
	background:#4a9cbc;
	background:-moz-linear-gradient(top,#65b9d9 0,#4a9cbc 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#65b9d9),color-stop(100%,#4a9cbc));
	background:-webkit-linear-gradient(top,#65b9d9 0,#4a9cbc 100%);
	background:-o-linear-gradient(top,#65b9d9 0,#4a9cbc 100%);
	background:-ms-linear-gradient(top,#65b9d9 0,#4a9cbc 100%);
	background:linear-gradient(to bottom,#65b9d9 0,#4a9cbc 100%);
	color:#fff
}

.success-notice{
	background:#5fa74e;
	background:-moz-linear-gradient(top,#6cbd58 0,#5fa74e 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6cbd58),color-stop(100%,#5fa74e));
	background:-webkit-linear-gradient(top,#6cbd58 0,#5fa74e 100%);
	background:-o-linear-gradient(top,#6cbd58 0,#5fa74e 100%);
	background:-ms-linear-gradient(top,#6cbd58 0,#5fa74e 100%);
	background:linear-gradient(to bottom,#6cbd58 0,#5fa74e 100%);
	color:#fff
}

#login-status .login-status-icon{
	display:block;
	position:absolute;
	width:27px;
	height:27px
}

#login-status.error-notice .login-status-icon{
	background-image:url(../images/notice-error.png)
}

#login-status.info-notice .login-status-icon{
	background-image:url(../images/notice-info.png)
}

#login-status.success-notice .login-status-icon{
	background-image:url(../images/notice-success.png)
}

#login-status.warn-notice .login-status-icon{
	background-image:url(../images/warning.png)
}

#failure{
	margin:45px auto;
	width:365px
}

#login-status-message{
	padding-left:36px;
	padding-top:5px;
	padding-bottom:5px
}


*:not(#old_ie){
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)!important
}

#error-wrapper ul li a,#error-wrapper p a{
	color:#3f4143;
	text-decoration:underline
}

#loginform,#reset_form{
	position:absolute;
	left:0;
	top:100px
}

#error-wrapper ul li a:hover,#error-wrapper p a:hover{
	color:#c60
}
.copyright{
	background:url(../images/prointel_pq.png) no-repeat scroll center top transparent;
	color:#3f4143;
	font-family:verdana;
	font-size:7pt;
	margin:10px 0 0;
	padding-top:30px;
	text-align:center
}

