C006 and C008 styling fixes

cmsWebApp/webroot/css/common.css

@@ -1585,7 +1585,9 @@ table.pos-table{
     border: solid 1px rgba(136,136,136,0.3);
     border-radius: 3px;
     margin-top: 33px;
-    margin-bottom: 38px;    
+    margin-bottom: 38px;   
+    border-collapse: inherit;
+    overflow: hidden;
 }
 .footer-link li{
     display: inline-block;
@@ -2155,7 +2157,7 @@ ul.security-level {
   margin-bottom: 0;
   display: block;
   font-weight: normal;
-  padding: 9px 24.12px;
+  padding: 10px 24.12px 7px;
   cursor: pointer;
 }
 .security-level input[type=radio]{
@@ -2245,6 +2247,7 @@ span.right-s-label{
     margin: 0 auto;
     text-align: center;
     width: 70%;
+    margin-bottom: 50px;
 }
 /*Complete Page End*/
 
@@ -4528,7 +4531,7 @@ img.alert-icon {float: left;}
   .main-application-outline {width: 92%;}
   .app-block {margin: 45px 0 35px;padding: 43px 14px 15px;}
   .app-out-btn{margin-bottom: 8%;}
-  .ratting-number a label{padding: 7px 17.12px;}
+  .ratting-number a label{padding: 8px 17.12px 5px;}
   .ratting-box span{margin: 0 8px;}
   .app-complete-text{width: 75%;}
   .job-post-complete {min-height: 410px;}
@@ -4690,6 +4693,7 @@ img.alert-icon {float: left;}
   .app-block p{line-height: 20px;}
   .app-complete-title{font-size: 20px;}
   .app-complete-text{font-size: 14px;width: 100%;padding: 47px 32px 42px;}
+  .btn-gotojob{padding-bottom: 42px;}
   .job-post-complete {min-height: 199px;}  
   .d-three-box {max-width: 100%;width: 100%;}
   .green-light, .gray-light {margin-right: 0;}
@@ -4758,7 +4762,7 @@ img.alert-icon {float: left;}
   .ratting-number {left: 0;margin: 0;padding-left: 0;position: absolute;right: 0;top: 0;width: 100%;}
   .pagination.ratting-number > li.scaler > a, .pagination.ratting-number > li.scaler> span{float: left;margin-left: 0;width: 14.28%;border-left: 0 none;}
   .pagination.ratting-number > li.ipsative > a, .pagination.ratting-number > li.ipsative > span{float: left;margin-left: 0;width: 20%;border-left: 0 none;}
-  .ratting-number a label{padding: 14px 0;}
+  .ratting-number a label{padding: 15px 0 12px;}
   .pagination.ratting-number > li:first-child > a, .pagination.ratting-number > li:first-child > span{border-bottom-left-radius: 0;border-top-left-radius: 0;border-left: 0;}
   .pagination.ratting-number > li:last-child > a, .pagination.ratting-number > li:last-child > span{border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: 0;}
   .ratting-box {border: 0 none;border-radius: 0;padding: 30px 0 33px;top: -2px;float: left;width: 100%;}
@@ -5127,10 +5131,6 @@ label, label .label-title span {
     font-size: 26px;
 }
 
-.btn-gotojob {
-    border-radius: 100px !important;
-}
-
 .empty-area {
     display: inline-block;
     height: 45px;

cmsWebApp/webroot/extensions/applicantportal/submit_application.jsp

+<%@page contentType="text/html" pageEncoding="UTF-8"%>
 <%@ page extends="oneit.servlets.jsp.JSPInclude" %>
 <%@ include file="/inc/stdimports50.jsp" %><%-- This is in cougar --%>
 <%@ include file="/inc/stdcms.jsp" %><%-- This is in cougar --%>
@@ -31,18 +32,18 @@
             <span><oneit:toString value="<%= job.getJobTitle() %>"  mode="EscapeHTML"/></span>
             <div class="clearfix no-height"></div>
         </div>    
-        <div class="mobile-successfull-show display-none">Thank you <span><img  class="mob-smile-face" src="images/smile-face.png" /></span></div>            
+        <div class="mobile-successfull-show display-none">Thank you 😀</div>            
         <div class="section-page-area complete-back">
             <div class="job-post-complete">
                 <div class="big-right-sy"><span><img src="images/big-right-symbol.svg" /></span></div>
-                <div class="app-complete-title m-hide">Thank you <span><img class="smile-face"src="images/smile-face.png" /></span></div>
+                <div class="app-complete-title m-hide">Thank you 😀</div>
                 <div class="app-complete-text">
                     Your application for 
                     <oneit:toString value="<%= job.getJobTitle() %>"  mode="EscapeHTML"/>
                     has been submitted for review.
                 </div>
                 <oneit:form name="applyJob" method="post" enctype="multipart/form-data">
-                    <div class="section-btn text-center">
+                    <div class="text-center">
                         <oneit:button   value="Return to Job Details"   name="gotoPage" cssClass="btn btn-primary box-btn btn-gotojob"
                                         requestAttribs="<%= CollectionUtils.mapEntry("nextPage", exitPage)
                                                                         .mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())

cmsWebApp/webroot/extensions/applicantportal/workplace_culture.jsp

@@ -62,7 +62,11 @@
         
         function gotoNextQuestion()
         {
-            $("#nextButton").click();
+            setTimeout(
+                function() {
+                    $("#nextButton").click();
+                },
+            1000); // delay in order to visually reinforce selection before advancing
         }
     </script>