/* CSS Document */

@media screen {

/* begin elements +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body  {
	background:#364989; 
	clear:both; 
	color:#000000;   
	margin:0; 
	font-family:Verdana,Arial,sans-serif;
	font-size:100%;
	text-align:center; /*this is to center the contentcontainer in IE */
}
	
div, img, form, fieldset {
	border:none;
	margin:0;
	padding:0;
}
input, textarea {
	border:1px solid #999;
	font-size:1em;
	font-family:Verdana,Arial,sans-serif;
	margin:0;
	padding:0;
}
	
h1 {
	font-size:1.2em;
	font-weight:bold;
	color:#213165;
	margin-top:.2em;
	margin-bottom:.3em;
}	

h2 {
	margin:1.5em 0 .2em 0;
	padding-top:0.5em;
	line-height:0;
	font-size:1em;
	font-weight:bold;
	color:#213165;
}

h3 {
	margin:2em 0 0 0;
	line-height:0;
	font-size:1em;
	font-weight:bold;
	color:#213165;
}

h3.caption {
	padding:.3em;
	padding-bottom:0;
	margin-bottom:0;
	font-size:90%;
	font-weight:bold;
	background-color:#213165;
	color:#ffffff;
}

p {
	margin-top:.8em;
}

hr {
	border-collapse:collapse;
	border:none;
	border-top:solid 1px  #213165;
}

.note {
	padding:0.4em;
	font-size:0.9em;
	color:#333;
	border:1px solid #D8E3FD;
	background-color:#EFF4FF;
	font-style:italic;
}

a{	color:#213165;

}
a:hover {
	color:#FF8629;
}

a.button {
	padding:.15em 2em;
	background-color:#2586D7;
	border:1px solid black;
	color:white;
	font-family:Verdana;
	font-weight:bold;
	text-decoration:none;
}
a.button:hover {
	color:white;
}

acronym {
	border-bottom:dotted 1px;
}

dl dt {
	text-decoration:underline;
}

.hint {
	border-bottom:1px dotted black;
}

input.checkbox {
	border:none!important;
}
/* andre:added, in .net aan een checbox een cssclass toevoegen komt de class in de span er voor */

span.checkbox input {
	border:none!important;
	/* Fix voor IE */
	margin:0;
	overflow:hidden;
	width:1.25em; 
	height:1.25em;
}

span.error {
	color:red;
}

input.button {
	border-color:#213165;
	background-color:#2586d7;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
}
input.button[disabled="disabled"] {
	color:#ddd;
	cursor:default;
}

input.calculate {
	width:25%;
}

a.accessible_linkbutton {
	display:none;
	font-weight:normal;
}

div.floatfix {
	clear:both;
	padding:0;
	margin:0;	
	height:0;	
	font-size:0;
}

ul.radio-button-list {
	list-style:none;
	padding:0;
}
ul.radio-button-list li label {
	padding-left:.5em;
}

div.contentcontainer {
	background:#ffffff;
	clear:both;
	color:#000000;
	width:55.9em;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/* ---------- Header ---------- */
div.header {
	background:#213164;
	width:100%;
	padding:0;
}
	div.header img {
		width:100%;
	}
	div.header #powered-by {
		float:right;
		list-style:none;
		margin:.25em;
		padding:0;
		font-size:60%;
	}
		div.header #powered-by li {
			float:left;
			margin:0;
			padding:0 .1em;
			color:#FFF;
		}
			div.header #powered-by li a {
				color:#FFF;
				text-decoration:none;
				font-weight:bold;
			}
			div.header #powered-by li a:hover {
				text-decoration:underline;
			}


/* ---------- Footer ---------- */
div.footer {
	font-size:70%;
	margin:2em .5em 0 .5em;
	border-top:#d8e3fd 1px solid;
}
	div.footer ul {
		float:left;
		list-style:none;
		margin:1em 0;
		padding:0;
	}
		div.footer ul li {
			float:left;
			border-left:solid 1px #213165;
		}
		div.footer ul li.first {
			float:left;
			border-left:none;
		}
			div.footer ul li a {
				color:#213165;
				margin:0 1em;
			}
			div.footer ul li a:hover {
				color:#FF8629;
			}


