.panable {
  position: relative;
  overflow: hidden;
  width: 640px;
  height: 480px;
  border: 1px solid #cccccc;
  padding: 0px;
  margin: 0px;
}

.marker, .marker img {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
}

.marker {
  display: none;
  z-index: 20;
  /* border: 1px solid red; */
}

/* static marker */
.smarker {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 25;
}

.popup {
  display : none;
  z-index : 1001;
  position : absolute;
  background-color: #ffffff;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: #444444;
  overflow : auto;
  margin:0;
  padding: 0;
  -moz-border-radius:10px;
}

.bview {
  position: relative;
  z-index: 100;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.bview img {
  display: block;
  cursor: crosshair;
}

.bviewlens {
  position: absolute;
  border-width: 2px;
  border-style: solid;
  border-color: blue;
  background-color: #ccffcc;
  padding: 0;
  margin: 0;
  cursor: crosshair;
  opacity: .3;
  filter: alpha(opacity=30);
}

.bview span {
  text-align: right;
  padding: 0;
  margin: 0;
}

.bview a {
  display: block;
  text-align: right;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.float {
  position : absolute;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: #ffffff;
  opacity: .75;
  filter: alpha(opacity=75);
  border: 1px solid #cccccc;
}

.float a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.float img {
  border: 0;
  display: block;
}

.float span {
  text-align: center;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cccccc;
  margin: 0;
}