* {margin:0; padding:0;}
html, body {width:100%; height:100%; font:100% verdana;}
img {border:none;}



#outer {
	position:relative;
	width:100%; height:100%;
	min-width:800px;
	min-height:500px;
}
* html #outer {
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 800 ? "800px" : "100%");
	height:expression((document.documentElement.clientHeight || document.body.clientHeight) < 500 ? "500px" : "100%");
}
#sky {
	position:absolute;
	top:0; left:0;
	width:100%; height:80%;
	max-height:686px;
	background: url(http://img.dirty.ru/lepro/login/sky.jpg) repeat-x 50% 100%;
}
* html #sky {
	height:expression((document.documentElement.clientHeight || document.body.clientHeight) > 857 ? "686px" : "80%");
}
#futurico {
	position:absolute;
	bottom:0;
	right:10px;
}
#futurico a {
	display:block;
	position:relative;
	cursor:pointer;
	cursor:hand;
	width:48px;
	height:36px;
	margin:10px 0 20px 80px;
}
#futurico a img {
	width:48px;
	height:36px;
	background:url(http://img.dirty.ru/lepro/logo-grey.gif) no-repeat 0 0;
}
#futurico a:hover img {
	background:url(http://img.dirty.ru/lepro/logo-blue.gif) no-repeat 0 0;
}

#outer_table {width:100%; height:100%; border-collapse:collapse; position:relative}
#outer_table td {vertical-align:middle; text-align:center;}

#content {width:70%; margin:0 auto; background:#fff; font-size:0.9em; text-align:left; padding:20px;}
#content h2 {font-size:1.4em; font-weight:normal; color:#326dd5; margin-bottom:1em;}
#content p {margin-bottom:1em;}
#content label {font-weight:bold;}

form input {
	background:#f6efd2;
	border:1px solid #e9e9e9;
	border-top-color:#ccc;
	font-size:2em;
	padding:3px;
	color:#000;
	vertical-align:middle;
}

form input.image {
	background:none;
	border:none;
	position:relative;
	top:-2px;
	padding:0;
	margin:0;
}

form div {float:left; width:40%; margin:0 40px 1em 0;}
* html form div {display:inline;}

form div input {width:100%;}

.error {color:#f00;}
.done {color:#000;}