/*** PAGINA & HOOFDCOMPONENTEN **************************************/

html, body
{
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: "PT Sans",Helvetica,Arial,Sans-Serif;
	color: #2d2d2d;
	font-size: 10pt;
	background-image: linear-gradient(bottom, rgb(255,255,255) 34%, rgb(164,209,248) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 34%, rgb(164,209,248) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 34%, rgb(164,209,248) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 34%, rgb(164,209,248) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 34%, rgb(164,209,248) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.34, rgb(255,255,255)), color-stop(1, rgb(164,209,248)) );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBECFB', endColorstr='#EAF4FD',GradientType=0 ); /* IE6-9 */
	background-repeat: no-repeat;
}

img
{
	border: 0px;
}

form
{
	height: 100%;
	width: 100%;
}

#wrap
{
	min-height: 100%;
	background-image: url('images/bg-clouds.png');
	background-position: top center;
	background-repeat: no-repeat;
}

#main
{
	overflow: auto;
	padding-bottom: 100px; /*Zelfde hoogte als footer geven...*/
	margin-bottom: 10px;
}

#footer
{
	position: relative;
	margin-top: -51px; /* Negatieve waarde van de footer */
	height: 50px;
	clear: both;
}

/*** SUBCOMPONENT: ALGEMEEN ****************************************/
.bar
{
	margin: auto;
	width: 100%;
}

.hiddendiv
{
	display: none;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: auto;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px #888;
	margin-top: 5px;
	background: #383838;
}

.content
{
	margin-left: 5%;
	margin-right: 5%;
	height: 100%;
	min-width: 900px;
}

.contentplaceholder
{
	float: right;
	height: 100%;
	width: 77%;
}

/*** SUBCOMPONENT: HEADER ********************************/
.topBarMaster
{
	height: 5px;
	background-color: #01172f;
}

.userBarMaster
{
	height: 55px;
	background-color: #04365b;
	color: #fff;
	/*-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.8);*/
}

.logoBarMaster
{
	height: 106px;
	margin-top: 60px; /*op 3-1-2013 erbij gekomen vanwege style aanapssinging van thijs*/
}

.mainBarMaster
{
	height: 20px;
	background-color: #383838;
}

.top
{
	margin-top: 10px;
	text-align: center;
	font-size: 9pt;
}

.leftTop
{
	width: 150px;
	float: left;
	border-right: 1px solid #d1d1d1;
}

.centerLeftTop
{
	width: auto;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	padding: 12px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #03213e;
	box-shadow: inset 1px 1px #021a32;
	-webkit-box-shadow: inset 1px 1px #021a32;
}

.centerRightTop
{
	min-width: 200px;
	float: right;
	margin: 15px 5px 0 0;
}

.rightTop
{
	/*width: 150px;*/
	float: right;
	text-align: right;
	margin: 15px 5px 0 0;
	/*border-left: 1px solid #d1d1d1;*/
}

/*** SUBCOMPONENT: CONTENT *******************************/
.contentBarMaster
{
	height: 100%;
}

