/* Layout of maps/map.swf (680 x 580 stage), positions in Flash stage pixels. */
.travelmap {
  position: relative;
  width: 680px;
  height: 580px;
  background: #fff url(/maps/travelmap-frame.png) 0 0 / 680px 580px no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
}
.travelmap canvas {
  position: absolute;
  left: 25px;
  top: 76px;
  width: 630px;
  height: 480px;
}
.travelmap .tm-location {
  position: absolute;
  left: 136px;
  top: 47px;
  width: 407px;
  font-size: 11px;
  color: #000;
  text-align: center;
  white-space: nowrap;
}
.travelmap button {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.travelmap button:disabled {
  /* the SWF dims disabled tools to 30% alpha over a white stage */
  background: rgba(255, 255, 255, 0.7);
  cursor: default;
}
.travelmap [data-tool="zoomAll"]  { left: 25px;  top: 36px;  width: 42px; height: 38px; }
.travelmap [data-tool="zoomIn"]   { left: 554px; top: 44px;  width: 26px; height: 26px; }
.travelmap [data-tool="zoomOut"]  { left: 592px; top: 44px;  width: 26px; height: 26px; }
.travelmap [data-tool="zoomRect"] { left: 630px; top: 44px;  width: 26px; height: 26px; }
.travelmap [data-tool="up"]       { left: 331px; top: 62px;  width: 16px; height: 11px; }
.travelmap [data-tool="down"]     { left: 331px; top: 559px; width: 16px; height: 11px; }
.travelmap [data-tool="left"]     { left: 11px;  top: 307px; width: 11px; height: 16px; }
.travelmap [data-tool="right"]    { left: 657px; top: 307px; width: 11px; height: 16px; }
.travelmap .tm-progress {
  position: absolute;
  left: 209px;
  top: 283px;
  width: 263px;
  height: 21px;
  background: url(/maps/travelmap-loading.png) 0 0 / 263px 21px no-repeat;
}
.travelmap .tm-progress-fill { display: none; }
.travelmap .tm-tooltip {
  position: absolute;
  margin: 14px 0 0 10px;
  padding: 1px 4px 1px 16px;
  border: 1px solid #000;
  background: #fff;
  font-size: 9px;
  color: #000;
  white-space: nowrap;
  pointer-events: none;
  z-index: 2;
}
.travelmap .tm-credits {
  position: absolute;
  left: 25px;
  top: 562px;
  width: 630px;
  font-size: 10px;
  line-height: 14px;
}
.travelmap .tm-credits a:link, .travelmap .tm-credits a:visited {
  color: #6c6c6c;
  text-decoration: none;
  font-size: 10px;
}
.travelmap .tm-credits a:hover { text-decoration: underline; }
.travelmap .tm-credits .tm-right { float: right; }