ul#breadcrumb-gelijkloon {
	font-size:60%;
	float:left;
	list-style:none;
	padding-left:0;
}
	ul#breadcrumb-gelijkloon li {
		float:left;
		border-left:1px solid black;
	}
	ul#breadcrumb-gelijkloon li.first {
		float:left;
		border-left:none;
	}
		ul#breadcrumb-gelijkloon li a {
			margin:0 .5em;
			color: #2586d7;
			text-decoration:none;
		}
		ul#breadcrumb-gelijkloon li a:hover {
			color:#FF8629;
			text-decoration:underline;
		}
		ul#breadcrumb-gelijkloon li.first a {
			margin-left:0;
		}
div.breadcrumb {
	clear:left;
}

/* ---------- Content ---------- */
div.content {
	font-size:80%;
	padding:.5em;
}

div.breadcrumb {
	font-size:.8em;
	margin:1em 0 2em 0;
	padding-bottom:.3em;
	border-bottom:#d8e3fd 1px solid;
}
	div.breadcrumb ul {
		list-style:none;
		display:inline;	
		margin:0;
		padding:0;
	}
		div.breadcrumb ul li {
			display:inline;
		}
			div.breadcrumb ul li a,
				div.breadcrumb ul li a:link,
				div.breadcrumb ul li a:visited {
					color:#2586d7;
					text-decoration:none;
					background-image:url(../img/arrow.gif);
					background-repeat:no-repeat;
					background-position:right;
					padding-right:1em;
				}
				div.breadcrumb ul li a:hover,
				div.breadcrumb ul li a:active {
					text-decoration:underline;
					color:#ff8629;
				}



div.navigate_container {
	background:#d8e3fd;
	width:100%;
	height:1.95em;
	margin-top:1em;
}
div.navigate_box {
	display:inline;
	height:1.95em;
}
	div.navigate_box div,
	div.navigate_box a,
	div.navigate_box input {
		float:left
	}

	div.navigate_box div.vorige {
		border:1px solid #213165;
		display:inline;
	}
		div.navigate_box div.vorige input,
		div.navigate_box div.vorige a {
			background:url(../img/vorige-arrow.gif) #2586D7 left center no-repeat;
			border:none;
			color:white;
			font-weight:bold;
			font-size:0.85em;
			font-family:Verdana;
			text-decoration:none;
		}
		div.navigate_box div.vorige input {
			padding:0em 0.95em 0em 2.5em;
			height:23px;
			cursor:pointer;
		}
		div.navigate_box div.vorige a {
			padding:0.45em 2.5em 0.45em 4em;
		}
		div.navigate_box div.vorige input:hover,
		div.navigate_box div.vorige a:hover {
			background-color:#FF8629;
		}

	div.navigate_box div.volgende {
		border:1px solid #213165;
		border-left:none;
		display:inline;
	}
		div.navigate_box div.volgende input,
		div.navigate_box div.volgende a {
			background:url(../img/volgende-arrow.gif) #2586D7 right center no-repeat;
			border:none;
			color:white;
			font-weight:bold;
			font-size:0.85em;
			font-family:Verdana;
			text-decoration:none;
		}
		div.navigate_box div.volgende input {
			padding:0em 2.5em 0em 0.95em;
			height:23px;
			cursor:pointer;
		}
		div.navigate_box div.volgende a {
			padding:0.45em 4em 0.45em 2.5em;
		}
		div.navigate_box div.volgende input:hover,
		div.navigate_box div.volgende a:hover {
			background-color:#FF8629;
		}
		



/*__________________________________________________________________________________________________________*/
div.navigate_box input:hover{
	background-image:none;
}

