/* VTRS_style.css */

@import url('/css/skeleton-bva1.css');

/* Trying this - alternative to default box-sizing by content-box */
html {
	box-sizing: border-box;
	position: relative;
	font-family: LiberationSans, Helvetica, Arial, sans-serif, system-ui;
	min-height: 100%;
	font-size:62.5%;

}

*, *:before, *:after {
	box-sizing: inherit;
	margin: 0;
/*
	padding: 0;
 */

}
.legacy {
	box-sizing: content-box;
}

@media print {
	button {
		visibility: hidden;
	}
	.nonprinting {
		visibility: hidden;
		display: none;
	}
}

/* CONTAINER QUERIES */

.container-outer {
	max-width:720px;
}

.container-main {
	width:100%;
	container-type: inline-size;
	container-name: maindiv;
}
@container maindiv (min-width:60px) {
	* {
/* 		font-size: calc(0.4em + 1cqi);  */
		font-size: calc(0.8em + 0.5cqi);
	}
	div.container-inner {
		padding:1cqw;
	}
	select {
		font-size: calc(0.2em + 1cqi);
	}
	table {
		width:88cqw;
		border:1pt green dotted;
	}
	caption {
		font-size: calc(0.4em + 1cqi);
		font-style: italic;
		line-height: 1.2;
		padding-left:2cqw;
		padding-right:2cqw;
		margin-bottom:0;
		caption-side:top;
	}
	tr {
		vertical-align: top;
	}
	th {
		font-size: calc(0.4em + 1cqi);
	}
	td {
		text-align:left;
	}
}

@media screen and (max-width: 548px) {
  * {
   font-size: calc(0.6em + 1cqi);
  }
  table thead, tfoot {
    display: none;
  }
  table tr,td,th {
	border: 0pt solid #fff;
    display: block;
  	padding-left: 4cqw;
  }
}

/* ============= */
.container-doors {
	width:100%;
	container-type: inline-size;
	container-name: doorsdiv;
}
@container doorsdiv (min-width:60px) {
	* {
		font-size: calc(0.6em + 1cqi);
	}
	div.container-inner {
/*
		background-color:#eee;
 */
		padding:1cqw;
	}
}
/* ============= */
.container-ref {
	width:100%;
	container-type: inline-size;
	container-name: refdiv;
}
@container refdiv (width > 0) {
	* {
		font-size: calc(0.6em + 1cqi);
	}
	div.container-inner {
		border:2pt grey dashed;
		background-color:#eef;
		padding:1cqw;
	}
	table {
		width:97cqw;
		border:1pt blue dotted;
	}
	caption {
		font-size: calc(0.5em + 1cqi);
		font-style: italic;
		line-height: 1.2;
		padding-left:2cqw;
		padding-right:2cqw;
		margin-top:0;
		caption-side:bottom;
	}
	th {
		font-size: calc(0.3em + 1cqi);
	}
	td {
		width: (96/8)cqw;
		text-align:right;
		padding-right:1rem;
	}
}
/* ============= */
.container-fig {
	width:100%;
	container-type: inline-size;
	container-name: figdiv;
}
@container figdiv (width > 0) {
	* {
		font-size: calc(0.6em + 1cqi);
	}
	div.container-inner {
		border:2pt #008080 dashed;
		background-color:#fee;
		padding:1cqw;
	}
	img {
		width:100%;
		margin:auto
	}
	figcaption {
		font-style:italic;
		text-align:center;
		margin-top:4cqi;
	}
}


/* ~~~~~~~~~~~~~~~ Element Styles ~~~~~~~~~~~~~~~ */


body {
	position: relative;
	height: 100%;
	min-height: 100vh;
	font-size: 1.5em;
	line-height: 1.4;
	font-weight: 400;
}

/*
debugging and development:
 */
/*
* {     background-color: rgba(0,255,0,0.1); }
 */

/*
 select
 */
input, button, textarea {
  font: inherit;
  margin:2pt;
}

div, p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

header
{
	padding: 8pt;
	border-radius: 6px;
}

footer
{
	padding: 2pt;
	border-radius: 6px;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}






section#main
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:64em;
}

section.mainSection
{
	position:relative;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	max-width:24em;
	margin-bottom: .4em;
	margin-top: .4em;
/*
	padding: 1em;
 */
	clear: both;
}

