html { height: 100%;overflow-y:hidden; }
body { height: 100%; margin: 0px; padding: 0px;}
#canvas { height: 100% }
.poiS {color:#008080;font-weight:bold;text-align:center;margin:.2em;font-size:110%}
.poiL {color:black;text-align:center;margin:.2em}
.bpfS {color:#008080;font-weight:bold;text-align:center;margin:.2em;font-size:110%}
.bpfL {color:black;text-align:center;margin:.2em}
.bDate {color:black;font-weight:bold;text-align:center;margin:.2em}
.bFrom {font-weight:bold;text-align:center;color:#008080;margin:.2em}
.bTo {font-weight:bold;text-align:center;color:#f26522;margin:.2em}
.bInfo {font-style:italic;text-align:center;color:black;margin:.2em}
hr {margin:0;color:#008080}
.stats {border-top:none;border:1px solid black; background-color:rgba(255,255,255,.67);font-weight:bold;padding:0 3px 1px 3px;color:#f26522;}
.tShow {margin-left:25px;border-top:none;border:1px solid black; background-color:rgba(255,255,255,.67);;font-weight:bold;padding:0 3px 1px 3px;color:#f26522;}
.lal {text-align:left;padding-left:.2em}
.ral {text-align:right;padding-right:.2em}
.wmCell {border:1px solid white;color:white;font-weight:bold;vertical-align:middle;text-align:left}
.wmCont {width:24px;height:100px;background-image:url('sprites.png')}
tr.repos td {background-color:#c0c0c0}
tr.w0 td {background-color:#E0FFFF}
tr.w1 td {background-color:#FFFFE0}
table {table-layout:fixed;margin-left:auto;margin-right:auto;border-collapse:collapse;empty-cells:hide;border:1px solid #80C0C0}
th {border:1px solid white;text-align:center;background-color:black;color:white;font-size:85%;height:20px}
td {border:1px solid #80C0C0;text-align:center;background-color:#F0FFFF;vertical-align:middle;font-size:85%;height:20px}
.rbs {-moz-border-radius: 5px; border-radius: 5px;}
.leaflet-popup-content p {margin:0 3px 0 3px}
.leaflet-popup-content {margin:5px}
p.lcSub {margin:3px 0 3px 0;color:#d2691e;text-align:center;font-weight:bold}
div.curZoom {background-color:white;text-align:center;font-size:175%}
/*animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state*/
.fleche {
  -webkit-animation: out 3s 2s forwards; /* Safari, Chrome and Opera GT 12.1 */
  -moz-animation: out 3s 2s forwards; /* Firefox LT 16 */
  -ms-animation: out 3s 2s forwards; /* Internet Explorer */
  -o-animation: out 3s 2s forwards; /* Opera LT 12.1 */
  animation: fout 3s 2s forwards;
}
@keyframes fout {
    from { opacity: 1; }
    to   { opacity: .25; }
}
/* Firefox LT 16 */
@-moz-keyframes fout {
    from { opacity: 1; }
    to   { opacity: .25; }
}

/* Safari, Chrome and Opera GT 12.1 */
@-webkit-keyframes fout {
    from { opacity: 1; }
    to   { opacity: .25; }
}

/* Internet Explorer */
@-ms-keyframes fout {
    from { opacity: 1; }
    to   { opacity: .25; }
}

/* Opera LT 12.1 */
@-o-keyframes fout {
    from { opacity: 1; }
    to   { opacity: .25; }
}