body, html{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

#map{
  width:50%;
  margin:0 auto;
  position:relative;
}

.enabled #map{
  cursor:pointer;
}


.pixel{
  position:relative;
  float:left;
  width:1%;
}

.pixel:after{
  content: "";
  display:block;
  padding-bottom:100%;
}

#tools{
  text-align: center;
}

#tools span{
  padding: 3px;
  border: 5px solid grey;
  display: inline-block;

}
.enabled #tools span{
  cursor: pointer;
  border: 10px solid blue;
}

#tools #status{
  border: 20px solid red;
  color: green;
  font-weight: bold; 
}