section.mainCommentSection
{
	position:relative;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	max-width:32em;
	margin-bottom: .4em;
	margin-top: .4em;
	padding: 1em;
	clear: both;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@font-face {
	font-family: LiberationSans;
	src: url(/fonts/LiberationSans-Regular.ttf);
}

@font-face {
	font-family: LiberationSans;
	src: url(/fonts/LiberationSans-Bold.ttf);
	font-weight: bold;
}

@font-face {
	font-family: LiberationSans;
	src: url(/fonts/LiberationSans-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: LiberationSans;
	src: url(/fonts/LiberationSans-Italic.ttf);
	font-style: italic;
}


h1, h2, h3, h4, h5, h6 {
	margin-top: 2pt;
	margin-bottom: 2pt;
}

ol,ul,dir {
	margin-top: 2pt;
}

dl {
	margin-top: 6pt;
}

dt {
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	font-variant: small-caps;
}

dd {
	margin-bottom: 3pt;
}

fieldset.light_field {
	border: #26a solid 1px;
	color: #600;
	font-size: small;
}

fieldset.blank {
	border:0pt solid blue;
}

fieldset {
	-webkit-border-radius: 6pt;
	-moz-border-radius: 6pt;
	border-radius: 6pt;
}

div {
	-webkit-border-radius: 6pt;
	-moz-border-radius: 6pt;
	border-radius: 6pt;
}

td {
	padding-left:3pt;
	padding-right:3pt;
}


.special_msg_box
{
	position: absolute;
	color: #008080;
	background-color: #999;
	border-radius: 11pt;
	border: 0pt solid;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.8);
	padding: 6pt;
	padding-bottom:12pt;

/*
	bottom: 0;
    left: 0;
    top: 0;
    right: 0;
 */
    margin: auto;
    max-width: 36em;
    max-height: 24em;
}

.special_msg_working_box
{
	position: absolute;
	color: #008080;
	background-color: #999;
	border-radius: 11pt;
	border: 0pt solid;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.8);
	padding: 3pt;
	padding-bottom:7pt;
/*
	bottom: 0;
    left: 0;
    top: 0;
    right: 0;
 */
    margin: auto;
    max-width: 400px;
    max-height: 400px;
}

.special_msg_frame
{
	position: relative;
	border: 3pt dashed #f99d30;
	border-radius: 8pt;
	width: auto;
	height: 100%;
}

.special_msg_working_frame
{
	position: relative;
	border: 2pt dashed #f99d30;
	border-radius: 8pt;
	width: auto;
	height: 100%;
}

.special_msg_title
{
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
	width: auto;
	height: auto;
	margin: 4pt;
	border: 0pt solid red;
}

.special_msg_working_title
{
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	width: auto;
	height: auto;
	margin: 4pt;
	border: 0pt solid red;
}

.special_msg_body
{
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	width: auto;
	height: auto;
	margin: 4pt;
	border: 0pt solid red;
}

.special_msg_working_body
{
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	width: auto;
	height: auto;
	margin: 4pt;
	border: 0pt solid red;
}

.special_msg_btns
{
/*
	position: absolute;
 */
	height: auto;
	padding-top: 3pt;
	text-align: right;
	margin:4pt;
	border-top: 1pt solid white;
	bottom: 4pt;
	left: 4pt;
	right: 4pt;
/*
	background-color:#CCC;
 */
}

.special_msg_working_btns
{
	height: auto;
	padding-top: 3pt;
	text-align: right;
	margin:8pt;
	margin-top:auto;
	border-top: 1pt solid white;
	border: 1pt solid white;
	position: relative;
	top: 0pt;
	bottom: 0pt;
}

.special_msg_help
{
	display: none;
	background-color: #eee;
	font-size: 8pt;
	padding: 2pt;
	text-align: left;
	width: auto;
	height: auto;
	margin-top:6.5pt;
	margin-left: 12pt;
	margin-right: 12pt;
	position: absolute;
	border: 1pt solid #966;
	border-bottom-left-radius: 4pt;
	border-bottom-right-radius: 4pt;
}

.special_msg_working_help
{
	display: none;
	background-color: #eee;
	font-size: 8pt;
	padding: 2pt;
	text-align: left;
	width: auto;
	height: auto;
	margin-top:4pt;
	margin-left: 12pt;
	margin-right: 12pt;
	position: absolute;
	border: 1pt solid #966;
	border-bottom-left-radius: 4pt;
	border-bottom-right-radius: 4pt;
}

.mediumsmall {
	font-size: 10pt;
}

.mediumsmall a {
	font-size: 10pt;
}

