table.games { width: 100%; font-size: 9px; margin-bottom: 50px; }
.panel table.games { margin-bottom: 0; }

table.games th, table.games td { padding: 2px 1px; border: solid 1px #ddd; text-align: center; }
  table.games th a, table.games td a { text-decoration: none; }
    table.games th a:hover, table.games td a:hover { text-decoration: underline; }


table.games span { display: block; }
table.games td.date-and-time { width: 17%; overflow: hidden; }
table.games td.venue { width: 23%; overflow: hidden; }

table.games span.score { font-weight: bold; color: #0B91C4; }



table .hide-narrow { display: none; }

table.games .unrpt { background: #f0f0f0; color: #999; }
table.games .cncl { background: #880000; color: #fff; }
table.games .cncl a { color: #fff; }

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; }

@media only screen and (min-width: 768px) {

  table.games { font-size: 13px; }

  table .hide-narrow { display: table-cell; }

  table.games span { display: inline; }
    table.games span.score { display: none; }
  table.games td.date-and-time { overflow: visible; }
  table.games td.venue { overflow: visible; }
}