.wizardprogress
{ padding-bottom: 20px; font-size: 90%; }

	.wizardprogress h3
	{ font-size: 150%; padding: 5px; background-color: #BD220D; color: #FFF; margin-bottom: 0; }

	.medischeinformatie .wizardprogress h3
	{ background-color: #8b3; color: #fff; }

	.zorgverleners .wizardprogress h3
	{ background-color: #00a0e2; color: #fff; }

	.zorgverzekeringen .wizardprogress h3
	{ background-color: #00a0e2; color: #fff; }

	.wizardprogress ol
	{ list-style-type: none; margin: 0; }

	.medischeinformatie .wizardprogress ol
	{ background-color: #FFF; /*#a0c85a;*/ }

	.zorgverleners .wizardprogress ol,
	.zorgverzekeringen .wizardprogress ol
	{ background-color: #FFF; /*#33b3e8;*/ }

	 	.wizardprogress ol li
	 	{ position: relative; background: transparent url("/frontend_20/controls/wizardprogress/img/arrow.gif") 4% 0 no-repeat; border: 1px solid #000; border-top: none; color: #000; line-height: 100%; padding: 7px 5px 0 5px; }

	 	.zorgverleners .wizardprogress ol li,
	 	.zorgverzekeringen .wizardprogress ol li
	 	{ position: relative; min-height: 26px; background: transparent url("/frontend_20/controls/wizardprogress/img/arrow.gif") 4% 0 no-repeat; border: 1px solid #00A0E2; border-top: none; color: #000; line-height: 100%; padding: 7px 5px 0 5px; }

	 	.zorgverleners .wizardprogress ol li li,
	 	.zorgverzekeringen .wizardprogress ol li li {
	 	 border: none;
	 	 padding: 0;
	 	 margin: 5px;
	 	}

	 	.zorgverzekeringen .wizardprogress dd li
	 	{ border: none; }

	 	.medischeinformatie  .wizardprogress ol li
	 	{ position: relative; background: transparent url("/frontend_20/controls/wizardprogress/img/arrow.gif") 4% 0 no-repeat; border: none; border-top: 1px solid #FFF; color: #000; line-height: 100%; overflow: hidden; padding: 7px 5px 20px 5px; }


	 	* html .wizardprogress ol li
	 	{ height: 1px; overflow: visible; }

	 	.wizardprogress ol li.first
	 	{ background: none; }

	 	.wizardprogress ol li.done
	 	{}

	 	.wizardprogress ol li.current
	 	{ color: #BD220D; font-weight: bold; font-size: 110%;}

		.medischeinformatie .wizardprogress ol li.current
		 { background-color: #a0c85a; color: #FFF; /*#fff;*/ }

		.zorgverleners .wizardprogress ol li.current,
		.zorgverzekeringen .wizardprogress ol li.current
		 { background-color: #E8F6FC; color: #00A0E2; /*#fff;*/ }

	 	.wizardprogress ol li.todo
	 	{}

		.medischeinformatie .wizardprogress ol li.todo
		 { background-color: #cfe4ad; }

		.zorgverleners .wizardprogress ol li.todo
		.zorgverzekeringen .wizardprogress ol li.todo
		 { background-color: #7fcff0; }

	 		.wizardprogress ol li dl
	 		{ margin: 0; }

	 			.wizardprogress ol li dl dt,
	 			.wizardprogress ol li.done
	 			{ /*color: #000;*/ /*#fff;*/ line-height: 130%; overflow: hidden; width: auto; top: 0; }

	 			* html .wizardprogress ol li dl dt,
	 			* html .wizardprogress ol li.done
	 			{ height: 0; overflow: visible; }

	 				.wizardprogress ol li dl dt label,
	 				.wizardprogress ol li label
	 				{ color: #00A0E2; cursor: pointer; float: left; text-decoration: none; }

	 				.medischeinformatie .wizardprogress ol li dl dt label,
	 				.medischeinformatie .wizardprogress ol li label
	 				{ color: #444; cursor: pointer; float: left; text-decoration: none; }


	 				.wizardprogress ol li dl dt input,
	 				.wizardprogress ol li input
	 				{ position: absolute; right: 5px;  bottom: 0px; height: 16px; padding: 0 0 2px 0; background: none; border: none; text-decoration: underline; color: #00A0E2; }

	 			.wizardprogress ol li dl dd
	 			{ line-height: 130%; margin: 0 0 10px 0px; padding: 0; }

	 				.wizardprogress ol li dl dd dl,
	 				.wizardprogress ol li dl dd ul
	 				{ list-style-type: none; margin: 5px 0 0 0; }

	 					.wizardprogress ol li dl dd dl dd,
	 					.wizardprogress ol li dl dd ul li
	 					{ background: none; border: 0; line-height: 130%; padding: 2px; }

