* {
	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;
}

/* Default Style for Username textbox in LogIn Form. It is moved from HTML source. Junghwan Park 2009-12-09 04:52:00 */
#username 
{
    position: absolute;
    left: 280px;
    top: 200px;
    width: 186px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    border: 1px #cccccc solid;
}

.textbox
{
    position: absolute;
    width:140px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    border: 1px #cccccc solid;
}

.textbox.valid
{
    background-color: #E3FBE9;
}

.textbox.invalid
{
    background-color: #FFF2F2;
}

.pointer
{
    cursor: pointer;
}

/* username textbox with bg. Default */
.username_yesbg 
{
	background-image : url('/images/login/id.png');
	background-repeat: no-repeat;    
}

/* username textbox w/o bg. Assigned by Javascript */
.username_nobg
{
	background-image: none;    
}

/* Default Style for Password textbox in LogIn Form. It is moved from HTML source. Junghwan Park 2009-12-09 04:52:00 */
#password {
    position: absolute; 
    left: 280px; 
    top: 223px; 
    width: 186px; 
    height: 18px; 
    margin: 0px; 
    padding: 0px; 
    border: 1px #cccccc solid;
}

/* password textbox with bg. Default */
.password_yesbg 
{
    background-image : url('/images/login/pw.png');
	background-repeat: no-repeat;
}

/* password textbox w/o bg. Assigned by Javascript */
.password_nobg 
{
    background-image: none;
}

/* scrollable root element */
#container {	
	/*border:5px solid #789;
	height:450px;
	margin:20px auto;	
	width:570px;*/
	overflow:hidden;
	position:relative;
}  

/* scrollable items */
#container .items {
	width:20000em;
	clear:both;
	position:absolute;
}

/* single item */
#container .page {	
	padding:20px 30px;
	width:500px;
	height:300px;
	float:left;	
	overflow:hidden;
	position:relative; 
}