html {
	background-color: #000;
	height: 100%;
}

body {
	color: #FFF;
	background: #000 url('images/background.jpg') no-repeat center top;
	background-size: cover;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 11pt;
	font-weight: 300;
	text-align: center;
	margin: 0;
	height: 100%;
	cursor: default;
	box-shadow: 0 0 200px #000 inset;
}

body * {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

#login {
	display: table;
	width: 100%;
	height: 100%;
}

form {
	vertical-align: middle;
	display: table-cell;
}

fieldset {
	color: #C1C1C1;
	background: #36BAEB;
	background: rgba(0,0,0,0.25);
	background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(54,186,235,0.9), rgba(54,186,235,0.9), rgba(0,0,0,0));
	border: 0;
	margin: 0;
	padding: 0 20px;
	box-shadow: 0 0 30px rgba(0,0,0,0.5);
}

legend {
	color: #DDD;
	background: #2B2B35;
	font-weight: 600;
	font-variant: small-caps;
	margin: 0 auto;
	padding: 10px 20px;
	min-width: 228px;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0 -10px 20px rgba(0,0,0,0.3);
}

p {
	margin: 20px 0;
}

label {
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

label span {
	display: none;
}

label i.fa {
	color: #2B2B35;
	margin-right: 12px;
}

input {
	color: #000;
	background: #EEE;
	background: rgba(255,255,255,0.5);
	border: 4px #3B3B3B solid;
	font-size: 12pt;
	font-weight: 400;
	padding: 5px 7px;
	min-width: 228px;
	box-sizing: border-box;
	border-radius: 2px;
}

input:focus {
	background: #EEE;
}

button {
	color: #DDD;
	background: #2B2B35;
	border: 0;
	font-weight: 600;
	font-variant: small-caps;
	padding: 9px 17px;
	min-width: 228px;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

button i.fa {
	margin-left: 8px;
}

i.fa.fa-user {
	margin-right: 13px;
}

i.fa.fa-key {
	margin-right: 10px;
}