@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM4.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype');
}

.static {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

#page header.profile {
    background: #141414;
    min-height: 244px;
  position: relative;
  color: #ffffff;
}
@media only screen and (max-width: 969px) {
  #page header.profile {
    height: auto;
  }
}
#page header.profile::after {
  content: '';
  display: block;
  clear: both;
  height: 24px;
  width: 100%;
  margin-top: 8px;
}
#page header.profile figure {
  display: block;
  width: 152px;
  height: 202px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 16px;
  background: #646464 url(../images/blank-profile-image.png) center bottom no-repeat;
  background-size: cover;
  float: left;
  border: solid 1px #ebebeb;
}
#page header.profile figure img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 969px) {
  #page header.profile figure {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 329px) {
  #page header.profile figure {
    width: 77px;
    height: 102px;
  }
}
#page header.profile h1 {
  color: #ffffff;
  font-variant: small-caps;
  font-size: 3rem;
}
@media only screen and (max-width: 639px) {
  #page header.profile h1 {
      font-size: 2rem;
      padding-bottom: 4px;
      line-height: 24px;
  }
}
@media only screen and (max-width: 329px) {
  #page header.profile h1 {
    font-size: 1.8rem;
  }
}
#page header.profile a {
  color: #ffffff;
}
#page header.profile .bests {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 150px;
  max-height: 164px;
  overflow: hidden;
  font-size: 1.1rem;
  line-height: 18px;
  color: #ebebeb;
}
#page header.profile .bests strong {
  font-size: 1.2rem;
}
@media only screen and (max-width: 639px) {
  #page header.profile .bests {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin-left: 8px;
    height: auto;
    width: 100%;
    max-height: 100px;
    clear: both;
    padding-top: 8px;
  }
  #page header.profile .bests li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
  }
}
#page header.profile .social {
  display: block;
  position: absolute;
  bottom: 4px;
  right: 8px;
  width: 150px;
  height: 16px;
  z-index: 10;
}
@media only screen and (max-width: 639px) {
  #page header.profile .social {
    display: none;
  }
}
#page header.profile .team {
  margin-right: 175px;
}
#page header.profile .team span,
#page header.profile .team a {
  display: inline-block;
  line-height: 18px;
  font-size: 1rem;
  padding-right: 12px;
  padding-left: 12px;
  border-left: solid 1px #c8c8c8;
}
#page header.profile .team span:first-child,
#page header.profile .team a:first-child {
  padding-left: 0;
  border-left: none;
}
@media only screen and (max-width: 969px) {
  #page header.profile .team span,
  #page header.profile .team a {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media only screen and (max-width: 639px) {
  #page header.profile .team span,
  #page header.profile .team a {
    border-left: none;
    display: block;
    line-height: 16px;
  }
}
@media only screen and (max-width: 969px) {
  #page header.profile .team .city {
    display: block;
    border-left: none;
  }
}
@media only screen and (max-width: 639px) {
  #page header.profile .team {
    margin-right: 0;
  }
  #page header.profile .team span,
  #page header.profile .team a {
    color: #c8c8c8;
  }
  #page header.profile .team span.affiliation,
  #page header.profile .team a.affiliation {
    color: #ffffff;
  }
}
#page header.profile .count {
  padding-top: 24px;
  padding-left: 8px;
  white-space: nowrap;
}
#page header.profile .count li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin-left: 0;
  width: 80px;
  height: 50px;
  margin-right: 16px;
  text-align: center;
  border: solid 1px #ebebeb;
}
#page header.profile .count li span {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 36px;
  color: #ffffff;
}
#page header.profile .count li strong {
  display: block;
  font-weight: normal;
  line-height: 14px;
  font-size: 0.9rem;
  color: #ebebeb;
}
@media only screen and (max-width: 969px) {
  #page header.profile .count {
    padding-top: 18px;
  }
}
@media only screen and (max-width: 479px) {
  #page header.profile .count {
    clear: both;
    padding-top: 12px;
  }
}
#page header.profile .buttons {
  margin-right: 175px;
}
@media only screen and (max-width: 639px) {
  #page header.profile .buttons {
    margin-right: 0;
  }
}
@media only screen and (max-width: 329px) {
  #page header.profile .buttons {
    clear: both;
    margin-left: 8px;
    padding-top: 8px;
  }
}
#page header.profile .buttons .compare,
#page header.profile .buttons .search,
#page header.profile .buttons .claim,
#page header.profile .buttons .follow {
  display: inline-block;
  margin-top: 12px;
  line-height: 24px;
}
#page header.profile .buttons .compare a,
#page header.profile .buttons .search a,
#page header.profile .buttons .claim a,
#page header.profile .buttons .follow a {
  margin-right: 12px;
  background: #646464;
  color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 969px) {
  #page header.profile .buttons .compare a,
  #page header.profile .buttons .search a,
  #page header.profile .buttons .claim a,
  #page header.profile .buttons .follow a {
    margin-right: 0;
  }
}
@media only screen and (min-width: 640px) and (max-width: 969px) {
  #page header.profile .buttons .compare,
  #page header.profile .buttons .search,
  #page header.profile .buttons .claim,
  #page header.profile .buttons .follow {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 639px) {
  #page header.profile .buttons .compare,
  #page header.profile .buttons .search,
  #page header.profile .buttons .claim,
  #page header.profile .buttons .follow {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 329px) {
  #page header.profile .buttons .compare,
  #page header.profile .buttons .search,
  #page header.profile .buttons .claim,
  #page header.profile .buttons .follow {
    margin-top: 0;
  }
}
#page header.profile .buttons .compare {
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 140px;
  text-align: center;
}
@media only screen and (max-width: 639px) {
  #page header.profile .buttons .compare {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    display: none;
  }
}
#page header.profile nav {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 24px;
  background: #c8c8c8;
  color: #141414;
  font-size: 1.3rem;
  font-weight: bold;
  z-index: 9;
}
#page header.profile nav a {
  color: #141414;
  display: inline-block;
  margin-left: 24px;
  margin-right: 24px;
  line-height: 22px;
}
#page header.profile nav a.selected {
  border-bottom: solid 2px #141414;
}
@media only screen and (min-width: 640px) and (max-width: 969px) {
  #page header.profile nav {
    max-width: none;
  }
}
@media only screen and (max-width: 639px) {
  #page header.profile nav {
    height: auto;
    line-height: 24px;
    padding: 0;
  }
  #page header.profile nav a {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 479px) {
  #page header.profile nav a {
    margin-left: 8px;
    margin-right: 4px;
    font-size: 1.2rem;
  }
}

