*
{
	box-sizing: border-box;
}
body
{
	line-height: 1.2em;
	font-size: 12px;
	color: #111;
	font-family: Arial, Verdana, sans-serif;
}
a
{
	text-decoration: none;
	color: #09f;
}
html, body, .map, #all {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#valbox {
  position: absolute;
  font-size: 0.7em;
  top: -30px;
  left: -60px;
  background-color: lightgrey;
  padding: 4px;
}
#gradbox {
  position: absolute;
  font-size: 0.8em;
  top: 10px;
  right: 8px;
  /* right: 42px; */
  background-color: lightgrey;
  padding: 4px;
}
#layerbox {
  position: absolute;
  font-size: 0.8em;
  top: 42px;
  right: 8px;
  background-color: lightgrey;
  padding: 4px;
}
#tinbox {
  position: absolute;
  font-size: 0.8em;
  top: 74px;
  right: 8px;
  background-color: lightgrey;
  padding: 4px;
}
.button {
  position: absolute;
  bottom: 40px;
  left: 10px;
}

button 
{
	padding: 5px;
	border: none;
	cursor: pointer;
	outline: none;
}