/* $Id: basic.css 985 2024-12-22 04:37:28Z jraxis $ */



:root {
	color-scheme: light dark;
}

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
}

body {
	height: 100%;
}

body, p, h1, h2, h3, h4, h5, h6, blockquote, table, tr, th, td, ul, ol, li, dl, dt, dd, input, textarea, select, option, optgroup {
	font-family: "Arial", sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

ul li { list-style-type: square; }

pre, textarea.pre {
	font-family: "Hack", "Courier New", monospace;
	font-size: 90%;
	white-space: pre-wrap;
}

input {
	font-size: 100%;
}

img { border: 0; }

.c { text-align: center; }
.l { text-align: left;   }
.r { text-align: right;  }



table {
	border-collapse: collapse;
	border-spacing: 0;
}

table tr {
	vertical-align: baseline;
}

table tbody tr th {
	text-align: right;
}

table.r tbody tr th, table.r tbody tr td,
table tbody.r tr th, table tbody.r tr td,
table tbody tr.r th, table tbody tr.r td,
table tbody tr th.r, table tbody tr td.r {
	text-align: right;
}

table tr th,
table tr td {
	padding: 0 0.25em;
}

table tr.break th,
table tr.break td {
	height: 0.75em;
}

table.data tr th,
table.data tr td {
	padding: 0 0.5em;
}

table.data tbody tr th {
	padding-left: 0;
	text-align: left;
}

ul.sublimate ul li {
	display: inline;
	list-style-type: none;
}

ul.sublimate ul li + li:before {
	content: "• ";
}

div.fn p { font-size: 80%; }

div.set-off { border-style: solid; }



a { text-decoration: underline; }

.i { display: none; }

.note { font-size: 80%; }
.note:before { content: "Note: "; }

.required:after {
	content: " *";
	font-weight: bold;
}



@media screen {
	.print { display: none; }

	body, p, li, th, td, dt, dd { font-size: 16px; }

	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }

	h3, h4, h5, h6, p, ul, ol { margin-bottom: 15px; }
	ul, ol, dd { margin-left: 25px; }
	ul ul { margin-bottom: 0; }

	ul.sublimate ul li { font-size: 12px; }

	div.set-off {
		margin: 30px 0;
		padding: 8px 15px;
		border-width: 1px;
	}

	#content { padding: 10px; }
}



@media only screen and ( prefers-color-scheme: no-preference ), ( prefers-color-scheme: light ) {
	body { background: #FFF; }

	body, p, h1, h2, h3, h4, h5, h6, blockquote, table, tr, th, td, ul, ol, li, dl, dt, dd, input, textarea, select, option, optgroup {
		color: #000;
	}

	a:link    { color: #777; }
	a:visited { color: #444; }
	a:hover   { color: #999; }
	a:focus   { color: #999; }
	a:active  { color: #BBB; }

	#page-title a { color: #000; }

	.required:after { color: #F00; }

	div.error p, .error     { color: #F00; }
	div.warning p, .warning { color: #F70; }
	div.okay p, .okay       { color: #070; }

	div.set-off {
		background: #FBB;
		border-color: #F66;
	}
}



@media only screen and ( prefers-color-scheme: dark ) {
	body { background: #111; }

	body, p, h1, h2, h3, h4, h5, h6, blockquote, table, tr, th, td, ul, ol, li, dl, dt, dd, input, textarea, select, option, optgroup {
		color: #EEE;
	}

	a:link    { color: #999; }
	a:visited { color: #777; }
	a:hover   { color: #AAA; }
	a:focus   { color: #AAA; }
	a:active  { color: #FFF; }

	#page-title a { color: #EEE; }

	.required:after { color: #F00; }

	div.error p, .error     { color: #F00; }
	div.warning p, .warning { color: #F70; }
	div.okay p, .okay       { color: #070; }

	div.set-off {
		background: #300;
		border-color: #F66;
	}
}



@media print {
	.screen { display: none; }

	body, p, li, th, td, dt, dd { font-size: 12pt; }

	h3 { font-size: 14pt; }
	h4 { font-size: 12pt; }
	h5 { font-size: 10pt; }
	h6 { font-size:  9pt; }

	h3, h4, h5, h6, p, ul, ol { margin-bottom: 15pt; }
	ul, ol, dd { margin-left: 25pt; }
	ul ul { margin-bottom: 0; }

	ul.sublimate ul li { font-size: 9pt; }

	div.set-off {
		margin: 2em 0;
		padding: 0.5em 1em;
		border-color: red;
		border-width: 1pt;
	}

	#content { padding: 0; }
}