.dark_bg, div.refresh, div.search {
  background: #35508b;
  color: white; }

.header_bg, div.topheader, div#tourlist div.scrollable div.tourtop {
  background: url(../img/shade.png) bottom repeat-x #203c76;
  color: white; }

.middle_bg, div#leaderboard, div#tourlist div.scrollable div#tours, div#tourlist div.scrollable div#tours div.tour-row p a {
  background: white;
  color: black; }

.cut_bg, div#leaderboard table.leaderboard tr td.cut {
  background: #880000;
  color: white; }

.footer_bg, body.mobile-holder, div.extra, div.footer-bottom, div#tourlist div.scrollable div.tourbottom {
  background: #cfcfcf;
  color: black; }

.button_styling, div.topheader div.topright a.menubtn, div.refresh a#refresh {
  border: 1px solid black;
  background: url(../img/shade.png) bottom repeat-x #506aa0;
  padding: 4px;
  color: white;
  text-decoration: none;
  border-radius: 4px; }

@-webkit-viewport{width:device-width};
@-moz-viewport{width:device-width};
@-ms-viewport{width:device-width};
@-o-viewport{width:device-width};
@viewport{width:device-width};
body.mobile-holder {
  font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-size: 14px; }
  body.mobile-holder div.col-xs-12 {
    padding: 0; }

div.topheader {
  width: 100%;
  height: 5em; }
  div.topheader div.topleft {
    width: 70%;
    height: 5em;
    padding: 0 6px;
    float: left; }
    div.topheader div.topleft h1 {
      font-size: 1.66667em;
      margin: 0.41667em 0;
      white-space: nowrap; }
    div.topheader div.topleft h2 {
      font-size: 0.83333em;
      margin: 0;
      white-space: nowrap; }
  div.topheader div.topright {
    width: 30%;
    height: 5em;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right; }
    div.topheader div.topright a.origin {
      font-size: 1.66667em; }
    div.topheader div.topright a.menubtn {
      padding: 13.2px;
      margin: 0 6px;
      position: relative;
      top: 1.75em; }

div.menu a.menu {
  display: block;
  color: black;
  text-align: center;
  width: 100%;
  padding: 6px;
  border-bottom: 1px solid #6f6f6f;
  background: url(../img/shade.png) bottom repeat-x #cfcfcf; }
div.menu a.menu:last-child {
  border-bottom: 0; }

div.extra p {
  margin: 0;
  padding: 6px;
  text-align: center; }
  div.extra p img {
    max-width: 90%;
    height: auto; }

div.refresh {
  width: 100%;
  clear: both;
  padding: 0; }
  div.refresh a#refresh {
    margin: 6px;
    display: inline-block;
    padding: 13.2px 6px; }
  div.refresh p#updated {
    display: inline;
    margin: 6px 0; }
    div.refresh p#updated img {
      vertical-align: middle; }

div.search {
  padding: 6px 0;
  text-align: center; }
  div.search input#namefilter {
    margin: 0 6px;
    width: 90%;
    line-height: 2em;
    height: 2.2em;
    background: url(../img/search.png) left no-repeat white;
    color: black;
    padding: 0 6px 0 30px;
    border: 2px solid #dddddd;
    border-radius: 4px; }

div.footer-top {
  background: url(../img/shade.png) bottom repeat-x #35508b;
  color: white;
  padding: 6px;
  text-align: center; }
  div.footer-top p {
    margin: 0; }

div.footer-bottom {
  padding: 6px;
  text-align: center;
  font-size: 0.7em; }
  div.footer-bottom p {
    margin: 0; }

div#leaderboard p {
  margin: 0;
  padding: 1em;
  text-align: center; }
