* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  color: #393938;
/*  font-family:'Roboto Slab', serif;*/
  font-family:'Roboto', sans-serif;
  font-size:14px;
  font-weight:300;
}
strong {
  font-weight:700;
}
p {
  line-height: 18px;
}
.init-caps::first-line  {
  text-transform: uppercase;
}
ul {
  width: 100%;
  list-style-type: none;
  list-style-position: inside;
}
h1, h2, h3, h4 {
  /*font-family: Dosis;*/
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
}
h1, h3 {
  line-height: 36px;
}
h1 {
  font-size: 36px;
  text-transform: uppercase;
}
h2 {
  font-size: 26px;
  line-height: 26px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 16px;
  line-height: 18px;
}
button {overflow: visible;}
pre {font-family: 'Roboto Mono', monospace;}

/*from pure.css */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

td,th {padding:0}

td, table {
  font-size: inherit;
  vertical-align: top;
  border-spacing:0;
  border-collapse:collapse
}
a {
  text-decoration: none;
  font-weight: 700;
}
a:link {
  /*color: #156BAD;*/
  color: #cc5200;
}
a:visited {
  /*color: #156BAD;*/
  color: #cc5200;
}
/* a:hover { */
/*   font-weight: 500; */
/* } */
figcaption {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: .9em;
  font-weight: 400;
  caption-side: bottom;
}
.block-title {
  text-align: justify;
  font-weight: 500;
  /*border-bottom: 1px solid;*/
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  /*margin-bottom: 9px;*/
  padding-bottom: 9px;
}
.block-text {
  font-weight: 300;
}
/*
IDs
*/

#leftcol, #rightcol, #maincol {
  margin-bottom: 9px;
}
#leftcol {
  float: left;
}
#rightcol {
  float: right;
  margin-right: 0;
}
#maincol {
  float: left;
}
#Results { 
}
#Results-nav1 li {
  display: inline;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 9px;
}
#Results-nav1 li a {
  font-weight: 300;
  color: #043357;
}
#Results-nav1 li a:hover {
  color: #cc5200;
}
#Results-nav1 .nav-red_wht a {
  /*-webkit-transform: scale(2,2);
  transform: scale(2,2);*/
  color: #cc5200;
  font-weight: 700;
}

/*
layout
*/

