table.calendar { width: 100%; margin-bottom: 50px; }

  table.calendar th, table.calendar td { border: solid 1px #ccc; }
    table.calendar th a, table.calendar td a { text-decoration: none; }

  table.calendar th { text-align: center; padding: 3px; text-transform: uppercase; }
  table.calendar tr.title th { border-left: none; border-right: none; }
    table.calendar tr.title th.current { font-size: 12px; }
    table.calendar tr.title th.prev { text-align: left; border-left: solid 1px #ccc; }
    table.calendar tr.title th.next { text-align: right; border-right: solid 1px #ccc; }

  table.calendar tr.days-of-week th { font-size: 9px; }

  table.calendar tbody td { vertical-align: top; width: 14.28571428571429%; min-height: 50px; overflow: hidden; }
    table.calendar tbody td .cell-wrap { position: relative; width: 100%; height: 100%; min-height: 50px; overflow: hidden; }

  table.calendar div.date { position: absolute; top: 2px; right: 2px; color: #777; font-size: 10px; }
  table.calendar div.data { height: 100%; }
  table.calendar div.data-details { margin: 25px 1px; }

  table.calendar div.no-games { }
  table.calendar div.game { border-style: solid; border-width: .1em; padding: .1em; margin-bottom: .3em; }
    table.calendar div.game div.time { margin-bottom: .2em; text-align: right; border-bottom-style: dotted; border-bottom-width: 1px; }
    table.calendar div.game div.venue { margin-top: .2em; text-align: right; border-top-style: dotted; border-top-width: 1px; }
  table.calendar span.score { margin-left: .5em; }

  table.calendar td.other-month { background-color: #eee; }
    table.calendar td.other-month div.date { color: #999; }

  table.calendar div.game { border-color: #ddd; background: #f4f4f4; font-size: .7em; }
    table.calendar div.game div.time { font-size: .8em; border-bottom-color: #eee; }
    table.calendar div.game div.venue { font-size: .8em; border-top-color: #eee; }
  table.calendar span.score { font-weight: bold; color: #0B91C4; }


.calendar .item { display: block; text-align: center; min-height: 50px; }
  .calendar .item:hover { background: #eee; }
.calendar .gc { font-size: 14px; padding: 15px 0 5px 0; line-height: 25px; font-weight: bold; }
.calendar .lbl { font-size: 12px; line-height: 15px; height: 15px; display: none; }
.calendar .unrpt { font-size: 10px; line-height: 15px; height: 15px; color: #999; display: none; }
.calendar .cncl { font-size: 10px; line-height: 15px; background: #880000; color: #fff; }

@media only screen and (min-width: 768px) {
  table.calendar tr.title th.current { font-size: 18px; }
  table.calendar tr.days-of-week th { font-size: 13px; }

  table.calendar tbody td { min-height: 80px; }
  table.calendar div.date { font-size: 16px; font-weight: bold; color: #dedede; }

  .calendar .item { min-height: 80px; }
  .calendar .gc { font-size: 20px; padding-top: 5px; }
  .calendar .lbl { display: block; margin-top: -5px; }
  .calendar .unrpt { display: block; }
  .calendar .cncl { font-size: 12px; height: 20px; line-height: 20px; }

  table.calendar span.score { display: inline; }
}

@media print {
  .calendar .gc { font-size: 20px; padding-top: 5px; padding-bottom: 10px; }
  .calendar .unrpt { display: block; margin: 5px 0; }
  .calendar .cncl { color: #880000; }
}


table.bracket span.today, table.games tr.today, table.calendar td.today { background-color: #ffff00; }
table.bracket span.yesterday, table.games tr.yesterday, table.calendar td.yesterday { background-color: #F5F6CE; }