/* test case for the hover over popup */
.testpup{
  width: 700px;
  border: 1px solid black;
  margin-bottom: 20px;
  padding: 5px;
}

#rather_wide {
  margin-top: 100px;
}
#rather_tall {
  height: 200px;
}

/*  hover over popup style */
.pup, .pup_class2, .pup_class3 {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 10px;
  color: white;
  background-color: #000;
  font-size: 18px;
  font-weight: 300;
}

.pup_class2 {
  background-color: red !important;
}
.pup_class3 {
  background-color: blue;
}

p#tests {
  margin-top: 300px;
  margin-bottom: 1000px;
}