body {
  background: #fff;
  color: #000;
  font-family: helvetica, sans-serif;
}
a { color: black; text-decoration: none; font-weight: bold; }
a:hover   { color: blue; text-decoration: underline; }
a:active  { color: red;  text-decoration: underline; }
a.red     { color: #f00; }
a.green   { color: #090; }
.user     { background: #f00; }
.sys      { background: #ff0; }
.nice     { background: #0cf; }
.idle     { background: #0f0; }
.bar      { height: 1.5ex; }
.meter    { height: 1.5ex; width: 15ex; border: 2px solid black; }
.meterwid { width: 15ex; }
.keybar   { height: 2ex; }
.keymeter { height: 2ex; width: 18.75ex; border: 2px solid black; }
.small    { font-size: 75%; }
.smaller  { font-size: 70%; }
.smallest { font-size: 50%; }
.num      { width: 4ex; }
.big      { font-size: 180%; }
.medium   { font-size: 130%; }
.center   { text-align: center; }
.right    { text-align: right; }
.free     { font-weight: bold; color: #070; }
.black    { color: #000; }
.unk      { color: #900; }
.bgrey    { background: #eee; }
.legend   { border: 1px dotted black; }
.stripes  { 
  background-image: url('/maestro/images/patterns/ddiag-2x3-red.png');
  width: 100%; height: 100%; border: 1px solid white;
}
.thead {
  font-weight: bold;
  background: #bdf;
  border-bottom: 1px dotted black;
  text-align: center;
  padding: 0.5ex 1em 0.25ex 1em;
}
.trow {
  font-family: monospace;
  padding: 0.25ex 1em 0ex 1em;
}