legend a:link {
	text-decoration: none;
	font-weight: bold;
	padding-left: 4pt;
	padding-right: 4pt;
}

.small {
	font-size: 8pt;
}

.small_status {
	font-size: 8pt;
	color: #600;
	font-style: oblique;
}

.small_oblique {
	font-style: oblique;
	font-size: smaller;
}

.small_oblique_label {
	font-size: 8pt;
	font-style: oblique;
	margin-top: 0;
	margin-bottom: 6px;
}

.small_bold_label {
	font-size: 9pt;
	margin-top: 0;
	margin-bottom: 6px;
	font-weight: bold;
}

.small_bold {
	font-size: 8pt;
	font-weight: bold;
}

.smallcaps {
	font-size: 8pt;
	font-variant: small-caps;
}

.smallcaps_head
{
	font-variant: small-caps;
}

.smallcaps_bold {
	font-size: 8pt;
	font-variant: small-caps;
	font-weight: bold;
}

.center_photo {
	text-align: center;
}

.hey {
	color: red;
	font-weight: bold;
}

.hey_de_ho {
	color: #005953;
	font-weight: bold;
}

.hey_de_ho_list {
	color: #005953;
}

.help_btn {
	background-color: #DDD;
	padding: 4px;
	border-top: white 1px solid;
	border-bottom: black 1px solid;
	border-left: white 1px solid;
	border-right: black 1px solid;
}

.browser_list {
	background-color: #FFFFFF;
}

.instr {
	height: auto;
	padding: 12px;
	border-top: 2pt #EEE solid;
	border-right: 1pt #666 solid;
	border-bottom: 1pt #666 solid;
	border-left: 2pt #EEE solid;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	margin-top: 6px;
	background-color: #CCFFFF;
	text-align: left;
}

pre {
	font-family: monospace, monospace, 'Courier', serif;
	font-size: 1em;
}

.sudo_pre {
	font-family: monospace, monospace, 'Courier', serif;
	font-size: 1em;
}

.list_pre {
	font-family: "Andale Mono", Monaco, sans-serif, monospace, monospace;
	font-size: 0.8em;
	white-space: pre-wrap;
}

.search_crit {
	margin-left: 2pt;
	padding-top: 4pt;
	padding-bottom: 4pt;
	padding-left: 2pt;
	padding-right: 6pt;
	border-right: 2pt solid #EEE;
	font-weight: lighter;
}

.divider {
	margin-left: 4pt;
	margin-right: 4pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 0pt;
	padding-right: 0pt;
	background-color: #BBB;
	display: inline;
}


/* ~~~~~~~~~~~~~~~ Link Styles ~~~~~~~~~~~~~~~ */


A:link {
	text-decoration: underline;
	color: #3333FF;
}

A:visited {
	text-decoration: underline;
	color: #333399;
}

A:active {
	text-decoration: underline;
	color: #FF0000;
}

A:hover {
	color: #FF0000;
	text-decoration: underline;
}

.link {
	font-size: 9pt;
	text-align: center;
}

.link_em {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

.link_label {
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	background-color: yellow;
	padding-top: 3pt;
	padding-bottom: 3pt;
	margin-left: 2pt;
	margin-right: 2pt;
	margin-bottom: 4pt;
	margin-top: 4pt;
}

.link_std {
	font-size: 9pt;
	text-align: center;
}

.link_list {
	list-style:none;
	display:block;
}

ul.link_list > li {
	display:block;
}

.link_line {
	font-size: smaller;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;

}

.link_line a:link, .link_line a:visited {
	text-decoration: none;
}

.link_line a:active, .link_line a:hover {
	text-decoration: underline;
}

.link_line a {
	margin-left: 2pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 4pt;
	padding-right: 4pt;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;
}

.link_line_hi a {
	margin-left: 2pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 4pt;
	padding-right: 4pt;
	font-weight: bold;
	font-size: larger;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;
}


.guide_list ul, li {
	margin-bottom: .6em;
}

ul.link_line {
	padding-left: 0;
	display:inline-block;
	margin-bottom:0;
}

ul.link_line > li {
	display:inline-block;
	padding-bottom:0;
	margin-bottom:0;
}

ul.link_line a {
	display:inline-block;
	margin-bottom:0;
}

ul.link_line button {
  margin-bottom: .3em;
}



ol.link_line {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

.link_line li {
	list-style:none;
	display:inline;
}

.top_link {
	font-size: 8pt;
	margin-bottom: 6pt;
}

.top_link a {
	margin-left: 2pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 4pt;
	padding-right: 4pt;
	border: 1pt solid #600;
}

.top_link a:link, .top_link a:visited {
	text-decoration: none;
}

.top_link a:active, .top_link a:hover {
	text-decoration: underline;
}


/* ~~~~~~~~~~~~~~~ Contextual Styles ~~~~~~~~~~~~~~~ */


li b {
	color: inherit;
	/*	color: purple; */
}


/* ~~~~~~~~~~~~~~~ ID Styles ~~~~~~~~~~~~~~~ */


div#message {
	padding: 2px;
	text-align: center;
	background-color: #ffffde;
	color: #660000;
	line-height: 1.2em;
	border-bottom: solid #993333 1px;
}

div#msg_line {
	color: #600;
	background-color: #FFE;
	margin-left: 2%;
	padding: 4pt;
	font-size: smaller;
}

