#clndr {   /* ----  id="clndr" ----- */
  width: 100%;
  font: monospace;
  line-height: 0.8em;
  font-size: 10px;
  text-align: center;
}
#clndr thead tr:last-child {
  font-size: 10px;
  color: rgb(85, 85, 85);
}
#clndr thead tr:nth-child(1) td:nth-child(2) {
  color: rgb(50, 50, 50);
}
#clndr thead tr:nth-child(1) td:nth-child(1):hover, 
#clndr thead tr:nth-child(1) td:nth-child(3):hover {
  cursor: pointer;
}
#clndr tbody td,
#clnd td {
  color: rgb(44, 86, 122);
font: bold 10px/8px sans-serif;
  background: #FFFFFF;
}
#clndr thead td {
font: bold 10px/8px sans-serif;
  background: #FFFFFF;
}
#clndr tbody td:nth-child(n+6), 
#clndr .holiday {
  color: rgb(231, 140, 92);
}
#clndr tbody td.today {
  background: rgb(220, 0, 0);
  color: #fff;
}