@import url("./whitespace-reset.css");
@font-face {
    font-family: 'Univers';
    src: url('../font/univers.otf');
	/* src: url('../font/unvr55w.ttf') format('truetype'); */
}
body { 
	font-family: Univers, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin: 0;
	padding: 0;
	position: relative;
	background: #003771 url('../images/login/tilteddome.png') no-repeat fixed;
	background-size: auto 100%;
	}
	
a {
	text-decoration: none;
	color: #003399;
}
	

/* Common assets */
#sitewrapper { 
	padding: 0;
	margin: 0px auto;
	position: relative;
}

#login-content {
	width: 590px;
	margin: 100px auto 0;
}
		#login-content img{
			margin: 0 auto 15px ;
			display: block;
		}

		#login-content form {
			margin-left: 150px;
			position: relative;
		}
		
		#login-content .form-wrapper{
			position: relative;
			border: 10px solid #ffcc25;
			background-color: #ffffff;
			padding-bottom: 20px;
		}
			#login-content .form-wrapper .main-title{
				color: #0a3f77;
				text-transform: uppercase;
				font-size: 18px;
				font-weight: bold;
				margin: 50px 0 30px 0;
			}
				#login-content .form-wrapper fieldset{
					border: none;
					clear: both;
					float: left;
					width: 260px;
					margin: 0px 0 35px 0;
				}
					#login-content .form-wrapper fieldset.disabled{
						color: #c5c5c5;
					}
				.login input, .login label, .login p.note{
					clear: both;
					float: left;
					margin-bottom: 10px;
				}
				.login label {
					font-weight: bold;
				}
				.login p.error-message{
					color: #CE0000;
					font-size: 12px;
					width: 300px;
					position: absolute;
					top: 2px;
					left: 120px;
				}
				.login p.match-message{
					color: #00D200;
					font-size: 12px;
					width: 300px;
					position: absolute;
					top: 2px;
					left: 158px;
				}
				.login p.not-match-message{
					color: #CE0000;
					font-size: 12px;
					width: 300px;
					position: absolute;
					top: 2px;
					left: 136px;
				}
					#login-content p.match-message > img{
						position: absolute;
						top: -5px;
						left: -21px;
					}
				.login input{
					width: 250px;
					height: 20px;
					padding: 5px;
				}
				.login .helper-link{
					float: right;
					clear: both;
					font-size: 12px;
				}
				.login  h2.welcome-title{
					font-size: 24px;
				}
				
				.login-button p, .login-button button, .login-button input {
					float: right;
					margin-left: 10px;
				}
				.login-button input {
					width: 20px;
					clear: none;
					margin-right: -10px;
				}
				.login-button button, .enter-button button {
					background-color: #003771;
					color: #FFFFFF;
					font-size: 12px;
					text-transform: uppercase;
					width: 80px;
					height: 30px;
					border: none;
					margin-top: -6px;
					cursor: pointer;
					clear: both;
				}
				.enter-button button {
					position: absolute;
					top: 90px;
					right: 68px;
				}
					button.weak {
						background-color: #A1E4AF;
						top: 72px;
					}
					button.medium {
						background-color: #67D37D;
						top: 72px;
					}
					button.strong {
						background-color: #00B415;
						top: 72px;
					}
					button.error {
						background-color: #CE0000;
						top: 72px;
					}
					button.enter {
						background-color: #013473;
						top: 30px;
					}
					button.pw-button {
						color: #FFFFFF;
						font-size: 12px;
						text-transform: uppercase;
						width: 80px;
						height: 30px;
						border: none;
						cursor: pointer;
						position: absolute;
						right: -90px;
					}
					button.red {
						background-color: #CE0000;
					}
				.login-button .login-error {
					margin: -25px 0 20px;
					font-size: 12px;
				}
				
				.login-button input.remember {
					height: 20px;
				}
				.login-button p.remember {
					height: 20px;
					line-height: 20px;
				}
				
			
			
.align-center {
	text-align: center;
}
.clearer {
	clear: both;
}
.small-font {
	font-size: 12px;
}
.error {
	color: #CC0000;
}
.hide {
	display: none;
}
.bold {
	font-weight: bold;
}

.small-font {
	font-size: 12px;
}
.position-relative {
	position: relative;
}

ins.linkcheck { border : none; padding : 0 0 0 0; margin : 0; display : inline-block; clear : none; float : none; background-repeat : no-repeat; text-decoration: none; }</style><style type="text/css">ins.linkcheck_indicator { padding : 0 0 0 16px; min-height: 16px; }</style><style type="text/css">ins.linkcheck_indicator_pending { background-image : url('chrome-extension://iepelhgpllohpijfdfhdmcmhofhboegk/data/circle-white-16-ns.png') }</style><style type="text/css">ins.linkcheck_indicator_online { background-image : url('chrome-extension://iepelhgpllohpijfdfhdmcmhofhboegk/data/check-16-ns.png') }</style><style type="text/css">ins.linkcheck_indicator_offline { background-image : url('chrome-extension://iepelhgpllohpijfdfhdmcmhofhboegk/data/minus-16-ns.png') }
.topinfo {font-size:18px;color:#fff;margin:12px auto 36px auto;text-align:center;}
.bottominfo {margin:36px auto;width:520px;text-align:center;color:#fff;line-height:150%;}
.learn {margin:16px auto 0;font-size:14px;}.learn a,.bottominfo a {padding:10px 0px;color:#ffcc25;} .bottominfo a:hover, .learn a:hover{text-decoration:underline;}