.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;
   cursor        : pointer;
   font-family   : monospace;
   background    : #f00;
   color         : #fff;
}
.chore1 {
   vertical-align: middle;
   text-align    : center;
   cursor        : pointer;
   font-family   : monospace;
   background    : #ff0;
}
.chore3 {
   vertical-align: middle;
   text-align    : center;
   cursor        : pointer;
   font-family   : monospace;
   background    : #9f9;
}
.choreW {
   vertical-align: middle;
   text-align    : center;
   cursor        : pointer;
   font-family   : monospace;
   background    : #00c;
   color         : #fff;
}
.choreM {
   vertical-align: middle;
   text-align    : center;
   cursor        : pointer;
   font-family   : monospace;
   background    : #ccc;
}
.choreFloat {
   position    : absolute;
   top         : 23px;
   left        : 3px;
   background  : white;
   visibility  : visible;
   border-style: solid;
   border-width: thin;
}
.choreFloatHide {
   display   : none;
   visibility: hidden;
}