/** Captcha Styles ***/

.captchaField .captchaFieldNumbers {
    display: flex;
    justify-content: center;
    line-height: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
}

    .captchaField .captchaFieldNumbers > div {
        color: rgb(196, 211, 245);
        text-shadow: 0 3px 3px rgba(0,0,0,.5);
        font-family: 'Sriracha', 'Segoe Script', serif;
    }

.captchaField.default {
    overflow: auto;
    margin: 0 auto;
}

    .captchaField.default .captchaFieldNumbers {
        height: 44px;
        line-height: 44px;
        font-size: 28px;
        padding: 0px 20px;
        text-align: center;
        background-image: url(../images/captcha/securityBg.jpg);
    }

    .captchaField.default .captchaFieldBoxLeft {
        height: 73px;
        width: 39px;
        background-image: url(../images/captcha/capFrameLeft.png);
        float: left;
    }

    .captchaField.default .captchaFieldBoxMid {
        height: 73px;
        padding: 14px 0 0 0;
        float: left;
        position: relative;
    }

    .captchaField.default .captchaFieldBoxMidOverlay {
        width: 100%;
        height: 73px;
        padding: 14px 0 0 0;
        background-image: url(../images/captcha/capFrameMid.png);
        background-repeat: repeat-x;
        position: absolute;
        top: 0;
        left: 0;
    }

    .captchaField.default .captchaFieldBoxMidOverlaySecure {
        width: 100%;
        height: 44px;
        margin: 14px 0 0 0;
        background-image: url(../images/captcha/SO1.gif);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
    }

    .captchaField.default .captchaFieldBoxRight {
        height: 68px;
        width: 78px;
        padding: 5px 0 0 9px;
        background-image: url(../images/captcha/capFrameRight.png);
        float: left;
    }

    .captchaField.default .captchaFieldRefresh {
        display: block;
        height: 29px;
        width: 34px;
        padding: 5px 0 0 9px;
        background-image: url(../images/captcha/capFrameBtn.png);
        background-position: 0 0;
        cursor: pointer;
        float: left;
    }

        .captchaField.default .captchaFieldRefresh:hover {
            background-position: -43px 0;
        }

input#captchaAnswer {
    margin-top: 5px;
}
/** Plain **/

.captchaField.plain {
    margin: 5px auto;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

    .captchaField.plain .captchaFieldNumbers {
        font-size: 6vh;
        line-height: 1em;
        padding: .3em;
        text-align: center;
        background-image: url(../images/captcha/securityBg.jpg);
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }

    .captchaField.plain .captchaFieldBoxLeft {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMid {
        position: relative;
    }

    .captchaField.plain .captchaFieldBoxMidOverlay {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: url(../images/captcha/SO1.gif);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
        z-index: 1;
    }

    .captchaField.plain .captchaFieldBoxRight {
        width: 0;
        padding: 0;
    }

    .captchaField.plain .captchaFieldRefresh {
        position: absolute;
        top: 3px;
        left: 0;
        z-index: 2;
        display: block;
        height: 100%;
        width: 100%;
        padding: 0;
        background-image: url(../images/captcha/spacer.gif);
        background-position: 0 0;
        cursor: pointer;
    }

        .captchaField.plain .captchaFieldRefresh:hover {
            background-position: -43px 0;
        }