* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	background-color: #f0f0f0;
	color: #630;
	font: 100.01%/1.4 sans-serif;
	text-align: center; /* horizontal centering for IE Win quirks */
}
img {
	position:absolute;	
}
#distance {
	width: 1px;
	height: 50%;
	background-color: #fc6;
	margin-bottom: -170px; /* half of container's height */
	float: left;
}
#container {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	height: 340px;
	width: 550px;
	clear: left;
	background-color: #ffffff;
	border: 3px solid #f0f0f0;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;
}
#username {
	background-image : url('/images/login/id.png');
	background-repeat: no-repeat;
}
#password {
	background-image : url('/images/login/pw.png');
	background-repeat: no-repeat;
}
#password:focus {
	background-image: none;
}
#username:focus {
	background-image: none;
}