.HighAlert {font-size: 75%; color: red; margin: 1em 0px;} .HighAlert a:link {color: red;} .HighAlert a:visited {color: darkred;}
.MedAlert {font-size: 75%; color: orange; margin: 1em 0px;} .MedAlert a:link {color: orange;} .MedAlert a:visited {color: darkorange;}
.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;} .EleAlert a:link {color: #155196;} .RegAlert {font-size: 75%;}
.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;}
:target {background-color: LightGoldenRodYellow}
@media (prefers-color-scheme: dark) {body {background-color: darkgray; color: black;} :link { color: #0000EE; } :visited { color: #551A8B; } :target {background-color: DarkKhaki}}
.chart-container {width:95vw; float:right;}
div.vehsearch {background-color: DarkSeaGreen; width:20em; max-width:100%; border: 2px solid black; padding: 1em; margin: 1em 0px;}
.vehsearch > h4 {margin: 0px;}
.routepre {background-color: CadetBlue; width:30em; max-width:100%; border: 2px solid black; padding: 1em}
.routepre > h4 {margin: 0px;}
.small {font-size: 75%;}