/* navbar */
div.navbar a {
	padding: 0.5em;
	border-collapse: separate;
	font-family: 'Helvetica';
	font-weight: bold;
	text-decoration: none;
	border-radius: 0.2em;
}

div.navbar a:hover {
	background-color: #44a;
	color: #eee;
}

div.navbar a:visited {
	/* color: initial; */
}


/* search area */

	button#database_load_button { padding: 1em; color: #eee; font-weight: bold; background-color: #44a; }
	#loading_message { padding: 1em; color: #44a; font-weight: bold; font-family: "Helvetica"; }
	label#search_label{ font-weight: bold; font-family: "Helvetica"; }
	#search_frame    { padding: 1em; }
	span.valid       { min-width: 1.5em; text-align: center; display: inline-block; }
	div.hintbox { padding: 1em; }
	span.hint, div.hint { font-size: 85%; color: #444; }



/* results frame */

	.results_frame     {
		max-width: 100%;
	}
	.result_item       {
		white-space: nowrap;
		overflow: visible;
		max-width: 100%;
	}
	.result_item:hover {
		background-color: #44a;
		color: #eee;
	}
	.result_code_field {
		min-width: 6em;
		display: inline-block;
		vertical-align: top;
	}
	.result_code {
		display: inline-block;
	}
	.result_text {
		display: inline-block;
		white-space: pre-wrap;
		vertical-align: top;
		overflow: visible;
		/* max-width: 50% */ /* consider this */
	}


/* progress bars */

	div.progressbar_outer, span.progressbar_outer {
		border: 2px solid gray;
		border-radius: 5px;
		min-width: 100px !important;
	}
	div.progressbar_inner, span.progressbar_inner {
		border: none;
		border-radius: 3px;
		background-color: #44a;
		width: 0%;
	}


/* header */



img.mainlogo {
	height: 1.7em;
	display: inline;
	vertical-align: middle;
	margin-left: 0.3em;
	margin-right: 0.5em;
}


	h1, h2, h3, h4, h5, h6 { font-family: "Helvetica"; }
	span.brand { color: #666; font-weight: bold; font-family: "Helvetica"; }
	.thead-banner        {
	        background-color: #eee;
	        border-bottom: solid 1px #888;
	        font-size: xx-large;
	        font-weight: bold;
		font-family: "Helvetica";
		vertical-align: middle;
	}
	.thead-banner-top    {
		vertical-align: middle;
		display: inline-block;
		font-weight: bold;
		font-family: "Helvetica";
		margin-top: 0.2em;
	}
	.thead-banner-bottom {
		vertical-align: middle;
		display: inline-block;
		margin-left: 2.5em;
		font-size: 67%;
	}
	span.themetext       { color: #44a; }
	    .abouttext       { font-size: 80%; font-family: "Helvetica"; }



	span#subtitle            { font-size: normal; font-weight: bold; font-family: "Helvetica"; }
	span#subtitlefirsthalf   { color: #44a;      }
	span#subtitlesecondhalf  { color: #666;      }
	span#subtitlespace       { bold; font-size: 25%; }
	span#subtitletld         { color: #44a; font-size: smaller; }


.nolink {
        color: inherit;
        text-decoration: none;
        /* all: unset; */
}