﻿/* APPLICATION FORM STLES */

div.front-end div#applicationForm
{
    margin: 0 0 0 1px;
    padding: 10px 0 20px 0;
    width: 978px;
    clear: both;
    background-color: #e7f0f7;
}

/* Validation summary */
div.front-end div#jobSearchResults .errortext,
div.front-end div#applicationForm .errortext
{
    background-color:#ffffff;   
    margin:10px;
    padding:10px;
    color: Red;
    font-weight: bold;
}

div.front-end div#applicationForm div.errortext ul
{
    list-style: square;
    margin: 1em 0 1em 2em;
}

div.front-end div#applicationForm div.errortext ul li
{
    margin: 0 0 3px 0;
    padding: 0;
}

/* APPLICATION FORM */
div.front-end div#applicationForm h2
{
    background-color:#a7cbe7;
    color: White;
    margin: 40px 0 3px 0;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 1.5em;
}

div.front-end div#applicationForm div#personal_details div
{
    margin:10px 0;
}
div.front-end div#applicationForm div#personal_details label
{
    float:left; width:150px;
}
div.front-end div#applicationForm div input.txt
{
    width:300px;
}


div.front-end div#applicationForm div.driver-questions div
{
    margin:5px 0 0 10px;
}

/* END APPLICATION FORM */
        
/* TABLE DATA FOR SCHOOLS AND EMPLOYMENT */                            
div.front-end div#applicationForm table.application
{
    width:100%; 
    border-collapse:collapse;
}
div.front-end div#applicationForm table.application th
{
    text-align:left;
}
div.front-end div#applicationForm table.application td textarea
{
    width:96%; 
    height:90px; 
    margin:0 0 5px 0;
}
/* END TABLE DATA FOR SCHOOLS AND EMPLOYMENT */
           
/* WE HAVE A PURPOSE SECTION */              
div.front-end div#applicationForm div#purpose p
{
    margin:0 0 10px 0;
}
div.front-end div#applicationForm div#purpose textarea
{
    width:750px; 
    height:220px; 
    margin:0;
}
/* END WE HAVE A PURPOSE SECTION */

/* SPACING BETWEEN ALL AREAS OF APP FORM */ 
div.front-end div#applicationForm div#app_intro, 
div.front-end div#applicationForm div#personal_details, 
div.front-end div#applicationForm div#sources, 
div.front-end div#applicationForm div#education, 
div.front-end div#applicationForm div#employment, 
div.front-end div#applicationForm div#purpose, 
div.front-end div#applicationForm div#convictions, 
div.front-end div#applicationForm div#ccjs, 
div.front-end div#applicationForm div#references, 
div.front-end div#applicationForm div#previous_apps, 
div.front-end div#applicationForm div#declaration, 
div.front-end div#applicationForm div#job_spec, 
div.front-end div#applicationForm div#ethnic_origin, 
div.front-end div#applicationForm div#age, 
div.front-end div#applicationForm div#gender, 
div.front-end div#applicationForm div#nationality, 
div.front-end div#applicationForm div#send_form
{
    padding:0 10px;
}

div.front-end div#applicationForm div#send_form
{
    margin-top: 10px;
}

/* END SPACING BETWEEN ALL AREAS OF APP FORM */       
 
/* JOB SPEC */      
div.front-end div#applicationForm div#job_spec span
{
    font-weight:normal;
    float:left;
    width:150px;
}
div.front-end div#applicationForm div#job_spec div
{
    clear:both;
    width:100%;
    display:block;
    margin:4px 0;
    font-weight:bold;
}
/* END JOB SPEC */
            
/* DECLARATION STYLES */

div.front-end div#applicationForm div#declaration label
{
    font-weight:bold;
}

/* END DECLARATION STYLES */
             
/* REFRENCES SECTION */                       
div.front-end div#applicationForm div#references textarea
{
    width:420px; height:90px;
}
div.front-end div#applicationForm div#references div.refForm
{
    float:left;
    width:430px;
}
/* END REFRENCES SECTION */
       
/* SOURCES SECTIONS */                             
div.front-end div#applicationForm div#sources table
{
    float:left; 
    border-collapse:collapse;
}
div.front-end div#applicationForm div#sources table td
{
    padding:6px 0;
}
div.front-end div#applicationForm div#sources table label
{
    width:250px;
}
div.front-end div#applicationForm div#sources div#sources_which
{
    float:left; 
    width:500px; 
    padding:7px; 
    margin:0 0 0 10px;
}
div.front-end div#applicationForm div#sources div#sources_which div
{
    width:100%;
    clear:both;
    min-height:31px;
    height:auto !important;
    height:31px;
}
div.front-end div#applicationForm div#sources div div
{
    min-height:30px; 
    float:left; 
    clear:none;
}
/* END SOURCES SECTIONS */
           
/* CONVICTIONS SECTIONS */
div.front-end div#applicationForm div#convictions textarea
{
    width:750px; 
    height:90px;
}
/* END CONVICTIONS SECTIONS */  

/* CCJ SECTIONS */
div.front-end div#applicationForm div#ccjs textarea
{
    width:750px; 
    height:90px;
}
/* END CCJ SECTIONS */
                                    
/* PREVIOUS APPS SECTIONS */
div.front-end div#applicationForm div#previous_apps div textarea
{
    float:none; 
    width:750px; 
    height:80px; 
    margin:0;
}
div.front-end div#applicationForm div#previous_apps div label.previous
{
    float:none; 
    width:100%; 
    display:block; 
    clear:both; 
    margin:15px 0 5px 0;
}
div.front-end div#applicationForm div#previous_apps div label.wide_label
{
    width:400px;
    float:left;
}
div.front-end div#applicationForm div#previous_apps div table
{
    float:left;
}
div.front-end div#applicationForm div#previous_apps div table label
{
    width:auto; 
    margin:0 0 0 30px;
}
                                    
div.front-end div#applicationForm div#previous_apps div
{
    width:100%; 
    clear:both; 
    margin:0 0 20px 0;
}
/* END PREVIOUS APPS SECTIONS */
                                    
/* DIVERSITY */
div.front-end div#applicationForm div#ethnic_origin table input, 
div.front-end div#applicationForm div#age table input, 
div.front-end div#applicationForm div#gender table input, 
div.front-end div#applicationForm div#nationality table input
{
    float:left; 
    margin:0 5px 0 0;
}
div.front-end div#applicationForm div#ethnic_origin table label, 
div.front-end div#applicationForm div#age table label, 
div.front-end div#applicationForm div#gender table label, 
div.front-end div#applicationForm div#nationality table label
{
    float:left; 
    width:200px;
}
/* END DIVERSITY */                                   
                                    
div.front-end div#applicationForm div.other
{
    padding:10px 0 0 5px;
}

/* APP FORM THANK YOU PAGE */
div.front-end div.thank-you
{
    min-height:200px;
    height:auto !important;
    height:200px;
    padding:10px !important;
    width:703px !important;
    background-color:#e7f0f7;
}