﻿@import url(http://fonts.googleapis.com/css?family=Ubuntu);
a{
	/*color:#32C0C6;
	color:#693060;
	font-size: 1em;*/
	color: #0DA7E3;
}
p{
	margin-top:1.5em;
}
a:hover{
	text-shadow: 0px 0px 8px #32C0C6;
}
#table1, #table3, #table4 {
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
}
table[Attributes Style] {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-spacing: 0px;
}
#table1 td.author {
    text-align: left;
}
#table1 td, #table3 td, #table4 td, #table5 td {
    text-align: center;
}
#table1 th, #table1 td, #table3 th, #table3 td, #table4 th, #table4 td {
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
}
body, td, th {
    font-family: "Trebuchet MS", tahoma, arial, verdana, helvetica, lucida, sans-serif;
    font-size: 0.9em;
}
td, th {
    display: table-cell;
    vertical-align: inherit;
}
#submenu{
	font-size: 0.9em;
}
table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    font-variant: normal normal;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
#menu{
	
}
#menu a{
	/*color:#32C0C6;*/
	color: #0DA7E3;
	font-family: 'Ubuntu', sans-serif;
}
#menu a:hover{
	text-shadow: 0px 0px 8px #F28500;
}

.menu{
	
}
.menu a{
	color: #0DA7E3;
	font-family: 'Ubuntu', sans-serif;
}
.menu a:hover{
	text-shadow: 0px 0px 8px #F28500;
}
.header{
	/*box-shadow: 0px 9px 12px #E3E3E3;*/
	
}
@media (max-width: 480px) {
      .header {
        box-shadow: 0px 0px 0px #FFFFFF;
      }
}
#desc{
	font-size: 2.75em;
	color: #555555;
}
@media (max-width: 480px) {
      #desc {
        font-size: 1em;
      }
}

/*SlideJS*/
#slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }

/*attribution*/

#attribution{
	opacity: 0.5;
}
#attribution:hover{
	opacity: 1;
}
#attribution a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	transition: color 0.5s, text-shadow 0.3s;
	-moz-transition: color 0.5s, text-shadow 0.3s; /* Firefox 4 */
	-webkit-transition: color 0.5s, text-shadow 0.2s;/* Safari and Chrome */
	-o-transition: color 0.5s, text-shadow 0.3s; /* Opera */
}
#attribution a:hover {
	color: #FFFFFF;
	text-shadow: 0px 0px 6px #000000;
}
.coachbio{
	text-align:justify;
}
.coachbio h3{
	text-align:center;
}
#forms img{
	border: 1px #000000 solid;
	width: 95%;
}
#forms img:hover{
	box-shadow: 0px 0px 6px #000000;
}
.schedule {
	border-style: solid;
	border-width: 1px;
}
restaurant-table{
	
}
#race {
	height: 400px; 
	min-width: 310px; 
	max-width: 800px;
	margin: 0 auto;
}
#menu_manual{
	position: fixed;
	left: 0px;
	top: 0px;
	width: inherit;
	overflow-y: scroll;	
	height: 100%;
}
#button_wrap{
	background-color:rgba(256, 256, 256, 0.76);
	box-shadow: 0px 0px 12px 7px rgba(256, 256, 256, 0.76);
}
#menu_button{
	
}
#menu_display{
	z-index: 999;
	font-size: 1.1em;
	padding-top: 4px;
	padding-bottom: 2px;
	/*box-shadow: 0px 4px 9px #00A3EF;*/
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #00A3EF 80%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #00A3EF 80%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #00A3EF 80%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(.8, #00A3EF));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #00A3EF 80%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #00A3EF 80%);

}

/*#menu_display a:hover{
	color: #FFFFFF;
	text-shadow: 0px 0px 15px #BF5700;
}*/
#content_manual{


}
.form_image{
	box-shadow: 0px 0px 5px #333333;
	width: 97%;
}
#button_whitespace{
	height:95px;
}

.stickynotes li{
	z-index: -1;
	list-style:none;
	-webkit-box-shadow: #DDD 0px 1px 2px;
	position: relative;
	background-color: #F4F39E;
	border-color: #DEE184;
	text-align: left;
	margin: 1.6em 1em 2em -1em;
	padding: 1em 1em;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	-webkit-backface-visibility: hidden;
}

