td#menu1 { font-size:1.3em; border-radius:3px 3px 0px 0px; width:50%; background: linear-gradient( 0deg, rgba( 200,200,200,1) 0%, rgba( 255, 255, 255, 1) 100%);  border:0px solid rgba(175,209,184,.3);border-bottom:0px; vertical-align:middle;}
td#menu2 { font-size:1.3em; border-radius:3px 3px 0px 0px; width:33%; background: linear-gradient( 0deg, rgba( 200,200,200,1) 0%, rgba( 255, 255, 255, 1) 100%);  border:0px solid rgba(175,209,184,.3);border-bottom:0px; vertical-align:middle;}
td#menu3 { font-size:1.3em; border-radius:3px 3px 0px 0px; width:33%; background: linear-gradient( 0deg, rgba( 200,200,200,1) 0%, rgba( 255, 255, 255, 1) 100%);  border:0px solid rgba(175,209,184,.3);border-bottom:0px; vertical-align:middle;}
td#menu4 { font-size:1.3em; border-radius:3px 3px 0px 0px; width:33%; background: linear-gradient( 0deg, rgba( 200,200,200,1) 0%, rgba( 255, 255, 255, 1) 100%);  border:0px solid rgba(175,209,184,.3);border-bottom:0px; vertical-align:middle;}


#setTel, #checkCredentials, input[type=text], input[type=password], textarea, #setTel, #submitCode {
	box-shadow: 0px 2px 3px 0px rgba( 0,0,0,1) outset;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 0px 1px 0px 0px;
  font-size:1.7em;
  padding: 13px 10px 13px 13px;
border:1px solid black;
border-radius:4px;
}
 

#pickfiles, #uploadfiles {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 13px 3px;
  margin: 0px 1px 0px 0px;
  border: 1px solid #DDDDDD;
  background: linear-gradient( 0deg, rgba(255,187,45,.5) 0%, rgba( 255,255,255,1) 70%); 
  cursor: pointer; 
}

#pickfiles, #uploadfiles  {
  box-shadow: 0 0 5px rgba(0,128,0, 0.5);
  padding: 3px 0px 13px 3px;
  margin: 0px 1px 0px 0px;
  border: 1px solid rgba(0,128,0, 0.5);
  background: linear-gradient( 0deg, rgba(255,187,45,.5) 0%, rgba( 255,255,255,1) 70%); 
  cursor: pointer; 
}



#nearbystops { 
	border-radius:0px;width:100%; color:rgba( 255, 235, 0, 1); padding-bottom:6px; padding-left:30px; padding-top:10px; margin-top:-45px;font-size:1.1em;  margin-bottom:0px;box-shadow:0px 5px 5px 0px rgba( 0,0,0,.4); ;font-variant:small-caps;
	}

#nearbystopsFooter { 
		line-height:1em;font-size:1.2em;letter-spacing:2px;text-transform:uppercase; color:white; text-shadow:1px 1px 1px rgba( 100, 0, 0, 1);
	}

 #rightMenu { 
	float:right;
	border-radius:0px;
	width:100%; 
	color:white; 
	padding-bottom:10px; 
	padding-left:30px; 
	padding-top:0px; 
	margin-top:0px; 
	font-size:1.4em;  margin-bottom:0px;box-shadow:0px 5px 5px 0px rgba( 0,0,0,.4); 
	}



div#footer {
	position:fixed; bottom:0px; width:100%; 
}

#footer_table {
	position:fixed; bottom:0px; width:100%; text-align:center; background-color:transparent; z-index:1000; border-top:0px; border-radius:0px;box-shadow:0px 0px 5px 4px rgba( 0,0,0,0.3);
	padding-bottom:3px;padding-top:3px;
}


div.picBar { 
	 border:0px solid #555;
	text-align:center;
	width:16.6%;
	color:green;
	padding:0px;
	font-size:1.4em;
	padding-bottom:5px;
	vertical-align:bottom;
	border-radius:5px;

}

.picBar:hover { 
	# border:0px solid gray;
	background-color:#444;
	border-radius:5px;
	text-align:center;
	width:16.6%;
	padding-bottom:5px;
	color:white;
}

img#ribbonImg {
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:20;
}