div#err_line {
	color: #600;
	background-color: yellow;
	margin-left: 12pt;
	text-indent: -12pt;
}

div#header_message {
	position: relative;
	padding-bottom: 2pt;
	border: 0.36pt solid #CCC;
	border-bottom: 1pt solid #CCC;
	border-right: 0.8pt solid #CCC;
	font-size: 9pt;
	text-align:center;
	max-width: 36em;
	margin-left: auto;
	margin-right: auto;
	padding:0.6em;
}

div#left_hdr_msg_div {
	position: absolute;
	top: 0;
	left: 1em;
	width: 8em;
	padding-top: 4px;
	text-align: left;
}

div#middle_hdr_msg_div {
	position: relative;
	top: 0;
/*
	left: 10em;
 */
	width: 75%;
	padding-top: 4px;
	text-align: center;
	min-height: 2em;
}

div#right_hdr_msg_div {
	position: absolute;
	top: 0;
	right: 1em;
	width: 8em;
	padding-top: 4px;
	text-align: right;
}

div#header_links {
	clear: both;
	width: 100%;
}

div#intro_div {
	padding: 2px;
	margin-left: .1%;
	margin-right: .1%;
	margin-bottom: .3%;
	width: 100%;
}

div#message_div {
	float: right;
	padding: 2px;
	text-align: left;
	background-color: #ffffde;
	color: #660000;
	line-height: 1.2em;
}

div#summary_div {
	border-top: 2pt #FFF solid;
	border-right: 1pt #666 solid;
	border-bottom: 1pt #666 solid;
	border-left: 2pt #FFF solid;
	margin-left: .1%;
	margin-right: .1%;
	width: auto;
	height: auto;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 4px;
	background-color: #CCC;
}

div#action_div {
	clear: both;
	text-align: center;
	padding: 2px;
	width: auto;
	height: auto;
}

div#list_frame_div {
	height: auto;
	margin-bottom: 6px;
	margin-top: 4pt;
	padding: 8px;
}

div#browser_table_div {
	border-top: 2pt #FFF solid;
	border-right: 1pt #666 solid;
	border-bottom: 1pt #666 solid;
	border-left: 2pt #FFF solid;
	margin-left: .1%;
	margin-right: .1%;
	height: auto;
	margin-bottom: 6px;
	margin-top: 4pt;
	padding: 8px;
}

div#record_frame_div {
	height: auto;
}

div#edit_frame_div {
	height: auto;
	margin-bottom: .5em;
	margin-top: 1em;
}

div#search_div {
	text-align: left;
}

div#count {
	font-size: 8pt;
	font-weight: bold;
}

div#desc {
	font-size: 8pt;
}

div#msg_div {
	height: auto;
	margin-top: .5em;
}

div#lookup_div {
	height: auto;
	text-align: left;
}

div#home_div {
	height: auto;
	padding-left: 8px;
	padding-right: 8px;
	width: auto;
	margin-left: 1em;
	margin-right: 1em;
}

div#display_div {
	clear: both;
	text-align: center;
	padding: 2px;
	margin-top: .5em;
	margin-left: .3em;
	margin-right: .3em;
	margin-bottom: .5em;
	width: auto;
	height: auto;
	background-color: yellow;
	border: 1pt solid red;
}

div#edit_div {
	clear: both;
	text-align: center;
	padding: 2px;
	margin-top: .5em;
	margin-left: .3em;
	margin-right: .3em;
	margin-bottom: .5em;
	width: auto;
	height: auto;
	background-color: tan;
	border: 1pt solid red;
}

