.viewer {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;     
 
  /* NOTE: the size and width should be set dynamically when initialized */
  width: 0;
  height: 0;
}
.viewer img {
  margin: 0px;
  float: none;  
}
.viewer .well, .viewer .surface {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.viewer .surface {
  z-index: 20;
}
.viewer .well {
  overflow: hidden;
  z-index: 10;
}

.viewer .well .tile {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}