body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;  
}
#log-wrapper {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 240px;
	/*background: #999;*/
	background: #D8D8D8;
	background: linear-gradient(top,  #E2E2E2 0%, #C9C9C9 55%);
	background: -moz-linear-gradient(top, #E2E2E28 0%, #C9C9C9 55%);
	background: -webkit-linear-gradient(top, #E2E2E2 0%,#C9C9C9 55%);
	padding: 30px;
	border-radius: 5px;
}
#log-wrapper h2{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	margin-top: -8px;
	border-bottom: 1px solid #FFFFFF;
}
#log-wrapper input[type=text] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	background: #E1E1E1;
	border-radius: 3px;
}
#log-wrapper input[type=password] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	background:  #E1E1E1;
	border-radius: 3px;
}
#log-wrapper #submit-btn {
	border: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;
	padding: 4px;
	background: #E2E2E2;
	border-radius: 3px;
	color: #333;
}
#output{
	color: #F00;  
	padding: 1px;
	font-size: 12px;
}

/* prograss bar */
#progressbox {
	border: 1px solid #CAF2FF;
	padding: 1px; 
	position:relative;
	width:400px;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;
}
#progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #CAF2FF;
	width:1%;
}
#statustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #FFFFFF;
}

/* CSS Document */