.icon{
    width:52px;
    height:52px;
    position:absolute;
    cursor:pointer;
}
#interactive{
    position:relative;
    width:647px;
    height:373px;
}
#tooltip{
    position:absolute;
    display:none;
    left:0px;
    top:0px;
    padding:10px;
    z-index:9999;
    background-color:white;
    font-family:verdana;
    width:180px;
    border:1px solid black;
}
    #tooltip.L{
        background-color:rgb(190,190,232);
        background-color:rgba(190,190,232,.9);
    }
    #tooltip.C{
        background-color:rgb(190,190,232);
        background-color:rgba(232,190,190,.9);
    }
    #tooltip #char{
        font-weight:bold;
        font-family:'Avenir','Arial';
        font-size:15px;
    }
    #tooltip p{
        font-size:11px;
        margin:0px;
    }
.circ{
    z-index:9998;
    position:absolute;
    cursor:pointer;
    width:54px;
    height:54px;
    opacity:0;
    filter:alpha(opacity=0);
}