/* Hover over to popup an image */

a.screen, a.screen:visited 
{
  color:#000; 
  position:relative; 
  z-index:1;
}


a.screen b 
{
  position:absolute;
  visibility:hidden; /* hide the image */
  width:50;          /* give it a width */
  height:50;         /* no height to solve an Opera bug that makes it selectable when hidden */
  border:1px solid #000; /* add a border */
  left:0;                /* position:the image */
  top:-75px;
}


a.screen:hover 
{
  text-decoration:none; 
  border:0; /* needed for this to work in IE */ 
  z-index:500;
}


a.screen:hover b 
{
  visibility:visible; /* make the image visible */
  height:115px;        /* now give it a height */
  width:100px;         /* now give it a height */
  cursor:pointer;     /* for IE */
  z-index:500; 
  background-color: lightyellow;
  padding: 5px;
  border: 1px dashed gray;
  color: black;
  text-decoration: none;
  text-align:center;
  vertical-align:middle;
}


a.screen:hover b img 
{
  border:0; /* remove the link border */
}