#map {
  display: block;
  float: left;
  width: 670px;
  height: 580px;
  margin: 0 15px 10px 0;

  border: 1px solid #979797;
}

#links,
#directions {
  float: left;
  margin: 0;
  width: 250px;
  height: 500px;
  padding: 5px 10px;
  background: url('/files/realprojekti/images/content_bg.gif') top 0 repeat-y;
}

#directions {
  display: none;
  overflow: scroll;
}


#links div.mapPoint {
  width: 175px;
  padding: 3px 8px;
  clear: both;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  -moz-border-radius-bottomleft: 3px;
}

#links div.mapPoint_hover {
  background-color: #f2f2f4;
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}

#links a,
#links a:link,
#links a:visited,
#links a:focus,
#links a:hover,
#links a:active {
  text-decoration: none;
}

#links a.showOnMap,
#links a.showInfo {
  cursor: pointer;
}

#links a.showOnMap {
  float: left;
}

#links a.showInfo {
  float: right;
}

#hideDirections {
  cursor: pointer;
}

#tools {
  clear: both;
  margin: 0;
  padding: 0;
  width: 500px;
}

#tools span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

#routeFrom,
#routeTo {
  background-color: white;
  border-style: solid;
  border-width: 2px;
  border-color: #989898 #E8E8E8 #E8E8E8 #989898;
}

.tools_from,
.tools_arrow,
.tools_to,
.tools_submit {
  margin: 0;
  padding: 0;
}

.tools_from {
  float: left;
  width: 220px;
}

#routeFrom {
  width: 200px;
}

.tools_arrow {
  float: left;
  width: 15px;
  padding: 25px 0 0 0;
}

.tools_arrow img {
  width: 14px;
  height: 8px;
}

.tools_to {
  margin: 0 0 0 15px;
  float: left;
  width: 170px;
}

#routeTo {
  width: 100px;
}

.tools_submit {
  float: right;
  width: 80px;
  padding: 15px 0 0 0;
}

#showRoute {
}

/*
#infoPopup {
  display: none;
  position: absolute;
  width: 200px;
  margin: 0;
  padding: 0 15px 15px 15px;

  background: white;
  border: 1px solid #979797;
  -moz-border-radius: 10px;
}
*/