.NF_traceDisplayPopupMsgText .NF_foldableArrayHolder .NF_title {
		background-color: unset;
	}

	#NF_showLog {
		margin: 4% auto;
		/*overflow: clip; */
		width: 90%;
	}

	.NF_traceDisplayPopupMsgText .NF_foldableArrayHolder .NF_foldableArrayKey .NF_title {
		color: #333;
	}

	.NF_traceDisplayPopupMsgText .NF_foldableArrayHolder .NF_foldableArrayValue .NF_text {
		font-weight: 300;
	}

	#NF_logPage .NF_traceDisplayPopupMsgText .NF_foldableArrayHolder .NF_foldableArrayValue .NF_text {
		color: #333;
		font-size: 100%;
		font-weight: 900;
		padding: 9.4px 0% 2.1% 1.5%;
		width: 100%;
	}

	.NF_traceDisplayHolderSystem, .NF_traceDisplayHolderMarker, .NF_traceDisplayHolderComment, .NF_traceDisplayHolderShow, .NF_traceDisplayHolderFix, .NF_traceDisplayHolderDatabase, .NF_traceDisplayHolderLoaded, .NF_traceDisplayHolderHoneydew, .NF_traceDisplayHolderError  {
		display: inline-block;
		font-family: 'martian mono',helvetica,Arial,San-Serif;
		font-size: 10px;
		font-weight: 900;
		height: 12px;
		line-height: normal;
		margin: .2% 0% 0% 0%;
		padding: 3px 3px 3px 3px;
		position: relative;
		text-align: center;
		width: 14px;
		z-index: 9999;
	}

	/* Basic Trace holder box, on log page it's a large rectangle the width of the log page */
	/* that holds a details box that is always shown */
	#NF_logPage .NF_traceDisplayHolderSystem, #NF_logPage .NF_traceDisplayHolderMarker,#NF_logPage .NF_traceDisplayHolderComment,#NF_logPage .NF_traceDisplayHolderShow,#NF_logPage .NF_traceDisplayHolderFix,#NF_logPage .NF_traceDisplayHolderDatabase ,#NF_logPage .NF_traceDisplayHolderLoaded, #NF_logPage .NF_traceDisplayHolderHoneydew, #NF_logPage .NF_traceDisplayHolderError  {
		/* color: #f20; */
		display: flex;
		font-family: trispace,verdana,helvetica,arial,courier,san-serif;
		height: fit-content;
		margin: 3% auto;
		padding: 3px 3px 3px 3px;
		position: relative;
		overflow: clip;
		width: 99%;
	}


	/* Change the BG color of either of the above, depending on the trace type */
	.NF_traceDisplayHolderSystem { /* blue */
		background-color: #41516c;
	}

	.NF_traceDisplayHolderLoaded { /* green */
		background-color: #44643c;
	}

	.NF_traceDisplayHolderMarker { /* orange */
		background-color: #82590b;
	}

	.NF_traceDisplayHolderComment {  /* grey */
		background-color: #595955;
	}

	.NF_traceDisplayHolderShow  {  /* light tan */
		background-color: #797969;
	}

	.NF_traceDisplayHolderFix  {  /* red */
		background-color: #703d1d;
	}

	.NF_traceDisplayHolderHoneydew {  /* red */
		background-color: #615a16;
	}

	.NF_traceDisplayHolderDatabase {  /* purple */
		background-color: #633e70;
	}

	.NF_traceDisplayHolderError {  /* purple */
		background-color: #7a1717;
	}


	/* This only applies on a site page, as it uses JS to show that a Holder is selected*/
	/* On a log page, as all logs are shown*/
	.NF_traceDisplayHolderSelected {
		background-color: #d7ae0e;
		color: #bababa;	margin: 0.1%;
		display: inline-block;
		font-family: Helvetica,Arial,San-Serif;
		font-size: 55%;
		font-weight: 900;
		height: 12px;
		line-height: normal;
		padding: 3px 3px 3px 3px;
		position: relative;
		text-align: center;
		width: 14px;
	}

	/* The selected box is reversed, dark text on a light bg */
	.NF_traceDisplayHolderSelected A {
		color: #fff;
		text-decoration: none;
	}

	.NF_traceDisplayHolderSelected A:hover {
		text-decoration: none;
	}

	/* The number counter that shows which number trace this is */
	.NF_traceDisplayCounter {
		left: 4px;
		color: #efefef;
		top: 3px;
	}

	/* The number counter that shows which number trace this is */
	#NF_logPage .NF_traceDisplayCounter {
		color: #32323D;
		font-family: helvetica,arial,courier,verdana,sans-serif;
		font-size: 370%;
		font-style: italic;
		font-weight: 900;
		left: unset;
		margin-top: -25%;
		position: relative;
		overflow: clip;
		top: 0px;
		width: 110px;
	}

	/* What the links in the holder look like (light font on dark bg) */
	.NF_traceDisplayHolderSystem A, .NF_traceDisplayHolderMarker A, .NF_traceDisplayHolderComment A, .NF_traceDisplayHolderShow A, .NF_traceDisplayHolderFix A, .NF_traceDisplayHolderDatabase A , .NF_traceDisplayHolderLoaded A, .NF_traceDisplayHolderHoneydew A, .NF_traceDisplayHolderError A {
		color: #bababa;
	}

	/* What the links in the holder look like (light font on dark bg) */
	#NF_logPage .NF_traceDisplayHolderSystem A,#NF_logPage  .NF_traceDisplayHolderMarker A,#NF_logPage  .NF_traceDisplayHolderComment A,#NF_logPage  .NF_traceDisplayHolderShow A,#NF_logPage  .NF_traceDisplayHolderFix A,#NF_logPage  .NF_traceDisplayHolderDatabase A,#NF_logPage  .NF_traceDisplayHolderLoaded A,#NF_logPage .NF_traceDisplayHolderHoneydew A,#NF_logPage .NF_traceDisplayHolderError A {
		color: #e5e5e5;
		display: block;
		float: left;
		font-size: 150%;
		font-weight: 200;
		letter-spacing: .05rem;
		margin: 2% 2% 2% -2%;
	}


	#NF_logPage  .NF_traceDisplayHolderShow {
		color: #2b2b2b;

	}


	#NF_logPage  .NF_traceDisplayHolderShow A {
		color: #2b2f60;
	}


	/******************************************************/
	/*************** POPUP/DETAILS BOX ********************/
	/******************************************************/

	.NF_traceDisplayPopup {
		background-color: #0d0d0dd9;
		border: 2px solid #efefef9c;
		/* border: 1px solid #ffffff2b; */
		box-shadow: 9px 11px 9px #ffffff6e;
		display: none;
		font-family: helvetica, arial, courier, ui-monospace;
		font-weight: 800;
		height: min-content;
		left: 5px;
		min-width: 420px;
		position: absolute;
		top: 17px;
		width: fit-content;
		z-index: 9999;
	}

	#NF_logPage .NF_traceDisplayPopup {
		border: 0px solid #ffffff2b;
	}

	/* On a log page the details box is shown */
	#NF_logPage .NF_traceDisplayPopup {
		background-color: unset;
		box-shadow: none;
		display: block;
		float: right;
		font-size: 100%;
		left: unset;
		margin: 1% 1% 1% auto;
		min-width: unset;
		position: relative;
		top: unset;
		width: 96%;
	}

	/******* The page *********** */
	.NF_traceDisplayPage {
		border-bottom: 1px dashed #ffffff2b;
		color: #333;
		display: flex;
		font-family: courier;
		font-size: 130%;
		font-weight: 200;
		/* background-color: #333; */
		padding: 8.7px 13.5px 9.5px 2.4%;
		position: relative;
		white-space: nowrap;
		width: 94.4%;
	}

	#NF_logPage .NF_traceDisplayPage {
		font-size: 100%;
		margin-top: 0.1%;
		padding: 0px 5% 0px 0%;
		text-transform: uppercase;
		width: 95%;
	}

	.NF_traceDisplayPath {
		/* background-color: #333; */
		color: #ffffffb8;
		display: none;
		font-family: trispace,helvetica, arial, courier, ui-monospace;
		font-size: 70%;
		font-weight: 200;
		letter-spacing: .04rem;
		padding: 8.7px 13.5px 0.5px 2.4%;
		position: relative;
		text-align: left;
		white-space: nowrap;
		width: 94.4%;
	}

	#NF_logPage .NF_traceDisplayPath {
		font-size: 93%;
		margin: 0px 0px 0px 0px;
		padding: 7px 5% 0px 2%;
		width: 93%;
	}


	/* It's a link but don't show it as one */
	.NF_traceDisplayPage A {
		color: #efefef;
		text-decoration: none;
	}

	/******* The actual page in the path  */
	.NF_traceDisplayPageText {
		font-family: 'martian mono', trispace, helvetica, arial, courier, ui-monospace;
		font-size: 150%;
		font-weight: 800;
		letter-spacing: normal;
		margin: 6px 10px 5px 20px;
	}

	/******* The actual page in the path  */
	#NF_logPage .NF_traceDisplayPageText {
		margin-left: -8px;
		color: #000000b5;
	}



	#NF_logPage .NF_traceDisplayPopupMsgText .NF_foldableArrayValue .NF_title {
		font-size: 11px;
		margin-top: 6px;
		padding: 0px;
	}

	#NF_logPage .NF_traceDisplayPopupMsgText .NF_foldableArrayValue .NF_title A {
		font-weight: 600;
	}


	/******* The Message text *********** */
	.NF_traceDisplayPopupMsgText {
		/* background-color: #f8f1de; */
		font-family: trispace,helvetica, arial, courier, ui-monospace;
		font-size: 140%;
		font-weight: 800;
		margin: 0px 5px 5px 5px;
		padding: 8px;
	}


	.NF_traceDisplayPopupMsgText .NF_title {
		font-size: 13px;
	}

	#NF_logPage .NF_title {
		border-bottom: 1px dashed #ff980061;
		color: #d65a38;
		font-family: martian mono,trispace;
		font-size: 80%;
		letter-spacing: .052rem;
		margin: 1.4% 0px 2.4% 0px;
		padding: 0px 0px 1px 0px;
		text-transform: none;
	}

	#NF_logPage .NF_traceDisplayPopupMsgText .NF_title {
		font-size: 8px;
		padding: 0px;
	}

	#NF_logPage .NF_foldableArrayKey .NF_title {
		/* background-color: unset; */
		color: #24bb38;
		font-size: 80%;
		padding: 2.7% 0%;
	}

	#NF_logPage .NF_traceDisplayHolderShow .NF_foldableArrayKey .NF_title {
		/* background-color: unset; */
		color: #643333;
		font-family: 'martian mono',helvetica,arial,verdana,courier;
		font-size: 120%;
		font-weight: 700;
		padding: 2.7% 0%;
	}



	.NF_firstTitle {
		font-weight: 600;
		font-size: 100%;
		font-family: trispace;
	}


	/******* The Message text on the log page *********** */
	#NF_logPage .NF_traceDisplayPopupMsgText {
		color: #efefefc7;
		font-family: trispace,verdana,monospace,courier;
		font-size: 147%;
		font-weight: 500;
		/* margin: 0%; */
		line-height: 1.8em;
		margin-left: -18%;
		margin-top: 1.5%;
		overflow: auto;
		text-align: left;
		width: 112%;
	}


	#NF_logPage .NF_traceDisplayPopupMsgText::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	#NF_logPage .NF_traceDisplayPopupMsgText::-webkit-scrollbar:vertical {
		width: 11px;
	}

	#NF_logPage .NF_traceDisplayPopupMsgText::-webkit-scrollbar:horizontal {
		height: 11px;
	}

	#NF_logPage .NF_traceDisplayPopupMsgText::-webkit-scrollbar-thumb {
		background-color: #ffffff12;
		border: 2px solid #32323D; /* should match background, can't be transparent */
		border-radius: 8px;
	}

	#NF_logPage .NF_traceDisplayPopupMsgText::-webkit-scrollbar-track {
		background-color: #32323D;
		border-radius: 8px;
	}


	/******* The little box with X < > on the right side of the popup */
	.NF_traceDisplayNavLinks {
		font-size: 120%;
		margin: 0px 0px 0px 0px;
		position: absolute;
		right: 5px;
		top: 7px;
	}

	/******* Is not shown on the log page */
	#NF_logPage .NF_traceDisplayNavLinks {
		display: none;
	}

	/* no trace_display should be anywhere but with the rest of its kind */
	.NF_traceDisplayPopupMsgText .NF_foldableArrayHolder .NF_title {
		background-color: unset;
	}

	.NF_foldableArrayHolder {
		/* background-color: #323c5759; */
		clear: both;
		float: none;
		font-size: 17px;
		height: fit-content;
		margin: 0% auto;
		width: 100%;
	}

	.NF_foldableArrayHolder .NF_title {
		/* background-color: #333; */
		color: #fff;
		width: auto;
		padding: 1%;
		font-size: 82%;
	}

	.NF_foldableArrayHolder .NF_foldableArrayContents {
		/* background-color: #acbc93e8; */
		border-left: 1px dashed #24bb3859;
		display: none;
		/* margin: 1%; */
		margin-left: 10px;
		/* padding: 0.5%; */
		text-align: left;
		width: 100%;
	}

	.NF_foldableArrayHolder .NF_foldableArrayRow {
		clear: both;
		padding: 0%;
		width: 100%;
	}

	.NF_foldableArrayHolder .NF_foldableArrayKey {
		/* background-color: #acbc93; */
		color: #333;
		float: left;
		font-family: trispace,helvetica,arial,sans-serif,verdana;
		font-weight: 600;
		height: 30px;
		margin-right: 5.8px;
		padding: 0.2% 0% 0.2% 10px;
		width: fit-content;
	}

	.NF_foldableArrayHolder .NF_foldableArrayValue {
		/* background-color: #4a4955; */
		color: #efefef;
		float: left;
		font-family: verdana,helvetica,arial,sans-serif,trispace;
		font-size: 95%;
		padding: 0.2%;
		width: fit-content;
	}

	.NF_foldableArrayHolder .NF_foldableArrayValue .NF_text {
		color: #d5db9a;
		font-family: monospace;
		height: auto;
		max-height: 200px;
		overflow: auto;
		padding: 0% 3% 1% 2.5%;
		width: fit-content;
	}

	.NF_norf {
		font-weight: bold;
	}