/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Redefine HTML tags
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Page Layout
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div#WizMainMenu { margin: 1px 0px; padding-bottom:10px;}
div#WizMainMenu ul { list-style: none; margin: 0px; padding: 0px; font-weight:bold;}
div#WizMainMenu ul li a 
{ 
	display: block; 
	padding: 6px 10px; 
	/*background-color: #A3A3B0; */
	margin: 0px 0px 1px; 
	height: 100%; 
	border-top: 1px solid #BFBFC8; 
	border-bottom: 1px solid #82828D;
}
div#WizMainMenu ul li a:link,
div#WizMainMenu ul li a:visited { color: #FFF; text-decoration: none; }
div#WizMainMenu ul li a:hover { background-color: #BBB; color: #FFF; text-decoration: none; }

div#WizMainMenu ul li.Selected a:link,
div#WizMainMenu ul li.Selected a:visited,
div#WizMainMenu ul li.Selected a:hover { background: #005498 url(images/menu/button_blue.jpg) left center no-repeat scroll; }



div#WizMainMenu ul li a:link,
div#WizMainMenu ul li a:visited,
div#WizMainMenu ul li a:hover 
{ 
	/*background: #005498 url(images/menu/button_blue.jpg) left center no-repeat scroll; */
	background: #0166b4;
	margin: 0px; 
}

div#WizMainMenu ul li ul { list-style: none; margin: 0px; padding: 0px; font-weight: normal;  font-size: 90%; }
div#WizMainMenu ul li ul li { position: relative; height: 1%; }
div#WizMainMenu ul li ul li em { color: #666; display: block; position: absolute; left: 4px; top: 7px; width: 16px; height: 15px; padding-left: 5px; font-style: normal; background: url(images/wizard/MainMenu_grey.gif) left top no-repeat scroll; }

div#WizMainMenu ul li ul li a { display: block; padding: 6px 10px 6px 25px; text-decoration: none; background: #CCC; margin: 0px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #A3A3A3; }
div#WizMainMenu ul li ul li a:link,
div#WizMainMenu ul li ul li a:visited { color: #333; text-decoration: none; background: #CCC; }
div#WizMainMenu ul li ul li a:hover {  color: #333; text-decoration: none; background: #CCC; }

div#WizMainMenu ul li ul li.Complete em { background-image: url(images/wizard/MainMenu_tick.gif); }
div#WizMainMenu ul li ul li.Complete a:link,
div#WizMainMenu ul li ul li.Complete a:visited { color: #006600; }
div#WizMainMenu ul li ul li.Complete a:hover {  color: #006600; text-decoration: underline; background: #CCC; }


div#WizMainMenu ul li ul li.Current em { color: #FFF; background-image: url(images/wizard/MainMenu_blue.gif); }
div#WizMainMenu ul li ul li.Current a,
div#WizMainMenu ul li ul li.Current a:link,
div#WizMainMenu ul li ul li.Current a:visited { color: #003366; background: #ADCBE2; border-top-color: #C6DBEB; border-bottom-color: #8AA2B5; }
div#WizMainMenu ul li ul li.Current a:hover {  color: #333; text-decoration: underline; background: #CCC; }




