* {
  font-family: Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

body {
  padding: 3mm 0 0 1cm;
}

h1 span {
  background-color: #ffffe0;
  padding: 1mm 3.5mm 1mm 1mm;
}

h1 {
  margin-bottom: 1mm;
}

p.error {
  margin-top: 1cm;
}

span.error {
  background-color: #ffffe0;
  border: 3px solid #800000;
  padding: 1mm 1cm 1mm 1cm;
}

.title td {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 5mm 3px 2mm;
}

tr.title>td>a {
  color: #ffffff;
}

tr.title>td>a:hover {
  color: #ffffc0;
}

.desc td {
  background-color: #ffffff;
  border-left: 1px solid #800000;
  border-right: 1px solid #800000;
  color: #500000;
  padding: 7px 5mm 7px 2mm;
}

.desc td>a {
  color: #d00000;
}

.desc td>a:hover {
  color: #ff6060;
}

tr.dir>td {
  background-color: #ffffe0;
  border: 1px solid #800000;
  color: #000000;
  padding: 7px 5mm 7px 2mm;
}

tr.dir a {
  color: #000000;
  text-decoration: none;
}

tr.dir a:hover {
  color: #00a000;
  text-decoration: none;
}

table.root_listing {
  margin-top: 1cm;
  width: 600px;
}

.icon {
  padding-right: 3px;
}

tt {
  font-family: monospace;
}

.size, .mime {
  font-family: monospace;
  padding-left: 3mm;
}