body {
  color: #000;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: blue;
}

a:hover {
  color: black;
  cursor: pointer;
}

form {
  margin: 0;
  padding: 0;
}

table td {
  vertical-align: middle;
}

.fade {
  background-color:#eef;
  border: solid 1px #88f;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

p.fade {
  padding-left: 5px;
  padding-right: 5px;
}

table.fade {
  margin-bottom: 5px;
}

table.horizontal {
  font-size: .9em;
  background-color: #eed;
  margin-left: 5px; margin-right: 5px;
  border-collapse: collapse;
}

table.horizontal td {
  padding-left: 5px; padding-right: 5px;
  margin: 0;
  border: solid 1px #884;
}

table.horizontal th {
  padding-left: 5px; padding-right: 5px;
  border: solid 1px #884;
  border-bottom: solid 1px #060;
  text-align: left;
  white-space: nowrap;
}

table.list {
  font-size: .9em;
  margin-left: 5px; margin-right: 5px;
  border-collapse: collapse;
}

table.list td {
  padding-left: 5px; padding-right: 5px;
  border-bottom: solid 1px #ccc;
  margin: 0;
}

table.list th {
  padding-left: 5px; padding-right: 5px;
  text-align: left;
}

table.list tr.hoverable:hover {
  background: #ffe;
}

table.list tr.hihoverable {
  background: #ff0;
}

table.list tr.hihoverable:hover {
  background: #ff8;
}

.mono {
  font-family: monospace;
  font-size: 1.1em;
}

#copyright {
  text-align: right; 
  font-size: .8em; 
  padding-top: 0; 
  padding-right: 5px; 
  margin-top: 5px;
}

#header {
  margin-top: 0;
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 0;
  border-bottom: solid 2px #88f;
  background: #ff9;
}

#title {
  font-size: 1.3em;
  color: #00f;
}

h2 {
  color: #662;
  font-weight: bold;
  font-size: 1.5em;
  font-variant: small-caps;
}

#topselect {
  float: right; font-style: monospace; color: #666; font-size: .8em;
  padding-right: 20px;
  text-align: right;
}

#menu {
  clear: both;
  padding: 0; margin: 0;
  list-style-type: none;
  font-size: .8em;
  white-space: nowrap;
  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

#menu ul {
  padding: 0; margin: 0;
}

#menu ul li {
  display: inline;
  list-style-type: none;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  background: #eef;
  float: left;
  border: solid 1px blue;
  border-top: 0;
}

#menu a {
  text-decoration: none;
}

#menu ul li:hover {
  background: #ffe;
}
/*
#menu li a {
  color: #666;
  text-decoration: none;
  font-family: mono-spaced, trebuchet, verdana, helvetica, sans-serif;
}

#menu li a:hover {
  color: blue;
  font-family: mono-spaced, trebuchet, verdana, helvetica, sans-serif;
}
*/

#errors {
  border: solid 1px blue;
  background: #eef;
  padding: 10px;
  margin: 5px;
  color: #00f;
}

#errors dt {
  text-decoration: underline;
  font-weight: bold;
}

div.formerror {
  border: solid 1px blue;
  background: #ccf;
  padding: 10px;
  margin: 5px;
  color: #00f;
  font-size: 1.1em;
}

.blurb {
  color: #662;
  font-weight: bold;
  letter-spacing: 1px;
}

input {
  border: solid 2px #aa6;
  color: #000;
  letter-spacing: 1px;
  font-family: courier;
  margin-top: 3px;
  margin-bottom: 3px;
  background: #ffc;
}

select, textarea {
  border: solid 2px #aa6;
  background: #ffc;
  color: #000;
  letter-spacing: 1px;
  font-family: courier;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: .9em;
}

input.button {
  background: #dd9;
  font-variant: small-caps;
}

input.button:hover {
  background: #ffc;
  cursor: pointer;
}

input.radio {
  border: none;
}

input.checkbox {
  border: none;
  margin: 0;
  padding: 0;
  background: #fff;
}

.message {
  font-family: courier;
  font-size: 1.1em;
  color: #629;
}

#bottombox {
  margin-top: 20px;
  font-size: .9em;
  border-top: solid 1px #96f;
  border-bottom: solid 1px #96f;
  font-style: italic;
  padding-left: 10px; padding-right: 10px;
  clear: both;
  background: #ffc;
  float: none;
}

#treemenu {
  border: solid 1px #696;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #dfc;
  text-align: justify;
  padding-left: 6px;
  padding-right: 6px;
}

#treemenu a {
  display:inline;
  padding-left: 3px;
  padding-right: 3px;
  white-space: nowrap;
  text-decoration: none;
  color: black;
}

#treemenu a:hover {
  color: blue;
  background: #ffe;
}

#submenu {
  /*float: right;*/
  text-align: right;
  margin-bottom: 1em;
  border-top: solid 1px #88f;
  margin-top: -1px;
}

#submenu a {
  display:inline;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 6px;
  /*
  border: solid #d9f 1px;
  border-bottom: solid #f0f 1px;
  */
  /*
  border: solid #595 1px;
  border-top: none;
  background: #afa;
  */
  border: solid #88f 1px;
  border-top: none;
  background: #eee;
  color: #444;
  font-size: .9em;
  text-decoration: none;
}

#submenu a:hover {
  color: white;
  background: #888;
}

.medium {
  color: green;
}

.low {
  color: #666600;
}

.high {
  color: red;
}

#days td {
  border: solid 1px #ccf;
  color: green;
}

#days span.date {
  color: #444;
}

#days td.gap {
  border: none;
  background: #eee;
}

#longlist ul { margin-top: 0; padding-top: 0; margin-bottom: 0; }
#longlist p { margin-top: 0; padding-top: 0; margin-bottom: 0; }