function ShowHoverBox(id, callerid, leftoffset)
{
    var objCaller = document.getElementById(callerid);
    var objTarget = document.getElementById(id);
    //adjust the target to be relative to the caller
    var TopPos = findTopPos(objCaller);
    var LeftPos = findLeftPos(objCaller);
    //set the Target's absolute position
    objTarget.style.top = (TopPos + 12) + "px";
    objTarget.style.left = (LeftPos + leftoffset) + "px";
    objTarget.style.visibility = "visible";
    document.onmouseout = function()
    {
        objTarget.style.visibility = "hidden";
    }
}