.MenuCell
{
    border-color: Black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #ECE9D8;
    color: blue;
    text-align: center;
    height: 25px;
    font-size: small;
    padding: 5px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    }

 

        .MenuCellSelected
{
    
    border-bottom-color: #FFFFE1;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background-color: #FFFFE1;
    color: black;
    font-weight: bold;
    font-size: small;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;

}

 

        .MenuCellHover
{
    background-color: Yellow;

}

       

        .Canvas
{
    background-color: #FFFFE1;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    padding: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
}

/*tooltips*/


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

a.info:hover{z-index:25; background-color:#fff}

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:15em;
    border:1px solid #000;
    background-color:#FFFFE1; color:#000;
    text-align: left}