#signup-form
{
	position: relative;

}

#steps
{
	list-style-type: none;
	margin:0 0 20px;padding:0;
	text-align:censter;
}
#steps .title
{
	font-size: 3em;
	position: relative;
	top:5px;
	margin-right:30px;
	
	color:#000;
}
#steps li
{
	display:inline;
	font-size: 1.2em;
	font-weight:bold;
	margin-right: 15px;
	color:#888;
}
#steps li.current
{
	color:#000;
}
#steps li img
{
	vertical-align:middle;
}


.formsection
{
	padding:20px;
	background-color:#ddf;
	margin:0 0 30px 0;
	
	position: relative;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 1px 2px 1.2em #666;
	-webkit-box-shadow: 1px 2px 1.2em #666;
	box-shadow: 1px 2px 1.2em #666;
}
.submitsection
{
	background-color:#112;
	padding:10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.formsection input
{
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	letter-spacing:100%;
	padding:6px;
}
.formsection select
{
	width:300px;
}
.formsection textarea
{
	height:4em;
}

.formsection p, #url-field
{
	margin-bottom:1.2em;
}
.formsection p.bottom
{
	margin-bottom:0em;
}

#url-field
{
	position:relative;
}
#url-field input
{
	padding-left:62px;
}
#pre-url
{
	position:absolute;
	font-family: monaco,"Lucida Console",courier,monospace;
	top:6px;
	left: 5px;
	letter-spacing:-1px;
	
	font-size:1.2em;
	font-weight: bold;
}

#signup-form #preview
{
	position: fixed;

}
#explain-plans img
{
	padding:5px;
}