BODY { margin: 0px; padding: 0px;
	font: 10px "Lucida Grande", Tahoma, Geneva, Verdana, sans-serif;
	}

FORM { display: inline; }

P, TD, TH, SELECT { font: 10px "Lucida Grande", Tahoma, Geneva, Verdana, sans-serif; }
TH { font-weight: bold; }
A:hover { color: #906; }

PRE, TT { font: 10px Monaco, "Andale Mono", "Lucida Console", monospace; }
TEXTAREA { font: 9px Monaco, "Andale Mono", "Lucida Console", monospace; }
INPUT, SELECT { font: 10px "Lucida Grande", Geneva, Verdana, sans-serif; }

.title { font: 20px "Marker Felt", "Comic Sans MS", Textile, Charcoal, fantasy; }

.tcs-mono { font: 10px Monaco, "Andale Mono", monospace; }
.tcs-sans { font: 10px "Lucida Grande", Geneva, Verdana, sans-serif; }

TABLE.tcs { border: 0px; padding: 0px; margin: 0px; }
TR.head { border: #fc9; }
TR.tool { background-color: #fc9; }
TR.odd { }
TR.even { background-color: #feb; }
TD.inner { padding: 0px 1em 0px 1em; border-bottom: 1px solid #fc9; }
TD.outer { padding: 1px 0px 1px 0px; border-bottom: 1px solid #fc9; }

.ten { font-size: 10px; }
.twelve { font-size: 12px; }
.big { font-size: 12px; }
.small { font-size: 9px; }
.warning { color: red; }

.thumb { font-size: 9px; }

.news-head { font-size: 10px; font-weight: bold; }
.news-extra { font-size: 9px; }

.map-num { font-size: 9px; line-height: 11px; }
.map-from { font-size: 10px; line-height: 11px; }
.map-date { font-size: 9px; line-height: 11px; }

.msg-header { font-size: 10px; }
.msg-subject { font-size: 12px; font-weight: bold; }
.msg-extra { font-size: 9px; }
.msg-top { font-size: 9px; }

#headerSearch { display: block; margin: 0.5em 0; margin-right: 1em; }
#headerSearch input { font-size: 12px; width: 100%; }
.webkit #headerSearch input { font-size: 11px; }

#headerbar td { font-size: 10px; }

#find .filter { display: block; width: 96%; height: 24px; border: 1px solid #fb9; background-color: #feb; margin: 4px;
	border-radius: 0.75em; -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; }
#find .filter div { display: inline-block; height: 20px; padding: 4px 0; font-size: 12px; text-align: bottom; }
#find .filter .key { color: #fa8; font-size: 10px; font-weight: bold; text-align: left; float: left; width: 40px; padding: 5px; }
#find .filter .val { font-size: 12px; }
#find .filter a { display: inline-block; width: 40px; float: right; text-decoration: none; text-align: right;
	font-size: 18px; color: #fa8; padding: 0px 5px; }
.found em { font-weight: bold; }

input[type="search"] { font-size: 14px; }
.webkit input[type="search"] { font-size: 16px; }
#menufind input[type="search"] { width: 80%; }
#menufind input { vertical-align: bottom; }
.gecko input[type="search"] {
	-moz-border-radius: 1em;
	padding-left: 0.5em;
	border: 1px solid #aaa;
	border-top-width: 2px;
	border-bottom-color: #ccc;
}

#findfacets { display: block; float: left; width: 140pt; margin: 0pt 1em; }
#findfacets div { border: 1px solid #fc9; margin: 1em 0; background-color: #feb; }
#findfacets h3,h4 { margin: 0; padding: 3px 10px; font-size: 125%; background-color: #fda; }
#findfacets ul { list-style: none; padding: 0 10px; line-height: 1.5em; }
#findfacets a { color: #00c; font-size: 11px; }
#findfacets .facetCount { color: #d76; font-size: 9px; }

#findresults { display: block; margin-left: 160pt; margin-top: 1em; }
#findresults blockquote { font-size: 11px; overflow: hidden; }
#findresults .found { background-color: #ffe; margin: 1em 1em 1em 0; padding: 0.5em; border: 1px solid #feb; }
#findresults .relbar { display:block;float:right;width:100px;height:1.6em;border:1px solid red;text-align:center;margin:0 2em; }
#findresults .relbar strong { display:block;height:100%;width:50%;background-color:red;z-index:-1; }
#findresults .relbar span { position:relative;top:-1.4em;vertical-align:center; }

#prefsMember { font-size: 14px; line-height: 22px; }
#prefsMember img { float: right; margin-right: 1em; }

.pi-menu-wrapper {
	font: 10px -apple-system, "Lucida Grande", Tahoma, Geneva, Verdana, sans-serif;
	justify-content: end;
	align-content: center;
}

.pi-menu {
	display: flex;
	margin: 0.5em;
	justify-content: end;
}

.pi-menu noscript {
	display: flex;
	flex-flow: row nowrap;
	place-items: center normal;
	font-weight: bold;
	color: #800b;
	cursor: -webkit-grabbing;
	user-select: none;
}

.pi-menu noscript::after {
	content: "🥺";
	font-size: 2em;
	margin: 0 0.25rem;
}

.pi-menu noscript:hover::after {
	content: "😖";
}

@media screen and (max-device-width: 480px) {
	html { -webkit-text-size-adjust: none; }
	.nophone { display: none; }
	.signin #banner { width: 100%; height: auto; }
	.signout #banner { width: 100%; height: auto; }
	.signin .big { font-size: 15px; }
	.signin input { width: 90%; font-size: 15px; }
	.news-head { font-size: 9px; }
	.news-extra { font-size: 8px; }
	.confinfo { font-size: 7px; }
	#headerbar td { font-size: 9px; }
	#findfacets { width: 100pt; font-size: 7px; }
	#findfacets h3,h4 { padding: 3px; }
	#findfacets a { font-size: 9px; }
	#findfacets ul { margin: 3px; padding: 0; }
	#findfacets .facetCount { font-size: 6px; }
	#findresults { margin-left: 110pt; }
	#findresults .relbar { width: 40px; margin: 0 1em; font-size: 9px; height: 1.25em; }
	#findresults blockquote { margin: 0.5em; margin-left: 1em; }
	textarea { width: 100%; }
	pre { width: 100%; }
}
@media screen and (min-device-width: 481px) {
	.ipad #headerbar td { font-size: 7px; }
	.ipad #findfacets { width: 104pt; font-size: 7px; }
	.ipad #findfacets a { font-size: 7px; }
	.ipad #findfacets .facetCount { font-size: 6px; }
	.ipad #findresults { margin-left: 114pt; }
	.ipad #findresults .relbar { width: 40px; margin: 0 1em; font-size: 7px; height: 1.25em; }
	.ipad #findresults blockquote { margin: 1em; }
}