html, body {
	width: calc(100% - 4px);
	height: calc(100% - 8px);

	margin: 0px;
	padding: 2px;
}

body {
	font: 100% Verdana, sans-serif;
	color:hsl(180, 100%, 10%);
}

div#mainApp {
	min-height: 100%;
	height: 100%;
}
div#AdminConsole nav {
		padding: 0.5em 1em;
		margin: 0.2em 0;
	}
div#AdminConsole nav a {
			padding: 0.5em 1em;
			margin: 0 0.2em;
			color: white;
			background: hsl(89.88235294117646, 100%, 20%);
		}
div#AdminConsole nav a.active {
			background: hsl(89.88235294117646, 100%, 40%);
		}
div#AdminConsole h1 {
		font-size: 14pt;
		text-align: center;
	}
div#AdminConsole div#welcome {
		text-align: center;
		vertical-align: middle;
		border: 3px solid hsl(180, 100%, 30%);
		border-radius: 6px;
		padding: 1em 2em;
		font-size: 10pt;
		background: hsl(180, 100%, 95%);
		color: hsl(180, 100%, 10%);
	}
div#userlogin.loggedin {
	float: right;
	position: absolute;
	top: 0.4em;
	right: 1em;
}
div#userlogin.loggedin div, div#userlogin.loggedin input {
		display: inline-block;
		vertical-align: middle;
		padding: 0.5em 1em;
		margin: 0 0.2em;
		color: white;
		background: hsl(89.88235294117646, 100%, 20%);
	}
div#userlogin.loggedin input {
		border-radius: 6px;
		border: 3px solid hsl(89.88235294117646, 100%, 10%);
	}

div#userlogin.loggedout, div#userlogin.loggedout input {
	text-align: center;
	vertical-align: middle;
	font-size: 18pt;
	border-radius: 6px;
	border: 3px solid hsl(240, 100%, 10%);
	padding: 1em 2em;
	background: hsl(240, 100%, 90%);
	color: hsl(240, 100%, 10%);
}

div#userlogin.loggedout input, div#userlogin.loggedout input input {
		border: 2px solid;
		padding: 0.5em 0.5em;
		margin: 0 1em;
		background: hsl(240, 100%, 95%);
	}

div#flashmessage {
	text-align: center;
	vertical-align: middle;
	border: 3px solid;
	border-radius: 6px;
	padding: 1em 2em;
	font-size: 16pt;
}
div#flashmessage.error {
	background: hsl(0, 100%, 90%);
	border-color: hsl(0, 100%, 30%);
	color: hsl(0, 100%, 10%);
}
div#flashmessage.info {
	background: hsl(120, 100%, 90%);
	border-color: hsl(120, 100%, 30%);
	color: hsl(120, 100%, 10%);
}

div#Statistics {
	padding: 1em;
}

div#Statistics table.mStat, div#Statistics table.dStat {
		margin: 0.5em;
		border: 1px solid black;
		border-collapse: collapse;

		width: calc(100% - 1em);
		
		text-align: center;
		vertical-align: middle;
	}

div#Statistics table.mStat tr.expiry, div#Statistics table.dStat tr.expiry {
			background: #ffc0c0;
		}

div#Statistics table.mStat th, div#Statistics table.dStat th {
			border: 1px solid black; 
			font-size: 10pt;
			font-weight: bold;
			background: #ccffee;
		}

div#Statistics table.mStat td, div#Statistics table.dStat td {
			border: 1px solid black; 
			font-size: 12pt;
			font-weight: normal;
		}

div#Statistics button.statButton {
		color: white;
		background: #004d33;
		text-align: center;
		vertical-align: middle;
		padding: 1em;
		margin: 0.5em 1em;
		font-size: 12pt;
		font-weight: bold;
		width: calc(100% - 2em);
	}