* {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}

.cornerLogo { position: absolute; bottom: 15px; right: 10px; width: 340px; height: 62px; background: transparent url(/images/traintrack.png) no-repeat; z-index: 20000; background-size: contain; }
.cornerLogo a { width: 340px; height: 62px; display: block; }

.ui-widget {
	font-size: 0.8em !important;
	//padding: 10px !important;
}

.ui-menu-item {
	margin: 5px 0px !important;
}

.ui-state-focus {
		border: none !important;
}

.ui-menu-item:not(:last-child):after {
  position: absolute;
  content: '';
  width: 95%;
  transform: translateX(-50%);
  bottom: -3px;
  left: 50%;
  border-bottom: 1px dashed #CCC;
}

.missingstops {
	color: #CC0000;
	font-weight: bold;
}

.running{
	
}

.notrunning{
	opacity: 0.4;
}

/* .trainmap div.trainInfo { width: 360px; height: 420px; overflow: visible; } */

.trainmap div.trainInfo { width: 425px; height: 475px; overflow: visible; }


.trainmap div.trainInfo h1 { font-size: 16px; }
.trainmap div.trainInfo>div>p { font-size: 12px; }
.trainmap div.trainInfo table {
  border-collapse: collapse;
  padding: 3px;
}

.stop-recorded:not(:has(~ .stop-recorded)) {

	font-weight: bold;
}

