html { height: 100%; background: #fff; }
body { 
 font-family: Crimson Text, Lucida Sans Unicode,Times New Roman, serif;
 height:100%; 
 background: #fff;
 min-width: 1000px;
}


legend {
	width:auto;
    font-family:verdana;
    font-size:1em;
    line-height:2;
	padding: 6px;
	}
	
.details-RIDE {
  font-size: 13px;
  background: #f1f1f3;
  float:left;
 margin-left: 30px;
 margin-top: 10px;
 margin-bottom: 20px;

  }	
 div.container1 {
 height:auto;
  width: 950px;
  margin: 0 auto;
  position: relative;
  font-family: consolas,"courier new",monospace;
  font-size: 14px;
    background-color: #F1F1F3;
   border: solid 1px #f2b217; 
    padding: 5px 15px 5px 15px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .8); 
}
 
  div.content {
	    height:auto;
	    width: 950px;
	    margin: 0 auto;
	    margin-bottom: 25px;
	    position: relative;
	    text-align: left;
		background: #E5E5E9;
		border: solid 1px #f2b217; 
    padding: 5px 15px 15px 15px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
	}	
	

 div.summary {
  height:auto;
  width: 950px;
  margin: 0 auto;
  position: relative;
  font-family: consolas,"courier new",monospace;
  font-size: 14px;
  background-color: #F1F1F3;
  border: solid 1px #f2b217; 
  padding: 5px 15px 5px 15px;
  margin-bottom: 90px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .8); 
   
}

 .fieldset1 {
    width:95%;
	background-color: #F1F1F3;
    border: 2px solid #DCDCE2; 
	overflow: auto;
    -webkit-overflow-scrolling: touch;
     margin:0 auto; 
	 padding: 10px;
    border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}  


 
.legend1 {
     background: #4170cf; /* For browsers that do not support gradients */
     background: -webkit-gradient(linear, left top, left bottom, from(#12274E), to(#4170cf)); /* For Safari 5.1 to 6.0 */
	 background: -o-linear-gradient(#12274E, #4170cf);  /* For Opera 11.1 to 12.0 */
	 background: -moz-linear-gradient(top, #12274E, #4170cf);  /* For Firefox 3.6 to 15 */
	 background: linear-gradient(#12274E, #4170cf);  /* Standard syntax */
	-moz-border-radius:0 1em 1em 0;
    border-radius:0 1em 1em 0;
    padding: 7px 10px; 
    font-family: "DejaVu Sans", Verdana, sans-serif;
    color: #fff;
    line-height:2;
    text-shadow: 0 1px 0 black;
}
img {
    pointer-events: none;
}
#table1 {
    width: 100%;
	border-collapse: collapse;
	background-color: #F1F1F3;
	margin:0 auto; 
	
	
}
#table1, tr, td {
    border-bottom: 1px solid #ddd;
    padding: 5px;
	padding-left:7px;
    text-align: left;
}
#table1, th {
	text-align: center; 
 }

#table1, tr:hover {
	background-color: rgba(192,192,192,0.2);	
}



.formblock { display: block; margin-bottom: 11px;margin-left: 11px; }	

.formblock .error { 
    display: block;
    font-style: normal; 
	font-family: Crimson Text,Arial,sans-serif;
    color: #CF0601;
	font-size: 14px; 

	}

	
	
input[type=text]  { 
    border: solid 2px #F6F1EE;
	color: #000;
    height: 28px; 
    width: 70%;
    font-size: 15px; 
	font-family: Crimson Text,Arial,sans-serif;
	text-indent: 5px;
 	background: #E9ECEF;
    padding: 4px 4px 4px 4px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
  -moz-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
  -webkit-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
 
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
} 
 
input[type=text]:focus { 
    background: #FFFFFF;
	color: #00009A;
    outline: none;   
} 
 	
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9B9EA3;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9B9EA3;
   opacity:  1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9B9EA3;
   opacity:  1;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #9B9EA3;
}


textarea {
    resize: none;
	height:50px;
    width:70%;
   max-height: 50px;
   max-width: 70%;
   min-width: 70%;
    border: solid 2px #F6F1EE;
	color: #000;
	font-size: 15px; 
	text-indent: 5px;
	font-family: Crimson Text, Arial,sans-serif;
 	background: #E9ECEF;
    padding: 4px 4px 4px 4px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
  -moz-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
  -webkit-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
 
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;

}

textarea:focus { 
    background: #FFFFFF;
	color: #00009A;
    outline: none;
}  	


