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

.login {
	background:url(../images/login-page-bg.png) repeat-x top #fff;
}

.changePwd #contents {
	position: absolute; top: 100px;
}
.login-logo {
	text-align: center;
}
#login-contents p {
	color: #fff;
	margin-top: 15px;
	line-height: 22px;
	text-shadow: 1px 1px #333;
}
.login-title {
	padding-top: 30px;
}
.button-login {
	float: right; text-align: right;
	font-size: 11px;
	 
}
.button-chgPwd {
	float: left; margin-left: 140px; padding-top: 10px;
}
.login .footer{
	text-align: center;
	margin-top: 90px;
}
.changePwd .footer{
	text-align: center;
	margin-top: 40px;
}
/* login button */
a.loginbutton {
	display:inline-block;
	height:45px;
	padding:0 0 0 3px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-shadow:1px 1px 0 #fff; 
	background: url(../images/minibutton_matrix.png) 0 -272px no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
a.loginbutton>span {
	display:block;
	height:45px;
	padding:0 10px 0 10px;
	line-height:40px;
	background:url(../images/minibutton_matrix.png) 100% -272px no-repeat;
}
a.loginbutton:hover, a.loginbutton:focus {
	color: #000;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff; 
	background-position:0 -320px;
}
a.loginbutton:hover>span, a.loginbutton:focus>span {background-position:100% -320px;}
a.loginbutton.mousedown{background-position:0 -320px; }
a.loginbutton.mousedown>span{background-position:100% -320px; }

a.btn-loginlrg .icon {
	float:left;
	margin-left:-2px;
	margin-top: 8px;
	width:22px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-loginlrg .icon {background-position:-4px 0px;}
a.btn-loginlrg:hover .icon, a.btn-loginlrg:focus .icon {background-position:-4px 0px;}

a.btn-changepwd .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-changepwd .icon {background-position:-80px 0px;}
a.btn-changepwd:hover .icon, a.btn-changepwd:focus .icon {background-position:-80px 0px;}

.login-form {
	 position: absolute; width: 500px; height: 400px; left: 25%; 
	 vertical-align:middle; padding-top: 13.5%;
}
.login-form .section-header {
	margin-bottom: 10px;
}

.login-form .links, .login-form .links a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
}
.login-form label, .inline-form label { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color: #fff;
	text-align: right;
	padding-right: 10px;
	text-shadow: -1px -1px #000;
}

.login-form  fieldset {
	background: url(../images/login-form-bg-2.png) #025988 top repeat-x;
	margin-top: 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #025988;
	
}

.login-form  legend {font-weight:bold;font-size:1.2em;}
.login-form input[type=text], .login-form  input[type=password], .login-form  input.text, .login-form  input.title, .login-form  textarea, .login-form  select {
	background: url(../images/common-form-input-bg.png) repeat-x top #fff;
	border:3px solid #0c5fa1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.login-form ul {
	margin: 0;
	padding: 0;
}
.login-form .links a {
	list-style: none;
	font-size: 11px;	
	color: #fff;
	text-decoration: none;
	
}
.login-form .links a:hover {
	color: #CCC;
	text-decoration: none;
	border-bottom: 0;
}

.login-form  input[type=text]:focus, .login-form input[type=password]:focus, .login-form  input.text:focus, .login-form  input.title:focus, .login-form  textarea:focus, .login-form  select:focus {border-color:#666;}
.login-form  input[type=text], .login-form  input[type=password],.login-form input.text, .login-form  input.title, .login-form  textarea, .login-form  select {margin:0 0;}
.login-form  input.text, .login-form  input.title {width:300px;padding:5px;}
.login-form  input.title {font-size:1.5em;}
.login-form  textarea {width:390px;height:250px;padding:5px;}
.login-form  input[type=checkbox], .login-form  input[type=radio], .login-form  input.checkbox, .login-form  input.radio {position:relative;top:.25em;}
.login-form  form.inline {line-height:3;}
.login-form  form.inline p {margin-bottom:0;
}


/* inline form */

.inline-form .instruction {
	font-size: 11px;
	color: #eee;
}
.inline-form .primary-info { font-weight: bold;}
/*
.inline-form label {
	font-weight:normal;
	width: 130px; 
 	font-size: 11px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
	padding-top: 8px;
	color: #fff;
}
*/
.security-question {
	font-size: 13px; 
	font-weight: bold;
	color: #fff;
	text-shadow: -1px -1px #000;
	color: #FC3;
}


.inline-form  legend {font-weight:bold;font-size:1.2em;}
.inline-form input[type=text], .inline-form  input[type=password], .inline-form input.text, .inline-form  input.title, .inline-form  textarea, .inline-form  select {
	background: url(../images/common-form-input-bg.png) repeat-x top #fff;
	border:2px solid #0c5fa1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.inline-form  input[type=text]:focus, .inline-form input[type=password]:focus, .inline-form  input.text:focus, .inline-form  input.title:focus, .inline-form  textarea:focus, .inline-form  select:focus {border-color:#666;}
.inline-form  input[type=text], .inline-form  input[type=password],.inline-form input.text, .inline-form  input.title, .inline-form  textarea, .inline-form  select {margin:0.5em 0;}
.inline-form  input.text, .inline-form  input.title {width:300px;padding:5px;}
.inline-form  input.title {font-size:1.5em;}
.inline-form  textarea {width:390px;height:250px;padding:5px;}
.inline-form  input[type=checkbox], .inline-form  input[type=radio], .inline-form  input.checkbox, .inline-form  input.radio {position:relative;top:.25em;}
.inline-form  form.inline {line-height:3;}
.inline-form  form.inline p {margin-bottom:0;}