html {
	height:100%;
}

body {
	background-color:#333333;
	color:#FFFFFF;
	height:100%;
}

* {
	margin:0;
	padding:0;
}

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-13.75em; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:27.5em;
	width:340px;
	clear:left;
}

#container div {
	float:right;
	width:340px;
	margin-left:2em;
}

#container div h2 {
	font-size:120%;
	font-weight:bold;
	text-transform:uppercase;
	margin:1em 0 0;
}

#container div h3 {
	font-size:100%;
	font-weight:bold;
	margin:.5em 0 0 .75em;
}

#container ul {
	margin-left:2em;
}

#container li span {
	font-size:70%;
}	

#container h1 {
	font-size:120%;
	padding-top:2.4em;
	margin-left:2.4em;
}

#container p {
	margin:1.5em 13.6em 1.5em 3em;
}

label {
	width:138px; 
	font-size:11px; 
	height:23px; 
	line-height:23px;
}

input {
	height:23px;
}

p#welcome-note {
	margin:30px 0 25px 0;
	padding:0;
	font-size:15px;
	color:#FFFFFF;
	text-align:center;
}

div#bottom-bar {
	background-color:#FFFFFF;
	height:4px;
	width:100%;
	margin-top:20px;
}

div.error {
	margin:10px 0 0 0 !important;
	width:300px !important;
}

#submit {
	float:right;
	border:0;
	background:0;
	width:90px;
	height:30px;
	background-image:url(/assets/vis/images/arrow_right.gif);
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	padding-left:5px;
	text-align:left;
	margin-top:0px;
}
#back {
	float:right;
	border:0;
	background:0;
	width:90px;
	height:30px;
	background-image:url(/assets/vis/images/arrow_left.gif);
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	padding-left:25px;
	text-align:left;
	margin-top:0px;
}

#login-logo {
	margin-left: 100px;
}