:root{--main-bg-color: #DDD; --light-bg-color: #f0f0f0;}
        body {
            background-color: var(--main-bg-color);
            /*d4d0c8*/
            font: normal 12px Verdana, Arial, sans-serif;
        }

        body,
        html {
            height: 100%;
            margin: 0;
            padding: 0;
			color: #2b3838;
        }
		hr{
			border-bottom-color: #eee;
			border-top: none;
			height: 1px;
			background-color: #74a079;
		}
		a:link{color: #4c82d7;}
		a:visited{color: #520d7d;}
		a:hover{color: #9dc4ff;}
		a:active{color: #ff0032;}
		#header{
			padding: 5px;
			text-align: center;
		}
		#navigation{
			width: 100%;
			text-align: center;
		}
		.page_links{
			width: 100%;
			text-align: center;
		}
        #table{
            display:table;
            justify-content: center;
            width:auto;
            display: inline-block;
            list-style:none;
            padding:0;
            margin:0;
        }
        #table img {
            display:block;
            position:relative;
            margin:0 auto;
        }
        #table li {
			text-align:center;
		}
		#toolbar {
            background-color: var(--light-bg-color);
            position: absolute;
            height: 40px;
			min-width: 0px;
			min-height: fit-content;
            display: flex;
            left: 0;
            right: 0;
			bottom: 0px;
			padding-top: 4px;
			overflow-x: auto;
			border-top: 1px solid;
        }

        #toolbar select {
            min-width: 5em;
            max-width: 128px;
            <!-- flex: 0 1 auto; -->
        }

        #canvas-container {
            position: relative;
			height: 100%;
            bottom: 0;
            left: 0;
            right: 0;
            cursor:url(GUI/cursor.cur), auto;
        }
		
		#noncanvas {
            background-color: var(--main-bg-color);
            position: fixed;
            flex-wrap: nowrap;
            height: fit-content;
            display: block;
            top: 0;
            left: 0;
            right: 0;
        }
		#nontoolbar {
            background-color: #DDD;
            position: fixed;
            height: 30vh;
            display: inline-block;
			padding-top: 10px;
            top: 0;
            left: 0;
            right: 0;
			resize: vertical;
			overflow: auto;
        }
		
		
		.fixed_headers {
		  <!-- border-collapse: collapse; -->
		  width:100%;
		}
		.fixed_headers td,
		.fixed_headers thead th {
		  padding: 2px;
		  text-align: center;
		  font: normal 12px Verdana, Arial, sans-serif;
		  border: none;
		}
		.fixed_headers thead{
		  background-color: #2b3838;
		  color: #FDFDFD;
		}
		.fixed_headers button{
		  background-color: #2b3838;
		  color: #FDFDFD;
		}
		.fixed_headers thead tr {
		  position: relative;
		}
		.fixed_headers tbody tr:nth-child(even) {
		  background-color: var(--main-bg-color);
		}
		.fixed_headers tbody {
		  cursor: pointer;
		}

		.fixed_headers thead th {
		  position: sticky;
		  top: 0;  /* REQUIRED: https://stackoverflow.com/a/43707215 */
		  background-color: #2b3838; 
		  resize: horizontal;
		  overflow: auto;
		  min-width: fit-content;
		  font: normal 14px Verdana, Arial, sans-serif;
		  padding: 3px;
		}
		.prevent_select {
		  -webkit-user-select: none; /* Safari */
		  -ms-user-select: none; /* IE 10 and IE 11 */
		  user-select: none; /* Standard syntax */
		  cursor: default;
		}
		#results_table_div{
			background-color: var(--light-bg-color);
			/* min-height: 10rem; */
			/* max-height: 50vh; */
			max-width: fit-content;
			/* resize: vertical; */
			/* overflow: visible; */
			margin: 5px;
		}
		.ss{
			width: 100%;
		}
		#uploadForm{
			padding: 5px;
		}
		form > label{
			display: block;
			margin: 5px;
		}
		#description{
			padding: 1em;
			padding-left: 2rem;
			background-color: var(--light-bg-color);
			min-width: 80%;
			max-width: 100vh;
			border: 1px solid #74a079;
			border-left: none;
			border-right: none;
		}
		.padleft{
			padding-left: 10px;
		}
		#comments-table{
			margin-left: 2rem;
			font-size: 100%;
			font: inherit;
			table-layout: fixed;
			min-width: 80%;
			max-width: 100vh;
			border-collapse: collapse;
		}
		.comments-table table, td{
			border: 1px solid #74a079;
			border-left: none;
			border-right: none;
			/* box-shadow: inset 1px 1px 3px #999; */
			white-space: normal;
			word-wrap: break-word;
		}
		.comments-table table tr, td{
			padding: 0.7rem;
		}
		.comments-table tr{
			/* border-collapse: collapse; */
			/* border-bottom: 1px solid black; */
			/* border-top: 1px solid black; */
			background-color: var(--light-bg-color);
		}
		.commenter{
			color: #4c82d7;
			text-align: center;
		}
		.comment{
			color: #2b3838;
		}
		.comment-date{
			color: #acbdd1;
			font-size: x-small;
		}
		#stats{
			font-style: italic;
			font-size: x-small;
		}