div#compare_div {
	clear: both;
	text-align: center;
	padding: 2px;
	margin-top: .5em;
	margin-left: .3em;
	margin-right: .3em;
	margin-bottom: .5em;
	width: auto;
	height: auto;
	background-color: lightblue;
	border: 1pt solid red;
}

div#frame_display_div {
	clear: both;
	text-align: center;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
}

div#report_div {
	clear: both;
	text-align: center;
	padding: 2px;
	margin-top: .1%;
	margin-left: .1%;
	margin-right: .1%;
	width: auto;
	height: auto;
}

div#default_header_div {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 1px;
	margin-bottom: 0;
	background-color: #80ACA9;
	color: #600;
}

div#main_div {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .1em;
	margin-top: .1em;
	background-color: #FFF;
	clear: both;
}

div#intro_left {
	float: left;
	width: auto;
	padding: 4px;
	border-top: solid #F99D30 medium;
	border-bottom: solid #F99D30 medium;
}

div#intro_right {
	float: right;
	width: auto;
	padding: 4px;
	font-size: 80%;
	color: #300;
	border: 2px #6C9 solid;
}

div#user_history {
	width: auto;
	padding: 4px;
	font-size: 80%;
	color: #300;
	background-color: #EFE;
	border: 2px #6C9 solid;
}

div#session_div {
	padding: 2px;
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: #FFF;
	border: 3px #00ff99 solid;
}

div#footer_div {
	clear: both;
	text-align: center;
	font-size: small;
	font-weight: bold;
}

div#_footer_div {
	clear: both;
	text-align: center;
	padding: 2px;
	margin-top: 1pt;
	background-color: #80ACA9;
	color: #6C9;
	font-size: small;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~ Class Styles ~~~~~~~~~~~~~~~ */

.title {
	margin-bottom: .5em;
}

.subtitle {
	font-style: normal;
	font-weight:normal
}

.hide {
	display: none;
}

.info_block {
	display: inline-block !important;
}

.cat_tab {
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 0;
	border-bottom: #CC9;
	border-right: #CC9;
	border-left: #EEEEEE;
	border-top: #EEEEEE;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid none solid;
}

.cat_tab:hover {
	background-color: #fafafa;
	border-width: 1px;
	border-style: solid;
	border-color: teal;
}

.list_box {
	color: #600;
/*
	background-color: #FFC;
 */
/*
	margin: 6px 6% 0 6%;
 */
/*
	padding: 6pt;
 */
/*
	text-align: left;
 */
/*
	border-color: #600;
	border-width: 1pt;
	border-style: solid;
 */
}

.msg_box {
	padding: 6pt;
	text-align: left;
	color: #600;
	background-color: #FFC;
	border-color: #600;
	border-width: 1pt;
	border-style: solid;
}

.msg_line {
	color: #600;
	font-size: small;
}

.err_line {
	color: #F33;
	font-size: small;
	background-color: yellow;
}

.msg_span {
	color: #600;
	font-size: small;
}

.err_span {
	color: #F33;
	font-size: small;
	background-color: yellow;
}

.date_btn {
	font-size: 7pt;
	background-color: #EFF;
}

.close_btn {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 8pt;
	font-variant: small-caps;
	color: blue;
}

.btn_line {
	margin-top: 2%;
	margin-bottom: 2%;
}

.email_html_preview {
	color: #005953;
	background-color: #FFF;
	padding: 1em;
	margin-top: 8pt;
	margin-bottom: 8pt;
	margin-right: 4%;
	margin-left: 4%;
	border: #144275 solid 1pt;
}

.email_html_preview h1 {
	color: #144275;
	margin-bottom: 1pt;
}

.email_html_preview h2 {
	color: #144275;
	margin-bottom: 1pt;
}

.email_html_preview h3 {
	color: #144275;
	margin-bottom: 1pt;
}

.email_html_preview h4 {
	color: #144275;
	margin-bottom: 1pt;
}

.email_html_preview h5 {
	color: #144275;
	margin-bottom: 1pt;
}

.email_html_preview h6 {
	color: #144275;
	margin-bottom: 1pt;
}

.email_html_preview p {
	color: #660000;
	text-align: justify;
}

.email_html_preview blockquote {
	color: #005953;
}

.email_html_preview pre {
	color: #660000;
}

.email_html_preview .subtitle {
	color: #005953;
}

.email_html_preview hr {
	color: #144275;
	height: 2px;
}

.vtr_tab_here {
	font-weight: bold;
	font-size: smaller;
	background-color: #BCB;
	padding: 9px 6px 8px 6px;
	margin: 0 0 0 0;
}

