@media print {
  a[href]:after { content: none; }
}

/* Sticky footer styles
    -------------------------------------------------- */
body { min-width: 320px; margin-top: 60px; margin-bottom: 100px; }

header { }
  header .entity { text-align: right; font-size: 20px; font-weight: bold; line-height: 22px; padding-top: 10px; padding-bottom: 5px; }
  header .league { font-size: 20px; font-weight: bold; line-height: 22px; padding-top: 10px; padding-bottom: 5px; }
  header .season { text-align: center; font-size: 16px; padding-top: 5px; padding-bottom: 5px; }
  header .group { text-align: center; font-size: 16px; padding-top: 5px; padding-bottom: 5px; }
  header .round { text-align: center; font-size: 16px; padding-top: 5px; padding-bottom: 5px; }

@media only screen and (max-width: 380px) {
  header .entity { font-size: 18px; line-height: 20px; padding-left: 5px; padding-right: 5px; }
  header .league { font-size: 18px; line-height: 20px; padding-left: 5px; padding-right: 5px; }
  header .season { font-size: 14px; padding-left: 5px; padding-right: 5px; }
  header .group { font-size: 14px; padding-left: 5px; padding-right: 5px; }
  header .round { font-size: 14px; padding-left: 5px; padding-right: 5px; }
}

@media only screen and (max-width: 767px) {
  header .entity { width: auto; display: inline-block; padding-left: 10px; padding-right: 10px; }
  header .league { width: auto; display: inline-block; padding-left: 10px; padding-right: 10px; }
  header .season { width: auto; display: inline-block; padding-left: 10px; padding-right: 10px; }
  header .group { width: auto; display: inline-block; padding-left: 10px; padding-right: 10px; }
  header .round { width: auto; display: inline-block; padding-left: 10px; padding-right: 10px; }
}

#page_menu aside { margin-top: 10px; }
#page_body section { margin-top: 10px; }

#top_ad_unit { margin: 10px -15px; text-align: center; }
#side_ad_unit { margin: 25px 0; }

@media only screen and (min-width: 992px) {
  #top_ad_unit { margin: 10px 0; }
}


