Index: css/vhLibLogging.css
===================================================================
diff -u -r177 -r178
--- css/vhLibLogging.css	(.../vhLibLogging.css)	(revision 177)
+++ css/vhLibLogging.css	(.../vhLibLogging.css)	(revision 178)
@@ -6,4 +6,33 @@
 
 .header {position:fixed; z-index:10; left:0px; right:0px; top:0px; padding:5px; background-color:#eeeeee;}
 .header-title-bar {background-color:#999999; border-radius:3px; }
-.content {display:inline-block; min-width:100%; padding:5px; margin-top:45px;}
\ No newline at end of file
+.content {display:inline-block; min-width:100%; padding:5px; margin-top:45px;}
+
+
+/* ------------------------------------------------------ */
+A                  { font-size:10pt; color:darkblue; }
+TABLE              { font-size:12pt; }
+TD                 { padding-left:5px; padding-right:5px; }
+P                  { margin:0; font-size:10pt; }
+PRE                { margin:0; font-size:11px; }
+FORM               { font-size:10pt; margin:0; }
+.Small             { font-size:9pt; }
+.DarkRow           { background:#E6E6E6; }
+.LightRow          { background:#FCFCFC; }
+.clsQryTable       { background-color:#DDDDFF; border-collapse:collapse; font-size:9pt; }
+.clsQryTable A     { text-decoration:none; }
+.clsQryTable INPUT { margin:0; }
+.clsSubHeader      { font-size:12pt; font-weight:bold; }
+.clsQActions       { background-color:#DDDDFF; border:solid 1px darkblue; padding:5px;}
+.clsQStatusON      { color:#008010; font-weight:bold; }
+.clsQStatusOFF     { color:#FF0000; font-weight:bold; }
+
+.clsFilterGroepDiv     { float:left; width:250px; border:none; border-right:solid 1px black; overflow:hidden; }
+.clsFilterNiveauDiv    { float:left; width:125px; border:none; border-right:solid 1px black; overflow:hidden; background-color:#DDDDFF; }
+.clsToonAlleNiveausDiv { float:left; width:250px; border:none; border-right:solid 1px black; overflow:hidden; background-color:#DDDDFF; }
+
+.clsDetailDataExp  { position:relative; margin-top:2px; width:998;  overflow-x:visible; overflow-y:hidden; height:auto; background-color:transparent; border:solid 1px darkblue; }
+.clsDetailDataCol  { position:relative; margin-top:0px; width:1000; overflow-x:hidden;  overflow-y:hidden; height:16px; background-color:transparent; border:none; padding:0px; }
+.clsDetailDataHdr  { color:darkblue; text-decoration:underline; cursor:pointer; }
+.clsDetailInfo     { font-size:8pt; font-weight:normal; padding-left:5px; }
+/* ------------------------------------------------------ */
\ No newline at end of file
Index: javascript/vhliblogging.js
===================================================================
diff -u -r150 -r178
--- javascript/vhliblogging.js	(.../vhliblogging.js)	(revision 150)
+++ javascript/vhliblogging.js	(.../vhliblogging.js)	(revision 178)
@@ -15,4 +15,142 @@
         dialog.dialog("option", "title", id);
         dialog.dialog("open").html(iframe);
     });
-}); 
\ No newline at end of file
+}); 
+
+
+var IsAlreadyProcessing = false;
+	
+function chkToonAlleNiveausClick() {
+	var ToonAlleNiveaus = GetValChk("chkToonAlleNiveaus");
+	if (ToonAlleNiveaus) {
+		// Alle chkFilterNiveau op false zetten
+		if (!IsAlreadyProcessing) {
+			IsAlreadyProcessing = true;
+			ZetAlleChkFilterNiveaus(false);
+			IsAlreadyProcessing = false;
+		}
+	}
+}
+		
+function chkFilterNiveauClick(Sender) {
+	if (Sender && GetValChk("chkToonAlleNiveaus")) {
+		// De chkToonAlleNiveaus op false zetten
+		if (!IsAlreadyProcessing) {
+			IsAlreadyProcessing = true;
+			ZetChkToonAlleNiveaus(false);
+			IsAlreadyProcessing = false;
+		}
+	}
+}
+	
+function ZetChkToonAlleNiveaus(IsChecked) {
+	SetValChk("chkToonAlleNiveaus", IsChecked);
+}
+	
+function ZetAlleChkFilterNiveaus(IsChecked) {
+	var CheckBoxIDs = GeefLijstChkFilterNiveaus();
+	
+	for (var i=0; i<CheckBoxIDs.length; i++) { 
+		SetValChk(CheckBoxIDs[i], IsChecked);
+	}
+}
+
+function GeefLijstChkFilterNiveaus() {
+	var CheckBoxIDs = Array();
+	
+	for (var i=1; i<=4; i++) { 
+		CheckBoxIDs[i-1] = "chkFilterNiveau_" + i;
+	}
+	
+	return CheckBoxIDs;
+}
+	
+function GetValChk(FldName) {   // returns boolean (true/false)
+	var obj = document.getElementById(FldName);
+	if (!obj) return("");
+	return obj.checked;
+}
+
+function SetValChk (FldName, blnVal) {
+	var obj = document.getElementById(FldName);
+	if (isUndef(blnVal))  blnVal = false;
+	if (obj) obj.checked = blnVal;
+}
+ 
+function isUndef (jsVar) {
+	return (typeof(jsVar) == "undefined");
+}
+
+function ToggleDetailsSummary (objParentDiv,objInfoP)  {
+	ToggleDivExpand(objParentDiv);
+
+	var colSpans = objInfoP.getElementsByTagName("SPAN");
+	var objDetailLabelSpan=colSpans[0];
+	ToggleSpanText(objDetailLabelSpan,"Summary:","Full detail:");
+
+	var objDetailInfoSpan=colSpans[1];
+	ToggleSpanVisible(objDetailInfoSpan);
+		
+	return;
+}
+
+function ToggleSpanText (objSpan,text1,text2)  {
+	if (!objSpan) return;
+	if ((!objSpan) || (objSpan.tagName != "SPAN")) return;
+	if (objSpan.innerHTML == text1) { 
+		objSpan.innerHTML = text2;
+	} else { 
+		objSpan.innerHTML = text1;
+	}
+
+	return;
+}
+		
+function ToggleSpanVisible (objSpan)  {
+	if (!objSpan) return;
+	if ((!objSpan) || (objSpan.tagName != "SPAN")) return;
+	if (objSpan.style.display == "none") { 
+		objSpan.style.display = "inline";
+	} else { 
+		objSpan.style.display = "none";
+	}
+	
+	return;
+}
+
+function ToggleDivVisible (objDiv)  {
+	if (!objDiv) return;
+	if ((!objDiv) || (objDiv.tagName != "DIV")) return;
+	if (objDiv.style.display == "none") { 
+		objDiv.style.display = "block";
+	} else { 
+		objDiv.style.display = "none";
+	}
+	
+	return;
+}
+
+function ToggleDivExpand (objDiv)  {
+	if (!objDiv) return;
+	if ((!objDiv) || (objDiv.tagName != "DIV")) return;
+	if (objDiv.className == "clsDetailDataExp") { 
+		objDiv.className = "clsDetailDataCol";
+	} else { 
+		objDiv.className = "clsDetailDataExp";
+	}
+	
+	return;
+}
+	
+function ToggleDivHeight (objDiv,CollapsedHeight)  {
+	if (!objDiv) return;
+	if ((!objDiv) || (objDiv.tagName != "DIV")) return;
+	if (objDiv.style.height == "auto") { 
+		objDiv.style.height = CollapsedHeight; 
+	} else { 
+		objDiv.style.height = "auto";
+	}
+	
+	return;
+}
+	
\ No newline at end of file
Index: vhLibLogging.csp
===================================================================
diff -u -r177 -r178
--- vhLibLogging.csp	(.../vhLibLogging.csp)	(revision 177)
+++ vhLibLogging.csp	(.../vhLibLogging.csp)	(revision 178)
@@ -5,181 +5,12 @@
 <head>
 	<title>#(Title)#</title>
 	
-	<link rel="stylesheet" href="javascript/jquery/jquery-ui-1.12.1.custom/jquery-ui.min.css">
-	<link rel="stylesheet" href="css/vhLibLogging.css">
+	<link rel="stylesheet" href="javascript/jquery/jquery-ui-1.12.1.custom/jquery-ui.min.css"/>
+	<link rel="stylesheet" href="css/vhLibLogging.css"/>
 
     <script type="text/javascript" src="javascript/jquery/jquery-3.3.1.js"></script>
     <script type="text/javascript" src="javascript/jquery/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
     <script type="text/javascript" src="javascript/vhliblogging.js"></script>
-
-<STYLE type="text/css">
-     	A                  { font-size:10pt; color:darkblue; }
-        TABLE              { font-size:12pt; }
-		TD                 { padding-left:5px; padding-right:5px; }
-		P                  { margin:0; font-size:10pt; }
-		PRE                { margin:0; font-size:11px; }
-		FORM               { font-size:10pt; margin:0; }
-		.Small             { font-size:9pt; }
-		.DarkRow           { background:#E6E6E6; }
-		.LightRow          { background:#FCFCFC; }
-        .clsQryTable       { background-color:#DDDDFF; border-collapse:collapse; font-size:9pt; }
-        .clsQryTable A     { text-decoration:none; }
-        .clsQryTable INPUT { margin:0; }
-        .clsSubHeader      { font-size:12pt; font-weight:bold; }
-        .clsQActions       { background-color:#DDDDFF; border:solid 1px darkblue; padding:5px;}
-        .clsQStatusON      { color:#008010; font-weight:bold; }
-        .clsQStatusOFF     { color:#FF0000; font-weight:bold; }
-
-		.clsFilterGroepDiv     { float:left; width:250px; border:none; border-right:solid 1px black; overflow:hidden; }
-		.clsFilterNiveauDiv    { float:left; width:125px; border:none; border-right:solid 1px black; overflow:hidden; background-color:#DDDDFF; }
-		.clsToonAlleNiveausDiv { float:left; width:250px; border:none; border-right:solid 1px black; overflow:hidden; background-color:#DDDDFF; }
-
-        .clsDetailDataExp  { position:relative; margin-top:2px; width:998;  overflow-x:visible; overflow-y:hidden; height:auto; background-color:transparent; border:solid 1px darkblue; }
-        .clsDetailDataCol  { position:relative; margin-top:0px; width:1000; overflow-x:hidden;  overflow-y:hidden; height:16px; background-color:transparent; border:none; padding:0px; }
-        .clsDetailDataHdr  { color:darkblue; text-decoration:underline; cursor:pointer; }
-        .clsDetailInfo     { font-size:8pt; font-weight:normal; padding-left:5px; }
-
-</STYLE>
-
-	<SCRIPT language="javascript">
-	var IsAlreadyProcessing=false;
-	
-	function chkToonAlleNiveausClick() {
-		var ToonAlleNiveaus=GetValChk("chkToonAlleNiveaus");
-		if (ToonAlleNiveaus) {
-			// Alle chkFilterNiveau op false zetten
-			if (!IsAlreadyProcessing) {
-				IsAlreadyProcessing=true;
-				ZetAlleChkFilterNiveaus(false);
-				IsAlreadyProcessing=false;
-			}
-		}
-	}
-		
-	function chkFilterNiveauClick(Sender) {
-		if (Sender && GetValChk("chkToonAlleNiveaus")) {
-			// De chkToonAlleNiveaus op false zetten
-			if (!IsAlreadyProcessing) {
-				IsAlreadyProcessing=true;
-				ZetChkToonAlleNiveaus(false);
-				IsAlreadyProcessing=false;
-			}
-		}
-	}
-	
-	function ZetChkToonAlleNiveaus(IsChecked) {
-		SetValChk("chkToonAlleNiveaus", IsChecked);
-	}
-	
-	function ZetAlleChkFilterNiveaus(IsChecked) {
-		var CheckBoxIDs=Array()
-		CheckBoxIDs = GeefLijstChkFilterNiveaus();
-		for (var i=0; i<CheckBoxIDs.length; i++) { 
-			SetValChk(CheckBoxIDs[i], IsChecked);
-		}
-	}
-
-	function GeefLijstChkFilterNiveaus() {
-		var CheckBoxIDs=Array();
-		for (var i=1; i<=4; i++) { 
-			CheckBoxIDs[i-1]="chkFilterNiveau_"+i;
-		}
-		return CheckBoxIDs;
-	}
-	
-	function GetValChk (FldName) {   // returns boolean (true/false)
-		var obj=document.getElementById(FldName);
-		if (!obj)  return("");
-		return obj.checked;
-	}
-	function SetValChk (FldName,blnVal) {
-		var obj=document.getElementById(FldName);
-		if (isUndef(blnVal))  blnVal=false;
-		if (obj)  obj.checked=blnVal;
-	}
-	function isUndef (jsVar) {
-		return (typeof(jsVar)=="undefined");
-	}
-	
-	</SCRIPT>
-
-
-	<SCRIPT language="javascript">
-	function ToggleDetailsSummary (objParentDiv,objInfoP)  {
-		ToggleDivExpand(objParentDiv);
-
-		var colSpans = objInfoP.getElementsByTagName("SPAN");
-		var objDetailLabelSpan=colSpans[0];
-		ToggleSpanText(objDetailLabelSpan,"Summary:","Full detail:");
-
-		var objDetailInfoSpan=colSpans[1];
-		ToggleSpanVisible(objDetailInfoSpan);
-		
-		return;
-	}
-
-	function ToggleSpanText (objSpan,text1,text2)  {
-		if (!objSpan)  return;
-		if ((!objSpan)||(objSpan.tagName!="SPAN"))  return;
-		if (objSpan.innerHTML==text1) { 
-			objSpan.innerHTML=text2;
-			}
-		else { 
-			objSpan.innerHTML=text1;
-		}
-		return;
-	}
-		
-	function ToggleSpanVisible (objSpan)  {
-		if (!objSpan)  return;
-		if ((!objSpan)||(objSpan.tagName!="SPAN"))  return;
-		if (objSpan.style.display=="none") { 
-			objSpan.style.display="inline";
-			}
-		else { 
-			objSpan.style.display="none";
-		}
-		return;
-	}
-
-	function ToggleDivVisible (objDiv)  {
-		if (!objDiv)  return;
-		if ((!objDiv)||(objDiv.tagName!="DIV"))  return;
-		if (objDiv.style.display=="none") { 
-			objDiv.style.display="block";
-			}
-		else { 
-			objDiv.style.display="none";
-		}
-		return;
-	}
-
-	function ToggleDivExpand (objDiv)  {
-		if (!objDiv)  return;
-		if ((!objDiv)||(objDiv.tagName!="DIV"))  return;
-		if (objDiv.className=="clsDetailDataExp") { 
-			objDiv.className="clsDetailDataCol";
-			}
-		else { 
-			objDiv.className="clsDetailDataExp";
-		}
-		return;
-	}
-	
-	function ToggleDivHeight (objDiv,CollapsedHeight)  {
-		if (!objDiv)  return;
-		if ((!objDiv)||(objDiv.tagName!="DIV"))  return;
-		if (objDiv.style.height=="auto") { 
-			objDiv.style.height=CollapsedHeight; 
-			}
-		else { 
-			objDiv.style.height="auto";
-		}
-		return;
-	}
-	
-	</SCRIPT>
-
 </head>
 
 <body>