.intro_right {
	width: auto;
	padding: 4px;
	font-size: 80%;
	color: #300;
	border: 2px #6C9 solid;
}

.user_history {
	width: auto;
	padding: 4px;
	font-size: 80%;
	color: #300;
	border: 2px #6C9 solid;
}

.form {
	font-size: small;
	line-height: 1.4em;
	color: #00F;
	background-color: #EFE;
	padding: 5pt;
	border: 3px solid;
}

.notes {
	font-size: 8pt;
	line-height: 1.4em;
	color: #00F;
	background-color: #EFE;
	padding: 4pt;
	border: 1px solid;
}

.note_list {
	line-height: 1.4em;
	color: #00F;
	background-color: #EFE;
	padding: 4pt;
	border: 1px solid;
}

.note_label {
	line-height: 1.4em;
	color: #00F;
	background-color: #EFE;
	padding: 4pt;
	border: 1px solid;
}

.note_text {
	line-height: 1.4em;
	color: #00F;
	background-color: #EFE;
	padding: 4pt;
	border: 1px solid;
}

.quotation::before {
	content: open-quote;
	font-size:larger;
	line-height:inherit;
}
.quotation::after {
	content: close-quote;
	font-size:larger;
	line-height:inherit;
}

.set_note {
	color: blue;
}

.pre_form {
	font-family: sans-serif, monospace, monospace;
	font-size: small;
	color: #00F;
	background-color: #EFE;
	padding: 5pt;
	border: 3px solid;
	white-space: pre;
}

.label_std {
	color:inherit;
}

.label_req {
	font-weight: bold;
}

.label_missing {
	color: red;
	font-weight: bold;
}

.guide_field {
	border-color: teal;
	border-width: 2px;
	border-style: dotted;
}

.collectTable
{
	background-color:inherit;
/*
	border:4px solid #ccc;
 */
}

.list_table {
	font-size: 80%;
}

#index_info {
	width:auto;
}

.premise_box
{
	background-color:#FFF;
/*
	border:4px solid #CCC;
 */
/*
	margin:4pt;
 */
	margin-left:auto;
	margin-right:auto;
	padding:0.3em;
	vertical-align:top;
	text-align:justify;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;
	position:relative;
}

.comment_box
{
	background-color:#FFF;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
	padding:1em;
	vertical-align:top;
	text-align:justify;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;
}

#result_box
{
	background-color:#FFF;
	border:0px solid #CFC;
/*
	margin:4pt;
 */
/*
	width:28em;
 */
	margin-left:auto;
	margin-right:auto;
	padding:0.3em;
	text-align: center;
	display:inline-block;
	vertical-align:top;
	max-height:46rem;
	overflow:auto;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;

}

.lookup_box
{
/*
	margin:4pt;
 */
	margin-left:auto;
	margin-right:auto;
/*
	padding:1em;
 */
	text-align: left;
	display:inline-block;
	vertical-align:top;
	background-color:#FFF;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;


}

.lookup_box input {
	font-size:inherit;
}

.list_box
{
/*
	background-color:#EEFFCF;
	border:4px solid #CCC;
 */
	margin:0pt;

	margin-left:auto;
	margin-right:auto;
	padding:1em;
	padding-top:0;
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;

}

.tab_span
{
	-webkit-border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-radius: 4pt;
	display: inline-block;
}


/* ~~~~~~~~~~~~~~~ Actor Styles ~~~~~~~~~~~~~~~ */

.admin {
	background-color: #FFFFEE;
	color: #000033;
}
.anon {
	background-color: #FFFFEE;
	color: #000033;
}
.guest {
	background-color: #FFFFEE;
	color: #000033;
}
.staff {
	background-color: #FFFFEE;
	color: #000033;
}


/* ~~~~~~~~~~~~~~~ State Styles ~~~~~~~~~~~~~~~ */