header.site {
  font-family: 'Dosis', sans-serif;
  text-transform: uppercase;
  height: 120px;
  position: relative;
  margin-bottom: 9px;
  border-bottom: solid #043357 1px;
}
header .banner {
  position: relative;
  float: left;
  border-left: solid 1px #043357;
  width: 809px;
}
header .presenting-sponsor {
  height: 18px;
  padding: 4px 9px;
  font-size: 1.1em;
  width: 70%;
}
header .event-title {
  padding: 0 0 0 8px;
  border-top: solid #444444 3px;
  border-bottom: solid #444444 3px;
  line-height: 60px;
  color: #444444;
  font-size: 36pt;
  font-weight: 800;
}
header .logo {
  float: left;
  width: 90px;
}
header .logo img {
  position: relative;
  top: 5px;
}
header .authenticate {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 100%;
  text-align: right;
}
header nav ul {
  /* font-family: "Roboto Condensed"; */
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
  height: 28px;
  width: 629px;
}
header nav li {
  float: left;
  display: inline;
  width: 97px;
  height: 100%;
  border-right: 1px solid #797A78;
}
header nav a {
  color: white;
}
header nav a:link {
  color: #393938;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 500;
  display: block;
  padding: 3px 13px;
  text-decoration: none;
  text-align: center;
}
header nav a:visited {
  color: inherit;
}
header nav a:hover {
  color: #12C96E;
}
header nav a:active {
  color: #12C96E;
}
header nav a.current {
  color: white;
  background-color: #12C96E;
  font-weight: bold;
}
header.box {
  margin-bottom: 6px;
}
#page-wrap {
  min-height: 100%;
  position: relative;
}
.page {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.content {
  padding-bottom: 138px;
}
.one-col,.two-col,.three-col,.four-col {
  float: left;
  position: relative;
  margin-right: 16px;
}
.one-col { /* columns based on 180px master width including margins and padding */
  width: 172px;
}
.one-col-right { /* columns based on 180px master width including margins and padding */
  width: 172px;
  float: right;
}
.two-col {
  width: 344px;
}
.three-col {
  width: 524px;
}
.four-col {
  width: 704px;
}
.five-col{
  width: 100%;
  position: relative;
}
.cols2 { /*columns within a wrapper*/
  -moz-column-count: 2;
  -moz-column-gap: 18px;
  -webkit-column-count: 2;
  -webkit-column-gap: 18px;
  column-count: 2;
  column-gap: 18px;
  column-fill: auto;
}
.maincol {
  float: left;
  padding: 0 8px 0 8px;
}
.leftcol {
  float: left;
  padding: 0 3px 0 3px;
}
.rule-above {
  border-top: 1px solid;
  padding: 9px 0 0 0;
  margin-top: 9px;
}

/*
footer
*/

#footer {
  font-family: 'Roboto Condensed', sans-serif;
  color: white;
  width: 100%;
  height: 100px;
  clear: both;
  padding: 18px 0 18px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../images/JeffVSAptosHigh2011-15-15-584_1000_footer.png");
  background-color: #797A78;
  /*box-shadow: inset 0 12px 8px -12px #000;*/
  position: absolute;
  bottom: 0;
}
.footer-icon img {
  height: 40px;
}
.footer-center img {
  display: block;
  margin: 0 auto;
}
.footer-sub-left {
  font-weight: 500;
  text-align: left;
  padding: 9px 0;
}
.footer-sub-right {
  font-weight: 500;
  text-align: right;
  padding: 9px 0;
}
.footer-nav {
  font-family: 'Roboto Condensed';
  text-transform: uppercase;
  box-shadow: -2px 2px 10px rgb(64,64,64);
}
.footer-nav ul {
  display: block;
}
.footer-nav li {
  display: inline-block;
  padding: 2px 18px;
}
.footer-nav a {
  font-size: .9em;
  color: #fff;
}
.social-links li {display: inline-block; margin-right: 18px;}
.results table {
  border-collapse: collapse;
}
.results td {
  min-width: 63px;
  padding: 6px;
}
.resultsTitle {
  color: #0F0F0F;
  font-weight: bold;
  background-color: #C9C9C9;
  width: 330px;
  padding: 2px;
}
.resultsHeader {
  padding-bottom: 7px;
  border-bottom: #DCDEDA solid 2px;
}
.resultslisting table {
  width: 100%;
  border-collapse: collapse;
  border-right: #DCDEDA solid 1px;
  border-left: #DCDEDA solid 1px;
}
.resultslisting tr:hover {
  background-color: #DCDEDA;
  color: #222;
}
.resultslisting td {
  padding: 6px;
  min-width: 24px;
  border-bottom: solid thin #DCDEDA;
}
.points-head {
  background-color: #DCDEDA;
  text-align:center;
  padding:6px;
  /*width: 100%;*/
  border-bottom: solid thin #DCDEDA;
  border-right:solid thin #FFF;
}
.points {
  text-align: center;
  border-left:solid thin #DCDEDA;
  border-right:solid thin #DCDEDA;
}
.points-total {
  background-color:#156BAD;
  color:#FFF;
  border-left:solid thin #DCDEDA;
  border-bottom: solid thin #DCDEDA;
  text-align: center;
  /*width: 100%;*/
  font-weight: 700;
}
.resultsRowDK {
  background-color: #DCDEDA;
  /*border: #DCDEDA solid 1px;*/
}

/*
Sponsor page
 */

table.sponsor-block {
  border-top: solid 1px #032845;
  padding: 18px 0;
}
.sponsor-block:first-of-type {
  border-top: none;
  padding: 0 0 18px 0;
}
.sponsor-block:first-line {
  text-transform: uppercase;
}
img.sponsor-block {
  max-width: 100%;
}
.sponsor-block td {
  color: #494948;
  font-weight: 300;
  font-size: 14px;
  padding: 9px 0 9px 9px;
  line-height: 24px;
}
ul.sponsor-block {
  list-style-type:square;
  list-style-position: inside;
  margin-left: 1em;
  text-indent: -1em;
}
.sponsor-col{
  margin-bottom: 18px;
}
.sponsor-col img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}

