html, body {
	background-color: #303030;
}

body, input {
	font-size: 10px;
	color: #fff;
}

body, input, select, textarea {
	font: normal 13px Arial,Sans-Serif;
}

h1 {
	display: block;
	font-size: 2em;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}

.loginForm {
	position: absolute;
	width: 555px;
	height: 407px;
	left: 50%;
	top: 50%;
	margin: -210px 0 0 -275px;
	border: solid 6px White;
	background-image: url('../Images/Login.jpg');
}

.loginForm fieldset {
border: none;
padding: 0;
}

.loginForm .textInput:focus {
background-color: #ffc;
}

.loginFormTall {
	position: absolute;
	width: 555px;
	height: 407px;
	left: 50%;
	top: 50%;
	margin: -210px 0 0 -275px;
	border: solid 6px White;
	background-image: url('../Images/Login-Tall.jpg');
}

.loginFormTall fieldset {
border: none;
padding: 0;
}

.loginFormTall .textInput:focus {
background-color: #ffc;
}


/* Labels and Text Box Combinations */

#label_login_name {
	position: absolute;
	left: 280px;
	top: 230px;
	font-size: 10px;
}

#textbox_login_name {
	position: absolute;
	left: 280px;
	top: 245px;
}

#label_login_password {
	position: absolute;
	left: 280px;
	top: 285px;
	font-size: 10px;
}

#textbox_login_password {
	position: absolute;
	left: 280px;
	top: 300px;
}

#label_request_username {
	position: absolute;
	left: 280px;
	top: 120px;
	font-size: 10px;
}

#textbox_request_username {
	position: absolute;
	left: 280px;
	top: 135px;
}

#label_request_lastname {
	position: absolute;
	left: 280px;
	top: 175px;
	font-size: 10px;
}

#textbox_request_lastname {
	position: absolute;
	left: 280px;
	top: 190px;
}

#label_request_firstname {
	position: absolute;
	left: 280px;
	top: 230px;
	font-size: 10px;
}

#textbox_request_firstname {
	position: absolute;
	left: 280px;
	top: 245px;
}

#label_request_email {
	position: absolute;
	left: 280px;
	top: 285px;
	font-size: 10px;
}

#textbox_request_email {
	position: absolute;
	left: 280px;
	top: 300px;
}

#label_reset_username {
	position: absolute;
	left: 280px;
	top: 175px;
	font-size: 10px;
}

#UserNameInput {
	position: absolute;
	left: 280px;
	top: 190px;
}

#label_reset_password {
	position: absolute;
	left: 280px;
	top: 230px;
	font-size: 10px;
}

#textbox_reset_password {
	position: absolute;
	left: 280px;
	top: 245px;
}

#label_reset_password_confirm {
	position: absolute;
	left: 280px;
	top: 285px;
	font-size: 10px;
}

#textbox_reset_password_confirm {
	position: absolute;
	left: 280px;
	top: 300px;
}


/* Bottom Footer */

#Recovery {
	position: absolute;
	left: 0;
	bottom: -3em;
	font-size: 10px;
}

#Version {
	position: absolute;
	right: 0;
	bottom: -3em;
	font-size: 10px;
}


/* Form Specific */

form a {
	color: #fff;
}

form label {
	font-weight: 700;
	color: #D8D8D8;
}

form input {
	font-size: 14px;
	border: solid 1px Gray;
	padding: .3em;
	width: 16.5em;
	color: #000;
}

form h1 {
	padding: 0;
	position: absolute;
	left: 0;
	top: -2.7em;
	font-size: 14px;
}


/* Buttons */

#login_action {
	position: absolute;
	left: 279px;
	top: 352px;
}

#forgot_password_action {
	position: absolute;
	left: 279px;
	top: 352px;
}

#reset_password_action {
	position: absolute;
	left: 279px;
	top: 352px;
}

#login_action_submit, #forgot_password_action_submit, #reset_password_action_submit {
	display: inline-block;
	padding: 0 0 0 14px;
	white-space: nowrap;
	line-height: 26px;
	background: transparent url('../Images/Button.png');
	background-position: 0 -327px;
	border: 0;
	cursor: pointer;
	height: 26px;
	width: 59px;
	margin: 0em;
	font: -webkit-small-control;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	text-align: center;
	z-index: 1;
}

b {
	display: inline-block;
	width: 14px;
	height: 26px;
	vertical-align: top;
	background: transparent url('../Images/Button.png') right 0;
	background-position: right -327px;
	border: 0;
	cursor: pointer;
	z-index: -1;
}


/* Messages */

#LoginFailed {
	position: absolute;
	left: 25px;
	top: 245px;
	font-weight: 700;
	background-color: #E0FFE0;
	color: #000;
	border: solid 1px Gray;
	width: 210px;
	padding: 1em;
	font-size: 10px;
	display: block;
}

#LoginFailed.error {
	background-color: #FFE0E0;
}

.password_request_warning {
	position: absolute;
	left: 25px;
	top: 245px;
	font-weight: 700;
	background-color: #FFE0E0;
	color: #000;
	border: solid 1px Gray;
	width: 210px;
	padding: 1em;
	font-size: 10px;
	display: block;
}

.password_reset_warning {
	position: absolute;
	left: 25px;
	top: 300px;
	font-weight: 700;
	background-color: #FFE0E0;
	color: #000;
	border: solid 1px Gray;
	width: 210px;
	padding: 1em;
	font-size: 10px;
	display: block;
}

#SuccessDiv {
	position: absolute;
	left: 25px;
	top: 300px;
	font-weight: 700;
	background-color: #E0FFE0;
	color: #000;
	border: solid 1px Gray;
	width: 210px;
	padding: 1em;
	font-size: 10px;
	display: block;
}

#ErrorDiv {
	position: absolute;
	left: 25px;
	top: 300px;
	font-weight: 700;
	background-color: #FFE0E0;
	color: #000;
	border: solid 1px Gray;
	width: 210px;
	padding: 1em;
	font-size: 10px;
	display: block;
}


/* Instructions */

#instructions {
	position: absolute;
	left: 25px;
	top: 190px;
	font-weight: 700;
	background-color: #E0FFE0;
	color: #000;
	border: solid 1px Gray;
	width: 210px;
	padding: 1em;
	font-size: 10px;
	display: block;
}

p {
	margin: 0px;
}

ul, menu, dir {
	margin: 0px;
}