body
{
	position: absolute;
	margin: 0;
	height: 100%;
	width: 100%;
	z-index: -2;
	background-color: #EEE;
}
body,
label,
button,
input,
textarea,
p,
a
{
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
/*	text-shadow: 0 0.2em 0.2em #AAA; */
}

/* Header */

#header
{
	z-index: 10;
	position: absolute;
	background-color: #333;
	width: 100%;
	height: 3.5em;
	
}
#header div
{
	margin-top: 1em;
	text-align: center;
}
#header a
{
	color: white;
}

/* Body */

#body
{
	position: absolute;
	top: 3.5em;
	left: 0;
	right: 0;
	bottom: 0;
/*	background-image: url("background.png");
    background-repeat: repeat;
*/
}
#column
{
	position: relative;
	margin: 0 auto;
	overflow: auto;
	max-width: 40em;
	height: 100%;
	background-color: white;
	box-shadow: 0 0.2em 0.2em #DDD;
}

/* Login */

#login
{
	position: absolute;
	margin-top: -17em;
	padding: 1em;
	max-width: 45em;
	top: 50%;
	left: 0;
	right: 0;
	
}
#logo img
{
	display: block;
	margin: 0.5em auto;
	min-width: 24em;
	width: 75%;
}
#version-code
{
	color: red;
	text-align: right;
	margin: 0.2em auto;
	font-weight: bold;
	height: 2em;
}
#form-inputs
{
	margin: 0 auto;
	max-width: 16em;
}
div.form-group label
{
	display: block;
}
input
{
	border-radius: 0.1em;
	box-shadow: 0 0.1em 0.1em #AAA;
	margin: 0.3em;
}
input[type=text],
input[type=password]
{
	margin: 0.5em 0;
	margin-bottom: 0.5em;
	padding: 0.5em;
	width: 100%;
	border: 1px solid #AAA;
}
td.entry
{
	text-align: left;
}
input[type=submit]
{
	display: block;
	margin: 0 auto;
	background-color: #AD4;
	border: 1px solid #8B2;
	height: 2.4em;
	width: 8em;
	color: #250;
}
input[type=submit]:hover
{
	background-color: #9C3;
}
#bottom
{
	text-align: center;
	padding: 1em;
}

/* Info */

#info
{
	margin-top: 2.5em;
	text-align: center;
}
#info p
{
	margin: 0.5em;
}
#links
{
	margin: 0 auto;
	margin-top: 2em;
	text-align: center;
}
#links img
{
	height: 1.8em;
}

