anchor.diff:            	<tags:requiredIndicator /><b><fmt:message key="study.epoch.order"/></b>
             </td>
             <td>
  -              <form:input path="study.epochs[${treatmentEpochCount.index}].epochOrder" size="5" maxlength="1" cssClass="validate-notEmpty&&numeric" />
  +          		<form:select path="study.epochs[${treatmentEpochCount.index}].epochOrder" id="epochOrder" cssClass="epochOrder validate-notEmpty">
  +          			<option value="">Please Select</option>
  +          			<form:options items="${epochOrders}" />
  +          		</form:select>
                 <tags:hoverHint id="study.treatmentEpoch.epochorder-${treatmentEpochCount.index}" keyProp="study.treatmentEpoch.epochOrder" />
             </td>
         </tr>
  
positive.code:             postProcessRowInsertion: function(object){
        								var inputName="study.epochs["+object.localIndex+"].name";
        								setTimeout("enableFocus(\'"+inputName+"\')",10);
        							}
              };
   		RowManager.addRowInseter(genericEpochRowInserterProps);
          RowManager.registerRowInserters();
          function enableFocus(inputName2){
          	$$("input[name='"+inputName2+"']")[0].focus();
          }
      </script>
  <style>
  	.descTextarea {
  
negative.code: 
  						<tr>
  							<td align="right"><tags:requiredIndicator /><b><fmt:message key="study.epoch.order"/></b></td>
  							<td align="left">
  								<select name="study.epochs[PAGE.ROW.INDEX].epochOrder" class="epochOrder validate-notEmpty">
  									<option value="">Please Select</option>
  									<c:forEach var="epochOrder" items="${epochOrders}" varStatus="status">
  								        <option value="${epochOrder}">${epochOrder}</option>
  								    </c:forEach>
  								</select>
  								<tags:hoverHint id="study.treatmentEpoch.epochOrder-PAGE.ROW.INDEX"
  								keyProp="study.treatmentEpoch.epochOrder" /></td>
  						</tr>
  
  