button.legalStatement {
	margin-left:0px;
	z-index:9999999;
	opacity:100%;
	line-height:1.6em;
	position: fixed;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	height:300px;
	width:485px;
	font-size:1.7em;
	color:#000;
	border-radius:5px;
	background: linear-gradient( 0deg, rgba(175,209,184,1) 0%, rgba( 255, 255, 255,1) 100%); 
	border:0px solid rgba(89,104,92,0.5); 
	box-shadow:0px 5px 3px 3px rgba( 0,0,0,0.3); 
	font-family: times;
	}


	.contact_info_L {
		color:white;

	}


	div { 
#		border: 1px dotted gray;
		}

		
H1 {
	text-align:center;
	margin-bottom:10px;
	font-weight:normal;
	font-family:arial;
	color:white;
}



		
H2 {
	text-align:left;
	margin-bottom:10px;
	font-weight:normal;
	font-family:arial;
	margin-top:5px;
}

#cookees {
	width:250px;
	position:fixed;
	right:0px;
	z-index:1;
	bottom:30px;
	color:black;
	line-height:1.6em;
	background-color:gold;
	padding:20px;
	padding-left:30px;
	border:2px solid #C80000;
	border-radius:5px 0 0 0;
}

span.uploaded_time {
	margin-top:20px;
	font-size:1.7em;
	text-transform:uppercase;
	color:#AAA;
	
} 

button {
border-radius:5px;
margin-top:0px;
padding:0px;
background-color:lightgray;
font-size:20px;
}

textarea { 
	box-shadow:1px 3px 3px 2px rgba( 0,0,0,1) inset; 
	border:0px solid black;
}
input { 

	border:3px solid black;

}

input[type=text]:focus, input[type=password]:focus, textarea:focus, password:focus {
  box-shadow: 0 0 5px rgba(0,128,0, 0.5);
  border: 5px solid #75b85b;
  background-color:white;
}


#setTel, #checkCredentials {
	margin-top:10px;

	}

#title {
font-size:1.7em;
color:#DDDDDD;
position:absolute;
margin-bottom:20px;
margin-left:20px;
margin-top:-15px;
text-transform:uppercase;
z-index:999;
padding:0px;
background-color:transparent;
}

span.checkmark2 {
margin-top:40px;
padding-top:60px;
font-size:4em;
}


div, td {
	border:0px solid #333;
	}

	



@media screen and (max-width: 3400px) {
  .col {
    width: 8.3%;
  }
}


@media screen and (max-width: 3000px) {
  .col {
    width: 10.3%;
  }
}

@media screen and (max-width: 2276px) {
  .col {
    width: 12.5%;
  }
}

@media screen and (max-width: 2000px) {
  .col {
    width: 18%;
  }
}



@media screen and (max-width: 1958px) {
  .col {
    width: 20%;
  }
}




@media screen and (max-width: 1780px) {
  .col {
    width: 25%;
  }
}

@media screen and (max-width: 1326px) {
  .col {
    width: 33.3%;
  }
}

@media screen and (max-width: 1100px) {
  .col {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .col {
    width: 100%;
  }
}


body 
	* {
			color:black;
	   		box-sizing: border-box;
#			border:2px solid white;


	}
	.col {
	   	   color: white;
	   	   float: left;
			font-size:30px;
			height:260px;
			padding-bottom:0px;
#			border:2px solid white;
			


	}
	.colContainer:after {
		   content: "";
	   	   display: table;
	   	   clear: both;

	}



input {
	box-shadow: 0px 2px 3px 0px rgba( 0,0,0,1) inset;
}



/*
div {
	border:5px solid #225533;
	padding:30px;
	border-radius:3px;
	margin:10px;
	}

td {
	border:2px solid #884466;
	padding:20px;
	border-radius:3px;
	margin:10px;
	}

tr {
	border:0px solid #668844;
	padding:20px;
	border-radius:3px;
	margin:10px;
	}
table {
	padding:20px;
	border:2px solid #886644;
	border-radius:3px;
	margin:10px;
	}

img, card, cards {
	border:2px solid #6699AA;
	padding:10px;
	border-radius:3px;
	margin:10px;
	}
	*/

.checkbox {

	box-shadow:1px 3px 3px 2px rgba( 0,0,0,1) inset; 
}