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

div.wizard
{
	width: 100%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

div.wizard .header
{
	float: right;
	width: 100%;
	height: 5%;
	text-align: center;
		color: White;
	font-weight: bold;
}
/*

div.wizard .sidebar
{
	
	width: 100%;
	height: 29px;
	background-color: #7C6F57;
}
div.wizard .sidebar ul
{
	
   width: 8em;
    top: 100%;
    left: 0;
}
div.wizard .sidebar ul li
{
	
   width: 6em;
    top: 100%;
    left: 0;
}
div.wizard .sidebar span
{
   width: 160px; 
   display:inline-block;
    top: 100%;
    left: 0;
     background-color:Navy;
}
div.wizard .sidebar a
{
	text-decoration: none;
	color: White;
	vertical-align:middle;
	padding:6px;
	width: 120px;
   display:inline-block;
}

div.wizard .sidebar a.next
{
	text-decoration: none;
	color: White;
	background-color:Gray;
}
div.wizard .sidebar a.previous
{
	text-decoration: none;
	color: White;
	background-color: Green;
}

div.wizard .sidebar a.active
{
	font-weight:bold;
	background-color:Teal;
}*/

div.wizard .step
{
	width: 100%;
	height: 90%;
	
}

div.wizard .nav
{
	clear: right;
	float: right;
	width: 100%;
	height: 5%;
	text-align:right;
	vertical-align:middle;

}

div.wizard .nav input[type="submit"]
{

}