* {
	font-family: sans-serif;
	font-size: 10pt;
}

body, html {
	margin: 0px;
	padding:0px;
}

#main {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
}

#background_image {
	position: absolute;
	left: 0px;
	top:0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#bar_top {
	margin: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background: black;
	padding: 3px 15px 3px;
	color: #ddd;
}

#bar_top strong {
	color: white;
}

#image_copyright {
	margin: 0px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: black;
	padding: 3px 15px 3px;
	color: #ddd;
}

#image_copyright a {
	color: #ddd;
	text-decoration: underline;
}

#image_copyright a:hover {
	color: white;
}

.vcenter_outer {
	position: absolute; 
	height: 100%;
	display: table;
	width: 100%;
}

.vcenter_inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

#login_box {
	position: relative;
	padding: 15px 20px 15px;
	margin-left: 25%;
	width: 50%;
	background: url(images/black_transparent.png) repeat;
}

h1 {
	font-size: 14pt;
	color: white;
}

#login_box p {
	color: white;
	text-align: left;
	clear: both;
}

#login_box p input {
	float: right;
}

#login_box p.loginbtn {
	text-align: center;
}

#login_box p.loginbtn input {
	float: none;
}

div.error {
	position: relative;
	width: 100%;
	padding: 10px 0px 10px;
	margin: none;
	color: red;
	text-align: center;
	background: #fbb;
}