/* Top-level rules */
body {
/*	font: normal 12pt "Times New Roman", Times, serif; */
	font: normal 12pt Arial, Helvetica, sans-serif;
}

h1, h2, h3, p {
	margin: 0.1em;
}

/* Other elements */
.updated_time {
	font: normal 8pt Arial, Helvetica, sans-serif;
}

/* Preserve whitespace in description and instructions */
.de td, .in td {
	white-space: pre-wrap;
/*	font: normal 12pt "Courier New", Courier, monospace; */
	font: normal 12pt "Lucida Console", Monaco, monospace;
}

/* Allow word-wrapping of long message ID string */
.id td {
	word-wrap: break-word;
}

/* Table severity rules */
.severe th, .severe .de, .severe .in, .severe .su, .severe .ti, .severe .ev, .severe .ad {
	color: white;
	background-color: red;
}

.minor th, .minor .de, .minor .in, .minor .su, .minor .ti, .minor .ev, .minor .ad {
	color: black;
	background-color: greenyellow;
}

.moderate th, .moderate .de, .moderate .in, .moderate .su, .moderate .ti, .moderate .ev, .moderate .ad {
	color: black;
	background-color: yellow;
}

.severe th, .severe .de, .severe .in, .severe .su, .severe .ti, .severe .ev, .severe .ad {
	color: black;
	background-color: orange;
}

.extreme th, .extreme .de, .extreme .in, .extreme .su, .extreme .ti, .extreme .ev, .extreme .ad {
	color: white;
	background-color: red;
}

.unknown th, .unknown .de, .unknown .in, .unknown .su, .unknown .ti, .unknown .ev, .unknown .ad {
	color: black;
	background-color: lightblue;
}

/* Severity */
td.unknown {
	color: black;
	background-color: yellowgreen;
}

td.minor {
	color: black;
	background-color: greenyellow;
}

td.moderate {
	color: black;
	background-color: yellow;
}

td.severe {
	color: black;
	background-color: orange;
}

td.extreme {
	color: white;
	background-color: red;
}

/* Certainty */
td.observed {
	color: white;
	background-color: red;
}

td.likely {
	color: black;
	background-color: orange;
}

td.possible {
	color: black;
	background-color: yellow;
}

td.unlikely {
	color: black;
	background-color: yellowgreen;
}

td.unknown {
	color: black;
	background-color: grey;
}

/* Status */
td.actual {
	color: white;
	background-color: red;
}

td.exercise {
	color: black;
	background-color: green;
}

td.system {
	color: black;
	background-color: grey;
}

td.test {
	color: black;
	background-color: grey;
}

td.draft {
	color: black;
	background-color: grey;
}

/* Urgency ("unknown" covered above) */
td.immediate {
	color: white;
	background-color: red;
}

td.expected {
	color: black;
	background-color: orange;
}

td.past {
	color: black;
	background-color: green;
}

/* Expired alerts */
.expired {
	color: black;
	background-color: lightgrey;
}

.expired td {
	/* Override all other colors */
	color: black;
	background-color: lightgrey;
}

.expired tr.ex, .expired .ex td {
	/* except the Expires row */
	color: white;
	background-color: red;
}

/* Future alerts */
.future tr, .future td, .future tr.ef, .future .ef td {
	color: black;
	background-color: yellow;
}

/* SAME code */
.sa th, .sa td, .sa a {
	color: chartreuse;
	background-color: black;
}

.alerts table {
	border: 1px solid black;
	border-collapse: collapse;
}

.alerts th {
	vertical-align: top;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.alerts td {
	border: 1px solid grey;
	width: 100%;
}

div.polymap {
}

.alerts {
	width: 100%;
}

#debug {
  white-space: pre-wrap;
}

#nearby {
	border: 1px solid black;
	float: left;
	margin: 1em;
	font-size: 75%;
	text-align: left;
	list-style: none;
	display: none;
}

#nearby ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#lookup_box {
	float: left;
}

#alerts {
	clear: both;
}

.contiguous {
	white-space: nowrap;
}

option {
  background-color: white;
  color: black;
}

.inactive {
  background-color: white;
  color: darkgrey;
}

.tagline {
  font-size: 75%;
}