body {
	background : #020C0E;
	color : #A5AEAE;
	font-family : "Arial";
	padding : 0;
	margin : 5px 0 0 0;
	width : 100%;
	height : 100%;
	overflow : hidden;
}

h1 {
	margin : 5px;
	text-align : center;
}

#content {
	left : 50%;
	position : absolute;
	top : 25%;
	padding : 30px;
	background : #111111;
	border : #2C2C2C;
	color : #FFFFFF;
	width : 750px;
	margin-left : -375px;
	height : 25%;	
}

form {
	margin-top : 5%;
}

label {
	display : inline-block;
	width : 20%;
	font-size : 24px;
}

input {
	display : inline-block;
	width : 60%;
	font-size : 24px;
	height : 35px;
	margin-right : 5%;
	background : #3C3C3C;
	border-radius: 4px;
	box-shadow: 0 0 3px #3C3C3C;
	border : 1px solid #3C3C3C;
	color: white;
	padding-left : 10px;
}

input:focus {
	border: 1px solid #5A8C11;
	background : #5A8C11;
	box-shadow: 0 0 3px #6DAB14;
}

input[type=submit] {
	width : 100px;
	position : relative;
	top : -25px;
	height : 70px;
	margin : 0;
	font-size : 16px;
	background: linear-gradient(to bottom, #6DAB14 0%, #5A8C11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #5A8C11;
	border-radius: 4px;
	box-shadow: 0 0 3px #6DAB14;
	font-weight: bold;
	padding: 3px 10px;
	cursor: pointer;
}

#error {
	opacity : 0;
	text-align : center;
	background: linear-gradient(to bottom, #AA3514 0%, #A81420 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #A81420;
	border-radius: 4px;
	box-shadow: 0 0 3px #AA3514;
	padding : 4px;
	transition: opacity 0.5s ease-in;
}

#error.show {
	opacity : 1;
}