div#binDump
{
	margin: 2em 0;
	text-align: left;
}
div#binDump .sc
{
	display: inline-block;
	margin: 1em 0;
	width: 8em;
	text-align: center;
}
div#binDump .sc_head
{
	display: block;
	margin: 0 0 0.5em 0;
	font-size: 14px;
}
div#binDump .sc_body
{
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 0.1em;
}

article p.subhead { margin-top: 4em; }

table#bitSearch { margin: 3em 0 0 2em; }
table#bitSearch td { text-align: center; vertical-align: middle; }
table#bitSearch td.bitDisplay { text-align: left; padding: 0 1em; }
table#bitSearch td.lookupTitle { text-align: left; min-width: 5em; white-space: nowrap; }
table#bitSearch td.bitSearchCtrl { text-align: right; padding: 1.5em 0.2em 2.25em 0; }

textarea#bitSearchFound {
	font-family: monospace;
	font-size: 14px;
	letter-spacing: 0;
	background-color: #f2f2f2;
	color: #222;
	padding: 6px 8px;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0;
	border: 1px #d3eef4 solid;
	width: 420px;
	max-width: 100%;
	min-height: 140px;
	opacity: 0.55;
	transition: opacity 0.25s ease;
}
textarea#bitSearchFound.results
{
	opacity: 1.0;
}

button#bitSearchLookup
{
	font-size: 15px;
	line-height: 100%;
	padding: 6px 16px;
	border: none;
	border-radius: 14px;
	background-color: #88c8d7;
	cursor: pointer;
	color: #fff;
	min-width: 100px;
}
button#bitSearchLookup:hover, button#bitSearchLookup:focus { background-color: #8cd9eb; }
button#bitSearchLookup:active { background-color: #e45439; }

article h2 { margin-top: 3.5em; }

svg#screenCodeDisplay
{
	display: block;
	margin: 3em 0 0 0;
	width: 480px;
	max-width: 100%;
	height: auto;
	contain: paint;
	opacity: 0.55;
	transition: opacity 0.25s ease;
}
svg#screenCodeDisplay.hasHits
{
	opacity: 1.0;
}

textarea#bitSearchFound.initial,
svg#screenCodeDisplay.initial
{
	opacity: 1.0 !important;
}

svg#screenCodeDisplay image { opacity: 0.9; }

svg#screenCodeDisplay rect
{
	fill: #ffd00033;
	stroke: #f73d44;
	stroke-width: 1px;
	rx: 1px;
	ry: 1px;
	mix-blend-mode: darken;
}