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

body {
	background: url(../img/layout/bg.jpg) repeat;
}

#loginForm {
	position: relative;
	background: url(../img/login/input-box.png) no-repeat top;
	width: 290px; margin: 0 auto;
	overflow:hidden;
	margin-top: 70px;
	height: 290px;
}

#loginForm .logo 			{ width: 130px; height: 80px; background: url(../img/layout/logo.png) no-repeat top center; display: block; position: absolute; top: 20px; left: 50%; margin-left: -65px; }
#loginForm .logo-custom 	{ background-image: url(../img/custom/logo.png); background-size: contain; }

#loginForm .inner {
	margin: 100px 30px 30px 30px;
}

#loginForm h1 {
	color: #555;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}

#loginForm p {
	font-size: 11px; color: #777; font-weight: normal; padding-bottom: 20px;
}

#loginForm p b {
	color: #777;
	font-size:12px;
	text-shadow: #fff 1px 1px 0px;
	font-weight: normal;
}

#loginForm p em { color: #888; }

#loginForm label {
	color: #444;
	font-size:11px;
}

#loginForm input[type='text'], input[type='password'] {
	background:  #fff;
	border: 1px solid #eee;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	font-size:12px;
	padding: 5px;
	width: 95%;
	margin-top: 4px;
	color: #777;
}

#loginForm input[type='submit'] {
	-webkit-border-radius: 3px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; padding: 6px 15px 6px 11px; line-height: 14px; color: #555; text-decoration: none; display: inline-block;
	background: url(../img/buttons/button-green.png) repeat-x; border-color: #007983; color: #fff;
	font-weight: bold;
	font-size: 10px;
	float: right;
}

#loginForm input[type='submit']:hover { background-position: bottom; }

#loginForm .msg {
	margin-bottom: 10px;
	background: #00a7b5;
	border: 1px solid #006a71;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	text-align:center;
	padding: 5px;
	width: 95%;
	font-weight: normal;
}

#loginForm .msg p { padding: 0px; margin: 0px; color: #fff; }

#loginForm p {
	padding: 0px 0px 10px 0px;
}

#loginForm .alert { font-size: 12px; }
#loginForm .alert.error { color: #f00; }

#loginForm hr {
	height: 1px;
	background: #fff;
	color: #fff;
	border: none;
	border-collapse: collapse;
}

.forgot-link {
	color:#999;
	font-size: 11px;
	text-decoration: none; font-weight: normal;
}

.forgot-link:hover { color: #016972; }

.label_check.error		{ color: #f00; }
.label_check 			{ padding: 3px 0 3px 20px; background: url(../img/form/check-off.png) no-repeat left; cursor: pointer; min-width: 16px; display: inline-block; }

.label_check input 		{ position: absolute; left: -9999px; }

.label_check.error 		{ background: url(../img/form/check-off-error.png) no-repeat left; }
label.c_on 				{ background: url(../img/form/check-on.png) no-repeat left; }
label.c_on.error 		{ background: url(../img/form/check-on-error.png) no-repeat left; }

input.placeholding 	{ color: #aaa; }

.notice 	{ width: 600px; margin: 70px 0 0 100px; display: block; }
.notice h1 	{ color: #888; font-size: 30px; padding: 0; margin: 0; margin-bottom: 5px;}
.notice p 	{ color: #6c6c6c; font-size: 14px; line-height: 18px; padding: 0; margin: 0; }

.ie-notice 			{ padding-top:150px; background: url(../img/misc/ie.png) no-repeat top left; }
.res-notice 		{ padding-top:112px; background: url(../img/login/logo.png) no-repeat top left; }
.res-notice-custom 	{ background-image: url(../img/custom/logo.png); }

.res-notice h3 { margin-bottom: 8px; color: #555; }
.res-notice div.error-info { margin: 10px 0; padding: 12px; border: 1px dashed #aaa; background-color: #fff; color: #777; }

.button 			{ margin-top: 24px; background: url(../img/buttons/button-blank.png) repeat-x; font-size: 12px !important; -webkit-border-radius: 3px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; padding: 6px 15px 6px 11px; line-height: 14px; color: #777; text-decoration: none; display: inline-block; }