.trainmap div.trainInfo table {
	width: 100%
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.trainmap div.trainInfo table tr{
	height: 38px;
}

.trainmap div.trainInfo table tr::before,
.trainmap div.trainInfo table tr::after
 {
  content: "";
  padding: 2px;
}

.trainmap div.trainInfo table td.planned,
.trainmap div.trainInfo table td.actual,
.trainmap div.trainInfo table td.lateness,
{
  text-align: center;
}

.trainmap div.trainInfo table td.lateness
{
  text-align: right;
}


.trainmap div.trainInfo table tbody tr:nth-child(odd) {
  background-color: #eee;
}

.alwaysshow1, .alwaysshow2 {
//	border: 2px solid #cc0000;
}


//.train.atocxx, .train.atoczz { border: 3px solid #0000cc; }


.train {
	border: 3px solid #cccc00;
	background-color: rgb(204,204,0,0.2);
	filter: hue-rotate(280deg);
}


.train.type_RailGrinder {
//	border: 3px solid #cc00cc;
//	background-color: rgb(204,0,204,0.2);
	filter: hue-rotate(130deg);
}

.train.type_Stoneblower {
//	border: 3px solid #00cc00; 
//	background-color: rgb(0,204,0,0.2);
	filter: hue-rotate(0deg);
}
.train.type_MobileMaintenanceTrain {
//	border: 3px solid #0000cc;
//	background-color: rgb(0,0,204,0.2);
	filter: hue-rotate(210deg);
}


.trainmap .train { cursor: pointer; z-index: 3000; }
.trainmap.train-xs .train { position: absolute; width: 30px; height: 30px; }
.trainmap.train-sm .train { position: absolute; width: 60px; height: 60px; }
.trainmap.train-md .train { position: absolute; width: 90px; height: 90px; }
.trainmap.train-lg .train { position: absolute; width: 120px; height: 120px; }
.trainmap.train-xl .train { position: absolute; width: 150px; height: 150px; }
.trainmap.train-xs .train.rot0 { background-position: 0px 0px; }
.trainmap.train-xs .train.rot10 { background-position: -30px 0px; }
.trainmap.train-xs .train.rot20 { background-position: -60px 0px; }
.trainmap.train-xs .train.rot30 { background-position: -90px 0px; }
.trainmap.train-xs .train.rot40 { background-position: -120px 0px; }
.trainmap.train-xs .train.rot50 { background-position: -150px 0px; }
.trainmap.train-xs .train.rot60 { background-position: 0px -30px; }
.trainmap.train-xs .train.rot70 { background-position: -30px -30px; }
.trainmap.train-xs .train.rot80 { background-position: -60px -30px; }
.trainmap.train-xs .train.rot90 { background-position: -90px -30px; }
.trainmap.train-xs .train.rot100 { background-position: -120px -30px; }
.trainmap.train-xs .train.rot110 { background-position: -150px -30px; }
.trainmap.train-xs .train.rot120 { background-position: 0px -60px; }
.trainmap.train-xs .train.rot130 { background-position: -30px -60px; }
.trainmap.train-xs .train.rot140 { background-position: -60px -60px; }
.trainmap.train-xs .train.rot150 { background-position: -90px -60px; }
.trainmap.train-xs .train.rot160 { background-position: -120px -60px; }
.trainmap.train-xs .train.rot170 { background-position: -150px -60px; }
.trainmap.train-xs .train.rot180 { background-position: 0px -90px; }
.trainmap.train-xs .train.rot190 { background-position: -30px -90px; }
.trainmap.train-xs .train.rot200 { background-position: -60px -90px; }
.trainmap.train-xs .train.rot210 { background-position: -90px -90px; }
.trainmap.train-xs .train.rot220 { background-position: -120px -90px; }
.trainmap.train-xs .train.rot230 { background-position: -150px -90px; }
.trainmap.train-xs .train.rot240 { background-position: 0px -120px; }
.trainmap.train-xs .train.rot250 { background-position: -30px -120px; }
.trainmap.train-xs .train.rot260 { background-position: -60px -120px; }
.trainmap.train-xs .train.rot270 { background-position: -90px -120px; }
.trainmap.train-xs .train.rot280 { background-position: -120px -120px; }
.trainmap.train-xs .train.rot290 { background-position: -150px -120px; }
.trainmap.train-xs .train.rot300 { background-position: 0px -150px; }
.trainmap.train-xs .train.rot310 { background-position: -30px -150px; }
.trainmap.train-xs .train.rot320 { background-position: -60px -150px; }
.trainmap.train-xs .train.rot330 { background-position: -90px -150px; }
.trainmap.train-xs .train.rot340 { background-position: -120px -150px; }
.trainmap.train-xs .train.rot350 { background-position: -150px -150px; }
.trainmap.train-sm .train.rot0 { background-position: 0px 0px; }
.trainmap.train-sm .train.rot10 { background-position: -60px 0px; }
.trainmap.train-sm .train.rot20 { background-position: -120px 0px; }
.trainmap.train-sm .train.rot30 { background-position: -180px 0px; }
.trainmap.train-sm .train.rot40 { background-position: -240px 0px; }
.trainmap.train-sm .train.rot50 { background-position: -300px 0px; }
.trainmap.train-sm .train.rot60 { background-position: 0px -60px; }
.trainmap.train-sm .train.rot70 { background-position: -60px -60px; }
.trainmap.train-sm .train.rot80 { background-position: -120px -60px; }
.trainmap.train-sm .train.rot90 { background-position: -180px -60px; }
.trainmap.train-sm .train.rot100 { background-position: -240px -60px; }
.trainmap.train-sm .train.rot110 { background-position: -300px -60px; }
.trainmap.train-sm .train.rot120 { background-position: 0px -120px; }
.trainmap.train-sm .train.rot130 { background-position: -60px -120px; }
.trainmap.train-sm .train.rot140 { background-position: -120px -120px; }
.trainmap.train-sm .train.rot150 { background-position: -180px -120px; }
.trainmap.train-sm .train.rot160 { background-position: -240px -120px; }
.trainmap.train-sm .train.rot170 { background-position: -300px -120px; }
.trainmap.train-sm .train.rot180 { background-position: 0px -180px; }
.trainmap.train-sm .train.rot190 { background-position: -60px -180px; }
.trainmap.train-sm .train.rot200 { background-position: -120px -180px; }
.trainmap.train-sm .train.rot210 { background-position: -180px -180px; }
.trainmap.train-sm .train.rot220 { background-position: -240px -180px; }
.trainmap.train-sm .train.rot230 { background-position: -300px -180px; }
.trainmap.train-sm .train.rot240 { background-position: 0px -240px; }
.trainmap.train-sm .train.rot250 { background-position: -60px -240px; }
.trainmap.train-sm .train.rot260 { background-position: -120px -240px; }
.trainmap.train-sm .train.rot270 { background-position: -180px -240px; }
.trainmap.train-sm .train.rot280 { background-position: -240px -240px; }
.trainmap.train-sm .train.rot290 { background-position: -300px -240px; }
.trainmap.train-sm .train.rot300 { background-position: 0px -300px; }
.trainmap.train-sm .train.rot310 { background-position: -60px -300px; }
.trainmap.train-sm .train.rot320 { background-position: -120px -300px; }
.trainmap.train-sm .train.rot330 { background-position: -180px -300px; }
.trainmap.train-sm .train.rot340 { background-position: -240px -300px; }
.trainmap.train-sm .train.rot350 { background-position: -300px -300px; }
.trainmap.train-md .train.rot0 { background-position: 0px 0px; }
.trainmap.train-md .train.rot10 { background-position: -90px 0px; }
.trainmap.train-md .train.rot20 { background-position: -180px 0px; }
.trainmap.train-md .train.rot30 { background-position: -270px 0px; }
.trainmap.train-md .train.rot40 { background-position: -360px 0px; }
.trainmap.train-md .train.rot50 { background-position: -450px 0px; }
.trainmap.train-md .train.rot60 { background-position: 0px -90px; }
.trainmap.train-md .train.rot70 { background-position: -90px -90px; }
.trainmap.train-md .train.rot80 { background-position: -180px -90px; }
.trainmap.train-md .train.rot90 { background-position: -270px -90px; }
.trainmap.train-md .train.rot100 { background-position: -360px -90px; }
.trainmap.train-md .train.rot110 { background-position: -450px -90px; }
.trainmap.train-md .train.rot120 { background-position: 0px -180px; }
.trainmap.train-md .train.rot130 { background-position: -90px -180px; }
.trainmap.train-md .train.rot140 { background-position: -180px -180px; }
.trainmap.train-md .train.rot150 { background-position: -270px -180px; }
.trainmap.train-md .train.rot160 { background-position: -360px -180px; }
.trainmap.train-md .train.rot170 { background-position: -450px -180px; }
.trainmap.train-md .train.rot180 { background-position: 0px -270px; }
.trainmap.train-md .train.rot190 { background-position: -90px -270px; }
.trainmap.train-md .train.rot200 { background-position: -180px -270px; }
.trainmap.train-md .train.rot210 { background-position: -270px -270px; }
.trainmap.train-md .train.rot220 { background-position: -360px -270px; }
.trainmap.train-md .train.rot230 { background-position: -450px -270px; }
.trainmap.train-md .train.rot240 { background-position: 0px -360px; }
.trainmap.train-md .train.rot250 { background-position: -90px -360px; }
.trainmap.train-md .train.rot260 { background-position: -180px -360px; }
.trainmap.train-md .train.rot270 { background-position: -270px -360px; }
.trainmap.train-md .train.rot280 { background-position: -360px -360px; }
.trainmap.train-md .train.rot290 { background-position: -450px -360px; }
.trainmap.train-md .train.rot300 { background-position: 0px -450px; }
.trainmap.train-md .train.rot310 { background-position: -90px -450px; }
.trainmap.train-md .train.rot320 { background-position: -180px -450px; }
.trainmap.train-md .train.rot330 { background-position: -270px -450px; }
.trainmap.train-md .train.rot340 { background-position: -360px -450px; }
.trainmap.train-md .train.rot350 { background-position: -450px -450px; }
.trainmap.train-lg .train.rot0 { background-position: 0px 0px; }
.trainmap.train-lg .train.rot10 { background-position: -120px 0px; }
.trainmap.train-lg .train.rot20 { background-position: -240px 0px; }
.trainmap.train-lg .train.rot30 { background-position: -360px 0px; }
.trainmap.train-lg .train.rot40 { background-position: -480px 0px; }
.trainmap.train-lg .train.rot50 { background-position: -600px 0px; }
.trainmap.train-lg .train.rot60 { background-position: 0px -120px; }
.trainmap.train-lg .train.rot70 { background-position: -120px -120px; }
.trainmap.train-lg .train.rot80 { background-position: -240px -120px; }
.trainmap.train-lg .train.rot90 { background-position: -360px -120px; }
.trainmap.train-lg .train.rot100 { background-position: -480px -120px; }
.trainmap.train-lg .train.rot110 { background-position: -600px -120px; }
.trainmap.train-lg .train.rot120 { background-position: 0px -240px; }
.trainmap.train-lg .train.rot130 { background-position: -120px -240px; }
.trainmap.train-lg .train.rot140 { background-position: -240px -240px; }
.trainmap.train-lg .train.rot150 { background-position: -360px -240px; }
.trainmap.train-lg .train.rot160 { background-position: -480px -240px; }
.trainmap.train-lg .train.rot170 { background-position: -600px -240px; }
.trainmap.train-lg .train.rot180 { background-position: 0px -360px; }
.trainmap.train-lg .train.rot190 { background-position: -120px -360px; }
.trainmap.train-lg .train.rot200 { background-position: -240px -360px; }
.trainmap.train-lg .train.rot210 { background-position: -360px -360px; }
.trainmap.train-lg .train.rot220 { background-position: -480px -360px; }
.trainmap.train-lg .train.rot230 { background-position: -600px -360px; }
.trainmap.train-lg .train.rot240 { background-position: 0px -480px; }
.trainmap.train-lg .train.rot250 { background-position: -120px -480px; }
.trainmap.train-lg .train.rot260 { background-position: -240px -480px; }
.trainmap.train-lg .train.rot270 { background-position: -360px -480px; }
.trainmap.train-lg .train.rot280 { background-position: -480px -480px; }
.trainmap.train-lg .train.rot290 { background-position: -600px -480px; }
.trainmap.train-lg .train.rot300 { background-position: 0px -600px; }
.trainmap.train-lg .train.rot310 { background-position: -120px -600px; }
.trainmap.train-lg .train.rot320 { background-position: -240px -600px; }
.trainmap.train-lg .train.rot330 { background-position: -360px -600px; }
.trainmap.train-lg .train.rot340 { background-position: -480px -600px; }
.trainmap.train-lg .train.rot350 { background-position: -600px -600px; }
.trainmap.train-xl .train.rot0 { background-position: 0px 0px; }
.trainmap.train-xl .train.rot10 { background-position: -150px 0px; }
.trainmap.train-xl .train.rot20 { background-position: -300px 0px; }
.trainmap.train-xl .train.rot30 { background-position: -450px 0px; }
.trainmap.train-xl .train.rot40 { background-position: -600px 0px; }
.trainmap.train-xl .train.rot50 { background-position: -750px 0px; }
.trainmap.train-xl .train.rot60 { background-position: 0px -150px; }
.trainmap.train-xl .train.rot70 { background-position: -150px -150px; }
.trainmap.train-xl .train.rot80 { background-position: -300px -150px; }
.trainmap.train-xl .train.rot90 { background-position: -450px -150px; }
.trainmap.train-xl .train.rot100 { background-position: -600px -150px; }
.trainmap.train-xl .train.rot110 { background-position: -750px -150px; }
.trainmap.train-xl .train.rot120 { background-position: 0px -300px; }
.trainmap.train-xl .train.rot130 { background-position: -150px -300px; }
.trainmap.train-xl .train.rot140 { background-position: -300px -300px; }
.trainmap.train-xl .train.rot150 { background-position: -450px -300px; }
.trainmap.train-xl .train.rot160 { background-position: -600px -300px; }
.trainmap.train-xl .train.rot170 { background-position: -750px -300px; }
.trainmap.train-xl .train.rot180 { background-position: 0px -450px; }
.trainmap.train-xl .train.rot190 { background-position: -150px -450px; }
.trainmap.train-xl .train.rot200 { background-position: -300px -450px; }
.trainmap.train-xl .train.rot210 { background-position: -450px -450px; }
.trainmap.train-xl .train.rot220 { background-position: -600px -450px; }
.trainmap.train-xl .train.rot230 { background-position: -750px -450px; }
.trainmap.train-xl .train.rot240 { background-position: 0px -600px; }
.trainmap.train-xl .train.rot250 { background-position: -150px -600px; }
.trainmap.train-xl .train.rot260 { background-position: -300px -600px; }
.trainmap.train-xl .train.rot270 { background-position: -450px -600px; }
.trainmap.train-xl .train.rot280 { background-position: -600px -600px; }
.trainmap.train-xl .train.rot290 { background-position: -750px -600px; }
.trainmap.train-xl .train.rot300 { background-position: 0px -750px; }
.trainmap.train-xl .train.rot310 { background-position: -150px -750px; }
.trainmap.train-xl .train.rot320 { background-position: -300px -750px; }
.trainmap.train-xl .train.rot330 { background-position: -450px -750px; }
.trainmap.train-xl .train.rot340 { background-position: -600px -750px; }
.trainmap.train-xl .train.rot350 { background-position: -750px -750px; }

.trainmap.train-xs .train.atocxx { background-image: url(/images/trains/ME_xs.png); }
.trainmap.train-sm .train.atocxx { background-image: url(/images/trains/ME_sm.png); }
.trainmap.train-md .train.atocxx { background-image: url(/images/trains/ME_md.png); }
.trainmap.train-lg .train.atocxx { background-image: url(/images/trains/ME_lg.png); }
.trainmap.train-xl .train.atocxx { background-image: url(/images/trains/ME_xl.png); }



.trainmap.train-xs .train.atocLE { background-image: url(/images/trains/LE_xs.png); }
.trainmap.train-xs .train.atocAW { background-image: url(/images/trains/AW_xs.png); }
.trainmap.train-xs .train.atocCC { background-image: url(/images/trains/CC_xs.png); }
.trainmap.train-xs .train.atocCS { background-image: url(/images/trains/CS_xs.png); }
.trainmap.train-xs .train.atocCH { background-image: url(/images/trains/CH_xs.png); }
.trainmap.train-xs .train.atocXC { background-image: url(/images/trains/XC_xs.png); }
.trainmap.train-xs .train.atocDC { background-image: url(/images/trains/DC_xs.png); }
.trainmap.train-xs .train.atocEM { background-image: url(/images/trains/EM_xs.png); }
.trainmap.train-xs .train.atocGR { background-image: url(/images/trains/GR_xs.png); }
.trainmap.train-xs .train.atocES { background-image: url(/images/trains/ES_xs.png); }
.trainmap.train-xs .train.atocFC { background-image: url(/images/trains/FC_xs.png); }
.trainmap.train-xs .train.atocGW { background-image: url(/images/trains/GW_xs.png); }
.trainmap.train-xs .train.atocHT { background-image: url(/images/trains/HT_xs.png); }
.trainmap.train-xs .train.atocSR { background-image: url(/images/trains/SR_xs.png); }
.trainmap.train-xs .train.atocTP { background-image: url(/images/trains/TP_xs.png); }
.trainmap.train-xs .train.atocGX { background-image: url(/images/trains/GX_xs.png); }
.trainmap.train-xs .train.atocGC { background-image: url(/images/trains/GC_xs.png); }
.trainmap.train-xs .train.atocGN { background-image: url(/images/trains/GN_xs.png); }
.trainmap.train-xs .train.atocTL { background-image: url(/images/trains/TL_xs.png); }
.trainmap.train-xs .train.atocHC { background-image: url(/images/trains/HC_xs.png); }
.trainmap.train-xs .train.atocHX { background-image: url(/images/trains/HX_xs.png); }
.trainmap.train-xs .train.atocLM { background-image: url(/images/trains/LM_xs.png); }
.trainmap.train-xs .train.atocLO { background-image: url(/images/trains/LO_xs.png); }
.trainmap.train-xs .train.atocLT { background-image: url(/images/trains/LT_xs.png); }
.trainmap.train-xs .train.atocME { background-image: url(/images/trains/ME_xs.png); }
.trainmap.train-xs .train.atocMR { background-image: url(/images/trains/MR_xs.png); }
.trainmap.train-xs .train.atocTW { background-image: url(/images/trains/TW_xs.png); }
.trainmap.train-xs .train.atocNT { background-image: url(/images/trains/NT_xs.png); }
.trainmap.train-xs .train.atocSW { background-image: url(/images/trains/SW_xs.png); }
.trainmap.train-xs .train.atocSE { background-image: url(/images/trains/SE_xs.png); }
.trainmap.train-xs .train.atocSN { background-image: url(/images/trains/SN_xs.png); }
.trainmap.train-xs .train.atocVT { background-image: url(/images/trains/VT_xs.png); }
.trainmap.train-xs .train.atocWC { background-image: url(/images/trains/WC_xs.png); }
.trainmap.train-xs .train.atocZZ { background-image: url(/images/trains/ZZ_xs.png); }
.trainmap.train-sm .train.atocLE { background-image: url(/images/trains/LE_sm.png); }
.trainmap.train-sm .train.atocAW { background-image: url(/images/trains/AW_sm.png); }
.trainmap.train-sm .train.atocCC { background-image: url(/images/trains/CC_sm.png); }
.trainmap.train-sm .train.atocCS { background-image: url(/images/trains/CS_sm.png); }
.trainmap.train-sm .train.atocCH { background-image: url(/images/trains/CH_sm.png); }
.trainmap.train-sm .train.atocXC { background-image: url(/images/trains/XC_sm.png); }
.trainmap.train-sm .train.atocDC { background-image: url(/images/trains/DC_sm.png); }
.trainmap.train-sm .train.atocEM { background-image: url(/images/trains/EM_sm.png); }
.trainmap.train-sm .train.atocGR { background-image: url(/images/trains/GR_sm.png); }
.trainmap.train-sm .train.atocES { background-image: url(/images/trains/ES_sm.png); }
.trainmap.train-sm .train.atocFC { background-image: url(/images/trains/FC_sm.png); }
.trainmap.train-sm .train.atocGW { background-image: url(/images/trains/GW_sm.png); }
.trainmap.train-sm .train.atocHT { background-image: url(/images/trains/HT_sm.png); }
.trainmap.train-sm .train.atocSR { background-image: url(/images/trains/SR_sm.png); }
.trainmap.train-sm .train.atocTP { background-image: url(/images/trains/TP_sm.png); }
.trainmap.train-sm .train.atocGX { background-image: url(/images/trains/GX_sm.png); }
.trainmap.train-sm .train.atocGC { background-image: url(/images/trains/GC_sm.png); }
.trainmap.train-sm .train.atocGN { background-image: url(/images/trains/GN_sm.png); }
.trainmap.train-sm .train.atocTL { background-image: url(/images/trains/TL_sm.png); }
.trainmap.train-sm .train.atocHC { background-image: url(/images/trains/HC_sm.png); }
.trainmap.train-sm .train.atocHX { background-image: url(/images/trains/HX_sm.png); }
.trainmap.train-sm .train.atocLM { background-image: url(/images/trains/LM_sm.png); }
.trainmap.train-sm .train.atocLO { background-image: url(/images/trains/LO_sm.png); }
.trainmap.train-sm .train.atocLT { background-image: url(/images/trains/LT_sm.png); }
.trainmap.train-sm .train.atocME { background-image: url(/images/trains/ME_sm.png); }
.trainmap.train-sm .train.atocMR { background-image: url(/images/trains/MR_sm.png); }
.trainmap.train-sm .train.atocTW { background-image: url(/images/trains/TW_sm.png); }
.trainmap.train-sm .train.atocNT { background-image: url(/images/trains/NT_sm.png); }
.trainmap.train-sm .train.atocSW { background-image: url(/images/trains/SW_sm.png); }
.trainmap.train-sm .train.atocSE { background-image: url(/images/trains/SE_sm.png); }
.trainmap.train-sm .train.atocSN { background-image: url(/images/trains/SN_sm.png); }
.trainmap.train-sm .train.atocVT { background-image: url(/images/trains/VT_sm.png); }
.trainmap.train-sm .train.atocWC { background-image: url(/images/trains/WC_sm.png); }
.trainmap.train-sm .train.atocZZ { background-image: url(/images/trains/ZZ_sm.png); }
.trainmap.train-md .train.atocLE { background-image: url(/images/trains/LE_md.png); }
.trainmap.train-md .train.atocAW { background-image: url(/images/trains/AW_md.png); }
.trainmap.train-md .train.atocCC { background-image: url(/images/trains/CC_md.png); }
.trainmap.train-md .train.atocCS { background-image: url(/images/trains/CS_md.png); }
.trainmap.train-md .train.atocCH { background-image: url(/images/trains/CH_md.png); }
.trainmap.train-md .train.atocXC { background-image: url(/images/trains/XC_md.png); }
.trainmap.train-md .train.atocDC { background-image: url(/images/trains/DC_md.png); }
.trainmap.train-md .train.atocEM { background-image: url(/images/trains/EM_md.png); }
.trainmap.train-md .train.atocGR { background-image: url(/images/trains/GR_md.png); }
.trainmap.train-md .train.atocES { background-image: url(/images/trains/ES_md.png); }
.trainmap.train-md .train.atocFC { background-image: url(/images/trains/FC_md.png); }
.trainmap.train-md .train.atocGW { background-image: url(/images/trains/GW_md.png); }
.trainmap.train-md .train.atocHT { background-image: url(/images/trains/HT_md.png); }
.trainmap.train-md .train.atocSR { background-image: url(/images/trains/SR_md.png); }
.trainmap.train-md .train.atocTP { background-image: url(/images/trains/TP_md.png); }
.trainmap.train-md .train.atocGX { background-image: url(/images/trains/GX_md.png); }
.trainmap.train-md .train.atocGC { background-image: url(/images/trains/GC_md.png); }
.trainmap.train-md .train.atocGN { background-image: url(/images/trains/GN_md.png); }
.trainmap.train-md .train.atocTL { background-image: url(/images/trains/TL_md.png); }
.trainmap.train-md .train.atocHC { background-image: url(/images/trains/HC_md.png); }
.trainmap.train-md .train.atocHX { background-image: url(/images/trains/HX_md.png); }
.trainmap.train-md .train.atocLM { background-image: url(/images/trains/LM_md.png); }
.trainmap.train-md .train.atocLO { background-image: url(/images/trains/LO_md.png); }
.trainmap.train-md .train.atocLT { background-image: url(/images/trains/LT_md.png); }
.trainmap.train-md .train.atocME { background-image: url(/images/trains/ME_md.png); }
.trainmap.train-md .train.atocMR { background-image: url(/images/trains/MR_md.png); }
.trainmap.train-md .train.atocTW { background-image: url(/images/trains/TW_md.png); }
.trainmap.train-md .train.atocNT { background-image: url(/images/trains/NT_md.png); }
.trainmap.train-md .train.atocSW { background-image: url(/images/trains/SW_md.png); }
.trainmap.train-md .train.atocSE { background-image: url(/images/trains/SE_md.png); }
.trainmap.train-md .train.atocSN { background-image: url(/images/trains/SN_md.png); }
.trainmap.train-md .train.atocVT { background-image: url(/images/trains/VT_md.png); }
.trainmap.train-md .train.atocWC { background-image: url(/images/trains/WC_md.png); }
.trainmap.train-md .train.atocZZ { background-image: url(/images/trains/ZZ_md.png); }
.trainmap.train-lg .train.atocLE { background-image: url(/images/trains/LE_lg.png); }
.trainmap.train-lg .train.atocAW { background-image: url(/images/trains/AW_lg.png); }
.trainmap.train-lg .train.atocCC { background-image: url(/images/trains/CC_lg.png); }
.trainmap.train-lg .train.atocCS { background-image: url(/images/trains/CS_lg.png); }
.trainmap.train-lg .train.atocCH { background-image: url(/images/trains/CH_lg.png); }
.trainmap.train-lg .train.atocXC { background-image: url(/images/trains/XC_lg.png); }
.trainmap.train-lg .train.atocDC { background-image: url(/images/trains/DC_lg.png); }
.trainmap.train-lg .train.atocEM { background-image: url(/images/trains/EM_lg.png); }
.trainmap.train-lg .train.atocGR { background-image: url(/images/trains/GR_lg.png); }
.trainmap.train-lg .train.atocES { background-image: url(/images/trains/ES_lg.png); }
.trainmap.train-lg .train.atocFC { background-image: url(/images/trains/FC_lg.png); }
.trainmap.train-lg .train.atocGW { background-image: url(/images/trains/GW_lg.png); }
.trainmap.train-lg .train.atocHT { background-image: url(/images/trains/HT_lg.png); }
.trainmap.train-lg .train.atocSR { background-image: url(/images/trains/SR_lg.png); }
.trainmap.train-lg .train.atocTP { background-image: url(/images/trains/TP_lg.png); }
.trainmap.train-lg .train.atocGX { background-image: url(/images/trains/GX_lg.png); }
.trainmap.train-lg .train.atocGC { background-image: url(/images/trains/GC_lg.png); }
.trainmap.train-lg .train.atocGN { background-image: url(/images/trains/GN_lg.png); }
.trainmap.train-lg .train.atocTL { background-image: url(/images/trains/TL_lg.png); }
.trainmap.train-lg .train.atocHC { background-image: url(/images/trains/HC_lg.png); }
.trainmap.train-lg .train.atocHX { background-image: url(/images/trains/HX_lg.png); }
.trainmap.train-lg .train.atocLM { background-image: url(/images/trains/LM_lg.png); }
.trainmap.train-lg .train.atocLO { background-image: url(/images/trains/LO_lg.png); }
.trainmap.train-lg .train.atocLT { background-image: url(/images/trains/LT_lg.png); }
.trainmap.train-lg .train.atocME { background-image: url(/images/trains/ME_lg.png); }
.trainmap.train-lg .train.atocMR { background-image: url(/images/trains/MR_lg.png); }
.trainmap.train-lg .train.atocTW { background-image: url(/images/trains/TW_lg.png); }
.trainmap.train-lg .train.atocNT { background-image: url(/images/trains/NT_lg.png); }
.trainmap.train-lg .train.atocSW { background-image: url(/images/trains/SW_lg.png); }
.trainmap.train-lg .train.atocSE { background-image: url(/images/trains/SE_lg.png); }
.trainmap.train-lg .train.atocSN { background-image: url(/images/trains/SN_lg.png); }
.trainmap.train-lg .train.atocVT { background-image: url(/images/trains/VT_lg.png); }
.trainmap.train-lg .train.atocWC { background-image: url(/images/trains/WC_lg.png); }
.trainmap.train-lg .train.atocZZ { background-image: url(/images/trains/ZZ_lg.png); }
.trainmap.train-xl .train.atocLE { background-image: url(/images/trains/LE_xl.png); }
.trainmap.train-xl .train.atocAW { background-image: url(/images/trains/AW_xl.png); }
.trainmap.train-xl .train.atocCC { background-image: url(/images/trains/CC_xl.png); }
.trainmap.train-xl .train.atocCS { background-image: url(/images/trains/CS_xl.png); }
.trainmap.train-xl .train.atocCH { background-image: url(/images/trains/CH_xl.png); }
.trainmap.train-xl .train.atocXC { background-image: url(/images/trains/XC_xl.png); }
.trainmap.train-xl .train.atocDC { background-image: url(/images/trains/DC_xl.png); }
.trainmap.train-xl .train.atocEM { background-image: url(/images/trains/EM_xl.png); }
.trainmap.train-xl .train.atocGR { background-image: url(/images/trains/GR_xl.png); }
.trainmap.train-xl .train.atocES { background-image: url(/images/trains/ES_xl.png); }
.trainmap.train-xl .train.atocFC { background-image: url(/images/trains/FC_xl.png); }
.trainmap.train-xl .train.atocGW { background-image: url(/images/trains/GW_xl.png); }
.trainmap.train-xl .train.atocHT { background-image: url(/images/trains/HT_xl.png); }
.trainmap.train-xl .train.atocSR { background-image: url(/images/trains/SR_xl.png); }
.trainmap.train-xl .train.atocTP { background-image: url(/images/trains/TP_xl.png); }
.trainmap.train-xl .train.atocGX { background-image: url(/images/trains/GX_xl.png); }
.trainmap.train-xl .train.atocGC { background-image: url(/images/trains/GC_xl.png); }
.trainmap.train-xl .train.atocGN { background-image: url(/images/trains/GN_xl.png); }
.trainmap.train-xl .train.atocTL { background-image: url(/images/trains/TL_xl.png); }
.trainmap.train-xl .train.atocHC { background-image: url(/images/trains/HC_xl.png); }
.trainmap.train-xl .train.atocHX { background-image: url(/images/trains/HX_xl.png); }
.trainmap.train-xl .train.atocLM { background-image: url(/images/trains/LM_xl.png); }
.trainmap.train-xl .train.atocLO { background-image: url(/images/trains/LO_xl.png); }
.trainmap.train-xl .train.atocLT { background-image: url(/images/trains/LT_xl.png); }
.trainmap.train-xl .train.atocME { background-image: url(/images/trains/ME_xl.png); }
.trainmap.train-xl .train.atocMR { background-image: url(/images/trains/MR_xl.png); }
.trainmap.train-xl .train.atocTW { background-image: url(/images/trains/TW_xl.png); }
.trainmap.train-xl .train.atocNT { background-image: url(/images/trains/NT_xl.png); }
.trainmap.train-xl .train.atocSW { background-image: url(/images/trains/SW_xl.png); }
.trainmap.train-xl .train.atocSE { background-image: url(/images/trains/SE_xl.png); }
.trainmap.train-xl .train.atocSN { background-image: url(/images/trains/SN_xl.png); }
.trainmap.train-xl .train.atocVT { background-image: url(/images/trains/VT_xl.png); }
.trainmap.train-xl .train.atocWC { background-image: url(/images/trains/WC_xl.png); }
.trainmap.train-xl .train.atocZZ { background-image: url(/images/trains/ZZ_xl.png); }

.searchOuter { 
  position: fixed; margin: 10px; padding: 0px; 
  background-color: white; 
  width: 450px; height: 48px; 
  top: 0px; left: 0px;
  border: 1px solid #aaa;
  transition-property: background,box-shadow;
  transition-duration: 0.3s;
  box-sizing: border-box;
  border-radius: 2px;
  z-index: 15;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02);
  height: 48px;
  overflow: hidden;
}

