body { font-family:"new century schoolbook", arial, sans-serif; color: #122151; background:#f4f4fa; padding:0px; margin:0px}
header { background:#d4d4ea; color:#000; margin:0px; padding: 10px 0; min-height: 100px; text-align:center}
article { padding: 5px 15px; max-width: 1500px; margin: 0 auto}
footer {background:#e4e4ea; margin:0px; padding: 10px 0; clear:left}
figure {margin:0}
.fl {float:left}
#ctrl {padding-right:15px; margin-right:15px}
#desc {padding-right:15px; margin-right:15px; max-width:740px}
#desc pre {overflow:auto}
#attribution { font-size:smaller; padding: 5px; margin: 0 auto; max-width: 1500px}
#mapid { height: 500px; width: 600px}
#status { margin-top:0px; overflow-y:auto; }
#statusold { margin:0px; color:gray; max-height:100px; overflow-y:auto; overflow-x:hidden}
#statusheading {font-size:small}
pre sub {color:silver}
.silver {color:silver}
.ie10up { display:none}
_:-ms-lang(x), .ie10up { display:block}

button {
  color: #122151;
  background-image: none;
  background-color: transparent;
  border-style:solid;
  border-color: #1476a2;
  padding: 3px;
  border-radius: 7px;
  border-width: 2px;
  text-transform: uppercase;
  font-weight: 700;
  transition: all 0.1s ease-in-out;
}
button:hover {
  color: #122151;
  background-color: #1476a2;
}
button:active {
  color: #fff;
  background-color: #1476a2;
}
input {
  color: #122151;
  background-image: none;
  background-color: transparent;
  border-style:solid;
  border-color: #1476a2;
  padding: 3px;
  border-width: 2px;
  font-weight: 700;
  transition: all 0.1s ease-in-out;
}


.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}

.mapgridlabel {
    color: grey!important;
    background-color: transparent!important;
    border-color: transparent!important;
    background: transparent!important; 
    border: none!important;
    box-shadow: none!important;
    margin: 0px!important;
    padding: 0px!important;
    cursor: none!important;
}

.mylocation span {
  background-image:url('static/mylocation_sprite.png');
  background-size:cover;
  display:inline-block;
  width:1em;
  height:1em
}