anchor.diff:  </chrome:division>
   
   <chrome:division title="Research Staff Details">
  -<table id="test2" class="single-fields">
  -    <tr>
  -        <td>
  +<div class="leftpanel">
               <c:forEach begin="0" end="3"
                          items="${fieldGroups.researchStaff.fields}" var="field">
                   <tags:renderRow field="${field}"/>
               </c:forEach>
  -        </td>
  +</div>
  +<div class="rightpanel">
           <td><c:forEach begin="4" end="6"
                          items="${fieldGroups.researchStaff.fields}" var="field">
               <tags:renderRow field="${field}"/>
           </c:forEach>
  -        </td>
  -    </tr>
  -
  -</table>
  -
  +</div>
   </chrome:division>
   
   <chrome:division id="staff-details" title="User Role (Check all that apply)">
  
positive.code: 
  
      <div class="row">
          <div class="label">
              Participant cordinator:
          </div>
          <div class="value">
              <input type="checkbox"
                     onclick="this.checked?$('caaersParticipantCordinator').value='true':$('caaersParticipantCordinator').value='false';" ${isCaaersPartcipantCordinator?'checked':'off' }/>
              <input id="caaersParticipantCordinator" type="hidden" name="caaersParticipantCordinator"/>
  
negative.code:     </div>
  
      <div class="row">
          <div class="label label2">
              Adverse event coordinator:
          </div>
          <div class="value value2">
              <input type="checkbox"
                     onclick="this.checked?$('caaersAECordinator').value='true':$('caaersAECordinator').value='false';" ${isCaaersAECordinator?'checked':'off'} />
              <input id="caaersAECordinator" type="hidden" name="caaersAECordinator"/>
  