body.enquete {
	background-image: none;	
}

#enqueteWrap, .pdf .questionaireSummary {
	width: 1000px;
	border: 1px solid #949494;
	margin: 0 auto;
	top:20px;
	position: relative;
	background: #f8f8f8;	
	}
	
	.wzStep,
	.wzReEntry {
		padding: 20px 20px 60px 20px;
		position: relative;
		width: 960px;
	}
	
	.wzStep h2 {
		font-size: 24px;
	}
	
	.wzStep h3 {
		font-size: 18px;
	}
	
	div.wzInput.wzText, div.wzInput.wzTextArea {
		width: 600px;
		float: left;
		margin-bottom: 10px;
	}
	
	label.wzInput {
		max-width:220px;
		width: auto;
		line-height: 18px;
		height: 20px;
		padding: 5px 0;
		color: #3f3f3f;
		float: left;
	}
	
	input.wzInput, textarea.wzInput {
		width: 350px;
		line-height: 18px;
		padding: 5px;
		margin: 0;
		height: 18px;
		border: 1px solid #aaaaaa;
		float: right;
	}
	
	textarea.wzInput {
		height: 120px;
		resize: vertical;
		float: right;
	}
	
	p.wzTooltip {
		float: left;
		margin: 0 0 0 10px;
		height: 20px;
		line-height: 18px;
		padding: 5px 0;
	}
	
	div.wzInput.wzFile {
		float: right;
	}
	
		div.wzInput.wzFile label.wzInput {
			display: none;
		}
		
		div.wzInput.wzFile p.wzTooltip {
			display: none;
		}
	
	
	.wzStep h1, .wzStep p.wzDescription, .wzStep p:nth-child(4),
	.wzReEntry h1, .wzReEntry p.wzDescription, .wzReEntry p:nth-child(3) {
		margin: -20px -20px 20px -20px;
		background: #444444;
		padding: 20px;
		color: white;
	}
	
	
	.wzStep span.wzImage {
		float: right;
		display: block;
		margin: -212px 0 0 0;
	}
	
		.wzStep span.wzImage img {
			border: 1px solid #444444;
		}
	
	.wzStep p.wzDescription,
	.wzStep p:nth-child(4),
	.wzReEntry p:nth-child(3) {
		margin: -20px -20px 20px -20px;
		font-size: 18px;
	}
	
	.wzButtons {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	
		.wzButtons input, a.wzDownload{
			background: #762123;
			color: white;
			border: 0;
			padding: 6px 12px;
			font: normal 16px/22px 'Aller', arial, sans-serif;
			cursor: pointer;
		}
		a.wzDownload {
			margin-top:20px;
		}
			.wzButtons input.wzCancel {
				display: none;
			}
			
			.wzButtons input.wzNext, .wzButtons input.wzFinish , a.wzDownload{
				float: right;
			}
			
			.wzButtons input.wzPrevious {
				background: #c4bfbf;
			}
	
	.message {
		float: left;
		display: none;
	}
	div.wzError ul {
		

		
	}
		.message#invalid {
			background: #ffe5d2;
			width: 938px;
			border: 1px solid #bc7d6c;
			padding: 10px;
			margin-bottom: 20px;
		}
		
		.message p.message-heading {
			font: bold 14px/18px 'Aller', arial, sans-serif;
			margin: 0 0 10px 0;
		}
		
		.message ul.content {
			margin: 0 0 10px 0;
		}
		
		.message ul.conten br {
			display: none;
		}
	
	
	div.wzNavWrap {
		width: 360px;
		position: absolute;
		bottom: 20px;
		left: 260px;
	}
	
		div.wzNavWrap span.voortgang {
			float: left;
			margin: 0!important;
			padding: 0!important;
			width: 75px;
		}
	
		div.wzNavWrap span.wzNav {
			width: 275px;
			float: left;
			padding: 0;
			margin: 8px 0 0 10px!important;
		}
	
		span.wzNav ul {
			display: table;
			list-style: none;
			width: 100%;
			padding: 0;
			margin: 0!important;
		}
		
		span.wzNav ul li {
			display: table-cell;
			list-style: none;
			height: 3px!important;
			padding: 0;
			margin: 0;
			background: none;
		}
		span.wzNav ul li {
		
		}
		span.wzNav ul li a {
			display:inline-block;
			width: 100%;
			height: 3px;
			background: #cbcbcb;
			padding: 0;
			margin: 0;
			line-height: 3px;
			text-decoration: none;
		}
		
		span.wzNav ul li.active a {
			background: #762123;
		}
		div.wzFinish span.wzNav ul li {
			display:none;
			width:100%;
		}
		div.wzFinish span.wzNav ul li.active {
			display: table-cell;
			width:100%;
		}
		
		div.wzInput.sliderInput {
			clear: both;
			width: 940px;
			position: relative;
			padding-bottom: 20px;
			margin-bottom:20px;
		}
		
		.sliderInput label.wzInput, .sliderInput input.wzInput {
			max-width: 940px;
		}
		
		.sliderInput p.laag {
			position: absolute;
			left: 0;
			top: 48px;
			margin: 0;
		}
		
		.sliderInput p.hoog {
			position: absolute;
			right: -20px;
			top: 48px;
			margin: 0;
		}
		
		
		
		.subQuestionWrap {
			float: left;
			margin-bottom: 20px;
		}
			.subQuestionWrap label{			
			clear:both;
			font-size: 15px;
				font-weight: bold;
				display:block;				
				max-width:100%;
			}
			.subQuestionWrap .fl {
				float: left;
				width: 640px;
				padding: 4px 0;
				border-bottom: 1px solid #e3e3e3;
				min-height:20px;
			}
			
				.subQuestionWrap .fl.qHead  {
				
					font-size: 12px;
					font-weight: bold;
					
				}
				
				.subQuestionWrap .fl div.wzInput.wzText label.wzInput {
					max-width: 600px;
					width: 600px;
				}
				
				.subQuestionWrap .fl div.wzInput.wzText input.wzInput {
					width: 220px;
					float: left;
				}
				
				
			
			.subQuestionWrap .fr {
				float: right;
				width: 320px;
				display: table;
				font-size: 11px;
				padding: 4px 0;
				border-bottom: 1px solid #e3e3e3;
				
			}
			
				.subQuestionWrap .fr span {
					display: table-cell;
					text-align: center;
					width: 25%;
				}
				.subQuestionWrap .fr input {
					float:none;
					width:20px;
					height:20px;
					
				}
				
				.subQuestionWrap div:last-child {
					border: 0!important;
				}

				.subQuestionWrap .fl.last, .subQuestionWrap .fr.last {
					border: 0!important;
				}
				.subQuestionWrap .pre-tip {
					position:relative;
					float:left;
				}
				.subQuestionWrap .inhoud {
					float:left;
				}
				.subQuestionWrap div.tooltip {

					position:absolute;
					padding: 10px 20px;
					margin-top:-35px;
					margin-left:20px;
					background: #666;
					min-width:200px;
					max-width:200px;
					text-align:center;
					border-radius:5px;
					color:#ffffff;
					}
				.subQuestionWrap .tooltip:after, .subQuestionWrap .tooltip:before {
					right: 100%;
					border: solid transparent;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
				}

				.subQuestionWrap .tooltip:after {
					border-color: rgba(136, 183, 213, 0);
					border-right-color: #666;
					border-width: 10px;
					top: 25px;
					margin-top: -10px;
				}
				.subQuestionWrap .tooltip:before {

				}
				div.tooltip {
					display:none;
				}
				div.fl:hover div.tooltip {
					display:block;
				}
			.wzStep .summaryImage {
				float:left;
				
				
				
			}
			.summary-info {
				
			}
			h3.summary-info {
				
				padding-bottom: 10px;
			}
			
			hr {
				margin:20px 0;
				border: 1px solid #949494;
				border-bottom:0;
				page-break-after:always;
			}
			.questionaireSummary {
				margin-top:20px;
				padding-top:20px;
				border-top:1px solid #949494;
				clear:both;
			}
			.questionaireSummary h2 {
				line-height:40px;
			}
			.questionaireSummary .subQuestionWrap {
				float:none;
				clear:both;
			}
			.questionaireSummary span.checked {
				background: center center url('../img/enqueteCheck.gif') no-repeat;
			}
			.questionaireScore {
				color:#f8f8f8;
				display:block;
				float:left;
				width:20px;
				height:20px;
				font-weight:bold;
				font-size:20px;
				line-height:20px;
				padding:10px;
				text-align:center;
				border-radius:30px;
				margin-right:20px;
			}
			
			.wzStep table {
				width: 260px;
				padding-left: 20px;
			}
			.leftside {
				float:left;
				width:100%;
				padding-right:20px;
			}
			p.summary-info {
				background:none!important;
			}
			.rightside {
				float:right;
				width:620px;
			}
			#myChart {
				float:left;
				padding:0px 20px;
			}
			.legenda {
				padding:5px 0;
				float:left;
			}
			.leftside h3 {
				float: left;
				padding-bottom:5px;
				border-bottom:1px solid #e3e3e3;
				margin-left: 20px;
				width:240px;
			}
			div.placeholder {
				width:320px;
				height:209px;
				
				margin:10px 0;
				float:left;
				border:1px solid #e3e3e3;
				background:#696969 url('../img/fileNoBg.jpg') center center no-repeat;
			}
				.left-legend {
					width:20px;
				}
				.wzStep table tr {
					border:1px solid #e3e3e3;
				}
				.wzStep span.stars {
					width: 92px;
					height: 12px;
					display: block;
					background: url('../img/stars.png') left top no-repeat;
					float: right;
				}
				
					.wzStep span.stars.two,
					.wzStep span.stars.star2 {
						background-position: 0 -12px;
					}
					
					.wzStep span.stars.three,
					.wzStep span.stars.star3 {
						background-position: 0 -24px;
					}
					
					.wzStep span.stars.four,
					.wzStep span.stars.star4 {
						background-position: 0 -36px;
					}
					
					.wzStep span.stars.five,
					.wzStep span.stars.star5 {
						background-position: 0 -48px;
					}
		

