html, body {
		height: 100%;
		margin: 0;
		padding: 0;
		//background-color: rgb(0, 255, 0);
		//background-color: rgb(237, 231, 166);
		//background-color: rgb(240, 235, 206);
		//background-color: rgb(245, 245, 240);
		//background-color: rgb(250, 250, 245);
		background-color: rgb(255, 255, 255);
		//background-color: #69F;
		//border: 2px solid #000000;
	}
	
	* {
	    box-sizing: border-box;
	}
	
	#cyclistField {
		border-color: #ff0000;
		background: rgb(105 255 252);
		//padding-left: 5px;
		margin: auto;
	}

	#cyclistLegend {
		color: #000000;
		background: rgb(105 255 252);
	}
	
	#powerWattsEnter, #cyclistBikeWeightEnter {
		width: 58px;
	}
	
	#powerWattsGradeEnter, #powerWattsWindEnter {
		width: 50px;
	}
	
	#base_speedCycle, #gradeSpeedCycle, #gradeCycle, #ifSpeedCycle {
		width: 45px;
	}

	
	#legend {
		font-family: Arial, sans-serif;
		font-size: 16px;
		//background: #fff;
		background-color: rgba(255, 255, 255, 0.60);
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 1px;
		padding-bottom: 1px;
		margin: 0px;
		border: 0px solid #000;
	}
	
	#legend h3 {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#legendEdit {
		width: 130px;
		font-family: Arial, sans-serif;
		font-size: 16px;
		//background: #fff;
		background-color: rgb(255, 255, 255);
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 0px;
		border: 2px solid #000;
	}
			
	
	
	#teamWolcott {
		//font-family: Verdana, Geneva, sans-serif;
		//font-size: 16px;
		//font-weight: bolder;
		//color: #000;
		//font-style: normal;
		text-align: center;
		border: 5px solid black;
		margin-top: 3px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 0px;
		padding-bottom: 0px;
		background: rgb(105 255 252);
	}
	
	.flex-containertwobuttons {
		display: flex;
		//justify-content: space-around;
		justify-content: center;
		width: 275px;
		//background-color: lightgrey;
	}

	.flex-itembutton {
		//background-color: cornflowerblue;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#mapWeatherWrapper {
		height: 75vmin;
		//height: 100%;
		width: auto;
		//width: 80%;
		border: 2px solid black;
		//margin-left: 295px;
		//margin: 10px;
		resize: vertical;
		overflow: auto;
		padding: 5px;
		position:relative;
		//position: absolute;
	}
	
	#allWrapper {
		//display:inline-block;
		//margin-left: auto;
		//margin-right: auto;
		//overflow: auto;
		
		float: left;
		//height: 60vh;
		//height: 100%;
		//width: 100vw;
		width: 100%;
		border: 0px solid black;
		//margin: 10px;
		//resize: vertical;
		//padding: 5px;
		//position:relative;
		//position: absolute;
	}
		
	#leftButtons {
		//display:inline-block;
		float: left;
		//height: 100%;
		width: 295px;
		//width:25%;
		border: 2px solid black;
		//margin: 0px;
		padding: 8px;
		//position: relative;
		//overflow : auto;
		//overflow-y: scroll;
	}
	
	#allRightSideWrapper {
		//display:inline-block;
		//float: left;
		//height: 60vh;
		//height: 100%;
		//width: auto;
		//width: 80vw;
		width: calc(100% - 295px);
		min-width: 600px;
		//border: 0px solid black;
		margin-left: 295px;
		//margin-left: 25%;
		//margin: 10px;
		//resize: vertical;
		//overflow: auto;
		//position:relative;
		//position: absolute;
	}
	

	 
	.mapNarrow {
		//height: 60vh;
		height: 100%;
		//width: 80%;
		width: calc(100% - 260px);
		border: 2px solid black;
		//margin-left: 295px;
		//margin: 10px;
	}
	
	.mapWide {
		//height: 60vh;
		height: 100%;
		width: 100%;
		border: 2px solid black;
		//margin-left: 295px;
		//margin: 10px;
	}

	.weatherNarrow {
		float: right;
		//left: 83%;
		margin-right: 0px;
		height: 0%;
		width: 0%;
		//display: none;
		//border: 2px solid black;
		//margin: 0px;
		padding: 0px;
		//position: fixed;
		//top: 8px;
		//left: 84%;
		//resize: vertical;
		overflow : auto;
	}
	.weatherWide {
		float: right;
		//left: 83%;
		margin-right: 0px;
		height: 100%;
		//width: 20%;
		width: 260px;
		border: 2px solid black;
		//margin: 0px;
		padding: 0px;
		//position: fixed;
		//top: 8px;
		//left: 84%;
		//resize: vertical;
		overflow : auto;
	}
		
	
	
	#routeinfo {
		border: 2px solid black;
		border-right: 4px solid black;
		width: 100%;
		//margin: 0px;
		//margin-left: 19%;
		//margin-right: 10%;
		padding-top: 5px;
		//margin-left: 295px;
	}
	
	
	/*
	table.routeInfoTable {
		border-collapse: collapse;
	}
	
	table.routeInfoTable, th.routeInfoTable, td.routeInfoTable {
	    border: 1px solid black;
	}
	*/
	#windWeatherField {
		margin-top: 10px;
	}
	
	
	.routeInfoTitleWrapper {
		display: flex;
	}
	
	.routeInfoTitleLeft {
		flex: 2;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		color: #000;
		font-style: normal;
		
		padding-left: 5px;
		padding-right: 5px;
	}
	.routeInfoTitleNarrow {
		flex: .7;
	  
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		color: #000;
		font-style: normal;
	
		padding-left: 5px;
		padding-right: 5px;
	}
	.routeInfoTitle {
		flex: 1;
	  
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		color: #000;
		font-style: normal;
	
		padding-left: 5px;
		padding-right: 5px;
	}
	
	
	
	.routeInfoWrapper {
		display: flex;
	}
	
	.route_name {
		flex: 2;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		//font-weight: bolder;
		color: #000;
		font-style: normal;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
	}
	.route_length, .ave_speed, .watts, .Calories {
		flex: .7;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		//font-weight: bolder;
		color: #000;
		font-style: normal;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
	}
	.route_climbDescend, .route_net, .total_time {
		flex: 1;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		//font-weight: bolder;
		color: #000;
		font-style: normal;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
	}
	
	
	
	.zoomrouteInfoWrapper {
		display: flex;
	}
	
	.zoomroute_zoom {
		flex: 2;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		color: #000;
		font-style: normal;
		
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 5px;
	}
	.zoomroute_length, .zoomroute_climbDescend, .zoomroute_net, .zoomave_speed, .zoomtotal_time {
		flex: 1;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		//font-weight: bolder;
		color: #000;
		font-style: normal;
		
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 5px;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	#elevation_chart {
		//float: left;
		width: 100%;
		border: 1px solid black;
		border-right: 2px solid black;
		//margin: 5px;
		//margin-left: 14%;
		//margin-right: 10%;
		padding: 0px;
		//margin-left: 295px;
	}
	
	#gradeSpeed_chart {
		//float: left;
		width: 100%;
		border: 1px solid black;
		border-right: 2px solid black;
		//margin: 5px;
		//margin-left: 14%;
		//margin-right: 10%;
		padding: 0px;
		//margin-left: 295px;
	}
	
	#speedfunction_chart {
		//float: left;
		width: 100%;
		border: 1px solid black;
		border-right: 2px solid black;
		//margin: 5px;
		//margin-left: 14%;
		//margin-right: 10%;
		padding: 0px;
		//margin-left: 295px;
	}
	/*
	#data_table_wrapper {
		//height: 60vh;
		width: 100%;
		border: 0px solid black;
		padding: 0px;
		//margin-left: 295px;
		//margin: 10px;
	}
	*/
	#data_table {
		//height: 60vh;
		width: 100%;
		border: 1px solid black;
		padding: 0px;
		//margin-left: 295px;
		//margin: 10px;
	}
	*/
	
	/*
	#data_latexSpeed {
		//height: 60vh;
		//width: 80%;
		border: 3px solid black;
		padding: 0px;
		//margin-left: 295px;
		//margin: 10px;
	}
	
	#data_latexTime {
		//height: 60vh;
		//width: 80%;
		border: 3px solid black;
		padding: 0px;
		//margin-left: 295px;
		//margin: 10px;
	}
	
	*/
	
	
	
	#bar {
		width: 240px;
		background-color: rgba(255, 255, 255, 0.9);
		margin: 8px;
		padding: 4px;
		border-radius: 4px;
	}

	#autoc {
		width: 100%;
		box-sizing: border-box;
	}
	
	#shift_inputs {
		//height: 60vh;
		width: 100%;
		//border: 3px solid black;
		padding: 20px;
		//margin-left: 310px;
		//margin: 10px;
	}
	
	#shift_outputs {
		//height: 60vh;
		width: 100%;
		//border: 3px solid black;
		//padding: 0px;
		margin-left: 20px;
		//margin: 10px;
	}
	
	
	.shiftColumns {
	    -webkit-column-count: 3; /* Chrome, Safari, Opera */
	    -moz-column-count: 3; /* Firefox */
	    column-count: 3;
		
		margin-left: 20px;
	}
	
	
	
	
	
	button.shiftInput {
		//height: 60vh;
		//width: 80%;
		//border: 3px solid black;
		//padding: 0px;
		//margin-left: 310px;
		margin: 10px;
		background-color: #C4C3D0;
	}
	
	/*
	button
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		font-size: .8em;
		color: black;
		border-radius: 0px;
		width: 150px;
		height: 25px;
		//background-color: #E8E4E3;	
	}
	*/
	
	button.prefs
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		font-size: .8em;
		color: black;
		border-radius: 0px;
		width: 98px;
		height: 25px;
		//background-color: #E8E4E3;	
	}
	
	button.saveprefs
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		font-size: .8em;
		color: black;
		border-radius: 0px;
		width: 145px;
		height: 25px;
		//background-color: #E8E4E3;	
	}
	
	button.plotButton
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 3;
		-moz-border-radius: 3;
	
		font-size: .8em;
		color: black;
		border-radius: 3px;
		width: 98px;
		height: 25px;
		//background-color: #E8E4E3;	
	}
	
	
	button.cancelLoadButton
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		font-size: .8em;
		color: black;
		border-radius: 0px;
		width: 60px;
		height: 25px;
		float: right;
		//text-align: center;
		//align: center;
		//margin-left: 102px;
		//background-color: #E8E4E3;	
	}
	
	button.loadCSVButton
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		font-size: .8em;
		color: black;
		border-radius: 0px;
		width: 160px;
		height: 25px;
		float: right;
		//text-align: center;
		//align: center;
		//margin-left: 102px;
		//background-color: #E8E4E3;	
	}
	
	button.loginButton
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		font-size: .8em;
		color: black;
		border-radius: 0px;
		width: 70px;
		height: 25px;
		//text-align: center;
		//align: center;
		//margin-left: 102px;
		//background-color: #E8E4E3;	
	}
	
	button.flexButtons
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		font-size: .8em;
		color: black;
		border-radius: 0px;
		width: 80px;
		height: 25px;
		//background-color: #E8E4E3;	
	}
	
	
	

	.Heading_text {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		color: #000;
		font-style: normal;
	}
	
	.Heading_text2 {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		//font-weight: bolder;
		color: #000;
		font-style: normal;
	}
	
	button.nextZoomButton
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		//margin-left: 60px;
		//text-align: center;
		//font-size: .8em;
		//color: black;
		//border-radius: 0px;
		//width: 60px;
		//height: 25px;
		//background-color: #E8E4E3;	
	}
	
	#updateChanges
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		display:block;
		margin:0 auto;
		position:relative;
		//margin-left: 60px;
		text-align: center;
		font-size: .8em;
		//color: black;
		//border-radius: 0px;
		//width: 60px;
		//height: 25px;
		background-color: #00FF00;	
	}
	
	#updateChangesUnits
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		display:block;
		margin:0 auto;
		position:relative;
		//margin-left: 60px;
		text-align: center;
		font-size: .8em;
		//color: black;
		//border-radius: 0px;
		//width: 60px;
		//height: 25px;
		background-color: #00FF00;	
	}
	
	button.updateGraphs
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		display:block;
		margin:0 auto;
		position:relative;
		//margin-left: 60px;
		text-align: center;
		font-size: .8em;
		//color: black;
		//border-radius: 0px;
		//width: 60px;
		//height: 25px;
		//background-color: #E8E4E3;	
	}
	
	button.updateGraphs2
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		display:block;
		margin:0 auto;
		position:relative;
		//margin-left: 60px;
		text-align: center;
		font-size: .8em;
		//color: black;
		//border-radius: 0px;
		//width: 60px;
		//height: 25px;
		background-color: red;	
	}
	
	button.csv
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		//display:block;
		margin:30 auto;
		position:relative;
		//margin-left: 60px;
		text-align: center;
		font-size: .8em;
		//color: black;
		//border-radius: 0px;
		//width: 60px;
		//height: 25px;
		//background-color: #E8E4E3;	
	}
	
	button.ncomsettings
	{
	    background-color: Transparent;
	    background-repeat:no-repeat;
	    border: none;
	    cursor:pointer;
	    overflow: hidden;
	    outline:none;
		
		width: 15px;
		height: 15px;
		font-size: 1em;
		font-weight: bold;
	}
	
	button.goZoom
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	
		//margin-left: 60px;
		//text-align: center;
		font-size: .8em;
		//color: black;
		//border-radius: 0px;
		//width: 60px;
		//height: 25px;
		//background-color: #E8E4E3;	
	}
	
	
	
	/*
	.ui-widget.generalalert-dialog {
	    font-family: Verdana,Arial,sans-serif;
	    font-size: .8em;
	}

	.ui-widget-content.generalalert-dialog {
	    background: #F9F9F9;
	    border: 1px solid #90d93f;
	    color: #222222;
	}

	.ui-dialog.generalalert-dialog {
	    left: 0;
	    outline: 0 none;
	    padding: 0 !important;
	    position: absolute;
	    top: 0;
	}

	.ui-dialog.generalalert-dialog .ui-dialog-content {
	    background: none repeat scroll 0 0 transparent;
	    border: 0 none;
	    overflow: auto;
	    position: relative;
	    padding: 0 !important;
	    margin: 0;
	}

	.ui-dialog.generalalert-dialog .ui-widget-header {
	    background: #b0de78;
	    border: 0;
	    color: #fff;
	    font-weight: normal;
	}

	.ui-dialog.generalalert-dialog .ui-dialog-titlebar {
	    padding: 0.1em .5em;
	    position: relative;
	    font-size: 1em;
	}
	*/
	/*
	.gmnoprint img {
	    max-width: none; 
	}
	*/
	
	.ui-dialog { 
		z-index: 1000 !important ;
	}
	
	#progressbardivWrapper {
		background-color: #00FF00;
		//height: 50%;
		height: 120px;
		width: 30%;
		position: fixed;
		top: 40%;
		left: 40%;
		z-index: 999;
		//overflow: auto;
		border: 4px solid black;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#progressbardiv {
		background-color: #FFF;
		//height: 50%;
		height: 20px;
		width: 100%;
		//position: fixed;
		//top: 40%;
		//left: 40%;
		z-index: 1000;
		//overflow: auto;
		border: 4px solid black;
		margin-top: 30px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;

	}
	
	#helpSpeedGraphForm {
		background-color: #FFF;
		//height: 50%;
		//height: 840px;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		overflow: auto;
		border: 4px solid black;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#speedButtons {
			display: flex;
			justify-content: space-around;
			//justify-content: center;
			//justify-content: flex-end;
			//flex-direction: column;
			width: 350px;
			padding-left: 100px;
			//margin-left: 100px;
			//height: 60;
		}
	
	#loadTable {
		background-color: #FFF;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		overflow: auto;
		border: 4px solid black;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#loadCSV {
		background-color: #FFF;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		overflow: auto;
		border: 4px solid black;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.labels {
	  color: white;
	  background-color: red;
	  font-family: "Lucida Grande", "Arial", sans-serif;
	  font-size: 10px;
	  text-align: center;
	  width: 35px;
	  white-space: nowrap;
	}
	
	.labelsMilesPopup {
	  color: black;
	  background-color: yellow;
	  font-family: "Lucida Grande", "Arial", sans-serif;
	  font-size: 10px;
	  text-align: center;
	  width: 35px;
	  //white-space: nowrap;
	}
	
	.labelsMiles {
	  color: white;
	  background-color: blue;
	  font-family: "Lucida Grande", "Arial", sans-serif;
	  font-size: 10px;
	  text-align: center;
	  width: 35px;
	  white-space: nowrap;
	}
	
	.labelsStart {
	  color: white;
	  background-color: green;
	  font-family: "Lucida Grande", "Arial", sans-serif;
	  font-size: 10px;
	  text-align: center;
	  width: 35px;
	  white-space: nowrap;
	}
	
	.labelsFinish {
	  color: white;
	  background-color: #A40000;
	  font-family: "Lucida Grande", "Arial", sans-serif;
	  font-size: 10px;
	  text-align: center;
	  width: 35px;
	  white-space: nowrap;
	}
	
	#saveForm {
		background-color: #FFF;
		//height: 350px;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#speedWattsForm {
		background-color: #FFF;
		//height: 350px;
		height: 100%;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#pastWind {
		background-color: #FFF;
		//background-color: #00BFFF;
		//height: 350px;
		height: 100%;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#futureWind {
		background-color: #FFF;
		//height: 350px;
		height: 100%;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#noteInput {
		background-color: #FFF;
		//height: 350px;
		width: 300px;
		position: fixed;
		top: 40%;
		left: 40%;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#segmentInput {
		background-color: #FFF;
		//height: 350px;
		width: 300px;
		position: fixed;
		top: 40%;
		left: 40%;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#segmentEditDelete {
		background-color: #FFF;
		//height: 350px;
		width: 300px;
		position: fixed;
		top: 40%;
		left: 40%;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#cyclingMapKey {
		background-color: #FFF;
		//height: 350px;
		width: 300px;
		position: fixed;
		top: 29%;
		left: 0%;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	//div.marker-info-win {margin-right: -20px;}
	div.marker-info-win p{padding: 0px;margin: 10px 0px 10px 0;}
	div.marker-inner-win{padding: 5px;}
	button.save-marker, button.remove-marker{
		border: none;
		background: rgba(0, 0, 0, 0);
		color: #00F;
		padding: 0px;
		text-decoration: underline;
		margin-right: 10px;
		cursor: pointer;
	}
	
	table.data_table td {
		width: 115px;
	}
	
	table.currentWeatherTable {
		//background: #D0FFC8;
		border: 1px solid black;
		//border-collapse:collapse;
		align: center;
		margin: 0px auto;
	}
	
	table.currentWeatherTable td { 
		border: 1px solid #000000; 
	}
	
	table.forecastWeatherTable {
		//background: #D0FFC8;
		//border: 1px solid black;
		//border-collapse:collapse;
		align: center;
		margin: 0px auto;
		border-collapse: collapse;
	}
	
	table.forecastWeatherTable td {
		//border-bottom: 1px solid #000000; 
	}
	
	.topLine {
		border-top: 3px solid #000000; 
	}
	
	.showDataTable {
		//background: #D0FFC8;
		border: 1px solid black;
		border-collapse:collapse;
		align: center;
		margin: 0px auto;
	}

	/* provide some minimal visual accomodation for IE8 and below */
	.showDataTable tr{
		background: #D0FFC8;
		//background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.showDataTable tr:nth-child(odd){ 
		background: #FFFFFF;
		//background: #b8d1f3;
	}
	/*  Define the background color for all the EVEN background rows. Zero is the header. */
	.showDataTable tr:nth-child(even){
		background: #E0E0E0;
		//background: #AAF0D1;
		//background: #dae5f4;
	}
	
	 
	.highlight {
	    background: #32CD32;
	}
	
	table thead th { 
		border-bottom: 1px solid #000000; 
	}

	.loadTable {
		width:100%; 
		border-collapse:collapse; 
	}
	.loadTable td{ 
		padding:7px; border:#000000 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.loadTable tr{
		background: #D0FFC8;
		//background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.loadTable tr:nth-child(odd){ 
		background: #A8E4A0;
		//background: #b8d1f3;
	}
	/*  Define the background color for all the EVEN background rows. Zero is the header. */
	.loadTable tr:nth-child(even){
		background: #D0FFC8;
		//background: #AAF0D1;
		//background: #dae5f4;
	}

	#mileStopTimes {
		resize: vertical;
	}
	

	.ui-dialog.generalalert-dialog .ui-widget-header {
		background: #00ff00;
		border: 0;
		color: #000000;
		font-weight: normal;
	}

	#loginForm {
		background-color: #FFF;
		//height: 350px;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#newUserForm {
		background-color: #FFF;
		//height: 350px;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	 
	#changePasswordForm {
		background-color: #FFF;
		//height: 350px;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	 
	#forgotForm {
		background-color: #FFF;
		//height: 350px;
		width: 420px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		overflow: auto;
		border: 4px solid black;
		margin-right: auto;
		margin-left: auto;
		//margin-top: 3px;
		//margin-bottom: 0px;
		//margin-left: 0px;
		//margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	/*
	#loginForm {
		background-color: #FFF;
		//height: 285px;
		width: 263px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 0px;
	}
	 
	#newUserForm {
		background-color: #FFF;
		//height: 600px;
		width: 263px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 0px;
	}
	 
	#changePasswordForm {
		background-color: #FFF;
		//height: 600px;
		width: 263px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 0px;
	}
	 
	#forgotForm {
		background-color: #FFF;
		//height: 600px;
		width: 263px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 0px;
	}
	*/
 	
	 
 	.saveLabel {
 	font-family: Georgia, "Times New Roman", Times, serif;
 	//font-size: 18px;
 	color: #333;
 	//height: 20px;
 	width: 120px;
 	margin-top: 10px;
 	margin-left: 10px;
 	text-align: right;
 	clear: both;
 	float:left;
 	margin-right:15px;
 	}
	
 	.speedHelpLabel {
 	font-family: Georgia, "Times New Roman", Times, serif;
 	//font-size: 18px;
 	color: #333;
 	//height: 20px;
 	width: 350px;
 	margin-top: 10px;
 	margin-left: 10px;
 	text-align: right;
 	clear: both;
 	float:left;
 	margin-right:15px;
 	}

 	.speedHelpInput {
 	//height: 20px;
 	width: 50px;	
 	border: 1px solid #000;
 	margin-top: 10px;
 	float: left;
 	}
	
 	.saveInput {
 	//height: 20px;
 	width: 200px;	
 	border: 1px solid #000;
 	margin-top: 10px;
 	float: left;
 	}
	
 	.windInput {
 	//height: 800px;
	//height: 100%;
 	width: 40px;
	//overflow: auto;
 	border: 1px solid #000;
 	//margin-top: 10px;
 	float: left;
 	}

	.loginLabel {
	font-family: Georgia, "Times New Roman", Times, serif;
	//font-size: 18px;
	color: #333;
	//height: 20px;
	width: 65px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: right;
	clear: both;
	float:left;
	margin-right:15px;
	}

	.loginInput {
	//height: 20px;
	width: 140px;
	border: 1px solid #000;
	margin-top: 10px;
	float: left;
	}
	
	#passwordStrength
	{
		height:10px;
		//display:block;
		//float:left;
	}
	
	#passwordChangeStrength
	{
		height:10px;
		//display:block;
		//float:left;
	}

	.strength0
	{
		width:225px;
		background:#cccccc;
	}

	.strength1
	{
		width:50px;
		background:#ff0000;
	}

	.strength2
	{
		width:100px;	
		background:#ff5f5f;
	}

	.strength3
	{
		width:140px;
		background:#56e500;
	}

	.strength4
	{
		background:#4dcd00;
		width:180px;
	}

	.strength5
	{
		background:#399800;
		width:225px;
	}
	
	/*	start styles for the ContextMenu	*/
	.context_menu{
		background-color:white;
		border:1px solid gray;
	}
	.context_menu_item{
		padding:3px 6px;
	}
	.context_menu_item:hover{
		background-color:#CCCCCC;
	}
	.context_menu_separator{
		background-color:gray;
		height:1px;
		margin:0;
		padding:0;
	}
	#clearDirectionsItem, #getDirectionsItem{
		display:none;
	}
	/*	end styles for the ContextMenu	*/
	
	
	.arrow{
	      stroke:rgb(0,0,0);
	      stroke-width:2; 
	      marker-end:url(#markerArrow)
	    }
		
	.myline{
		  stroke:rgb(0,0,0);
		  stroke-width:3; 
	}
	
	h3 {
	    color: red;
	    font-weight: bold;
		font-size: larger;
		padding: 0px;
		margin-top: -5px;
		margin-bottom: -15px;
		text-align:center;
	}
	
	
	
/* Cookie Preferences Form */
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 36px;
	  height: 20px;
	}

	.switch input { 
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 14px;
	  width: 14px;
	  left: 3px;
	  bottom: 3px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	input:checked + .slider {
	  background-color: #2196F3;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(14px);
	  -ms-transform: translateX(14px);
	  transform: translateX(14px);
	}

	/* Rounded sliders */
	.slider.round {
	  border-radius: 20px;
	}

	.slider.round:before {
	  border-radius: 50%;
	}
	
	.togglerText {
		display:inline-block;
		padding-right: 10px;
		padding-left:50px;
		padding-bottom:0px;
	}
	
	.adfree {
		padding:10px;
	}
	
	.buttonTextAlignCenter {
		text-align: center;
	}
	
	.buttonSpace {
		margin: 10px;
	}

	/* End of Cookie Preferences Form */