anchor.diff:  
   <div id="treatmentHtml" style="display:none">
   
  -<table>
  -	<tr>
  -		<td><chrome:deletableDivision title="New Treatment Epoch"
  -			onclick="RowManager.deleteRow(instanceRowEpoch,PAGE.ROW.INDEX)">
  -			<table>
  -				<tr>
  -					<td width="50" valign="top">
  -					<table width="50%" border="0" cellspacing="1" cellpadding="1"
  -						id="mytable1">
  -
  -						<tr>
  -							<td align="right" class="alt"><span class="red">*</span><em></em>
  -							<b>Name:</b>&nbsp;</td>
  -							<td align="left"><input type="text"
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].name" size="26"
  -								cssClass="validate-notEmpty" /><span class="red">&nbsp;&nbsp;&nbsp;</span><em></em></td>
  -						</tr>
  -						<tr>
  -							<td align="right" class="alt"><em></em> <b>Description:</b>&nbsp;</td>
  -							<td align="left"><textarea
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].descriptionText"
  -								rows="2" cols="20">&nbsp;&nbsp;&nbsp;</textarea></td>
  -						</tr>
  -					</table>
  -					</td>
  -					<td width="100" valign="top">
  -					<table border="0" cellspacing="0" cellpadding="0" id="mytable"
  -						width="50%">
  -						<tr>
  -							<th class="alt">Arm</th>
  -							<th class="alt">Target&nbsp;Accrual&nbsp;Number</th>
  -							<th class="alt"><input id="addArm" type="button" value="Add Arm"
  -								onclick="javascript:fireAction('addArm',PAGE.ROW.INDEX,0)" ;/></th>
  -						</tr>
  -						<tr>
  -							<td class="alt"><input type="text"
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[0].name"
  -								cssClass="validate-notEmpty" value="Arm A" /></td>
  -							<td class="alt"><input type="text"
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[0].targetAccrualNumber"
  -								size="12" maxlength="10" cssClass="validate-numeric" /></td>
  -							<td class="alt"><a
  -								href="javascript:fireAction('removeArm',PAGE.ROW.INDEX,0);"><img
  -								src="<tags:imageUrl name="checkno.gif"/>" border="0"></a></td>
  -						</tr>
  -						<tr>
  -							<td class="alt"><input type="text"
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[1].name"
  -								cssClass="validate-notEmpty" value="Arm B" /></td>
  -							<td class="alt"><input type="text"
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[1].targetAccrualNumber"
  -								size="12" maxlength="10" cssClass="validate-numeric" /></td>
  -							<td class="alt"><a
  -								href="javascript:fireAction('removeArm',PAGE.ROW.INDEX,1);"><img
  -								src="<tags:imageUrl name="checkno.gif"/>" border="0"></a></td>
  -
  -						</tr>
  -						<tr>
  -							<td class="alt"><input type="text"
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[2].name"
  -								cssClass="validate-notEmpty" value="Arm C" /></td>
  -							<td class="alt"><input type="text"
  -								name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[2].targetAccrualNumber"
  -								size="12" maxlength="10" cssClass="validate-numeric" /></td>
  -							<td class="alt"><a
  -								href="javascript:fireAction('removeArm',PAGE.ROW.INDEX,2);"><img
  -								src="<tags:imageUrl name="checkno.gif"/>" border="0"></a></td>
  -
  -						</tr>
  -					</table>
  -					</td>
  -
  -
  -				</tr>
  -			</table>
  -		</chrome:deletableDivision></td>
  -	</tr>
  -</table>
  -
  +    <table>
  +        <tr>
  +            <td><chrome:deletableDivision title="New Treatment Epoch"
  +                                          onclick="RowManager.deleteRow(instanceRowEpoch,PAGE.ROW.INDEX)">
  +                <table>
  +                    <tr>
  +                        <td width="50" valign="top">
  +                            <table width="50%" border="0" cellspacing="1" cellpadding="1"
  +                                   id="mytable1">
  +
  +                                <tr>
  +                                    <td align="right" class="alt"><span class="red">*</span><em></em>
  +                                        <b>Name:</b>&nbsp;</td>
  +                                    <td align="left"><input type="text"
  +                                                            name="treatmentEpochsAliased[PAGE.ROW.INDEX].name" size="26"
  +                                                            cssClass="validate-notEmpty" /><span class="red">&nbsp;&nbsp;&nbsp;</span><em></em></td>
  +                                </tr>
  +                                <tr>
  +                                    <td align="right" class="alt"><em></em> <b>Description:</b>&nbsp;</td>
  +                                    <td align="left"><textarea
  +                                            name="treatmentEpochsAliased[PAGE.ROW.INDEX].descriptionText"
  +                                            rows="2" cols="20"></textarea></td>
  +                                </tr>
  +                            </table>
  +                        </td>
  +                        <td width="100" valign="top">
  +                            <table border="0" cellspacing="0" cellpadding="0" id="mytable"
  +                                   width="50%">
  +                                <tr>
  +                                    <th class="alt">Arm</th>
  +                                    <th class="alt">Target&nbsp;Accrual&nbsp;Number</th>
  +                                    <th class="alt"><input id="addArm" type="button" value="Add Arm"
  +                                                           onclick="javascript:fireAction('addArm',PAGE.ROW.INDEX,0)" ;/></th>
  +                                </tr>
  +                                <tr>
  +                                    <td class="alt"><input type="text"
  +                                                           name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[0].name"
  +                                                           cssClass="validate-notEmpty" value="Arm A" /></td>
  +                                    <td class="alt"><input type="text"
  +                                                           name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[0].targetAccrualNumber"
  +                                                           size="12" maxlength="10" cssClass="validate-numeric" /></td>
  +                                    <td class="alt"><a
  +                                            href="javascript:fireAction('removeArm',PAGE.ROW.INDEX,0);"><img
  +                                            src="<tags:imageUrl name="checkno.gif"/>" border="0"></a></td>
  +                                </tr>
  +                                <tr>
  +                                    <td class="alt"><input type="text"
  +                                                           name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[1].name"
  +                                                           cssClass="validate-notEmpty" value="Arm B" /></td>
  +                                    <td class="alt"><input type="text"
  +                                                           name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[1].targetAccrualNumber"
  +                                                           size="12" maxlength="10" cssClass="validate-numeric" /></td>
  +                                    <td class="alt"><a
  +                                            href="javascript:fireAction('removeArm',PAGE.ROW.INDEX,1);"><img
  +                                            src="<tags:imageUrl name="checkno.gif"/>" border="0"></a></td>
  +
  +                                </tr>
  +                                <tr>
  +                                    <td class="alt"><input type="text"
  +                                                           name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[2].name"
  +                                                           cssClass="validate-notEmpty" value="Arm C" /></td>
  +                                    <td class="alt"><input type="text"
  +                                                           name="treatmentEpochsAliased[PAGE.ROW.INDEX].arms[2].targetAccrualNumber"
  +                                                           size="12" maxlength="10" cssClass="validate-numeric" /></td>
  +                                    <td class="alt"><a
  +                                            href="javascript:fireAction('removeArm',PAGE.ROW.INDEX,2);"><img
  +                                            src="<tags:imageUrl name="checkno.gif"/>" border="0"></a></td>
  +
  +                                </tr>
  +                            </table>
  +                        </td>
  +
  +
  +                    </tr>
  +                </table>
  +            </chrome:deletableDivision></td>
  +        </tr>
  +    </table>
   </div>
   
   <div id="non-treatmentHtml" style="display:none">
  -<table border="10">
  -	<tr>
  -		<td><chrome:deletableDivision title="New Non-Treatment Epoch"
  -			onclick="RowManager.deleteRow(instanceRowEpoch,PAGE.ROW.INDEX)">
  -			<div class="leftpanel">
  -			<div class="row">
  -			<div class="label">*Name:</div>
  -			<div class="value"><input type="text" size="50"
  -				name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].name"
  -				cssClass="validate-notEmpty" /><span class="red">&nbsp;&nbsp;&nbsp;</span></div>
  -			</div>
  -
  -			<div class="row">
  -			<div class="label">Description:</div>
  -			<div class="value"><textarea
  -				name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].descriptionText"
  -				rows="5" cols="40">&nbsp;&nbsp;&nbsp;</textarea></div>
  -			</div>
  -			</div>
  -
  -			<div class="rightpanel">
  -			<div class="row">
  -			<div class="label">*Accrual Indicator:</div>
  -			<div class="value"><select
  -				name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].accrualIndicator"
  -				cssClass="validate-notEmpty">
  -				<option value="">--Please Select--</option>
  -				<option value="yes">Yes</option>
  -				<option value="no">No</option>
  -			</select></div>
  -			</div>
  -
  -			<div class="row">
  -			<div class="label">*Accrual Ceiling:</div>
  -			<div class="value"><input type="text"
  -				id="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].accrualCeiling"
  -				name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].accrualCeiling"
  -				size="12" maxlength="10" cssClass="validate-numeric" /></div>
  -			</div>
  -
  -			<div class="row">
  -			<div class="label">*Enrollment Indicator:</div>
  -			<div class="value"><select
  -				id="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].enrollmentIndicator"
  -				name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].enrollmentIndicator"
  -				cssClass="validate-notEmpty">
  -				<option value="">--Please Select--</option>
  -				<option value="yes">Yes</option>
  -				<option value="no">No</option>
  -			</select></div>
  -			</div>
  -
  -			<div class="row">
  -			<div class="label">*Reservation Indicator:</div>
  -			<div class="value"><select
  -				id="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].reservationIndicator"
  -				name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].reservationIndicator"
  -				cssClass="validate-notEmpty">
  -				<option value="">--Please Select--</option>
  -				<option value="yes">Yes</option>
  -				<option value="no">No</option>
  -			</select></div>
  -			</div>
  -			</div>
  -		</chrome:deletableDivision></td>
  -	</tr>
  -</table>
  +    <table border="10">
  +        <tr>
  +            <td><chrome:deletableDivision title="New Non-Treatment Epoch"
  +                                          onclick="RowManager.deleteRow(instanceRowEpoch,PAGE.ROW.INDEX)">
  +                <div class="leftpanel">
  +                    <div class="row">
  +                        <div class="label">*Name:</div>
  +                        <div class="value"><input type="text" size="50"
  +                                                  name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].name"
  +                                                  cssClass="validate-notEmpty" /><span class="red">&nbsp;&nbsp;&nbsp;</span></div>
  +                    </div>
  +
  +                    <div class="row">
  +                        <div class="label">Description:</div>
  +                        <div class="value"><textarea
  +                                name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].descriptionText"
  +                                rows="5" cols="40"></textarea></div>
  +                    </div>
  +                </div>
  +
  +                <div class="rightpanel">
  +                    <div class="row">
  +                        <div class="label">*Accrual Indicator:</div>
  +                        <div class="value"><select
  +                                name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].accrualIndicator"
  +                                cssClass="validate-notEmpty">
  +                            <option value="">--Please Select--</option>
  +                            <option value="yes">Yes</option>
  +                            <option value="no">No</option>
  +                        </select></div>
  +                    </div>
  +
  +                    <div class="row">
  +                        <div class="label">*Accrual Ceiling:</div>
  +                        <div class="value"><input type="text"
  +                                                  id="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].accrualCeiling"
  +                                                  name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].accrualCeiling"
  +                                                  size="12" maxlength="10" cssClass="validate-numeric" /></div>
  +                    </div>
  +
  +                    <div class="row">
  +                        <div class="label">*Enrollment Indicator:</div>
  +                        <div class="value"><select
  +                                id="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].enrollmentIndicator"
  +                                name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].enrollmentIndicator"
  +                                cssClass="validate-notEmpty">
  +                            <option value="">--Please Select--</option>
  +                            <option value="yes">Yes</option>
  +                            <option value="no">No</option>
  +                        </select></div>
  +                    </div>
  +
  +                    <div class="row">
  +                        <div class="label">*Reservation Indicator:</div>
  +                        <div class="value"><select
  +                                id="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].reservationIndicator"
  +                                name="nonTreatmentEpochsAliased[PAGE.ROW.INDEX].reservationIndicator"
  +                                cssClass="validate-notEmpty">
  +                            <option value="">--Please Select--</option>
  +                            <option value="yes">Yes</option>
  +                            <option value="no">No</option>
  +                        </select></div>
  +                    </div>
  +                </div>
  +            </chrome:deletableDivision></td>
  +        </tr>
  +    </table>
   </div>
   </body>
   </html>
  