/*
?
*/

.dropshadow_img {
  box-shadow: 4px 4px 8px #555;
}
.boxshadow {
  box-shadow: -2px 2px 10px #A9AFAE;
}
.wrapper-box {
  background-color: white;
  padding: 18px;
  margin-bottom: 18px;
  border: none;
  overflow: hidden;
}
/*.wrapper-box h3 {line-height: 24px;}*/
.bluebox {
  color: #FFF;
  font-size: 1em;
  font-weight: 500;
  background-color: #156BAD;
  padding-bottom: 18px;
}
.bluebox h1 {
  font-weight: 500;
  text-align: justify;
}
/*.bluebox h2 {
  text-align: justify;
  font-weight: 500;
  border-bottom: 1px solid;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 9px;
  padding-bottom: 9px;
}*/
.bluebox a:link, .bluebox a:visited {
  color: #fff;
}
.bluebox a:hover{
  color: #fff;
  border-bottom: dashed thin #fff
}
.bluebox a:visited {
  color: #fff;
}
.graybox{
  /*font-family: "Roboto Slab", serif;*/
  font-family: "Roboto", sans-serif;
  background-color: #797A78;
  font-weight: 700;
  color: #FFF;
  text-shadow: 1px 1px 1px #333;
  margin: 9px 0 9px 0;
}
h1.graybox {
  color: whitesmoke;
}
.lt-graybox {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  background-color: #DCDEDA;
  font-weight: 400;
  padding: 6px;
}
.lt-graybox h1 {
  font-size: 2em;
  color: #797A78;
}
/* .lt-graybox p:first-of-type { */
/*   border-top:3px solid #fff; */
/*   padding-top: 12px; */
/* } */
/* .lt-graybox p { */
/*   margin-top: 3px; */
/*   /\* line-height: 20px; *\/ */
/*   padding: 6px; */
/* } */
fieldset#spons_list {
  display: block;
  border: none;
  background-color: #DCDEDA;
}
input#spons_list, textarea#spons_list {
  width: 100%;
}
.logo_img {
  width: 90px;
}
select#spons_list {
  width: 100%;
}
legend#spons_list {
  font-weight: normal;
}
.spons-logos {
  float: left;
  clear: both;
  border-top: solid 1px #0F2B40;
  padding: 9px;
}
.logo-spons-name {
  font-family: "Roboto Condensed";
  font-size: 1.75em;
  color: #0F2B40;
  max-width: 100%;
}
.logo-img-and-specs {
  float: left;
  clear: both;
  margin-top: 9px;
}
.logo-specs {
max-width: 155px;
}
.logo_list_image {
/*float: left;*/
max-width: 90px;
}
.logo_list_sponsor {
float: left;
clear: both;
}
.logo-image {
  float: left;
}
.half-width {
  width: 49.5%;
}

/*
contact page
*/

#contact {
  margin-top: 18px;
  min-height: 350px;
  font-family: 'Roboto Condensed', sans-serif;
}
ul.contactinfo { /*deprecated?*/
  margin-bottom: 0;
}
.contact {
  font-family: Roboto;
  font-size: 13px;
  font-weight: light;
}
.contact input {padding: 3px; width: 100%; height: 36px; margin-bottom: 9px;}
.sendto input[type='checkbox'] {padding: 3px; width: auto; height: auto; transform: scale(1.2);}
.sendto label {margin-right: 9px;}
/* .contact input[type="checkbox"] {height: 14px; width: 14px; margin-right: 1px;} */
/* .contact input[type="checkbox"] {height: 24px; width: 24px;} */
.contact label {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
}
.contact textarea {
  width: 100%;
  height: 180px;
  margin-bottom: 9px;
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  /*border-radius: 4px;*/
  vertical-align: middle;
  box-sizing: border-box;
}
.stafftitle {
  color: #494948;
  font-size: 1em;
  margin: 3px 0 15px 0;
}
.staffname {
  font-size: 16px;
  font-family: "Roboto Slab", serif;
  font-weight: normal;
  /*color: #156BAD;*/
}
.formheader {
  line-height: 36px;
  font-size: 2.5em;
  margin-bottom: 15px;
  text-transform: uppercase;
}
h1.formheader {
  font-weight: normal;
  color: #0F2B40;
}
.notify {
  font-family: "Roboto Slab", serif;
  font-size: 1.1em;
  font-weight: 600;
  background-color: #156BAD;
  color: #FFFFFF;
  padding: 12px;
  margin-bottom: 9px;
}

