@charset "utf-8";
/* CSS Document */



/*------------------------------ Opmaak Formulieren ------------------------------*/
.defaultForm .checkbox, .defaultForm .radio, .verticalForm .checkbox, .verticalForm .radio {
    border: none;
	margin-top: 5px;
	margin-bottom: 2px;
	padding:0px;
}

.verticalForm .checkbox, .verticalForm .radio {
	height: auto;
}

input, textarea, select {
	background: #fff;
	border: 1px solid #cccccc;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	display: inline-block;
	font-size: 14px;
	height: 36px;
	line-height: 1.42857;
	margin: 5px 5px 10px;
	padding: 1px 0 1px 4px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
	input:focus, textarea:focus, select:focus {
		border-color: #66afe9;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
		outline: 0 none;
	}

	input[disabled], input[readonly] {
		cursor: not-allowed;
	}

.defaultForm input {
	height:15px;
}

select {
	border: 1px solid #cccccc;
	cursor:pointer;
	xheight:22px;
	padding:2px 0px 1px 1px;
}

label {
	display: inline-block;
    xfloat: left;
	xheight: 36px;
    padding: 4px 0px 0px 0px;
	vertical-align: text-bottom;
}

label.omschrijving {
	display: block;
    float: left;
    padding: 4px 0px 0px 0px;
	font-weight:bold;
	width: 150px;
}

label.type {
	display: block;
    float: left;
    padding: 4px 0px 0px 0px;
	font-weight:bold;
	width: 120px;
}

label.zichtbaar {
	display: block;
    float: left;
    padding: 4px 0px 0px 0px;
	font-weight:bold;
	width: 50px;
}

input[type="radio"] + label {
	height: 36px;
}

.defaultForm span {
	display: block;
    float: left;
    padding: 4px 0px 0px 0px;
}

.defaultForm select#searchIn {
	float:right;
	margin-bottom:9px;
	padding-left:10px;
	width:185px;
}

.defaultForm input#searchFor {
	background-image: url(../images/zoekopdracht.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float:right;
	margin-bottom:9px;
	padding-left:14px;
	width:169px;
}

.defaultForm input#searchButton{
	background-image: url(../images/bgSearch.jpg);
	border: 1px solid #cccccc;
	color:#000000;
	float:right;
	margin-bottom:0px;
}

.submitBtn {
    background: #af4f52;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	height: auto;
	line-height: 1.42857;
	margin-bottom: 5px;
	padding: 10px 40px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}
	.submitBtn:hover {
		opacity: .85;
	}

.greyBtn {
	background: #e9e9e9;
}
	.greyBtn:hover {
		background: #cccccc;
	}

/* -------------------------- Formulier tabel --------------------------- */
.formTabel .formTabelHeader th {
	font-weight:bold;
}

.formTabel th, .formTabel td {
	padding:5px 0px 5px 0px;
}

.formTabel th.last, .formTabel td.last {
	padding-right:0px;
}

.formTabel th {
    vertical-align: bottom;
}

.formTabel td {
    vertical-align: top;
}

.formTabel td .checkbox{
	margin:0px;
}

.formTabel tr.formTabelRegel td.opzegtekst {
	visibility:hidden;
	color: #A3A3A3;
    float: left;
    font-size: 7pt;
}

.formTabel tr.regelOpgezegd td.opzegtekst {
	visibility:visible;
}

.formTabel tr.quarantiane td {
	background-color:#EAEAEA;
	border-bottom:1px solid #FFFFFF;
}

.formTabel tr.hover td {
	background-color:#336699;
	color:#FFFFFF;
	cursor:pointer;
}

.formTabel .highlight input, .formTabel .highlight select, input.highlight, select.highlight {
	border-color:#FF0000;
}

.formTabel select, .formTabel input {
	float:none;
	margin-bottom:0px;
	padding-left:4px;
}

.formTabel select {
	padding-left:0px;
}

.formTabel input.extraItem, .formTabel select.extraItem, .formTabel input.tokenKolom {
	margin-top:3px;
}

.formTabel img.plusTypeDealer {
	cursor:pointer;
	float:right;
	margin-right:10px;
}