positive.code:             document.studyDesignForm._selectedEpoch.value = selectedEpoch;
              document.studyDesignForm.submit();
          }
  var instanceRowEpoch = {
  	add_row_division_id: "addRowTable", 	        /* this id belongs to element where the row would be appended to */
  	skeleton_row_division_id: "dummy-row",  	/* this id belongs to the element which hold the dummy row html to be inserted   */
  	initialIndex: ${fn:length(command.epochs)},                            /* this is the initial count of the rows when the page is loaded  */
  	path: "epochs",                               /* this is the path of the collection that holds the rows  */
  };
  
  
  rowInserters.push(instanceRowEpoch);
  
  function addRows(){
  }
      </script>
  </head>
  
  <body>
  <tags:tabForm tab="${tab}" flow="${flow}" formName="studyDesignForm">
  	<jsp:attribute name="singleFields">
  		<div><input type="hidden" name="_action" value=""> <input
  			type="hidden" name="_selectedEpoch" value=""> <input type="hidden"
  			name="_selectedArm" value=""></div>
  
  
  		<table border="0" cellspacing="0" cellpadding="0" width="100%">
  
  			<tr>
  				<td><input id="addEpoch" type="button"
  					value="Add Treatment Epoch & Arms"
  					onclick="$('dummy-row').innerHTML=$('treatmentHtml').innerHTML;RowManager.addRow(instanceRowEpoch)" />
  
  				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input
  					id="addEpoch" type="button" value="Add Non-Treatment Epoch"
  					onclick="$('dummy-row').innerHTML=$('non-treatmentHtml').innerHTML;RowManager.addRow(instanceRowEpoch)" /><br>
  				</td>
  
  			</tr>
  
  			<tr>
  				<td>
  				<table border="0" cellspacing="0" cellpadding="0" id="addRowTable"
  					width="100%">
  					<tr>
  						<td></td>
  					</tr>
  					<c:forEach items="${command.epochs}" var="epoch" varStatus="status">
  						<tr id="addRowTable-${status.index }">
  
  							<c:choose>
  								<c:when
  									test="${epoch.class.name=='edu.duke.cabig.c3pr.domain.TreatmentEpoch'}">
  									<td><chrome:deletableDivision title="Treatment Epoch"
  										onclick="RowManager.deleteRow(instanceRowEpoch,${status.index})">
  										<table>
  											<tr>
  												<td>
  												<td width="50" valign="top">
  												<table width="50%" border="0" cellspacing="1"
  													cellpadding="1" id="mytable1">
  													<tr>
  														<td align="right" class="alt"><span class="red">*</span><em></em>
  														<b>Name :</b>&nbsp;</td>
  														<td align="left"><form:input
  															path="epochs[${status.index}].name" size="26"
  															cssClass="validate-notEmpty" /><span class="red">&nbsp;&nbsp;&nbsp;</span><em></em></td>
  													</tr>
  													<tr>
  														<td align="right" class="alt"><em></em> <b>Description:</b>&nbsp;</td>
  														<td align="left"><form:textarea
  															path="epochs[${status.index}].descriptionText" rows="2"
  															cols="20" />&nbsp;&nbsp;&nbsp;</td>
  													</tr>
  												</table>
  												</td>
  												<td width="100" valign="top">
  												<table border="0" cellspacing="0" cellpadding="0"
  													id="mytable" width="50%">
  													<tr>
  														<th class="alt">Arm</th>
  														<th class="alt">Target&nbsp;Accrual&nbsp;Number</th>
  														<th class="alt"><input id="addArm" type="button"
  															value="Add Arm"
  															onclick="javascript:fireAction('addArm',${status.index},0)" ;/></th>
  													</tr>
  													<c:forEach items="${epoch.arms}" var="arm"
  														varStatus="statusArms">
  														<tr>
  															<td class="alt"><form:input
  																path="epochs[${status.index}].arms[${statusArms.index}].name"
  																cssClass="validate-notEmpty" /></td>
  															<td class="alt"><form:input
  																path="epochs[${status.index}].arms[${statusArms.index}].targetAccrualNumber"
  																size="12" maxlength="10" cssClass="validate-numeric" /></td>
  															<td class="alt"><a
  																href="javascript:fireAction('removeArm',${status.index},${statusArms.index});"><img
  																src="<tags:imageUrl name="checkno.gif"/>" border="0"></a></td>
  														</tr>
  													</c:forEach>
  												</table>
  
  												</td>
  
  											</tr>
  										</table>
  									</chrome:deletableDivision></td>
  								</c:when>
  								<c:otherwise>
  
  									<td><chrome:deletableDivision title="Non-Treatment Epoch"
  										onclick="RowManager.deleteRow(instanceRowEpoch,${status.index})">
  										<div class="leftpanel">
  										<div class="row">
  										<div class="label">*Name:</div>
  										<div class="value"><form:input
  											path="epochs[${status.index}].name" size="50"
  											cssClass="validate-notEmpty" /><span class="red">&nbsp;&nbsp;&nbsp;</span></div>
  										</div>
  
  										<div class="row">
  										<div class="label">Description:</div>
  										<div class="value"><form:textarea
  											path="epochs[${status.index}].descriptionText" rows="5" cols="40" />&nbsp;&nbsp;&nbsp;</div>
  										</div>
  										</div>
  
  										<div class="rightpanel">
  										<div class="row">
  										<div class="label">*Accrual Indicator:</div>
  										<div class="value"><form:select
  											path="epochs[${status.index}].accrualIndicator"
  											cssClass="validate-notEmpty">
  											<option value="">--Please Select--</option>
  											<form:options items="${fn:split('Yes,No',',')}" />
  										</form:select></div>
  										</div>
  
  										<div class="row">
  										<div class="label">*Accrual Ceiling:</div>
  										<div class="value"><form:input
  											path="epochs[${status.index}].accrualCeiling" size="12"
  											maxlength="10" cssClass="validate-numeric" /></div>
  										</div>
  
  										<div class="row">
  										<div class="label">*Enrollment Indicator:</div>
  										<div class="value"><form:select
  											id="epochs[${status.index}].enrollmentIndicator"
  											path="epochs[${status.index}].enrollmentIndicator"
  											cssClass="validate-notEmpty">
  											<option value="">--Please Select--</option>
  											<form:options items="${fn:split('Yes,No',',')}" />
  										</form:select></div>
  										</div>
  
  										<div class="row">
  										<div class="label">*Reservation Indicator:</div>
  										<div class="value"><form:select
  											path="epochs[${status.index}].reservationIndicator"
  											cssClass="validate-notEmpty">
  											<option value="">--Please Select--</option>
  											<form:options items="${fn:split('Yes,No',',')}" />
  										</form:select></div>
  										</div>
  										</div>
  									</chrome:deletableDivision></td>
  								</c:otherwise>
  							</c:choose>
  
  						</tr>
  						&nbsp;&nbsp;						
  
  					</c:forEach>
  
  
  
  				</table>
  				</td>
  			</tr>
  		</table>
  
  	</jsp:attribute>
  </tags:tabForm>
  
negative.code: 
  <html>
  <head>
      <link rel="stylesheet" type="text/css" href="/c3pr/public/css/tables1" />
      <script type="text/javascript">
          function fireAction(action, selectedEpoch, selectedArm) {
              document.getElementById('command')._target.name = '_noname';
              document.studyDesignForm._action.value = action;
  