/*
ZVZ Wizard
------------------------------------------------------------------
*/

.wizard
{ border: 1px solid #97c0e2; margin-top: 20px; }

* html .wizard
{ background-color: #dceff9; overflow: hidden; width: 746px; }

	.wizard_steps
	{ list-style-type: none; margin: 0; overflow: hidden; }

	* html .wizard_steps
	{ background-color: #fff; height: 1px; overflow: visible; }

		.wizard_steps li
		{ background: transparent url("") 50% 3px no-repeat !important; border-bottom: 1px solid #97c0e2; border-left: 0 !important; border-right: 1px solid #97c0e2; display: block; float: left; min-height: 10px; overflow: hidden; padding: 0 !important; text-align: center; white-space: nowrap; }

		.wizard_steps li.step1
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step1.gif") !important; }

		.wizard_steps li.step1_disabled
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step1_disabled.gif") !important; }

		.wizard_steps li.step1_active
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step1_active.gif") !important; }

		.wizard_steps li.step2
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step2.gif") !important; }

		.wizard_steps li.step2_disabled
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step2_disabled.gif") !important; }

		.wizard_steps li.step2_active
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step2_active.gif") !important; }

		.wizard_steps li.step3
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step3.gif") !important; }

		.wizard_steps li.step3_disabled
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step3_disabled.gif") !important; }

		.wizard_steps li.step3_active
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step3_active.gif") !important; }

		.wizard_steps li.step4
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step4.gif") !important; }

		.wizard_steps li.step4_disabled
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step4_disabled.gif") !important; }

		.wizard_steps li.step4_active
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step4_active.gif") !important; }

		.wizard_steps li.step5
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step5.gif") !important; }

		.wizard_steps li.step5_disabled
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step5_disabled.gif") !important; }

		.wizard_steps li.step5_active
		{ background-image: url("/frontend/controls/ZVZ_Wizard/images/bg_step5_active.gif") !important; }

		.wizard_steps li.step1_active,
		.wizard_steps li.step2_active,
		.wizard_steps li.step3_active,
		.wizard_steps li.step4_active,
		.wizard_steps li.step5_active
		{ background-color: #dceff9 !important; border-bottom: 1px solid #dceff9; color: #e40308; padding: 20px 0 5px 0 !important; }

		.wizard_steps li.step1_disabled,
		.wizard_steps li.step2_disabled,
		.wizard_steps li.step3_disabled,
		.wizard_steps li.step4_disabled,
		.wizard_steps li.step5_disabled
		{ color: #c8d4db; padding: 20px 0 5px 0 !important; }

		.wizard_steps li.last
		{ border-right: 0; }

		.wizard_steps.onestep li
		{ width: 100%; }

		.wizard_steps.twostep li
		{ width: 50%; }

		.wizard_steps.twostep li.last
		{ width: 393px; }

		* html .wizard_steps.twostep li.last
		{ width: 372px; }

		.wizard_steps.threestep li
		{ width: 33%; }

		.wizard_steps.threestep li.last
		{ width: 265px; }

		* html .wizard_steps.threestep li.last
		{ width: 252px; }

		.wizard_steps.fourstep li
		{ width: 25%; }

		.wizard_steps.fourstep li.last
		{ width: 182px; }

		* html .wizard_steps.fourstep li.last
		{ width: 181px; }

		* + html .wizard_steps.fourstep li.last
		{ width: 181px; }

		.wizard_steps.fivestep li
		{ width: 20%; }

		.wizard_steps.fivestep li.last
		{ width: 153px; }

		* html .wizard_steps.fivestep li.last
		{ width: 146px; }

		* + html .wizard_steps.fivestep li.last
		{ width: 152px; }

			.wizard_steps li a
			{ display: block; height: auto; padding: 20px 0 5px 0; text-align: center; }

	.wizard_step
	{ background-color: #dceff9; padding: 10px 0; }

	* + html .wizard_step
	{ margin-bottom: -10px; }

		.wizard_step h4
		{ margin-left: 10px; }

		.wizard_step p
		{ margin: 10px; }

		.wizard_step ul
		{ margin-left: 24px; }

		.wizard_content
		{ min-height: 100px; }

		* html .wizard_content
		{ height: 100px; }

		.wizard_navigation
		{ border: 0; clear: both; padding: 0 10px 5px 0; text-align: right; }

			.wizard_navigation input
			{ border: 0; cursor: pointer; font-family: Verdana; font-size: 90%; font-weight: bold; }

			.wizard_navigation .previous
			{ background: #c4dcf3 url("/frontend/controls/ZVZ_Wizard/images/previous.gif") 0 50% no-repeat; color: #000; margin-right: 5px; padding: 2px 4px 2px 8px; }

			.wizard_navigation .next
			{ background: #c00 url("/frontend/controls/ZVZ_Wizard/images/next.gif") 100% 50% no-repeat; color: #fff; padding: 2px 8px 2px 4px; }

			.wizard_navigation .show
			{ background-color: #c00; color: #fff; padding: 2px 4px 2px 4px; }