.foo
{
}
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

.wizard_panel
{
    float:left;
}

div.wizard
{
	width: 735px;
    height: 300px;
	font-family: Tahoma;
	font-size: small;
	margin-left:5px;
	float:left;
}

div.wizard .header
{
	float: left;
	width: 75%;
	height: 5%;
	text-align: center;
	background-color: #E7B32D;
	color: White;
	font-weight: bold;
	clear:both;
	
}

div.wizard .sidebar
{
	float: left;
	width: 25%;
	height: 100%;
	background-color: #7C6F57;
}

div.wizard .sidebar a
{
	margin: 4px;
	display:block;
	text-decoration: none;
	color: White;
}

div.wizard .sidebar a.active
{
	font-weight:bold;
}

div.wizard .step
{
	clear: both;
	float: left;
	width: 75%;
	height: 100%;
	background-color: #F7F6F3;
}

div.wizard .nav
{
	clear: both;
	float: left;
	width: 75%;
	height: 5%;
	text-align:right;
	vertical-align:middle;
	background-color: #F7F6F3;
}

div.wizard .nav input[type="submit"]
{
	background-color: #F7F6F3;
	color: #5D7B9D;
	border-color: #7C6F57;
	border-style: solid;
	border-width: thin;
}