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

a, a:hover, a:visited {
	color: #0051df;
	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;
}

table.props td:nth-child(1) {
	text-align: right;
}

/****************** buttons */
button {
	background-color: #336dca;
	border-radius: .4em;
	border-width: 0;
	color: #fff;/*inherit;*/
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	padding: .4em .6em;
}
button:hover {
	background-color: #397be3;
}
button:disabled {
	background-color: #d4d4d4;
	color: #808080;
}

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


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

	a, a:hover, a:visited {color: #5f9cff;}
	a:hover {background-color: #263e66;}

	/****************** 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: #686868; color: #282828;}

	.tab-ctrl {border-bottom-color: #aeaeae;}
	.tab-ctrl button {border-bottom-color: #282828;}
	.tab-ctrl button.sel {background-color: #aeaeae;}
}