.document {
  position: relative;
}

.document .popup {
  position: absolute;
  opacity: 0.9;
  filter: alpha(opacity=90);
  top: 8em;
  left: 0em;

  /* Not 100% to avoid overlap with drop shadow */
  width: 97%;

  text-align: center;
  font-weight: bold;
  font-size: smaller;
  color: #97613D;
  background-color: #97613D;
}

.popup.masked {   background-color: #E5DCBE; }
.popup.two {   background-color: #C1B28D; }
.popup.three {   background-color: #874F30; }
.popup.four {   background-color: #8C6D41; }

.document .popup p {
  position: absolute;
  top: -2.5em;
  left: 0em;
  width: 100%;
}

.masked p { background-color: #FFFFFF; }

.document .popup a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 0.5em 0em;
  border: 1px solid white;
  margin: 0.25em;
  white-space: nowrap;
}

.document .popup.masked a,
.document .popup.two a { color:#000000; }

.document .popup.masked a:hover { background-color: #C1B28D; }
.document .popup.two a:hover { background-color: #AE8953; }
.document .popup.three a:hover { background-color: #753C21; }
.document .popup.four a:hover { background-color: #644528; }

#not-available {
  position: absolute;
  left: 2em;
  top: -5em;
  width: 30em;
  background-color: white;
  border: medium solid black;
  padding: 1em;
  text-align: left;
}

#not-available a {
  position: absolute;
  display: block;
  bottom: 1em;
  right: 1em;
}