﻿body {
	background-color: #EEEEEE;
	margin: auto;
	padding: 2em;
	font-family: Verdana, Tahoma, Arial;
	font-size: calc(7pt + 0.3vw);
	justify-content: center;
}   
@media print
{
	body {background-color: white;}
	div.header {text-align: right !important}
}
h1, h2, h3 { text-decoration:none !important }
h1 {font-size: 1.4em; font-weight: bold;}
h2 {font-size: 1.2em; font-weight: bold;}
h3 {font-size: 1em; display: block;	margin-bottom: .5em;	margin-top: 1.5em;}
h4 {font-size: 1em; font-weight: bold; display: inline;}

.R { text-align: right !important; }
.C { text-align: center !important; }
.BL { border-left: solid 1px black; }
.BT { border-top: solid 1px black; }
.BR { border-right: solid 1px black; }
.BB { border-bottom: solid 1px black; }
.BL2 { border-left: solid 2px black; }
.BT2 { border-top: solid 2px black; }
.BR2 { border-right: solid 2px black; }
.BB2 { border-bottom: solid 2px black; }

.B { font-weight: bold }
.I { font-style: italic }

/*
.H3 {font-size: 1.1em; margin-bottom: 5px;	margin-top: 5px; font-weight: bold;}

.NW, .NoWrap
{
	white-space: nowrap;
}

.SmallCaps
{
	font-variant: small-caps;
}

.Indent
{
  margin-left: 20px;
}
*/

div#outer {
	display: block;
	margin: auto;
	text-align: center;
	max-width: 1024px;
}
div#inner {
	display: inline-block;
}
div#inner > div
{
	display: table;
	margin: auto;
	text-align: left;
}
div.header {
	text-align: center;
	font-size: 1.3em;
	font-style: italic;
	margin-bottom: 1em !important;
}
div.header-small > img
{
	max-width: 20vw;
	max-height: 10vh;
}
div.header-small > p {
	display: none;
}

div#content {
	padding: 1em;
	background-color: #F8F8F8;
	border-radius: 0.5rem; /* Default button/input corners */
	border: solid 1px #17517d;
}

:root {
	--bs-border-radius: 0.5rem; /* Default button/input corners */
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.75rem;
	--bs-border-radius-xl: 1rem;
	--bs-primary-rgb: 22, 80, 125;
	--bs-primary: #17517d;
	--bs-link-color: var(--bs-primary);
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-link-hover-bg: var(--bs-primary);
	--bs-danger-rgb: 211, 44, 33;
}
.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #00345e;
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
}
.btn-tiny
{
	font-size: .6em;
}

a.ui-icon {
	background-image: url('http://download.jqueryui.com/themeroller/images/ui-icons_17517d_256x240.png') !important;
}
.form-label {
	color: rgba(var(--bs-secondary-rgb), 1);
	font-weight: bold;
}
.reduce-1
{
	margin-left: 1em;
	margin-right: 1em;
}
h1
{
	font-size: 2em;
	text-align: center;
	text-decoration: underline;
}
h2
{
	margin-bottom: 1em;
}

div.error-message, div.warning-message {
	padding: 1em;
	font-weight: bold;
	text-align: center;
	color: ;
}
div.error-message p { display: block; }
div.warning-message p { display: none; }

.xthree-column-list {
	-webkit-column-count: 3; /* For Safari */
	-moz-column-count: 3; /* For Firefox */
	column-count: 3;
	padding-left: 0;
}

.three-column-list {
	column-width: 10em;
	margin-bottom: 0;
}

.three-column-list li
{
  list-style: none;
	text-wrap: nowrap;
}
.three-column-list li label
{
	margin: auto 1em auto .5em;
}

.three-column-list li:first-child label
{
	margin-right: 0;
}

input[type=radio] {
	margin: auto .5em auto 2em;
}

.inline br
{
	display: none;
}
.indent
{
	display: block;
	padding-left: 2em;
	margin-top: 0;
}
.indent-2 {
	display: inline-block;
	padding-left: 2em;
	text-indent: -2em;
}