.slider {
	z-index: 1;
}
			
.grades {
	background: url('../img/grid.jpg');
	width:941px;
	height:7px;
	position:absolute;
	margin-left:10px;
	margin-top:-4px;
	z-index:0;
}
.WingQuestionnaire label {
	font-size:15px;
	font-weight:bold;
} 


/*custom upload elements*/
.customfile-input, #wzFileimage { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }

.customfile { width: 340px; height:207px; background: #696969 url('../img/fileInputBg.jpg') center center no-repeat; cursor: pointer; overflow: hidden; padding: 2px; border: 1px solid #444; position: relative; }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
.customfile-feedback { display: block; margin: 70px auto 0; text-align: center; color: white; padding-top: 54px; background: url('../img/fileInputImg.png') center top no-repeat; font-size: 18px;}
.customfile-feedback-populated { color: #fff; font-style: normal; font-weight: bold; padding-top: 54px; background: url('../img/fileInputImg.png') center top no-repeat; text-align: center; font-size: 18px;}
.customfile-button { display: none;}

/* Error opmaak */
.simplemodal-data h2, .simplemodal-data p, .simplemodal-data li {
	color:#FFFFFF;
}
.simplemodal-data h2 {
	font-size:20px;
}	
.simplemodal-data p {
	font-size:14px;
}	

.legend {
	height:16px;
	width:16px;
	border-radius:8px;
}




.slider {
  width: 100%;
  float: left;
}

.slider > .dragger {
  background: #4f4f4f;
  background: -webkit-linear-gradient(top, #8b8b8b, #4f4f4f);
  background: -moz-linear-gradient(top, #8b8b8b, #4f4f4f);
  background: linear-gradient(top, #8b8b8b, #4f4f4f);

  -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  border: 1px solid #496805;
  width: 16px;
  height: 16px;
}

.slider > .dragger:hover {
  background: -webkit-linear-gradient(top, #b4b4b4, #4f4f4f);
}


.slider > .track, .slider > .highlight-track {
  background: #ccc;
  background: -webkit-linear-gradient(top, #5b5959, #848484);
  background: -moz-linear-gradient(top, #5b5959, #848484);
  background: linear-gradient(top, #5b5959, #848484);

  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border: 1px solid #aaa;
  height: 4px;
}

.slider > .highlight-track {
	background-color: #8DCA09;
	background: -webkit-linear-gradient(top, #8DCA09, #72A307);
	background: -moz-linear-gradient(top, #8DCA09, #72A307);
	background: linear-gradient(top, #8DCA09, #72A307);
	
	border-color: #496805;
}

.wzFinish .subQuestionWrap {
	display:none;
}
.fl.last input {
	margin-left:14px;
}
#enqueteWrap .wzError {display:none;}