/* reset {{{ */

main {
    display: block; /* ie11 */
}

img {
    border: 0; /* ie10 */
}

/* }}} */
/* util: proportional {{{ */

.proportional {
    display: block;
    position: relative;
    max-width: 320px;
}

.proportional-height {
    display: block;
    padding-top: 61.803398875%;
}

.proportional-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* }}} */

.page-wrapper {
    font-family: Arial;
}

.page-main a,
.page-footer a {
    color: #3399CC;
}

.page-main q:before {
    content: '“';
}

.page-main q:after {
    content: '”';
}

.page-main p {
    line-height: 1.5em;
    margin: 0 0 1em 0;
}

/* page font sizes {{{ */

body {
    /* 16pt/16px */
}

.page-banner .page-banner-content span {
    font-size: 60px; /* 60pt:60px */
    font-weight: 800;
    line-height: 160%;
}

@media (max-width: 1000px) {
    .page-banner .page-banner-content span {
        font-size: 6vw;
    }
}

.page-header,
.page-menu,
.page-footer {
    font-size: 16px; /* not resizeable */
}

.page-main article h1 {
    font-size: 1.875em; /* 30pt:30px:1.875em */
}

.page-main article .subheading {
    font-size: 1.125em; /* 18pt:18px:1.125em */
}

/* }}} */
/* page layout: footer sticks to bottom {{{ */

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0;
}

.page-wrapper {
    margin-bottom: 6.25em;
}

.page-wrapper:after {
    content: "";
    display: block;
    height: 1px;
    margin-top: -1px;
    clear: both;
}

.page-wrapper > .page-footer {
    height: 6.25em; /* 100px:6.25em */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

/* }}} */
/* page layout: content margin {{{ */

.page-menu,
.page-main,
.page-footer > section {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

/* }}} */
/* page header {{{ */

.page-header-width {
    max-height: 560px;
    overflow-y: hidden;
}

.proportional.page-header-width {
    max-width: 3865px;
}

.proportional-height.page-header-height {
    padding-top: 48.5%;
}

.page-header {
    background-image: url(/images/onboardwa/doe_work_placement_banner_july2020.jpg);
    -moz-background-size: cover;
         background-size: cover;
    /*background-position-x: center;*/
    background-position-y: 8%;
    height: 100%;
}

.page-header.page-header-register {
    background-image: url(/images/onboardwa/header-register-2.jpg);
    background-position-y: 93%;
}

.page-header.page-header-getonboard {
    background-image: url(/images/onboardwa/header-getonboard-3.jpg);
    background-position-y: 73%;
}

.page-header.page-header-encouragingdiversity {
    background-image: url(/images/onboardwa/doe_work_placement_banner_july2020.jpg);
    background-position-y: 1%;
    background-size: cover;
    height: 100%;
}

.page-header.page-header-beboardready {
    background-image: url(/images/onboardwa/header-beboardready-2.jpg);
    background-position-y: center;
}

.page-header.page-header-notforprofit {
    background-image: url(/images/onboardwa/header-beboardready-2.jpg);
    background-position-y: center;
}
.page-header {
    position: relative;
}

.page-header .page-header-content {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* }}} */
/* page banner {{{ */

.page-banner-width {
    margin: 0 auto;
}

.proportional.page-banner-width {
    max-width: 1000px;
}

.proportional-height.page-banner-height {
    padding-top: 10%; /* 135px - 25% ~ 100px -> 10% */
}

.page-banner-wrap {
    position: relative;
    height: 100%;
}

.page-banner-trail {
    position: absolute;
    width: 12345px;
    left: -12345px;
    height: 100%;
    background-color: #013E7F;
}

.page-banner {
    float: left;
    width: 63.4%;
    height: 100%;
    position: relative;
}

