div.Form
{
	width: 800px;
	/*border: 1px solid black;*/
	/*	overflow: auto;*/
	font-family: Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	background-color: #fff;
	/*height: 0px;*/
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	margin: auto;	
	padding: 0px;
	
}
/* testing by cb. */
.WizardStep 
{
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
}
/*
div.Form ul.UnJustified, div.FormWizard ul.UnJustified
{
}

div.Form ul.UnJustified li, div.FormWizard ul.UnJustified li
{
	width: 100%;
	float: left;
	text-align: left;
	clear: both;
}
div.Form ul.UnJustified li span.Control
{
}

div.Form ul.UnJustified li span.Label
{
}
*/
/*********************************************************
				START DEPRECTED STYLES
**********************************************************/
/**
	Standard center justified form controls
*/
div.Form ul, div.FormWizard ul
{
	list-style: none;
	width: 49%;
	margin: auto;
	padding-bottom: 20px;
}

div.Form ul li
{
	clear: right;
	
}
div.Form ul li span.Control
{
}

 div.Form ul li span.Label
 {

	float: left;
	width: 33%;
	text-align: left;

 }


 div.FormWizard ul li
 {
	/*border: 1px solid magenta;*/
 }

div.FormWizard ul li span.Label
{
	width: 45%;
	text-align: left;

}

div.FormWizard ul li span.Control
{
	margin-right: 25px;
	float: right;
	text-align: left;
}
/**
	Left column controls
*/
div.Form ul.LeftColumn, div.FormWizard ul.LeftColumn
{
	list-style: none;
	float: left;
	width: 40%;
	clear: both;
}

div.Form ul.LeftColumn li span.Label
{
	float: left;
	text-align: right;
	width: 40%;
}

div.Form ul.LeftColumn li span.Control
{
	
	float: right;
	text-align: left;
	width: 59%;
}
/**
	Right column controls
*/
div.Form ul.RightColumn, div.FormWizard ul.RightColumn
{
	list-style: none;
	float: right;
	width: 49%;
	clear: both;
}

/**
	Centered control lists
*/
div.Form ul.Centered li, div.FormWizard ul.Centered li
{
	clear: both;
	width: 90%;
}

div.Form ul.Centered li span.Label, div.FormWizard ul.Centered li span.Label
{
	float: left;
	text-align: right;
	width: 49%;
}

div.Form ul.Centered li span.Control, div.FormWizard ul.Centered li span.Control
{
	float: right;
	text-align: left;
	width: 50%;
}


/**
	Form headers
		h1: Header for the entire form
		h2: Why did I write this?
		h3: Section headers
*/
div.Form h1
{
	width: 100%;
	color: Red;
	font-size: large;
	font-weight: bold;
	clear: both;
	float: left;
}

/*
div.Form h2
{
	width: 100%;
	color: Red;
	font-size: small;
	font-weight: bold;
	padding-left: 1em;
	font-family: Arial;
	clear: both;
	float: left;
}
*/

div.Form h3, div.FormWizard h3
{
	
	width: 100%;
	color: White;
	background-color: 	#666;
	font-size: 0.9em;
	font-family: Verdana;
	float: left;
	clear: both;
	padding-left: 1px;
	padding-top: 1px; 
	padding-bottom: 1px;
	margin: auto;	
	
}

div.Form h4
{
	width: 100%;
	clear: both;
	font-weight: bold;
	font-size: small;
	float: left;
}

h6
{
	float: left;
	margin-left: 15px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
	margin-top: 0px;
}

span.Label img
{
	float: right;
}
/*********************************************************
				END DEPRECTED STYLES
**********************************************************/
 .Required
{
	background-color:	#FFF8C6;
}


/**
	Form headers
		h1: Header for the entire form
		h2: Why did I write this?
		h3: Section headers
*/
div.FormWizard h1
{
	width: 100%;
	color: Red;
	font-size: large;
	font-weight: bold;
}

/*
div.FormWizard h2
{
	width: 100%;
	color: Red;
	font-size: small;
	font-weight: bold;
	padding-left: 1em;
	font-family: Arial;
}
*/

/**
	Styles for job reciepts, user profile updates etc.
*/

table.Verify
{
	border: 1px solid black;
	background-color:#dddddd;
	font-family:Arial;
	font-size:9pt;
	clear: both;
	border-collapse:separate; /* Release 2.12 wizard automatically collapse border in several browsers */
}
table.Verify td.LabelDark
{
	background-color:#666666;
	color:#ffffff;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;
}

table.Verify td.Label
{
	width: 25%;
	padding-right: 5px;
	background-color: #dddddd;
	font-weight:bold;
	font-size: 12px;
	padding-left: 20px;
}

table.Verify td.Value
{
	
	width: 24%;
	background-color: #fff;
	
}

.HiddenSideBar
{
	display: none;
}

.StepLink
{
	font-weight: normal;
	color: blue;
}

.ActiveStep
{
	font-weight: bold;
	/*color: red;*/
	color: gray;
}

.NoResults
{
	color: Red;
}

h5.breadcrumbs
{
	text-align: center;
}

/************************************************
**
**	These are the styles that Task 5.0 forced.
**  They replace all of the ul and li styles about
**  The UL and LI are left for legacy purposes
**
*************************************************/

div.Form div.InputSection
{
	/*border: 1px solid green;*/
	width: 800px;
	margin: auto;
	/*table-layout: fixed;*/
}

div.Form div.InputSection div.VerticalSpacer
{
	height: 20px;
}

div.Form div.InputSection div
{
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.Form div.InputSection div span.SectionHeader
{
	text-align: left;
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
	float: left;
	margin-left: 20px;
	margin-right: -20px;
}

div.Form div.InputSection div span.Label
{
	float: left;
	width: 175px;
	margin-left: 200px;
}

div.Form div.InputSection div span.Control
{
	float: left;
	text-align: right;
}

/* Release 2.12 */
div.FixFloat
{

}