html, body {
    margin:0;
    padding:0;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}
a{
    color: #000099;
}
#wrapper {
    min-width: 1000px;
    min-height:100%;
    position:relative;
    _height: 100%;
}
#header{
    outline: 1px solid #DDD;
    height: 99px;
    overflow: hidden;
    background: none repeat scroll 0 0 #FFFFFF;
}
#header-wrap {
    width: 960px;
    background:#FFF;
    text-align: center;
    margin: 0 auto;
}
#logo{
    width: 287px;
    height: 52px;
    float:left;
    margin-top: 25px;
}

.ibpublishing_homepage_logo{
    background: url('../img/recruitment/header/logo.jpg') no-repeat 0 0;
}

.ibpublishing_category_logo{
    background: url('../img/recruitment/header/logo.jpg') no-repeat 0 0;
    cursor: pointer;
}

#nav ul{
    margin: 0;
    padding: 0;
}
#nav li{
    display: inline;
    line-height: 100px;
}
#nav li:first-child{
    padding-left: 0px;
}

#nav a {
    font-size: 14px;

    float: right;

    margin-left: 25px;

    text-decoration: none;

    color: #333;
}

#nav li a:hover{
    color: #000;
    cursor: pointer;
}
#nav_login_link{
    background: url('../img/recruitment/header/login-normal.png') no-repeat 0 0;
    margin-top: 33px;
    height: 35px;
    width: 66px;
}

#nav_login_link:hover, #preloaded-image-1{
    background: url('../img/recruitment/header/login-hover.png') no-repeat 0 0;
}

#nav_logout_link{
    background: url('../img/recruitment/header/logout-normal.png') no-repeat 0 0;
    margin-top: 33px;
    height: 35px;
    width: 78px;
}

#nav_logout_link:hover, #preloaded-image-2{
    background: url('../img/recruitment/header/logout-hover.png') no-repeat 0 0;
}

#nav #recruitment--category-name {
    font-size: 18px;

    float: right;
}

#content, #pagecontent {
    padding:0 0 100px 0;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
}

@media only screen and (max-width: 1020px) {
    /* === Header Tablet and Mobile === */
    #wrapper {
        min-width: auto;
        min-height: auto;
    }

    #header {
        width: calc(100% - 20px);
        padding: 5px 10px;
        height: auto;
    }

    #header-wrap {
        width: auto;
        margin: 0 0;
    }

    #logo {
        width: 175px;
        margin: 0;
    }

    .ibpublishing_homepage_logo {
        background: url('../img/recruitment/header/logo.jpg') no-repeat 0 center;
        background-size: 175px;
    }

    #nav_login_link { margin-top: 10px; }

    #nav_logout_link { margin-top: 10px; }

    #nav li { line-height: 50px; }

    #nav a { margin-left: 10px; }

    .ibpublishing_category_logo { background-size: 175px !important; }

    #nav #recruitment--category-name {
        font-size: 21px;
        line-height: 35px;

        width: 100%;
        margin: 10px 0;

        text-align: left;
    }
}

@media only screen and (max-width: 365px) {
    #nav a { margin-left: 5px; }
}

/* BEGIN FOOTER STYLE*/
#footer {
    width: 100%;
    height: 100px;
    position:absolute;
    bottom:0;
    left:0;
    background: url('../img/recruitment/footer/footer-bg.jpg') repeat-x;
    font-size: 13px;
    color: #999;
}

#footer a{
    text-decoration: none;
    color: #CCC !important;
    font-weight: bold;
}
#footer a:hover{
    color: #EEE;
}

#footer_wrapper{
    width: 1200px;
    margin: 0 auto;
    margin-top: 25px;
}

#footer_logo { float: left; }

#footer_data_left{
    float:left;
    padding:8px 0px 0px 30px;
}

#footer_menu{
    font-weight: bold;
}

#footer_menu a + a:before {
  content: ' | ';
}

#footer_data_right{
    float:right;
    text-align:right;
    color: #CCC;
    padding-top: 8px;
}
.footer_data_image{
    vertical-align:middle;
    margin-right: 9px;
}

@media only screen and (max-width: 1210px) {
    /* === Footer Tablet === */
    #footer {
        height: auto;

        background-color: #3b4956;
    }

    #footer_wrapper { width: auto; }

    #footer_wrapper img {
        display: block;
        float: none;

        margin-right: auto;
        margin-left: auto;
    }

    #footer_data_left {
        float: none;

        padding: 0;

        text-align: center;
    }

    #footer_data_right {
        float: none;

        padding-bottom: 35px;

        text-align: center;
    }

    #footer_menu {
        display: block;

        margin-top: 20px;
        margin-bottom: -10px;
    }

    #footer_wrapper img.footer_data_image {
        display: inline;

        margin-right: 5px;
    }
}

