/*
===============================================================================
 Project Wulfila
 ------------------------------------------------------------------------------
 
 CSS file for the search page in the digital edition.
 
 Extends and overrides main.css and browse.css.
 
 ------------------------------------------------------------------------------
 tdh.20150928, 20260212
===============================================================================
*/

#summary, #help {
	max-width: 90ch;
}

#form p, #summary p, #link-results p {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: #333;
}

#summary, #link-results {
	margin-top: 1em;
}

#summary p, #link-results p {
	padding: 0.5em 0;
}

#matches {
	margin: 0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#status {
	margin: 0;
	margin-top: 1em;
}

#help {
	margin-top: 1.5em;
}

#find {
	width: 65%;
	min-width: 10em;
	max-width: 50em;
}
#case {
	vertical-align: middle;
}

.timer {
	margin-left: 1em;
	color: #CBB; 
}

mark {
	color: darkgreen;
	font-weight: bold;
	background-color: #e9e9e9;
}

code {
	font-size: 12pt;
	font-family: Consolas, monospace;
}

.small {
	font-size: smaller;
}

.count { /* number of matches in match overview */
	color: gray;
}

.matchcount { /* total number of matches in status info */
	color: olive;
}

.separator {
	color: gray;
}

.warning {
	color: orange !important;
}

.error {
	color: red !important;
}

.spaced {
	margin-left: 1em;
}

.nowrap {
	white-space: nowrap;
}

.matchmode {
	font-family: Verdana, sans-serif; 
	font-size: 10pt; 
	color: olive;
	border: 1px solid #CCC;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #F8F8F8;
}

table {
	margin: 1em 0;
}

table td {
	padding: 0.20em 0.30em;
}

td:first-child {
	border-radius: 0.3em;
	border-top: none !important;
	text-align: right;
	font-family: consolas, monospace;
	padding-right: 1em;
	color: #006035;
	background-color: #F6F6F6;
	min-width: 8em;
	max-width: 12em;
	margin-right: 2em;
	vertical-align: top;
	font-size: 11pt;
}

ul.notesList {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

ul.notesList li {
	position: relative;
	margin-left: 1em;
	margin-bottom: 1em;
}

ul.notesList li:before {
	position: absolute;
	color: #DAA;
	left: -1em;
	content: "\00B6";
	/* pilcrow */
}

dt.truncated, dt.error, dt.warning, dd.warning, dd.error {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
}

dt.truncated {
	color: orange;
}

dd.warning {
	margin-top: 1em;
}

/* translation visibility is not controlled by CSS: search results are generated dynamically and only include selected translations, so never hide them: */
dd.trans {
	display: block;
}