.veridianimagecontainerdiv {
  position: absolute;
  margin: 5px 5px 5px 5px;
}

/* This must be the same as "veridianimagecontainerdiv", but without "position: absolute" */
.veridianimagespacerdiv {
  margin: 5px 5px 5px 5px;
}

.veridianimage {
  border: solid 1px black;
}

.highlight {
  position: absolute;
  background-color: #FFFF77;
  -moz-opacity: 0.5;
  opacity: 0.5;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/* These two classes should really be in the Click Suite stuff */
.go-submit-button {
  display: inline;
  background: url(go-button.gif) 0 0 no-repeat;
  width: 35px;
  height: 19px;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.go-submit-button-m {
  display: inline;
  background: url(go_m.gif) 0 0 no-repeat;
  width: 58px;
  height: 19px;
  padding: 0;
  border: 0;
  cursor: pointer;
}


/* CSS changes for printing: no navigation bar, no document links, and no query term highlighting */
@media print {
  .veridianimagecontainerdiv {
    position: static;
    margin: 5px 5px 5px 5px;
  }

  .veridianimagespacerdiv {
    display: none;
  }

  .veridianimage {
    float: left;
    position: relative;
  }

  .highlight {
    display: none;

    /* Use a black outline around query terms instead of semi-transparent highlighting
       Sadly this doesn't work on IE: the divs become white boxes covering the text!
      position: absolute;
      background-color: transparent;
      border: 1px solid black;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px; */
  }
}