html, body {
	height:                 100%;
	background:             url("/accesscontrol/images/world.jpg") no-repeat center center fixed;
	background-size:        cover;
	overflow:               hidden;
}

.loginBase {
	position:               absolute;
	top:                    50%;
	left:                   0;
	right:                  0;
	height:                 200px;
	margin-top:             -100px;
	border-top:             1px solid #000000;
	border-bottom:          1px solid #000000;
	background:             linear-gradient(to right, #000000 0%, #444444 70%, transparent 100%);
	opacity:                0.8;
}

.loginForm {
	position:               absolute;
	display:                table;
	top:                    50%;
	left:                   50%;
	height:                 180px;
	width:                  300px;
	margin-top:             -90px;
	margin-left:            -150px;
}

.loginFormContent {
	display:                table-cell;
	height:                 180px;
	vertical-align:         middle;
	color:                  #ffffff;
	font:                   14pt sans-serif;
	padding:                2pt;
}

.inputRow {
	margin-bottom:          8pt;
}

.inputLabel {
	display:                inline-block;
	min-width:              130px;
	text-align:             right;
	margin-right:           8pt;
}

.inputElement {
	display:                inline-block;
}

.fieldInput {
	outline:                none;
	width:                  130px;
	font:                   14pt sans-serif;
	background:             #444444;
	color:                  #ffffff;
	border:                 1px solid #888888;
	padding-left:           4pt;
}

.loginButton {
	text-align:             center;
}

.authenticate {
	border:                 1px solid #444444;
	border-radius:          3px;
	font:                   14pt sans-serif;
	background:             linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	outline:                none;
	margin-left:            20pt;
	margin-top:             8pt;
	padding:                0 8pt 0 8pt;
}

.authenticate:hover {
	background:             linear-gradient(to top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
}

.logo {
	position:               absolute;
	top:                    20px;
	left:                   20px;
	width:                  300px;
	height:                 76px;
	background:             url("/accesscontrol/images/logo.png") no-repeat;
	filter:                 drop-shadow(3px 3px 3px rgba(0, 0, 100, 0.5));
}

.version {
	position:               absolute;
	bottom:                 4px;
	right:                  4px;
	color:                  #444444;
	font:                   10pt sans-serif;
}

.pleaseWait {
	position:               absolute;
	top:                    50%;
	left:                   50%;
	font:                   14pt sans-serif;
	color:                  #ffffff;
	margin-top:             -90px;
	margin-left:            -50px;
}