anchor.diff:                  <!--loop that creates the collapsed-by-default row, which lists all comments. -->
                   <tr class="tablesorter-childRow">
                     <td colspan="<%= (i+1).to_s %>" class="hiddenRow" ><div id="hid<%= @type + @participant.id.to_s + row.question_id.to_s + vm.round.to_s %>" class="accordion-body collapse" style="margin-left:10px;">
  -                    <div style="background-color:lightblue;padding:4px;"><%= row.questionText %></div>
  +                    <div style="padding-top: 10px; padding-bottom: 10px"><%= row.questionText %></div>
                       <div>
  -                      <table class="tbl_questlist">
  +                      <table class="table tbl_questlist">
                           <thead>
                           <th>Review </th>
                           <th>Score</th>
  
positive.code:               <td colspan="<%= (i+1).to_s %>" class="hiddenRow" >
                  <div id="hid<%= @type + @participant.id.to_s + vm.questionnaire_type + vm.round.to_s + "comment" %>" class="accordion-body collapse" style="margin-left:10px;">
                    <div style="background-color:#A9A9F5;padding:4px;">
                      <table class="tbl_addlcmt">
                        <thead>
                        <th>Review</th>
                        <th >Additional Comments</th>
  
negative.code: 
            </span>
  
            <table id='<%="scoresTable"+@type + @participant.id.to_s%>' class="table tbl_heat tablesorter">
              <!-- display the header row of the heatgrid table. this involves iterating through reviewers.-->
              <thead>
              <tr>
  