@media only screen and (max-width: 679px) {
    /* === Footer Mobile === */
    #footer_menu {
        margin-top: 10px;
        margin-right: 23%;
        margin-bottom: 20px;
        margin-left: 23%;
    }

    #footer_copycat {
        display: block;

        margin: 0 25px;
    }

    #footer_data_right { padding-top: 0; }
}

/* END FOOTER STYLE */

#application_categories{
    font-size: 1.1em;
    letter-spacing: -1px;
}
#application_categories_instructions{
    font-size: 18px;
    text-align: center;
    width: 100%;
    color: #394854;
    font-weight: bold;
}

#application_categories_list_container{
    width: 960px;
    margin:0 auto;
    text-align: center;
}

#application_categories_divider{
    padding-top: 5px;
    width: 960px;
    margin:0 auto;
}

.application_categories_list {
    float: left;

    width: 100%;
    margin: 10px 0 25px 0;
    padding: 0;

    list-style-type: none;

    column-count: 3;
}

.application_categories_list li{
    padding: 0 0 16px 0px;
}

.application_categories_list a{
    color: #000099;
    text-decoration: none;
    font-weight:400;
}

.application_categories_list a:hover{
    color: #000033;
}


@media only screen and (max-width: 1210px) {
  #application_categories_list_container {
    margin-bottom: 130px;
  }
}

#homepage_banner{
    height: 400px;
    margin-bottom: 20px;
    background: url("../img/recruitment/home/home-maingraphic.jpg") no-repeat center 0 transparent;
    letter-spacing: -1px;
}

#homepage_banner_wrapper{
    width: 960px;
    margin:0 auto;
}

.round_corner_div{
    border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#homepage_banner_text{
    height: 70px;
    width: 390px;
    float:right;
    font-size: 16px;
    position: relative;
    top: 70px;
    right: 90px;
    text-align: center;
}

#homepage_banner_header{
    width: 680px;
    float: right;
    color: #000;
    position: relative;
    right: 110px;
    top: 35px;
    font-weight: bold;
    font-size: 36px;
}

.modal-overlay  {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background:#000;
    -moz-opacity: 0.75;
    opacity:.75;
    filter: alpha(opacity=75);
    z-index:101;
}
.modal-window{
    background: #FFF;
    position:fixed;
    top:50%;
    left:50%;
    margin:0;
    padding:10px;
    z-index:102;
    color: #000;
    font-size: 14px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
}


* html .modal-overlay {
    position: absolute;
}

* html .modal-window {
    position: absolute;
}

.close-window
{
    position:absolute;
    width:32px;
    height:32px;
    right:-12px;
    top:-12px;
    background:transparent url('../img/recruitment/form/close-button.png') no-repeat scroll right top;
    text-indent:-99999px;
    overflow:hidden;
    cursor:pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
    );
}

.dialog_input {
    margin-bottom: 12px;
    padding: 0.4em;
    width: calc(100% - 0.8em - 4px);
    font-size: 1em;
    border: 1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dialog_fieldset {
    border: 0 none;
    padding: 15px 10px;
    color: #333;
    background: #f2f2f2;
    margin-bottom: 15px;
}

.signup_form{
    margin-bottom: 0px!important;
}

.signup_form input{
    width: 265px;
}
#login_modal h2{
    color: #394854;
    font-size: 24px;
    letter-spacing: -1px;
    margin: 5px 10px;
}

#landingpage_login h2, #landingpage_description h2, #aboutus_container .section_header{
    border-bottom: 2px solid #CCCCCC;
    color: #394854;
    font-size: 20px;
    letter-spacing: -1px;
    margin: 5px 0px;
    padding-bottom: 10px;
}

#landingpage_login h2{
    margin: 5px 10px;
}

.small_submit_btn{
    background:url("../img/recruitment/form/small-submit-normal.png") no-repeat;
    width: 81px;
    height: 35px;
    margin:0px 0px 0px 10px;
    cursor:pointer;
    vertical-align: middle;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.small_submit_btn:hover, #preloaded-image-3{
    background:url("../img/recruitment/form/small-submit-hover.png") no-repeat;
}

.cancel_link{
    color:#666;
    font-weight:800;
    text-decoration:none;
    font-size: 16px;
    margin-left: 10px;
}

.login_btn{
    background:url("../img/recruitment/form/login-normal.png") no-repeat;
    width: 81px;
    height: 35px;
    margin:0px 0px 0px 10px;
    cursor:pointer;
    vertical-align: middle;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.login_btn:hover, #preloaded-image-4{
    background:url("../img/recruitment/form/login-hover.png") no-repeat;
}