div#leaderboard table.leaderboard {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px; }
  div#leaderboard table.leaderboard tr th {
    font-size: 0.7em; }
  div#leaderboard table.leaderboard tr th.solid {
    width: 12%; }
  div#leaderboard table.leaderboard tr td {
    font-size: 0.85em; }
  div#leaderboard table.leaderboard tr th, div#leaderboard table.leaderboard tr td {
    height: 2.4em;
    text-align: center;
    border: 1px solid #bebebe;
    border-radius: 2px;
    background: url(../img/shade.png) bottom repeat-x #dedede;
    padding: 0; }
    div#leaderboard table.leaderboard tr th img, div#leaderboard table.leaderboard tr td img {
      width: 1.2em;
      margin-right: 6px;
      height: auto; }
  div#leaderboard table.leaderboard tr td:nth-child(2) {
    text-align: left;
    padding: 0 6px; }
  div#leaderboard table.leaderboard tr.player-row {
    cursor: pointer; }
  div#leaderboard table.leaderboard tr.chosen td {
    background: white; }
  div#leaderboard table.leaderboard table.roundtable {
    width: 100%; }
    div#leaderboard table.leaderboard table.roundtable tr th {
      font-size: 1em;
      background: #dedede;
      text-align: center;
      width: 10%; }
    div#leaderboard table.leaderboard table.roundtable tr th:first-child {
      font-size: 0.7em; }
    div#leaderboard table.leaderboard table.roundtable tr td, div#leaderboard table.leaderboard table.roundtable tr td:nth-child(2) {
      background: white;
      text-align: center;
      width: 10%;
      font-size: 1em;
      border-radius: 0; }
    div#leaderboard table.leaderboard table.roundtable tr td.eagle {
      color: white;
      background: #ff8500; }
    div#leaderboard table.leaderboard table.roundtable tr td.birdie {
      color: white;
      background: #be0000; }
    div#leaderboard table.leaderboard table.roundtable tr td.bogey {
      color: white;
      background: #8391c7; }
    div#leaderboard table.leaderboard table.roundtable tr td.dbogey {
      color: white;
      background: #3939a3; }

div#tourlist {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #cfcfcf; }
  div#tourlist div.scrollable {
    width: 100%;
    height: 100%;
    overflow-y: scroll; }
    div#tourlist div.scrollable div.toplogo {
      background: #203c76;
      padding: 20px 0 6px 0;
      text-align: center;
      color: white; }
      div#tourlist div.scrollable div.toplogo img {
        max-width: 50%;
        height: auto; }
    div#tourlist div.scrollable div.tourtop {
      padding: 0 12px 12px 12px;
      text-align: center; }
      div#tourlist div.scrollable div.tourtop h4 {
        margin-top: 0; }
    div#tourlist div.scrollable div.tourbottom {
      text-align: center;
      padding-top: 6px; }
    div#tourlist div.scrollable div#tours p {
      margin: 0; }
    div#tourlist div.scrollable div#tours p.loading {
      padding: 12px 0;
      text-align: center; }
    div#tourlist div.scrollable div#tours div.tour-row {
      margin: 0;
      background: url(../img/shade.png) bottom repeat-x #dedede; }
      div#tourlist div.scrollable div#tours div.tour-row div.tour-title {
        background: url(../img/shade.png) bottom repeat-x #506aa0;
        color: white;
        margin: 0;
        padding: 6px; }
        div#tourlist div.scrollable div#tours div.tour-row div.tour-title h4 {
          margin: 0;
          font-size: 1.4em; }
        div#tourlist div.scrollable div#tours div.tour-row div.tour-title h5 {
          margin: 0;
          font-size: 1.2em; }
      div#tourlist div.scrollable div#tours div.tour-row p {
        margin: 0;
        padding: 6px; }
        div#tourlist div.scrollable div#tours div.tour-row p a {
          position: relative;
          background: url(../img/shade.png) bottom repeat-x white;
          padding: 6px 0 6px 6px;
          margin: 0;
          border: 1px solid #203c76;
          border-radius: 2px;
          display: block;
          font-size: 1.5em;
          text-decoration: none; }
          div#tourlist div.scrollable div#tours div.tour-row p a img {
            vertical-align: middle; }
        div#tourlist div.scrollable div#tours div.tour-row p a:active {
          background: #dedede; }