body {
	background : #112232;
	color : #A5AEAE;
	padding : 0;
	margin : 5px 0 0 0;
	width : 100vw;
	height : 100vh;
	overflow : hidden;
}

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

#imgdiv {
	text-align: center;
	margin : 5px;
	width: 100%;
}

#container:before {
	content: '\200B';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#container {
	text-align: center;
	white-space: nowrap;
	height: 100%;
}

#content {
/*
	left : 50%;
	position : absolute;
	top : 25%;
*/
	padding : 30px;
	background : #111111;
	border : #2C2C2C;
	color : #FFFFFF;
	width : 750px;
/*	margin-left : -375px; */
	display: inline-block;
	vertical-align: middle;
}

form {
	margin-top : 5%;
}

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

#form-table
{
	width: 100%;
/*	text-align: left; */
}

input {
	display : inline-block;
	width : 100%;
	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;
	left: 20%;
	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 : 1;
	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;
*/
}

#logout {
	opacity : 1;
	text-align : center;
	background: linear-gradient(to bottom, #35AA14 0%, #14A820 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #14A820;
	border-radius: 4px;
	box-shadow: 0 0 3px #35AA14;
	padding : 4px;
/*
	transition: opacity 0.5s ease-in;
*/
}

/*
#error.show {
	opacity : 1;
}
*/

#description
{
	margin-top: 2px !important;
	border-bottom: 0px !important;
}

@media screen and (orientation:portrait) { 
	body {
		font-size: 20pt;
	}
		

	label {
		font-size: inherit;
	}
	
	input[type=submit] {
		font-size: 20pt;
	}
	
	#container {
		height: 80%;	
	}

	* {
		max-height: 10000px;
	}
}