/* Misc items */

/*.ctrl_maincontainer td {
	line-height: 1em;
}*/

.ctrl_mandatory {
  color: #990000;
}

.ctrl_field_input {
	/* staat uit omdat je anders overal mini tekst in label elementen krijgt die je niet meer kan overschrijven */
	/*font-size: 1px ! important;*/
}

.ctrl_txt, .ctrl_cmb, .ctrl_cmb_input, .ctrl_lst, .ctrl_fil, .ctrl_txa, .ctrl_txa_max, .ctrl_dte, .ctrl_col, .ctrl_col_preview, .ctrl_tme, .ctrl_tme_input, .ctrl_uri, .ctrl_uri_input {
	font-family: verdana, helvetica, tahoma;
	font-size: 8pt;
	background-color: #FEFEFE;
	color: #555555;
	/*border: 2px inset;*/
	border-left: 2px solid #404040;
	border-top: 2px solid #404040;
	border-right: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
}

.ctrl_txt, .ctrl_lst, .ctrl_fil, .ctrl_txa, .ctrl_dte, .ctrl_col, .ctrl_tme, .ctrl_uri {
	width: 150px;
}

.ctrl_browse, .ctrl_browse_disabled {
	width: 16px;
	height: 16px;
	clip: rect(0px 0px 0px 0px);
	overflow: hidden;
	float: right;
}

.ctrl_browse {
	background-image: url(/htmlcontrols/img/browse.gif);
	cursor: pointer;
	cursor: hand;
}

.ctrl_delete {
	width: 16px;
	height: 16px;
	clip: rect(0px 0px 0px 0px);
	overflow: hidden;
	background-image: url(/htmlcontrols/img/delete.png);
	cursor: pointer;
	cursor: hand;
	float: right;
}

/* Radio Button */

.ctrl_rdo {
	height: 20px;
}

/* Text Area*/

.ctrl_txa_max {
	width: 50px;
}

/* Date control */

.ctrl_dte_popup {
	position: absolute;
	width: 250px;
	height: 190px;
	border: 1px solid #000000;
	background-color: #F9F9F9;
}

/* Color picker */

.ctrl_col_preview {
	border: 1px solid #555555;
	width: 20px;
}

/* URI selector */

.ctrl_uri {
	border: 0 none ! important;
}

.ctrl_uri_img {
	height: 32px;

}

/* Dropdown combo */

.ctrl_cmb_input {
	border: 0px none;
	width: 127px;
}

table.ctrl_cmb_container {
	float: left;
}

td.ctrl_cmb_container {
	font-size: 1px;
	font-family: verdana, helvetica, tahoma;
	font-size: 8pt;
	color: #555555;
	background-color: #FEFEFE;
	border: 1px solid #999999;
}