.stickynotes li:after {
	z-index: -1;
	display: block;
	content: "";
	position: absolute; 
	width: 33%;
	height: 30px;
	top: -21px;
	left: 33%;    
	border: 1px solid #fff;
	opacity: 0.6; 	
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(to bottom right, #FEFEFE 10%, #EDEDED 100%);
}
.stickynotes li.pink{
	background-color: #f39ef4;
}
.stickynotes li.blue{
	background-color: #9ef4f3;
}
.stickynotes li.green{
	background-color: #caf49e;
}
hr.sux { 
	border: 0px;
	height: 3px;
	background-image: -ms-linear-gradient(left, #FFFFFF 23%, #00A3EF 62.5%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 23%, #00A3EF 62.5%, #FFFFFF 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 23%, #00A3EF 62.5%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0.23, #FFFFFF), color-stop(0.625, #00A3EF), color-stop(1, #FFFFFF));
	background-image: -webkit-linear-gradient(left, #FFFFFF 23%, #00A3EF 62.5%, #FFFFFF 100%);
	background-image: linear-gradient(to right, #FFFFFF 23%, #00A3EF 62.5%, #FFFFFF 100%);
 }
@media only screen and (max-device-width: 480px) {
	hr.sux { 
		border: 0px;
		height: 3px;
		background-image: -ms-linear-gradient(left, #FFFFFF 0%, #00A3EF 50%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(left, #FFFFFF 0%, #00A3EF 50%, #FFFFFF 100%);
		background-image: -o-linear-gradient(left, #FFFFFF 0%, #00A3EF 50%, #FFFFFF 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.5, #00A3EF), color-stop(1, #FFFFFF));
		background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #00A3EF 100%);
		background-image: linear-gradient(to right, #FFFFFF 0%, #00A3EF 50%, #FFFFFF 100%);
		
	}
}

hr.sux2 { 
		border: 0px;
		height: 3px;
		background-image: -ms-linear-gradient(left, #FFFFFF 0%, #F28500 50%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(left, #FFFFFF 0%, #F28500 50%, #FFFFFF 100%);
		background-image: -o-linear-gradient(left, #FFFFFF 0%, #F28500 50%, #FFFFFF 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.5, #F28500), color-stop(1, #FFFFFF));
		background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #F28500 100%);
		background-image: linear-gradient(to right, #FFFFFF 0%, #F28500 50%, #FFFFFF 100%);
		
	}

progress {
  /* Positioning */
  position: fixed;
  left: 23.8%;
  top: 0;

  /* Dimensions */
  width: 76.2%;
  height: 7px;
	
  /* Reset the appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;

  /* Progress bar container for Firefox/IE10+ */
  background-color: transparent;

  /* Progress bar value for IE10+ */
  color: red;
}

@media only screen and (max-device-width: 480px) {
	progress{
	left: 0px;
	width: 100%;
	}
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

progress::-webkit-progress-value {
  background-color: transparent;
  /*background-image: -webkit-linear-gradient(left, transparent, #00A3EF);*/
  background-image: -webkit-linear-gradient(left, #68008E, #D10044);
}

progress::-moz-progress-bar {
  background-color: red;
}
.button_formstat{
	margin: 4px; 
	padding:4px; 
	border: 1.5px #AAAAAA solid; 
	border-radius: 2px; 
	font-weight:bold;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);
}
#easCount{
	background: #006AB5;
	border-radius: 7px;
}
#sasCount{
	background: #BF5700;
	border-radius: 7px;
}
#easCount h3, #easCount h2{
	color: #FEFEFE;
}
#sasCount h3, #sasCount h2{
	color: #FEFEFE;
}

#completeCount{
	background: #048234;
	border-radius: 7px;
}
#exitCount{
	background: #EE0000;
	border-radius: 7px;
}
#completeCount h3, #completeCount h2{
	color: #FEFEFE;
}
#exitCount h3, #exitCount h2{
	color: #FEFEFE;
}


#timestamp{
	font-weight: bold;
	color: #0DA7E3;
}
.event_name{
	padding: 2px 16px 1px 16px;
	color:#002060;
	border-radius: 22px;
	background: #002060;
	-webkit-backface-visibility: hidden;
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 505, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #00A3EF 100%);
}
.event_select{
	box-shadow: 0px 0px 9px #F28500;
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F28500 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F28500 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F28500 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 505, color-stop(0, #FFFFFF), color-stop(1, #F28500));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F28500 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #F28500 100%);

}

#event-table{
	border: 1px solid #000000;
}
.section_content{
	text-align: justify;
	font-size: 1.2em;
}
.section_title{
	text-align: center;
}
#table2{
	border-left: 1px #bbb solid;
	border-right: 1px #bbb solid;
	border-bottom: 1px #bbb solid;
	border-top: 10px #ccc solid;
	font-size: 70%;
}
#forms img {
    border: 1px #000000 solid;
    width: 95%;
}
#forms img:hover{
	box-shadow: 0px 0px 6px #000000;
}
.language{
	padding:4px; 
	border: 1.5px #AAAAAA solid; 
	border-radius: 2px; 
	font-weight:bold;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);

}
.language .code{
	font-size: 155%;
}
.doclinks{
	display:none;
	font-size: 115%;
	padding:4px; 
	border: 1.5px #AAAAAA solid; 
	border-radius: 2px; 
	font-weight:bold;
	background: #EEEEEE;
	/*background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);
*/
}
.doclinks a:hover{
	text-shadow: 0px 0px 8px #F28500;
}

.clickedlang{
	color: #FFFFFF;
	text-shadow: 0px 0px 8px #F28500;
	background-image: -ms-linear-gradient(top, #406A9B 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(top, #406A9B 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(top, #406A9B 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #406A9B), color-stop(1, #FFFFFF));
	background-image: -webkit-linear-gradient(top, #406A9B 0%, #FFFFFF100%);
	background-image: linear-gradient(to bottom, #406A9B 0%, #FFFFFF 100%);

}