.subbutton { 
  cursor: pointer;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 30px;
  width: 20em;

  padding: 7px;
  border: 1px solid #593131;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
   color: #B8C1D0;
  background: #2763d1;
		background: -webkit-gradient(linear, left top, left bottom, from(#4170cf), to(#12274E));
			background: -moz-linear-gradient(top,  #4170cf, #12274E);
				background: -webkit-linear-gradient(top, #4170cf, #12274E);
					background: -o-linear-gradient(top, #4170cf, #12274E);
						background: -ms-linear-gradient(top, #4170cf, #12274E);
							background: linear-gradient(top, #4170cf, #12274E);
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4170cf', endColorstr='#12274E');
		
					
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  line-height: 40px;
 }
 
.subbutton:hover {

   color: #fff;	
    background: -webkit-gradient(linear, left top, left bottom, from(#3466CC), to(#12274E));
			background: -moz-linear-gradient(top,  #3466CC, #12274E);
				background: -webkit-linear-gradient(top, #3466CC, #12274E);
					background: -o-linear-gradient(top, #3466CC, #12274E);
						background: -ms-linear-gradient(top, #3466CC, #12274E);
							background: linear-gradient(top, #3466CC, #12274E);
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3466CC', endColorstr='#12274E');
								
	
								
}

a.back_btn {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-decoration: none;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 10em;
  padding: 7px;
  border: 1px solid #593131;
  color:#B8C1D0;
  background:#244E9A; 
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
a.back_btn:hover {
	color: #fff;
	 text-decoration: none;
}

.book_btn {
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 10em;
  padding: 7px;
  border: 1px solid #593131;
  color: #B8C1D0;
  background:#244E9A;				
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  
} 

.book_btn:hover {
  color: #fff;	
}

  a.edit {
 	border: 1px solid #F6F1EE;
 	margin-left:30px;
 	float:right;
 	background:#E4E8EC;
	padding: 2px;
 	
 }

  a.edit:hover {
	background: #9E9E9E;
   	color: #ffffff;
	text-decoration: none; 
  }


small {
	    letter-spacing: 1px;
	    font-size: 11px;
	    font-style: normal;
	    color: #9e9e9e;
		display: block;	
}
	
.subnotes {
	    letter-spacing: 1px;
	    font-size: 11px;
	    font-style: normal;
	    color: #9e9e9e;
	    font-family: consolas;
	
}
.subnote {
	    letter-spacing: 1px;
	    font-size: 11px;
	    font-style: normal;
	    color: #f08c00;
	    font-family: consolas;
	
}	
*, *:after, *:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans";
}

/* Form Progress */
.prgrs {
  width: 900px;
  margin: 0px auto;
  text-align: center;
  padding-top: 110px;
  padding-bottom: 15px;
}
.prgrs .circle,
.prgrs .bar {
  display: inline-block;
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #d5d5da;
}


.prgrs .bar {
  position: relative;
  width: 100px;
  height: 6px;
  top: -31px;
  margin-left: -5px;
  margin-right: -5px;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.prgrs .circle .label {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 16px;
  margin-top: 1px;
  margin-bottom: 1px;
  color: #b5b5ba;
}
.prgrs .circle .title {
  font-size: 13px;
  line-height: 30px;
  margin-left: -7px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #C1C2C3;
  
}

/* Done / Active */
.prgrs .bar.done,
.prgrs .circle.done {
  background: #8bc435;
}
.prgrs .bar.active {
  background: #8bc435;
}
.prgrs .circle.done .label {
  color: #FFF;
  background: #8bc435;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.prgrs .circle.done .title {
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:#719D2B;
   
}
.prgrs .circle.active .label {
  color: #FFF;
  background: #8bc435;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.prgrs .circle.active .title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #ff8000;
    
}
		
	

.radio-toolbar input[type="radio"] {
  display:inline-block; 
  margin-left: 80px;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.32em;
 
}

.radio-toolbar label {
    display:inline-block;
    padding:5px 7px ;
    font-family:Crimson Text, Arial,sans-serif;
    font-size:14px;
	 border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	
}

.radio-toolbar input[type="radio"]:checked + label { 
    color: #227178;
	
}

.radio-toolbar input[type=radio]:checked + label:after { 
        content: '\2713';
		color: #227178;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	    margin-left: 8px;
}

/* The toggle switch - on off */


#toggle .switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 62px;
  height: 20px;
  padding: 3px;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;    
  cursor: pointer;
}

#toggle .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#toggle .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #E5E5E9;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
#toggle .switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
#toggle .switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
#toggle .switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #BDFFF3;
  text-shadow:  0 1px rgba(0, 0, 0, 0.4);
  opacity: 0;
}
#toggle .switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
#toggle .switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
#toggle .switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

#toggle .switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;    
  border: solid 2px #f2b217; 
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
#toggle .switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;    
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
#toggle .switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

#toggle .switch-green > .switch-input:checked ~ .switch-label {
  background: #9E9E9E;
}

	
a { 
    color: #065CD2; 
    text-decoration: none; 
} 

a:hover { 
    color: blue; 
    text-decoration: underline;
}


 .header {
      height: auto;
      width:100%;
      top:0;
      margin: 0 auto;
      background-color: rgba( 0, 0, 0, .2);
		background: -webkit-gradient(linear, left top, left bottom, from(#4a5b73), to(#102347));
			background: -moz-linear-gradient(top,  #4a5b73, #102347);
				background: -webkit-linear-gradient(top, #4a5b73, #102347);
					background: -o-linear-gradient(top, #4a5b73, #102347);
						background: -ms-linear-gradient(top, #4a5b73, #102347);
							background: linear-gradient(top, #4a5b73, #102347);
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a5b73', endColorstr='#102347');
	/*Opacity start*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    /*Opacity end*/
	box-shadow: 0 0 1.9em rgba(0, 0, 0, 1.9);
    -moz-box-shadow: 0  0 .9em rgba(0, 0, 0, .9);
    -webkit-box-shadow: 0 0 .9em rgba(0, 0, 0, .9);							
	position: fixed;							
    border: 0;
    z-index: 9999;
    border-radius: 0;
    padding: 15px;
	}	

  .tel {
  	font-family: 'Courier New', Tahoma, sans-serif;
  	text-shadow: 0 0 3px #000, 0 0 3px #000;
  	float: right;
  	padding-right:50px;
  	color:#c5c9cd;
  	font-size:20px !important;
    z-index: 9999;
  }
  .brand {
  	width:12% !important;
  	 max-width: 200px;
  	 padding-top: 12px;
  	 padding-left:15px;
  	 z-index: 9999;	
  }
  	
   @media screen and (max-width: 480px) {
    .brand {
        width: 23% !important; 
        max-width: 200px;
        margin-top:-10px; 
        padding-left: 0px;
    }
    .material-icons {
		font-size:8px !important;
	}
    .tel {
	   font-size:8px !important;
	}
	 
	
	.header {
	 height: 13% !important;
	}
	
  }
  
#modal_button {
padding:3px;
border:1px solid #DCDCE2; 
font-size:10px;		
} 
#modal_button:hover {
     background: #dfe8ec;
   	 border:1px solid #ffffff;
	 cursor:pointer;
} 

#modal_button2 {
padding:1px;
border:1px solid #F6F1EE; 
background:inherit;	
margin-left:20px !important;
} 
#modal_button2:hover {
     background: #cfdde2;
   	 border:1px solid #9E9E9E;
	 cursor:pointer;
} 
.hint div {display:none}
.hint:hover div {
	display:inline;
	text-decoration: none; 
	color:grey;
	font-family: consolas, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	}
 
#footer {
	background-color: rgba( 0, 0, 0, .1);
	background: -webkit-gradient(linear, left top, left bottom, from(#4a5b73), to(#102347));
			background: -moz-linear-gradient(top,  #4a5b73, #102347);
				background: -webkit-linear-gradient(top, #4a5b73, #102347);
					background: -o-linear-gradient(top, #4a5b73, #102347);
						background: -ms-linear-gradient(top, #4a5b73, #102347);
							background: linear-gradient(top, #4a5b73, #102347);
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a5b73', endColorstr='#102347');
	text-align: center;   /* IE */
	width:100%;
	height: auto;
	 -webkit-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px -4px 3px rgba(0, 0, 0, 0.2);
    box-shadow:         0px -4px 3px rgba(0, 0, 0, 0.2);	
	} 
	


#btmNav .inactive  {
    list-style-type: none;
    display: inline;
    font-family: Montserrat, crimson text, sans-serif;
    font-size: small;
    line-height: 33px;
    white-space: nowrap;
   text-decoration: none; 
}
#btmNav .inactive a {
    color: #b9b9b9;
    text-decoration: none;
    text-shadow: 0 0 1px #020259, 0 0 1px #ac7cfc;
    border-bottom:0px;
}

#btmNav .inactive a:hover {
    color: #FFF;  
    text-decoration: none; 
}

#copyright {
font-family: consolas, sans-serif;	
color: #838b94;
font-size: 13px;
padding-top: 40px;
}