<div class="box">
  <div class="title">##NODEADDRESS##,&nbsp;Ver:&nbsp;##NODEVERSION##, ID:&nbsp;##NODEIDENTITY##</div>
  <!-- level2 -->
  <div class="content">
    <table class="ocmPeerData">
      <tr>
        <th>Data&nbsp;queued&nbsp;(<span class="outbound">out</span>/<span class="inbound">in</span>)</th>
        <td><span class="outbound">##DATAQUEUEDOUT##</span>/<span class="inbound">##DATAQUEUEDIN##</span></td>
        <td rowspan="22" class="ocmPeerMessages">##MESSAGESLIST##</td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##DATAQUEUEDOUTBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##DATAQUEUEDINBARLENGTH##px" /></td>
      </tr>
      
      <tr>
        <th>Data&nbsp;transferred&nbsp;(<span class="outbound">sent</span>/<span class="inbound">received</span>)</th>
        <td><span class="outbound">##DATATRANSFERREDOUT##</span>/<span class="inbound">##DATATRANSFERREDIN##</span></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##DATATRANSFERREDOUTBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##DATATRANSFERREDINBARLENGTH##px" /></td>
      </tr>
      
      <tr>
        <th>Messages&nbsp;queued</th>
        <td>##MESSAGESQUEUED##</td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar" style="width:##DATATRANSFERREDBARLENGTH##px" /></td>
      </tr>
      
      <tr>
        <th>Messages&nbsp;sent&nbsp;(<span class="outbound">successes</span>/<span class="inbound">failures</span>)</th>
        <td><span class="outbound">##MESSAGESSENTOK##</span>/<span class="inbound">##MESSAGESSENTFAIL##</span></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##MESSAGESSENTOKBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##MESSAGESSENTFAILINBARLENGTH##px" /></td>
      </tr>

      <tr>
        <th>Trailers&nbsp;in&nbsp;transit&nbsp;(<span class="outbound">sending</span>/<span class="inbound">receiving</span>)</th>
        <td><span class="outbound">##TRAILERSINTRANSITOUT##</span>/<span class="inbound">##TRAILERSINTRANSITIN##</span></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##TRAILERSINTRANSITOUTBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##TRAILERSINTRANSITINBARLENGTH##px" /></td>
      </tr>

      <tr>
        <th>Time&nbsp;(<span class="outbound">idle</span>/<span class="inbound">life</span>)</th>
        <td><span class="outbound">##TIMEIDLE##</span>/<span class="inbound">##TIMELIFE##</span></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##TIMEIDLEBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##TIMELIFEBARLENGTH##px" /></td>
      </tr>

      <tr>
        <th>Requests&nbsp;(<span class="outbound">sent</span>/<span class="inbound">received</span>)</th>
        <td><span class="outbound">##REQUESTSOUT##</span>/<span class="inbound">##REQUESTSIN##</span></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##REQUESTSOUTBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##REQUESTSINBARLENGTH##px" /></td>
      </tr>

      <tr>
        <th>Connection&nbsp;attempts&nbsp;(<span class="outbound">total</span>/<span class="inbound">successes</span>)</th>
        <td><span class="outbound">##CONNECTIONTATTEMPTSTOTAL##</span>/<span class="inbound">##CONNECTIONATTEMPTSSUCCESSES##</span></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##CONNECTIONATTEMPTSTOTALBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##CONNECTIONATTEMPTSSUCCESSESWIDTH##px" /></td>
      </tr>

      <tr>
        <th>Open&nbsp;connections&nbsp;(<span class="outbound">out</span>/<span class="inbound">in</span>)</th>
        <td><span class="outbound">##CONNECTIONSOUT##</span>/<span class="inbound">##CONNECTIONSIN##</span></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##CONNECTIONSOUTOUTBARLENGTH##px" /></td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar inboundbackground" style="width:##CONNECTIONSININBARLENGTH##px" /></td>
      </tr>

      <tr>
        <th>Request&nbsp;interval</th>
        <td>##REQUESTINTERVAL##</td>
      </tr>
      <tr>
        <td colspan="2"><div class="horizontalBar outboundbackground" style="width:##REQUESTINTERVALBARLENGTH##px" /></td>
      </tr>

    </table>
  </div>
</div>