body {
  scrollbar-base-color: #0080C0;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #F3F3F3
}

h1 {
  font-family: arial, veranda, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000
}

td {
  font-family: arial, veranda, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  text-align: justify
}

.leftpad {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0
}

a.info{
  position: relative;/*this is the key*/
  z-index: 24;
  background-color: #ffffff;
  color: #000;
  text-decoration: none
}

a.info span{
  display: none
}

a.info:hover{
  z-index: 25;
  background-color: #808080;
  text-decoration: none
}

a.info:hover span{/*the span will display just on :hover state*/
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 20em;
  padding: 2px;
  border: 1px solid #000;
  background-color: #F3F3F3;
  color: #000;
  text-align: center;
  text-decoration: none
}

a:hover {
  font-family: arial, veranda, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #0080C0
}

a:link {
  font-family: arial, veranda, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #005E8A;
  text-decoration: underline
}

a:visited {
  font-family: arial, veranda, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #006393;
  text-decoration: underline
}
a:visited:hover {
 color: #FFFFFF;
}

sup {
  font-family: arial, veranda, sans-serif;
  font-size: 11px;
  font-weight: bold;
  }