@charset "utf-8";

/* Login Page Structure Styles
----------------------------------------------- */

body {
	margin: 0;
	
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	
	background: #1c3657 url(../interface/login/body.jpg) top center no-repeat;
}

div {
	position: relative;
}

#wrapper {
	margin: 0 auto;
	width: 600px;
	height: 430px;
	
	background: url(../interface/login/wrapper.png) top left no-repeat;
}

#container {
	padding: 130px 0 0 195px;
	
	text-align: left;
}

#firefox {
	margin-top: 300px;
}

#credits {
	position: absolute;
	top: 600px;
	left: 0;
	
	width: 100%;
	
	color: #a7e7f5;
	text-align: center;
}

img {
	border: 0;
}



/* Login Form Styles
----------------------------------------------- */

label {
	font: 12px/24px Arial, Helvetica, sans-serif;
	color: #fff;
}

input {
	padding-left: 5px;
	width: 200px;
	
	border: 3px solid #a7e6f4;
	
	font: 30px/26px Arial, Helvetica, sans-serif;
}

input.password {
	width: 140px;
}

span.button {
	cursor: pointer;
}


/* Login Form Message Styles
----------------------------------------------- */

div.message {
	position: absolute;
	top: 100px;
	left: 200px;
	
	width: 200px;
	height: 25px;
	
	line-height: 25px;
	color: #fff;
	text-align: center;
	
	background: url(../interface/login/message.png) top left no-repeat;
}