.Cell {
    BORDER-RIGHT: #000000 1px solid;BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid; WIDTH: 150px;
    BORDER-BOTTOM: #000000 1px solid; POSITION: absolute;
    HEIGHT: 80px; border-color: #C0C0C0;
    text-align:center; vertical-align:top; background-color: AntiqueWhite;
}
.VLine {
    BORDER-LEFT: #000000 2px solid; WIDTH: 0px;
    POSITION: absolute; z-index:-1;
}
.HLine {
    BORDER-TOP: #000000 2px solid; HEIGHT: 0px;
    POSITION: absolute; z-index:-1;
}
.hdrNode {font-size: 14px; font-weight: 700; }
.nrmNode {font-size: 12px; font-weight: 300; margin: 0; margin-left: 10px;}
a.info{
    position:relative; /*this is the key*/
    z-index:24; ;
    color:blue;
    text-decoration:none;
    }

a.info:hover{z-index:100; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:auto; white-space: nowrap;
    border:1px solid #0cf;
    background-color:#FFCC66; color:blue;
    padding-left: 10px; opacity: 0; 
    }
.abox {
    BORDER: none; POSITION: absolute;
    HEIGHT: 30px; width: 30px;
    border-color: #C0C0C0; z-index: -1;
}
.ebox {
    BORDER: none; POSITION: absolute;
    HEIGHT: 30px; width: 30px;
    border-color: #C0C0C0; z-index: -1;
}
.pbox {
    BORDER-RIGHT: #000000 1px solid;BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid; WIDTH: 90px;
    BORDER-BOTTOM: #000000 1px solid; POSITION: absolute;
    HEIGHT: 110px; border-color: #C0C0C0; z-index: -1;
}