.Comp Marked {
	background-color: #FFFFEE;
	color: #000033;
}
.Comparison {
	background-color: #FFFFEE;
	color: #000033;
}
.Comparison Counts {
	background-color: #FFFFEE;
	color: #000033;
}
.Comparison Report {
	background-color: #FFFFEE;
	color: #000033;
}
.Comparison Setup {
	background-color: #FFFFEE;
	color: #000033;
}
.Database Setup {
	background-color: #FFFFEE;
	color: #000033;
}
.Default Index Set {
	background-color: #FFFFEE;
	color: #000033;
}
.Edit Comparison {
	background-color: #FFFFEE;
	color: #000033;
}
.Home {
	background-color: #FFFFEE;
	color: #000033;
}
.Household {
	background-color: #FFFFEE;
	color: #000033;
}
.Indexes {
	background-color: #FFFFEE;
	color: #000033;
}
.Lists {
	background-color: #FFFFEE;
	color: #000033;
}
.Logged Out {
	background-color: #FFFFEE;
	color: #000033;
}
.Lookup {
	background-color: #FFFFEE;
	color: #000033;
}
.Lookup Comparison {
	background-color: #FFFFEE;
	color: #000033;
}
.Lookup Input {
	background-color: #FFFFEE;
	color: #000033;
}
.Lookup Result Count {
	background-color: #FFFFEE;
	color: #000033;
}
.Lookup Result List {
	background-color: #FFFFEE;
	color: #000033;
}
.Marked {
	background-color: #FFFFEE;
	color: #000033;
}
.Marked Records {
	background-color: #FFFFEE;
	color: #000033;
}
.Marked Records Cleared {
	background-color: #FFFFEE;
	color: #000033;
}
.Merged {
	background-color: #FFFFEE;
	color: #000033;
}
.My Settings {
	background-color: #FFFFEE;
	color: #000033;
}
.New Comparison {
	background-color: #FFFFEE;
	color: #000033;
}
.New User {
	background-color: #FFFFEE;
	color: #000033;
}
.Registered {
	background-color: #FFFFEE;
	color: #000033;
}
.Registration {
	background-color: #FFFFEE;
	color: #000033;
}
.Registration Application {
	background-color: #FFFFEE;
	color: #000033;
}
.Report Fields Set {
	background-color: #FFFFEE;
	color: #000033;
}
.Result List {
	background-color: #FFFFEE;
	color: #000033;
}
.Search Comparison {
	background-color: #FFFFEE;
	color: #000033;
}
.Search Input {
	background-color: #FFFFEE;
	color: #000033;
}
.Search Result Count {
	background-color: #FFFFEE;
	color: #000033;
}
.Search Result List {
	background-color: #FFFFEE;
	color: #000033;
}
.Settings {
	background-color: #FFFFEE;
	color: #000033;
}
.User Settings {
	background-color: #FFFFEE;
	color: #000033;
}
.Users {
	background-color: #FFFFEE;
	color: #000033;
}
.Voter Count {
	background-color: #FFFFEE;
	color: #000033;
}
.Voter Data {
	background-color: #FFFFEE;
	color: #000033;
}
.Welcome {
	background-color: #FFFFEE;
	color: #000033;
}


/* ~~~~~~~~~~~~~~~ Phase Styles ~~~~~~~~~~~~~~~ */

.at_home {
	background-color: #FFFFEE;
	color: #000033;
}
.comp {
	background-color: #FFFFEE;
	color: #000033;
}
.data {
	background-color: #FFFFEE;
	color: #000033;
}
.init {
	background-color: #FFFFEE;
	color: #000033;
}
.reg {
	background-color: #FFFFEE;
	color: #000033;
}
.set {
	background-color: #FFFFEE;
	color: #000033;
}
.xhr {
	background-color: #FFFFEE;
	color: #000033;
}


/* ~~~~~~~~~~~~~~~ Phase ID Styles ~~~~~~~~~~~~~~~ */

header#at_home_header {
	padding: 2pt;
	background-color: #000000;
	color: #000033;
	margin-bottom: 5pt;
}

article#at_home_article {
	padding: 1em;
	margin-top: 2pt;
	margin-bottom: 2pt;
	background-color: #000000;
}

footer#at_home_footer {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 1pt;
	background-color: #000000;
	color: #000033;
	font-size: small;
}

header#data_header {
	padding: 2pt;
	background-color: #000000;
	color: #000033;
	margin-bottom: 5pt;
}

article#data_article {
	padding: 1em;
	margin-top: 2pt;
	margin-bottom: 2pt;
	background-color: #000000;
}

footer#data_footer {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 1pt;
	background-color: #000000;
	color: #000033;
	font-size: small;
}

header#init_header {
	padding: 2pt;
	background-color: #000000;
	color: #000033;
	margin-bottom: 5pt;
}

article#init_article {
	padding: 1em;
	margin-top: 2pt;
	margin-bottom: 2pt;
	background-color: #000000;
}

footer#init_footer {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 1pt;
	background-color: #000000;
	color: #000033;
	font-size: small;
}

