.HighAlert {font-size: 75%; color: red; margin: 1em 0px;} .HighAlert a:link {color: red;} .HighAlert a:visited {color: darkred;}
.MedAlert {font-size: 75%; color: darkorange; margin: 1em 0px;} .MedAlert a:link {color: darkorange;} .MedAlert a:visited {color: #FF6000;}
.LowAlert {font-size: 75%; color: green; margin: 1em 0px;} .LowAlert a:link {color: green;} .LowAlert a:visited {color: darkgreen;}
.EleAlert {font-size: 75%; color: #155196; margin: 1em 0px;} .EleAlert a:link {color: #155196;} .EleAlert a:visited {color: #1d6dc9;}
.RegAlert {font-size: 75%; margin: 1em 0px;}
.minpred {font-size: 200%;} .minsecpred {font-size: 75%;}
.DirTable {vertical-align: top; display: inline-block; border-collapse: collapse;} .routetable {max-width: 13em; min-width:7em;} .sideways {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); white-space: nowrap; width: 1em;} .sidewaystd {overflow: hidden; width: 1em; padding: 0px;}
@font-face {font-family: TS; src: url("ts1.woff");} .tsfont {font-family: TS; font-weight: normal;}
.layover {font-family: TS; border: 1px solid black; text-decoration: none; border-radius: 0.2em; display: inline-block; height: 1em;}
:root {color-scheme: light dark;}
body {background-color: light-dark(white, black); color: light-dark(black, lightgray); }
:target {background-color: LightGoldenRodYellow; background-color: light-dark(LightGoldenRodYellow,#333);}
.chart-container {width:95vw; float:right;}
div.vehsearch {background-color: DarkSeaGreen; background-color: light-dark(DarkSeaGreen, #305030); width:20em; max-width:100%; border: 2px solid black; border-color: light-dark(black, lightgray); padding: 1em; margin: 1em 0px;}
.vehsearch > h4 {margin: 0px;}
.routepre {background-color: CadetBlue; background-color: light-dark(CadetBlue, #1d2f30); width:30em; max-width:100%; border: 2px solid black; border-color: light-dark(black, lightgray); padding: 1em}
.routepre > h4 {margin: 0px;}
.small {font-size: 75%;}
.spaced > div {margin: 0.5em 0px;}
.linkline {line-height: 200%;}
.coremap {position: relative; display: table;}
.core {float: left; width: 100%;}
.mapcontent {float: left;}
.leaflet-control-zoom {opacity: 0.7;}
#chartjs-tooltip {background-color: LightGoldenRodYellow; background-color: light-dark(LightGoldenRodYellow,#333); border: 1px solid black; padding: 2px;}
.clearall {clear: both;}
.imgdiv {float: right; margin-bottom: 1em; display:inline-block;}
.imgdiv > img {max-height: 400px; max-width: 100%;}
.svgicon {height: 1em; height: 1lh; vertical-align: bottom;}
.start {background-color: MintCream; background-color: light-dark(MintCream, #006633)} .end {background-color: MistyRose; background-color: light-dark(MistyRose, #800d00)}
.hastrip {background-color: LightGreen; background-color: light-dark(LightGreen, DarkGreen)} .currdate {border-color: red;} .curritem {font-weight: bold;}
.RedText {color: red;} .RedText a:link {color: red;} .RedText a:visited {color: darkred;}
.GreenText {color: green;} .GreenText a:link {color: green;} .GreenText a:visited {color: darkgreen;}
@media (prefers-color-scheme: dark) {/*body {background-color: darkgray; color: black;} :link { color: #0000EE; } :visited { color: #551A8B; } :target {background-color: DarkKhaki} .MedAlert {color: purple} .MedAlert a:link {color: purple} .MedAlert a:visited {color: #C000C0}
 .leaflet-layer { filter: invert(100%) hue-rotate(180deg) } .leaflet-container {background: black !important}*/ .svgicon {filter: invert(1) brightness(0.8)}}
fieldset {width: fit-content;}