.create_account_btn{
    background:url("../img/recruitment/form/create-account-normal.png") no-repeat;
    width: 152px;
    height: 35px;
    cursor:pointer;
    vertical-align: middle;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.create_account_btn:hover, #preloaded-image-5{
    background:url("../img/recruitment/form/create-account-hover.png") no-repeat;
}

.dialog_btn{
    background: #fbd685;
    border: 1px solid #e6bd4c;
    padding: 3px 0px;
    margin: 10px auto;
    width: 28%;
}

.dialog_btn:hover{
    background: #fcce77;
}

.dialog_btn_inactive{
    background: #EEE;
    text-align: center;
    padding: 3px 0px;
    display:block;
    margin: 10px auto;
    width: 28%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.forgot_password_link{
    cursor: pointer;
    color: #000099;
    text-align:center;
    font-size: 12px;
}

.forgot_password_link:hover{
    color:#0000BB;
    text-decoration: underline;
}

#dialog_forgot_password_link{
    float:right;
}

.login_link{
    cursor: pointer;
    color: #000099;
}

.login_link:hover{
    color:#0000BB;
    text-decoration: underline;
}

#landingpage_banner{
    height: 300px;
    margin-bottom: 20px;
    background: url("../img/recruitment/landing_page/main-graphic-bg-1x300.jpg") repeat-x 0 0;
    letter-spacing: -1px;
}

#landingpage_login{
    margin:0 auto;
    background-color: #F2F2F2;
    color: #394854;
    border: 1px solid #CCC;
    width: 300px;
    height: auto;
}

#landingpage-login--wrapper {
    float: right;

    margin-top: 0;
    margin-bottom: 20px;
}

#landingpage_application_process{
    margin:0 auto;
    color: #394854;
    float:right;
    width: 300px;
    height: 100px;
    text-align: justify;
    padding: 20px 0;
}
#landingpage_application_process div{
    float: left;
    font-size: 14px;
    height: 100px;
    text-align: center;
    width: 78px;
}

#landingpage_application_process .divider{
    width:30px;
}

#landingpage_banner_wrapper{
    width: 100%;
    margin: 0 auto;
}

.landingpage_elements{
    width: 960px;
    margin:0 auto;
    position: relative;
}

#landingpage_main_image{
    vertical-align: middle;
    width: 100%;
    height: 300px;
    z-index: -10;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

#landingpage_main_image img{
    width: 100%;
    height: 100%;
}

#landingpage_information{
    width:630px;
    float:left;
}

#landingpage_thumbnail_image{
    width:50px;
    height: 50px;
    vertical-align: middle;
    margin-right: 10px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;/*IE*/
}

#landingpage_thumbnail_image img{
    width: 100%;
    height: 100%;
}

#landingpage_description p{
    margin-top:0;
}

#quote_container{
    width:235px;
    border-left: 1px solid #CCC;
    padding: 20px 0px 20px 20px;
    float: right;
    font-size: 12px;
    margin: 15px 0px 10px 30px;
}

#quote_container q{
    font-style:italic;
}

#signature_container{
    margin-top:20px;
}

#signature_text{
    width: 170px;
    vertical-align: middle;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

#aboutus_container, #ourcontent_container, #applicationstatus_container{
    width: 960px;
    margin: 0 auto;
}

#aboutus_container, #ourcontent_container{
    margin-bottom: 70px;
}

#aboutus_container .section_paragraph{
    margin-bottom: 45px;
    margin-top: 10px;
}
#aboutus_container h3, #ourcontent_container h3 {
    font-size: 18px !important;
    color: #394854;
}

#aboutus_container p{
    margin: 0px 0px 40px 10px;
}
#aboutus_banner, #ourcontent_banner{
    height: 95px;
    margin-bottom: 45px;
    background: url("../img/recruitment/main-graphic-bg-1x95.jpg") repeat-x 0 0;
    letter-spacing: -1px;
}
#aboutus_title h2, #ourcontent_title h2 {
    color: #394854;
    font-size: 24px;
    margin: 0;
    line-height: 95px;
}

#aboutus_title, #ourcontent_title {
    margin:0 auto;
    width:960px;
    height:95px;
    overflow: hidden;
}

.ourcontent_article_image{
    float:left;
    border:1px solid #000;
    width:130px;
    height:210px;
}
.ourcontent_article_title{
    margin: -3px 0px -10px 0px;
}

a > .ourcontent_article_text > h3:hover{
    text-decoration: underline;
}

.ourcontent_article_teaser{
    margin: 25px 0 0 0px;
    float: right;
    width: 805px;
}

div.ourcontent_article_text{
    padding: 0px;
    min-height: 15px;
    width: 805px;
    float: right;
}

#ourcontent_intro_text{
    margin-bottom: 25px;
}

