anchor.diff:              	color: gray;
               	font-style: italic;
               	background-color: #CCE6FF;
  -        	}
  -        	
  -        	#criteria-div{
  -          		width: 70%;
  -          		margin-left: 10em;
           	}
   	    </style>
   	
  
positive.code:         			
          			<div class="autoclear" id="criteria-div">		
  						
  						<div title="Select sponsor" id="sponsorName-details" style="display:none" class="pane">
  							<chrome:box title="Select sponsor" id="sponsorName-entry" autopad="true" cssClass="pairedLong">
  								<form:hidden path="sponsorName"/>
              					<tags:requiredIndicator/>
              					<input type="text" id="sponsorName-input" value="${command.sponsorName}" class="autocomplete"/>
  								<a id="sponsorName-clear" style="cursor:pointer"><img src="<chrome:imageUrl name="../clear-left-button.png" />" alt="Clear" /></a>
              					<tags:indicator id="sponsorName-indicator"/>
              					<tags:errors path="sponsorName"/>
              					<div id="sponsorName-choices" class="autocomplete"></div>
              					<p id="sponsorName-selected" style="display: none">
                  					You have selected the sponsor <span id="sponsorName-selected-name"></span>.
              					</p>
              				</chrome:box>
  						</div>
  						
  						<div title="Select institution" id="institutionName-details" style="display:none" class="pane">
  							<chrome:box title="Select institution" id="institutionName-entry" autopad="true" cssClass="pairedLong">
  								<form:hidden path="institutionName"/>
              					<tags:requiredIndicator/>
              					<input type="text" id="institutionName-input" value="${command.institutionName}" class="autocomplete"/>
  								<a id="institutionName-clear" style="cursor:pointer"><img src="<chrome:imageUrl name="../clear-left-button.png" />" alt="Clear" /></a>
              					<tags:indicator id="institutionName-indicator"/>
              					<tags:errors path="institutionName"/>
              					<div id="institutionName-choices" class="autocomplete"></div>
              					<p id="institutionName-selected" style="display: none">
                  					You have selected the institution <span id="institutionName-selected-name"></span>.
              					</p>
              				</chrome:box>
  						</div>
  
  						<div title="Select study" id="categoryIdentifier-details" style="display:none" class="pane">
  							<chrome:box title="Select study" id="categoryIdentifier-entry" autopad="true" cssClass="pairedLong">
  								<form:hidden path="categoryIdentifier"/>
              					<tags:requiredIndicator/>
              					<input type="text" id="categoryIdentifier-input" value="${command.categoryIdentifier}" class="autocomplete"/>
  								<a id="categoryIdentifier-clear" style="cursor:pointer"><img src="<chrome:imageUrl name="../clear-left-button.png" />" alt="Clear" /></a>
              					<tags:indicator id="categoryIdentifier-indicator"/>
              					<tags:errors path="categoryIdentifier"/>
              					<div id="categoryIdentifier-choices" class="autocomplete"></div>
              					<p id="categoryIdentifier-selected" style="display: none">
                  					You have selected the study <span id="categoryIdentifier-selected-name"></span>.
              					</p>
              				</chrome:box>
  						</div>
  					</div>
  					
  					<div class="row"  id="ruleSetDiv">
              			<div class="label"><tags:requiredIndicator/>&nbsp;<label for="ruleSetName">Rule set name</label></div>
              			<div class="value">
                  			<select id="ruleSetName" onChange="setRuleSetName(this)">
                      			<option value="">Please select</option>
  				                <option value="SAE Reporting Rules">SAE Reporting Rules </option>
                  				<option value="Mandatory Sections Rules">Mandatory Sections Rules</option>
  				            </select>
  				            <tags:errors path="ruleSetName"/>
          				</div>
          			</div>
      			<form:hidden id="hiddenRuleSetName" path="ruleSetName"/>
      		</jsp:attribute>
      	</tags:tabForm>
  	</body>
  </html>
negative.code:     	</script>
  	</head>
  	<body onLoad="nextTab();">
  	<chrome:box title="Create Rules">
          	<tags:instructions code="ruletype" />  
      	<tags:tabForm tab="${tab}" flow="${flow}" willSave="false" hideBox="true">
      		<jsp:attribute name="singleFields">
      			<div class="row"  id="ruleSetDiv">
              			<div class="label"><tags:requiredIndicator/>&nbsp;<label for="ruleSetName">Type</label></div>
              			<div class="value">
                  			<select id="ruleSetName" onChange="setRuleSetName(this)">
                      			<option value="">Please select</option>
  				                <option value="SAE Reporting Rules">SAE Reporting Rules </option>
                  				<option value="Mandatory Sections Rules">Mandatory Sections Rules</option>
  				            </select>
  				            <tags:errors path="ruleSetName"/>
          				</div>
          			</div>
  				
      				<div class="row"  id="ruleLevelDiv">
              			<div class="label"><tags:requiredIndicator/>&nbsp;<label for="ruleLevelName">Level</label></div>
              			<div class="value">
              				<form:hidden path="level"/>
                  			<select id="ruleLevel" onChange="displayRuleTypeInput(this)" value="${level }">
  