osm.css

/*
   ____                      _____ _ _     _             _   _      _                      _
  / __ \                    / ____| (_)   | |           | \ | |    | |                    | |
 | |  | |_ __   ___ _ __   | |  __| |_  __| | ___ _ __  |  \| | ___| |___      _____  _ __| | __
 | |  | | '_ \ / _ \ '_ \  | | |_ | | |/ _` |/ _ \ '__| | . ` |/ _ \ __\ \ /\ / / _ \| '__| |/ /
 | |__| | |_) |  __/ | | | | |__| | | | (_| |  __/ |    | |\  |  __/ |_ \ V  V / (_) | |  |   <
  \____/| .__/ \___|_| |_|  \_____|_|_|\__,_|\___|_|    |_| \_|\___|\__| \_/\_/ \___/|_|  |_|\_\
        | |
        |_|
*/

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

#map_canvas {
  height: 100%;
}

@media print {
  html, body {
    height: auto;
  }

  #map_canvas {
    height: 650px;
  }
}

.yel {
  background: #FF9;
}

.whi {
  background: #FFF;
}

.lright {
  border-radius: 10px 0 10px 10px;
  top: 30px;
  right: 0px;
}

.lleft {
  border-radius: 0 10px 10px 10px;
  left: 0px;
  top: 30px;
}

.acright {
  border-radius: 10px 0 0 10px;
  top: 30px;
  right: 180px;
}

.acleft {
  border-radius: 0 10px 10px 0;
  top: 30px;
  left: 180px;
}

.baroright {
  border-radius: 10px 0 0 10px;
  top: 30px;
  right: 0px;
}

.baroleft {
  border-radius: 0 10px 10px 0;
  top: 30px;
  left: 0px;
}

.pr {
  float:right;
}

#ac {
  position:absolute;
  display: none;
  color: black;
  background-color: white;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  padding: 5px;
  z-index:15;
}


.act {
  color: #666;
}

.aca {
  color: #222;
}


.cgv {
  width: 20px;
}

.cgn {
  width: 45px;
  font-family: "Times New Roman", Times, serif;
  font-style:normal;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.cgc {
  width: 9px;
}

.cga {
  width: 43px;
  font-family: "Times New Roman", Times, serif;
  font-style:normal;
  text-align: right;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;

}


div.divInfoclass {
  text-decoration: none;
  color: black;
  background-color: white;
  font: small Arial;
  border: 1px solid black;
  padding: 2px;
  margin-bottom: 3px;
  text-align: center;
}

#dlist {
  position:absolute;
  background-color: white;
  color: black;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  height: 90%;
  width: 180px;
  overflow: hidden;
  cursor: default;
  z-index:20;
}

#dbaro {
  position:absolute;
  background-color: white;
  color: black;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  /* height: 605px; */
	height: 90%;
  width: 155px;
  overflow: hidden;
  cursor: default;
  z-index:18;
}

#ett1 {
  height:25px;
  background-color: cyan;
}

#ett2 {
  height:22px;
  background-color: white;
}

#onoff {
  font-size: 12px;
  }


#onoff b {
  font-size: 15px;
  }

#dtable {
  position: absolute;
  top: 47px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}

#popup {
  top:20%;
  left: 50%;
  margin-left: -150px;
  padding:20px;
  width: 10px;
  height: 10px;
  border: 1px solid #000000;
  background-color: white;
  display:none;
  position: fixed;
  z-index:99;
  overflow:hidden;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 20px 20px 10px 0px #656565;
  -webkit-box-shadow: 20px 20px 10px 0px #656565;
  -o-box-shadow: 20px 20px 10px 0px #656565;
  box-shadow: 20px 20px 10px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
}

.tt {
  border-collapse:collapse;
  border-spacing: 0;
}

.tt th,td {
  padding: 1px;
}

.ol-zoom {
	left: 40%;
	top: 0px;
}

.ol-control button {
	float: left
}

.ol-rotate {
	visibility: hidden;
}