.content section h3 {
    margin-bottom: 8px;
}

.content section.list h3 {
    background: #646464;
    color: #ffffff;
    padding: 8px;
    margin-top: 16px;
}

.content section.list h3 a {
    color: #ffffff;
}

.content table.stats {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.1rem;
}

@media only screen and (max-width: 639px) {
    .content table.stats {
        display: block;
    }

    .content table.stats tr,
    .content table.stats tbody,
    .content table.stats thead {
        display: block;
    }

    .content table.stats td,
    .content table.stats th {
        display: inline-block;
    }
}

.content table.stats.windEvent td.wind:empty::after {
    display: inline;
    content: 'NWI';
    color: #f00;
}

.content table.stats thead tr,
.content table.stats tbody tr.thead {
    background: #646464;
    color: #ffffff;
}

.content table.stats thead tr th,
.content table.stats tbody tr.thead th {
    font-weight: bold;
    text-align: left;
    line-height: 24px;
    font-size: 13px;
}

.content table.stats thead tr th p,
.content table.stats tbody tr.thead th p,
.content table.stats thead tr th div,
.content table.stats tbody tr.thead th div,
.content table.stats thead tr th span,
.content table.stats tbody tr.thead th span {
    display: inline;
    font-weight: bold;
    padding: 0;
    margin: 0;
    line-height: 24px;
}

.content table.stats thead tr th a,
.content table.stats tbody tr.thead th a {
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
}

.content table.stats thead tr th.time,
.content table.stats tbody tr.thead th.time,
.content table.stats thead tr th.wind,
.content table.stats tbody tr.thead th.wind {
    text-align: center;
    padding-right: 16px;
}

