body {
   background: #def;
}
td {
   vertical-align: top;
}

.NavCell {
   vertical-align: top;
   font-family: sans serif;
}

.Title {
   text-align: center;
   font-size: 28pt;
}
.choreData  {
   vertical-align: middle;
   text-align: center;
   font-family: monospace;
}
.choreLast  {
   vertical-align: middle;
   text-align: center;
   color: blue;
   cursor: pointer;
   font-family: monospace;
}
.choreName  { color: blue; cursor: pointer; }
.chorePeriod {
   color:          blue;
   cursor:         pointer;
   vertical-align: middle;
   text-align:     center;
   font-family:    monospace;
}
.choreTrash { text-align: center; cursor: pointer; }
.chore0 {
   vertical-align: middle; text-align: center;
   font-family: monospace; background: #f00; color: #fff; }
.chore1 {
   vertical-align: middle; text-align: center;
   font-family: monospace; background: #ff0; }
.chore3 {
   vertical-align: middle; text-align: center;
   font-family: monospace; background: #9f9; }
.choreW {
   vertical-align: middle; text-align: center;
   font-family: monospace; background: #00c; color: #fff; }
.choreM {
   vertical-align: middle; text-align: center;
   font-family: monospace; background: #ccc; }
.choreFloat {
   position: absolute;
   background: white;
   visibility: visible;
   border-style: solid;
   border-width: thin;
}
.choreFloatHide {
   display: none;
}