@media (prefers-color-scheme: light) {
	body {
		background-color: #eee;
		color: black;
	}

	select option {
		background: #eee;
	}

    .topmenu
    {
        color: black;
    }
	.topmenu:link {
		color: white;
	}
	.topmenu:hover {
		color: #9E9EFF;
	}

	.commsmtxtblu {
		color: #070081;
	}
	.commsmtxtblu:link {
		color: #070081;
	}
	.commsmtxtblu:hover {
		color: #0700FF;
	}

	tr.greylight, td.greylight {
		color: black;
		background: #E7E7E7;
	}

	tr.greylightbld, td.greylightbld {
		color: black;
		background: #E7E7E7;
		font-weight: bold;
	}

	tr.greydark, td.greydark {
		color: black;
		background: #C7C7C7;
	}

	tr.greydarkbld, td.greydarkbld {
		color: black;
		background: #C7C7C7;
		font-weight: bold;
	}

	tr.whiteblue, td.whiteblue {
		color: white;
		background: #0C0188;
		font-weight: bold;
	}

	tr.whitebluehdr, td.whitebluehdr {
		color: white;
		background: #0C0188;
		font-weight: bold;
	}

	.commsmtxtwht {
		color: white;
	}
	.commsmtxtwht:link {
		color: white;
	}
	.commsmtxtwht:hover {
		color: #FF0000;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #333;
		color: white;
	}

	input {
		background: #333;
	}

	select {
		background: #333;
	}
	select option {
		background: #333;
	}

    .topmenu
    {
        color: white;
    }
	.topmenu:link {
		color: white;
	}
	.topmenu:hover {
		color: #9E9EFF;
	}	

	.commsmtxtblu {
		color: #9E9EDE;
	}
	.commsmtxtblu:link {
		color: #9E9EDE;
	}
	.commsmtxtblu:hover {
		color: #9E9EFF;
	}

	tr.greylight, td.greylight {
		color: white;
		background: #070707;
	}

	tr.greylightbld, td.greylightbld {
		color: white;
		background: #070707;
		font-weight: bold;
	}

	tr.greydark, td.greydark {
		color: white;
		background: #272727;
	}

	tr.greydarkbld, td.greydarkbld {
		color: white;
		background: #272727;
		font-weight: bold;
	}

	tr.whiteblue, td.whiteblue {
		color: white;
		background: #0C0188;
		font-weight: bold;
	}

	tr.whitebluehdr, td.whitebluehdr {
		color: white;
		background: #0C0188;
		font-weight: bold;
	}


	.commsmtxtwht {
		color: white;
	}
	.commsmtxtwht:link {
		color: white;
	}
	.commsmtxtwht:hover {
		color: #9E9EFF;
	}
}


body
{
	margin-top:0px;
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

.topmenu
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}

.topmenu:link
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}

.topmenu:hover
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
}

.commsmtxtblu
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

.commsmtxtblu:link
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

.commsmtxtblu:hover
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	font-weight:normal;
	text-decoration:underline;
}

.commsmtxtwht
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.commsmtxtwht:link
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.commsmtxtwht:hover
{
	font-family:"Segoe UI", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}

tr.bigheader, td.bigheader
{
 	font-size:18px;
 	font-weight:bold;
}

table.blue
{
	background: #0C0188;
}