.ourcontent_article{
    min-height: 210px;
    border-top: 2px solid #CCCCCC;
    padding-top: 25px;
}

.validation-highlight{
    border: 1px dashed #FF9900;
    background: #fbf9ee 50% 50% repeat-x;
    color: #363636;
}

.validation-error{
    border: 1px solid #cd0a0a;
    background: #fef1ec 50% 50% repeat-x;
    color: #cd0a0a;
}

.buttonsContainer{
    border: solid 1px lightgray;
    width: auto;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.attachmentContainer{
    height: 25px !important;
    width:  570px !important;
    margin: 0!important;
}

.applicationPersonalInfo{
    float:left;
    width: 180px;
    text-align: right;
    margin-right: 10px;
    padding: 2px;
}

.applicationRow{
    height: 30px;
}

.applicationRequiredFields{
    float:left;
    margin-left: 05px;
}

.applicationRequiredFieldsError{
   color:red;
   font-weight: bold;
}

.uploadErrors{
    color:red;
    font-size: 12px;
    font-weight: bold;
}

.applicationDiv{
    width: 800px;
    margin: 0 auto;
    text-align: justify;
}

.applicantForm{
    width: 1000px;
    margin-top: 25px;
}

#landingpage_description a{
    color:#3C78B5;
}

.phoneDashDivs{
    float:left;
    width: 12px;
    text-align: center;
}

#formContainer{
    margin-bottom: 30px;
    margin-top: 30px;
}

.application_form_button{
    background-color: #6679a1;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 2px;
    height: 30px;
    bottom:0;
    left:0;
    border-color: #6679a1;
    width: 170px;
}

.application_form_button:hover{
    background: #7183AA;
}

.application_form_button:active{
    background: #7183AA;
}

#applicationstatus_monitor{
    width: 800px;
    margin:0 0 0 150px;
}

#applicationstatus_monitor_top_ul{
    width: 370px;
    margin:0 auto;
    padding:0;
    list-style-type: none;
}

#applicationstatus_monitor_left_ul{
    float:left;
    width: 415px;
    padding:0;
    margin: 0;
    list-style-type: none;
}

#applicationstatus_monitor_right_ul{
    float:left;
    width: 380px;
    padding:0;
    margin: 0;
    list-style-type: none;
}
li.ok{
    background: url('../img/arthur/Check.jpg') no-repeat 24px 0px;
    padding: 4px 0px 10px 55px;
}

li.error{

}

li.pending{
    background: url('../img/arthur/pending.jpg') no-repeat left top;
    padding: 3px 0px 3px 55px;
    margin: 5px;
}

li.error{
    background: url('../img/arthur/X.jpg') no-repeat 24px 0px;
    padding: 4px 0px 10px 55px;
}

.ourcontent_article_text > a{
    color: #555555;
    text-decoration: none;
}
.hidden{
    visibility:hidden;
}
#appErrorMessage{
    color: red;
    float: left;
    margin: 24px;
    font-weight: 800;
}

.file {
    width:auto;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

/* style text of the upload field and add an attachment icon */
.file .button {
    text-indent:12px;
    font-size:12px;
    height:40px;
    line-height:40px;
    display: block;
}

/* hide the real file upload input field */
.file input {
    cursor: pointer;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    font-size: 100px;
}

.fileuploadInput{
    height:18px;
    margin-top:5px;
    width: 230px;
    float:left;
    overflow: hidden;
    border: solid 1px #919B9C;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.fileuploadButton{
    width: 50px;
    margin-top: 5px;
    font-size: 10px;
    background: #eee;
    margin-left: 5px;
    float:left;
    border: solid 1px #919B9C;
    background-color:#e0e0e0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: middle;
    padding:4px;
    text-align:center;
    font-weight: normal;
}
#w9PageContainer{
    padding:0 0 100px;
    font-size: 14px;
}

@media only screen and (max-width: 1210px) {
  #content {
    padding-bottom: 220px;
  }

  #w9PageContainer {
    padding-bottom: 250px;
  }
}