@media only screen and (max-width: 639px) {
    .content table.stats thead tr th.wind,
    .content table.stats tbody tr.thead th.wind {
        display: none;
    }
}

@media only screen and (max-width: 639px) {
    .content table.stats thead tr th.place,
    .content table.stats tbody tr.thead th.place,
    .content table.stats thead tr th.round,
    .content table.stats tbody tr.thead th.round {
        display: none;
    }
}

@media only screen and (max-width: 639px) {
    .content table.stats thead tr th.date,
    .content table.stats tbody tr.thead th.date,
    .content table.stats thead tr th.meet,
    .content table.stats tbody tr.thead th.meet {
        display: none;
    }
}

.content table.stats thead tr th.links,
.content table.stats tbody tr.thead th.links {
    text-align: right;
    padding-right: 4px;
    font-weight: normal;
    text-transform: none;
}

.content table.stats thead tr th.links a,
.content table.stats tbody tr.thead th.links a {
    white-space: nowrap;
}

@media only screen and (max-width: 639px) {
    .content table.stats thead tr th.links a.graph,
    .content table.stats tbody tr.thead th.links a.graph {
        display: none;
    }
}

.content table.stats thead tr.secondary,
.content table.stats tbody tr.thead.secondary {
    background: #ebebeb;
    color: #141414;
}

.content table.stats thead tr.secondary th,
.content table.stats tbody tr.thead.secondary th {
    color: #141414;
}

.content table.stats thead tr.secondary th a,
.content table.stats tbody tr.thead.secondary th a {
    color: #141414;
}

.content table.stats thead tr.tertiary,
.content table.stats tbody tr.thead.tertiary {
    background: transparent;
    border-top: solid 1px #ebebeb;
}

.content table.stats thead tr.tertiary th,
.content table.stats tbody tr.thead.tertiary th {
    text-align: left;
    color: #646464;
    line-height: 14px;
    font-size: 1rem;
}

.content table.stats tbody tr:not(.thead) {
    background: #ffffff;
}

.content table.stats tbody tr:not(.thead) td {
    line-height: 24px;
    font-size: 13px;
    vertical-align: middle;
    text-align: left;
}

.content table.stats tbody tr:not(.thead) td div,
.content table.stats tbody tr:not(.thead) td p,
.content table.stats tbody tr:not(.thead) td a {
    line-height: 24px;
}

.content table.stats tbody tr:not(.thead) td.time,
.content table.stats tbody tr:not(.thead) td.wind {
    text-align: center;
    padding-right: 16px;
}

.content table.stats tbody tr:not(.thead) td.time {
    white-space: nowrap;
    min-width: 60px;
}

.content table.stats tbody tr:not(.thead) td.time span.wind.w {
    color: #f00;
}

.content table.stats tbody tr:not(.thead) td.time span.wind:not(:empty)::before {
    content: '(';
    display: inline;
}

.content table.stats tbody tr:not(.thead) td.time span.wind:not(:empty)::after {
    content: ')';
    display: inline;
}

.content table.stats tbody tr:not(.thead) td.wind.w {
    color: #f00;
}

@media only screen and (max-width: 639px) {
    .content table.stats tbody tr:not(.thead) td.wind {
        display: none;
    }
}

@media only screen and (max-width: 639px) {
    .content table.stats tbody tr:not(.thead) td.place,
    .content table.stats tbody tr:not(.thead) td.round {
        display: none;
    }
}

@media only screen and (max-width: 639px) {
    .content table.stats tbody tr:not(.thead) td.date {
        font-style: italic;
        color: #646464;
    }
}
@media only screen and (max-width: 479px) {
    .content table.stats tbody tr:not(.thead) td.date {
        display: none;
    }
}

.content table.stats tr.pr td {
    font-weight: bold;
}

.content div.progression {
    display: block;
    width: 300px;
    float: left;
    vertical-align: top;
}
@media only screen and (max-width: 639px) {
    .content div.progression {
        float: none;
        width: 100%;
    }
}

