anchor.diff:                             </div>
                         </c:if>
   
  -             <div class="btn-warning"><h2>Register Form</h2></strong></div>
               <span class="glyphicon glyphicon-asterisk"></span>Required Fields</strong>
  -                
  +                <div class="container-fluid">
  +                <div class="row">
  +                <div class="col-md-offset-1 col-md-5">
               <!--  username -->
               <div class="form-group">
  -                <label  for="Username">Username</label>
  -                    <div class="input-group">
  -                            <input type="text" id="userName" name="userName" placeholder="" class="form-control"  data-validate="alphanumeric,required"  value="${userRegistrationFormBean.userName}">
  +                <label class="control-label" for="Username">Username</label>
  +                    <div class="col-md-12 input-group">
  +                            <input type="text" id="userName" name="userName" placeholder="Username" class="form-control"  data-validate="required,alphanumeric"  value="${userRegistrationFormBean.userName}">
                              <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                       </div>
               </div>
   
               <!-- Password-->      
               <div class="form-group">
  -              <label  for="Password">Password</label>
  -                    <div class="input-group">
  -                        <input type="password" class="form-control " id="password" name="password"  placeholder="password"  data-validate="alphanumeric,required" value="${userRegistrationFormBean.password}" >
  +              <label class="control-label" for="Password">Password</label>
  +                    <div class="col-md-12 input-group">
  +                        <input type="password" class="form-control " id="password" name="password"  placeholder="password"  data-validate="required,alphanumeric" value="${userRegistrationFormBean.password}" >
                          <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                          
                       </div>
  
positive.code:         <!-- User Role -->
          <div class="form-group">
              <label class="control-label"  for="Role">Type of User</label>
                  <div class="controls">
                      <select name="role">  
                              <option value=6715>Regular User</option>     
                              <option value=8767> Merchant </option>
  
negative.code:                 </div>
          </div>
  
         <!-- Sec Que 1 -->
              <div class="form-group ">
                <label class="control-label" for="secQue1" >Security Question 1</label>
                      <div class="input-group col-md-12">
                          <textarea class="form-control" id="secQue1" rows="2"  name="secQue1" data-validate="required,alphanumeric"  placeholder="Security Que 1" value="${userRegistrationFormBean.secQue1}" > </textarea>
                         <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                          </div>
  					</div>
           <!-- Sec Ans 1 -->
              <div class="form-group ">
                <label  class="control-label" for="secAns1">Security Answer 1</label>
                      <div class="input-group col-md-12">
                          <textarea class="form-control" id="secAns1" rows="2"  name="secAns1" data-validate="required,alphanumeric"  placeholder="Security Ans 1" value="${userRegistrationFormBean.secAns1}" > </textarea>
                      <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                         
                          </div>
              </div> 
  
           <!-- Sec Que 2 -->
              <div class="form-group ">
                <label  class="control-label" for="secQue2">Security Question 2</label>
                      <div class="input-group  col-md-12">
                          <textarea class="form-control" id="secQue2" rows="2"  name="secQue2"   placeholder="Security Que 2" data-validate="required,alphanumeric"  value="${userRegistrationFormBean.secQue2}" > </textarea>
                          <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                          
                          </div>
              </div>
           <!-- Sec Ans 2 -->
              <div class="form-group ">
                <label class="control-label" for="secAns2" >Security Answer 2</label>
                      <div class="input-group col-md-12 ">
                          <textarea class="form-control" id="secAns2" rows="2"  name="secAns2"   placeholder="security Ans 2"  data-validate="required,alphanumeric" value="${userRegistrationFormBean.secAns2}" ></textarea>
                          <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                          </div>
              
              </div> 
  
      </div>
      <div class="col-md-12">
      <div class="form-group">
                  <input type="submit" name="submit" id="submit" value="Submit" class="submit btn btn-danger centered ">
        </div> 
        </div>
       
        </div>  
          </form><!-- Registration form End-->
      </div>
        
  </div>
  
  