.ctrl_cmb_button, .ctrl_cmb_button_over, .ctrl_cmb_button_pressed {
	font-size: 1px;
	background-image: url(/htmlcontrols/img/cmb_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #D4D0C8;
	border-left: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
	width: 16px;
	height: 100%;
	cursor: default;
	-moz-user-select: none;
}

.ctrl_cmb_button_over {
	background-color: #D8D4CB;
}

.ctrl_cmb_button_pressed {
	background-color: #D8D4CB;
	background-position: 55% 55%;
	border: 1px solid #999999;
	width: 18px;
}

.ctrl_cmb_list {
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #FFFFFF;
	overflow: auto;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 20;
}

/* Items in a dropdown list */

.ctrl_cmb_listitem td , .ctrl_cmb_listitem_over td, .ctrl_cmb_listitem_selected td, .ctrl_cmb_listitem_selected_over td {
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 3px;
	vertical-align: middle;
	cursor: default;
	-moz-user-select: none;
	white-space: nowrap;
	font-family: inherit ! important;
	font-size: inherit ! important;
	font-weight: inherit ! important;
	color: inherit ! important;
}

.ctrl_cmb_listitem, .ctrl_cmb_listitem_over, .ctrl_cmb_listitem_selected, .ctrl_cmb_listitem_selected_over {
	font-family: verdana, helvetica, tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.ctrl_cmb_listitem_over {
	color: #FFFFFF;
	background-color: #0A246A;
}

.ctrl_cmb_listitem_selected {
	color: #990000;
}

	.ctrl_cmb_listitem_selected .listitem_l {
		background-image: url(/htmlcontrols/img/cmb_arrow_right.gif);
		background-repeat: no-repeat;
		background-position: 1px 50%;
	}

.ctrl_cmb_listitem_selected_over {
	color: #FFFFFF;
	background-color: #0A246A;
}

	.ctrl_cmb_listitem_selected_over .listitem_l {
		background-image: url(/htmlcontrols/img/cmb_arrow_right_selected.gif);
		background-repeat: no-repeat;
		background-position: 1px 50%;
	}

/* Time Selector */

.ctrl_tme {
	border-right: 0px;
}

.ctrl_tme_input {
	border: 0px none;
}

.ctrl_tme_uparrow, .ctrl_tme_uparrow_pressed, .ctrl_tme_downarrow, .ctrl_tme_downarrow_pressed {
	font-size: 1px;
	width: 8px;
	height: 8px;
	background-image: url(/htmlcontrols/img/tme_arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #D4D0C8;
	border: 2px outset;
	cursor: default;
}

.ctrl_tme_uparrow_pressed {
	background-image: url(/htmlcontrols/img/tme_arrow_up_pressed.gif);
	background-position: 70% 70%;
	background-color: #D8D4CB;
	border: 1px solid #999999;
}

.ctrl_tme_downarrow {
	background-image: url(/htmlcontrols/img/tme_arrow_down.gif);
}

.ctrl_tme_downarrow_pressed {
	background-image: url(/htmlcontrols/img/tme_arrow_down_pressed.gif);
	background-position: 70% 70%;
	background-color: #D8D4CB;
	border: 1px solid #999999;
}

.ctrl_tme {
	font-family: verdana;
	font-size: 8pt;
	text-align: center;
	color: #555555;
	vertical-align: middle;
	cursor: default;
	background-color: #FFFFFF;
}

.ctrl_cmb_listitem_image {
	vertical-align: middle;
	margin: 2px;
}

/* Binary preview field */

div.ctrl_bin_preview {
	width: 200px;
	vertical-align: middle;
	text-align: center;
	clip: rect(0px 0px 0px 0px);
}

img.ctrl_bin_preview {
	width: 200px;
}

/* Mime type divs */

.ctrl_bin_application-msaccess {
	background-image: url(/htmlcontrols/img/application-msaccess.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_application-octet-stream, .ctrl_bin_application-x-msdownload {
	background-image: url(/htmlcontrols/img/application-octet-stream.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_application-msword {
	background-image: url(/htmlcontrols/img/application-msword.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_application-pdf {
	background-image: url(/htmlcontrols/img/application-pdf.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_application-vnd.ms-excel {
	background-image: url(/htmlcontrols/img/application-vnd.ms-excel.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_application-x-compressed, .ctrl_bin_application-x-gzip, .ctrl_bin_application-x-rar, .ctrl_bin_application-x-tar, .ctrl_bin_application-x-zip-compressed {
	background-image: url(/htmlcontrols/img/application-x-compressed.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_video-x-msvideo, .ctrl_bin_video-x-ms-wmv {
	background-image: url(/htmlcontrols/img/video-x-msvideo.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_audio-mpeg, .ctrl_bin_audio-wav, .ctrl_bin_audio-x-ms-wma {
	background-image: url(/htmlcontrols/img/audio-wav.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_image-bmp, .ctrl_bin_image-gif, .ctrl_bin_image-jpeg, .ctrl_bin_image-pjpeg, .ctrl_bin_image-png, .ctrl_bin_image-tiff, .ctrl_bin_image-x-png {
	background-image: url(/htmlcontrols/img/image-bmp.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_text-html {
	background-image: url(/htmlcontrols/img/text-html.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ctrl_bin_text-plain {
	background-image: url(/htmlcontrols/img/text-plain.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

/* Outline Listview */
.ctrl_olv_container {
	-moz-user-select: none;
	width: 100%;
/*	table-layout: fixed;*/
}

/*.ctrl_olv_spacer {
	background-color: transparent;
	-moz-user-select: none;
	font-size: 1px;
	width: 16px;
}*/

.ctrl_olv_child_container {
	font-size: 1px;
	-moz-user-select: none;
	-moz-box-sizing: border-box;
	width: 100%;
}

.ctrl_olv_expander, .ctrl_olv_expander_expanded {
	cursor: pointer;
	cursor: hand;
	-moz-user-select: none;
}

	.ctrl_olv_expander div, .ctrl_olv_expander_expanded div {
		width: 16px;
		background-image: url(/htmlcontrols/img/olv_plus.gif);
		background-position: center center;
		background-repeat: no-repeat;
	}

	.ctrl_olv_expander_expanded div {
		background-image: url(/htmlcontrols/img/olv_min.gif);
	}

	.ctrl_olv_expander_empty div {
		width: 16px;
		cursor: default;
		-moz-user-select: none;
	}

.ctrl_olv_check, .ctrl_olv_check_checked, .ctrl_olv_check_grayed {
	cursor: pointer;
	cursor: hand;
	-moz-user-select: none;
}

	.ctrl_olv_check div, .ctrl_olv_check_checked div, .ctrl_olv_check_grayed div {
		width: 10px;
		background-image: url(/htmlcontrols/img/olv_check_off.gif);
		background-position: center center;
		background-repeat: no-repeat;
	}

	.ctrl_olv_check_checked div {
		background-image: url(/htmlcontrols/img/olv_check_on.gif);
	}

	.ctrl_olv_check_grayed div {
		background-image: url(/htmlcontrols/img/olv_check_gray.gif);
	}

.ctrl_olv_icon {
	padding-left: 1px;
	-moz-user-select: none;
	width: 1px;
}

.ctrl_olv_item, .ctrl_olv_item_selected {
	padding-left: 2px;
	background-color: transparent;
	cursor: default;
	-moz-user-select: none;
	width: 100%;
}

.ctrl_olv_item_selected {
	background-color: transparent;
}

.ctrl_olv_label, .ctrl_olv_label_selected {
	color: #000000;
	background-color: transparent;
	cursor: default;
	padding: 2px;
}

.ctrl_olv_label_selected {
	color: #FFFFFF;
	background-color: #0A246A;
}

.ctrl_olv_label_dragover {
	color: #FFFFFF;
	/*background-color: #7CA3D2;*/
	background-color: #999999;
}

.ctrl_olv_drg_ghost {
	position: absolute;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

.ctrl_olv_drg_line {
	position: absolute;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #999999;
	width: 10px;
	height: 2px;
	font-size: 1px;
	-moz-box-sizing: border-box;
}

.ctrl_olv_droptarget, .ctrl_olv_droptarget_over {
	height: 2px;
	font-size: 1px;
	-moz-box-sizing: border-box;
}

.ctrl_olv_droptarget_over {
	background-color: #999999;
}

.ctrl_olv_xcolumn {
}

/* Checkbox */
.ctrl_chk_container {
	width: 200px;
}

	.ctrl_chk_box_container, .ctrl_chk_label_container {
		padding: 1px;
	}

	.ctrl_chk_box_container div {
		margin-top: 1px;
	}

.ctrl_chk_label, .ctrl_chk_label_disabled {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	-moz-user-select: none;
}

.ctrl_chk_label_disabled {
	color: #777777;
}

.ctrl_chk_unchecked, .ctrl_chk_disabled, .ctrl_chk_checked {
	width: 11px;
	height: 11px;
	border: 1px solid #1C5180;
	background-color: #FFFFFF;
	-moz-user-select: none;
	margin-right: 2px;
	line-height: 0px ! important;
	font-size: 1px ! important;
}

.ctrl_chk_disabled {
	background-color: #DDDDDD;
	border: 1px solid #777777;
}

.ctrl_chk_checked {
	background-image: url(/htmlcontrols/img/chk_check_on.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.ctrl_chk_unchecked {
	background-image: url(/htmlcontrols/img/chk_check_off.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* HTML control */

.ctrl_htm {
	border: 1px solid #000000;
}