body
{
	background-color: #D1DFF3;
}
div#login-wrapper
{
	background-color:#fff;
	border:1px solid #ccc;
	height:375px;
	left:50%;
	margin-left:-425px;
	margin-top:-215px;
	position:absolute;
	top:50%;
	width:800px;
	padding: 15px;
}
* html #login-wrapper
{
	height:415px;
}

div#leftUpperBox
{
	height: 30%;
	width: 60%;
	background: #fff url(login_logo.gif) no-repeat scroll 0;
	float: left;
}

div#leftLowerBox
{
	height: 70%;
	width: 60%;
	background: #fff url(login_pic.jpg) no-repeat scroll 0;
	float: left;
	padding: 5px;
}
* html #leftLowerBox
{
	width: 63%;
}

div#signInBox
{
	float: right;
	width: 38%;
	font-family: arial, verdana;
	font-size: 0.8em;
	background: #fff url(login_welcome.gif) no-repeat scroll 62% 0;
	margin-top: 20px;
}
#signInBox form
{
	padding: 50px 0 0;
}
#signInBox div#error
{
	color:#FF0000;
	padding: 10px 20px 0 50px;
	float: left;
	margin: 5px;
}
#signInBox label
{
	display:block;
	text-align:right;
	width:100px;
	float:left;
	color: #666;
}
#signInBox input
{
	float: left;
	border: solid 1px #666;
	width: 170px;
	margin: -2px 0 20px 10px;
	font-family: arial, verdana;
	height: 20px;
	color: #666;
}
#signInBox input.button
{
	background: url(login_button.gif) no-repeat;
	border: none;
	width: 50px;
	height: 20px;
	margin-left:110px;
	font-family: verdana,tahoma,arial;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
}