.content div.majorWins {
    display: block;
    vertical-align: top;
    margin-left: 316px;
    padding-left: 16px;
    border-left: solid 1px #ebebeb;
}
@media only screen and (max-width: 639px) {
    .content div.majorWins {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        margin-top: 16px;
        padding-top: 16px;
        border-top: solid 1px #141414;
    }
}

.content #chart1 .jqplot-point-label {
    font-size: 0.8rem;
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    padding: 2px;
}

.content #chart1 .jqplot-yaxis-tick {
    font-size: 0.8rem;
}

.content #chart1 .jqplot-xaxis-tick {
    font-size: 0.8rem;
    transform: rotate(-60deg);
    margin-top: 12px;
}

.content #chart1 .jqplot-yaxis-label,
.content #chart1 .jqplot-xaxis-label {
    display: none;
}

.content #chart1 .jqplot-cursor-tooltip,
.content #chart1 .jqplot-highlighter-tooltip {
    font-size: 0.9rem;
    background: #fff;
    border: solid 1px #141414;
    padding: 2px;
}

.content section.stats h2 {
    display: inline-block;
}

.content section.stats div.dropdown {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
}

.content section.stats div.dropdown select {
    padding-right: 30px;
}

@media only screen and (max-width: 969px) {
    .content section.stats h2 {
        display: block;
        margin-bottom: 10px;
    }

    .content section.stats div.dropdown {
        display: block;
        margin: 0 0 10px 0;
    }

    .content section.stats table th .place,
    .content section.stats table td .place,
    .content section.stats table th .round,
    .content section.stats table td .round,
    .content section.stats table th .date,
    .content section.stats table td .date {
        display: none;
    }

    .content section.stats table td.meet {
        max-width: 50%;
        overflow: hidden;
        height: 24px;
        padding: 0;
    }
}

.content .blurry::after {
    background: none;
    filter: none;
}

#side .hide {
    display: none;
}
#side #addOrg:not(.btn):not(.close) {
  display: block;
  min-width: 240px;
  color: #ffffff;
  background-color: #0089cb;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0097e0), color-stop(100%, #0075ad));
  background: -webkit-linear-gradient(top, #0097e0 0, #0075ad 100%);
  background: -moz-linear-gradient(top, #0097e0 0, #0075ad 100%);
  background: -ms-linear-gradient(top, #0097e0 0, #0075ad 100%);
  background: -o-linear-gradient(top, #0097e0 0, #0075ad 100%);
  background: linear-gradient(to bottom, #0097e0 0, #0075ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0097e0, endColorstr=#0075ad, GradientType=0);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #7ad4ff inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #7ad4ff inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #7ad4ff inset;
  text-align: center;
  text-transform: uppercase;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: bold;
  padding: 12px 36px;
  font-size: 1.3em;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#side #addOrg:not(.btn):not(.close):hover {
  background-color: #0c99de;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #14b2ff), color-stop(100%, #0075ad));
  background: -webkit-linear-gradient(top, #14b2ff 0, #0075ad 100%);
  background: -moz-linear-gradient(top, #14b2ff 0, #0075ad 100%);
  background: -ms-linear-gradient(top, #14b2ff 0, #0075ad 100%);
  background: -o-linear-gradient(top, #14b2ff 0, #0075ad 100%);
  background: linear-gradient(to bottom, #14b2ff 0, #0075ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#14b2ff, endColorstr=#0097e0, GradientType=0);
}
#side #addOrg:not(.btn):not(.close).btnSmall {
  min-width: 140px;
  padding: 6px 18px;
  font-size: 0.8em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#side #addOrg:not(.btn):not(.close).btnLarge {
    padding: 24px 72px;
    font-size: 1.8em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#side #addOrg:not(.btn):not(.close)[disabled] {
    background: #888;
}

#side #formAddOrg,
#side #formEditOrg {
    display: none;
}
#side #formEditOrg .field.button {
  margin-top: 16px;
}
#side #formEditOrg .field.button button {
  display: inline-block;
  width: 120px;
  height: 36px;
  line-height: 28px;
}
#side #formEditOrg .field.button a {
  margin-left: 16px;
}