@charset "utf-8";
/* manager.css */

/* --- RESETTING BROWSER DEFAULTS - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* --- GENERAL DEFAULTS --- */

/*html { overflow-y: scroll; }*/	/* Always show scrollbar on right side (as IE does) in all browsers to avoid jumping of centered sites caused by (dis)appearing these scrollbars. Overflow-y is a CSS3 property and therefor it does not validate yet (removing it only affects the jumping). */
body, html { height: 100%; }
body { position: relative; float: left; clear: both; width: 100%; }

ul { list-style-type: disc; }
	ul li { margin-left: 16px; }
ol { list-style-type: decimal; list-style-position: outside;}
	ol li { margin-left: 31px; }
ul.nav, .nav ul, ul.overview, .overview ul, ul.linkList, .linkList ul, ul.pagination, .pagination ul,
ol.nav, .nav ol, ol.overview, .overview ol, ol.linkList, .linkList ol,
.nav li, .overview li, .linkList li, .pagination li { margin: 0; padding: 0; background-image: none; list-style-type: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

legend { margin-right: 0; }
* html legend { margin-left: -7px; }
*:first-child+html legend { margin-left: -7px; }

label, button, input.button { cursor: pointer; }
input[type="submit"], input[type="reset"], input[type="button"] { cursor: pointer; }

:focus, object:focus, embed:focus { outline-style: none; }
a:focus, area:focus, input:focus, select:focus, textarea:focus, button:focus { outline-width: 1px; outline-style: dashed; }

p.downloadLink {
	margin-top: 9px;
}

.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter, .dataTable th.alignCenter { text-align: center }

.offScreen, .jsTabs .tabHeader { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }

	/* --- overLabel --- */

	.jsOverLabelBlur { position: relative; }
		.jsOverLabel { position: absolute; left: -9999px; top: 0; white-space: nowrap /* needed for safari */; overflow: hidden; cursor: default; }
		.jsOverLabelBlur .jsOverLabel { left: 3px; top: 2px; z-index: 1; }
			.jsOverLabelBlur .jsOverLabel span { display: none; }

	/* --- clickable --- */

	.jsClickable { cursor: pointer; }

	/* --- sIFR --- */

	.flash-replaced .alt { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }


/* --- MANAGER --- */

body, input, button, textarea, select {
	font: 1.0em Arial, Helvetica, "Liberation Sans", sans-serif;
}

body {
	font-size: 0.8em;
	line-height: 1.3em;
	color: #000;
	background: #f7f5f0 url(../images/arrow_body_right.gif) -3px 0 no-repeat;
}
body.inlogScherm, .noFrame > body{background-image: none;}

:focus { outline-color: #5fa9c9; }

a{
	color: #f60;
	text-decoration: none;
}
	.itemBeheer .deskContent a, .deskContent a.itemLink, .moduleBeheer .deskContent a.itemLink{color: #0ac;}
	.moduleBeheer .deskContent a {color: #5a1;}
	.previewBeheer .deskContent a {color: #9c9b95;}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

.nav span.sel {
	position: absolute;
	left: -9999px;
}

/* --- pagination --- */

ul.pagination {
	clear: both;
	margin: 4px 0;
}

	.pagination li {
		float: left;
		margin-right: 0.5em;
	}

		.pagination li.selected a {
			font-weight: bold;
			color: #000;
		}

	/* --- appBody --- */

	#appBody {
		position: relative;
		float: left;
		clear: both;
		padding: 15px 20px 20px 14px;
	}
		.inlogScherm #appBody{
			float: none;
			margin: 5% auto 0;
			position: inherit;
		}

		/* --- corners --- */

		.corners {

		}

			.corners span {
				position: absolute;
				display: block;
				width: 9px;
				height: 9px;
				overflow: hidden;
				background-image: url(../images/bg_corners_white.png);
			}

			.corners .topLeft { top: -5px; left: -5px; background-position: 0 0; }
				.inlogScherm .corners .topLeft {background-image: url(../images/bg_corners_orange.png);}
			.corners .topRight { top: -5px; right: -5px; background-position: 9px 0; }
				.inlogScherm .corners .topRight {background-image: url(../images/bg_corners_orange.png);}
			.corners .bottomLeft { bottom: -5px; left: -5px; background-position: 0 9px; }
			.corners .bottomRight { bottom: -5px; right: -5px; background-position: 9px 9px; }

		/* --- appDesk --- */

		#appDesk {
			float: left;
		}
		.inlogScherm #appDesk{
			float: none;
		}

		#appDesk :focus {
			outline-color: #000;
		}

			/* --- deskHeader --- */

			#deskHeader {
				float: left;
				clear: both;
				width: 100%;
				margin-bottom: 12px;
			}

				#appDesk h1 {
					float: left;
					font-size: 1.4em;
					font-weight: bold;
					line-height: 1.15em;
					color: #e71;
					padding: 4px 12px 0 0;
				}
					#appDesk .itemBeheer h1 {color: #0ac;}
					#appDesk .moduleBeheer h1 {color: #5a1;}
					#appDesk .previewBeheer h1 {color: #9c9b95;}

				#metaShort {
					float: left;
					color: #333;
					white-space: nowrap;
					padding-top: 8px;
				}

					#metaShort li {
						float: left;
						padding-left: 15px;

						background: url(../images/divider_metashort.png) transparent no-repeat 5px 0.36em;
					}

					#metaShort li.first {
						padding-left: 0;
						background-image: none;
					}

					/* PREVIEW-knop */

					#metaShort a.preview{
						position: relative;
						top: -2px;
						color: #f60;
						background-color: #FFFFFF;
						border: 3px solid #DEDCD7;
						border-radius: 20px;
						padding: 3px 12px 3px 6px;
					}
						#metaShort a.preview:active, #metaShort a.preview:focus{outline: none;}
						.itemBeheer #metaShort a.preview{color: #0ac;}
						.moduleBeheer #metaShort a.preview{color: #5a1;}

					#metaShort a:hover.preview, #metaShort a:active.preview, #metaShort a:focus.preview{
						border-color: #f60;
						color: #333;
						text-decoration: none;
					}
						.itemBeheer #metaShort a:hover.preview, .itemBeheer #metaShort a:active.preview, .itemBeheer #metaShort a:focus.preview{border-color: #0ac;}
						.moduleBeheer #metaShort a:hover.preview, .moduleBeheer #metaShort a:active.preview, .moduleBeheer #metaShort a:focus.preview{border-color: #5a1;}

						#metaShort a.preview span{
							background: url("../images/ico_treesearch.png") no-repeat scroll -17px 4px transparent;
							height: 19px;
							width: 20px;
							display: inline-block;
							margin-bottom: -4px;
						}


			/* --- deskNav --- */

			#deskNav {
				position: relative;
				z-index: 1;
				float: left;
				clear: both;
				font-size: 1.2em;
				width: 100%;
				margin-bottom: -4px;
			}

				#tabErrorMsg {
					display: none;
					font-size: 0.8em;
					height: 0.8em;
					margin: -0.45em 0 1.0em;
				}

				#deskNav ul {
					float: left;
					clear: both;
					width: 100%;
				}

					#deskNav li {
						position: relative;
						float: left;
					}

					#deskNav li.selected {
						background: url(../images/bg_desknav_tab.png) #e71 no-repeat 0 0;
					}
						#deskNav.itemBeheer li.selected {background: url(../images/bg_desknav_tab_blue.png) #0ac no-repeat 0 0;}
						#deskNav.moduleBeheer li.selected {background: url(../images/bg_desknav_tab_green.png) #7c1 no-repeat 0 0;}

						#deskNav li.selected.error {background: url(../images/bg_desknav_tab_red.png) #e01 no-repeat 0 0;}

						#deskNav a {
							display: block;
							color: #666;
							padding: 6px 12px 7px;
							outline-style: none;
						}

						#deskNav .first a {
							padding-left: 32px;
						}

						#deskNav a:hover, #deskNav a:focus, #deskNav a:active {
							color: #f60;
						}
							#deskNav.itemBeheer a:hover, #deskNav.itemBeheer a:focus, #deskNav.itemBeheer a:active {color: #0ac}
							#deskNav.moduleBeheer a:hover, #deskNav.moduleBeheer a:focus, #deskNav.moduleBeheer a:active {color: #5a1}
							#deskNav.previewBeheer a:hover, #deskNav.previewBeheer a:focus, #deskNav.previewBeheer a:active {color: #9c9b95}

						#deskNav .selected a,
						#deskNav .selected a:hover, #deskNav .selected a:focus, #deskNav .selected a:active {
							color: #fff;
							padding: 8px 32px 5px;
							background: url(../images/bg_desknav_tab.png) transparent no-repeat 100% 0;
						}

							#deskNav.itemBeheer .selected a,
							#deskNav.itemBeheer .selected a:hover, #deskNa.itemBeheer .selected a:focus, #deskNav.itemBeheer .selected a:active {
								background: url(../images/bg_desknav_tab_blue.png) transparent no-repeat 100% 0;
							}
							#deskNav.moduleBeheer .selected a,
							#deskNav.moduleBeheer .selected a:hover, #deskNa.moduleBeheer .selected a:focus, #deskNav.moduleBeheer .selected a:active {
								background: url(../images/bg_desknav_tab_green.png) transparent no-repeat 100% 0;
							}

						#deskNav .error a,
						#deskNav .error a:hover, #deskNav .error a:focus, #deskNav .error a:active {
							color: #e01;
						}

						#deskNav .selected.error a,
						#deskNav .selected.error a:hover, #deskNav .selected.error a:focus, #deskNav .selected.error a:active {
							color: #fff;
							background: url(../images/bg_desknav_tab_red.png) transparent no-repeat 100% 0;
						}

						#deskNav .asterisk {
							position: absolute;
							right: 4px;
							top: 6px;
							text-decoration: none;
						}

						#deskNav .selected .asterisk {
							right: 24px;
							top: 8px;
						}

			/* --- deskBody --- */

			#deskBody {
				position: relative;
				float: left;
				min-width: 610px;
				padding: 12px 28px;
				background-color: #fff;
				border: 4px solid #dedcd7;
			}

				#deskBody.noFrame{width: 890px;}

				.inlogScherm #deskBody {
					float: none;
					width: 350px;
					min-width: 0;
					padding: 0;
					margin: 0 auto;
				}

				.inlogScherm #deskBody.messages {
					width: 620px;
				}

					.inlogScherm .deskContent{ padding: 12px 28px; }

					.inlogScherm .inlogToelichting{
						border-top: 1px solid #dedcd7;
						padding: 12px 0;
					}

					.inlogScherm .password-reset {
						padding-bottom: 12px;
					}

					.reset-sent-message {
						margin: 1em 0;
						padding: 1em;
						border: 1px solid #e71;
					}

					.inlogHeader{
						background: #e71;
						height: 22px;
						padding: 4px 4px 5px 25px;
						text-align: left;
					}

				#deskBody.straightCornerTL .corners .topLeft {
					display: none;
				}

				h2.jsHide{
					font-size: 1.45em;
					margin: 0.5em 0 1em;
				}

				.deskContent fieldset{
					border-top: 1px solid #dedcd7;
					padding-bottom: 20px;
				}

				.deskContent fieldset.noLine {
					border-top-style: none;
				}

				.deskContent legend,
				#deskBody h2 {
					color: #e71;
					font-weight: bold;
					background: #fff;
					padding-right: 10px;
				}

				#deskBody h2 {
					background-color: transparent;
				}

				.itemBeheer .deskContent legend,
				#deskBody.itemBeheer h2 {color: #0ac}
				.moduleBeheer .deskContent legend,
				#deskBody.moduleBeheer h2 {color: #5a1}
				.previewBeheer .deskContent legend,
				#deskBody.previewBeheer h2 {color: #9c9b95}

				.deskContent label, h2.label, h3.label{
					font-weight: normal;
					display: block;
					margin: 9px 0 2px;
				}
				h3.label-bold {
					font-weight: bold;
				}

					.kader #sharedItems h3{font-weight: bold;}
					.kader h3.first, .kader label.first{margin-top: 0;}
					.deskContent label.inline{
						display: inline;
						margin: 0;
					}
					.dataTable tbody th label {
						margin-top: 4px;
					}


					.deskContent .inline-block {
						display: inline-block;
						margin: 0;
					}

				div.label, p.label {margin-top: 9px;}

			#deskBody.deprecated, .deprecated .deskContent legend, .deprecated h2 {
				background-color: #f0eee9;
			}


				/* --- item overicht --- */
				ol.items, ul.items, table.items {
					margin-top: 9px;
					margin-left: 0;
				}

				ol.items li,
				.bnr-items li {
					padding: 5px 1px 3px;
					margin-left: 30px;
					background: #fff;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
				}
				/* Beheer stellingen bij de poll van een item */
				#pageStelling ol.items li {margin-bottom: 4px;}
				.kader ol.items li{background: #eee;}

				.bnr-items li {
					margin-left: 0;
				}

					ol.items li.ui-state-highlight{
						background: #f2f1ef;
						border: 1px solid #dedcd7;
						padding: 7px 0 5px;
					}
						.kader ol.items li.ui-state-highlight{
							background: #fff;
							border: 1px solid #dedcd7;
						}


				ol.items li .volgorde,
				table.sortable tbody .volgorde {
					background: url(../images/ico_items.png) -8px -144px no-repeat;
					width: 16px;
					height: 16px;
					margin-right: 8px;
					display: inline;
					display: inline-block;
					cursor: move;
					vertical-align: bottom
				}

				.kader ol.items li .volgorde,
				.kader table.sortable tbody .volgorde {background-position: -40px -144px;}

				ol.items li.mod .volgorde {background-position: -40px -288px;}

				ol.items li a,
				.moduleBeheer ol.items li a,
				ul.items li a,
				.moduleBeheer ul.items li a {
					color: #0ac;

				}
					ol.items li a:hover, ol.items li a:focus, ol.items li a:active,
					ul.items li a:hover, ul.items li a:focus, ul.items li a:active {
						color: #0ac;
					}
					ol.items li span.type, ol.items li span.noTitle{
						color: #e01;
						font-size: 0.85em;
						text-align: center;
						background: url(../images/ico_items.png) -4px -128px no-repeat;
						width: 24px;
						height: 16px;
						padding-right: 4px;
						display: inline-block;
					}
						ol.items li span em{font-style: normal;}

					ol.items li.std span.type{background-position: -4px 0;}
					ol.items li.img span.type{background-position: -4px -16px;}
					ol.items li.htm span.type{background-position: -4px -32px;}
					ol.items li.tpl span.type{background-position: -4px -48px;}
					ol.items li.col span.type{background-position: -4px -64px;}
					ol.items li.cht span.type{background-position: -4px -80px;}
					ol.items li.shr span.type{background-position: -4px -96px;}
					ol.items li.vdi span.type{background-position: -4px -112px;}
					ol.items li span.noTitle{background-position:  -4px -160px;}

					ol.items li.mod{background: #7c1; vertical-align: middle;}
						ol.items li.mod a{color: #fff; font-weight: bold;}
						ol.items li.mod span.type{display: none}

						ol.items li.offline,
						ol.items li a.offline{color: #999;}
						ol.items li a.offline span.mutatie{color: #ed4752;}

						ol.items li.std a.offline span.type{background-position: -36px 0;}
						ol.items li.img a.offline span.type{background-position: -36px -16px;}
						ol.items li.htm a.offline span.type{background-position: -36px -32px;}
						ol.items li.tpl a.offline span.type{background-position: -36px -48px;}
						ol.items li.col a.offline span.type{background-position: -36px -64px;}
						ol.items li.cht a.offline span.type{background-position: -36px -80px;}
						ol.items li.shr a.offline span.type{background-position: -36px -96px;}
						ol.items li.vdi a.offline span.type{background-position: -36px -112px;}

					ol.items li.std span em,
					ol.items li.img span em,
					ol.items li.htm span em,
					ol.items li.tpl span em,
					ol.items li.col span em,
					ol.items li.cht span em,
					ol.items li.shr span em,
					ol.items li.vdi span em,
					ol.items li span.noTitle em,
					ol.formItems li span.type em
					{visibility: hidden}

					/*ol.items li span.noTitle em{display: none;}*/

					ol.items li span.mutatie{color: #e01;}


					ol.formItems li span.type{
						color: #e01;
						font-size: 0.85em;
						text-align: center;
						background: #fff url(../images/ico_formulier.png) 0 0 no-repeat;
						width: 45px;
						height: 16px;
						padding-right: 6px;
					}

					ol.formItems li.typeCheck span.type{background-position: 0 0;}
					ol.formItems li.typeRadio span.type{background-position: 0 -38px;}
					ol.formItems li.typeHtml span.type{background-position: 0 -76px;}
					ol.formItems li.typeText span.type,
					ol.formItems li.typeIdentify_name span.type{background-position: 0 -114px;}
					ol.formItems li.typeArea span.type{background-position: 0 -152px; height: 33px;} ol.formItems li.typeArea div.volgorde{margin-bottom: 17px;}
					ol.formItems li.typeDate span.type{background-position: 0 -190px;}
					ol.formItems li.typeTime span.type{background-position: 0 -228px;}
					ol.formItems li.typeEmail span.type,
					ol.formItems li.typeIdentify_email span.type{background-position: 0 -266px;}
					ol.formItems li.typeFile span.type{background-position: 0 -304px;}
					ol.formItems li.typeHidden span.type{background-position: 0 -342px;}
					ol.formItems li.typeOrder span.type{background-position: 0 -382px;}

					ol.weblinkItems li span.type{background: #fff url(../images/ico_items.png) -4px -240px no-repeat;}
					ol.weblinkItems li a.offline span.type{background: #fff url(../images/ico_items.png) -36px -240px no-repeat;}

					ol.downloadItems li span.type{background: #fff url(../images/ico_items.png) -4px -256px no-repeat;}
					ol.downloadItems li a.offline span.type{background: #fff url(../images/ico_items.png) -36px -256px no-repeat;}

					ol.smoelItems li span.type{background: #fff url(../images/ico_items.png) -4px -208px no-repeat;}
					ol.smoelItems li a.offline span.type{background: #fff url(../images/ico_items.png) -4px -288px no-repeat;}

					ol.sksItems li span.type{background: #fff url(../images/ico_items.png) -4px -304px no-repeat;}
					ol.sksItems li a.offline span.type{background: #fff url(../images/ico_items.png) -36px -304px no-repeat;}

					/* - form results - */
					.form-results p, .form-results ul {
						margin-bottom: 1.3em;
					}
					.form-results p + p, .form-results ul + ul {
						margin-top: -1.3em;
					}


			/* --/- deskBody --- */

/* --- algemeen --- */

#publicatieDatum, #condities {
	margin: 2px 0 0 25px;
		}
	#publicatieDatum label.datepicker{width: 90px; display: inline-block; padding-top: 2px;}

	#publicatieDatum.label{margin: 9px 0 0 0;} /*  het publicatieDtum-vld zonder de optie om het item altijd te publiceren - gebruikt bij nws en sgn */

#condities {
	margin: 2px 0 0 0;
	text-align: center;
}

.kader{
	padding: 8px;
	margin: 0 0 12px;
	background: #eee;
	border: 1px solid #dedcd7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.kaderBlauw{
		background: #deedec;
		border: 1px solid #0ac;
	}

	.kaderGroen{
		background: #ebf7dc;
		border: 1px solid #7c1;
	}

	.kaderWit{background: #fff;}

	.kader .borderBottom {
		padding-bottom: 8px;
		border-bottom: 1px solid #DEDCD7;
	}


.afbeeldingPreview{
	text-align:center;
	padding: 12px;
}

#ui-datepicker-div{font-size: 0.85em;}

.bijSchrift{color: #666;}

.nowrap{ white-space: nowrap;}

.clearBoth{clear: both}

.hidden,.deskContent label.hidden,
.jsHide,.deskContent label.jsHide,
h2.jsHide, h3.jsHide {display: none;}

.jsHideCategories .shrCategories, .jsHideCategories #sharedItems h3.label {
	display: none;
}

.toelichting {color: #888;}

.alert, .error, .moduleBeheer .deskContent .alert a, .moduleBeheer .deskContent .error a{color: #e01;}
	.moduleBeheer .deskContent .error a{text-decoration: underline;}

.kader.error {
	color: #d00;
	background-color: #f7e9e5;
	border-color: #e01;
}

	#bloxz .error h2 {
		color: #d00;
	}

em.error {
	display: block;
	font-weight: normal;
	font-style: normal;
}

label em.error, .label em.error {
	display: inline;
	margin-left: 0.5em;
}

	label.error {
		font-weight: bold;
		display: inline;
		padding-left: 4px;
	}

.draggedMsg {
	margin: 9px 0 -9px;
}

.ui-sortable ~ .draggedMsg {
	margin: 0;
}

	/* --- deprecated --- */

	#deprecated {
		margin-bottom: 12px;
		background-color: #fff;
	}

	/* --- tabellen --- */
	.dataTable{width: 610px;}
	.noFrame .dataTable{width: 890px}
	.kader .dataTable{width: 585px}

	.properties,
	.noFrame .properties,
	.kader .properties {
		width: auto;
	}

	tbody th {
		text-align: left;
	}

	.dataTable th{
		text-align:left;
		padding: 0 4px 4px;
	}

	.dataTable tbody th {
		padding-top: 4px;
		vertical-align: top;
	}

	.dataTable tbody th.label {
		font-weight: normal;
	}

	.dataTable td{
		border-bottom: 1px solid #dedcd7;
		padding: 4px 4px 8px;
		vertical-align: top;
	}
	.dataTable td.sort {
		width: 24px;
	}
	.dataTable td.check {
		padding-top: 2px;
	}
	.dataTable .noLine td,
	.kader .dataTable tr:last-child td {
		border-bottom: none;
	}

	.properties tbody th,
	.properties td {
		padding: 0 4px;
		border-bottom: none;
	}

	.dataTable tr.reactieNietTonen td{
		background: #f5f3ee;
	}

	.dataTable .alignRight{
		text-align:right;
		float: none;
	}

	.dataTable .toelichting input[type=button] {
		margin: 0.5em 0 0;
	}

	.dataTable input.nr{width: 30px;}

	.iconsTable td{padding: 0}
	.iconsTable label span{line-height: 1.3em}

	/* --- mtx table --- */
	#matrix th, #matrix td {
		padding-right: 8px;
	}

	#matrix tr:not(.headers) th {
		font-weight: normal;
	}

	#matrix tbody {
		border-bottom: solid transparent 32px;
	}
	#matrix tbody + tbody {
		border-top: solid transparent 32px;
		box-shadow: 0 -1px 0 0 #dedcd7;
	}

	/* --- services --- */

	.moveSubscriptions {
		width: 20px;
	}

	/* --- itemOverview / formTable / rowSelect --- */
	.formTable, .rowSelect {
		width: auto;
		margin-top: 9px;
	}

	.itemOverview {
		margin-top: 9px;
	}

		.itemOverview th, .rowSelect th {
			padding: 0 8px 8px 0;
		}

		.itemOverview td, .formTable td, .rowSelect td {
			vertical-align: top;
			padding: 0 8px 0 0;
		}

		.rowSelect td.toelichting {
			/*padding-top: 2px;*/
			padding-bottom: 8px;
		}

			.rowSelect td input {
				margin-top: 2px;
			}

			.rowSelect td select {
				margin-bottom: 8px;
			}

		.formTable label {
			margin: 3px 0 8px;
		}

	/* --- scrollable Content --- */
	.scrollable {
		width: 500px;
		max-height: 18em;
		overflow-y: auto;
		margin: 6px 0 12px;
		list-style: none;
	}

		.scrollable li {
			margin: 0;
			padding: 0;
		}

			.scrollable li label {
				margin: 0;
			}

		/* show / hide unchecked checkboxes */
		.toggle-checkboxes {
			margin: 0.083em 0 0 16px;
			padding: 0;
			border: none;
			background: none;
			font-family: Arial, Helvetica, sans-serif;
			color: #0ac;
		}

		.scrollable .js-hide {
			display: none;
		}
		.scrollable.show-all .js-hide {
			display: block;
		}



	/* --- jsDynamicChecks --- */

	.jsDynamicChecks {
		margin-top: 9px;
		list-style-type: none;
	}

		.jsDynamicChecks li {
			display: inline;
			margin: 0;
			padding: 0 0.415em;
			background: url(../images/divider_toolmenus.png) transparent no-repeat 0 0.2em;
		}

		.jsDynamicChecks li.jsFirst {
			padding-left: 0;
			background-image: none;
		}

	/* --- submitbuttons --- */
	.submitButtons{margin-top: 20px;}
	.submitButtons.between {margin-top: 10px; margin-bottom: 10px;}
	.inlogScherm .submitButtons{margin: 0 0 20px;}
	.verwijderButton{float: right}

	#deleteCheck {
		float: right;
		width: 170px;
		margin-bottom: 0;
	}

	#deleteCheck.emphasis, .afbeeldingPreview.emphasis, .bestandPreview.emphasis {
		color: #d00;
		background-color: #f7e9e5;
		border-color: #e01;
	}

		#deleteCheck label {
			float: left;
			white-space: nowrap;
			margin: 0;
		}

		#deleteCheck p {
			float: left;
			clear: both;
			margin-top: 8px;
		}

	/* --- hyperlinks --- */
	a.verderLink{
		padding-right: 10px;
		background: url(../images/ico_pijl.png) 100% -55px no-repeat;
	}
		.moduleBeheer a.verderLink{background-position: 100% -35px; color: #5a1;}
		.itemBeheer a.verderLink, a.verderLink.itemLink, moduleBeheer a.verderLink.itemLink{background-position: 100% 5px; color: #0ac;}

	a.terugLink, .itemBeheer .paginaBeheer a.terugLink, .moduleBeheer .paginaBeheer a.terugLink, .previewBeheer .paginaBeheer a.terugLink{
		color: #f60;
		padding-left: 10px;
		background: url(../images/ico_pijl.png) 0 -155px no-repeat;
	}
		.itemBeheer a.terugLink{background-position: 0 -95px; color: #0ac;}
		.moduleBeheer a.terugLink{background-position: 0 -135px; color: #5a1;}

	a.downloadLink {
		background: none;
		display: inline-block;
	}
	a.downloadLink:before {
		background: url(../images/ico_items.png) -8px -255px no-repeat;
		width: 16px;
		height: 16px;
		content: "";
		display: inline-block;
		margin-right: 6px;
	}

	a.deleteLink{
		background: url(../images/ico_items.png) -4px -176px no-repeat;
		width: 24px;
		height: 16px;
		display: inline-block;
	}
		.kader a.deleteLink{background-position: -36px -160px; vertical-align: text-bottom}

	a.addLink{
		background: url(../images/ico_items.png) -4px -192px no-repeat;
		width: 24px;
		height: 16px;
		display: inline-block;
	}
		.kader a.addLink{background-position: -36px -176px; vertical-align: text-bottom}

		a.deleteLink em, a.addLink em{position: absolute; left: -9999px; text-indent: -9999px; line-height: 0;}

		a.cmsUserItem span.icon, a.frontendUserItem span.icon, a.toegangGroepItem span.icon, a.taakGroepItem span.icon, a.bthItem span.icon, a.btuItem span.icon{
			width: 20px;
			height: 16px;
			background:url(../images/ico_items.png) -40px -208px no-repeat;
			display: inline-block;
		}
			a.frontendUserItem span.icon{background-position: -8px -208px;}
			a.toegangGroepItem span.icon{background-position: -8px -224px;}
			a.taakGroepItem span.icon{background-position: -40px -224px;}
			a.bthItem span.icon{background-position: -40px -192px;}
			a.btuItem span.icon{background-position: -8px -272px;}



	#bloxz .kader a.explorer, #bloxz .kader a.explorer:link, #bloxz .kader a.explorer:visited, #bloxz .kader a.explorer:active, #bloxz .kader a.explorer:hover {
		color: #000;
		font-weight: normal;
	}



/* Lidmaatschap van taken- en toegangsgroepen */

.userGroepBox{
	width:250px;
	float:left;
	margin-right:3px;
}

.userGroepBox select{
	width:250px; height:200px;
}

	.userGroepBoxKnoppen{
		margin-top: 30px;
		margin: 30px 8px 0;
		width:60px;
		float:left;
		text-align: center;
	}

	.groepLinks, .groepRechts, .groepOmhoog, .groepOmlaag{
		background: url(../images/ico_arrows.png) no-repeat 0 0;
		width: 20px;
		height: 20px;
		display: block;

	}

		.groepLinks{background-position: 0 0; float: left; margin: 0 5px}
		.groepRechts{background-position: -20px 0; float: left; margin: 0 5px}
		.groepOmhoog{background-position: 0 -20px; clear: both; margin: 60px 34px 0 6px}
		.groepOmlaag{background-position: -20px -20px; clear: both; margin: 10px 34px 0 6px}
			.groepLinks:hover{background-position: 0 -42px;cursor: pointer;}
			.groepRechts:hover{background-position: -20px -42px;cursor: pointer;}
			.groepOmhoog:hover{background-position: 0 -62px;cursor: pointer;}
			.groepOmlaag:hover{background-position: -20px -62px;cursor: pointer;}

		.groepLinks em, .groepRechts em, .groepOmhoog em, .groepOmlaag em{
			display: none;
		}

/* TinyMCE */

.richtext,
.richtext-no-link {
	width: 500px;
	height: 200px;
}

/* Woordenlijst */
#editWoordenlijst a.kader{
	padding: 4px 8px;
}

/* Statistieken */
.dataTable .statsBar{
	height: 12px;
	font-size: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fc9;
	border: 1px solid #e71;
	margin-top: 2px;
}

/* --- activiteitenkalender --- */

#intervalAmount {
	float: left;
	margin-right: 1.0em;
}

.deskContent label.label-time {
	display: inline-block;
	width: 8em;
	margin-bottom: 0.5em;
}
.deskContent label.label-time + input + input {
	margin-left: 0.5em;
}

/* --- active-processes --- */

fieldset.active-processes {
	padding: 0.65em 0 0;
}

	/*.active-processes table {
		color: #888;
	}*/

		.active-processes th, .active-processes td {
			font-weight: normal;
			text-align: left;
			vertical-align: top;
			padding: 4px 4px 8px;
			border-bottom: 1px solid #dedcd7;
		}

	.active-processes .progress-bar {
		margin-top: 0.65em;
		margin-bottom: 0.391em;
	}

/* --- progress-bar --- */

.progress-bar {
	position: relative;
	width: 100%;
	height: 1.3em;
	margin: 0 -1px 1.3em;
	background-color: #eee;
	border: 1px solid #dedcd7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.ga-data .progress-bar {margin: 0;}

	.progress-bar > div {
		height: 100%;
		overflow: hidden;
		background-color: #7c1;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
		.ga-data .progress-bar > div {background-color: #e71;}

	.progress-bar span {
		position: absolute;
		top: 0.025em;
	}

	.progress-bar .min-value {
		left: 0.5em;
	}
		.ga-data .progress-bar .min-value {
			left: auto;
			right: 0.5em;
		}

	.progress-bar .max-value {
		right: 0.5em;
	}

	.progress-bar .current-value {
		left: 0;
		right: 0;
		text-align: center;
	}

/* --- mod-tcu --- */

.mod-tcu-users.kader {
	float: left;
	clear: both;
	width: 594px;
	margin-bottom: 0;
}

	.mod-tcu-user-filter {
		float: left;
	}

	.mod-tcu-instant-mail {
		float: right;
	}

/* --- documents (doc) --- */
.pending {
	background: url(../images/ico_items.png) -8px -320px no-repeat;
	width: 15px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

.deskContent .label-author {
	width: 9.5em;
	margin: 9px 0 2px;
}

.dataVersions {
	margin: 1em 0;
	width: 100%;
}
.kader .dataVersions {
	margin: 0;
}

.scrollTable {
	max-height: 20em;
	overflow-y: auto;
	margin: 1em 0;
}

	.scrollTable .dataVersions:first-child {
		margin-top: 0;
	}

/* --- google analytics --- */

.ga-data {
	width: 610px;
}

.noFrame .ga-data {
	width: 890px;
}

	.ga-data h2 {
		margin: 1.3em 0 0;
	}

	.ga-data .publicatieDatum {
		margin: 1.3em 0;
		text-align: center;
	}

	.ga-data .publicatieDatum label.datepicker{
		width: auto;
	}

	.ga-data .inputDate {
		width: auto;
		margin-right: 10px;
	}

	.ga-data .container {
		width: 100%;
		height: 350px;
		margin: 1.3em auto 0;
	}

	.ga-data .dataTable {
		margin: 0 0 1.3em;
	}

	.ga-data .container-devices,
	.ga-data .container-visitor-types,
	.ga-data .container-traffic,
	.ga-data .container-browsers {
		width: 100%;
		height: 150px;
		margin: 1.3em auto;
	}

	.ga-data .container-traffic,
	.ga-data .container-browsers {
		height: 300px;
	}

	.noFrame .ga-data .container-devices,
	.noFrame .ga-data .container-visitor-types/*,
	.noFrame .ga-data .container-traffic,
	.noFrame .ga-data .container-browsers*/ {
		width: 50%;
	}

	/*.noFrame .ga-data .container-traffic,*/
	.noFrame .ga-data .container-visitor-types {
		float: left;
	}

	/*.noFrame .ga-data .container-browsers,*/
	.noFrame .ga-data .container-devices {
		float: right;
	}

	.ga-data .js-loading {
		background: url('/cms/images/spinner.gif') center center no-repeat scroll transparent;
	}

	.ga-data .error {
		margin-top: 1.3em;
	}

		.ga-data .error h2 {
			margin-top: 0;
		}

	.ga-data .error-chart {
		background-color: #f7f5f0;
		border: 1px solid #dedcd7;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		.ga-data .error-chart p {
			position: relative;
			top: 50%;
			font-weight: bold;
			text-align: center;
			margin: -0.65em auto 0;
		}

	.ga-data .source {
		float: none;
		clear: both;
		text-align: right;
	}

/* --- inline-superlink-box ----- */

.inline-superlink-box-wrapper {
	position: relative;
	height: 350px;
	padding: 8px;
	background-color: #f7f5f0;
	border: 1px solid #dedcd7;
	border-radius: 5px;
}

	.inline-superlink-toggle {
		display: none;
	}

	.inline-superlink-toggle + label {
		display: none;
		position: absolute;
		right: -1px;
		top: -25px;
		z-index: 1;
		color: #0ac;
		text-align: center;
		width: 9.5em;
		padding: 3px 12px;
		background-color: #fff;
		border: 3px solid #dedcd7;
		border-radius: 20px;
	}

	.inline-superlink-toggle + label:hover,
	.inline-superlink-toggle + label:focus {
		color: #000;
	}

	.has-superlink .inline-superlink-toggle ~ label {
		display: block; /* only show in browsers that support ~ selector */
		opacity: 1;
		transition: all .2s ease .4s;
	}

	.inline-superlink-toggle + label,
	.jsHide .inline-superlink-toggle + label,
	.jsHide .has-superlink .inline-superlink-toggle + label {
		opacity: 0;
		transition: all 0s step-start 0s;
	}

		.inline-superlink-toggle ~ label:before {
			content: 'Toon gelinkte pagina';
		}

		.inline-superlink-toggle:checked ~ label:before {
			content: 'Toon linkbeheer';
		}

	.inline-superlink-box {
		width: 100%;
		height: 100%;
		border-radius: 5px;
	}

	.inline-superlink-box-preview,
	.inline-superlink-box-preview[src=""],
	.inline-superlink-toggle:checked ~ .inline-superlink-box-preview[src=""] {
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
		height: 100%;
		border-radius: 5px;
		opacity: 0;
		transition: all .1s ease;
	}

	.inline-superlink-toggle:checked ~ .inline-superlink-box-preview {
		width: 100%;
		opacity: 1;
	}

/* --- sks ----- */
textarea.sks-field {
    width: 500px;
    height: 200px;
}

/* --- wachttijden --- */
.wct-table .tb_header > th,
.wct-table tr td {
	padding-right: 10px;
}

.wct-table tr td .text-input-small {
	width: 100px;
}

.wct-table tr td .text-input-medium {
	width: 150px;
}

td.spacer-left {
	padding-left: 10px
}