html, body {
	background: #004a5f;
}


/* CSS Document */

#login {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	background: #ffffff;
	margin: -150px -250px;
	}
	
	#login h1 {
		height: 180px;
		text-indent: -500em;
		background: url(../gfx/rdsdoc.png) no-repeat #004a5f;
		border-bottom: 1px solid #e9e9e9;
		padding: 0;
		margin: 0;
	}
	
	#login .error {
		display: block;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #363636;
		background: url(../gfx/icons/exclamation.png) 16px no-repeat #fff5ad;
		border: 1px solid #f6e497;
		padding: 1em .3em 1em 3.2em;
	} 

	#login .info {
		display: block;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #363636;
		background: url(../gfx/icons/lightbulb.png) 16px no-repeat #fff5ad;
		border: 1px solid #f6e497;
		padding: 1em .3em 1em 3.2em;
	} 

	#login form {
		padding: 1em;
		margin: 0;
		}
		
		#login form div {
			border-bottom: 1px solid #f5f5f5;
			padding: .5em;
			margin: 0;
			}
			
			#login form div label {
				width: 160px;
				font-family: Georgia, "Times New Roman", Times, serif;
				float: left;
			}
			
			#login form div input[type='text'],
			#login form div input[type='password'] {
				width: 200px;
				float: right;
			}
			
		#login form div.footer {
			border-bottom: none;
		}
		
/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}