/*__________________________________________________________________________________________________________*/
div.stepcontainer {
	width:100%;
	padding-top:.5em;
	overflow:hidden;
}

div.step_number {
	display:block;
	float:left;
	width:5em;
	margin:0 2.5em;
}

div.step_text {
	float:left;
	display:block;
	padding-bottom:1em;
	margin-bottom:1.5em;
	width:46em;
	border-bottom:1px #213165 solid;
}
	div.step_text h2 {
		margin-top:1em;
		margin-bottom:.5em;
	}	
	div.step_text input {
		margin-top:.5em;
	}
	div.step_text input.checkbox {
		border:none;
	}
	div.step_text span.input-title {
		font-weight:bold;
		font-size:90%;
		color:#213165;
	}

	#fileupload {
		margin-top:1em;
		margin-bottom:3em;
	}
	#fileupload .error {
		clear:both;
		float:left;
	}

span.input-title label {
	margin-left:0.2em;
}

div.textarea {
	font-size:.9em;
	line-height:1.8em;
	padding-bottom:1em;
	margin-bottom:.6em;
	border-bottom:1px #213165 solid;
}	

div.result-employee-table-left,
div.result-employee-table-right {
	width:49.5%;
}
div.result-employee-table-left {
	float:left;
}
div.result-employee-table-right {
	float:right;
}



table.results,
table.errors{
	width:99.9%;
	margin-bottom:.5em;
	padding:.2em;
	color:#213165;
	border:1px #213165 solid;
	border-collapse:collapse;
	background-color:white;
	clear:both;
	line-height:1em;
}	

		table.results caption,
		table.errors caption {
			margin-left:-1px; /* align caption with table border */
			color:#ffffff;
			font-weight:bold;
			text-align:left;
			font-size:90%;
			padding:.3em;
			background-color:#213165;
		}

		table.results th,
		table.errors  th {
			background-color:#d8e3fd;
			border-bottom:1px #213165 solid;
		}	
			table.results tr th a,
			table.errors  tr th a {
				text-decoration:none;
				color:#213165;
			}
			table.results tr th img,
			table.errors  tr th img {
				margin-left:.25em;
			}
		table.results tr.alt td,
		table.errors  tr.alt td {
			background-color:#EFF4FF;
		}

		table.results .select input,
		table.errors .select input,
		table.results .select label,
		table.errors .select label {
			display:inline;
		}
		table.results .select,
		table.errors .select {
			white-space:nowrap;
		}
		table.results .center,
		table.errors .center {
			text-align:center;
		}
		table.results .select input,
		table.errors .select input {
			margin-right:.5em;
		}

		table.results tr th,
		table.errors tr th,
		table.results tr td,
		table.errors tr td {
			padding:.1em .2em 0 .3em;
			margin:0;
		}
		table.results tr td,
		table.errors tr td {
			padding:.2em;
			line-height:1.25em;
		}

			table.results tr .right,
			table.errors tr .right {
				text-align:right;
			}

			table.results tr .last,
			table.errors tr .last {
				padding-right:1em;
			}
		.result-function-level-table table.results tr .right,
		.result-function-level-table table.errors tr .right {
			padding-right:15%;
		}

		table.results tr td.label {
			width:17em;
		}

	table.results input { /* voor checkbox in IE */
		border:none;
		margin:0;
		padding:0;
	}
	
div.controlbar {
	background-color:#d8e3fd;
	font-size:.8em;
	color:#213165;
	margin-bottom:.5em;
	width:100%;
	float:left;
}
	div.controlbar a {
		color:#213165;
	}
	div.controlbar a:hover {
		color:#FF8629 !important;
	}
	div.controlbar div {
		margin-top:.1em;
	}

div.controlbar_item {
	float:left;
	padding-right:.5em;
	vertical-align:text-top; /* andre:text align met checkbox */
}
	div.controlbar_item input{ /* voor checkbox in IE */
		border:1px #2088df solid;
	}
		div.controlbar_item input.button {
		margin-left:2em;
		border-color:#213165;
		}
	div.controlbar_item label{ /* andre:label te dicht op checkbox */
		margin-left:0.3em;
	}

