/*
Design by Elvis Sonatha
color prev: #b0232a
color step: #b0b1b3
*/
#page-wrap { 
	width: 600px;
	margin: 40px auto 10px auto;
	overflow: hidden;
}
#login-form,
input[type=text],
input[type=submit],
input[type=password],
select,
.prev, .next {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px;
}
#login-form {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#000000));
	background-image: -webkit-linear-gradient(top, #999999, #000000);
	background-image:    -moz-linear-gradient(top, #999999, #000000);
	background-image:     -ms-linear-gradient(top, #999999, #000000);
	background-image:      -o-linear-gradient(top, #999999, #000000);
	border:1px solid #424242;
	margin-bottom:20px;
	padding:10px;
}
#login-form fieldset { width:570px; }
#login-form .simple { float:left; margin-right:10px; width:250px; }
#login-form .simple input[type=text], #login-form .simple input[type=password] { width:150px; }
#reg-form .simple { margin:10px 0; }
#reg-form .simple label { float:left; width:70px; }
input[type=text], input[type=password], select { padding:5px; border:1px solid #424242; }
input[type=submit], input[type=button] { border:1px solid #ccc; cursor:pointer; padding:5px; }
input[type=submit]:hover, input[type=button]:hover { background:#333; color:#fff; }
.hidden {
	position:absolute;
	left:-999em;
	top:-999em;
	width:1%;
}
h1 {
	font-size: 36px;
	font-style:italic;
	font-weight:bold;
	color: white;
	margin: 0 0 15px 0; 
	text-shadow: #000 0px 1px 3px;
}
h1 span	{ color: #1f8cc5; }
h3 { 
	font-size: 18px; 
	letter-spacing: -1px;
	margin: 0 0 5px 0; 
}
#SignupForm {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#000000));
	background-image: -webkit-linear-gradient(top, #999999, #000000);
	background-image:    -moz-linear-gradient(top, #999999, #000000);
	background-image:     -ms-linear-gradient(top, #999999, #000000);
	background-image:      -o-linear-gradient(top, #999999, #000000);
  border:1px solid #424242;
  padding:20px;
}
#main { width:960px; margin: 0px auto; border:solid 1px #b2b3b5; -moz-border-radius:10px; padding:20px; background-color:#f6f6f6; }
#header { text-align:center; border-bottom:solid 1px #b2b3b5; margin: 0 0 20px 0; }
fieldset { border:none; width:320px; }
legend { font-size:18px; margin:0px; padding:10px 0px; color:#fff; font-weight:bold; }
#SignupForm label { float:left; margin:5px 0; width:100px; }
#SignupForm .simple { margin:10px 0; width:570px; }
input[type=text], input[type=password] { width:300px; padding:5px; border:solid 1px #424242; }
.prev, .next { background-color:#b0232a url(../images/back.jpg) left top repeat-x; padding:5px 10px; color:#fff; text-decoration:none; }
.prev:hover, .next:hover {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#333333));
	background-image: -webkit-linear-gradient(top, #000000, #333333);
	background-image:    -moz-linear-gradient(top, #000000, #333333);
	background-image:     -ms-linear-gradient(top, #000000, #333333);
	background-image:      -o-linear-gradient(top, #000000, #333333);
  text-decoration:none;
}
.prev, .next { border:1px solid #333; }
.prev { float:left; }
.next { float:right; }
#steps {
	background-color: #121212;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#333333));
	background-image: -webkit-linear-gradient(top, #000000, #333333);
	background-image:    -moz-linear-gradient(top, #000000, #333333);
	background-image:     -ms-linear-gradient(top, #000000, #333333);
	background-image:      -o-linear-gradient(top, #000000, #333333);
  border:1px solid #424242;
  list-style:none;
  width:598px;
  overflow:hidden;
  margin:0px;
  padding:0px;
	-moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
#steps li {font-size:24px; font-weight:bold; float:left; padding:20px; color:#666; }
#steps li span {font-size:11px; display:block; }
#steps li.current { color:#ccc; text-shadow:0px 1px 0px #000; }
#makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px; }
#makeWizard:hover { background-color:#000; }