.formTabelRegelLayout, #domeinnaamHandle {
	display:none;
}

select.errorMessageField, input.errorMessageField, .formTabel .errorMessageField, textarea.errorMessageField{
	border-color:#FF0000;
}

label.errorMessageField {
	color:#FF0000;
}

div.errorMessageField {
	background-color:#FF0000;
}

#paginaMeldingen, .paginaMelding {
	display:none;
}

/*------------------------------ Opmaak SeachSelect ------------------------------*/
.wrapperDiv {
	position:relative;
}

input.seachtInput {
	background-image:url(../images/icons/dropdown.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:21px;
	width:375px;
}

.dropdownDiv {
	border:1px solid #CCCCCC;
	border-top:none;
	display:none;
	position:absolute;
	height:233px;
	width:400px;
	overflow:auto;
	z-index:100;
	background-color:#FFFFFF;
}

.optionDiv {
	background-image:url(../images/layout/bgDropdown.jpg);
	background-repeat:repeat-x;
	border-bottom:1px solid #CCCCCC;
	white-space:nowrap;
	padding: 5px;
}

.optionDivHover {
	background-image:none;
	background-color:#26538F;
	color:#FFFFFF;
}

/*------------------------------ Opmaak Rayon/vertical form ------------------------------*/
#container #containerMain .rayonForm .formBlock label, #container #containerMain .rayonForm .formBlock span,
#container #containerMain .verticalForm .formBlock label, #container #containerMain .verticalForm .formBlock span {
	float: left;
	padding: 8px;
}

#container #containerMain .rayonForm .formBlock label,
#container #containerMain .verticalForm .formBlock label {
	width: 150px;
}

#container #containerMain .rayonForm .rayonError,
#container #containerMain .verticalForm .formError {
	color: #FF0000;
	font-weight: bold;
}

#container #containerMain .rayonForm .rayonSucces,
#container #containerMain .verticalForm .formSucces {
	color: #00BB00;
	font-weight: bold;
}

#container #containerMain .verticalForm h2 .formError,
#container #containerMain .verticalForm h2 .formSucces {
	font-size: 16px;
}

#container #containerMain .rayonForm .rayonLocations li {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CACACA;
	color: #000000;
	float: left;
	width: 600px;
}

#container #containerMain .rayonForm .rayonLocations li.rayonLocationActive {
	background-color: #af4f52;
	color: #FFFFFF;
}

#container #containerMain .rayonForm .rayonLocations li:hover, #container #containerMain .rayonForm .rayonLocations li:hover {
	background-color: #E0E0E0;
	color: #000000;
}

#container #containerMain .rayonForm .rayonLocations li label {
	height: 22px;
	padding: 4px 10px;
	overflow: hidden;
	width: 550px;
}

#container #containerMain .rayonForm .submitBtn,
#container #containerMain .verticalForm .submitBtn {
	width: auto;
}

#container #containerMain .verticalForm .formBlock span.notice {
    color:#a3a3a3;
	font-size:7pt;
	padding: 0px 0px 8px 8px;
}

#container #containerMain .verticalForm .formBlock span.labelSpace {
    margin-left: 166px;
	width: 300px;
}

#container #containerMain .verticalForm .inputFieldLarge {
	width: 300px;
}

#container #containerMain .verticalForm .selectFieldLarge {
	width: 305px;
}

/* Background in icon select */
#container #containerMain .ui-state-default,
#container #containerMain .ui-widget-content .ui-state-default,
#container #containerMain .ui-widget-header .ui-state-default {
	background-color: #fff;
	background-image: none;
}

/* CKE editor */
#container #containerMain #cke_editor label, #container #containerMain #cke_editor span {
	float: none;
	padding: 0px;
}

#container #containerMain #cke_editor .cke_top {
	padding: 6px 8px 2px;
}

#container #containerMain #cke_editor .cke_button_label {
	padding: 3px;
}

#container #containerMain #cke_editor .cke_toolgroup,
#container #containerMain #cke_editor .cke_toolbar,
#container #containerMain #cke_editor .cke_button_icon,
#container #containerMain #cke_editor .cke_button_label,
#container #containerMain #cke_editor .cke_toolbar_separator {
	float: left;
}