/*
schedule page
*/

#course-map {
  width: 240px;
  height: 260px;
}
.racename {
  font-size: 1.25em;
  font-weight: bold;
}
.racedate {
  font-size: 1.25em;
}
#schedule {
  margin-bottom: 10px;
}
h4#schedule {
  font-family: 'Roboto Condensed', sans-serif;
}
.sched {
  font-size: 10pt;
  padding-left: 0;
  margin-bottom: 9px;
}
.sched-wrapper {
  background-color: white;
  padding: 16px 9px 16px 9px;
}
ul.start-head {
  margin-top: 6px;
  width: 100%;
}
li.start-head {
  text-align: center;
  display: block;
  float: left;
  width: 63px;
  padding: 6px;
}
.sched-left-head {
  font-family: "Roboto Condensed", sans-serif;
  border: black solid thin;
  background-color: #cc5200;
  color: white;
  font-weight: bold;
}
.sched-left-head-orng {
  border: #D95300 solid thin;
  background-color: #D95300;
  color: white;
  font-weight: bold;
}
.sched-right-head {
  font-family: "Roboto Condensed", sans-serif;
  border: black solid thin;
  background-color: white;
}
.sched-info h1 {
  font-family: "Roboto Condensed", sans-serif;
  margin-top: 0px;
}
.sched-info h2 {
  margin-top: 0px;
}
.sched-info p {
  margin-bottom: 9px;
}
.sched-info ul {
  margin-left: 10px;
  list-style: square;
  margin-bottom: 9px;
  margin-top: 9px;
}
li.wave-info {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  padding: .25em .5em;
  font-size: 13px;
}
.sched-rowclr-dk {
  background-color: #969793;
}
.sched-rowclr-lt {
  background-color: #DCDEDA;
}
#sched-gal {
  font-family: "Roboto Condensed", sans-serif;
  margin: -10px 0px 18px 0px;
  position: relative;
}
#sched-gal figure {
  background-color: #404040;
}
#sched-gal a {
  font-size: 1.1em;
  color: inherit;
  font-size: inherit;
}
#sched-gal a:hover {
  border-bottom: dashed thin #fff;
}
#sched-gal .photo {
  height:342px;
  overflow: hidden;
  position: relative;
}
#sched-gal .p-desc {
  color: whitesmoke;
  font-size: .9em;
  font-weight: 700;
  text-shadow: 0 0 4px black;
  z-index: 99;
  position: absolute;
  bottom: 26px;
  padding: 6px 12px;
  background: rgba(0,0,0,.5)
}
#sched-gal .p_credit {
  font-size: .9em;
  padding: 4px 9px 4px 9px;
  background: rgba(0,0,0,.9);
  color: #DCDEDA;
  height: 18px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#sched-gal .nav {
  color:#DCDEDA;
  list-style: none;
  position: absolute;
  padding: 0px 6px;
  bottom: 0;
  right: 0;
  height: 26px;
  overflow: hidden;
  width: 40%;
}
#sched-gal .nav li {
  font-size: 14px;
  font-weight: bold;
  float: right;
  /*background-color: #156BAD;*/
  height: 100%;
  padding: 3px;
  text-shadow: 0 0 1px #043357;
}
#sched-gal .nav a {
  color:#156BAD;
  font-weight:700;
}
#sched-gal .nav .count {
  width: 16px;
  border: none;
}
#sched-gal .nav .arrow {
  width: 16px;
  padding: 6px 3px;
  -webkit-transform:scale(.75,2);
  transform:scale(.75,2);
  text-align: center;
  margin: 0 -1px;
}
#regfees ul {
  clear: both;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  border-top: solid 1px #FFF;
}
#regfees li.regfee {
  font-size: 26px;
  font-weight: 500;
  width: 43px;
  display: inline;
  float: left;
  text-align: right;
}
#regfees li.regcat {
  color: #DCDEDA;
  font-weight: normal;
  line-height: 12px;
  text-shadow: .05em .05em 0em #043357;
  float: left;
  width: 83px;
  margin: 6px 0 9px 9px;
}
#regfees .addl {
  color: #DCDEDA;
  clear: both;
  padding-top: 9px;
  border-top: solid 4px #FFF;
}
.dollar-sym {
  font-size: .75em;
  vertical-align: top;
}
#racecal {
  /*min-height: 296px;*/
}
#racecal ul {
  display: block;
  list-style-type: none;
  width: 100%;
}
h2#racecal, h3#racecal, h4#racecal {
  font-weight: 400;
  color: #FFF;
  border: none;
}
#racecal .dates {
  border-top: solid 1px white;
  padding-top: 12px;
  margin-top: 11px;
  font-size: 14px;
}
#racecal a {
  color: #FFF;
}
#racecal a:hover {
  border-bottom: dashed 1px #fff;
}
p.info {
  padding-bottom: 9px;
}
.clinic {
  padding: 6px;
}
clinic ul {
  color: #032845;
  list-style-type:square;
  list-style-position: inside;
  margin-left: 1em;
  text-indent: -1em;
}
clinic table {
  width: 100%;
  background-color:#DCDEDA;
}
td.clinic, th.clinic {
  background-color:#FFF;
}
td.clinic-alt, th.clinic-alt {
  background-color:#DCDEDA;
  padding: 6px;
}
/*
Admin
*/
#admin {}
#admin main {
  float: left;
}
#admin nav {
  float: left;
  clear: both;
}
#admin nav ul li {
  border-bottom: solid #fff 1px;
  padding: 6px 0;
}