/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Wizard Header
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.WizardHeader {margin-top:25px;}
div.WizardHeader { background: url(images/wizard/header_line.gif) 0px 20px repeat-x scroll; position: relative; margin-bottom: 20px; }
div.WizardHeader h1 
{ 
	border: none; 
	width: 214px; 
	padding: 0px 0px 3px 12px; 
	line-height: 42px; 
	text-align: left; 
	font-size: 120%; /* This is overridden by small, medium & large style sheets */ 
	margin: 0px; 
	background: url(images/wizard/header_bg.jpg) left top no-repeat scroll; /* This is overridden by small, medium & large style sheets */ 
	color:Black; 
}
div.WizardHeader h1 em { color: #666; font-size: 70%; font-style: normal; }
div.WizardHeader div.CirclesHolder { position: absolute; top: 0px; right: 0px; }
div.WizardHeader div.CirclesHolder div { color: #ADADAD; font-size: 90%; float: left; width: 19px; height: 32px; text-align: center; margin: 0px 0px 0px 20px; background: url(images/wizard/header_circle_grey.gif) center bottom no-repeat scroll; }
div.WizardHeader div.CirclesHolder div.Complete { color: #006600; background-image: url(images/wizard/header_circle_tick.gif); }
div.WizardHeader div.CirclesHolder div.Current { color: #003366; background-image: url(images/wizard/header_circle_blue.gif); }

/* fix IE 6 */
* html div.WizardHeader div.CirclesHolder { right: 10px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Wizard Body
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

p.WizardIntro { width: 350px; }
p.Help { font-size: 90%; background: #FFFFCC; border: 1px solid #CCC; padding: 7px; color: #666; margin: 6px; }

div.WizardBody { border: 1px solid #6396CA; background: #eee; }
div.WizardBody h2 { color: #FFF; font-size: 90%; font-weight: bold; line-height: 23px; padding: 0px 0px 2px 6px; margin: 0px; background: #0166b4; /*url(images/wizard/table_header.jpg) left top repeat-x scroll;*/ }
div.WizardBody h2 em { font-size: 80%; color: #CCC; font-style: normal; }
div.WizardBody h3 { color: #000; font-size: 100%; font-weight: bold; margin: 0px 6px; width: 579px; padding: 5px 0px 5px 6px; }

div.WizardBody table { width: 585px; font-size: 90%; margin: 0px 6px 12px; }

div.WizardBody table tr.Underline td { border-bottom: 1px solid #CCC; }

div.WizardBody table th { color: #006699; }
div.WizardBody table th,
div.WizardBody table td { padding: 2px 4px; }

div.WizardBody table td.Label { font-weight: bold; }
div.WizardBody table td.Labelde { font-weight: bolder; }
div.WizardBody table th.CheckBox,
div.WizardBody table td.CheckBox { width: 30px; padding-top: 0px; }

div.WizardBody table td.SubLabel { padding-left:10px; padding-top: 4px; font-weight: bold; color: #003366; }
div.WizardBody table td.SubLabel input { width: 200px; margin-top: 3px; font-weight: normal; }

div.WizardBody table th.Capacity,
div.WizardBody table td.Capacity { width: 120px; vertical-align: bottom; }

div.WizardBody table th.Uptake,
div.WizardBody table td.Uptake { width: 110px; vertical-align: bottom; }

div.WizardBody table td.Capacity label,
div.WizardBody table td.Uptake label { font-size: 90%; color: #999; padding-left: 4px; }

div.WizardBody table td.Capacity input,
div.WizardBody table td.Uptake input { width: 25px; text-align: right; }


div.WizardBody .formfieldhint { font-size: 90%; margin: 5px 0px 4px; padding: 0px; }

div.WizardBody h3.Darker,
div.WizardBody div.Darker,
div.WizardBody table.Darker,
div.WizardBody table tr.Darker { background: #DFE9F1; }

div.WizardBody div.FormButtons { padding: 6px; text-align: right; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Tabular Data
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*div.WizardBody table.wizdata {  border: 1px solid #CCC; }
/*table.data th, table.data td {  border: 1px solid #CCC; } can't apply border style because cells are not well formatted */
div.WizardBody table.wizdata tr th { color: #006699; font-size: 100%; font-weight: bold; padding-top:5px}
div.WizardBody table.wizdata tr.alt th {background: #DFE9F1}
div.WizardBody table.wizdata td { padding: 1px; background: #eee; }
div.WizardBody table.wizdata td.labelde { font-weight:bolder; }
div.WizardBody table.wizdata tr.alt td  { background: #DFE9F1; }
div.WizardBody table.wizdata tr.trHighlight td { background: #fefc52; }
div.WizardBody table.wizdata tr.trError td { background: #EFC3B7; }
div.WizardBody table.wizdata .blueText { color: #006699; font-size: 100%; font-weight: bold; padding-top:5px}

/*--- Other description text box */
.otherdescription {width:80%;}

div.WizJobRolesHeader { height: 73px; background-color: #F5F5F5; text-align: right; }
div.WizJobRolesHeaderEdit { height: 73px; background-color: #F5F5F5; text-align: right; padding-right:10px;}
table.WizJobRoles { border-collapse: collapse; padding: 0px; border: 1px solid #CCC; }
table.WizJobRoles thead { display: none; }
table.WizJobRoles tr.alt { background-color: #DFE9F1; }

table.WizJobRoles th.rolelabel, table.WizJobRoles td.rolelabel {width: 228px; padding: 5px;}

table.WizJobRoles th.startleaverolelabel, table.WizJobRoles td.startleaverolelabel {width: 400px; padding: 5px;}
table.WizJobRoles th.jobrolelabel, table.WizJobRoles td.jobrolelabel {width: 300px; padding: 5px;}

table.WizJobRoles th.countlabel, table.WizJobRoles td.countlabel {width: 31px; border-left:solid 1px #dddddd; padding: 5px 0px; text-align: center;}
table.WizJobRoles th.editcountlabel, table.WizJobRoles td.editcountlabel {width: 18px; border-left:solid 1px #dddddd; padding: 5px; text-align: right;}

table.WizJobRoles td.countedit {width: 24px; border-left:solid 1px #dddddd; padding: 1px; text-align: right;}
table.WizJobRoles td.actions {padding: 3px; text-align:right;}
table.WizJobRoles tr.trError td {background: #EFC3B7;}

div.formExplanation {background-color: #ffffd4; padding: 8px; padding-bottom: 12px; border: 1px solid #B7D4B6;margin-top:2px; margin-bottom:2px;}
div.formExplanation h2 {margin: 0px; color: #625f4c; padding:0px; margin-bottom: 5px; font-size: 115%; font-weight:bold;background-color: #ffffd4; }
div.formExplanation div{color: #625f4c; font-size: 90%;}

div.wizFormSectionHeader{padding:5px}



/*------------------------------------------------------------------------------------------------------------------------
--------------------------Direct Employers Wizard Style------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/

div.DEWizJobRolesHeader { height: 73px; background-color: #F5F5F5; text-align: right; }
div.DEWizJobRolesHeaderEdit { height: 73px; background-color: #F5F5F5; text-align: right; padding-right:10px;}

table.DEWizJobRoles
{
	border-collapse: collapse; 
	padding: 0px; 
	border: 1px solid #CCC;
}
table.DEWizJobRoles tr.alt 
{ 
	background-color: #DFE9F1; 
}
table.DEWizJobRoles th
{
	text-align:center;
	border-left:solid 1px #dddddd;	
	padding:5px;
}
table.DEWizJobRoles th.label
{
	text-align:left;
	border-left:solid 0px #dddddd;
	padding:5px;
}
table.DEWizJobRoles td
{
	border-bottom: solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	padding: 1px;
	text-align:center;
}
table.DEWizJobRoles td.label
{
	width: 300px; 
	border-bottom: solid 1px #dddddd;
	border-left:solid 0px #dddddd;
	text-align:left;
	font-weight:bolder;
}
table.DEWizJobRoles td.editcol
{
	width: 24px; 	
}
/*
table.DEWizJobRoles th.startleaverolelabel, table.WizJobRoles td.startleaverolelabel {width: 400px; padding: 5px;}
table.DEWizJobRoles th.jobrolelabel, table.WizJobRoles td.jobrolelabel {width: 300px; padding: 5px;}

table.DEWizJobRoles th.countlabel, table.WizJobRoles td.countlabel {width: 31px; border-left:solid 1px #dddddd; padding: 5px 0px; text-align: center;}
table.WizJobRoles th.editcountlabel, table.WizJobRoles td.editcountlabel {width: 18px; border-left:solid 1px #dddddd; padding: 5px; text-align: right;}

table.DEWizJobRoles td.countedit {width: 24px; border-left:solid 1px #dddddd; text-align: right;}
table.DEWizJobRoles td.actions {padding: 3px; text-align:right;}
table.DEWizJobRoles tr.trError td {background: #EFC3B7;}
*/