anchor.diff:                  </div>
           </div>
   
  -
          <!-- Sec Que 1 -->
  -            <div class="form-group">
  -              <label for="Address">Security Question 1</label>
  -                    <div class="input-group">
  -                        <textarea class="form-inline" id="secQue1" rows="3" ,cols="7" name="secQue1"   placeholder="Security Que 1" value="${userRegistrationFormBean.secQue1}" > </textarea>
  -                      
  -                        </div>
  -
  +            <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 for="Address">Security Answer 1</label>
  -                    <div class="input-group">
  -                        <textarea class="form-inline" id="secAns1" rows="3" ,cols="7" name="secAns1"   placeholder="Security Ans 1" value="${userRegistrationFormBean.secAns1}" > </textarea>
  -                   
  +            <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> <br>
  +            </div> 
   
            <!-- Sec Que 2 -->
  -            <div class="form-group">
  -              <label for="Address">Security Question 2</label>
  -                    <div class="input-group">
  -                        <textarea class="form-control" id="secQue2" rows="" ,cols="3" name="secQue2"   placeholder="Security Que 2" value="${userRegistrationFormBean.secQue2}" > </textarea>
  +            <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 for="Address">Security Answer 2</label>
  -                    <div class="input-group">
  -                        <textarea class="form-control" id="secAns2" rows="" , cols="3" name="secAns2"   placeholder="security Ans 2" value="${userRegistrationFormBean.secAns2}" ></textarea>
  -                        <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
  -                        </div>
  +            <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>
  -    <div class="form control">
  -                <input type="submit" name="submit" id="submit" value="Submit" class="submit btn btn-danger pull-center">
  -      </div>   
  -        </form><!-- Registration form End-->
  -    
         
   </div>
   
  
positive.code:         
                      <!-- First Name -->            
              <div class="form-group">
                <label for="FirstName">First Name</label>
                      <div class="input-group">
                          <input type="text" class="form-control" id="firstName" name="firstName"  placeholder="First Name" data-validate="regex(a-z),required" value="${userRegistrationFormBean.firstName}" >
                          <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                      </div>
              </div>
  
              <!-- Last Name -->
               <div class="form-group">
                <label for="LastName">Last Name</label>
                      <div class="input-group">
                          <input type="text" class="form-control" id="lastName" name="lastName"  placeholder="Last Name" value="${userRegistrationFormBean.lastName}" >
                          <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                      </div>
              </div>
  
           <!-- Email -->
              <div class="form-group">
                <label for="InputEmail">Email</label>
                      <div class="input-group">
                          <input type="email" class="form-control" id="emailId" name="emailId"   placeholder="Enter Email" value="${userRegistrationFormBean.emailId}" >
                          <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
                          </div>
              </div>
  
          <!-- Address -->
              <div class="form-group">
                <label for="Address">Address</label>
                      <div class="input-group">
                          <textarea class="form-control col-md-12" id="address"  rows="4" ,cols="4" name="address"  placeholder="Address" value="${userRegistrationFormBean.address}" > </textarea>
                          
                          </div>
              </div>
  
         
         </div>
        </div>
      </div>
  
    <!--   Start the second split -->   
     <div class="col-md-6" >
        <div class=" panel panel-info">
           <div class="panel-heading">
          <!-- DOB -->
          <!-- This is not proper , need to make it perfect. -->
  
           <!-- Ph Number -->
              <div class="form-group">
                <label for="contactNum">Phone Number</label>
                      <div class="input-group">
                          <input type="phone"  id="contactNum" name="contactNum"   placeholder="Phone Number" value="${userRegistrationFormBean.contactNum}" >
                        
                          </div>
              </div>
  
              <div class="form-group">
                <label for="dob">DOB</label>
  
                    <div class="input-group date">
                        <input type="text" id="dob" name="dob" class="datepicker" placeholder= "Select your date of birth" value="${userRegistrationFormBean.dob}" >
                        <!-- bootstrap Date picker -->
                        <script type="text/javascript">
                           $('.datepicker').datepicker(
                              { 
  
negative.code:                            </div>
                        </c:if>
  
              <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 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 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>
  