anchor.diff:          color:#2153AA; font-weight: bold; cursor: pointer;
           }
           .onco-customize:hover { text-decoration: underline; }
  -    </style>
  -    <%--
  -    <p onclick="$('#oncoprint_controls #main').toggle(); $('#oncoprint_controls .triangle').toggle();"
  -    style="margin-bottom: 0px;">
  -    <span class="triangle ui-icon ui-icon-triangle-1-e" style="float: left; display: block;"></span>
  -        <span class="triangle ui-icon ui-icon-triangle-1-s" style="float: left; display: none;"></span>
  -        <span class='onco-customize'>Customize</span>
  -    </p>
  -    --%>
   
       <div id="main" style="display:inline;">
  -    <%--
  -    <table style="padding-left:13px; padding-top:5px">    
  -    
  -            <tr>
  -                <td style="padding-right: 15px;"><span>Zoom</span><div id="zoom" style="display: inline-table;"></div></td>
  -                <td><label><input id='toggle_unaltered_cases' type='checkbox'>Remove Unaltered Cases</label></td>
  -                <td><label><input id='toggle_whitespace' type='checkbox'><label>Remove Whitespace</label></td>
  -            </tr>
  -            <tr>
  -                <td>
  -                    <div id="disable_select_clinical_attributes" style="display: none; z-index: 1000; opacity: 0.7; background-color: grey; width: 22.5%; height: 6%; position: absolute;"></div>
  -                    <select data-placeholder="Add a clinical attribute track" id="select_clinical_attributes" class="select_clinical_attributes_from" style="width: 360px;">
  -                    <option value=""></option>
  -                    </select>
  -                </td>
  -                <td>
  -                    <span>Sort by: </span>
  -                    <select id="sort_by" style="width: 200px;">
  -    <option value="genes">gene data first</option>
  -                        <option value="clinical" disabled>clinical data first</option>
  -                        <option value="alphabetical">alphabetically by case id</option>
  -                        <option value="custom">user-defined case list / default</option>
  -                    </select>
  -                </td>  
  -                <td style="padding-right: 15px;"><span>Zoom</span><div id="zoom" style="display: inline-table;"></div></td>
  -                <td><label><input id='toggle_unaltered_cases' type='checkbox'>Remove Unaltered Cases</label></td>
  -                <td><label><input id='toggle_whitespace' type='checkbox'><label>Remove Whitespace</label></td>     
  -            </tr>
  -        </table>
  -    --%>
       </div>
   </script>
   
  
positive.code:         color:#2153AA; font-weight: bold; cursor: pointer;
      }
      .onco-customize:hover { text-decoration: underline; }
      </style>
      <%--
      <p onclick="$('#oncoprint_controls #main').toggle(); $('#oncoprint_controls .triangle').toggle();"
         style="margin-bottom: 0px;">
          <span class="triangle ui-icon ui-icon-triangle-1-e" style="float: left; display: block;"></span>
          <span class="triangle ui-icon ui-icon-triangle-1-s" style="float: left; display: none;"></span>
          
              <span class='onco-customize'>Customize</span>
          
      </p>
      --%>
      <%--
      <div id="main" style="display:none;">
          <table style="padding-left:13px; padding-top:5px">
          
              <tr>
                  <td style="padding-right: 15px;"><span>Zoom&nbsp;</span><div id="zoom" style="display: inline-table;"></div></td>
              </tr>
       
              <tr>
                  <td><label><input id='toggle_unaltered_cases' type='checkbox'>&nbsp;Remove Unaltered Cases</label></td>
              </tr>
              <tr>
                  <td><label><input id='toggle_whitespace' type='checkbox'>&nbsp;Remove Whitespace</label></td>
              </tr>
      --%>     
      
              <%--<tr>
                  <td><label><input id='all_cna_levels' type='checkbox' >Show All CNA levels</label></td>
              </tr>--%>
              <%--<td>--%>
              <%--<span>Sort by: </span>--%>
              <%--<select id="sort_by" style="width: 200px;">--%>
              <%--<option value="genes">gene data</option>--%>
              <%--<option value="alphabetical">alphabetically by case id</option>--%>
              <%--<option value="custom">user-defined case list / default</option>--%>
              <%--</select>--%>
              <%--</td>--%>
      <%--
          </table>
      </div>  
       --%>    
      <div class="btn-group btn-group-sm" id="oncoprinter-diagram-toolbar-buttons" style="float:right;margin-right:45px;display: inline;height:33px">
          <div class="btn-group btn-group-sm" id="oncoprinter_diagram_sortby_group">
             <button type="button" class="btn btn-default dropdown-toggle" id="oncoprinter_sortbyfirst_dropdonw" data-toggle="dropdown" style="background-color:#efefef">
  
negative.code:            </button>
             <ul class="dropdown-menu">
               <li style="list-style-type:none;cursor:pointer"><a id="genesfirst">Genes first</a></li>
               <li style="list-style-type:none;cursor:pointer;display:none"><a id="clinicalfirst">Clinical first</a></li>
               <li style="list-style-type:none;cursor:pointer"><a id="alphabetical">alphabetically by case id</a></li>
               <li style="list-style-type:none;cursor:pointer"><a id="custom">user-defined case list / default</a></li>
             </ul>
          </div>
  
          <button type="button" class="btn btn-default" style="background-color:#efefef"><img id="oncoprinter_diagram_showmutationcolor_icon" class="oncoprinter_diagram_showmutationcolor_icon" checked="0" src="images/colormutations.svg" alt="icon" width="16" height="16" /></button>
          <button type="button" class="btn btn-default" style="background-color:#efefef;display:none;"><img id="oncoprinter-diagram-showlegend-icon" class="oncoprinter-diagram-showlegend-icon" checked="0" src="images/showlegend.svg" alt="icon" width="16" height="16" /></button>
          <button type="button" class="btn btn-default" style="background-color:#efefef"><img id="oncoprinter-diagram-removeUCases-icon" class="oncoprinter-diagram-removeUCases-icon" checked="0" src="images/removeUCases.svg" alt="icon" width="16" height="16" /></button>
          <button type="button" class="btn btn-default" style="background-color:#efefef"><img id="oncoprinter-diagram-removeWhitespace-icon" class="oncoprinter-diagram-removeWhitespace-icon" checked="0" src="images/removeWhitespace.svg" alt="icon" width="16" height="16" /></button>
          <button type="button" class="btn btn-default" style="background-color:#efefef"><img id="oncoprinter-diagram-downloads-icon" class="oncoprinter-diagram-downloads-icon" src="images/in.svg" alt="icon" width="16" height="16" /></button>      
  