anchor.diff:      }
   %>
   
  +<style type="text/css">
  +    .tooltipbox {
  +        border: 1px solid #aaa;
  +        position: absolute;
  +        background-color: rgba(255,255,255,0.85);
  +        pointer-events: none;
  +        display: none;
  +    }
  +    .tooltipbox p {
  +        margin: 0px 2px 0px 2px;
  +        padding: 0px 2px 0px 2px;
  +        font-size: 0.8em;
  +        color: #444;
  +        white-space: nowrap;
  +    }
  +</style>
  +
   <div id="heatmap-box" class="panel panel-default">
       <div class="panel-heading">
           <h3 class="panel-title"><a href="heatmap/index.jsp?mode=<%=mode%>&amp;heatmap=<%=heatmap%>&amp;foreignSource=<%=foreignSource%>&amp;category=<%=category%>&amp;monitoredService=<%=monitoredService%>"><%=title%>
           </a></h3>
       </div>
   
  -    <div id="treemap"></div>
  +    <div id="treemap" style="position: relative;">
  +        <div id="tooltipbox" class="tooltipbox"></div>
  +    </div>
   
       <script type="text/javascript">
   
  
positive.code:                             "id": "<%=heatmap%>",
                              "children": children
                          }
                      }).bind('treemapclick', mouseclickHandler);
                  }
  
                  $(window).resize(function() {
  
negative.code:                 var children;
  
                  function refresh() {
                      clearAndHideTooltip();
  
                      var height = $(window).height() - 105 - $("#treemap").offset().top;
  
                      if (height < 0) {
  