.calhdr {
  background-color: #FFDEAD;
  color: #475549;
  font: 12pt Arial;
  font-weight: bold;
  height: 25px;
  text-align: center;
  vertical-align: middle;
}
.weekdays {
  background-color: tan;
  border-top: 1px solid #475549;
  border-right: 1px solid #475549;
  color: #475549;
  font: 9pt Arial;
  font-weight: bold;
  height: 15px;
  text-align: center;
  width: 91px;
}
.weekdays-last {
  background-color: tan;
  border-top: 1px solid #475549;
  color: #475549;
  font: 9pt Arial;
  font-weight: bold;
  height: 15px;
  text-align: center;
  width: 91px;
}
.calcells {
  border-top: 1px solid #475549;
  border-right: 1px solid #475549;
  height: 55px;
  width: 91px;
}
.calcells-last {
  border-top: 1px solid #475549;
}
.caldays {
  background-color: #FFDEAD;
  border-bottom: 1px solid #475549;
  border-right: 1px solid #475549;
  color: #475549;
  cursor: pointer;
  font: 8pt Arial;
  font-weight: bold;
  left: -2px;
  padding: 2px;
  position: relative;
  text-align: center;
  top: -2px;
  vertical-align: middle;
  width: 14px;
}
.caldays:hover {
  background-color: khaki;
}
.event {
  background-color: #FFDEAD;
  border: 1px solid tan;
  cursor: pointer;
  font: 8pt Arial;
  padding: 2px;
}
.event:hover {
  background-color: lightgreen;
  border: 1px solid darkgreen;
  color: darkgreen;
}
.centered {
  position: absolute;
  background-color: #FFDEAD;
  border: 3px ridge #475549;
  font: 8pt Arial, Helvetica;
  height: 400px;
  width: 500px;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -100px;
}