/* CSS Document */

body{
	background-image: url(images/zorplanner.png);
	background-repeat: no-repeat;
	background-position: center 100px;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper{
	position:absolute;
	top:250px;
	left:50%;
	width:658px;
	margin-left:-329px;
	background-color:#464646;
	border:solid 1px #5F5F5F;
}

#wrapper form{
	margin:0 10px 0 10px;
	float:left;
	border-right:solid 1px #6F6F6F;
	padding:0 10px 10px 0;
}

#wrapper form h2{
	margin:0;
	font-size:24px;
}

#wrapper form label{
	font-weight:bold;
	font-size:12px;
}

#wrapper form input{
	border:solid 1px #6F6F6F;
	background-color:#575757;
	color:#cccccc;
	font-size:14px;
	padding:2px;
	width:150px;
	margin-bottom:5px;
}

#wrapper form button{
	width:156px;
	border:solid 1px #6F6F6F;
	background-color:#575757;
	color:#cccccc;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}

#wrapper form div.feedback{
	border:solid 1px #9F6F6F;
	background-color:#9B5757;
	color:#cccccc;
	font-size:12px;
	width:150px;
	padding:2px;
	margin-bottom:5px;
}

#wrapper #description h1{
	margin:0;
	font-size:20px;
}

#wrapper #description h1 a, #wrapper #description p a{
	color:#cccccc;
	text-decoration:none;
}

#wrapper #description h1:hover a{
	color:#eeeeee;
	text-decoration:underline;
}

#wrapper #description h1 a:hover{
	color:#ccccff;
}

#wrapper #description p{
	margin:0 0 5px 0;
	font-size:12px;
}

#wrapper #description p a{
	text-decoration:underline;
}

#wrapper #description p a:hover{
	color:#ffffff;
}