/* --------------------------- **
	GENERIC WIZARD STYLES
** --------------------------- */

/* wizard view wrapper */
.wizardview
{ border: 1px solid #ebebeb; background-color: #EEE;}

.medischeinformatie .wizardview
{ background-color: #cfe4ad; }

.zorgverleners .wizardview,
.zorgverzekeringen .wizardview
{ background-color: #e8f6fc; }

	/* primary header */
	.wizardview h1
	{ font-size: 150%; padding: 8px; background-color: #AAA; color: #FFF; }

	.medischeinformatie .wizardview h1
	{ background-color: #8b3; color: #fff; }

	.zorgverleners .wizardview h1,
	.zorgverzekeringen .wizardview h1
	{ background-color: #00a0e2; color: #fff; }

	* html .wizardview h1
	{ height: 20px; }

	/* explanatory header */
	.wizardview h2
	{ font-size: 100% !important; margin-bottom: 0; padding: 10px 20px 5px 20px; }

	.wizardview .container h2
	{ padding-left: 0; }

  .medischeinformatie .wizardview h2 {
    color: #000;
  }
    
  .medischeinformatie .wizardview .container h2 {
    color: #529C10;    
  }

	.zorgverleners .wizardview h2
	{ color: #3492c4; }

	.wizardview p
	{ padding-left: 20px; }

	.wizardview .errormsg
	{ background-color: #fff; border: 1px solid #e3170d; color: #e3170d; margin: 5px 20px; padding: 10px 10px 0 10px; }

	* html .wizardview .errormsg
	{ height: 0; }

		.wizardview .errormsg h3
		{ background: #fff url("/frontend_20/assets/img/icons/error.gif") 0 0 no-repeat; padding: 2px 5px 2px 25px; }

		.wizardview .errormsg p
		{ margin-top: 0; padding: 5px 0 0 0; }

	.wizardview .error
	{ color: #e3170d; }

		.wizardview .error img
		{ margin-bottom: -3px; }

	/* scrollable area */
	.wizardview .container
	{ background-color: #fff; border: 1px solid #ebebeb;  margin: 10px 20px 20px 20px; overflow: auto; padding: 10px 10px 20px 10px; }

    .wizardview .container .resultgrid {
      width: 716px;
    }

      .wizardview .container .resultgrid table {
        width: 700px;
      }

    .wizardview .container .resultgrid {
      overflow: auto;
      height: auto;
    }
    
		.wizardview .container p
		{ padding-left: 0; }

	/* results amount indicator */
	.wizardview .amount
	{ font-weight: bold; padding: 0 20px 10px 20px; text-align: right; }

		.wizardview .amount span
		{ font-family: Arial; font-size: 140%; letter-spacing: 1px; }

	/* step and skip buttons */
	.wizardview .controls
	{ padding: 0 20px 20px 20px; border: none; }

		.wizardview .controls input
		{ border-bottom: 1px solid #666; border-left: 1px solid #ebebeb; border-right: 1px solid #666; border-top: 1px solid #ebebeb; color: #fff; cursor: pointer; font-weight: bold; }

		.wizardview .controls .previous
		{ background: #aaa url("/frontend_20/assets/img/icons/previous.gif") 6% 100% no-repeat; float: left; padding: 2px 10px 2px 26px; text-align: right; }

		.medischeinformatie .wizardview .controls .previous
		{ background-color: #529c10; }

		.zorgverleners .wizardview .controls .previous
		{ background-color: #39c; }

		* html .wizardview .controls .previous
		{ padding-left: 6px; }

		* + html .wizardview .controls .previous
		{ padding-left: 6px; }

		.wizardview .controls .next
		{ background: #bc1c1d url("/frontend_20/assets/img/icons/next.gif") 95% 100% no-repeat; float: right; padding: 2px 26px 2px 10px; text-align: left; }

		* html .wizardview .controls .next
		{ padding-right: 6px; }

		* + html .wizardview .controls .next
		{ padding-right: 6px; }

		.wizardview .controls .advanced
		{ background: transparent; float: right; clear: both; padding: 2px 0px 2px 0px; margin-top: 5px; font-weight: normal; text-align: left; border: none; border-bottom: 1px solid #444; color: #444; }


		.wizardview .controls .skip
		{ background: #39c url("/frontend_20/assets/img/icons/skip.gif") 98% 65% no-repeat; clear: both; float: right; margin-top: 10px; padding: 2px 26px 2px 10px; text-align: left; }

		* html .wizardview .controls .skip
		{ width: 220px; }

		* + html .wizardview .controls .skip
		{ width: 220px; }

.wizardview .container .autocomplete
{ /*width: 400px;*/ }

/* --------------------------- **
	STEP-SPECIFIC STYLES
** --------------------------- */

/* "aandoening" step */
.wizardview .container .aandoeningoptrefwoord
{ border: 1px solid #ebebeb; margin-bottom: 10px; padding: 10px; }

	.wizardview .container .aandoeningoptrefwoord legend
	{ font-weight: bold; padding: 0 5px; }

	.wizardview .container .aandoeningoptrefwoord label
	{ vertical-align: middle; }

	.wizardview .container .aandoeningoptrefwoord input
	{ vertical-align: middle; }

	* html .wizardview .container .aandoeningoptrefwoord input
	{ margin-top: 5px; }

	* + html .wizardview .container .aandoeningoptrefwoord input
	{ margin-top: 5px; }

	.wizardview .container .aandoeningoptrefwoord .autocomplete
	{ margin-right: 5px; width: 400px; }

	.wizardview .container .aandoeningoptrefwoord .empty
	{ color: #aaa; font-style: italic; }

.wizardview .container .aandoeningoplichaamsdeel
{ border: 1px solid #ebebeb; margin-bottom: 20px; padding: 10px; }

	.wizardview .container .aandoeningoplichaamsdeel button
	{ background: transparent url("/frontend_20/assets/img/icons/triangle_blue_right.gif") 6px 4px no-repeat; border: 0; float: left; height: 14px; text-indent: -999px; width: 18px; }

	* html .wizardview .container .aandoeningoplichaamsdeel button
	{ background-position: 6px 9px; margin-left: 5px; margin-top: -20px; }

	* + html .wizardview .container .aandoeningoplichaamsdeel button
	{ margin-left: 5px; margin-top: -14px; }

	.wizardview .container .aandoeningoplichaamsdeel button.open
	{ background: transparent url("/frontend_20/assets/img/icons/triangle_blue_down.gif") 4px 6px no-repeat; }

	* html .wizardview .container .aandoeningoplichaamsdeel button.open
	{ background-position: 4px 11px; }

	.wizardview .container .aandoeningoplichaamsdeel label
	{ cursor: pointer; }

	* html .wizardview .container .aandoeningoplichaamsdeel label
	{ margin-left: 22px; }

	* + html .wizardview .container .aandoeningoplichaamsdeel label
	{ margin-left: 22px; }

	.wizardview .container .aandoeningoplichaamsdeel legend
	{ font-weight: bold; padding: 0 5px; }

	.wizardview .container .aandoeningoplichaamsdeel ul
	{ list-style-type: none; margin-left: 0; }

	* html .wizardview .container .aandoeningoplichaamsdeel ul
	{ margin-top: 10px; }

	* + html .wizardview .container .aandoeningoplichaamsdeel ul
	{ margin-top: 10px; }

		.wizardview .container .aandoeningoplichaamsdeel ul li
		{ background-image: none !important; padding: 0 !important; }

			.wizardview .container .aandoeningoplichaamsdeel ul li h2
			{ margin: 4px 0; padding: 0; }

			.wizardview .container .aandoeningoplichaamsdeel ul li ul
			{ margin-left: 20px !important; margin-top: 0; }

				.wizardview .container .aandoeningoplichaamsdeel ul li ul li
				{ overflow: hidden; }

				* html .wizardview .container .aandoeningoplichaamsdeel ul li ul li
				{ height: 1px; overflow: visible; }

					.wizardview .container .aandoeningoplichaamsdeel ul li ul li h3
					{ margin: 2px 0; padding: 0; }

					.wizardview .container .aandoeningoplichaamsdeel ul li ul li .column
					{ float: left; margin: 0 5px 5px 20px; overflow: hidden; }

						.wizardview .container .aandoeningoplichaamsdeel ul li ul li .column input
						{ clear: left; float: left; margin-top: 5px; }

						* html .wizardview .container .aandoeningoplichaamsdeel ul li ul li .column input
						{ margin-top: 0; }

						* + html .wizardview .container .aandoeningoplichaamsdeel ul li ul li .column input
						{ margin-top: 0; }

						.wizardview .container .aandoeningoplichaamsdeel ul li ul li .column label
						{ float: left; line-height: 110%; margin-top: 5px; padding-left: 5px; }

						* html .wizardview .container .aandoeningoplichaamsdeel ul li ul li .column label
						{ margin-left: 0; margin-top: 4px; }

						* + html .wizardview .container .aandoeningoplichaamsdeel ul li ul li .column label
						{ margin-left: 0; margin-top: 4px; }



            .wizardview .container .radiobuttonholder {
              padding: 0px;
            }
            
              .wizardview .container .radiobuttonholder label {
                width: 35%;
                min-height: 25px;
              }
            
              .wizardview .container .radiobuttonholder input {
                margin-left: 10px;
                margin-top: 5px; 
              }

/* "locatie" step */
.wizardview .container .location
{ padding: 10px; }

	.wizardview .container .location div
	{ margin-bottom: 10px; }

		.wizardview .container .location div label
		{ float: left; font-weight: bold; padding: 3px 20px 0 0; text-align: right; width: 190px; }

		.wizardview .container .location div .fd-slider
		{ width: 170px; }

		.wizardview .container .location div #actual_distance
		{ border: 1px solid #ebebeb; margin-left: 170px; padding: 2px 5px; }
		

		
/* ivm met Webrichtlijnen is een extra fieldset toegevoegd die geen stijl hoeft te hebben*/
.wizardview fieldset	{
	border:0;
	padding:0;
}