ui fixes in verify identity page

cmsWebApp/webroot/css/common.css

@@ -1710,6 +1710,9 @@ p.job-txt , p.job-txt span{
     height: 45px;
     text-align: right;
 }
+.apply-job-logo-header .logo-img img {
+ height: 100%;
+}
 
 .apply-job-logo-header .header-title {
 	 padding-left: 40px;	
@@ -1717,7 +1720,7 @@ p.job-txt , p.job-txt span{
 	font-size: 26px;
 	font-weight: bold;
 	line-height: 60px;
-        width: 40%;
+        width: 66%;
          float: left;
 }
 
@@ -1975,6 +1978,45 @@ table.pos-table{
     font-weight: normal;
     margin-bottom: 13px;
 }
+
+.seperate-line{
+    margin-top: 40px;
+    margin-bottom: 40px;
+    border: 0;
+    border-top: 1px solid #E5E5E5;
+}
+
+.relocate-warning-box {
+    border: 1px solid #F9623D;
+    border-radius: 3px;
+    background-color: #F5F7F8;
+    padding: 30px;
+    text-align: left;
+    margin: 40px 0;
+    position: relative;
+}
+.relocate-warning-box .styled_checkboxes{margin-top: 30px;}
+.relocate-warning-box .styled_checkboxes .checkbox, .relocate-warning-box .styled_checkboxes .checkbox label {margin: 0;}
+.relocate-warning-box p{
+    color: #4A4A4A;
+    line-height: 22px;
+    font-size: 14px;
+    font-weight: 300;
+}
+.relocate-warning-box  .warning-icon{
+            top: 24px;
+    left: -16px;
+	box-sizing: border-box;
+	height: 32px;
+	width: 32px;
+	
+        position: absolute;
+        border-radius: 50%;
+         background: url('../images/icon-requirements.png') #F9623D no-repeat center center ;
+         background-size: 25%;
+
+}
+
 /*Verify Identity Page End*/
 
 /*Application Outline Page*/

cmsWebApp/webroot/extensions/applicantportal/verify_identity.jsp

@@ -155,11 +155,12 @@
                     <label><oneit:ormlabel  obj="<%= candidate %>"    field="Phone" /></label>
                     <oneit:ormInput obj="<%= candidate %>"      type="text" attributeName="Phone"       cssClass="form-control second-style"    required="true"/>
                 </div>
+                <hr class="seperate-line">
                 <div class="form-group text-left">
                     <label>Location</label>
                     <oneit:ormInput obj="<%= candidate %>" type="text" attributeName="GoogleAddressText" class="autoAddress" id="<%= "gAddress_"+candidate.getObjectID() %>" placeholder="Enter your address" cssClass="form-control" />
                 </div>
-                <div class="form-group text-left">
+                <div class="form-group text-left" style="margin-top: 30px;">
                     <div class="styled_checkboxes">
                         <div class="checkbox checkbox-primary">
                             <oneit:ormInput obj="<%= candidate %>"  id="prefer-remote"    attributeName="PreferRemote"  type="checkbox"/>
@@ -171,24 +172,27 @@
                         </div>
                     </div>
                 </div>
-                <div class="form-group text-left">
-                    <label>
-                        We noticed that your location is different to the location of the job (Melbourne, 3000).<br/>
-                        Are you prepared to relocate for this position?
-                    </label>
-                </div>
-                <div class="form-group text-left">
-                    <div class="styled_checkboxes">
-                        <div class="checkbox checkbox-primary">
-                            <oneit:ormInput obj="<%= candidate %>"  id="happy-to-relocate"  attributeName="HappyToRelocate" type="checkbox" />
-                            <oneit:recalcClass  htmlTag="span"  classScript="candidate.showHappyToRelocate() ? 'checked': 'unchecked'"    candidate="<%= candidate %>">
-                                <label for="happy-to-relocate">
-                                    <oneit:label GUIName="Yes, I am happy to relocate"/>
-                                </label>
-                            </oneit:recalcClass>
+                <div class="relocate-warning-box">               
+                    <p>
+                            We noticed that your location is different to the location of the job (Melbourne, 3000).
+                    </p>
+                    <p>
+                            Are you prepared to relocate for this position?
+                    </p>   
+                   
+                        <div class="styled_checkboxes">
+                            
+                            <div class="checkbox checkbox-primary">
+                                <oneit:ormInput obj="<%= candidate %>"  id="happy-to-relocate"  attributeName="HappyToRelocate" type="checkbox" />
+                                <oneit:recalcClass  htmlTag="span"  classScript="candidate.showHappyToRelocate() ? 'checked': 'unchecked'"    candidate="<%= candidate %>">
+                                    <label for="happy-to-relocate">
+                                        <oneit:label GUIName="Yes, I am happy to relocate"/>
+                                    </label>
+                                </oneit:recalcClass>
+                            </div>
                         </div>
-                    </div>
-                </div>
+                   <span class="warning-icon"></span>
+                </div>  
                 <%
                     if(isVerify)
                     {