/* WIZARD STEPS */

div#wizardsteps {
	margin: 0 auto;
	padding-bottom: 40px;
}

div#wizardsteps ul#steps {
	list-style-type: none;
	margin: 0 auto;
}

div#wizardsteps ul#steps li {
	float: left;
	margin: 0;
}

div#wizardsteps ul#steps li a span {
	display: none;
}

div#wizardsteps ul#steps li a {
	display: block;
	height: 123px;
}

/* BACKGROUNDS FOR LIs TO FINISH */

div#wizardsteps ul#steps li#on_create {	
	width: 192px;
	background: url(/assets/images/wizard_pro_01_on.gif) no-repeat bottom left; }
div#wizardsteps ul#steps li#tofinish_vital {
	width: 193px;
	background: url(/assets/images/wizard_pro_02_over.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#tofinish_history {
	width: 192px;
	background: url(/assets/images/wizard_pro_03_over.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#tofinish_thankyou {
	width: 383px;
	background: url(/assets/images/wizard_pro_04_over.gif) no-repeat bottom left;
}
div.clientwizard ul#steps li#tofinish_thankyou {
	width: 191px !important;
	background: url(/assets/images/wizard_client_03_over.gif) no-repeat bottom left !important;
}

/* BACKGROUNDS FOR FINISHED LIs */

div#wizardsteps ul#steps li#finished_create {	
	width: 192px;
	background: url(/assets/images/wizard_pro_01_finished_over.gif) no-repeat bottom left; }
div#wizardsteps ul#steps li#finished_vital {
	width: 193px;
	background: url(/assets/images/wizard_pro_02_finished_over.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#finished_history {
	width: 192px;
	background: url(/assets/images/wizard_pro_03_finished_over.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#finished_thankyou {
	width: 383px;
	background: url(/assets/images/wizard_pro_04_finished_over.gif) no-repeat bottom left;
}

div.clientwizard ul#steps li#finished_thankyou {
	width: 191px !important;
	background: url(/assets/images/wizard_client_03_finished_over.gif) no-repeat bottom left !important;
}

/* BACKGROUNDS FOR ON-STATE LIs */
div#wizardsteps ul#steps li#on_create a.on, div#wizardsteps ul#steps li#on_create a.on:hover, div#wizardsteps ul#steps li#finished_create a.on, div#wizardsteps ul#steps li#finished_create a.on:hover {
	width: 192px;
	background: url(/assets/images/wizard_pro_01_on.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#on_vital a.on, div#wizardsteps ul#steps li#on_vital a.on:hover {
	width: 193px;
	background: url(/assets/images/wizard_pro_02_on.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#on_history a.on, div#wizardsteps ul#steps li#on_history a.on:hover {
	width: 192px;
	background: url(/assets/images/wizard_pro_03_on.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#on_thankyou a.on, div#wizardsteps ul#steps li#on_thankyou a.on:hover {
	width: 383px;
	background: url(/assets/images/wizard_pro_04_on.gif) no-repeat bottom left;
}

div.clientwizard ul#steps li#on_thankyou a.on, div.clientwizard ul#steps li#on_thankyou a.on:hover {
	width: 191px !important;
	background: url(/assets/images/wizard_client_03_on.gif) no-repeat bottom left !important;
}



/* BACKGROUNDS FOR LI's TO FINISH */

div#wizardsteps ul#steps li#tofinish_vital a {
	width: 193px;
	background: url(/assets/images/wizard_pro_02.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#tofinish_vital a:hover {
	width: 193px;
	background: none;
}

div#wizardsteps ul#steps li#tofinish_history a {
	width: 192px;
	background: url(/assets/images/wizard_pro_03.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#tofinish_history a:hover {
	width: 192px;
	background: none;
}
div#wizardsteps ul#steps li#tofinish_thankyou a {
	width: 383px;
	background: url(/assets/images/wizard_pro_04.gif) no-repeat bottom left;
}
div#wizardsteps ul#steps li#tofinish_thankyou a:hover {
	width: 383px;
	background: none;
}

div.clientwizard ul#steps li#tofinish_thankyou a {
	width: 191px !important;
	background: url(/assets/images/wizard_client_03.gif) no-repeat bottom left !important;
}
div.clientwizard ul#steps li#tofinish_thankyou a:hover {
	width: 191px !important;
	background: none !important;
}

div.clientwizard ul#steps li#spaceholder {
	width: 384px;
	height: 123px;
	background: url(/assets/images/wizard_client_spaceholder.gif) no-repeat bottom left;
}

/* BACKGROUNDS FOR FINISHED LINKS */

div#wizardsteps ul#steps li#finished_create a.finished {
	width: 192px;
	background: url(/assets/images/wizard_pro_01_finished.gif) no-repeat bottom left;
}

div#wizardsteps ul#steps li#finished_create a.finished:hover {
	width: 192px;
	background: none;
}

div#wizardsteps ul#steps li#finished_vital a.finished {
	width: 193px;
	background: url(/assets/images/wizard_pro_02_finished.gif) no-repeat bottom left;
}

div#wizardsteps ul#steps li#finished_vital a.finished:hover {
	width: 193px;
	background: none;
}

div#wizardsteps ul#steps li#finished_history a.finished {
	width: 192px;
	background: url(/assets/images/wizard_pro_03_finished.gif) no-repeat bottom left;
}

div#wizardsteps ul#steps li#finished_history a.finished:hover {
	width: 192px;
	background: none;
}