#writerApplicationForm .section_header,
#applicationstatus_container .section_header,
#w9PageContainer .section_header{
    border-bottom: 2px solid #CCC;
    margin: 45px 0 25px;
    padding: 0 0 10px;
}
#writerApplicationForm .applicationRow,
#w9PageContainer .applicationRow{
    height: 30px;
    margin: 0 0 7px;
}
#writerApplicationForm .applicationRow{
    width: 526px;
}
#w9PageContainer .applicationRow{
    width: 960px;
}
#writerApplicationForm h2,
#w9PageContainer h2{
    font-size:  24px;
    color: #394854;
}
#writerApplicationForm h3,
#applicationstatus_container h3,
#w9PageContainer h3{
    font-size: 18px;
    color: #394854;
    clear:both;
}
#writerApplicationForm #application_title_wrapper,
#w9PageContainer #application_title_wrapper{
    width: 100%;
    border-top: 2px solid #DDD;
    border-bottom: 1px solid #DDD;
    background-color: #F2F2F2;
    margin-bottom: 40px;
    min-height: 95px;
}
#writerApplicationForm #application_title,
#w9PageContainer #application_title{
    margin: 0 auto;
    width: 960px;
    line-height: 95px;
}
#writerApplicationForm .applicationDiv,
#applicationstatus_container,
#w9PageContainer .applicationDiv{
    width: 960px;
    margin: 0 auto;
    text-align: justify;
}
#applicationstatus_container{
    margin: 0 auto 25px;
}
#writerApplicationForm #formContainer
{
    margin: 10px 10px 30px 84px;
    width: 526px;
    float:left;
}
#w9PageContainer #w9PersonalInfoForm{
    width: 960px;
    float:left;
}
#w9PageContainer #w9CertifyAgreement{
    height:500px;
    background-color:#DEDEDE;
    overflow:auto;
    margin: 5px 0;
}
#writerApplicationForm #formContainer .applicationPersonalInfo,
#w9FormContainer .applicationPersonalInfo{
    float: left;
    margin-right: 10px;
    padding: 6px 0 0;
    text-align: right;
}
#writerApplicationForm #formContainer .applicationPersonalInfo{
    width: 184px;
}
#w9FormContainer .applicationPersonalInfo{
    width: 300px;
}
#writerApplicationForm #formContainer input,
#w9FormContainer input{
    float: left;
    font-size: 1em;
    padding: .4em;
    border: 1px solid #AAA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 304px;
}
#w9FormContainer input[type="checkbox"]{
    margin: .8em 0 ;
    width:20px;
}
#w9FormContainer #taxes_div{
    clear:both;
}
#writer_consulting_agreement input[type="checkbox"],
#nolo_content_agreement input[type="checkbox"]{
    margin: .8em ;
}
#writerApplicationForm #formContainer select,
#w9FormContainer select{
    float: left;
    font-size: 1em;
    padding: 0.3em;
    width: 318px;
    margin: 2px 0;
    border:1px solid #AAA;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#w9FormContainer #SSN div,
#w9FormContainer #EIN div{
    float:left;
}

#w9FormContainer #w9_secure_div input,
#initials_div input{
    width: 60px;
    float:none;
}
#w9SignatureData {
    width: 960px;
    border-top:1px solid #DDD;
    padding-top:20px;
    margin-top:15px;
    clear:both;
}

#paypalFormSection {
    width: 960px;
    border-top:1px solid #DDD;
    clear:both;

    padding-bottom: 45px;
    padding-top: 5px;
    margin-top: 25px;
}
#paypalFormSection .input_extra_info {
    width: 318px;
    text-align: center;
}

#paypalFormSection  .section_sub_header {
font-weight: normal;
    font-size: 18px;
    margin-top: 11px;
    color: #4a4a4a;
}

.separator-line {
    width: 960px;
    border-top:1px solid #DDD;
    padding-top:20px;
    margin-top:15px;
    clear:both;
    float:left;
}

#writerApplicationForm #phone_codes_div {
    float: right;

    width: 326px;
}

#writerApplicationForm #phone_div{
	height:55px;
}
#writerApplicationForm #phone_codes_div div {
    float: left;

    margin: 0 2px;
}