.menuBtn {
    display: block;
    cursor: pointer;
    padding: 12px 16px;
    background-color: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    float: left;
}

form.searchform {
  float: left;
//  height: 100%;
  height: 50px;
  //width: 295px;
  width: 395px;
}

.menuBtn i { 
  font-size: 20px;
  color: #666;
}

.filterDiv {
	padding: 10px;
	display: block;
	clear: both;
	overflow-y: scroll;
	height: 90%;
}

.searchOuter input[type='text'] {
  border: 1px solid #efefef; 
  padding: 7px; 
  margin: 3px 0px;
  height: auto; 
  width: 85%; 
  outline: none; 
  background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D) transparent;
  color: inherit;
  font-size: 15px;
  height: 24px !important;
  line-height: 24px;
  transition-property: color;
  transition-duration: 0.3s;
  float: left;
}

.searchOuter input[type='checkbox'] {

}

.searchOuter i.fa-search {
  font-size: 22px;
  font-weight: 100;
  color: #999;
  margin: 10px 10px;
  float: right;
}

.searchResults .ui-autocomplete {
  position: static;
}

.legals {
  position: fixed;
  bottom: 0px;
  left: 100px;
  font-size: 11px;
  z-index: 1000;
  padding: 2px 5px 6px 5px;
  background-color: rgba(225,225,225,0.6);
  font-family: "Arial", sans-serif;
}

