body {
font-family: Sans;
background: lemonchiffon;
color: black;
}

h1 {
font-size: 18pt;
}

h2 {
font-size: 16pt;
}

.stopGood, .stopOK, .stopBad {
border: 1px solid gray;
border-collapse: collapse;
margin-bottom: 1em;
padding: 0.5em;
}

.stopGood {
background: white;
}

.stopOK {
background: white;
}

.stopBad {
background: white;
}

.stopId {
font-weight: bold;
}

.stopName {
font-weight: bold;
text-align: center;
}

.stopLines {
font-size: smaller;
text-align: right;
}

.stopNodes {
border-spacing: 2px;
}

.stopNode {
background: lightgray;
border: 1px solid gray;
padding: 0.3em;
}

.stopNodeNum {
vertical-align: top;
}

.stopNodeNum:after {
content: ".";
}


.stopNodeKey, .stopNodeValue {
}

.stopWarnings {
}

.stopWarning, .routeWarning, .routeBadMessage, .routeStopBad {
color: red;
}

.stopGoodMessage, .routeGoodMessage {
color: green;
}

.routeStopNotGood {
color: darkorange;
}

.warnings {
list-style-type: decimal;
}

.warning {
margin-bottom: 0.5em;
background: white;
border: 1px solid grey;
}

.warningMessage {
color: red;
}

td.route2 {
vertical-align: top;
}

table.route2 {
background: white;
border: 1px solid gray;
padding: 0.3em;
}

.routeName {
vertical-align: top;
font-size: larger;
}

.routeDesc {
font-size: larger;
text-align: center;
}

.routeStopId {
font-size: smaller;
vertical-align: top;
}

.routeStopName {
border-right: 1px dashed grey;
vertical-align: top;
}

.routeStopName > a, .stopLines > a {
color: black;
text-decoration: none;
}

.routeStopGood, routeStopBad, .routeStopNotGood {
vertical-align: top;
}

.routeWarnings {
margin-top: 0.5em;
border-top: 1px solid black;
}