.ad-unit { margin: 0 auto; width: 320px; height: 50px; line-height: 50px; margin-top: 5px; text-align: center; background: #ddd; color: #fff; }

@media only screen and (min-width: 768px) {
  body { margin-bottom: 130px; }
  .ad-unit { width: 728px; height: 90px; }
  .navbar-nav { margin-left: -15px; }
}

@media only screen and (min-width: 768px) {
  header { }
    header .entity { text-align: left; }
    header .league { font-size: 30px; line-height: 40px; }
    header .season { text-align: right; }
    header .group { text-align: right; }
    header .round { text-align: right; }
}

@media only screen and (min-width: 1200px) {
  .skyscraper { width: 160px; height: 600px; line-height: 600px; }
}

/* Custom page CSS
    -------------------------------------------------- */
/* Not required for template or sticky footer method. */


.container .text-muted { margin: 20px 0; }

.footer > .container { padding-right: 15px; padding-left: 15px; }

code { font-size: 80%; }

.menu-items .level-2 { padding-left: 25px; }
.menu-items .level-3 { padding-left: 35px; }
.menu-items .level-4 { padding-left: 45px; }

.page-header { }





ul.page-footnotes { margin: 4em 0 2em 0; padding: 0 1.5em 0 1.5em; font-size: .8em; color: #999; }
  ul.page-footnotes li { margin: 0 0 1em 0; padding: 0; }






/* Tables
----------------------------------------------------------*/
table.spaced { margin-bottom: 2em; }
table.standard { width: 100%; }
  table.standard td { padding: .11em; text-align: center; border-style: solid; border-width: 1px; }

table .hide-narrow { display: none; }



@media only screen and (min-width: 760px) {
  table .hide-narrow { display: table-cell; }
  table .hide-wide { display: none; }
}

span.hide-narrow { display: none; }

@media only screen and (min-width: 760px) {
  span.hide-narrow { display: inline; }
}

/* Lists (tiles)
----------------------------------------------------------*/
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; }

.public-area ul.tiles li.league-with-entity .entity { line-height: 1; color: #999; }
.public-area ul.tiles li.league-with-entity .league { line-height: 1.2; }
.public-area ul.tiles li.association a { line-height: 1.1; }
.public-area ul.tiles li.association img.favicon { float: right; width: 1.2em; height: 1.2em; margin: -2px -2px 0 0; }

.public-area ul.links li a { height: 1.2em !important; line-height: 1.2 !important; }
.public-area ul.links li { float: left; width: 32% !important; margin: 0 2% 1em 0 !important; *width: 31% !important; }
  .public-area ul.links li:nth-child(2n+2) { margin-right: 2% !important; }
  .public-area ul.links li:nth-child(3n+3) { margin-right: 0 !important; }

.public-area ul.links-4 li { width: 49% !important; *width: 48% !important; }
  .public-area ul.links-4 li:nth-child(1n+1) { margin-right: 2% !important; }
  .public-area ul.links-4 li:nth-child(2n+2) { margin-right: 0 !important; }

.public-area ul.home li.ads-sport { display: none; float: right; }
  .public-area ul.home li.ads-sport span { height: 220px; color: #999; background-color: #eee; line-height: 100px; font-size: 12px; text-align: center; }
.public-area ul.home li.filler { display: none; }
  .public-area ul.home li.filler span { color: #bbb; line-height: 50px; text-align: center; font-size: 11px; }
.public-area ul.home li.show-sport a { text-align: right; }

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

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

  .public-area ul.links-4 li { width: 23.5% !important; *width: 22% !important; }
    .public-area ul.links-4 li:nth-child(2n+2) { margin-right: 2% !important; }
    .public-area ul.links-4 li:nth-child(3n+3) { margin-right: 2% !important; }
    .public-area ul.links-4 li:nth-child(4n+4) { margin-right: 0 !important; }
}

@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; }
  .public-area ul.tiles li { width: 32%; margin: 0 2% 1em 0; *width: 31%; }
  #IE8 .public-area ul.tiles li { width: 31%; }
  .public-area ul.tiles li:nth-child(2n+2) { margin-right: 2%; }
  .public-area ul.tiles li:nth-child(3n+3) { margin-right: 0; }
  .public-area ul.home li span.small, .public-area ul.home li a.small { height: 4em; }
  .public-area ul.home li span.medium, .public-area ul.home li a.medium { height: 4em; }
  .public-area ul.home li.show-sport a { line-height: 6; }
}

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






/* Tables
----------------------------------------------------------*/
table.standard td { border-color: #5F8CBA; }




/* Lists (tiles)
----------------------------------------------------------*/
ul.tiles li span.box, ul.tiles li a, ul.tiles li div.box { color: #222; border-color: #ccc; }

ul.tiles li.active a, ul.tiles li.active div.box { border-bottom-color: #99C941; }
  ul.tiles li.active a:hover { border-color: #99C941; }
ul.tiles li.upcoming a, ul.tiles li.upcoming div.box { border-bottom-color: #D8C86E; }
  ul.tiles li.upcoming a:hover { border-color: #D8C86E; }
ul.tiles li.recent a, ul.tiles li.recent div.box { border-bottom-color: #F5876E; }
  ul.tiles li.recent a:hover { border-color: #F5876E; }
ul.tiles li.selected a, ul.tiles li.selected div.box { background-color: #f2f6a0; }

.public-area ul.tiles li.league-with-entity .entity { font-size: .8em; }
.public-area ul.tiles li.league-with-entity .league { font-size: 1.1em; }
.public-area ul.tiles li.association a { border-bottom-color: #8ABAE4; }
  .public-area ul.tiles li.association a:hover { border-color: #8ABAE4; }

.public-area ul.links li a { text-align: center; font-weight: bold; }
.public-area ul.links li.selected a { background: #99C941; color: #fff; }

.public-area ul.home li a.small { border-bottom-color: #F5876e; }
  .public-area ul.home li a.small:hover { border-color: #F5876E; }
.public-area ul.home li a.medium { border-bottom-color: #99C941; }
  .public-area ul.home li a.medium:hover { border-color: #99C941; }
.public-area ul.home li.show-sport a { border-bottom-color: #8ABAE4; color: #555; }
  .public-area ul.home li.show-sport a:hover { border-color: #8ABAE4; }

.public-area ul.home li a.medium div { font-weight: bold; }
.public-area ul.home li a.small div { font-weight: bold; }


@media only screen and (min-width: 760px) {
  .public-area ul.home li a.small div { font-size: 1.2em; color: #444; }
  .public-area ul.home li a.medium div { font-size: 1.5em; color: #444; }
}

@media screen and (max-width: 760px) { /* This is special b/c it's a max-width setting */
  .public-area ul.home li span div, ul.home li a div { background-image: none !important; }
}