.dark {
  margin: 0px 0px 0px 0px;
  background-color:#000000;
  background-position: 50% 31px;
  text-align:left;
  font-family:Verdana, Arial, Sans-serif;
  font-size:small;
  color:#ffffff;
  width:70%;
  margin-left:10%;
}

.plain {
  background-color:#ffffff;
  color:#000000;
  margin: 0px 0px 0px 0px;
  text-align:left;
  font-family:Verdana, Arial, Sans-serif;
  font-size:small;
  width:70%;
  margin-left:10%;
}

a:link { 
  color: blue;
  text-decoration: none;
  }

a:visited { 
  color: purple;
  text-decoration: none;
  }

.c8plain {
  background-color:#ffffff;
  color:#000000;
  margin: 0px 0px 0px 0px;
  text-align:left;
  font-family:Verdana, Arial, Sans-serif;
  font-size:small;
}

.dictionary {
  background-color:#ffffff;
  color:#000000;
}

.header { background-color: #88F }
.odd { background-color: #EEF }
.even { background-color: #FFF }

td.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

td.info:hover{z-index:25; background-color:#ff0}

td.info span{display: none}

td.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left}