.menu
{
	width: 21%;
	float: left;
	display: block;
	text-align: center;
	background-color: #057fbf;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*** SUBCOMPONENT: FOOTER ********************************/
.footerBarMaster
{
	background-color: #012139;
	border-top: 1px solid #d1d1d1;
	height: 50px;
	color: #fff;
}

.footer
{
	color: #fff;
	font-size: 9pt;
	margin-top: 10px;
}

.leftFooter
{
	width: 12%;
	float: left;
}

.centerFooter
{
	width: auto;
	float: left;
	margin-left: 5px;
}

.rightFooter
{
	width: 150px;
	float: right;
	text-align: right;
}

/*** HYPERLINKS ******************************************/
a:link
{
	color: #04365b;
	text-decoration: none;
}

a:visited
{
	color: #057fbf;
}

a:hover
{
	color: #057fbf;
}

a.selected,
a.selected:hover
{
	background-color: #0b5286;
}

.messagesHyperlink
{
	width: 25px;
	height: 30px;
	text-align: center;
	background: url('images/speechballoon.png') no-repeat;
	margin-top: 2px;
	/*display: block;*/
	color: #094570 !important;
	font-weight: bold !important;
	line-height: 18px !important;
}

	.messagesHyperlink:hover
	{
		color: #094570 !important;
	}

	.messagesHyperlink:visited
	{
		color: #094570 !important;
	}

.signoutHyperlink
{
	width: 25px;
	height: 30px;
	background: url('images/signout.png') no-repeat;
}

.settingsHyperlink
{
	width: 25px;
	height: 30px;
	background: url('images/icon_settings.png') no-repeat;
}

.textHyperlink
{
	color: #2d2d2d;
	font-weight: bold;
	line-height: 18px;
}

	.textHyperlink:hover
	{
		color: #5893ce;
	}

	.textHyperlink:visited
	{
		color: #2d2d2d;
	}

.infoHyperlink
{
	background: url('images/icon_info.png') no-repeat;
}

.editHyperlink
{
	background: url('images/icon_edit.png') no-repeat;
}

.pendingHyperlink
{
	background: url('images/icon_attention_2') no-repeat;
}

/*** IMAGES ********************************************/
.cloudBar
{
	float: right;
}

.gpsLogo
{
	z-index: 100;
	margin-top: 13px;
	border: 0px;
}

/*** VARIOUS *******************************************/
.separator
{
	display: block;
	float: right;
	margin-left: 15px;
}

#messages
{
	background-color: #666666;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	transition: background-color 0.2s linear 0s;
	float: inherit;
	height: 18px;
	text-align: center;
	width: 18px;
	margin-left: 10px;
	/*margin-top: -2px;*/
	font-size: xx-small;
}

	#messages:hover
	{
		background-image: none;
		background-color: #3788d3;
		transition: background-color 0.2s linear 0s;
	}

	#messages span
	{
		color: #FFFFFF;
		font-weight: bold;
		line-height: 18px;
	}

#currentPage
{
	color: #383838;
	float: right;
	font-size: larger;
	font-weight: 100;
	margin-top: 67px;
	font-family: Myriad Pro;
}

/*** COMPATIBILITY FIXES ********************************/

/*Opera Fix*/
body:before
{
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}

/*** BUTTON STYLES **************************************/

input[type=submit], input[type=button]
{
	/*height: inherit !important;*/
	font-weight: normal;
	padding: 5px;
	border: none;
	outline: 0 none;
	line-height: 1.6em !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

	input[type=submit]:hover
	{
		background: none #d14501;
		color: #fff;
		transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	}

	input[type=submit]:active
	{
		transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	}

/*Button substyles*/
.formsubmitButton
{
	/*background-color: #0a6dcf;*/
	width: 140px;
	color: #fff;
	transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	background: #ff6d00; /* Old browsers */
	background: -moz-linear-gradient(top, #ff6d00 1%, #e94f03 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff6d00), color-stop(100%,#e94f03)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff6d00 1%,#e94f03 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d00', endColorstr='#e94f03',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.formsubmitButtonDelete
{
	width: 140px;
	color: #fff;
	transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	background: #ff6d00; /* Old browsers */
	background: -moz-linear-gradient(top, #ff6d00 1%, #e94f03 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff6d00), color-stop(100%,#e94f03)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff6d00 1%,#e94f03 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
}



.formsubmitButton:active
{
	background-color: #5a6571;
	transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
}

.formsubmitButton:disabled, .formsubmitButton:disabled:hover
{
	background: none #888888 !important;
	color: #aaa;
}

.formsubmitButtonCancel
{
	width: 140px;
	color: #fff;
	transition: border 0.2s linear 0s, background-color 0.2s linear 0s;
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top, #606060 1%, #303030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606060), color-stop(100%,#303030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #606060 1%,#303030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #606060 1%,#303030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #606060 1%,#303030 100%); /* IE10+ */
	background: linear-gradient(to bottom, #606060 1%,#303030 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
}

	.formsubmitButtonCancel:hover
	{
		background: none #303030 !important;
	}

.marginButton
{
	margin-left: 216px;
}

.imageButton
{
	text-align: left;
	padding-left: 27px !important;
}

.autoWidth
{
	width: auto;
}

.navButton
{
	background-color: #ffffff;
	width: 120px;
	color: #0a6dcf;
}

	.navButton:hover
	{
		background-color: #5893ce;
		color: #fff;
	}

	.navButton:active
	{
		background-color: #f1f1f1;
		color: #2d2d2d;
	}

.reportbutton
{
	background: #ff6d00; /* Old browsers */
	background: url("images/icon_print.png") no-repeat scroll 7px center, -moz-linear-gradient(top, #ff6d00 1%, #e94f03 100%); /* FF3.6+ */
	background: url("images/icon_print.png") no-repeat scroll 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff6d00), color-stop(100%,#e94f03)); /* Chrome,Safari4+ */
	background: url("images/icon_print.png") no-repeat scroll 7px center, -webkit-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Chrome10+,Safari5.1+ */
	background: url("images/icon_print.png") no-repeat scroll 7px center, -o-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Opera 11.10+ */
	background: url("images/icon_print.png") no-repeat scroll 7px center, -ms-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* IE10+ */
	background: url("images/icon_print.png") no-repeat scroll 7px center, linear-gradient(to bottom, #ff6d00 1%,#e94f03 100%); /* W3C */
}

	.reportbutton:hover
	{
		background: url("images/icon_print.png") no-repeat scroll 7px center #D14501 !important;
	}

.exportbutton
{
	background: #ff6d00; /* Old browsers */
	background: url("images/icon_export.png") no-repeat scroll 7px center, -moz-linear-gradient(top, #ff6d00 1%, #e94f03 100%); /* FF3.6+ */
	background: url("images/icon_export.png") no-repeat scroll 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff6d00), color-stop(100%,#e94f03)); /* Chrome,Safari4+ */
	background: url("images/icon_export.png") no-repeat scroll 7px center, -webkit-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Chrome10+,Safari5.1+ */
	background: url("images/icon_export.png") no-repeat scroll 7px center, -o-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Opera 11.10+ */
	background: url("images/icon_export.png") no-repeat scroll 7px center, -ms-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* IE10+ */
	background: url("images/icon_export.png") no-repeat scroll 7px center, linear-gradient(to bottom, #ff6d00 1%,#e94f03 100%); /* W3C */
}

	.exportbutton:hover
	{
		background: url("images/icon_export.png") no-repeat scroll 7px center #D14501 !important;
	}

.afmeldenbutton
{
	background: #ff6d00; /* Old browsers */
	background: url("images/icon_carremove.png") no-repeat scroll 7px center, -moz-linear-gradient(top, #ff6d00 1%, #e94f03 100%); /* FF3.6+ */
	background: url("images/icon_carremove.png") no-repeat scroll 7px center, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff6d00), color-stop(100%,#e94f03)); /* Chrome,Safari4+ */
	background: url("images/icon_carremove.png") no-repeat scroll 7px center, -webkit-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Chrome10+,Safari5.1+ */
	background: url("images/icon_carremove.png") no-repeat scroll 7px center, -o-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* Opera 11.10+ */
	background: url("images/icon_carremove.png") no-repeat scroll 7px center, -ms-linear-gradient(top, #ff6d00 1%,#e94f03 100%); /* IE10+ */
	background: url("images/icon_carremove.png") no-repeat scroll 7px center, linear-gradient(to bottom, #ff6d00 1%,#e94f03 100%); /* W3C */
}

	.afmeldenbutton:hover
	{
		background: url("images/icon_carremove.png") no-repeat scroll 7px center #D14501 !important;
	}

/**** NAVIGATION MENU ***************************/

.navmenu
{
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	float: none !important;
}

	.navmenu > ul
	{
		float: none !important;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 0px;
		margin-top: 0px;
		list-style: none !important;
	}

		.navmenu > ul > li:first-child /*Standaard link naar Home niet tonen*/
		{
			display: none;
		}

		/* All levels */
		.navmenu > ul > li > a
		{
			display: block;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			padding: 7px 0;
			width: 100%;
			margin: 0;
		}

			.navmenu > ul > li > a:hover
			{
				text-decoration: none;
				transition: color linear 0.3s;
			}

	.navmenu .nav-header
	{
		margin-right: -15px;
		margin-left: -15px;
	}

	.navmenu > ul [class^="icon-"],
	.navmenu > ul [class*=" icon-"]
	{
		margin-right: 2px;
	}

	.navmenu > .divider
	{
		*width: 100%;
		height: 1px;
		margin: 9px 1px;
		*margin: -5px 0 5px;
		overflow: hidden;
		background-color: #e5e5e5;
		border-bottom: 1px solid #ffffff;
	}

	.navmenu a.level2
	{
		font-size: 11px;
		font-weight: bold;
		line-height: 20px;
		color: #D3D3D3;
		text-transform: uppercase;
		background-color: #04365b;
		border: 1px solid #094A79;
	}

		.navmenu a.level2:hover
		{
			background-color: #03a7d9;
		}

	.navmenu a.level3
	{
		font-size: 11px;
		font-weight: bold;
		line-height: 20px;
		color: #fff;
		text-transform: uppercase;
		background-color: #0b5286;
		border: 1px solid #094a79;
	}

		/* .level3 is niet "selectable" */
		.navmenu a.level3:hover
		{
		}

	.navmenu a.level4
	{
		background-color: #FFFFFF;
		border: 1px solid #094A79;
		color: #0B5286;
		width: 100%;
	}

		.navmenu a.level4:hover
		{
			background-color: #cde5f2;
		}

	.navmenu a.level5
	{
		padding-left: 3em;
	}

/*** Mijn diensten menu ****************************************/
.mijndiensten .static
{
	background-color: #02ABDB;
	border-radius: 3px 3px 3px 3px;
	float: left;
	padding: 3px 20px;
}

	.mijndiensten .static:hover
	{
		color: #04355a;
	}

.mijndiensten .dynamic
{
	padding: 2px 10px;
	text-align: left;
	background-color: #02ABDB;
	color: #FFF;
	border: #01A5D5 solid 1px;
}

	.mijndiensten .dynamic:hover
	{
		color: #04355a;
	}

.mijndiensten ul.menu.level1 li:first-child ul.level2
{
	/* beetje extra ruimte boven het eerste item */
	margin-top: 8px !important;
}

/*** HEADINGS *******************************************/
.formTitle
{
	font-weight: bold;
	border-color: #bad3eb !important;
	color: #0a6dcf;
	font-size: 10pt;
	margin-bottom: 5px;
	line-height: 25px !important;
}

.formSubTitle
{
	font-weight: bold;
	border-color: green !important;
	color: green;
	font-size: 8pt;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 25px !important;
}

h1, .h1
{
	display: block;
	margin: 0 0 9px 0;
	padding: 6px 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	background-color: #04365b;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

h2, .h2
{
	display: block;
	padding: 3px 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	color: #2d2d2d;
	text-transform: uppercase;
	background-color: #F3EBAA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #808080;
}

h3, .h3
{
	display: block;
	padding: 3px 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #2d2d2d;
	background-color: #FFEEEE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #808080;
	height: 45px;
}

h4, .h4
{
	display: block;
	padding: 7px 15px;
	font-size: 10pt;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	background-color: #0b5286;
	-moz-border-radius: 33px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	border: 1px solid #0b5286;
	margin-top: 0px;
	margin-bottom: 3px;
	height: 14px;
}

.validatieBox
{
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #E6E6E6;
	border-radius: 5px 5px 5px 5px;
	padding-right: 15px !important;
	padding-left: 15px !important;
	line-height: 20px !important;
	list-style: circle;
	color: inherit !important;
}

.validationsummaryimage
{
	background-image: url("images/icon_stop_2.png");
	background-repeat: no-repeat;
	height: 32px;
	width: 65px;
	float: left;
}

.validationsummarytext
{
	float: left;
	margin-top: 8px;
}

/*** STATUS STYLES ****************************************/

.Goedgekeurd
{
	background-color: #DFF0D8 !important;
}

.Afgewezen
{
	background-color: #F2DEDE !important;
}

.Nieuw
{
	background-color: #f6c645 !important;
}

.InBehandeling
{
	background-color: yellow !important;
}

.succes
{
	background-color: #DFF0D8 !important;
}

.error
{
	background-color: #F2DEDE !important;
}

.warning
{
	background-color: #FCF8E3 !important;
}

.info
{
	background-color: #D9EDF7 !important;
}

.new
{
	background-color: #b9d4e2 !important;
}

/*TABLE STYLES*/

ol li .gpsTable2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	line-height: 28px;
	color: #fff;
	border: 1px solid #BADEF8;
}

.gpsTable2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	line-height: 28px;
	color: #fff;
	border: 1px solid #BADEF8;
}

	.gpsTable2 th
	{
		padding-left: 10px;
		font-weight: normal;
		font-size: 12px;
		color: #2d2d2d;
		text-align: left;
	}

	.gpsTable2 tbody
	{
		background: #fff;
		border: 0px none !important;
	}

	.gpsTable2 thead
	{
		background-color: #0b5185;
		color: #fff;
	}

	.gpsTable2 tr
	{
		cursor: pointer;
	}

	.gpsTable2 td
	{
		padding-left: 10px;
		color: #505050;
		/*border-top: 1px dashed #fff;*/
		transition: all 0.3s;
	}

	.gpsTable2 tbody tr:hover td
	{
		color: #eee;
		background: #3b9bd0;
		transition: all 0.3s;
	}

	.gpsTable2 .odd
	{
		background-color: #fff;
	}

	.gpsTable2 .even
	{
		background-color: #f1f8fe;
		color: red;
	}

	.gpsTable2 .notClickAble
	{
		cursor: default;
	}

	.gpsTable2 .HandelaarsKenteken
	{
		color: white;
		background-color: green;
	}

	.gpsTable2 .statusLopend
	{
		background-image: url('images/icon_polisstatus.png');
		background-position: 0px 0px;
		width: 16px;
		height: 16px;
	}

	.gpsTable2 .statusWanbetaling
	{
		background-image: url('images/icon_polisstatus.png');
		background-position: -16px 0px;
		width: 16px;
		height: 16px;
	}

	.gpsTable2 .statusUitdekking
	{
		background-image: url('images/icon_polisstatus.png');
		background-position: -32px 0px;
		width: 16px;
		height: 16px;
	}

	.gpsTable2 .statusGeroyeerd
	{
		background-image: url('images/icon_polisstatus.png');
		background-position: -48px 0px;
		width: 16px;
		height: 16px;
	}

	.gpsTable2 .oorsprongOverig
	{
		background-image: url('images/incidentorigins.png');
		background-position: 0px 0px;
		width: 16px;
		height: 16px;
	}

	.gpsTable2 .oorsprongTelefoon
	{
		background-image: url('images/incidentorigins.png');
		background-position: -16px 0px;
		width: 16px;
		height: 16px;
	}

	.gpsTable2 .oorsprongEmail
	{
		background-image: url('images/incidentorigins.png');
		background-position: -32px 0px;
		width: 16px;
		height: 16px;
	}

	.gpsTable2 > thead > tr > td
	{
		background-color: #0b5185;
		color: #fff;
		font-weight: bold;
	}

.notClickAble
{
	cursor: default !important;
}

.gpsTableBox
{
	border: 1px solid #badef8;
	border-radius: 3px;
	padding-bottom: 0;
	margin-bottom: 12px;
	margin-top: 10px;
	background-color: #fff;
}

	.gpsTableBox:hover
	{
		-moz-box-shadow: 0px 1px 5px #5893ce;
		-webkit-box-shadow: 0px 1px 5px #5893ce;
		box-shadow: 0px 1px 5px #5893ce;
		transition: all 1s;
	}

.tableheader
{
	cursor: default !important;
}

.subtext
{
	font-size: 8pt !important;
	color: #666666 !important;
	font-style: italic !important;
}

.datapager
{
	margin-right: 5px;
	text-align: right;
}

.pagerbutton
{
}

	.pagerbutton:hover
	{
		background-color: #ccc;
		transition: border 0.2s linear, background-color 0.2s linear;
	}

	.pagerbutton:disabled, .disabled
	{
		opacity: .5;
	}

/*FEEDBACCKK!!!!*/
.btnFeedback
{
	background: url('images/btn_feedback_white.png') no-repeat scroll #B90426 !important;
	color: #2D2D2D !important;
	height: 135px;
	left: -2px;
	position: absolute;
	top: 200px;
	width: 28px !important;
	z-index: 1000;
	transition: background-color 0.8s linear 0s !important;
}

	.btnFeedback:hover
	{
		background: url('images/btn_feedback_white.png') no-repeat scroll #8d041e !important;
		color: #fff;
		transition: background-color 0.8s linear 0s !important;
	}

	.btnFeedback:active
	{
		background-color: #2d2d2d !important;
	}

.roundEdgeBox
{
	/*min-height:100%;*/
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: auto;
	border: 1px solid #ccc;
	margin-top: 5px;
}

/*** FORMULIER STYLES ********************************************************/
ol
{
	padding: 0px;
}

	ol li
	{
		list-style: none;
		overflow: hidden;
	}

	ol.columns-two
	{
		/* margin: 0% 1% !important; */
		margin: 0 !important;
		width: 48%;
		float: left;
		clear: none !important;
	}

	ol.columns-four
	{
		margin: 0% 1%;
		width: 23%;
		float: left;
		clear: none !important;
	}

	ol.formulier
	{
		padding: 3px 0px;
		overflow: visible;
		clear: both;
		background-color: #fff;
		margin: -3px 0 0 0;
	}

		ol.formulier.loginform li
		{
			line-height: 30px;
		}

		ol.formulier.loginform div.inputs input
		{
			height: 25px;
			width: 200px;
		}

		ol.formulier li
		{
			padding-left: 20px;
			/*min-height: 25px;
		line-height: 25px;*/
			border-bottom: 1px solid #E7EBEE;
			padding: 4px 0px 4px 20px;
		}

			ol.formulier li.header
			{
				color: #E85311;
				font-weight: bold;
				border-bottom-color: #E85311;
				margin-top: 5px;
				padding-bottom: 10px;
			}

			ol.formulier li.footer
			{
				color: #E85311;
				font-weight: bold;
				border-top: 1px solid #E85311;
				border-bottom: none;
				line-height: 2px;
				min-height: 2px;
			}

/*---------------Uitzondering op de standaardtekst in de header ---------------*/
.headerdonker
{
	color: #333;
	font-size: 0.8em;
}

/* --------- Emphasis --------- */
ol.formulier li.emphasis
{
	background-color: #edf6fd;
	border: 1px solid #D1D0D0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 0px;
}

/* --------- Emphasis voor tips --------- */
ol.formulier li.emphasistip
{
	background-color: #eb692f;
	border: 1px solid #D1D0D0;
	margin: 10px 0px;
}

/*Labels op usercontrols met klasse emphasis */
ol.formulier li.emphasis label
{
	width: 221px;
}

/* --------- full-width --------- */
ol.formulier li.full-width
{
	/*padding: 0px;*/
}

	ol.formulier li.full-width ol
	{
		margin: 0px;
	}

		ol.formulier li.full-width ol li
		{
			padding-left: 20px;
			margin-right: 0px;
		}

			ol.formulier li.full-width ol li.full-width
			{
				padding: 0px;
			}

			ol.formulier li.full-width ol li.header
			{
				border-top: none;
				border-bottom: 1px solid #E85311;
				padding: 0px;
			}

/* --------- no-border --------- */
ol.formulier li.no-border
{
	border-bottom: none !important;
}

ol.formulier li > div.tooltip-icon-afwijkend
{
	float: left;
	margin-left: -4px;
	height: 16px;
	margin-top: 30px;
}

ol.formulier li > div.tooltip-icon
{
	float: left;
	margin-left: -20px;
	height: 16px;
	margin-top: 5px;
}

ol.formulier li ol.columns-two li > div.tooltip-icon
{
	margin-left: 0px;
	margin-right: 5px;
	width: 15px;
}

ol.formulier li > div.tooltip-icon a
{
	margin-top: 8px;
}

ol.formulier li > label
{
	font-family: "PT Sans",Helvetica,Arial,Sans-Serif;
	float: left;
	display: block;
	width: 210px;
	font-weight: bold;
	margin-right: 5px;
}

/* --------- lange labels/teksten --------- */
ol.formulier li.only-text > label
{
	width: 100%;
	font-weight: normal;
}

ol.formulier li.longest > label
{
	width: 330px;
}

ol.formulier li.longer > label
{
	width: 290px;
}

ol.formulier li.long > label
{
	width: 250px;
}

ol.formulier li.short > label
{
	width: 170px;
}

ol.formulier li.shortest > label
{
	width: 130px;
}

ol.formulier div.inputs
{
	float: left;
}

	ol.formulier div.inputs > label
	{
		vertical-align: text-bottom;
	}

	ol.formulier div.inputs input[type=password],
	ol.formulier div.inputs input[type=text],
	ol.formulier div.inputs select
	{
		border: 1px solid #CECECE;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		/*float: left;*/
		padding: 2px;
		transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, -moz-box-shadow 0.2s linear 0s, -webkit- box-shadow 0.2s linear 0s;
	}

		ol.formulier div.inputs input:focus,
		ol.formulier div.inputs select:focus
		{
			border-color: #0a6dcf;
			box-shadow: 0px 0px 5px #5893ce;
			-moz-box-shadow: 0px 0px 5px #5893ce;
			-webkit-box-shadow: 0px 0px 5px #5893ce;
			transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, -moz-box-shadow 0.2s linear 0s, -webkit- box-shadow 0.2s linear 0s;
		}

	ol.formulier div.inputs input
	{
		height: 18px;
	}

		ol.formulier div.inputs input.error
		{
			border-color: #E60101;
		}

	ol.formulier div.inputs select
	{
		height: 25px;
		line-height: 25px;
	}

/* --------- Sub form --------- */
ol.formulier > li ol li
{
	border-bottom: 1px solid #bababa;
	padding-left: 0px;
	margin-right: 10px;
}

	ol.formulier > li ol li:last-child
	{
		border-bottom: none;
	}

	ol.formulier > li ol li.emphasis:last-child
	{
		border: 1px solid #D1D0D0;
		margin-right: 10px;
	}

	/* Lelijke hack om een enkele LI wel een lijn te geven */
	ol.formulier > li ol li:first-child
	{
		border-bottom: 1px solid #BABABA;
	}

	ol.formulier > li ol li.header
	{
		border-bottom: 1px solid #E85311;
		padding: 0px;
		margin-bottom: 5px;
	}

	ol.formulier > li ol li label
	{
		width: 210px;
	}


ol.formulier li > input[type=submit]
{
	font-family: Helvetica, Arial;
	font-size: 13px !important;
	font-weight: normal;
	padding: 5px;
	border: none;
	outline: none;
	outline: 0;
	/*width:120px;*/
	line-height: 1.6em !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/*  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2d2d2d, offX=0, offY=0, positive=true);
    transition: border 0.2s linear 0s, background-color 0.2s linear 0s;*/
	cursor: pointer;
	margin-left: 216px;
}

/**************************************************************TOOLTIPS*/
.tooltip
{
	display: none;
	position: absolute;
	border: 1px solid #333;
	background-color: #161616;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	font: 12px Arial;
	margin: 0px;
}

.zoekbox
{
	border: 1px solid #0094FF !important;
	border-radius: 3px 3px 3px 3px;
	margin: auto;
	padding: 5px;
	text-align: center;
	width: 500px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
}


/*
    Adds an asterix to all the fields that are required. cannot be applied on the textbox itself but to the div one level above it.
    http://stackoverflow.com/questions/2587669/css-after-pseudo-element-on-input-field
*/
.required:after
{
	content: "*";
	color: red;
}

/**************************************************************DROPDOWNMENU*/

.gpsDropdown
{
	width: 250px;
}