header#reg_header {
	padding: 2pt;
	background-color: #000000;
	color: #000033;
	margin-bottom: 5pt;
}

article#reg_article {
	padding: 1em;
	margin-top: 2pt;
	margin-bottom: 2pt;
	background-color: #000000;
}

footer#reg_footer {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 1pt;
	background-color: #000000;
	color: #000033;
	font-size: small;
}

header#set_header {
	padding: 2pt;
	background-color: #000000;
	color: #000033;
	margin-bottom: 5pt;
}

article#set_article {
	padding: 1em;
	margin-top: 2pt;
	margin-bottom: 2pt;
	background-color: #000000;
}

footer#set_footer {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 1pt;
	background-color: #000000;
	color: #000033;
	font-size: small;
}

header#xhr_header {
	padding: 2pt;
	background-color: #000000;
	color: #000033;
	margin-bottom: 5pt;
}

article#xhr_article {
	padding: 1em;
	margin-top: 2pt;
	margin-bottom: 2pt;
	background-color: #000000;
}

footer#xhr_footer {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 1pt;
	background-color: #000000;
	color: #000033;
	font-size: small;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Media Queries ~~~~~~~~~~~~~~~~~~~~~~~~~ */


@media handheld {
	section#main
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .1em;
		margin-top: .1em;
		clear: both;
	}
	.premise_box {
		margin-left:auto;
		margin-right:auto;
		padding-left:0.3em;
		padding-right:0.3em;
		vertical-align:top;
		text-align:center;
		-webkit-border-radius: 2pt;
		-moz-border-radius: 2pt;
		border-radius: 2pt;

	}
	.lookup_box
	{
		margin-left:auto;
		margin-right:auto;
/*
		padding:1em;
 */
		text-align: left;
		vertical-align:top;
		background-color:#FFF;
		-webkit-border-radius: 1pt;
		-moz-border-radius: 1pt;
		border-radius: 1pt;

	}
	.lookup_box input {
		font-size:medium;
	}

	#result_box
	{
		background-color:#FFF;
		border:0px solid #CCC;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		padding:0.3em;
		text-align: center;
		vertical-align:top;
		max-height:46rem;
		overflow:auto;
	}

	.tab_span
	{
		-webkit-border-radius: 2pt;
		-moz-border-radius: 2pt;
		border-radius: 2pt;
		display: inline-block;
		font-size: 80%;
	}

	body {
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
}

@media screen and (min-width: 101px) and (max-width: 499px) {
/* for larger tablets or small desktop resolutions */
	section#main
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .1em;
		margin-top: .1em;
		clear: both;
	}

}

@media screen and (min-width: 501px) and (max-width: 750px) {
/* for larger tablets or small desktop resolutions */
section#main
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .1em;
		margin-top: .1em;
		clear: both;
	}

}

@media screen and (max-width: 500px) {
/* for mobile devices and small tablets */
	section#main
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .1em;
		margin-top: .1em;
		clear: both;
	}
	.premise_box {
		margin-left:auto;
		margin-right:auto;
		padding-left:0.3em;
		padding-right:0.3em;
		vertical-align:top;
		text-align:center;
		-webkit-border-radius: 2pt;
		-moz-border-radius: 2pt;
		border-radius: 2pt;

	}
	.lookup_box
	{
		margin-left:auto;
		margin-right:auto;
/*
		padding:1em;
 */
		text-align: left;
		vertical-align:top;
		background-color:#FFF;
		-webkit-border-radius: 1pt;
		-moz-border-radius: 1pt;
		border-radius: 1pt;

	}
	.lookup_box input {
		font-size:medium;
	}
	#result_box
	{
		background-color:#FFF;
		border:0px solid #FCC;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		padding:0.3em;
		text-align: center;
		vertical-align:top;
		max-height:46rem;
		overflow:auto;
	}

	.tab_span
	{
		-webkit-border-radius: 2pt;
		-moz-border-radius: 2pt;
		border-radius: 2pt;
		display: inline-block;
		font-size: 80%;
	}

	body {
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}

}

@media (max-width: 1200px) {
/* for mobile devices and small tablets */
	section#main
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .1em;
		margin-top: .1em;
		clear: both;
	}

}

@media handheld and (max-width: 1200px) {
/* for mobile devices and small tablets */
	section#main
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .1em;
		margin-top: .1em;
/*
		padding: 1em;
 */
		clear: both;
	}

}

@media print {
/* to format the page for printing. */
	button { visibility: hidden; }
	.nonprinting {visibility: hidden; display: none;}

}