.tooltip {
  position: fixed;
  bottom: 0px;
  left: 500px;
  width: 50%;
  font-weight: bold;
  font-size: 16px;
  z-index: 0;
  padding: 4px 5px 6px 5px;
  background-color: rgba(225,225,225,0.6);
  font-family: "Arial", sans-serif;
  display: none;
}

span.othertrain, select.otherschedule, option, button.otherschedulebutton {
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 7px 10px;
    border-radius: 7px;
    margin: 5px;
    display: inline-block;
    color: #0000FF;
	cursor: pointer;
	font-size: 12px;
}

span.goback {
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 2px 1px;
    border-radius: 7px;
    margin: 0px;
    display: inline-block;
    cursor: pointer;
	font-size: 24px;
	line-height: 21px;
}

.roboto-mono {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.google-sans-code {
  font-family: "Google Sans Code", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


#map-canvas {
	position: fixed !important;
	width: 100vw;
	height: 100vh;
	
}


/*  Samsung - portrait phone */
@media (max-width: 385px) {
	.cornerLogo { bottom: 25px; right: 5px; width: 150px; height: 28px; }
	.searchOuter { 
	  position: fixed; margin: 10px; padding: 0px; 
	  background-color: white; 
	  width: 95vw; height: 48px; 
	  top: 0px; left: 0px;
	  border: 1px solid #aaa;
	  transition-property: background,box-shadow;
	  transition-duration: 0.3s;
	  box-sizing: border-box;
	  border-radius: 2px;
	  z-index: 15;
	  box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02);
	  height: 48px;
	  overflow: hidden;
	}
	.menuBtn {
		width: 45px;
	}
	.searchOuter input[type='text'] {
	  border: 1px solid #efefef; 
	  padding: 7px; 
	  margin: 3px 0px;
	  height: auto; 
	  width: 258px; 
	  outline: none; 
	  background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D) transparent;
	  color: inherit;
	  font-size: 15px;
	  height: 24px !important;
	  line-height: 24px;
	  transition-property: color;
	  transition-duration: 0.3s;
	  float: left;
	}
	.searchOuter i.fa-search {
	  font-size: 22px;
	  font-weight: 100;
	  color: #999;
	  margin: 10px 10px;
	  float: right;
	}
	form.searchform {
	  float: left;
	//  height: 100%;
	  height: 50px;
	  width: 315px;
	  //width: 395px;
	}
	.tooltip {
	  position: fixed;
	  top: 60px;
	  left: 5vw;
	  width: 90vw;
	  height: 20px;
	}
	.legals {
	  width: 90vw;
	}
}