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

/* Top panel */
div.wizard
{
    height: 250px;
    width: 700px;        
}

/* Header panel */
div.wizard .header
{
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 20px 0;	
	color: #EC5004;
}

/* Sidebar panel */
div.wizard .sidebar
{
	float: left;
	width: 25%;
	border: solid 1px #D4D4D4;
    padding: 8px 8px 8px 8px;
    margin: 0 15px 15px 0;
    background-color: #c4eac9;
    background-image: url(/Images/Backgrounds/secondaryNavBg.gif);
    background-repeat: repeat-x;
}

/* Links in the sidebar */
div.wizard .sidebar a
{
	margin: 0 0 7px 0;
	display: block;
	padding: 0 5px 0 0;
	text-decoration: none;
	cursor: default;
	color: #3E864C;
}

/* Datalist table in the sidebar */
div.wizard .sidebar table
{
    width: 100%;
}

/* Selected datalist item in the sidebar */
div.wizard td.AspNet-DataList-SelectedItem
{
	font-weight: bold;
	background-position: right 2px;
    background-image: url(/Images/Icons/secondaryNavArrow.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: default;
}

/* Active sidebar link */
div.wizard .sidebar a.active
{
	font-weight: bold;
	background-position: right 2px;
    background-image: url(/Images/Icons/secondaryNavArrow.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: default;    
}

/* Step panel */
div.wizard .step
{
	float: left;
	margin: 0 0 15px 0;
	width: 70%;
}

/* P element in the step panel */
div.wizard .step p
{
    margin: 0 0 10px 0;
}

/* Step value title */
div.wizard .step .valueTitle
{    
    font-weight: bold;
}

/* Unordered list in the step */
div.wizard .step ul
{
    margin: 15px 0 15px 0;
}

/* Navigation panel */
div.wizard .nav
{
	clear: both;
	margin: 0 0 0 30%;
}