#writerApplicationForm #phone_info_div,
#w9FormContainer .input_extra_info{
	clear:both;
	font-size:11px;
	padding-top:3px;
}
#w9FormContainer .input_extra_info{
    padding-left:310px;
    margin-bottom:3px;
    position:relative;
    top: -5px;
}
#writerApplicationForm #applicationProcess,
#writerApplicationForm #applicationFormErrorMessage{
	float:right;
	width:300px;
	margin:0 0 0 40px;
        position:relative;
}
.divider div{
	border-bottom:2px solid #CCC;
	width:30px!important;
	height:50px!important;
}
#writerApplicationForm #applicationProcess .divider{
    width:30px;
}
#writerApplicationForm #applicationProcess div{
	width:78px;
	height:100px;
	float:left;
	font-size:14px;
        text-align:center;
}
.app-process-header{
	position:relative;
	top:0;
}
.app-process-footer{
	position:relative;
	bottom:15px;
}
.app-process-complete{
	background: url('../img/recruitment/complete/step-complete.jpg') center center no-repeat #FFF;
}
.app-process-active-1{
	background: url('../img/recruitment/complete/step1-active.png') center center no-repeat #FFF;
}
.app-process-inactive-2{
	background: url('../img/recruitment/complete/step2-inactive.png') center center no-repeat #FFF;
}
.app-process-active-2{
	background: url('../img/recruitment/complete/step2-active.png') center center no-repeat #FFF;
}
.app-process-inactive-3{
	background: url('../img/recruitment/complete/step3-inactive.png') center center no-repeat #FFF;
}
.app-process-active-3{
	background: url('../img/recruitment/complete/step3-active.png') center center no-repeat #FFF;
}
#writerApplicationForm .applicationRequiredFields,
#w9FormContainer .applicationRequiredFields{
    float:none;
    margin:0;
}
#writerApplicationForm .questionDiv{
    padding: 0;
    width: 100%;
    text-align: justify;
    margin: 0 0 20px;
}
#writerApplicationForm .applicationUploadFiles .application_upload_file > div,
#writerApplicationForm .applicationLinkedIn .applicationRow > div{
    float:left;
}
#writerApplicationForm .applicationLinkedIn input,
#writerApplicationForm .applicationUploadFiles .fileuploadInput{
    font-size: 1em;
    padding: .4em;
    border: 1px solid #AAA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width:230px;
}
#writerApplicationForm .applicationLinkedIn,
#writerApplicationForm .applicationUploadFiles{
    clear:both;
    width:100%;
}
#writerApplicationForm .applicationLinkedIn img{
    margin: 5px 0 0 0;
}
#writerApplicationForm .applicationLinkedIn .applicationRow{
    width:900px;
    height:35px;
    padding:5px 0;
}
#writerApplicationForm .applicationUploadFiles .uploadErrors{
    padding:1em 1em 0;
    height: 36px;
    float:left;
}
#writerApplicationForm .applicationUploadFiles .fileuploadButton{
    background: url('../img/recruitment/form/browse.png') center center no-repeat transparent;
    height: 32px;
    margin: 5px;
    width: 87px;
    padding:0;
    border: none;
}
#writerApplicationForm .applicationUploadFiles > p,
#writerApplicationForm .applicationLinkedIn > p{
    margin: 1em 0 0;
}
#writerApplicationForm #save_application,
#writerApplicationForm #save_application:visited{
    background: url('../img/recruitment/form/save-normal.png') center center no-repeat transparent;
}
#writerApplicationForm #submit_application,
#writerApplicationForm #submit_application:visited,
#w9PageContainer #submit_application,
#w9PageContainer #submit_application:visited{
    background: url('../img/recruitment/form/submit-normal.png') center center no-repeat transparent;
}
#writerApplicationForm #save_application:hover,
#writerApplicationForm #save_application:active,
#preloaded-image-6{
    background: url('../img/recruitment/form/save-hover.png') center center no-repeat transparent;
}
#writerApplicationForm #submit_application:hover,
#writerApplicationForm #submit_application:active,
#w9PageContainer #submit_application:active,
#w9PageContainer #submit_application:hover,
#preloaded-image-7{
    background: url('../img/recruitment/form/submit-hover.png') center center no-repeat transparent;
}
#writerApplicationForm .buttonsContainer,
#w9PageContainer .buttonsContainer{
    width:360px;
    border:none;
    padding:0;
    text-align:left;
    margin:25px 0;
}
#writerApplicationForm .buttonsContainer button,
#writerApplicationForm .buttonsContainer button:hover,
#writerApplicationForm .buttonsContainer button:visited,
#writerApplicationForm .buttonsContainer button:active,
#w9PageContainer .buttonsContainer button,
#w9PageContainer .buttonsContainer button:hover,
#w9PageContainer .buttonsContainer button:visited,
#w9PageContainer .buttonsContainer button:active{
    width: 152px;
    height: 35px;
    border: medium none;
    display: block;
    padding: 0;
    margin: 0 25px 0 0;
    float:left;
    cursor: pointer;
}
#WriterApplication_stateInput{
    width:210px;
}

.separator-div{
    width: 45px;
    height: 110px;
    display: inline-block;
    zoom:1;
    *display:inline;
}

.separator-div div{
    border-bottom:2px solid #CCC;
    width:30px;
    height:45px;
    margin: 0 auto;
}