/*
Forms layout
Modified from bootstrap.css.
*/

form .note {
  /* background-color: #fcf8e3; */
  padding: 9px;
}
fieldset{min-width:0;padding:6px, 12px;margin:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:500; color:#666}
input {
  box-sizing: border-box;
}
input[type=submit]{
  font-weight: 700;
  background-color: #12C96E;
  color: #e5e5e5;
  border: none;
}
textarea{overflow:auto}
.auth-form {
  width: 344px;
  margin: auto;
}
.show-password { /* accomodate ShowPasswordCheckbox.js */
  margin-top: 15px;
}
.btn {
  /* position: relative; */
  cursor: pointer;
  font-size:14px;
  top:-1px;
  border:none;
  padding:6px 12px;
}
.additional-info {
  display: none;
}
.form-group{margin-bottom:15px}
.form-control{
  display:block;
  width:100%;
  padding:4px 10px;
  font-size:14px;
  color:#555;
  background-color:#fff;
}
.warning-auth {
  padding: 9px;
  margin-bottom: 15px;
  color:#AD2D16;
  background-color:#fcf8e3
}
.pure-button {
  font-family: inherit;
  font-size: 100%;
  font-weight: bold;
  padding: 0.5em 1em;
  color: whitesmoke; /* rgba not supported (IE 8) */
  /*color: rgba(0, 0, 0, 0.80); /* rgba supported */
  border: 1px solid #999;  /*IE 6/7/8*/
  border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
  background-color: #156BAD;
  text-decoration: none;
  border-radius: 2px;
}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
  filter: alpha(opacity=90);
  background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
  background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
  outline: 0;
}
.pure-button-active,
.pure-button:active {
  box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
  border-color: #000\9;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
/* Hidden fields */
.contactmisc {
  display: none;
}
#phone {
  display: none;
}