body {
    background-color: #800;
  }

  a {
    text-decoration: none;
    color: inherit;
  }

  .top {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #484;
    padding: 5px;
  }
  .menu td {
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #fc8;
  }
  .menu span {
    border: 1px solid #000;
    background-color: #040;
    padding: 5px;
  }
  .menu a {
    color: #fc8;
    text-decoration: none;
  }

  .menu .selected {
    color: #fff;
  }
  .menu .selected a {
    color: #fff;
  }
  .left {
    background-color: #ffd;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 85%;
    width: 16em;
  }
  .right {
    background-color: #ffd;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }

  .left a {
    color: #fc8;
  }

  .left a:link {
    color: #fc8;
  }

  .left a:visited {
    color: #fc8;
  }

  .left div {
    color: #fc8;
    padding: 2px;
    background-color: #dfd;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
  .left .head {
    color: #fff;
    padding: 2px;
    background-color: #020;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    font-weight: bold;
  }
  .left span {
    padding-left: 1ex;
    padding-right: 1ex;
  }
  .left .selected {
    color: #000;
    font-weight: bold;
    background-color: #ffd;
    border-right: 0px;
  }

  .left a {
    color: #000;
  }

  .left a:link {
    color: #000;
  }

  .left a:visited {
    color: #000;
  }


  .calendars td {
    padding-left: 2em;
    padding-right: 2em;
  }

  .calendar {
    border: 1px solid #000;
    background-color: #040;
  }

  .calendar caption {
    font-weight: bold;
    font-size: 150%;
  }
  .calendar th {
    color: #fff;
    font-size: 85%;
    border-bottom: 2px solid #fff;
  }
  .calendar td {
    text-align: center;
    font-size: 85%;
    padding: 1ex;
  }
  .calendar a {
    text-decoration: none;
    color: #fc8;
  }
  .calendar .selected {
    font-weight: bold;
    background-color: #fc8;
  }
  .calendar .selected a {
    color: #040;
  }
  .products th {
    font-weight: bold;
    font-size: 125%;
    padding-right: 3em;
  }
  .products td {
    font-size: 85%;
  }

  .season td {
    font-weight: bold;
    font-size: 150%;
  }

  .season .current {
    font-weight: bold;
    font-size: 200%;
  }

  .report td {
    text-align: right;
  }

  .report th {
    text-align: right;
  }

  .report caption {
    font-weight: bold;
    font-size: 150%;
    padding-bottom: 1em;
  }

  .report .name {
    text-align: left;
  }


#errors {
  background-color: #b00;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 1em;
  margin-top: 1em;
  margin-left: 20%;
  margin-right: 20%;
}

#success {
  background-color: #0b0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 1em;
  margin-top: 1em;
  margin-left: 20%;
  margin-right: 20%;
}

.workers th {
  text-align: right;
  padding: 1px;
  padding-right: 5px;
  font-weight: bold;
  width: 50%;
}

.workers td {
  text-align: left;
  padding: 1px;
  font-weight: bold;
  width: 50%;
}

.workers caption {
  padding: 1em;
  font-weight: bold;
  font-size: 125%;
}

@media print {
  * {
    font-family: Verdana;
    font-size: 8pt;
  }

  .top {
    visibility: hidden;
    display: none;
    height: 0px;
    width: 0px;
  }

  .noprint {
    visibility: hidden;
    display: none;
    height: 0px;
    width: 0px;
  }

  .calendar {
    visibility: hidden;
    display: none;
    height: 0px;
    width: 0px;
  }

  .season {
    visibility: hidden;
    display: none;
    height: 0px;
    width: 0px;
  }

  .right {
    border: 0px;
  }

  .report caption {
    visibility: inherit;
    text-align: center;
    font-size: 12pt;
  }

}