.step-container{
    margin-top: 30px;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.step-title-container{
    width:80px;
    height: 20px;
    text-align: center;
}

.step-img-container{
    width: 80px;
    height: 55px;
}

.step-completed-img{
    background: url("../img/recruitment/complete/step-complete.jpg") no-repeat center;
}

.third-step-img{
   background: url("../img/recruitment/complete/step3-active.png") no-repeat center;
}

.step-text-container{
    width:80px;
    height: 40px;
    text-align: center;
}

.application-sumbitted{
    text-align: center;
    margin: 75px auto 0;
    font-size: 15px;
    padding: 0 50px 70px 50px;
}

.thanyou-message{
    text-align: center;
    font-size: 15px;
    margin: 150px auto 0;
    padding: 0 50px 70px 50px
}

.complete-page{
    padding-top: 70px;
    padding-bottom: 70px;
        min-height: 350px;
}

.applicationPolicy{
    color: #536870;
    line-height: 1.6;
    margin-top: 20px;
}

.applicationPolicy a{
    color: #3ca2bb;
}

.applicationPolicyCheckbox{
    margin-top: 10px;
    color: #000;
    font-weight: bold;
}

.applicationPolicyCheckbox input[type="checkbox"]{
    color: #FFF;
    display: inline-block;
}

.page-color-overlay{
    background: rgba(0,0,0,0.5);
    min-width: 100%;
    min-height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 100;
}

.privacy-notice-popup{
    width: 800px;
    max-width: 800px!important;
    height: 800px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    position: fixed;
}

@media (max-width: 800px) {
    .privacy-notice-popup{
        width:100%;
    }
}

@media (max-height: 800px) {
    .privacy-notice-popup{
        transform: translate(-50%, 0%);
        top: 0px;
    }
}

.privacy-notice-header{
    padding: 10px 20px;
    background: #33434b;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
    display: flex;
}

.steps-div-backgroud{
    margin: 0 auto;
    height:187px;
    width:500px;
    background: url("../img/recruitment/complete/complete-bg.png") no-repeat 0 0;
}

.steps-div-content{
    height:115px;
    text-align: center;
    font-size:15px;
}

.tinymce_textarea{
    padding-bottom: 10px;
}

.writing_sample p{
    margin:0 0 20px 0;
}

.writing_sample_attachment{
    float: left;
    margin: 0 0 15px 0;
    border:1px solid #CCC;
    padding: 10px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#w9PageContainer input[type=radio], #w9PageContainer [type="checkbox"]{
    width: 20px!important;
    float: none!important;
    border: 0!important;
    padding: 0!important;
}

#w9PageContainer legend{
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
#preloaded-images{
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
#preloaded-images li{
    height: 1px;
    width: 1px;
}

#writerApplicationForm #formContainer #phone_codes_div input { box-sizing: border-box; }

#writerApplicationForm #phone_codes_div #WriterApplication--country-code { width: 50px; }

#writerApplicationForm #phone_codes_div #WriterApplication--city-code { width: 60px; }

#writerApplicationForm #phone_codes_div #WriterApplication--phone-input {
    width: auto;
    max-width: 160px;
}

