/*------------
	global overrides
------------*/
body {
	background-color: #161616;
}

/*------------
	fancy-form overrides
------------*/
label.checked,
label.unchecked {
	position:relative;
	display:block;
	padding:0.5em;
	background-position: 125px center;
	background-repeat:no-repeat;
	margin:3px;
	clear:both;
	cursor:pointer
}

label.checked {
	background-image:url(/images/check-yes.png);
}

label.unchecked {
	background-image:url(/images/check-no.png);
}

/*------------
	prototip overrides
------------*/
				
.prototip .logintip {
	width: 178px;
	height: 112px;
	background: url('/images/logintip-bg.png') no-repeat;
}

.prototip .logintip .content { display: none; }


/*------------
	view-specific
------------*/

#loginWrapper {
	background: url('/images/login-bg.png') no-repeat;
	width: 628px;
	height: 170px;
	margin: auto;
	margin-top: 15%;
}

.loginForm {
	height: 50px;
	width: 215px;
	padding-top: 56px;
	margin-left: 214px;
	line-height: 65%;
}

	.loginForm .textbox {
		background-color: #161616;
		border: 1px solid #404040;
		padding: 5px;
		color: #636363;
	}
	
	.loginForm .loginButton {
		position: relative;
		top: -12px;
		float: right;
	}

.loginFormError {
	height: 50px;
	width: 215px;
	padding-top: 34px;
	margin-left: 214px;
	line-height: 65%;
}

	.loginFormError .textbox {
		background-color: #161616;
		border: 1px solid #404040;
		padding: 5px;
		color: #636363;
	}
	
	.loginFormError .loginButton {
		position: relative;
		top: -12px;
		float: right;
	}
	
	.loginFormError .loginError {
		color: #F00;
		margin-bottom: 5px;
	}
	
.rememberMe {
	color: #636363;
}