.page-banner {
    white-space: nowrap;
    overflow: hidden;
    background:                                                       #013E7F;
    background: -webkit-gradient(linear, left top, right top, from(   #013E7F), to(          #013E7F));
    background: -webkit-linear-gradient(left,                         #013E7F 0%,            #013E7F 100%);
    background: -moz-linear-gradient(left,                            #013E7F 0%,            #013E7F 100%);
    background: -o-linear-gradient(left,                              #013E7F 0%,            #013E7F 100%);
    background: linear-gradient(to right,                             #013E7F 0%,            #013E7F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013E7F', endColorstr='#013E7F', GradientType=1);
}

.page-banner .page-banner-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.page-banner .page-banner-content img,
.page-banner .page-banner-content span {
    vertical-align: middle;
}

.page-banner .page-banner-content img {
    height: 75px;
    /*margin-left: 1em;*/
    /*margin-right: 1.6vw;*/
}

@media (max-width: 1000px) {
    .page-banner .page-banner-content img {
        height: 7vw;
    }
}

.page-banner .page-banner-content span {
    color: white;
}

/* }}} */
/* page menu {{{ */

.page-menu {
    display: table;
    height: 50px;
    background-color: transparent; /* ie9 */
    background: -webkit-gradient(linear, left top, left bottom, from( #bfbfbf), to(          #ffffff));
    background: -webkit-linear-gradient(top,                          #bfbfbf 0%,            #ffffff 100%);
    background: -moz-linear-gradient(top,                             #bfbfbf 0%,            #ffffff 100%);
    background: -o-linear-gradient(top,                               #bfbfbf 0%,            #ffffff 100%);
    background: linear-gradient(to bottom,                            #bfbfbf 0%,            #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#ffffff', GradientType=0);
}

.page-menu > nav,
.page-menu > div {
    display: table-cell;
    height: 100%;
}

.page-menu ul {
    display: table;
    /*width: 100%;*/
    height: 100%;
    padding: 0;
    margin: 0;
}

.page-menu ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.page-menu ul > li > a {
    display: table;
    width: 100%;
    height: 100%;
}

.page-menu ul > li > a > span {
    display: table-cell;
    vertical-align: middle;
}

.page-menu ul > li > a > span > button {
    font-weight: bold;
    font-size: 1em;
    padding: 0.25em;
}

.page-menu ul > li.page-menu-current {
    /*background: white;*/
}

.page-menu a {
    text-decoration: none;
    color: black;
    font-weight: bold;
    display: block;
}

.page-menu a:hover {
    color: #C63527;
}

.page-menu nav > ul > li:first-of-type > a > span {
    padding-left: 1em;
    text-align: left;
}

.page-menu nav + div {
    width: 1px;
}

.page-menu nav + div > ul {
    white-space: nowrap;
}

.page-menu nav + div > ul > li {
    width: 1%;
}

.page-menu nav + div > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 1em;
    background-color: red;
}

.page-menu nav + div > ul > li > a > span {
    text-align: right;
}

.page-menu nav + div > ul > li:last-of-type > a > span {
    padding-right: 1em;
}

/* }}} */
/* page menu narrow {{{ */

@media (max-width: 900px) {
    .page-menu {
        height: auto;
    }

    .page-menu .page-menu-space {
        display: none;
    }

    .page-menu ul {
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
        width: 100%;
    }

    .page-menu nav > ul > li {
        display: inline-block;
        text-align: left;
        height: 50px;
        width: 25%;
    }

    .page-menu nav > ul > li > a > span {
        padding-left: 1em;
    }

    .page-menu nav + div > ul {
        width: auto;
        height: auto;
    }

    .page-menu nav + div > ul > li {
        width: auto;
    }

    .page-menu nav + div > ul > li:last-of-type {
        margin-right: 0.25em;
    }

    .page-menu nav + div > ul > li {
        display: block;
    }

    .page-menu nav + div > ul > li > a > span {
        padding: 0.45em 1em;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .page-menu nav > ul > li {
        width: 33.33333%;
    }
}

@media (max-width: 425px) {
    .page-menu nav > ul > li {
        width: 50%;
    }
}

/* }}} */
/* page main {{{ */

.page-main article header,
.page-main article section {
    margin: 0 1em 1em 1em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.page-main article header {
    padding-top: 1em;
}

.page-main article h1 {
    color: #0185ab;
    margin: 0;
    font-weight: normal;
}

.page-main article p.subheading {
    margin: 0;
}

/* }}} */
/* page footer {{{ */

.page-footer {
    background-color: #BFBFBF;
}

.page-footer > section {
    display: table;
    height: 100%;
}

.page-footer > section > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

.page-footer ul {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.45em;
}

.page-footer ul > li {
    display: inline-block;
    margin-left: 1em;
}

.page-footer ul > li:nth-of-type(1) {
    margin-left: 0;
}

.page-footer nav + p {
    margin: 0;
    font-size: 0.95em;
}

/* }}} */

.icon-text-inc {
    font-size: 1.1em;
}

.icon-text-dec {
    font-size: 0.9em;
}

.icon-print {
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,\
        PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgIiBkPSJNIDkgMCBMIDkgMTQgTCAzIDE0IEMgMS4zNTU0NjkgMTQgMCAxNS4zNTU0NjkgMCAxNyBMIDAgMzggQyAwIDM5LjY0NDUzMSAxLjM1NTQ2OSA0MSAzIDQxIEwgOSA0MSBMIDkgNTAgTCA0MSA1MCBMIDQxIDQxIEwgNDcgNDEgQyA0OC42NDQ1MzEgNDEgNTAgMzkuNjQ0NTMxIDUwIDM4IEwgNTAgMTcgQyA1MCAxNS4zNTU0NjkgNDguNjQ0NTMxIDE0IDQ3IDE0IEwgNDEgMTQgTCA0MSAwIFogTSAxMSAyIEwgMzkgMiBMIDM5IDE0IEwgMTEgMTQgWiBNIDMgMTYgTCA0NyAxNiBDIDQ3LjU2MjUgMTYgNDggMTYuNDM3NSA0OCAxNyBMIDQ4IDM4IEMgNDggMzguNTYyNSA0Ny41NjI1IDM5IDQ3IDM5IEwgNDEgMzkgTCA0MSAyOCBMIDkgMjggTCA5IDM5IEwgMyAzOSBDIDIuNDM3NSAzOSAyIDM4LjU2MjUgMiAzOCBMIDIgMTcgQyAyIDE2LjQzNzUgMi40Mzc1IDE2IDMgMTYgWiBNIDQzIDE5IEMgNDEuODk0NTMxIDE5IDQxIDE5Ljg5NDUzMSA0MSAyMSBDIDQxIDIyLjEwNTQ2OSA0MS44OTQ1MzEgMjMgNDMgMjMgQyA0NC4xMDU0NjkgMjMgNDUgMjIuMTA1NDY5IDQ1IDIxIEMgNDUgMTkuODk0NTMxIDQ0LjEwNTQ2OSAxOSA0MyAxOSBaIE0gMTEgMzAgTCAzOSAzMCBMIDM5IDM5LjgxMjUgQyAzOSAzOS44NDM3NSAzOSAzOS44NzUgMzkgMzkuOTA2MjUgTCAzOSA0MCBDIDM4Ljk5MjE4OCA0MC4wNzQyMTkgMzguOTkyMTg4IDQwLjE0NDUzMSAzOSA0MC4yMTg3NSBMIDM5IDQ4IEwgMTEgNDggTCAxMSA0MC4xODc1IEMgMTEuMDI3MzQ0IDQwLjA1NDY4OCAxMS4wMjczNDQgMzkuOTE0MDYzIDExIDM5Ljc4MTI1IFogTSAxNC44MTI1IDM0IEMgMTQuMjYxNzE5IDM0LjA1MDc4MSAxMy44NTU0NjkgMzQuNTQyOTY5IDEzLjkwNjI1IDM1LjA5Mzc1IEMgMTMuOTU3MDMxIDM1LjY0NDUzMSAxNC40NDkyMTkgMzYuMDUwNzgxIDE1IDM2IEwgMzUgMzYgQyAzNS4zNTkzNzUgMzYuMDAzOTA2IDM1LjY5NTMxMyAzNS44MTY0MDYgMzUuODc4OTA2IDM1LjUwMzkwNiBDIDM2LjA1ODU5NCAzNS4xOTE0MDYgMzYuMDU4NTk0IDM0LjgwODU5NCAzNS44Nzg5MDYgMzQuNDk2MDk0IEMgMzUuNjk1MzEzIDM0LjE4MzU5NCAzNS4zNTkzNzUgMzMuOTk2MDk0IDM1IDM0IEwgMTUgMzQgQyAxNC45Njg3NSAzNCAxNC45Mzc1IDM0IDE0LjkwNjI1IDM0IEMgMTQuODc1IDM0IDE0Ljg0Mzc1IDM0IDE0LjgxMjUgMzQgWiBNIDE0LjgxMjUgMzggQyAxNC4yNjE3MTkgMzguMDUwNzgxIDEzLjg1NTQ2OSAzOC41NDI5NjkgMTMuOTA2MjUgMzkuMDkzNzUgQyAxMy45NTcwMzEgMzkuNjQ0NTMxIDE0LjQ0OTIxOSA0MC4wNTA3ODEgMTUgNDAgTCAzMSA0MCBDIDMxLjM1OTM3NSA0MC4wMDM5MDYgMzEuNjk1MzEzIDM5LjgxNjQwNiAzMS44Nzg5MDYgMzkuNTAzOTA2IEMgMzIuMDU4NTk0IDM5LjE5MTQwNiAzMi4wNTg1OTQgMzguODA4NTk0IDMxLjg3ODkwNiAzOC40OTYwOTQgQyAzMS42OTUzMTMgMzguMTgzNTk0IDMxLjM1OTM3NSAzNy45OTYwOTQgMzEgMzggTCAxNSAzOCBDIDE0Ljk2ODc1IDM4IDE0LjkzNzUgMzggMTQuOTA2MjUgMzggQyAxNC44NzUgMzggMTQuODQzNzUgMzggMTQuODEyNSAzOCBaIE0gMTQuODEyNSA0MiBDIDE0LjI2MTcxOSA0Mi4wNTA3ODEgMTMuODU1NDY5IDQyLjU0Mjk2OSAxMy45MDYyNSA0My4wOTM3NSBDIDEzLjk1NzAzMSA0My42NDQ1MzEgMTQuNDQ5MjE5IDQ0LjA1MDc4MSAxNSA0NCBMIDM1IDQ0IEMgMzUuMzU5Mzc1IDQ0LjAwMzkwNiAzNS42OTUzMTMgNDMuODE2NDA2IDM1Ljg3ODkwNiA0My41MDM5MDYgQyAzNi4wNTg1OTQgNDMuMTkxNDA2IDM2LjA1ODU5NCA0Mi44MDg1OTQgMzUuODc4OTA2IDQyLjQ5NjA5NCBDIDM1LjY5NTMxMyA0Mi4xODM1OTQgMzUuMzU5Mzc1IDQxLjk5NjA5NCAzNSA0MiBMIDE1IDQyIEMgMTQuOTY4NzUgNDIgMTQuOTM3NSA0MiAxNC45MDYyNSA0MiBDIDE0Ljg3NSA0MiAxNC44NDM3NSA0MiAxNC44MTI1IDQyIFogIj48L3BhdGg+CjwvZz4KPC9zdmc+Cg==\
    ");
    -moz-background-size: cover;
         background-size: cover;
    width: 1em;
    height: 1em;
    overflow: hidden;
    color: transparent;
}

/* call to action {{{ */

a.calltoaction {
    display: block;
    margin-bottom: 16px;
}

aside > a.calltoaction > img {
    width: 100%;
}

a.calltoaction > img {
    display: block;
}

/* }}} */
/* call to action: layout {{{ */

.ctaLayout:after {
    display: block;
    content: "";
    clear: both;
}

.ctaLayout > aside {
    max-width: 36.6%;
    width: 100%;
    float: right;
}

.ctaLayout > aside + div {
    max-width: 63.4%;
    width: 100%;
    float: left;
}

@media (max-width: 767px) {
    .ctaLayout > aside {
        max-width: 300px;
    }

    .ctaLayout > aside + div {
        max-width: none;
        width: auto;
        float: none;
    }
}

@media (max-width: 425px) {
    .ctaLayout > aside {
        max-width: none;
        width: auto;
        float: none;
    }
}

/* }}} */
/* media statements {{{ */

.divMsg:after {
    content: "";
    display: block;
    clear: both;
}

.divMsg > div:first-child:nth-last-child(2),
.divMsg > div:first-child:nth-last-child(2) ~ div {
    width: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.divMsg > div:first-child:nth-last-child(2) {
    float: left;
    padding-right: 0.5em;
}

.divMsg > div:first-child:nth-last-child(2) ~ div:nth-child(2) {
    float: right;
    padding-left: 0.5em;
}

@media (max-width: 425px) {
    .divMsg > div:first-child:nth-last-child(2),
    .divMsg > div:first-child:nth-last-child(2) ~ div {
        width: auto;
        -webkit-box-sizing: content-box;
           -moz-box-sizing: content-box;
                box-sizing: content-box;
        float: none;
        padding-right: 0;
    }
}

.divMsg-head {
    float: right;
    text-align: center;
    margin-bottom: 0.5em;
}

@media (max-width: 767px) {
    .divMsg-head {
        float: none;
    }
}

.divMsg-head > img,
.divMsg-head > div {
    vertical-align: middle;
}

.divMsg-head > img {
    display: inline-block;
    height: 150px;
}

@media (max-width: 767px) {
    .divMsg-head > div {
        display: inline-block;
    }
}

.divMsg-head p {
    margin: 0;
}

/* }}} */

#contact-us ~ address {
    display: table;
}

#contact-us ~ address > dl {
    display: table-row-group;
}

#contact-us ~ address > dl > div {
    display: table-row;
}

#contact-us ~ address > dl > div > dt,
#contact-us ~ address > dl > div > dd {
    display: table-cell;
    line-height: 1.5em;
}

#contact-us ~ address > dl > div > dt {
    width: 38.196601125%;
}

/**/
.Frm215 {
    width: 100%;
}
#customcontent table.Form.Frm215 tr.evenrow td.notRequiredField {
    max-width: none;
    width: auto;
}
.Frm215 label[for=Branch2425]::after {
    content: "";
    display: block;
    min-width: 13em;
    width: 100%;
}
/**/
#customcontent .Report .reportheading {
    background-color: #013E7F;
    padding: 8px 3px;
}
#customcontent .Report .reportheading a:hover {
    color: black;
}
.Report td {
    font-size: 0.9em;
    padding: 8px 3px;
}
/**/

.otpemailmessage {
    margin-top: 0px !important;
}
#otp {
    width: 15% !important;
}