anchor.diff:      <h3>Interaction Network</h3>
   </div>
   
  -    <!--
  -    <div id="menu">
  -    </div>
  -    <div id="legends">
  -    </div>
  -
  -    -->
   <div id="interactions-wrap">
     <div class="inside">
     <div id="cwtabsbyside">
  
positive.code:         <h3>Interaction Type</h3>
            <table id="svgtable">
              <tr>
                <td id="legends">
                </td>
              </tr>
            </table>
  
negative.code:     label { vertical-align: middle; }
      #legend h3 { -moz-border-radius: 5px 5px 0 0; background: none repeat scroll 0 0 #CCCCCC; margin: 0; padding: 4px 5px; color: black; border-top-style: none; }
      #legend p {
  	    border-color: -moz-use-text-color #BBBBBB #BBBBBB;
  	    border-right: 1px solid #BBBBBB;
  	    border-style: none solid solid;
  	    border-width: medium 1px 1px;
  	    margin: 0;
  	    padding: 5px;
  	}
  
      #legend table {
  	    border-color: -moz-use-text-color #BBBBBB #BBBBBB;
  	    border-right: 1px solid #BBBBBB;
  	    border-style: none solid solid;
  	    border-width: medium 1px 1px;
  	    margin: 0;
  	    padding: 5px;
  	}
  
      #legend { padding: 0.2em 0.4em 0.4em; }
      #powerby { padding: 5px; text-align: center; }
      #powerby a { color: rgb(136, 136, 136); text-decoration: none; background-color: white; }
      #powerby img { vertical-align: middle; }
  
      #svgtable {
  	    border: 2px solid #CCCCCC;
  	    border-collapse: separate;
  	    border-spacing: 1px;
  	    clear: both;
  	    width: 100%;
      }
  
      #legendall { height: 50px; }
  
      #interactions-wrap { overflow-x:auto; }
      #interactions-wrap div.inside { min-width:1040px; }
  