@media only screen and (max-width: 1020px) {
    /* === Content Tablet === */
    #content {
        min-height: 62vh;
        padding-bottom: 220px;
    }

    #homepage_banner {
        height: auto;

        background: url('../img/recruitment/home/home-maingraphic.jpg') no-repeat 37% 0 transparent;
        background-size: 250%;
    }

    #homepage_banner_wrapper { width: auto; }

    #homepage_banner_header {
        font-size: 3.5vw;

        position: static;

        width: calc(100% - 20px);
        margin: 40px 75px 43.5vw auto;

        text-align: right;
        letter-spacing: 0;
    }

    #landingpage-login--wrapper {
        float: none;

        margin-top: 10px;
    }

    #application_categories_divider {
        width: auto;
        padding-top: 10px;
    }

    #application_categories_divider img {
        width: calc(100% - 56px);
        margin: 10px 0;
        padding: 0 28px;
    }

    #application_categories_list_container { width: auto; }

    .application_categories_list {
        width: 100%;
        margin-bottom: 0;

        column-count: 2;
    }

    ul.application_categories_list { margin-top: 0; }

    #homepage_banner_text {
        font-size: 16px;

        position: static;

        float: none;

        width: calc(100% - 66px);
        height: auto;
        margin: 0 33px;
        margin-bottom: 40px;

        text-align: left;
        letter-spacing: .11px;
    }

    #application_categories_instructions {
        font-size: 16px;
        font-weight: 700;

        width: calc(100% - 60px);
        padding: 0 30px;

        text-align: left;
        letter-spacing: .11px;

        color: #333;
    }

    #application_categories_list_container {
        margin-bottom: 60px;
        padding: 0 33px;

        text-align: left;
    }

    .landingpage_elements {
        width: auto;
        margin: 0 10px;
    }

    #landingpage_information {
        float: none;

        width: auto;
    }

    #landingpage_main_image,
    #landingpage_banner { height: 176px; }

    #landingpage_application_process { float: none; }

    #applicationstatus_container {
        width: auto;
        margin: 0 10px 25px 10px;
    }

    #applicationstatus_monitor {
        width: auto;
        margin: 0;
    }

    #applicationstatus_monitor_top_ul { width: auto; }

    #applicationstatus_monitor_left_ul,
    #applicationstatus_monitor_right_ul {
        float: none;

        width: auto;
    }


    #nav a#nav_dashboard_link {
        margin-left: 0;
        padding-top: 1px;
    }

    li.ok,
    li.error {
        padding: 4px 30px 10px 60px;

        background-position: 20px 0;
    }

    #applicationstatus_status_header.section_header { margin: 25px 0 25px; }

    #applicationstatus_container { margin: 0 10px 80px 10px; }

    #writerApplicationForm .applicationDiv {
        width: calc(100% - 20px);
        margin: 0 10px;
    }


    #writerApplicationForm #applicationProcess { display: none; }

    #writerApplicationForm #formContainer {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #writerApplicationForm .applicationRow {
        width: 100%;
        margin-bottom: 28px;
    }

    #writerApplicationForm #formContainer .applicationPersonalInfo {
        width: 100%;
        margin-bottom: 4px;

        text-align: left;
    }

    #writerApplicationForm #phone_codes_div {
        float: none;

        width: 100%;
    }

    #writerApplicationForm #phone_codes_div div {
        width: 100%;
        margin: 0;
    }

    #writerApplicationForm #phone_codes_div #WriterApplication--country-code { width: 10%; }

    #writerApplicationForm #phone_codes_div #WriterApplication--city-code { width: 30%; }

    #writerApplicationForm #phone_codes_div #WriterApplication--phone-input {
        width: 50%;
        max-width: 50%;
    }

    #writerApplicationForm #phone_codes_div .phoneDashDivs { width: 5%; }

    #writerApplicationForm #formContainer input {
        box-sizing: border-box;
        width: 100%;
    }

    #writerApplicationForm #application_title {
        line-height: 50px;

        width: calc(100% - 20px);
        padding: 23px 10px;
    }

    #writerApplicationForm .mce-tinymce.mce-container.mce-panel { width: 100% !important; }

    #writerApplicationForm #formContainer select { width: 100%; }

    #writerApplicationForm .buttonsContainer {
        width: auto;
        margin: 10px 0;
    }

    .file { width: 100%; }

    #writerApplicationForm .applicationUploadFiles .fileuploadInput {
        box-sizing: border-box;
        width: calc(100% - 97px);
        height: 29px;
    }

    #writerApplicationForm .applicationLinkedIn input {
        box-sizing: border-box;
        width: 100%;
    }

    #writerApplicationForm .applicationLinkedIn img { margin: 0; }

    #writerApplicationForm .applicationLinkedIn .applicationRow  { width: 100%; }

    #writerApplication--linkedIn-wrapper { width: calc(100% - 101px); }

    #writerApplicationForm .buttonsContainer button {
        width: 48%;
        margin: 0 1%;

        border: 0;
    }

    #writerApplicationForm .buttonsContainer button:hover {
        width: 48%;
        margin: 0 1%;

        border: 0;
    }


    #writerApplicationForm #application_title_wrapper { margin-bottom: 15px; }

    #writerApplicationForm .section_header {
        display: inline-block;

        width: 100%;
        margin: 15px 0 10px;
    }

    #writerApplicationForm .applicationUploadFiles { margin-top: 30px; }

    #writerApplicationForm .applicationUploadFiles .uploadErrors { height: auto; }
}

@media only screen and (max-width: 679px) {
    /* === Content Mobile === */
    #content { padding-bottom: 250px; }

    #homepage_banner {
        height: auto;

        background: url('../img/recruitment/homepage_banner.png') no-repeat center 22vw transparent;
        background-size: 340px;
    }

    #homepage_banner_header {
        font-size: 7vw;

        margin: 15px 10px 280px 10px;
    }

    #homepage_banner_text {
        position: static;

        float: none;

        width: calc(100% - 22px);
        height: auto;
        margin: 0 11px;

        text-align: left;
    }

    #application_categories_instructions {
        width: calc(100% - 22px);
        padding: 0 11px;
    }

    #application_categories_divider img {
        width: calc(100% - 22px);
        margin-top: 5px;
        padding: 0 11px;
    }

    #application_categories_list_container {
        margin-top: 6px;
        margin-bottom: 20px;
        padding: 0 25px;
    }

    .application_categories_list { column-count: 1; }
}

@media only screen and (max-width: 475px) {
    #homepage_banner { background-position: center 24vw; }
    .modal-window {
        width: 80% !important;
        margin-left: calc(-40% - 10px) !important;
    }
}

@media only screen and (max-width: 365px) {
    #content { padding-bottom: 300px; }

    #homepage_banner {
        background-position: center 28%;
        background-size: 90%;
    }
}