.bracket-wrapper { position:absolute; z-index:1; }

.bracket-wrapper table { border-collapse: collapse; }
  .bracket-wrapper table td { padding: 0; }

  .bracket-wrapper table.columns_0 td { width: 100%; }
  .bracket-wrapper table.columns_1 td { width: 100%; }
  .bracket-wrapper table.columns_2 td { width: 50%; }
  .bracket-wrapper table.columns_3 td { width: 33.3333333333333%; }
  .bracket-wrapper table.columns_4 td { width: 25%; }
  .bracket-wrapper table.columns_5 td { width: 20%; }
  .bracket-wrapper table.columns_6 td { width: 16.6666666666666%; }

  .bracket-wrapper table.columns_0 { width: 120px; }
  .bracket-wrapper table.columns_1 { width: 120px; }
  .bracket-wrapper table.columns_2 { width: 220px; }
  .bracket-wrapper table.columns_3 { width: 300px; }
  .bracket-wrapper table.columns_4 { width: 300px; }
  .bracket-wrapper table.columns_5 { width: 300px; }
  .bracket-wrapper table.columns_6 { width: 300px; }

@media only screen and (min-width: 520px) {
  .bracket-wrapper { width: 510px; }
    .bracket-wrapper table.columns_0 { width: 200px; }
    .bracket-wrapper table.columns_1 { width: 200px; }
    .bracket-wrapper table.columns_2 { width: 400px; }
    .bracket-wrapper table.columns_3 { width: 450px; }
    .bracket-wrapper table.columns_4 { width: 500px; }
    .bracket-wrapper table.columns_5 { width: 500px; }
    .bracket-wrapper table.columns_6 { width: 500px; }
}

@media only screen and (min-width: 760px) {
  .bracket-wrapper { width: 750px; }
    .bracket-wrapper table.columns_0 { width: 200px; }
    .bracket-wrapper table.columns_1 { width: 200px; }
    .bracket-wrapper table.columns_2 { width: 400px; }
    .bracket-wrapper table.columns_3 { width: 600px; }
    .bracket-wrapper table.columns_4 { width: 750px; }
    .bracket-wrapper table.columns_5 { width: 750px; }
    .bracket-wrapper table.columns_6 { width: 750px; }
}

table.bracket td.division { vertical-align: middle; }

table.bracket div.children_0 { margin-bottom: 1em; margin-top: 1em; }
table.bracket div.children_1 { margin-bottom: 4em; margin-top: 4em; }
table.bracket div.children_2 { margin-bottom: 8em; margin-top: 8em; }
table.bracket div.children_3 { margin-bottom: 12em; margin-top: 12em; }
table.bracket div.children_4 { margin-bottom: 16em; margin-top: 16em; }
table.bracket div.children_5 { margin-bottom: 20em; margin-top: 20em; }
table.bracket div.children_6 { margin-bottom: 24em; margin-top: 24em; }

table.bracket div.division { min-height: 3em; margin-left: .7em; margin-right: .7em; background-color: #f0f0f0; border: solid 1px #bbbbbb; }
table.bracket div.external { background-color: #fdfdfd; border: solid 1px #eeeeee; }
table.bracket div.active { border-bottom: solid 3px #99C941; }
table.bracket td:first-child div.division { margin-left: 0 !important; }
table.bracket td:last-child div.division { margin-right: 0 !important; }
table.bracket div.division:first-child { margin-top: 0; }
table.bracket div.division:last-child { margin-bottom: 0; }
table.bracket div.division .name { font-size: .75em; font-weight: bold; }
table.bracket div.division .dates { float: right; margin-left: .2em; font-size: .6em; }
table.bracket div.division .description { font-size: .75em; color: #888; margin-top: .4em; }
table.bracket div.division .teams { font-size: .7em; color: #888; margin-top: .2em; }
  table.bracket div.division .teams span { margin-left: .1em; }
    table.bracket div.division .teams span:first-child { margin-left: 0; }
table.bracket div.division .games { font-size: .7em; color: #888; margin-top: .2em; }
  table.bracket div.division .games span { margin-left: .1em; }
    table.bracket div.division .games span:hover { border-bottom: dotted 1px #aaaaaa; cursor: help; }
    table.bracket div.division .games span:first-child { margin-left: 0; }
    table.bracket div.division .games span.no-games:hover { border-bottom: none; cursor: default; }
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; }
table.bracket span.advanced { color: #000; font-weight: bold; background-color: #aefc8e; padding: 0 4px; }
table.bracket tr.footer td { padding-top: 1em !important; }
table.bracket tr.footer span { margin-right: 1em; font-size: .75em; color: #888; }

table.bracket div.filler { border-color: #eeeeee; border-style: dashed; background-color: #fdfdfd; margin-top: .5em; margin-bottom: .5em; }

table.bracket div.selected { background-color: #f5f3a4; }

table.bracket div.division a { display: block; padding: 4px; }
  table.bracket div.division a:hover { text-decoration: none; }
    table.bracket div.division a:hover .name { text-decoration: underline; }

.lines_canvas { margin-bottom: 3em; }

span.float-right { float:right; }

ul.tiles { margin: 0 0 2em 0; padding: 0; }
  ul.tiles li { list-style: none; padding: 0; margin: 0 0 .8em 0; }
    ul.tiles li span.box, ul.tiles li div.box, ul.tiles li a { display: block; padding: 4px 4px 3px 4px; border-style: solid; border-width: 1px; border-bottom-width: 2px; }
      ul.tiles li a:hover { padding: 3px; border-top-width: 2px; border-left-width: 2px; border-right-width: 2px; }

@media only screen and (min-width: 520px) {
  ul.tiles li { float: left; width: 49%; margin: 0 2% 1em 0; *width: 48%; }
  ul.tiles li:nth-child(2n+2) { margin-right: 0; }
  ul.tiles li span.box, ul.tiles li div.box, ul.tiles li a { height: 2.2em; line-height: 1.1; overflow: hidden; }

  ul.home li span div, .public-area ul.home li a div { height: 100%; }
  ul.home li.show-sport a { line-height: 3.5; }

}

@media only screen and (min-width: 760px) {
  ul.tiles li span.box, ul.tiles li div.box, ul.tiles li a { padding: 6px 6px 5px 6px; }
    ul.tiles li a:hover { padding: 5px; }
  ul.tiles li { width: 32%; margin: 0 2% 1em 0; *width: 31%; }
  ul.tiles li:nth-child(2n+2) { margin-right: 2%; }
  ul.tiles li:nth-child(3n+3) { margin-right: 0; }
}

ul.playoffs-divisions table.standings { margin-bottom: .5em; }
  ul.playoffs-divisions table.standings tr { font-size: .9em; }
    ul.playoffs-divisions table.standings tr.alt { background: #fff; }
  ul.playoffs-divisions table.standings td.rr_stat { width: 1.5em; }
ul.playoffs-divisions table.games tr.empty-row td { height: 3em; }

ul.playoffs-divisions li .float-right { margin: 0 0 0 .2em; font-size: .7em; }
ul.playoffs-divisions li h4 { margin: 0 0 0 0; font-size: .9em; }
ul.playoffs-divisions li p { margin: 0 0 .2em 0; padding-left: .5em; font-size: .7em; }
ul.playoffs-divisions table.games span.score { display: block; }

@media only screen and (min-width: 520px) {
  ul.playoffs-divisions li:nth-child(2n+1) { clear: left; }
}

@media only screen and (min-width: 760px) {
  ul.playoffs-divisions li:nth-child(2n+1) { clear: none; }
  ul.playoffs-divisions li:nth-child(3n+1) { clear: left; }
}