@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);

body {margin:0;padding:0}

#edenmonaromap {
  width:476px;
  position:relative;
  cursor:crosshair;
  font-family: 'Noto Sans', sans-serif;
}

#edenmonaromap #regions{
  stroke: black;
  stroke-opacity:0.05;
  stroke-width: 0.5px;
  fill:#ddd;

}

#edenmonaromap  .town1{
  font-size: 12px;
}
#edenmonaromap  .town2{
  font-size: 10px;
}
#edenmonaromap  .town3{
  font-size: 9px;
}

#edenmonaromap .place-label{
  font-size: 10px;
  margin-left:5px;
}

#edenmonaromap #base{
  fill:#d5d5d5;
  stroke:#aaa;
  stroke-width:0.5px;
}

#edenmonaromap #towns{
  pointer-events:none;
}

#edenmonaromap .region{
}
#edenmonaromap .lake{
  fill: #aeaed0;
}

#edenmonaromap .region:hover{
  stroke-opacity:0.8;
}



#edenmonaromap .background{
  fill: #aeaed0;
}

#edenmonaromap .scalerect{
  width:20;
  height:20;
  stroke: black;
  stroke-opacity:0.2;
  stroke-width: 0.5px;
}


#edenmonaromap .scaletext{
  font-size: 10px;
}

#edenmonaromap #scaleheader{
  font-size:11px;
  font-weight: bold;
}

#edenmonaromap #overlay{
  position: absolute;
  left:0px;
  top:0px;
  width:250px;
  height: 600px;
  margin:0px;
  pointer-events:none;

}

#edenmonaromap #info{
  /*height: 150px;*/
  position: absolute;
  width:220px;
  left:5px;
  top:5px;
  /*padding:5px;*/
}


#edenmonaromap  td.infokey{
  /*text-align: right;*/
  color:#444;
  padding-left: 3px;
}

#edenmonaromap #info table{
  font-size: 12px;
  line-height: 13px;
  /*padding:2px 0 3px 0;*/
  margin: 0;
}


#edenmonaromap h3{
  margin:0px 0 3px 0px;
  letter-spacing: -1px;
  padding-left:3px;
  /*font-size:80%;*/
  background-color: rgba(255,255,255,0.5);
}


#edenmonaromap #controls{
  position: absolute;
  bottom: 5px;
  left:5px;
  /*width: 115px;*/
  pointer-events:all;
  background-color: rgba(255,255,255,0.5);
  padding:5px;

}

#edenmonaromap #controls ul{
  list-style: none;
  padding: 0; 
  cursor: pointer;
  font-size: 11px;
  width:100px;
  margin:0;
  text-transform: uppercase;

}

#edenmonaromap #controls li{
  padding: 0 0 0 2px; 
  /*background-color: #ddd;*/
  margin-bottom: 1px;
  color:#444;
}

#edenmonaromap #controls li:first-child{
  /*background-color: white;*/
  font-weight: 700;
}

 #edenmonaromap #controls .selectbutton{
   background-color: #aaa; 
   color: white;
   }