A { font-family: Verdana, Arial, Helvetica; font-size: 13px; font-style: normal; font-weight: normal; color: #336699 }
A:hover { TEXT-DECORATION: underline }
body { background-color: #F4F4F4; background-image: url(http://www.vizup.com/images/bodybg.gif) }
font {  font-family: Verdana, Arial, Helvetica; font-size: 13px; font-style: normal; font-weight: normal}
td { font-family: Verdana, Arial, Helvetica; font-size: 13px; font-style: normal; font-weight: normal}
.Graphics { background-color: #999999; }
.Optimization { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; background-color: #E2E2E2 }
.Reduction {  font-family: Verdana, Arial, Helvetica; font-size: 18px; font-style: normal; font-weight: bold; color: gray }
.Visualization { font-family: Arial, Helvetica; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #FFFFFF }
.Compression { font-family: Arial, Helvetica; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF6600}
a.icon-overlay{
  display:inline-block;
  position:relative;
  line-height:0;           /* removes extra inline spacing */
}

a.icon-overlay img{
  display:block;
}

/* Overlay image: hidden by default and placed above the base image */
a.icon-overlay .over{
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  pointer-events:none;     /* prevents the overlay from capturing the mouse */
  transition: opacity 120ms ease;
}

/* Show overlay on hover (and on keyboard focus) */
a.icon-overlay:hover .over,
a.icon-overlay:focus-visible .over{
  opacity:1;
}