body{
	background-color: #fff;
	color: #000;
	font-family: arial;
	margin: .7em;
}

a, a:hover, a:visited {
	color: #00f;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	background-color: #d1e7ff;
}

/****************** date in menus */
a span.date {
	color:#555;
	font-size: .85em;
	margin-left: .7em;
}
a span.w0 {background-color:#ff4;color:#000;}
a span.w1 {background-color:#ff8;color:#000;}
a span.w2 {background-color:#ffc;color:#000;}

/****************** data tables */
table.data {
	border-collapse: collapse;
}
table.data tr:nth-child(odd) {
	background-color: #f4f4f4;
}
table.data th {
	background-color: #e0e0e0;
	font-weight: normal;
	vertical-align: bottom;
}
table.data th, table.data td {
	border: 1px solid #bbb;
	padding: .2em .6em;
}
table.data td {
	vertical-align: top;
}

/****************** buttons */
button {
	background-color: #d8d8d8;
	border-radius: .4em;
	border-width: 0;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	padding: .4em .75em;
}
button:hover {
	background-color: #c8c8c8;
}
button:disabled {
	background-color: #f0f0f0;
	color: #808080;
}

.tab-ctrl {
	border-bottom-color: #2484ff;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	margin: 1em 0;
	padding-left: 1em;
}
.tab-ctrl button {
	border-radius: 1em 1em 0 0;
	margin-right: .25em;
	padding: .4em .8em;
}
.tab-ctrl button.sel {
	background-color: #2484ff;
	color: #fff;
}


@media (prefers-color-scheme: dark) {
	body {background-color: #2b2b2b;color: #f4f4f4;}

	a, a:hover, a:visited {color: #68c6ff;}
	a:hover {background-color: #002e69;}

	/****************** date in menus */
	a span.date {color:#bbb;}
	a span.w0 {background-color:inherit;color:#ff4;}
	a span.w1 {background-color:inherit;color:#ff8;}
	a span.w2 {background-color:inherit;color:#ffc;}

	/****************** data tables */
	table.data tr:nth-child(odd) {background-color:#232323;}
	table.data th {background-color:#383838;}
	table.data th, table.data td {border-color:#484848;}

	/****************** buttons */
	button {background-color: #606060;}
	button:hover {background-color: #707070;}
	button:disabled {background-color: #404040; color: #707070;}

	.tab-ctrl {border-bottom-color: #00588c;}
	.tab-ctrl button.sel {background-color: #00588c;}
}