div.conclusion {
	border:3px #2088df solid;
	padding:.5em;
	margin:1em 0 .5em 0;
	clear:both;
}
	div.conclusion span.percentage {
		font-weight:bold;
	}
		

div.resulttable {
	border-bottom:solid 1px #213165;
	overflow:auto;
	height:20em;
	background-color:white;
	padding:1px;
}
div.resulttable table.result {
	margin-top:0;
	padding-top:0;
}

ul.radiolist {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
	ul.radiolist li label {
		padding-left:.5em;
	}
	ul.radiolist li input {
		border:none; /* Fix IE input border */
	}


div.wizardsteps {
	padding-top:.3em;
	padding-bottom:.2em;
}

div.errorlist ul  {
	padding:0em;
	margin:0em 0.8em  !important;
}
	div.errorlist ul li {
		color:#213165;
		font-weight:normal;
		padding-left:25px !important;
		margin-left:0;
		margin-bottom:.3em;
		list-style-type:none;
		list-style-position:outside;
	}
		div.errorlist ul li.error {
			background:url(../img/error.gif) left 0.12em no-repeat;
		}
		div.errorlist ul li.warning {
			background:url(../img/warning.gif) left 0.12em no-repeat;
		}

div#reupload {
	margin-top:2em;
}
div#reupload input {
	margin-left:.5em;
}
div#reupload span {
clear:both;
}
div#errors {
	margin:2em 0;
}


fieldset {
	/*border:3px #213165 solid;*/border:none;
	padding:0 .5em .5em .5em;
	margin-bottom:.5em;
	margin-top:.5em;
	width:95%; /* (chrvanleeuwen) fix fieldset jumping outside page */
}

	fieldset legend {
		color:#213165;
		font-weight:bold;
	}
	fieldset h3 {
		margin-bottom:.5em;
	}
	fieldset p {
		margin-bottom:0;
	}

	fieldset div {
		background-color:#EFF4FF;
		margin:1em 0 0.5em 0;
		clear:both;
	}
	fieldset div div {
		margin:0em;
	}

		fieldset div label {
			width:15em;
			float:left; 
			margin-left:0.9em;
		}
		fieldset input{
			margin:.5em 0 0 0;
		}
		fieldset div input {
			float:left; 
			margin-right:2em;
			width:12em;
			border:1px #213165 solid;
		}
		
div.startscan {
	border-top:1px #213165 solid;
}
div.startscan input {
	margin:.3em 0 .5em 0;
}



div.main-content {
	line-height:1.6em;
}
	div.main-content div.text-content {
		margin-left:10em;
		width:46em;
	}
		div.main-content ul {
			margin:0 0 0 1.5em;
			padding:0;
		}
		div.main-content ul li {
			padding:0;
		}

table.columns {
	border-collapse:collapse;
	margin:1em 0;
}
	table.columns tr,
	table.columns tr th,
	table.columns tr td {
		
		border-top:1px solid #213165;
		border-bottom:1px solid #213165;
		vertical-align:top;
	}
	table.columns tr th {
		color:#213165;
	}
		.kolommen {
			white-space:nowrap;
		}
		td.kolommen {
			padding-right:1em;
		}



table.column-mapping {
	border-collapse:collapse;
	margin:1em 0;
}
table.column-mapping tr,
table.column-mapping tr th,
table.column-mapping tr td {
	
	border-top:1px solid #213165;
	border-bottom:1px solid #213165;
	vertical-align:top;
}


table.time img {
	border:none;
}
table.time input {
	margin-top:0;
}
table.time td {
	padding:0 .2em;
}
table.time a {
	float:left;
	clear:both;
}
table.time img {
	margin:.2em 0;
}

#scan-context {
	font-size:80%;
	float:right;
}



} /* end @ media */