table.calendar {
  float: left;
  width: 45%;
  border-collapse: collapse;
  margin-bottom: 12px;
  margin-right: 12px;
}

table.calendar caption {
  border: 1px solid black;
  border-bottom: none;
  font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
  table.calendar caption { margin-right: -1px; }
}

abbr {
  border-bottom: 1px dotted black;
} 

table.calendar td, table.calendar th {
  border: 1px solid black;
  padding: 3px;
  text-align: center;
  width: 14%;
}