body{
  margin:0;
}
#container{
  border:1px solid #ccc;
  width:720px;

  height:360px;
  position:relative;
  overflow:hidden;
  cursor:crosshair;
}

#map-container{
  position:relative;
  top:0;
  left:0;
}
#zoom-btn-plus,
#zoom-btn-minus{
  position:absolute;
  top:5px;
  left:5px;
  height:20px;
  width:20px;
  border-radius:10px;
  background-color:#888;
  z-index:10;
  line-height:100%;
  text-align:center;
  font-size:20px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  color:#FFFFFF;
  cursor:pointer;
}
#zoom-btn-minus{
  top:26px;
  line-height:80%;
}
#map,
#map-places{
  position:absolute;
  top:0;
  left:0;
}
div.loc{
  position:absolute;
  top:24%;
  left:44%;
  width:6px;
  height:6px;
  background-color:#1D1B58;
  border-radius:3px;
  margin-top:-3px;
  margin-left:-3px;
}
div.w_loc{
  position:absolute;
  top:24%;
  left:44%;
  width:6px;
  height:6px;
  background-color:#ff0000;
  border-radius:3px;
  margin-top:-3px;
  margin-left:-3px;
}
#info{
  position:absolute;
  background-color:#FFFFFF;
  border:1px solid #CCC;
  border-radius:3px;
  padding:5px;
  font-family:Arial,Helvetiva,sans-serif;
  font-size:11px;
  margin:3px;
  line-height:125%;
  box-shadow:2px 2px 3px #888;
}