/* Horizon North Logistics Stylesheet, Backend Styles */
* { margin: 0; padding: 0; text-align: left; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Login Screen Styles Start */
#loginWindow {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 960px;
	height: 500px;
	margin-top: -250px; /* half of the height */
	margin-left: -480px; /* half of the width */
	background: url('../img/layout/admin/loginBoxBg.gif') repeat-y;
}

#loginTop {
	width: 960px;
	height: 6px;
	background: url('../img/layout/admin/loginBoxTop.gif') no-repeat;
}

#loginBottom {
	width: 960px;
	height: 16px;
	background: url('../img/layout/admin/loginBoxBottom.gif') no-repeat;
}

#loginMain { height: 478px; }

#logoArea {
	float: left;
	width: 375px;
	height: 478px;
	text-align: center;
}

#logoArea img {
	margin-top: 180px;
}

#loginBox {
	width: 425px;
	margin-left: 400px;
	padding-top: 155px;
}

#loginHeader {
	height: 29px;
	background: url('../img/layout/admin/loginBg.gif');
	color: #245896;
	line-height: 29px;
	font-size: 16px;
	font-weight: bold;
}

#loginHeader a:link, #loginHeader a:visited { color: #245896; text-decoration: none; }
#loginHeader a:hover { text-decoration: underline; }

#loginHeader .loginLeft { width: 12px; height: 29px; background: url('../img/layout/admin/loginLeft.gif') no-repeat; float:left;}
#loginHeader .loginRight { width: 6px; height: 29px; background: url('../img/layout/admin/loginRight.gif') no-repeat; float:right;}
#loginHeader .signupLink { float:right; line-height: 29px; font-size: 12px; padding-right: 10px;}

#loginForm {
	background-color: #6185b0;
	color: #ffffff;
	padding: 25px;
	font-weight: bold;
}

#registerForm {
	background-color: #6185b0;
	color: #ffffff;
	padding: 25px;
	font-weight: bold;
}

#loginForm a:link, #loginForm a:visited { color: #ffffff; text-decoration: none; }
#loginForm a:hover { text-decoration: underline; }

#loginForm .formLabel {
	width: 80px;
	height: 20px;
	float:left;
	line-height: 16px;
}

#registerForm .formLabel {
	width: 100px;
	height: 20px;
	float:left;
	line-height: 16px;
	font-size: 10px;
	font-weight: normal;
}


.formField { height: 20px; }

.rememberCheckbox {
	margin-left: 80px;
	height: 20px;
}

#loginForm .formField input {
	border: 1px solid #245896;
	color: #245896;
	width: 200px;
	background: #ecf1f6;
	font-weight: bold;
}

#registerForm .formField input {
	border: none;
	color: #245896;
	width: 200px;
	background: #ecf1f6;
	font-weight: bold;
}

#loginForm #loginButtons {
	text-align: right;
	margin-right: 94px;
	margin-top: 3px;
}

#registerForm #loginButtons {
	text-align: right;
	margin-right: 74px;
	margin-top: 3px;
}

#loginForm #loginButtons input {
	width: 88px;
	height: 15px;
	background: url('../img/layout/admin/loginButton.gif') no-repeat;
	border: 0;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	cursor: pointer;
}

#registerForm #loginButtons input {
	width: 88px;
	height: 15px;
	background: url('../img/layout/admin/registerButton.gif') no-repeat;
	border: 0;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	cursor: pointer;
}

#registerForm #submitButton input {
	width: 88px;
	height: 15px;
	background: url('../img/layout/admin/submitButton.gif') no-repeat;
	border: 0;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	cursor: pointer
}

.copyrightText { color: #245896; font-size: 9px; font-weight: normal; }
.copyrightText a:link, .copyrightText a:visited { color: #6185b0; text-decoration: none; border-bottom: 2px solid #245896; }
.copyrightText a:hover { text-decoration: underline; }

label.error {
	display: block;
	color: #990000;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 1px solid red;
}

div.error {
	color: red;
}

div.error a {
	color: #336699;
	font-size: 12px;
	text-decoration: underline
}

#errorContainer {
	font-size: 11px;
	color: #990000;
	border: 1px solid #990000;
	font-weight: normal;
	padding: 5px;
	margin-top: 10px;
	display: none;
}
/* Login Screen Styles End */