/***********************************************************************
 *
 *  Tooltip styling
 *
 ***********************************************************************/

  DIV.tooltip
{
    position:           absolute;
    left:               100%;
    top:                0px;
    z-index:            1;
    display:            none;
    text-align:         left;
    -moz-box-sizing:    border-box;
    width:              12em;
    padding:            0px;
    border:             1px solid #007700;
}

  DIV.tooltiphead
{
    text-align:         left;
    font-weight:        bold;
    -moz-box-sizing:    border-box;
    width:              100%;
    margin:             0px;
    padding:            4px;
    color:              white;
    background-color:   #007700;
}

  DIV.tooltipbody
{
    text-align:         left;
    font-weight:        normal;
    -moz-box-sizing:    border-box;
    width:              100%;
    margin:             0px;
    padding:            4px;
    color:              black;
    background-color:   #D7F5B3;
}