BODY { background: black; color: white; padding: 1ex 1em; }
A:link { color: #bbbbff; }
A:visited { color: #eeeeff; }
TABLE, TR, TD { color: white; }
BODY, H1, H2, H3, H4, H5, H6, TABLE, TR, TD, TH, SMALL, BIG {
  font-size: 100%;  font-family: monospace;
}
H1, H2, H3 { font-weight: bold; }
.trailer IMG { display: none; }

table { border-collapse: collapse; }
td, th { margin: 0; padding: 0.2em; text-align: left; }
.listing th, .listing td { border-bottom: solid 1px #666666; }
.listing .header th, .listing .header td { border-bottom: solid 1px #aaaaaa; }
.listing .footer th, .listing .footer td { border-top: solid 1px #aaaaaa; }
.listing td { font-size: 90%; }
.listing th { font-size: 90%; font-weight: bold}

/* bar-graph special */
.warning * { color: #FF0000; }
.barcontainer { border-left: solid 1px #888888; margin: 0; padding: 0; }
.bar { display: block; text-align: right; float: left; border: solid #888888; border-width: 1px 1px 1px 0; font: 70% sans-serif; }
.free { background: black; color: white; }
.used { background: #555555; color: white; }
.warning .used { background: #991133; color: #ffff99; }