/*
-------------------------
Global styling
-------------------------
*/

.ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.blue-link a.acceptLink {
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    color: #37A3AF;
    font-size: 11px;
    cursor: pointer;
}

.blue-link:hover, a.acceptLink:hover {
    color: #37A3AF !important;
    text-decoration: underline;
}

.selective-service-link:hover {
    color: #428BCA !important;
    text-decoration: underline;
}

a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

a:focus {
    outline: none !important;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.selective-service-list {
    list-style-type: inherit !important;
    margin-left: 78px;
    color: #565656;
    font-size: 16px;
}

#wrap {
    min-height: 100%;
    padding: 0 0 50px 0;
}

td.max70px {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td.max100px {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data_table {float: left; width: 100%;}

.data_table td.caps.rowfilename {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data_table td.center.rowfiletype {
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data_table td.center.rowuploadby {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Set padding to keep content from hitting the edges */
.body-content {padding: 50px 15px 0 15px;}



/*Opera Fix*/
body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

.logo {
    float: left;
    padding-left: 10px;
    /*padding-top: 10px;*/
}

.intro-question-text {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
}

.clear {clear: both;}
.left {float: left;}
.right{float: right;}
.hide{display: none;}





.notel {
    text-align: left;
    margin-top: auto;
    color: #36a3af;
    font-weight: bold;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 26px;
    margin-left: 35px;
}


.glbImgBorder {
    border: solid 10px rgb( 255, 255, 255 );
    box-shadow: 0px 0px 3px 0px rgba( 51, 51, 51,0.2 );
    -moz-box-shadow: 0px 0px 3px 0px rgba( 51, 51, 51,0.2 );
    -webkit-box-shadow: 0px 0px 3px 0px rgba( 51, 51, 51,0.2 );
}

.glbImgBordersml {
    border: solid 5px rgb( 255, 255, 255 );
    box-shadow: 0px 0px 3px 0px rgba( 51, 51, 51,0.2 );
    -moz-box-shadow: 0px 0px 3px 0px rgba( 51, 51, 51,0.2 );
    -webkit-box-shadow: 0px 0px 3px 0px rgba( 51, 51, 51,0.2 );
}



button {
    -webkit-appearance: none !important;
}

    button:focus {
        outline: 0;
        box-shadow: 0 0 5px #a9d129;
        -moz-box-shadow: 0 0 5px #a9d129;
        -webkit-box-shadow: 0 0 5px #a9d129;
        -webkit-appearance: none !important;
    }

textarea:focus {
    outline: 0;
    box-shadow: 0 0 5px #a9d129;
    -moz-box-shadow: 0 0 5px #a9d129;
    -webkit-box-shadow: 0 0 5px #a9d129;
    -webkit-appearance: none !important;
}

.inner {
    width: 965px;
    margin: 0 auto;
}

nav.videoShare {
    width: 100%;
    height: auto;
    float: left;
}

    nav.videoShare ul {
        margin: 0;
        padding: 0;
    }

    nav.videoShare li {
        float: left;
        margin: 0 15px 0 0;
        list-style: none;
    }

        nav.videoShare li a {
            width: 37px;
            height: 34px;
            float: left;
            display: block;
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 12px;
            color: #333333;
        }

span.shareTitle {
    display: block;
    float: left;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 14px;
    color: #36a3af;
    text-transform: uppercase;
    padding: 0 0 10px 0;
}

#VideoOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9997;
    background: rgba(62, 71, 76, 0.8);
    display: none;
    overflow: hidden;
}

a#closeVideo {
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 25px;
    color: #ffffff;
    position: fixed;
    top: 30px;
    right: 30px;
    display: none;
    z-index: 9999;
}

#video {
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    overflow: hidden;
    transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #3e474c;
    box-shadow: rgba(62, 71, 76, 0.75) 0 4px 12px;
    -webkit-box-shadow: rgba(62, 71, 76, 0.75) 0 4px 12px;
    -moz-box-shadow: rgba(62, 71, 76, 0.75) 0 4px 12px;
}

    #video video {
        width: 100%;
        height: 550px;
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

.fgt-pswd a:link {
    color: #36a3af;
    border-bottom: 1px solid #ADD5D8;
}

.fgt-pswd a:visited {
    color: #36a3af;
}

.fgt-pswd a:hover {
    color: #36a3af;
}

a.more-info, a:visited.more-info {
    color: #36a3af;
}

a.error-link {
    color: #36a3af;
    text-decoration: underline;
}

a:hover.error-link {
    color: #36a3af;
    text-decoration: none;
}

/*
-------------------------
end Global Styling
-------------------------
*/

/*
-------------------------
Button styling
-------------------------
*/

.glbBtn {
    min-width: 145px;
    height: 40px;
    background: none repeat scroll 0 0 #b0d234;
    color: #ffffff;
    font-family: "JockeyOneRegular",Arial Narrow,Arial,sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    border: none;
}

.lightOrangeBtn {
    background: #fbaf44;
}

.green {
    background: #b0d234;
}

#deleteAccCancelBtn,
#deletAccDelBtn {
    margin-top: 70px;
    margin-right: 10px;
    float: right;
}

#quiteOrgBtn {
    width: 200px;
}

.back-to-review-btn {
    width: 100%;
}

.language-selector {
    float: left;
    margin-right: 8px;
}

.header-btn-container {
    float: right;
    margin-top: 15px;
}

.search-icon {
    background-image: url('/img/search-icon.png');
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 2px;
    display: inline-block;
    margin-bottom: -3px;
}

.user-icon {
    background-image: url('/img/sign-in-icon.png');
    width: 16px;
    height: 14px;
    margin-right: 10px;
    display: inline-block;
}

.tick-icon {
    background: url('/img/checked-icon.png') no-repeat;
    width: 30px;
    height: 20px;
    margin-bottom: -2px;
    display: inline-block;
}

.search-arrow-icon {
    background: url('/img/search-arrow.png') no-repeat;
    width: 30px;
    height: 20px;
    margin-left: 30px;
    margin-bottom: -5px;
    display: inline-block;
}

.back-icon {
    background: url('/img/back-btn-arrow.png') no-repeat;
    width: 30px;
    height: 18px;
    margin-bottom: -2px;
    display: inline-block;
}

.button {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #FFF;
    background-color: #59595c;
    font-family: 'Jockey One', sans-serif;
}

.rounded-button {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #FFF;
    background-color: #59595c;
    border-radius: 2px;
    font-family: MontserratRegular;
}

    .rounded-button:hover {
        background-color: #C5C5C5;
        border-color: #C5C5C5;
        font-size: 14px;
    }

.sign-in-btn {
    background-color: #333333;
    height: 31px;
    font-size: 15px;
}

.legal-help-btn {
    background-color: #666666;
    margin-right: 15px;
    color: #ffffff;
    font-size: 15px;
    height: 31px;
}

.yes-btn {
    background-color: #94b437;
    font-size: 14px;
}

.no-btn {
    background: #707070;
    font-size: 14px;
    color: #ffffff;
}

.yes-btn:hover {
    background-color: #d3e0ae;
    font-size: 14px;
}

.yes-btn.active {
    background: #daf293;
    border: solid 2px #A9D129;
    color: #A9D129;
    outline: 0;
}

.no-btn:hover {
    background: #c5c5c5;
    font-size: 14px;
    color: #ffffff;
}

.no-btn.active {
    background-color: #eceaea;
    border: solid 2px #707070;
    color: #707070;
    outline: 0;
}

.legalhelp-btn {
    background-color: #B0D233;
    border-color: #B0D234;
    font-size: 18px;
    margin-right: 15px;
}

.cancel-btn {
    background-color: #FF7600;
    border-color: #B0D234;
    font-size: 20px;
    margin-top: 35px;
    margin-right: 14px;
    width: 140px;
}

.removeStaff {
        float: right;
    }

    .change-status-btn {
        background-color: #b0d234;
        border-color: #b0d234;
        font-size: 20px;
        width: 140px;
    }

    .change-status-btn[disabled] {
    background-color: #C8D89A;
    border-color: #C8D89A;
}

    .close-event-btn {
        background-color: #FCAF45;
        border-color: #FCAF45;
        font-size: 20px;
        width: 140px;
        margin-right: 10px;
    }

    .modify-event {
        width: 160px;
        float: right;
        margin-top: 20px;
    }

    .publish-event {
        float: right;
        margin-left: -50px;
    }

    .event-title {
        width: 450px;
        font-size: 20px;
        color: #333333;
        line-height: 20px;
        font-family: "MontSerratRegular", Arial Narrow, Arial, sans-serif;
    }

    .modify-link {
        color: #ababab;
        margin-right: 20px;
        text-decoration: underline;
        font-size: 14px;
    }

        .modify-link:hover {
            color: #2370ba;
            text-decoration: none;
            font-size: 14px;
        }

    .event-description {
        color: #333333;
        font-family: "MontSerratRegular", Arial Narrow, Arial, sans-serif;
        margin-left: 0;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: -10px;
    }

    .extra-info li {
        margin-left: 15px !important;
    }

    .extra-info-text {
        margin-top: 30px;
    }

    .regular-font {
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 13px;
        color: #333333;
    }

    .published {
        margin-top: 5px;
        margin-right: 15px;
        margin-bottom: 10px;
    }

    .eventDetailBox table thead th.contactName {
        max-width: 205px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


.proceed-btn[disabled] {
    background-color: #C8D89A;
    border-color: #C8D89A;
}

.submit-btn {
    background-color: #b0d234;
    border-color: #b0d234;
    font-size: 20px;
    width: 140px;
}

.delete-btn {
    background-color: #FF7600;
    font-size: 20px;
    width: 140px;
}

.proceed-btn[restricted] {
    background-color: #C8D89A;
    border-color: #C8D89A;
}


.back-btn {
    background-color: #39A4AE;
    border-color: #39A4AE;
    font-size: 20px;
    margin-top: 35px;
    width: 140px;
}
.back-ok-btn {
    background-color: #39A4AE;
    border-color: #39A4AE;
    font-size: 20px;
    margin-top: 35px;
    width: 140px;
}
.initial-start-btn {
    float: right;
    width: 180px;
    margin-right: 35px;
    margin-top: 140px;
}

.get-started-btn {
    background-color: #B0D233;
    border-color: #B0D234;
    font-size: 20px;
    margin: 35px 15px 30px 360px;
}

a.eventRegister {
    width: 215px;
    height: 35px;
    text-align: center;
    float: right;
    font-size: 16px;
    line-height: 35px;
}

    a.eventRegister:hover {
        color: #ffffff;
    }

a.orgGetStarted {
    width: 215px;
    height: 35px;
    text-align: center;
    float: right;
    font-size: 16px;
    line-height: 35px;
}

    a.orgGetStarted:hover {
        color: #ffffff;
    }

a.orgGetStarted {
    width: 215px;
    height: 35px;
    text-align: center;
    float: right;
    font-size: 16px;
    line-height: 35px;
}

    a.orgGetStarted:hover {
        color: #ffffff;
    }


.btn-grey:hover {
    color: #FFFFFF;
}

a.donate {
    width: auto;
    height: 60px;
    line-height: 60px;
    padding: 0 60px;
    margin: 0 14px 0 0;
    background-color: #a9d129;
}

    a.donate:hover {
        background-color: #95b24f;
    }

.sign-up-btn {
    font-size: 18pt;
    color: #36a3af;
    font-family: MontserratBold;
}

button.selected {
    /*background-color: #F2F2F2;
    border: 0.083em solid #CDCDCD;
    color: #666;*/
}

.no-btn.disabled {
    background-color: #C5C5C5;
    border: #C5C5C5;
}

.yes-btn.disabled {
    background-color: #D3DFAD;
    border-color: #D3DFAD;
}

.ui-datepicker-trigger {
    /*css for the calendar button*/
    padding-left: 10px;
    margin-top: -5px;
    cursor: pointer;
}

.button-container-spacing {
    padding: 25px 0 0 0;
}

.create-Account-btn {
    background-color: #B0D234;
    border-color: #B0D234;
    font-size: 18px;
}

.signin-btn {
    background-color: #B0D234;
    border-color: #B0D234;
    font-size: 20px;
    /*font-weight: bold;*/
    height: 40px;
    width: 160px;
}

.not-signed-in-btn {
    background-color: #37A3AF;
    border-color: #37A3AF;
    font-size: 20px;
    /*font-weight: bold;*/
    height: 40px;
    width: 200px;
}

.reminder-signUp-btn {
    background-color: #B0D234;
    border-color: #B0D234;
    font-size: 18px;
}

.enrollBtn .glbBtnGreen {
    font-size: 22px;
}

.glbBtnGreen {
    font-family: "JockeyOneRegular",Arial Narrow, Arial, sans-serif;
    color: #ffffff;
    font-size: 30px;
    background: #b0d234;
    text-transform: uppercase;
}

    .glbBtnGreen:hover {
        background: #a9d129;
    }

.glbBtnBlue {
    font-family: "JockeyOneRegular",Arial Narrow, Arial, sans-serif;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    background: #5eb5bf;
}

    .glbBtnBlue:hover {
        background: #3d868b;
    }

a.loginBtn {
    width: auto;
    height: 32px;
    float: right;
    font-size: 14px;
    line-height: 34px;
    padding: 0 10px 20px 28px;
    margin: 8px 0 0 15px;
    background: #a9d129 url(/img/icons/user_ico.png) no-repeat 8px center;
}

a.decoupleBtn {
    width: auto;
    height: 32px;
    float: right;
    font-size: 14px;
    line-height: 34px;
    padding: 0 11px 6px 12px;
    margin: 8px 0 0 15px;
}

a.loginBtn:hover {
    background: #95b24f url(/img/icons/user_ico.png) no-repeat 8px center;
}

a.decoupleBtn:hover {
    background: #95b24f;
    cursor: pointer;
}



a.getStarted {
    width: 500px;
    margin: 40px 0 0 22px;
    padding: 22px 0 22px 145px;
    background: #a9d129 url(/img/icons/home_tick.png) no-repeat 50px center;
    line-height: 30px;
    text-transform: none;
}

    a.getStarted:hover {
        background: #95b24f url(/img/icons/home_tick.png) no-repeat 50px center;
    }

a.learnMore {
    width: auto;
    height: 60px;
    line-height: 60px;
    padding: 0 60px 0 23px;
    background: #a9d129 url(/img/icons/learn_more_arrow.png) no-repeat 165px center;
}

    a.learnMore:hover {
        background: #95b24f url(/img/icons/learn_more_arrow.png) no-repeat 165px center;
    }

.moreinfo a.learnMore {
    margin: 50px 14px 50px 0;
}

.contribute a.learnMore {
    margin: 0 14px 0 0;
}

a.contactUs {
    width: 215px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    border: solid 1px rgb( 176, 210, 52 );
    box-shadow: 0px 4px 0px 0px rgb( 237, 241, 243 );
    -moz-box-shadow: 0px 4px 0px 0px rgb( 237, 241, 243 );
    -webkit-box-shadow: 0px 4px 0px 0px rgb( 237, 241, 243 );
    padding: 0 30px;
    text-transform: uppercase;
}

#aboutCitizenshipworks a.contactUs {
    margin: 25px 0 0 0;
}

a.search,
input.search {
    width: auto;
    height: 45px;
    float: left;
    text-align: center;
    line-height: 45px;
    border: none;
    cursor: pointer;
    padding: 0 85px 0 23px;
    background: #a9d129 url(/img/icons/learn_more_arrow.png) no-repeat 145px center;
}

    a.search:hover,
    input.search:hover {
        background: #95b24f url(/img/icons/learn_more_arrow.png) no-repeat 145px center;
    }


.filterButtons input[type="button"] {
    height: 37px;
    font-family: "MontserratBold",Arial Narrow, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 25px;
    text-transform: uppercase;
    float: left;
    margin: 0 7px 0 0;
    cursor: pointer;
    border: solid 2px rgb( 176, 210, 52 );
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .filterButtons input[type="button"]:last-child {
        margin: 0;
    }

.filterButtons .filterAll {
    width: 130px;
    padding-left: 60px;
    padding-right: 25px;
    background: #e9f2ca url(/img/icons/all_ico.png) no-repeat 16px -2px;
}

    .filterButtons .filterAll:hover,
    .filterButtons .filterAll#selected {
        padding-left: 60px;
        padding-right: 25px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/all_ico.png) no-repeat 16px -39px;
    }

.filterButtons .filterDropIns {
    width: 175px;
    padding-left: 64px;
    padding-right: 25px;
    background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 10px -2px;
}

    .filterButtons .filterDropIns:hover,
    .filterButtons .filterDropIns#selected {
        padding-left: 64px;
        padding-right: 25px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/dropIns_ico.png) no-repeat 10px -39px;
    }

.filterButtons .filterEvents {
    width: 175px;
    padding-left: 73px;
    padding-right: 35px;
    background: #e9f2ca url(/img/icons/events_ico.png) no-repeat 12px -2px;
}

    .filterButtons .filterEvents:hover,
    .filterButtons .filterEvents#selected {
        padding-left: 73px;
        padding-right: 35px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/events_ico.png) no-repeat 12px -39px;
    }

.filterButtons .filterOrganizations {
    width: 175px;
    padding-left: 45px;
    padding-right: 10px;
    background: #e9f2ca url(/img/icons/organizations_ico.png) no-repeat 7px -2px;
}

    .filterButtons .filterOrganizations:hover,
    .filterButtons .filterOrganizations#selected {
        padding-left: 45px;
        padding-right: 10px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/organizations_ico.png) no-repeat 7px -39px;
    }

.filterButtons .filterVirtualReview {
    width: 175px;
    padding-left: 45px;
    padding-right: 10px;
    background: #e9f2ca url(/img/icons/virtualReview_ico.png) no-repeat 7px -2px;
}

    .filterButtons .filterVirtualReview:hover,
    .filterButtons .filterVirtualReview#selected {
        padding-left: 45px;
        padding-right: 10px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/virtualReview_ico.png) no-repeat 7px -39px;
    }

.btn-green {
    background-color: #a9d129;
    padding: 0 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "JockeyOneRegular",Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    height: 29px;
    line-height: 25px;
    border-radius: initial;
    border: none;
}

    .btn-green:hover {
        background: #95b24f;
        color: #ffffff;
        border: none;
    }

.btn-grey {
    background: none repeat scroll 0 0 #59595C;
    color: #FFFFFF;
    font-family: "JockeyOneRegular",Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    height: 29px;
    text-transform: uppercase;
    border: none;
    border-radius: initial;
    padding: 0;
    width: 130px;
    text-align: center;
}

.nav-language > li > a {
    color: #999999;
    background: url(/img/icons/world_ico.png) no-repeat 13px center #e6e6e6;
    width: 128px;
    padding: 5px 0 5px 40px;
}

.nav-language .caret {
    border-bottom-color: #999999;
    border-top-color: #999999;
}

.btn-gutter {
    margin-left: 15px;
}

.password-strength-text {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 17px;
}

/*
-------------------------
End Button styling
-------------------------
*/


/*
-------------------------
Form styling
-------------------------
*/

.input-elem-shadows {
    width: 100%;
    box-shadow: 0px 5px #f7f7f7;
}

.contextual-header {
    cursor: pointer;
}

.question-small-intro {
    font-size: 13px;
    padding: 0 0 20px 0;
}

.grouped-question-header {
    padding: 5px 0 10px 0;
    font-weight: bold;
}

input.medium-textbox {
    width: 150px !important;
}

input.large-textbox {
    width: 250px !important;
}

input.extra-large-textbox {
    width: 1200px !important;
}

.screen {
    /*margin-top: 50px !important;*/
    margin-bottom: 50px !important;
}

input.zipCode {
    width: 310px !important;
    height: auto !important;
    font-family: "Arial", helvetica, sans-serif !important;
    font-size: 14px !important;
    color: rgb( 111, 130, 141 ) !important;
    float: left;
    padding: 13px 13px !important;
    margin: 0 30px 0 0 !important;
    border: solid 1px rgb( 176, 210, 52 );
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input[type="text"].zipCode:focus {
    border: solid 1px rgb( 176, 210, 52 );
    box-shadow: 0px 0px 4px 0px rgb( 176, 210, 56 );
    -moz-box-shadow: 0px 0px 4px 0px rgb( 176, 210, 56 );
    -webkit-box-shadow: 0px 0px 4px 0px rgb( 176, 210, 56 );
}


/* Set width on the form input elements since they're 100% wide by default */
input, select {
    max-width: 320px;
}
/*input,
select{
    max-width: 280px;
}*/


/* styles for validation helpers */
.field-validation-error, .error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input[type='text'].input-validation-error,
textarea.input-validation-error,
.input-validation-error,
input[type='text'].input-validation-error:focus,
input[type='password'].input-validation-error,
input[type='password'].input-validation-error:focus {
    box-shadow: 0 0 4px 0 #A40040;
    border: 1px solid #DDE4E8;
}
.image-validation-error {
    -webkit-box-shadow: 0px 0px 5px 0px #A40040!important; /* rgba(164, 0, 64, 0.5);*/
    -moz-box-shadow: 0px 0px 5px 0px #A40040!important; /* rgba(164, 0, 64, 0.5);*/
    box-shadow: 0px 0px 5px 0px #A40040!important; /* rgba(164, 0, 64, 0.5);*/
    margin: 0 20px 20px 0;
}


input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.navbar select {
    border: 0 !important; /*Removes border*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: url('/img/dropdown-icon.png') no-repeat #E6E6E6; /*Adds background-image*/
    background-position: 95px 12px; /*Position of the background-image*/
    width: 100px; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    color: #999999;
    padding: 5px;
    height: 31px;
    margin-right: 15px;
    width: 120px;
}

    .navbar select::-ms-expand {
        display: none;
    }

select {
    border: 0 !important; /*Removes border*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: url('/img/dropdow-2.png') no-repeat #FFF;
    background-position: 95% 15px;
    border: 1px solid #DDE4E8 !important;
    border-radius: 0px;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    color: #999999;
    padding: 5px 25px 5px 5px;
    height: 35px;
    cursor: pointer;
    font-family: MontserratRegular;
}

    select::-ms-expand {
        display: none;
    }


.dob input[type=text] {
    height: 35px;
    width: 100px;
    border: 1px solid #DDE4E8;
    padding-left: 5px;
    margin-left: 20px;
    margin-top: 15px;
}

/*input[type=text]:focus,
input[type=password]:focus {
    box-shadow: 0 0 4px 0 #B0D234;
    -moz-box-shadow: 0 0 4px 0 #B0D234;
    -webkit-box-shadow: 0 0 4px 0 #B0D234;
    outline: 0;
    border: 1px solid #B0D234;
}*/

.form-headers {
    padding-bottom: 35px;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 30px;
    color: #36A3AF;
}

    .form-headers p {
        font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
        font-size: 13pt;
        color: #565656;
        margin-left: 2px;
        margin-right: 25px;
        margin-top: 10px;
    }


.form-group-container-bold .chk-header {
    color: #333333;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 16px;
}

.form-group-container-bold {
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 16px;
    color: #333333;
    margin-left: 2px;
    margin-top: 10px;
    border: 1px solid #CCCCCC;
    background-color: #FDFDFD;
    padding: 10px 20px;
}

.form-group-container-regular {
    font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
    font-size: 16px;
    color: #565656;
    margin-left: 2px;
    margin-top: 10px;
    border: 1px solid #CCCCCC;
    background-color: #FDFDFD;
    padding: 10px 8px;
}

#check-box-group label {
    display: block;
    float: left;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-weight: normal !important;
    margin-bottom: 5px;
    margin-left: 18px;
}

    #check-box-group label input[type='checkbox'] {
        margin-left: -18px;
    }

.checkbox-group {
    font-family: MontserratBold;
    line-height: 30px;
    padding-top: 10px;
}

    .checkbox-group label {
        font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
        padding-left: 10px;
        font-weight: normal !important;
    }

.chk-header {
    margin-top: 10px;
}

.form-group-container-bold .chk-header {
    margin-left: 10px;
}

/*custom checkboxes*/
input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
}

    input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
        padding-left: 26px;
        height: 21px;
        display: inline-block;
        line-height: 21px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 21px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
            background-position: 0 -21px;
        }

label.css-label {
    background-image: url(/img/checkbox-img.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*end custom checkboxes*/

.radio-group {
    /*padding-left:30px;*/
    padding-top: 10px;
}

.radio-btn {
    display: none;
}

    .radio-btn + label {
        -webkit-appearance: none;
        background-image: url("/img/radio-btn.png");
        background-repeat: no-repeat;
        padding: 0px 9px 9px 25px;
        display: inline-block;
        position: relative;
        cursor: pointer;
        font-size: 14px;
        font-weight: normal;
    }

    .radio-btn:checked + label:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 3px;
        left: 3px;
        font-size: 32px;
    }

    .radio-btn:checked + label {
        background-image: url("/img/radio-btn-active.png");
        color: #3aa4ac;
    }

select.form-dropdown
{
    color: #6f828d;
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    padding-left: 15px;
}
select.form-dropdown option
{
    color: #000;
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    padding-left: 15px;
}
/*select.form-dropdown option:first-child
{
    color: #ccc;
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    padding-left: 15px;
}*/

.form_textbox::-webkit-input-placeholder {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #6f828d;
}

.form_textbox:-moz-placeholder { /* Firefox 18- */
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #6f828d !important;
}

.form_textbox::-moz-placeholder { /* Firefox 19+ */
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #6f828d !important;
}

.form_textbox:-ms-input-placeholder {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #6f828d;
}
/*sign-in placeholders*/
.form_textbox .signin-input::-webkit-input-placeholder {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6f828d;
}

.form_textbox .signin-input:-moz-placeholder { /* Firefox 18- */
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6f828d;
}

.form_textbox .signin-input::-moz-placeholder { /* Firefox 19+ */
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6f828d;
}

.form_textbox .signin-input:-ms-input-placeholder {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6f828d;
}

.form_textbox .signin-input:-ms-input-placeholder {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6f828d;
}


.form_textbox.org_input::-webkit-input-placeholder {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #D83874 !important;
    font-weight: bold;
}

.form_textbox.org_input:-moz-placeholder { /* Firefox 18- */
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #D83874 !important;
    font-weight: bold;
}

.form_textbox.org_input::-moz-placeholder { /* Firefox 19+ */
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #D83874 !important;
    font-weight: bold;
}

.form_textbox.org_input:-ms-input-placeholder {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #D83874;
    font-weight: bold;
}
input[readonly="readonly"] {
    background-color: #C8D89A;
    border-color: #C8D89A;
}
.datepicker-arrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    margin: 0px 110px;
    position: absolute;
    left: -7.5px;
    border-color: transparent transparent #A0D1D7;
    border-width: 0px 8px 10px;
    top: -10px;
    bottom: auto;
}

.ui-autocomplete {
    border: none;
}

    .ui-autocomplete.ui-widget-content {
        background: #fff;
        border: 1px solid #DDE4E8;
    }

    .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus {
        background-color: #a0d1d7;
    }

.ui-menu .ui-menu-item a {
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 12px;
    color: #6f828d;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    border-radius: 2px !important;
    font-weight: bold;
    height: 26px !important;
    margin-right: 3px;
    padding: 3px 0 0 !important;
    line-height: 11px !important;
    background-position: 84% 51% !important;
}

.ui-datepicker select.ui-datepicker-month {
    width: 53% !important;
    padding: 3px 3px 3px 18px !important;
}

.ui-datepicker select.ui-datepicker-year {
    width: 27% !important;
    padding: 3px 3px 3px 1px !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 1em !important;
}

#aGreenCardExample {
    cursor: pointer;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder { /* Firefox 18- */
    color: transparent;
}

input:focus::-moz-placeholder { /* Firefox 19+ */
    color: transparent;
}



.form-dropdown {
    width: auto;
    height: 29px;
    float: left;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    color: #999999;
    font-size: 14px;
    line-height: 29px;
    padding: 0 33px 0 1px;
    border: none;
    background: url('/img/dropdown-icon.png') no-repeat #fff; /*Adds background-image*/
    background-repeat: no-repeat;
    background-position: 95% center, 50% center;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    outline: none;
    cursor: pointer;
    height: 34px;
}

@-moz-document url-prefix() {
    select {
        background-image: none !important;
    }
}

.form-dropdown .StateDropdown {
}

.form-dropdown option {
    color: #cccccc;
    outline: none;
    border: none;
    padding: 5px 0 5px 5px;
    cursor: pointer;
    background: #ffffff;
    height: 34px;
}

    .form-dropdown option:hover,
    .form-dropdown option:checked {
        color: #cccccc;
        background: url(/img/optionBg.png) repeat 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

@-moz-document url-prefix() {
    .form-dropdown {
        padding: 5px 9px 0 7px;
    }

    padding-left: 5px !important;
}

#qbZipCode .form_textbox {
    margin-right: 0px;
    height: 45px;
    width: 110px;
}

.form-dropdown option {
    color: #cccccc;
    outline: none;
    border: none;
    padding: 5px 0 5px 5px;
    cursor: pointer;
    background: #ffffff;
    height: 34px;
}

    .form-dropdown option:hover,
    .form-dropdown option:checked {
        background: url('/img/optionBg.png') repeat 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: inset 0 20px 100px #e7ecf0 !important;
    }

@-moz-document url-prefix() {
    .form-dropdown {
        padding: 5px 9px 0 0px;
    }
}

.input-left {
    float: left;
    margin-left: 9px;
}

.input-right {
    float: right;
    margin-left: 40px;
}


.account-form {
    width: 100%;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 234px;
}

    .progress .bar {
        width: 0%;
        height: 100%;
        color: #ffffff;
        float: left;
        font-size: 12px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #0e90d2;
        background-image: -moz-linear-gradient(top, #149bdf, #0480be);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
        background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
        background-image: -o-linear-gradient(top, #149bdf, #0480be);
        background-image: linear-gradient(to bottom, #149bdf, #0480be);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: width 0.6s ease;
        -moz-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

        .progress .bar + .bar {
            -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
            -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
            box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
        }

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #D83874;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #D83874);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar, .progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar, .progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.password-verdict {
    display: block;
    font-family: "MontSerratRegular",Arial Narrow,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.signin-input {
    font-weight: bold;
    width: 250px !important;
    height: 45px !important;
}

.signup-input {
    font-weight: bold;
    width: 235px !important;
}

    .signup-input::-moz-placeholder,
    .signin-input::-moz-placeholder,
    .verificationcode-input::-moz-placeholder { /* Firefox 18- */
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #D83874 !important;
        font-style: inherit;
        opacity: 1.00;
    }

    .signup-input::-webkit-input-placeholder,
    .signin-input::-webkit-input-placeholder,
    .verificationcode-input::-webkit-input-placeholder { /* Webkit browsers */
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #D83874 !important;
        font-style: inherit;
        opacity: 1.00;
    }

    .signup-input::-ms-input-placeholder,
    .signin-input::-ms-input-placeholder,
    .verificationcode-input::-ms-input-placeholder { /* I.E */
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #D83874 !important;
        font-style: inherit;
        opacity: 1.00;
    }


.signup-error {
    display: block;
    color: #D83874;
    text-wrap: normal;
    width: 100%;
}

.verificationcode-input {
    width: 200px !important;
    height: 45px !important;
}

.form-container {
    width: 600px;
    margin: auto;
    background-color: rgba(51, 51, 51, 0.8); /* Needed for IE */
    -moz-box-shadow: 0 0 5px rgba(51, 51, 51, 0.8);
    -webkit-box-shadow: 0 0 5px rgba(51, 51, 51, 0.8);
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.8);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

    .form-container .content {
        position: relative; /* This protects the inner element from being blurred */
        padding: 30px;
        /*background-color: #f7f7f7;*/
        height: auto;
        width: auto;
        background-color: #FFFFFF;
    }

    .form-container .dob-content {
        position: relative; /* This protects the inner element from being blurred */
        padding: 30px;
        background-color: #ffffff;
        width: auto;
    }

.form-label-text {
    color: #9A9A9A;
    font-size: 13px;
    font-weight: normal;
    font-family: MontserratRegular;
    /*margin-left:22px; */
}

.form-center {
    margin: 0 auto;
    width: 220px;
}

.form-center-signin {
    margin: 0 auto;
    width: 250px;
}

.form-group {
    padding: 10px 0 10px 0;
}

/*.form-group-container{
    font-family: MontserratRegular;
    font-size: 16px;
    color: #565656;
    margin-left:2px;
    margin-right:25px;
    margin-top:10px;
    border:1px solid #CCCCCC;
    background-color:#FDFDFD;
    padding: 10px 20px;
    /*height:200px;*}*/

#check-box-group {
    font-family: MontserratBold;
    /*padding-left:10px;*/
    line-height: 30px;
    padding-top: 10px;
}

/*
-------------------------
end Form styling
-------------------------
*/

/*
-------------------------
Modals and popovers styling
-------------------------
*/



.close {
    float: right;
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    color: #000000 !important;
    text-shadow: 0 1px 0 #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

    .close:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.questionbox-loader {
    background-image: url(/img/ajax-loader.gif);
    width: 32px;
    height: 32px;
    display: inline-block;
}

.greencard-popover {
    top: 430px !important;
}

[rel=popover][data-style=blue] + .popover {
    background: #BCECF0;
    border-radius: 0;
    border: 1px solid #A0D3D7;
    color: #1F1B1E;
    font-size: 12px;
    font-weight: normal;
    top: 25px !important;
}

    [rel=popover][data-style=blue] + .popover.right .arrow {
        top: 20%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: #A0D3D7;
        border-left-width: 0;
    }

    [rel=popover][data-style=blue] + .popover .arrow, .popover .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: rgba(0, 0, 0, 0);
        border-style: solid;
    }

    [rel=popover][data-style=blue] + .popover.right .arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #BCECF0;
        border-left-width: 0;
        content: " ";
    }


[rel=popover][data-style=white] + .popover {
    background: #fff;
    border-radius: 0;
    border: 1px solid #A0D3D7;
    color: #1F1B1E;
    font-size: 12px;
    font-weight: normal;
}

    [rel=popover][data-style=white] + .popover.right .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: #A0D3D7;
        border-left-width: 0;
    }

    [rel=popover][data-style=white] + .popover .arrow, .popover .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: rgba(0, 0, 0, 0);
        border-style: solid;
    }

    [rel=popover][data-style=white] + .popover.right .arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #fff;
        border-left-width: 0;
        content: " ";
    }

/*
-------------------------
end Modal and popovers styling
-------------------------
*/

/*
--------------------------------------------------
Content starts here styling
--------------------------------------------------
*/


/*
-------------------------
signup styling
-------------------------
*/

.notice-container {
    max-width: 640px;
    position: relative;
    border: 8px solid #D1E492;
    border-radius: 5px;
    margin: auto;
    background-color: #FFFFFF;
}

.legal-help-container {
    float: right;
    padding-right: 20px;
    padding-top: 20%;
    margin-bottom: 30px;
}

.signup-reminder-container {
    float: right;
    padding-right: 20px;
    padding-top: 20%;
    margin-bottom: 30px;
}

.create-account-container {
    float: right;
    padding-right: 30px;
    padding-top: 20%;
    margin-bottom: 30px;
}

.sign-in-container-btn {
    float: right;
    padding-top: 10%;
    margin-bottom: 60px;
}

.eligibility-notice-container {
    position: relative;
    border-radius: 5px;
    border: 8px solid #D1E492;
    border-radius: 5px;
    width: 640px;
    margin: auto;
    background-color: #FFFFFF;
    /*background-image: url('/img/transparent-cog_03.png');*/
    background-size: 400px 450px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.no-account-notice-container {
    position: relative;
    border-radius: 5px;
    border: 8px solid #D1E492;
    width: 640px;
    margin: auto;
    background-color: #FFFFFF;
    background-size: 400px 450px;
    margin-top: 25px;
}

.no-account-container {
    border: 1px solid #efefef;
    width: 595px;
    margin: 15px 15px 15px 15px;
}

.home-body-text {
    font-family: MontserratRegular;
    font-size: 16px;
    color: #565656;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 35px;
}

.no-account-paragraphs {
    font-family: MontserratRegular;
    font-size: 12px;
    color: #565656;
    margin-left: 25px;
}

.more-info {
    text-decoration: underline;
}

.no-account-headers {
    margin-top: 0px;
    font-family: MontserratBold;
    font-size: 26px;
    padding-left: 15px;
}

.notice-headers {
    font-weight: bold;
    padding-bottom: 10px;
    font-family: MontserratBold;
    font-size: 25px;
    margin-left: 25px;
    margin-top: 30px;
    margin-top: 30px;
}

.home-notice-headers {
    padding-bottom: 10px;
    font-family: "BreeSerif",sans-serif,arial,helvetica;
    font-size: 32px;
    margin-left: 33px;
    margin-top: 30px;
    margin-top: 30px;
}

.home-text {
    font-family: MontserratRegular;
    font-size: 16px;
    color: #565656;
    margin-left: 35px;
    margin-right: 50px;
    line-height: 30px;
    margin-top: 20px;
}

.no-account-intro-text {
    margin: auto;
    margin-right: 155px;
}

.question-text {
    color: #333333;
    font-family: MontserratBold;
    font-size: 16px;
    margin: 10px 0;
    width: 72%;
}

.screening-question-text {
    color: #333333;
    font-family: MontserratBold;
    font-size: 16px;
    margin: 10px 8px;
    width: 65%;
}

.bigger-question-text {
    color: #333333;
    font-family: MontserratBold;
    font-size: 16px;
    margin: 10px -2px;
    width: 96%;
}

.signin-container {
    position: relative;
    border-radius: 5px;
    border: 8px solid #D1E492;
    border-radius: 5px;
    width: 640px;
    margin: auto;
    background-color: #FFFFFF;
    /*background-image: url('/img/transparent-cog_03.png');*/
    background-size: 400px 450px;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-top: 50px;
}

.page-intro-text {
    color: #565656;
    font-size: 12px;
    font-weight: normal;
    font-family: MontserratRegular;
    line-height: 22px;
    margin-bottom: 30px;
}

.signup-or-text {
    color: #B0D234;
    font-size: 35px;
    font-weight: normal;
    font-family: MontserratBold;
    margin: 0 auto;
    width: 50px;
    padding: 15px 0;
}

.intro-text {
    color: #1f1b1e;
    font-size: 14px;
    padding: 10px 0 20px 0;
}

.dob-box {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    /*margin-left:10px*/
}

.start-container {
    width: 100%;
    float: left;
    padding: 53px 0 30px 0px;
    background: url(/img/cog-icon-full-op_03.png) no-repeat 0 bottom;
}

.right-answer {
    float: right;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-top: 10px;
}

.info-block {
    background-color: #EFF6D5;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}



.dob-info-block {
    background-color: #EFF6D5;
    padding: 10px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.info-block-header {
    font-size: 12px;
    color: #94B435;
    font-family: MontserratBold;
}

.info-block-text {
    font-size: 12px;
    color: #94B435;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: MontserratRegular;
}

    .info-block-text .popover-content {
        width: auto !important;
    }

#imgGreenCardInfo {
    margin-top: -5px;
    cursor: pointer;
}

#imgDobInfo {
    margin-top: -5px;
    cursor: pointer;
}

.NotEligible {
    text-align: left;
    margin-top: auto;
    color: #36a3af;
    font-family: MontserratBold;
    font-size: 26px;
    margin-left: 35px;
}

/*
-------------------------
end signup styling
-------------------------
*/

section#content {
    /*width: 965px;*/
    height: auto;
    margin: 0 auto;
    clear: both;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
}

    section#content h3.Pagetitle {
        padding: 40px 55px 30px 0;
        margin: 0;
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        color: #333;
        font-size: 30px;
        text-transform: uppercase;
        clear: both;
    }

    section#content h4 {
        width: 100%;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 26px;
        color: #36a3af;
        float: left;
        text-transform: uppercase;
    }

    section#content p {
        width: 100%;
        float: left;
        line-height: 30px;
        margin: 0;
    }

/*
-------------------------
Home Page styling
-------------------------
*/

/*
Home Page Feature
---------------------   
*/
.homepagefeature {
    height: 632px;
    background: #ffffff url(/img/IMG_9333-Retouch.jpg) no-repeat 0 0;
    background-size: 100% auto;
    clear: both;
}

    .homepagefeature a {
        display: block;
    }

    .homepagefeature .container {
        height: 632px;
        position: relative;
    }

    .homepagefeature .row {
        position: absolute;
        bottom: 50px;
    }

    .homepagefeature a.getStarted {
        width: 100%;
        margin: 100px 0 0 50px;
    }

    .homepagefeature h1 {
        font-size: 35px;
        padding: 85px 0 0 0;
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        color: #ffffff;
    }

    .homepagefeature a#playVideo {
        width: 205px;
        height: 205px;
        margin: 0 auto;
        padding: 0;
        float: none;
        clear: both;
        cursor: pointer;
    }

        .homepagefeature a#playVideo img {
            width: 100%;
            height: 100%;
        }

    .homepagefeature .inner {
        width: 965px;
        margin: 0 auto;
        position: relative;
    }
/*
end Home Page Feature
---------------------   
*/

section.FAQ h3 {
    padding: 55px 0 20px 0;
}

section.FAQContent {
    /*width: 900px;*/
    height: auto;
    float: left;
    padding: 30px 30px;
    background: #ffffff;
}

section.nonProfit {
    margin: 0 0 50px 0;
}

section.FAQContent p {
    padding: 5px 0 25px 0;
}

section.FAQContent figure {
    float: left;
    margin: 0 30px 0 0;
}

    section.FAQContent figure:last-child {
        margin: 0;
    }


/* section - How It Works */

section#howIWorks {
    width: 100%;
    height: 710px;
    float: left;
    background: #f5f5f5;
    padding: 0 0 45px 0;
    border-top: 1px solid #ffffff;
}

    section#howIWorks h2 {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 40px;
        padding: 60px 0 25px 0;
    }


.howitworks h2 {
    font-size: 40px;
    padding: 60px 0 25px 0;
    text-transform: uppercase;
    margin: 0;
}

.howitworks p {
    text-align: center;
    padding: 0 0 15px 0;
    font-size: 20px;
}

.howitworks a.optionsBlock {
    margin: 0 auto;
    width: 240px;
    height: auto;
    display: block;
    text-align: center;
}

    .howitworks a.optionsBlock.block1 {
        margin: 0;
    }

.howitworks figure {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.howitworks h4 {
    font-size: 28px;
    line-height: 38px;
    float: left;
    text-transform: capitalize;
    padding: 55px 0 25px 0;
    color: #333333;
    font-family: "MontSerratRegular",Arial Narrow,Arial,sans-serif;
}

.howitworks .learnMore {
    margin: 45px 11px 45px 22px;
}

/* end section - How It Works */

/* section - More Info */

.moreinfo {
    background: #ffffff;
    padding: 35px 0 0px 0;
}

    .moreinfo .col-md-6 .row,
    .contribute .col-md-6 .row {
        margin: 0;
    }

    .moreinfo article {
        height: auto;
    }

        .moreinfo article figure img {
            width: 100%;
            height: 100%;
        }

    .moreinfo .col-md-6 figure {
        height: 250px;
    }

    .moreinfo h3,
    .contribute h3 {
        font-size: 30px;
        line-height: 40px;
        color: #36a3af;
        padding: 15px 0 25px 0;
        margin: 0;
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        text-transform: uppercase;
    }

        .moreinfo h3.prep {
            width: 100%;
            height: 120px;
        }

    .moreinfo p,
    .contribute p {
        font-size: 20px;
        line-height: 26px;
        margin: 0;
    }

.contribute p {
    height: 190px;
}

/* end section - More Info */


/* Social Bar */

.socialBar {
    padding: 20px 0;
    background: #36a3af;
}

    .socialBar a {
        width: auto;
        height: 35px;
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        font-size: 18px;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 40px;
    }

        .socialBar a:hover {
            text-decoration: underline;
        }

        .socialBar a.Homefacebook {
            padding: 0 0 0 42px;
            background: url(/img/icons/fb_ico_white.png) no-repeat 0 center;
        }

        .socialBar a.HomeTwitter {
            padding: 0 0 0 42px;
            background: url(/img/icons/twitter_ico_white.png) no-repeat 0 center;
        }

    .socialBar .col-md-3 {
        padding: 0;
    }

/* end Social Bar */

/* Contribute */

section.contribute {
    width: 100%;
    height: 240px;
    padding: 45px 0 40px 0;
    background: #f5f5f5;
}

.contribute {
    padding: 35px 0 0 0;
}

/* end Contribute */

.projectpartners {
    padding: 0 0 40px 0;
}

    .projectpartners h3 {
        color: #333333;
        font-size: 30px;
        padding: 0 0 20px 0;
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        text-transform: uppercase;
    }

/*
---------------------
End Home Page
---------------------
*/

/*
---------------------
About Page
---------------------
*/

section.aboutPageSections {
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 25px;
    margin: 0 0 50px 0;
    background: #ffffff;
}

    section.aboutPageSections:last-child {
        margin: 0;
    }

    section.aboutPageSections .row {
        margin: 0 !important;
        padding: 0 !important;
    }

    section.aboutPageSections .leftBlock {
        height: auto;
        float: left;
        padding: 0;
    }

        section.aboutPageSections .leftBlock h4 {
            text-align: center;
            color: #333333 !important;
        }

        section.aboutPageSections .leftBlock figure {
            width: 89px;
            height: 89px;
            margin: 0 auto;
        }

            section.aboutPageSections .leftBlock figure img {
                width: 100%;
                height: 100%;
            }

        section.aboutPageSections .leftBlock p {
            text-align: center;
        }

.rightBlock {
    height: auto;
    float: right;
}

    .rightBlock figure,
    .rightBlock figure img {
        width: 100%;
        height: auto;
    }

    .rightBlock p {
        font-size: 18px;
    }

    .rightBlock span {
        color: #36a3af;
        font-size: 18px;
    }

section#aboutDIYBlock,
section#aboutVirtualBlock,
section#aboutInPersonBlock {
    box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0,0,0.20);
    -moz-box-shadow: 1.5px 2.598px 10px 0px rgb(0, 0,0,0.20);
    -webkit-box-shadow: 1.5px 2.598px 10px 0px rgb(0, 0,0,0.20);
}

section#aboutDIYBlock {
    border: solid 2px rgb(54, 163, 175);
    margin: 0 0 35px 0;
}

section#aboutVirtualBlock {
    border: solid 2px #b0d234;
    margin: 0 0 35px 0;
}

section#aboutInPersonBlock {
    border: solid 2px #ffb500;
}

section#aboutCitizenshipworks h4 img {
    margin: 0 15px 0 0;
}

section#aboutCitizenshipworks figure {
    float: left;
    margin: 60px 25px 0 0;
}

section#aboutCitizenshipworks .carouselResponsive {
    width: 97%;
    height: auto;
    margin: 0 auto;
    clear: both;
}



/*
---------------------
end About Page
---------------------
*/

/*
---------------------
Naturalization Page
---------------------
*/
section.Naturalization h3 {
    width: 100%;
    padding: 38px 0 55px 0;
    color: #333333;
    float: left;
}

section.Naturalization h5.usefulLinksTitle {
    width: 100%;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 20px;
    color: #333333;
    float: left;
    padding: 0;
    text-transform: uppercase;
}

section.Naturalization ul.usefulLinksList, section.Naturalization ul.usefulInlineLinksList {
    width: 100%;
    float: left;
    margin: 0 0 25px 20px;
}

    section.Naturalization ul.usefulLinksList li, section.Naturalization ul.usefulInlineLinksList li {
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 16px;
        color: #333333;
        padding: 10px 0;
        list-style: disc;
    }

        section.Naturalization ul.usefulLinksList li a {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 16px;
            color: #36a3af;
            float: left;
            padding: 0 5px 0 0;
        }

            section.Naturalization ul.usefulLinksList li a:hover, section.Naturalization ul.usefulInlineLinksList li a:hover {
                text-decoration: underline;
            }

        section.Naturalization ul.usefulInlineLinksList li a {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 16px;
            color: #36a3af;
        }

/*  
Section Naturalization Video
*/

section#naturalizationVideo,
section#aboutCwVideo {
    width: 100%;
    /*height: 283px;*/
    float: left;
    margin: 0 0 45px 0;
    background: #ffffff;
}

    section#aboutCwVideo .videoPlaceholder {
        background: #3a3a3a url(/img/icons/naturalizationPlay_ico.png) no-repeat center center;
        color: #fff;
    }

    section#naturalizationVideo .col-md-6,
    section#aboutCwVideo .col-md-6 {
        padding: 0;
    }

.videoPlaceholder {
    width: 100%;
    float: left;
    height: 280px;
    cursor: pointer;
    background: #3a3a3a url(/img/icons/naturalizationPlay_ico.png) no-repeat center center;
}

    .videoPlaceholder div.videoOverlay {
        padding: 20px;
    }

article.videoDescription {
    /*width: 410px;*/
    height: auto;
    float: left;
    padding: 10px 0 25px 47px;
}

    article.videoDescription h4 figure {
        float: left;
        padding: 0 15px 0 0;
    }

    article.videoDescription p {
        padding: 10px 0 20px 0;
    }

/*  end Section Naturalization Video */

/*  Section How to become a Citizen */
section#howToBecomeCitizen {
    /*width: 900px;*/
    height: auto;
    /*float: left;*/
    margin: 0 0 45px 0;
    padding: 50px 30px;
    background: #ffffff;
}

    section#howToBecomeCitizen p {
        padding: 35px 0 50px 0;
    }

nav#CitizenSteps {
    width: 100%;
    height: auto;
    float: left;
}

    nav#CitizenSteps > ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    nav#CitizenSteps li {
        width: 269px;
        height: auto;
        float: left;
        margin: 0 20px 35px 0 !important;
        border: solid 1px rgb( 168, 215, 103 );
        box-shadow: 0px 4px 0px 0px rgb( 237, 241, 243 );
        -moz-box-shadow: 0px 4px 0px 0px rgb( 237, 241, 243 );
        -webkit-box-shadow: 0px 4px 0px 0px rgb( 237, 241, 243 );
        list-style: none;
    }

        nav#CitizenSteps li div.steps {
            width: 269px;
            height: auto;
            float: left;
            display: block;
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 20px;
            color: #333333;
            cursor: pointer;
        }

            nav#CitizenSteps li div.steps span.stepNumber {
                width: 64px;
                height: 64px;
                float: left;
                margin: 15px 20px 15px 22px;
                border: solid 8px #a8d767;
                border-radius: 40px;
                -moz-border-radius: 40px;
                -webkit-border-radius: 40px;
                font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
                font-size: 30px;
                color: rgb( 168, 215, 103 );
                font-weight: bold;
                line-height: 50px;
                text-align: center;
            }

            nav#CitizenSteps li div.steps span.stepTitle {
                float: left;
                font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
                font-size: 20px;
                color: #333333;
                text-transform: uppercase;
                margin: 20px 0 0 0;
                line-height: 25px;
            }

        nav#CitizenSteps li div.active {
            color: #ffffff;
            background: #a8d767;
        }

            nav#CitizenSteps li div.active span.stepNumber {
                border: solid 8px #ffffff;
                color: #ffffff;
            }

            nav#CitizenSteps li div.active span.stepTitle {
                color: #ffffff;
            }

/* Steps Info */
#stepsInfocontainerHolder {
    width: 100%;
    height: 0;
    float: left;
    overflow: hidden;
    transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.stepsInfocontainer {
    /*width: 835px;*/
    height: auto;
    margin: 0 0 30px 0;
    padding: 35px 25px;
    float: left;
    border: solid 4px #afd77f;
}

    .stepsInfocontainer article {
        width: 100%;
        height: auto;
        float: left;
        display: none;
    }

        .stepsInfocontainer article h1 {
            color: #afd77f;
            font-size: 35px;
            float: left;
            padding: 0 0 30px 0;
        }

        .stepsInfocontainer article p {
            width: 100%;
            font-size: 16px;
            color: #333333;
            padding: 0 0 40px 10px !important;
        }
/* end steps info */

/* end Section How to become a Citizen */

/* Section Useful Links */
section#usefulLinks {
    /*width: 900px;
    height: 525px;
    float: left;*/
    padding: 32px 30px;
    background: #ffffff;
}

    section#usefulLinks p {
        padding: 35px 0 50px 0;
    }

/* end Section Useful Links */

/* Section Download App */
section#downloadApp {
    /*width: 900px;*/
    height: auto;
    /*float: left;*/
    margin: 0 0 45px 0;
    padding: 50px 30px 20px 30px;
    background: #ffffff;
}

    section#downloadApp p {
        padding: 35px 0 50px 0;
    }

a.AppStore {
    width: 387px;
    height: 87px;
    float: left;
    font-family: Arial, helvetica, sans-serif;
    color: #4c4f56;
    font-size: 24px;
    font-weight: bold;
    margin: 0 60px 40px 0;
    border: solid 1px rgb( 0, 0, 0 );
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(38,38,38) 0%, rgb(66,66,66) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(38,38,38) 0%, rgb(66,66,66) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(38,38,38) 0%, rgb(66,66,66) 100%);
    box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0,0.2 );
    -moz-box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0,0.2 );
    -webkit-box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0,0.2 );
}

    a.AppStore figure {
        margin: 9px 0 0 22px;
    }

a.PlayStore {
    width: 389px;
    height: 87px;
    float: left;
    font-family: Arial, helvetica, sans-serif;
    color: #4c4f56;
    font-size: 24px;
    font-weight: bold;
    line-height: 87px;
    border: solid 1px rgb( 178, 178, 178 );
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(247,247,247) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(247,247,247) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(247,247,247) 100%);
    box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0,0.2 );
    -moz-box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0, 0.2 );
    -webkit-box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0, 0.2 );
}

    a.PlayStore figure {
        float: left;
        margin: 0 20px;
    }

/* end Section Download App */

/*
-----------------------
end Naturalization Page
-----------------------
*/

/*
---------------------
legal Help Page
---------------------
*/

section.LegalHelp section {
    /*width: 900px;*/
    height: auto;
    padding: 50px 30px;
    background: #ffffff;
}

    section.LegalHelp section .row {
        margin: 0 !important;
    }

    section.LegalHelp section#partnerResults h4 {
        line-height: 30px;
        text-transform: uppercase;
    }

    section.LegalHelp section h4 figure {
        float: left;
        margin: 0 15px 0 0;
    }

    section.LegalHelp section p {
        padding: 30px 0;
        font-size: 20px;
    }

        section.LegalHelp section p.searchResultsHighlight {
            padding: 20px 24px;
            background: #fefabc;
            margin: 30px 0 0 0;
        }

.resultsDetailsHolder {
    width: 860px;
    height: auto;
    float: left;
    padding: 20px 20px;
    margin: 20px 0 20px;
    border: solid 2px #d6d6d6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .resultsDetailsHolder header {
        width: 610px;
        height: 25px;
        float: right;
    }

        .resultsDetailsHolder header span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #35b5df;
            text-transform: uppercase;
            display: block;
            padding: 4px 0 0 0;
        }

        .resultsDetailsHolder header span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #35b5df;
            text-transform: uppercase;
            display: block;
            padding: 4px 0 0 0;
        }

            .resultsDetailsHolder header span.dateTime {
                width: 224px;
                height: auto;
                float: left;
                height: auto;
                float: left;
                padding: 0 0 0 6px;
            }

            .resultsDetailsHolder header span.address {
                width: 170px;
                height: auto;
                float: left;
            }

            .resultsDetailsHolder header span.address {
                width: 170px;
                height: auto;
                float: left;
            }

            .resultsDetailsHolder header span.contactInfo {
                width: 215px;
                height: auto;
                height: auto;
                float: left;
            }

.resultDetailBox {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #cccccc;
}

.resultsDetailsHolder .row:last-child .resultDetailBox {
    border: none;
    padding: 0;
}

.resultDetailBox aside {
    width: 180px;
    height: auto;
    float: left;
    margin: 0 25px 0 0;
}

    .resultDetailBox aside h4 {
        width: auto !important;
        height: 45px;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 15px !important;
        color: #333333 !important;
        line-height: 47px !important;
        float: left;
        margin: 0 0 10px 0;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .resultDetailBox aside h4.drop-ins {
            padding-left: 68px;
            padding-right: 39px;
            background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 6px 3px;
        }

        .resultDetailBox aside h4.events {
            padding-left: 70px;
            padding-right: 55px;
            background: #e9f2ca url(/img/icons/events_ico.png) no-repeat 6px 3px;
        }

        .resultDetailBox aside h4.organizations {
            padding-left: 45px;
            padding-right: 10px;
            background: #e9f2ca url(/img/icons/organizations_ico.png) no-repeat 6px 3px;
        }

        .resultDetailBox aside h4.virtualReview {
            padding-left: 40px;
            padding-right: 6px;
            background: #e9f2ca url(/img/icons/virtualReview_ico.png) no-repeat 6px 3px;
        }

    .resultDetailBox aside span {
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 15px;
        color: #6e6e6e;
        text-transform: uppercase;
        display: block;
        float: left;
        padding-left: 4px;
    }

    .resultDetailBox aside span {
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 15px;
        color: #6e6e6e;
        text-transform: uppercase;
        display: block;
        float: left;
        padding-left: 4px;
    }

        .resultDetailBox aside span.eventName {
            color: #8aa131 !important;
            padding-bottom: 25px;
        }

.resultDetailBox table {
    width: 610px;
    height: auto;
    float: left;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
}

    .resultDetailBox table thead {
        width: 100%;
        height: 50px;
        float: left;
        background: #f6f6f6;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .resultDetailBox table thead {
        width: 100%;
        height: 50px;
        float: left;
        background: #f6f6f6;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }


        .resultDetailBox table thead th {
            font-family: "MontSerratBold",Arial Narrow, Arial, sans-serif;
            height: 50px;
            line-height: 50px;
            text-align: left;
            float: left;
        }

            .resultDetailBox table thead th img {
                width: auto;
                height: 35px;
                float: left;
                margin: 8px 0 0 0;
            }

            .resultDetailBox table thead th.tradingDays {
                width: 223px;
            }

            .resultDetailBox table thead th.distance {
                width: 170px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .resultDetailBox table thead th.website {
                width: 215px;
            }


    .resultDetailBox table td {
        float: left;
        padding: 25px 0 0 0;
    }

        .resultDetailBox table td a {
            color: #333333;
        }

            .resultDetailBox table td span.contactOrganization, .resultDetailBox table td a.contactOrganization {
                width: 160px;
                color: #36a3af;
                line-height: 25px;
                display: block;
                margin: -5px 0 0 0;
                float: left;
            }


        .resultDetailBox table td figure {
            float: left;
            margin: 0 15px 0 0;
        }

        .resultDetailBox table td.tradingDays {
            width: 223px;
        }

            .resultDetailBox table td.tradingDays figure {
                margin-left: 20px;
            }

        .resultDetailBox table td.address {
            width: 170px;
            line-height: 25px;
            padding: 6px 0 0 0 !important;
        }

        .resultDetailBox table td.website {
            width: 215px;
        }

.virtualReviewPlaceholder {
    width: 610px;
    height: auto;
    float: left;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 15px;
    color: #5eb5bf;
    text-transform: uppercase;
    text-align: center;
    padding: 68px 0;
    background: #eef9fc;
    border: solid 2px #e8f6fa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .virtualReviewPlaceholder a:hover {
        color: #5eb5bf;
    }


/*
---------------------
end legal Help Page
---------------------
*/


/*
---------------------
Footer
---------------------
*/
.footer {
    background-color: #484848;
    padding: 15px 0;
    color: #fff;
    width: 100%;
    position: relative;
    margin-top: -100px; /* negative value to pull up the footer */
    height: 120px;
}


    .footer a {
        color: #fff;
    }

.footer-img {
    float: left;
    margin-right: 20px;
}

.footer-text {
    float: left;
    color: white;
    margin-left: auto;
    font-size: 20px;
    font-family: "BreeSerif",sans-serif,arial,helvetica;
}

.footer-links {
    float: left;
    padding-right: 50%;
    color: white;
    margin-left: auto;
}

.footer-nav .copyright {
    float: left;
    color: white;
    margin-left: auto;
}



.new-footer {
    background-color: #484848;
    color: #fff;
    padding: 65px 0 35px 0;
}

    .new-footer .col-md-2,
    .new-footer .col-md-8 {
        margin: 0 !important;
        padding: 0 !important;
    }

    .new-footer .poweredby img {
        margin-top: 6px;
    }

nav.footerMainNavigation {
    width: 635px;
    height: auto;
    float: left;
    padding: 0 0 20px 0;
}

    nav.footerMainNavigation li.divider {
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        font-size: 20px;
        color: #ffffff;
        line-height: 18px;
        padding: 0 10px;
    }

    nav.footerMainNavigation li {
        list-style: none;
        float: left;
    }

    nav.footerMainNavigation a {
        display: block;
        float: left;
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        font-size: 20px;
        color: #ffffff;
        text-transform: uppercase;
    }

nav.footerSubNavigation {
    width: 635px;
    height: auto;
    float: left;
    padding: 0 0 20px 0;
}

    nav.footerSubNavigation li.divider {
        font-family: "BreeSerif",sans-serif,arial,helvetica;
        font-size: 15px;
        color: #ffffff;
        line-height: 12px;
        padding: 0 10px;
    }

    nav.footerSubNavigation li {
        list-style: none;
        float: left;
    }

    nav.footerSubNavigation a {
        display: block;
        float: left;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 15px;
        color: #ffffff;
    }

.new-footer p {
    width: 635px;
    float: left;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    margin-left: 0 !important;
}

/*
---------------------
end footer
---------------------
*/

.error-highlight .form-group-container-regular,
.error-highlight .form-group-container-bold {
    border: 1px solid #cb5481 !important;
}

::-ms-clear {
    display: none;
}
/*
---------------------
    Review
---------------------
*/
.incomplete-question-headers {
    color: #545454;
    font-family: "BreeSerif",sans-serif,arial,helvetica;
    font-size: 29px;
    margin-left: 33px;
    margin-top: 30px;
    padding-bottom: 10px;
}

.incomplete-questions-title {
    color: #45B2BC;
    font-family: MontserratRegular;
    font-size: 27px;
    line-height: 30px;
    margin-left: 32px;
    margin-right: 50px;
    margin-top: 20px;
}

.incomplete-question {
    background-color: #FDFDFD;
    border: 1px solid #CCCCCC;
    color: #141414;
    font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
    font-size: 16px;
    margin: 33px;
    padding: 20px 12px;
    clear: both;
}

.edit-btn {
    font-size: 18px;
    line-height: 1.2;
    margin-right: 32px;
    margin-top: -28px;
    padding-left: 25px;
    width: 93px;
    background: #F49823 url('/img/edit-btn-pen.png') no-repeat 8px center;
}


.incomplete-question-intro {
    color: #565656;
    font-family: MontserratRegular;
    font-size: 12px;
    margin-left: 34px;
}
/*
---------------------
  End Review
---------------------
*/

/*
---------------------
  Tutorial
---------------------
*/

.tutorial {
}

    .tutorial.modal {
        top: 0;
    }

    .tutorial .modal-dialog {
        width: 950px;
    }

#tutorial_wizard .col-md-7 {
    width: 52.333% !important;
}

#tutorial_wizard .col-md-5 {
    width: 47.667% !important;
}

.tutorial .modal-header,
.tutorial .modal-body,
.tutorial .modal-footer {
    background-color: #ffffff;
    color: #000000;
}

.tutorial .modal-body {
    padding: 0;
}

.tutorial .modal-footer {
    text-align: left;
}

.tutorial .row,
.tutorial p {
    margin: 0;
    font-style: normal;
    font-size: 20px;
}

.tutorial .heading {
    font-size: 50px;
    color: #36A3AF;
    font-style: normal;
    line-height: 2;
}

.tutorial .sub-heading {
    color: #36A3AF;
    margin-top: 20px;
}

.tutorial .welcome {
    text-align: center;
}

.tutorial .pagination > li > a, .pagination > li > span {
    margin-left: 0;
    color: #565656;
    border: solid 2px #ffffff !important;
    padding-top: 8px;
    margin: 5px;
}

    .tutorial .pagination > li > a:hover,
    .tutorial .pagination > li > span:hover,
    .tutorial .pagination > li > a:focus,
    .tutorial .pagination > li > span:focus {
        width: 35px;
        height: 45px;
        border: solid 2px #B0D234 !important;
        background: #ffffff;
        padding-left: 5px;
        border-radius: 3px 3px;
        -moz-border-radius: 3px 3px;
        -webkit-border-radius: 3px 3px;
    }

.tutorial .welcome-img {
    width: 623px;
    margin: 0 auto;
    display: block;
}

.tutorial a.tutBtn {
    width: 45px;
    height: 45px;
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    text-indent: -9999px;
}

.tutorial a.left,
.tutorial a.left:hover {
    background: #a8ce1f url(/img/tutLeftArrow.png) no-repeat center center !important;
    width: 45px !important;
    height: 45px !important;
}

.tutorial a.right,
.tutorial a.right:hover {
    background: #a8ce1f url(/img/tutRightArrow.png) no-repeat center center !important;
    width: 45px !important;
    height: 45px !important;
}

/*
---------------------
  End Tutorial
---------------------
*/

.form_textbox::-webkit-input-placeholder {
    color: #C3CACD !important;
    padding-left: 10px;
}

/*------------------
     Legal Issues
 -------------------- 
  */
.legalIssues.modal {
    top: 0;
}

.legalIssues .modal-dialog {
    width: 800px;
}

#legalIssues .col-md-7 {
    width: 52.333% !important;
}

#legalIssues_wizard .col-md-5 {
    width: 47.667% !important;
}

.legalIssues .modal-header,
.legalIssues .modal-body-legalIssues,
.legalIssues .modal-footer {
    background-color: #ffffff;
    color: #000000;
}

.legalIssues .modal-body-legalIssues {
    padding: 30px 50px;
}

.legalIssues .modal-footer {
    text-align: left;
}

.legal .row,
.legalIssues p {
    margin: 0;
    font-style: normal;
    font-size: 14px;
}

.legalIssues .heading {
    font-size: 20px;
    color: #36A3AF;
    font-style: normal;
    margin-bottom: 20px;
}

.legalIssues .sub-heading {
    color: #36A3AF;
    margin-top: 20px;
}

.modal-body-legalIssues {
    padding: 0 20px 20px 20px;
}

.legal-assistance-btn, .legal-assistance-btn:hover {
    background: #FEB232;
    font-size: 14px;
    border-radius: 0px;
}

.cancel-event {
    background: #FEB232;
    border: #FEB232;
}

.continue-app-btn {
    background-color: #AAD02C;
    font-size: 14px;
    border-radius: 0px;
}

.form-group-container-progressbar {
    background-color: #FEFBF4;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    margin-left: 2px;
    margin-top: 10px;
    padding: 35px;
}

.progressbar-container {
    background-color: #FDFDFD;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 14px;
    padding: 3px 1px;
}
/*------------------
    End Legal Issues
 -------------------- 
  */




.new-message.modal {
    top: 0;
}

.new-message .modal-dialog {
    width: 959px;
}

.new-message .modal-header,
.new-message .modal-body,
.new-message .modal-footer {
    background-color: #ffffff;
    color: #000000;
}

.new-message .modal-header {
    border-bottom: 1px solid #fff !important;
}

.new-message .heading.welcome {
    font-size: 30px;
    color: #36A3AF;
    font-style: normal;
    line-height: 3;
    text-align: center;
}

.new-message .recipient-option {
    border: 1px solid #cccccc;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-left: 16px;
    width: 820px;
}

    .new-message .recipient-option:hover {
        -moz-box-shadow: 0 0 5px 0 #B0D234;
        -webkit-box-shadow: 0 0 5px 0 #B0D234;
        box-shadow: 0 0 5px 0 #B0D234;
        border: 1px solid #B0D234;
    }

    .new-message .recipient-option.gutter {
        margin-top: 38px;
    }

    .new-message .recipient-option .col-1 {
        width: 128px;
        float: left;
    }

    .new-message .recipient-option .col-2 {
        width: 500px;
        float: left;
    }

        .new-message .recipient-option .col-2 .heading {
            font-size: 15px;
            margin-top: 22px;
            line-height: 15px;
        }

        .new-message .recipient-option .col-2 p {
            font-size: 15px;
            margin: 36px 0 0 0;
        }

    .new-message .recipient-option .col-3 {
        float: left;
        padding-top: 23px;
        width: 167px;
    }

    .new-message .recipient-option .recipient-option-logo {
        width: 84px;
        padding: 5px;
        border: 1px solid #E1E1E1;
        background-color: #ffffff;
        margin-left: 30px;
        margin-top: 22px;
        margin: 22px 0 22px 30px;
    }

/*
---------------------
  Messages
---------------------
*/
.pagination li a {
    font-weight: bold;
    height: auto;
}
/*.PagedList-skipToNext {
     float: right;
}

.PagedList-skipToPrevious {
     float: left;
}*/

.PagedList-skipToNext a {
    background: url('/img/pagination-right-arrow.png') no-repeat !important;
    color: transparent !important;
    width: auto;
    background-size: 32px auto !important;
}

.PagedList-skipToPrevious a {
    background: url('/img/pagination-left-arrow.png') no-repeat !important;
    color: transparent !important;
    width: auto;
    background-size: 32px auto !important;
}

.pagination > li > a, .pagination > li > span {
    color: #5EB5BE;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #fff !important;
    border: 1px solid #35a3af !important;
    color: #35a3af !important;
    height: auto !important;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.main-message-container {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    margin-bottom: 30px;
}

    .main-message-container .row {
        margin: 0;
    }


.message-sidebar {
    margin-bottom: 50px;
}

    .message-sidebar li {
        list-style: none;
        float: left;
        width: 100%;
        height: 51px;
        border-bottom: 1px solid #ffffff;
    }

    .message-sidebar a {
        width: 100%;
        height: 100%;
        display: block;
        color: #565656;
        background: #e1e1e1;
        font-size: 16px;
        padding: 10px 20px;
    }

    .message-sidebar li a {
        font-size: 16px;
        padding: 12px 20px;
    }

        .message-sidebar li a.active {
            background-color: #ffffff;
        }

        .message-sidebar li a.message-sidebar-new {
            background-image: url('/img/inbox_new.png');
            background-position: 255px 14px;
            background-repeat: no-repeat;
        }

        .message-sidebar li a.message-sidebar-sent {
            background-image: url('/img/inbox_sent.png');
            background-position: 250px 14px;
            background-repeat: no-repeat;
        }

        .message-sidebar li a.message-sidebar-trash {
            background-image: url('/img/inbox_trash.png');
            background-position: 250px 14px;
            background-repeat: no-repeat;
        }

    .message-sidebar a:hover,
    .message-sidebar a:focus {
        color: #565656;
    }

    .message-sidebar .top-bar {
        width: 100%;
        height: 51px;
        border-bottom: 1px solid #ffffff;
    }

        .message-sidebar .top-bar a {
            background: url('/img/inbox_icon.png') #5FB5BF no-repeat 20px 14px;
            font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
            font-size: 21px;
            text-transform: uppercase;
            color: #ffffff;
            text-align: center;
            padding: 10px 0;
        }

.message-content {
    color: #adadad;
}

.message-content .intro-container{ padding: 0 15px !important;margin: 0 0 20px 0;}

    .message-content .heading {
        color: #adadad;
        background-color: #ffffff;
        border-bottom: 1px solid #E1E1E1;
    }

        .message-content .heading > div:first-child {
            padding: 10px 20px;
            font-size: 21px;
            border-right: 1px solid #E1E1E1;
        }

        .message-content .heading > div:nth-child(2) {
            border-right: 1px solid #E1E1E1;
        }

        .message-content .heading button {
            width: 100%;
            height: 100%;
            border: none;
            text-align: center;
            background-color: #ffffff;
            padding: 15px 0;
            color: #adadad;
        }

            .message-content .heading button.message-delete {
                background-image: url('/img/inbox_delete.png');
                background-position: 20px 14px;
                background-repeat: no-repeat;
            }

            .message-content .heading button.message-delete-repo {
                background-position: 6px 14px;
            }

        .message-content .heading .col-sm-2 {
            padding: 0;
        }

        .message-content .heading a {
            width: 100%;
            height: 100%;
            padding: 15px 0;
            display: block;
            color: #adadad;
            background-image: url('/img/inbox_reply.png');
            background-position: 6px 14px;
            background-repeat: no-repeat;
            text-align: center;
        }

            .message-content .heading a:hover,
            .message-content .heading a:focus {
                color: #adadad;
            }

    .message-content .message-sender {
        margin-top: 18px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 16px;
    }

    .message-content .message-subject {
        margin-top: 18px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .message-content .message-body {
        padding: 0;
        margin: 0;
        color: #A4A4A4;
        line-height: 30px;
    }

    .message-content .message-item {
        background-color: #f2f2f2;
        border-bottom: 1px solid #E1E1E1;
    }

    .message-content .new-message {
        background-color: #ffffff;
        color: #525252;
    }

    .message-content .sent-item {
        background-color: #ffffff;
        color: #525252;
    }

        .message-content .sent-item .message-body {
            color: #525252;
        }

    .message-content .message-item:nth-child(2n+1) .message-body {
        color: #525252;
    }

    .message-content .message-item input[type='checkbox'] {
        margin: 18px 0 0 3px;
    }

    .message-content .message-item .message-viewable {
        cursor: pointer;
        height: 137px;
    }

    .message-content .message-item .forms-viewable {
        cursor: pointer;
        height: 80px;
    }

    .message-content .message-item.message-selected {
        background-color: #D8EDF0;
    }

    .message-content .message-item .message-new {
        background-color: #5EB5BE;
        width: 58px;
        height: 22px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #ffffff;
        text-align: center;
        padding: 1px 0;
    }

.pagination-container {
    margin-top: -22px;
    width: 100%;
}

.text-align-right {
    text-align: right;
}

.message-content .message-metadata {
    padding: 37px 50px;
    border-bottom: 1px solid #E1E1E1;
    color: #565656;
    background-color: #F8F8F8;
}

    .message-content .message-metadata span.sender {
        color: #36A3AF;
        text-transform: uppercase;
    }

    .message-content .message-metadata span.subject {
        color: #000000;
        text-transform: uppercase;
    }

.message-content .message-view-body {
    padding: 37px 50px;
    background-color: #ffffff;
    border-bottom: 1px solid #E1E1E1;
    word-wrap: normal;
}

.gen-btn {
    font-family: "JockeyOneRegular",Arial Narrow, Arial, sans-serif;
    color: #ffffff;
    font-size: 30px;
    background: #b0d234;
    text-transform: uppercase;
    border: none;
}

    .gen-btn:hover {
        background: #a9d129;
    }

.btn-send-msg {
    margin: 18px 20px 20px 0 !important;
}

.message-content .message-compose-metadata {
    padding: 20px 15px;
    background-color: #F5F5F5;
}

    .message-content .message-compose-metadata .message-org-logo {
        width: 84px;
        padding: 5px;
        border: 1px solid #E1E1E1;
        background-color: #ffffff;
    }

    .message-content .message-compose-metadata .recipient {
        color: #000000;
    }

    .message-content .message-compose-metadata p {
        padding: 0;
        margin: 10px 0 0 0;
    }

.message-content .message-compose-subject input {
    width: 100%;
    max-width: none;
    padding-left: 30px;
}

    .message-content .message-compose-subject input:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0;
        border: 1px solid #DDE4E8;
    }

.message-content .message-compose-body textarea {
    border-top: none;
    height: 350px;
    padding: 20px 30px;
    resize: none;
}
/*
---------------------
  End Messages
---------------------
*/

/*
---------------------
  Clients
---------------------
*/


.pic-border {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    margin: 0 20px 20px 0;
}

.case-details tr[role="row"] td {
    padding: 0;
}

.case-info-orange-btn {
    background: #FEB232;
    height: 35px !important;
    border-radius: 4px;
    margin-top: 10px;
    margin-right: 5px;
}

    .case-info-orange-btn:hover {
        border-radius: 5px;
        background-color: #C5C5C5;
        border-color: #C5C5C5;
    }

.case-info-close-reopen-btn {
    height: 40px !important;
    width: 165px;
    font-size: 24px;
    font-family: 'Jockey One', sans-serif;
}

    .case-info-close-reopen-btn:hover, .case-info-big-cancel-btn:hover {
        font-size: 24px;
        font-family: 'Jockey One', sans-serif;
        background-color: #C5C5C5;
        border-color: #C5C5C5;
    }

.case-info-big-cancel-btn {
    height: 40px !important;
    width: 165px;
    font-size: 24px;
    font-family: 'Jockey One', sans-serif;
    background: #FEB232;
}

#case-outcome.case-info-row {
    padding: 10px 0;
}

.case-info-row {
    display: block;
    padding: 10px 20px;
}

.case-info-shade {
    width: 534px;
    display: inline-block;
    border-radius: 5px;
    background: #f7f7f7;
}

.case-info-second-shade {
    width: 534px;
    display: inline-block;
    border-radius: 5px;
    background: #FBFAF9;
}

#case-history{
    float:right;
}

.case-history-header {
    color: #36A3AF;
    font-size: 30px;
    font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
    text-transform: uppercase;
}

.case-details {
    padding: 30px;
}

#clientResultTable tr td {
    text-align: left !important;
}

#clientResultTable thead tr th {
    text-align: left !important;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
}

.dataTables_wrapper .dataTables_length {
    margin-top: 20px;
}

.client-red-flag {
    background: url('/img/RedFlagwarning.png') no-repeat;
    display: block;
    float: left;
    width: 27px;
    height: 22px;
}

.client-red-flag-med {
    background: url('/img/RedFlagMedium.png') no-repeat;
    display: block;
    float: left;
    width: 17px;
    height: 14px;
    margin-top: 2px;
    margin-right: 5px;
}

.case-details .col-md-5 {
    float: left;
}

.case-details .col-md-7 {
    padding: 0 0 0 20px;
}


.case-details figure {
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px;
}

    .case-details figure img {
        width: 100%;
        height: 100%;
    }

.case-details span {
    height: auto;
    font-family: "MontserratBold",Arial Narrow, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
    clear: right;
}

    .case-details span.accSurname {
        text-transform: uppercase;
        font-size: 22px;
        display: block;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    }

    .case-details span.accName {
        text-transform: uppercase;
        display: block;
        font-size: 15px;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    }

    .case-details span.header {
        font-size: 13px;
        display: block;
        color: #A7A8A7;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        padding-bottom: 6px;
    }

    .case-details span.date {
        font-size: 12px;
        display: block;
        color: #36a3af;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    }

    .case-details span.data {
        font-size: 15px;
        display: block;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    }

.red-flag-indicator {
    margin-top: 30px;
    padding: 5px;
    background-color: #FCFCFC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.case-details .applicationFlag {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-family: "MontserratBold",Arial Narrow, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    padding: 8px 12px 8px 0;
    background: #e1f1f3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .case-details .applicationFlag img {
        float: left;
        margin: 0 10px;
    }

.case-details .progressCompleted {
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
    float: left;
}

.case-details .valueCompleted {
    font-size: 25px;
}

.case-details span.incompleteQuestion {
    color: #eda210;
    margin-right: 10px;
}

.case-details .progress {
    width: 125px;
    height: 20px;
    float: left;
    border: solid 1px #d1d1d1;
    margin: 9px 0 0 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .case-details .progress .progress-bar {
        background: #cae177;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

/*
---------------------
  End Clients
---------------------
*/
.redflags-links {
    float: right;
    margin-right: -16px;
}

    .redflags-links a:link, .redflags-links a:visited {
        border-bottom: 2px solid grey;
        color: grey;
        font-size: 14px;
    }

    .redflags-links a:hover {
        border-bottom: none;
        color: grey;
        font-size: 14px;
    }

.warning-link {
    float: left;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 4px;
}

.resolved-link {
    float: left;
    margin-left: 4px;
    margin-right: 3px;
    margin-top: 5px;
}

.note-link {
    float: left;
    margin-left: 45px;
    margin-top: 5px;
}

.redflag-note-link {
    float: left;
    margin-top: 5px;
}

.advocate-red-flag {
    margin-left: 33px;
}

.yellowflag-note-link {
    float: left;
    margin-left: 25px;
    margin-top: 5px;
}

.flag-resolve-link {
    float: right;
    margin-right: 24px;
    margin-top: 5px;
}

.flag-edit-link {
    float: left;
    margin-top: 5px;
}

.resolved-text {
    color: #B0D234;
    float: left;
    margin-right: -35px;
    margin-top: 5px;
}
/*added new css here for application resolved indicator on red flags*/
.resolved-text2 {
    color: #B0D234;
    float: right;
    font-family: MontserratRegular;
    font-size: 17px;
    margin-right: -15px;
    margin-top: 3px;
}

.img2 {
    border: 0 none;
    margin: 5px 0 16px 12px;
}
/*red flags css ends*/

.resolved-link a:link, .resolved-link a:visited,
.warning-link a:link, .warning-link a:visited,
.note-link a:link, .note-link a:visited,
.yellowflag-note-link a:link, .yellowflag-note-link a:visited,
.flag-resolve-link a:link, .flag-resolve-link a:visited,
.flag-edit-link a:link, .flag-edit-link a:visited,
.redflag-note-link a:link, .redflag-note-link a:visited {
    border-bottom: 2px solid grey;
    color: grey;
    font-size: 14px;
}

.warning-link a:hover,
.note-link a:hover,
.yellowflag-note-link .flag-resolve-link a:hover,
.resolved-link a:hover,
.redflag-note-link a:hover {
    border-bottom: none;
    color: grey;
    font-size: 14px;
}

.note-buttons {
    margin-left: 34px;
    width: 495px;
    margin-top: 20px;
}

.note-label {
    padding: 10px;
    width: 495px;
    margin-top: 30px;
    margin-left: 33px;
    color: #a2a09f;
    background-color: #fff8ee;
    font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.redflags-intro-container {
    position: relative;
    border: 2px solid #D6D6D6;
    max-width: 700px;
    margin: auto;
    background-color: #FFFFFF;
    padding-bottom: 38px;
}

.redflag-btn {
    width: 140px;
    height: 30px;
}

.cancel-note-btn {
    background-color: #999;
    width: 100px;
    float: right;
    margin-right: 20px;
}

.save-note-btn {
    background-color: #B0D234;
    width: 100px;
    float: right;
}

.unresolve-note-btn {
    background-color: #FDB136;
    width: 100px;
    float: right;
}

.note-textarea {
    color: #c3c9ce;
    height: 93px;
    margin-left: 33px;
    margin-top: 30px;
    max-height: 93px;
    width: 88.6%;
    font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
    font-size: 15px;
}


.required-note-error {
    outline: 0;
    box-shadow: 0 0 5px #CB5481;
    -moz-box-shadow: 0 0 5px #CB5481;
    -webkit-box-shadow: 0 0 5px #CB5481;
    -webkit-appearance: none !important;
}

.advocate-redflag-links {
    float: right;
    margin-right: 32px;
}

.redflag-question {
    background-color: #FDFDFD;
    border: 1px solid #CCCCCC;
    color: #141414;
    font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
    font-size: 16px;
    margin: 33px 33px 0px 33px;
    padding: 20px 12px;
    clear: both;
}

.red-border {
    border: 1px solid #FF0000;
}

.gray-border {
    border: 1px solid #D4D4D4;
}

/*
---------------------
  Client Result Table
---------------------
*/

#clientResultTable.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: collapse;
    border-spacing: 0;
    background: white;
}

    /*#clientResultTable.dataTable thead th,
    table.dataTable tfoot th {
        font-weight: normal !important;
        color: #41B8E3;
        font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
        font-size: 20px;
    }

    #clientResultTable.dataTable thead th,
    #clientResultTable.dataTable thead td {
        padding: 5px !important;
        border-bottom: none !important;
        border-top: 1px solid #f7f7f7;
    }*/

    #clientResultTable.dataTable tfoot th,
    #clientResultTable.dataTable tfoot td {
        padding: 10px 18px 6px 18px;
        border-top: none !important;
    }

    #clientResultTable.dataTable tbody th,
    #clientResultTable.dataTable tbody td {
        padding: 14px !important;
    }

        #clientResultTable.dataTable tbody td.caps {
            font-weight: 100;
            font-family: MontserratBold, Arial Narrow, Arial, sans-serif;
            text-transform: uppercase;
        }

    #clientResultTable.dataTable.stripe tbody tr.odd, #clientResultTable.dataTable.display tbody tr.odd {
        background-color: #f7f7f7 !important;
    }

        #clientResultTable.dataTable.stripe tbody tr.odd.selected, #clientResultTable.dataTable.display tbody tr.odd.selected {
            background-color: #D6D6D6 !important;
        }

        #clientResultTable.dataTable.hover tbody tr:hover,
        #clientResultTable.dataTable.hover tbody tr.odd:hover,
        #clientResultTable.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
        #clientResultTable.dataTable.display tbody tr.odd:hover,
        #clientResultTable.dataTable.display tbody tr.even:hover {
            background-color: #D6D6D6 !important;
            cursor: pointer;
        }

            #clientResultTable.dataTabl#clientResultTable.dataTablee.hover tbody tr:hover.selected,
            #clientResultTable.dataTable.hover tbody tr.odd:hover.selected,
            #clientResultTable.dataTable.hover tbody tr.even:hover.selected, #clientResultTable.dataTable.display tbody tr:hover.selected,
            #clientResultTable.dataTable.display tbody tr.odd:hover.selected,
            #clientResultTable.dataTable.display tbody tr.even:hover.selected {
                background-color: #D6D6D6 !important;
            }

    #clientResultTable.dataTable.no-footer {
        border-bottom: none !important;
    }

/*#clientResultTable_wrapper {
    width: 100%;
    position: relative;
    clear: both;
    background: #ffffff;
    margin: 50px 0 50px;
    padding: 15px;
    border: 2px solid #D6D6D6;
}*/

#clientResultTable.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0px;
    padding-left: 13px;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 30px;
}

/*
---------------------
  End Client Result Table
---------------------
*/
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #7accc8 !important;
    color: #7accc8 !important;
}

#caseHistoryTbl_info {
    color: #7accc8 !important;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 16px;
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none repeat scroll 0 0 #f5f5f5;
    color: darkblue !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #7accc8 !important;
}

.prev-arrow {
    background: url('/img/pagination-left-arrow.png') no-repeat;
    width: 22px;
    height: 24px !important;
    margin-left: 0px;
    margin-bottom: -8px;
    display: inline-block;
}

.next-arrow {
    background: url('/img/pagination-right-arrow.png') no-repeat;
    width: 22px;
    height: 24px !important;
    margin-left: 0px;
    margin-bottom: -8px;
    display: inline-block;
}

#clientResultTable_info {
    color: black !important;
    margin-left: 10px !important;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 25px;
}

.previous:hover, .next:hover {
    background: transparent !important;
}

.advocate-red-flag {
    margin-left: 40px;
}

.advocate-flag-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*
---------------------
  CaseInfo 
---------------------
*/
option.advocate {
        color: #999999;
    }

option.unassigned {
    font-style: italic; 
    /*color: #CB5481;*/
    color: #ff0000;
}

/*
---------------------
  Your Name styles
---------------------
*/
.name-textbox {
    width: 160px !important;
}

.table-name-textbox {
    width: 150px !important;
}

    .table-name-textbox:-moz-placeholder { /* Firefox 18- */
        font-family: Arial Narrow,Arial,sans-serif;
        font-size: 14px;
        font-style: italic;
        color: #6f828d !important;
    }

    .table-name-textbox::-moz-placeholder { /* Firefox 19+ */
        font-family: Arial Narrow,Arial,sans-serif;
        font-size: 14px;
        font-style: italic;
        color: #6f828d !important;
    }

    .table-name-textbox:-ms-input-placeholder {
        font-family: Arial Narrow,Arial,sans-serif;
        font-size: 14px;
        font-style: italic;
        color: #6f828d;
    }

.info-block img {
    cursor: pointer;
}

.screen-main-question-text {
    color: #333333;
    font-family: MontserratBold;
    font-size: 16px;
    margin: 10px;
    width: 100%;
}

.add-btn-round-icon {
    background: url('/img/add-btn-round.png') no-repeat;
    width: 30px;
    height: 20px;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

.remove-btn-round-icon {
    background: url('/img/remove-btn-round.png') no-repeat;
    width: 30px;
    height: 20px;
    margin-top: 25px;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.address-row, .name-row, .add-btn-container {
    margin-left: 10px;
}

.add-name-text {
    color: #9a9a9a;
    font-family: MontserratRegular;
    font-size: 13px;
    font-weight: normal;
    display: block;
    font-size: 11px;
    margin-left: 32px;
    margin-top: -25px;
}
/*
---------------------
  Your Name styles
---------------------
*/

.color-option {
    width: 165px;
    float: left;
}

/* video
    ----------------------------------------------------------*/
/*
video {
    z-index: 0;
}

#video-logo {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 0;
    margin-left: 4%;
    margin-top: 5%;
    position: inherit;
    width: 24px;
    z-index: 28;
}

.connect {
    margin-left: 20px !important;
    background-color: #d3dce0;
    color: #787878;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
    text-decoration: none;
}

#connect:hover {
    text-decoration: underline;
    color: #787878;
}

#container {
    width: 100%;
    display: block;
}

#video-main-container {
    left: 0 !important;
    outline: 0 none !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1002 !important;
}

video {
    width: 20%;
    height: 20%;
}

.OT_publisher .OT_bar, .OT_subscriber .OT_bar {
    background: transparent !important;
}


.OT_subscriber .OT_video-container {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
}

.OT_subscriber {
    outline: 0 none !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

#publisher {
    display: block;
    height: 0;
    margin-right: 3%;
    margin-top: 40%;
    position: inherit;
    width: 0;
}

#publisher-container {
    display: block;
    height: 0;
    left: 97%;
    position: inherit;
    top: 59%;
    width: 0;
}

.OT_publisher {
    bottom: 0 !important;
    float: right;
    height: 121px !important;
    position: relative !important;
    width: 130px !important;
    z-index: 17 !important;
}

#subscriber {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.8); 
}

.subscriber-label {
    color: #fff;
    float: right;
    font-family: Arial;
    font-size: 15px;
    margin-right: -36px;
    margin-top: 72%;
    position: relative;
    width: 168px;
    z-index: 2345;
}

.OT_mode-auto {
    display: none !important;
}

.OT_mode-auto {
    border: none;
}

#exception {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #fff; 
}

.OT_exception .OT_inner-container {
    border-radius: 5px;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 103% !important;
}

.OT_exception {
    border-radius: 5px;
    height: 100% !important;
    left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    outline: 0 none !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 0 !important;
    background: #fff;
}


.video-error-title {
    color: #4bb1cf;
    font-size: 19px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13%;
    width: 265px;
    text-align: center;
}

.video-error-content {
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    text-align: center;
    width: 60%;
}

.video-error-browser {
    color: #4bb1cf !important;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13%;
    cursor: pointer;
    text-decoration: none;
}

    .video-error-browser:hover {
        color: #4bb1cf !important;
        text-decoration: underline;
    }

.connecting {
    background-image: url("/img/video-connecting.gif");
    background-repeat: no-repeat;
    display: inherit;
    float: right;
    height: 12px;
    margin-left: -40px;
    margin-top: 10px;
    width: 49px;
}

.ui-widget-overlay {
    width: 0 !important;
    height: 0 !important;
}

.OT_subscriber video, .OT_subscriber object {
    height: 94% !important;
}*/

/* end video
    ----------------------------------------------------------*/

/* Your Prior Addresses
    ----------------------------------------------------------*/

.prior-address-street-text {
    color: #333333;
    font-family: MontserratBold;
    font-size: 16px;
    display: block;
    margin-left: 8px;
    width: 150%;
}

.prior-address-city-text {
    color: #6f828d;
    font-family: MontserratBold;
    font-size: 14px;
    display: block;
    margin-left: 13px;
    width: 150%;
}

.prior-address-date-text {
    color: #6f828d;
    font-family: MontserratBold;
    font-size: 14px;
    display: block;
    float: right;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-top: 10px;
}

.delete-link {
    color: #2370ba;
    float: right;
    margin-right: 20px;
    text-decoration: underline;
    font-size: 14px;
}

    .delete-link:hover {
        color: #2370ba;
        text-decoration: none;
    }

.cancel-link {
    color: #2370ba;
    float: right;
    margin-right: 20px;
    text-decoration: underline;
    font-size: 14px;
}

    .cancel-link:hover {
        color: #2370ba;
        text-decoration: none;
    }

.account-success-message {
    background: none repeat scroll 0 0 #b0d234;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 39px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.unassigned-case-message {
    background: none repeat scroll 0 0 #b0d234;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 50px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.uiconsole-alert-message {
    background: none repeat scroll 0 0 #b0d234;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 50px;
    padding-top: 5px;
    position: fixed;
    text-align: center;
    width: 100%;
    cursor: pointer;
    z-index: 100;
}

.unassigned {
    font-style: italic;
    color: red;
}

.unassigned-grey {
    font-style: italic;
    color: #878787;
}
/* End Your Prior Addresses
    ----------------------------------------------------------*/

.ascheckbox {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

#uploadify {
    border-radius: 5px;
}

    #uploadify object {
        height: 25px;
        left: 0;
        margin-top: 42px;
        position: absolute;
        top: 0;
        width: 124px;
    }

.uploadifyQueueItem {
    width: 122px !important;
}

.screening-question-explanation {
    color: #333333;
    font-family: MontserratBold;
    padding: 0 45px;
    margin-top: 20px;
}

    .screening-question-explanation .explanation-action {
        display: table;
        width: 100%;
        padding-top: 10px;
    }

.black-headers {
    color: black !important;
    margin-left: 10px !important;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    font-size: 25px;
    text-transform: uppercase;
}

a.smallBtn {
    width: auto;
    height: 32px;
    float: right;
    font-size: 14px;
    line-height: 34px;
    padding: 0 20px;
    margin: 5px 0 0 15px;
}

a.remove-btn {
    color: #666;
    text-decoration: underline;
}

    a.remove-btn img {
        margin-left: 10px;
    }

.removeMemberBtn {
    width: 100px;
}

.no-margin {
    margin: 0 !important;
}

.user-type {
    font-size: 13px;
}

select[disabled] {
    -moz-appearance: none;
    background: none repeat scroll 0 0 #f0f0f0;
}

.numbers {
    list-style-type: decimal;
    list-style-position: inside;
}

    .numbers > li > span {
        color: black;
    }

.form-description {
    color: #333333;
    font-size: 16px;
    font-family: MontserratBold,Arial Narrow,Arial,sans-serif;
    padding-left: 18px;
}

    .form-description .bullet-points > li > span,
    .bullet-points.truefalsenoboder-question > li > span {
        color: #333333;
    }

.bullet-points.truefalsenoboder-question {
    margin-top: 20px;
}

.input-gutter {
    height: 80px;
    max-height: 80px;
    margin-bottom: 20px;
}

.control-label {
    font-weight: normal;
    color: #9a9a9a;
    font-size: 13px;
}

.login-input {
    font-weight: bold;
    height: 45px !important;
    width: 250px !important;
}

.add-btn {
    background-color: #5eb5bf;
    border-radius: 4px;
    margin-top: 10px;
}

.add-state:disabled {background-color: #d6d6d6;}

.event-time {width: 80px;}

/***************************************************
              Begin: Event Details Table
****************************************************/

.eventDetailsHolder {
    width: 630px;
    height: auto;
    float: left;
    padding: 10px 20px;
    margin: 20px 0 20px;
    border: solid 2px #d6d6d6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .eventDetailsHolder header {
        width: 610px;
        min-height: 10px;
        height: 30px;
        float: left;
    }

        .eventDetailsHolder header span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #35b5df;
            text-transform: uppercase;
            display: block;
            padding: 4px 0 0 0;
        }

        .eventDetailsHolder header span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #35b5df;
            text-transform: uppercase;
            display: block;
            padding: 4px 0 0 0;
        }

            .eventDetailsHolder header span.dateTime {
                width: 224px;
                height: auto;
                float: left;
                height: auto;
                float: left;
                padding: 0 0 0 6px;
            }

            .eventDetailsHolder header span.address {
                width: 170px;
                height: auto;
                float: left;
            }

            .eventDetailsHolder header span.address {
                width: 170px;
                height: auto;
                float: left;
            }

            .eventDetailsHolder header span.contactInfo {
                width: 215px;
                height: auto;
                height: auto;
                float: left;
            }

.eventDetailBox {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #cccccc;
}

.eventDetailBox {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #cccccc;
}

.eventDetailsHolder .row:last-child .eventDetailBox {
    border: none;
    padding: 0;
}

.eventDetailBox aside {
    width: 180px;
    height: auto;
    float: left;
    margin: 0 25px 0 0;
}

    .eventDetailBox aside h4 {
        width: auto !important;
        height: 45px;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 15px !important;
        color: #333333 !important;
        line-height: 47px !important;
        float: left;
        margin: 0 0 10px 0;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .eventDetailBox aside h4.drop-ins {
            padding-left: 68px;
            padding-right: 39px;
            background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 6px 3px;
        }

        .eventDetailBox aside h4.events {
            padding-left: 70px;
            padding-right: 55px;
            background: #e9f2ca url(/img/icons/events_ico.png) no-repeat 6px 3px;
        }

        .eventDetailBox aside h4.organizations {
            padding-left: 45px;
            padding-right: 10px;
            background: #e9f2ca url(/img/icons/organizations_ico.png) no-repeat 6px 3px;
        }

        .eventDetailBox aside h4.virtualReview {
            padding-left: 40px;
            padding-right: 6px;
            background: #e9f2ca url(/img/icons/virtualReview_ico.png) no-repeat 6px 3px;
        }

    .eventDetailBox aside span {
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 15px;
        color: #6e6e6e;
        text-transform: uppercase;
        display: block;
        float: left;
        padding-left: 4px;
    }

    .eventDetailBox aside span {
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 15px;
        color: #6e6e6e;
        text-transform: uppercase;
        display: block;
        float: left;
        padding-left: 4px;
    }

        .eventDetailBox aside span.eventName {
            color: #8aa131 !important;
            padding-bottom: 25px;
        }

.eventDetailBox table {
    width: 610px;
    height: auto;
    float: left;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
}

    .eventDetailBox table thead {
        width: 100%;
        height: 50px;
        float: left;
        background: #f6f6f6;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .eventDetailBox table thead {
        width: 100%;
        height: 50px;
        float: left;
        background: #f6f6f6;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }


        .eventDetailBox table thead th {
            font-family: "MontSerratBold",Arial Narrow, Arial, sans-serif;
            height: 50px;
            line-height: 50px;
            text-align: left;
        }

            .eventDetailBox table thead th img {
                width: auto;
                height: 35px;
                float: left;
                margin: 8px 0 0 0;
            }

            .eventDetailBox table thead th.tradingDays {
                width: 223px;
            }

            .eventDetailBox table thead th.distance {
                width: 170px;
            }

            .eventDetailBox table thead th.contactName {
                width: 215px;
            }

            .eventDetailBox table thead th.contactNameLonger {
                width: 290px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                display: block;
            }


    .eventDetailBox table td {
        float: left;
        padding: 10px 0 0 0;
    }

        .eventDetailBox table td a {
            color: #333333;
        }

        .eventDetailBox table td span.contactOrganization {
            width: 160px;
            color: #36a3af;
            line-height: 25px;
            display: block;
            margin: -5px 0 0 0;
            float: left;
        }


        .eventDetailBox table td figure {
            float: left;
            margin: 0 15px 0 0;
        }

        .eventDetailBox table td.tradingDays {
            width: 223px;
        }

            .eventDetailBox table td.tradingDays figure {
                margin-left: 20px;
            }

        .eventDetailBox table td.address {
            width: 170px;
            line-height: 25px;
        }

        .eventDetailBox table td.extraInfoOne {
            width: 240px;
        }

            .eventDetailBox table td.extraInfoOne figure {
                margin-left: 20px;
            }

        .eventDetailBox table td.extraInfoTwo {
            width: 210px;
        }

            .eventDetailBox table td.extraInfoTwo figure {
                margin-left: 20px;
            }


        .eventDetailBox table td.extraInfoThree {
            width: 600px;
        }

            .eventDetailBox table td.extraInfoThree figure {
                margin-left: 20px;
            }

        .eventDetailBox table td span.bold {
            font-family: "MontSerratBold",Arial Narrow, Arial, sans-serif;
        }

        .eventDetailBox table td p.regular {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #333333;
        }

        .eventDetailBox table td ul.regular {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #333333;
            margin-left: 20px;
        }

        .eventDetailBox table td p.align {
            margin-left: 50px;
            width: 200px;
        }

        .eventDetailBox table td p.left {
            margin-left: 20px;
        }

        .eventDetailBox table td.contactName {
            width: 210px;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
            overflow: hidden;
        }

/***************************************************
End: Event Details Table
****************************************************/

/*
**************************************************
start: Add Events
***************************************************
*/

.addEvents section{ margin-bottom: 30px;}

.spacer15pxpaddingTop{padding-top: 15px;}
.spacer15pxleft {margin-left: 15px;}
.spacer15pxright {margin-right: 15px;}
.spacer20pxtop{margin-top: 20px;}
.spacer15pxtop{margin-top: 15px;}


.addEvents .inputXSmall{ width: 80px!important;}
.addEvents .inputSmall{ width: 110px!important;}
.addEvents .inputMedium{ width: 140px!important;}
.addEvents .inputMediumL{ width: 170px!important;}
.addEvents .inputLarge{ width: 280px!important;}
.addEvents .inputFull{ width: 100%!important;max-width: none;}
.addEvents .inputTimezone{ border:none; background: #f4f5f7}

.addEvents label {
    font-family: 'Lato', arial, helvetica, sans-serif;
    font-size: 12px;
    color:#c4c4c4;
    font-weight: bold;
}



.addEvents input[type="text"],
.addEvents input[type="email"],
.addEvents select{
    height: 45px;
    font-family: 'Lato', arial, helvetica, sans-serif;
    font-size: 14px;
    color:#687983;
    font-weight: bold;
    font-style: normal;
    -moz-box-shadow: 0px 3px 0px 0px #eef2f5;
    -webkit-box-shadow: 0px 3px 0px 0px #eef2f5;
    box-shadow: 0px 3px 0px 0px #eef2f5;
}

#dateAndTimeToField{ margin: 47px 20px 0;}
.endTime{ margin-top: 10px;}
#AllUS,
#platform label{font-family: 'Lato', arial, helvetica, sans-serif;font-size: 14px;color:#687983;}



.eventTimezone {
    font-weight: bold;
    color: black;
}
.addEvents label#eventRegRequired{
    width: auto;
    height: auto;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    padding: 12px 20px;
    background: #f3f4f6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.addEvents .eventsession-item,
.addEvents .event-item-control {
    width: 100%;
    height: auto;
    float: left;
    background: #f4f5f7; 
    padding: 20px;
    position: relative;
}

.addEvents .event-servicearea-control{ margin-bottom: 20px;}

.addEvents .eventsession-item .ui-datepicker-trigger {
    float: left;
    margin:10px 0 0 0;
}



/*
**************************************************
End: Add Events
***************************************************
*/

/*Legal Help within Organisation*/

.findlegalhelp input[type="button"] {
    height: 37px;
    font-family: "MontserratBold",Arial Narrow, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 25px;
    text-transform: uppercase;
    float: left;
    margin: 0 7px 0 0;
    cursor: pointer;
    border: solid 2px rgb( 176, 210, 52 );
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .findlegalhelp input[type="button"]:last-child {
        margin: 0;
    }

.findlegalhelp .filterAll {
    width: 150px;
    padding-left: 50px;
    padding-right: 25px;
    background: #e9f2ca url(/img/icons/all_ico.png) no-repeat 5px -2px;
}

    .findlegalhelp .filterAll:hover,
    .findlegalhelp .filterAll#selected {
        padding-left: 50px;
        padding-right: 25px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/all_ico.png) no-repeat 16px -39px;
    }

.findlegalhelp .filterDropIns {
    width: 150px;
    padding-left: 35px;
    padding-right: 25px;
    background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 1px -2px;
}

    .findlegalhelp .filterDropIns:hover,
    .findlegalhelp .filterDropIns#selected {
        padding-left: 40px;
        padding-right: 25px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/dropIns_ico.png) no-repeat 10px -39px;
    }

.findlegalhelp .filterEvents {
    width: 150px;
    padding-left: 45px;
    padding-right: 35px;
    background: #e9f2ca url(/img/icons/events_ico.png) no-repeat 1px -2px;
}

    .findlegalhelp .filterEvents:hover,
    .findlegalhelp .filterEvents#selected {
        padding-left: 50px;
        padding-right: 35px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/events_ico.png) no-repeat 12px -39px;
    }

.findlegalhelp .filterOrganizations {
    width: 150px;
    padding-left: 35px;
    padding-right: 10px;
    background: #e9f2ca url(/img/icons/organizations_ico.png) no-repeat 4px -2px;
}

    .findlegalhelp .filterOrganizations:hover,
    .findlegalhelp .filterOrganizations#selected {
        padding-left: 40px;
        padding-right: 10px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/organizations_ico.png) no-repeat 7px -39px;
    }

.findlegalhelp .filterVirtualReview {
    width: 165px;
    padding-left: 15px;
    padding-right: 10px;
    background: #e9f2ca url(/img/icons/virtualReview_ico.png) no-repeat 1px -2px;
}

    .findlegalhelp .filterVirtualReview:hover,
    .findlegalhelp .filterVirtualReview#selected {
        padding-left: 45px;
        padding-right: 10px;
        color: #ffffff;
        border: solid 2px #92a73f;
        background: #b0d234 url(/img/icons/virtualReview_ico.png) no-repeat 7px -39px;
    }

.withinorg {
    width: 490px;
    height: 75px;
    padding: 20px 0;
}

section#orgEvent h4 {
    width: 100%;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 20px;
    color: #36a3af;
    text-transform: uppercase;
    margin-left: -30px;
}

section.LegalHelp section p.searchResultsHighlight {
    padding: 20px 24px;
    background: #fefabc;
    margin: 30px 0 0 0;
}

a.start-event-btn {
    border-radius: 5px;
    width: 200px;
    margin-top: 20px;
}

a.other-services-flhbtn {
    border-radius: 5px;
    width: 200px;
    background-color: #FFCD54;
}

    a.other-services-flhbtn:hover {
        background-color: #FFCD54;
    }

.loggedInResultDetailBox aside h4.upcoming-withinorg {
    padding-left: 40px;
    padding-right: 6px;
    background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 6px 3px;
}

.loggedInResultDetailBox aside span.event-description {
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 12px;
    color: #6e6e6e;
    text-transform: uppercase;
    display: block;
    float: left;
    padding-left: 0px;
    margin-right: 0px;
    width: 150px;
}

.loggedInResultDetailBox aside {
    width: 110px;
    height: auto;
    float: left;
    margin: 0 2px 0 0;
}

.loggedInResultDetailBox table thead th img {
    width: auto;
    height: 35px;
    float: left;
    margin: 8px 0 0 0;
}

.loggedInResultDetailBox table thead th.tradingDays {
    width: 223px;
}

.loggedInResultDetailBox table thead th.distance {
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loggedInResultDetailBox table thead th.website {
    width: 215px;
}

.loggedInResultDetailBox {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #cccccc;
}

    .loggedInResultDetailBox aside {
        width: 180px;
        height: auto;
        float: left;
        margin: 0 0px 0 0;
    }

        .loggedInResultDetailBox aside h4 {
            width: auto !important;
            height: 45px;
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 15px !important;
            color: #333333 !important;
            line-height: 47px !important;
            float: left;
            margin: 0 0 10px 0;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

            .loggedInResultDetailBox aside h4.drop-ins {
                padding-left: 68px;
                padding-right: 39px;
                background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 6px 3px;
            }

            .loggedInResultDetailBox aside h4.events {
                padding-left: 50px;
                padding-right: 20px;
                background: #e9f2ca url(/img/icons/events_ico.png) no-repeat 6px 3px;
                margin-left: -20px;
            }

            .loggedInResultDetailBox aside h4.organizations {
                padding-left: 45px;
                padding-right: 10px;
                background: #e9f2ca url(/img/icons/organizations_ico.png) no-repeat 6px 3px;
            }

            .loggedInResultDetailBox aside h4.virtualReview {
                padding-left: 40px;
                padding-right: 6px;
                background: #e9f2ca url(/img/icons/virtualReview_ico.png) no-repeat 6px 3px;
            }

        .loggedInResultDetailBox aside span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 15px;
            color: #6e6e6e;
            text-transform: uppercase;
            display: block;
            float: left;
            padding-left: 4px;
        }

            .loggedInResultDetailBox aside span.eventName {
                color: #8aa131 !important;
                padding-bottom: 25px;
            }

.loggedInResultTableBox {
    width: 130%;
    height: auto;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    border-bottom: none;
}

    .loggedInResultTableBox aside {
        width: 180px;
        height: auto;
        float: left;
        margin: 0 0px 0 0;
    }

        .loggedInResultTableBox aside h4 {
            width: auto !important;
            height: 45px;
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 15px !important;
            color: #333333 !important;
            line-height: 47px !important;
            float: left;
            margin: 0 0 10px 0;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

            .loggedInResultTableBox aside h4.drop-ins {
                padding-left: 68px;
                padding-right: 39px;
                background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 6px 3px;
            }

            .loggedInResultTableBox aside h4.events {
                padding-right: 70px;
                background: #e9f2ca url(/img/icons/events_ico.png) no-repeat 6px 3px;
                margin-left: -20px;
            }

            .loggedInResultTableBox aside h4.organizations {
                padding-left: 45px;
                padding-right: 10px;
                background: #e9f2ca url(/img/icons/organizations_ico.png) no-repeat 6px 3px;
            }

            .loggedInResultTableBox aside h4.virtualReview {
                padding-left: 40px;
                padding-right: 6px;
                background: #e9f2ca url(/img/icons/virtualReview_ico.png) no-repeat 6px 3px;
            }

        .loggedInResultTableBox aside span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 15px;
            color: #6e6e6e;
            text-transform: uppercase;
            display: block;
            float: left;
            padding-left: 4px;
        }

        .loggedInResultTableBox aside span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 12px;
            color: #6e6e6e;
            text-transform: uppercase;
            display: block;
            float: left;
            padding-left: 4px;
            width: 150px;
        }

            .loggedInResultTableBox aside span.eventName {
                color: #8aa131 !important;
                padding-bottom: 25px;
            }


        .loggedInResultTableBox aside h4.upcoming-withinorg {
            padding-left: 40px;
            background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 6px 3px;
        }

        .loggedInResultTableBox aside span.event-description {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 12px;
            color: #6e6e6e;
            text-transform: uppercase;
            display: block;
            float: left;
            padding-left: 0px;
            margin-right: 0px;
            width: 150px;
        }

    .loggedInResultTableBox aside {
        width: 150px;
        height: auto;
        float: left;
        margin: 0 2px 0 0;
    }

    .loggedInResultTableBox table thead th img {
        width: auto;
        height: 35px;
        float: left;
        margin: -10px 0 0 0;
    }

    .loggedInResultTableBox table thead th.website {
        width: 120px;
        margin-left: -15px;
    }

.resultDetailBox aside h4.upcoming-withinorg {
    padding-left: 40px;
    padding-right: 6px;
    background: #e9f2ca url(/img/icons/dropIns_ico.png) no-repeat 6px 3px;
}

.resultDetailBox aside span.event-description {
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 12px;
    color: #6e6e6e;
    text-transform: uppercase;
    display: block;
    float: left;
    padding-left: 0px;
    margin-right: 60px;
}

.withiorg-event-results table thead {
    width: 85%;
    height: 50px;
    float: right;
    background: #f6f6f6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-right: -20px;
    margin-top: -40px;
    margin-right: 80px;
}

    .withiorg-event-results table thead th.tradingDays {
        width: 220px;
    }

    .withiorg-event-results table thead th {
        font-family: "MontSerratBold",Arial Narrow, Arial, sans-serif;
        height: 50px;
        line-height: 50px;
        text-align: left;
        float: left;
        font-size: 12px;
        width: 50px;
        padding-right: 20px;
    }

        .withiorg-event-results table thead th.distance {
            width: 150px;
        }

        .withiorg-event-results table thead th.website {
            width: 20px;
            margin-right: 5px;
        }

.withiorg-event-results table {
    width: 610px;
    height: auto;
    float: left;
    font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
    font-size: 13px;
    color: #333333;
}

.loggedInResultDetailBox table thead {
    width: 100%;
    height: 50px;
    float: left;
    background: #f6f6f6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .loggedInResultDetailBox table thead th {
        font-family: "MontSerratBold",Arial Narrow, Arial, sans-serif;
        height: 50px;
        line-height: 50px;
        text-align: left;
        float: left;
    }

        .loggedInResultDetailBox table thead th img {
            width: auto;
            height: 35px;
            float: left;
            margin: 8px 0 0 0;
        }

        .loggedInResultDetailBox table thead th.tradingDays {
            width: 205px;
        }

        .loggedInResultDetailBox table thead th.distance {
            width: 170px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .loggedInResultDetailBox table thead th.website {
            width: 215px;
        }


.loggedInResultDetailBox table td {
    float: left;
    padding: 25px 0 0 0;
}

    .loggedInResultDetailBox table td a {
        color: #333333;
    }

    .loggedInResultDetailBox table td span.contactOrganization {
        width: 160px;
        color: #36a3af;
        line-height: 25px;
        display: block;
        margin: -5px 0 0 0;
        float: left;
    }


    .loggedInResultDetailBox table td figure {
        float: left;
        margin: 0 15px 0 0;
    }

    .loggedInResultDetailBox table td.tradingDays {
        width: 223px;
    }

        .loggedInResultDetailBox table td.tradingDays figure {
            margin-left: 20px;
        }

    .loggedInResultDetailBox table td.address {
        width: 170px;
        line-height: 25px;
        padding: 6px 0 0 0 !important;
    }

    .loggedInResultDetailBox table td.website {
        width: 215px;
    }

.start-btn {
    background-color: #95b24f;
}

.loggedInResultTableBox table thead {
    width: 81%;
    height: 50px;
    float: left;
    background: #f6f6f6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .loggedInResultTableBox table thead th {
        font-family: "MontSerratBold",Arial Narrow, Arial, sans-serif;
        height: 50px;
        line-height: 50px;
        text-align: left;
        float: left;
    }

        .loggedInResultTableBox table thead th img {
            width: auto;
            height: 35px;
            float: left;
            margin: 8px 0 0 0;
        }

        .loggedInResultTableBox table thead th.tradingDays {
            width: 205px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .loggedInResultTableBox table thead th.distance {
            width: 150px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }




.loggedInResultTableBox table td {
    float: left;
    padding: 25px 0 0 0;
}

    .loggedInResultTableBox table td a {
        color: #333333;
    }

    .loggedInResultTableBox table td span.contactOrganization {
        width: 160px;
        color: #36a3af;
        line-height: 25px;
        display: block;
        margin: -5px 0 0 0;
        float: left;
    }


    .loggedInResultTableBox table td figure {
        float: left;
        margin: 0 15px 0 0;
    }

    .loggedInResultTableBox table td.tradingDays {
        width: 210px;
        border-bottom: none;
        margin-left: -10px;
    }

        .loggedInResultTableBox table td.tradingDays figure {
            margin-left: 20px;
        }

    .loggedInResultTableBox table td.address {
        width: 170px;
        line-height: 25px;
        border-bottom: none;
    }

    .loggedInResultTableBox table td.website {
        width: 165px;
        margin-left: -30px;
        border-bottom: none;
    }

/***************************************************
End: FIND LEGAL  HELP WITHIN ORGANIZATION
****************************************************/
.event-item-control {
    display: table;
    width: 100%;
}

    .event-item-control .selected-event-items {
        float: left;
        width: 50%;
    }

    .event-item {
        background-color: #DBEFF0;
        width: auto;
        margin: 0 0 10px 10px;
        color: #5eb5bf;
        float: left;
        padding: 5px 10px;
    }

        .event-item button,
        .event-info-item button {
            background: none repeat scroll 0 0 transparent;
            border: 0 none;
            color: #36a3af;
            cursor: pointer;
            float: right;
            font-family: Arial;
            font-size: 18px;
            font-weight: bold;
            line-height: 60px;
            padding: 0 2px 0 6px;
        }


    #servicearea-container .event-item{margin:10px 10px 10px 0;}
    #servicearea-container .event-item button, 
    #servicearea-container .event-info-item button{ line-height: 20px!important;}

    .add-other-info {
        display: inline-block;
        margin-left: -80px;
        margin-top: 0px;
    }

    #languageOffered .event-item button,
    #otherInformation .event-item button{line-height: 24px;}

    .event-item-control#event-partner-control .select-event-item {width: 52%;}
    .event-item-control#event-partner-control .selected-event-items {width: 48%;}

    .event-item-control#event-additionalinfo-control {
        background: none;
        padding: 0;
    }

        .event-item-control#event-additionalinfo-control p {
            font-family: MontserratRegular,Arial Narrow,Arial,sans-serif;
            font-size: 13px;
            margin: 10px 0 0 0;
        }

        .event-item-control#event-additionalinfo-control .event-info-item input {
            width: 95%;
            max-width: none;
            margin-top: 10px;
        }

        #event-partner-control .add-btn{ position: absolute;top: 8px;right: 21px;}
        #otherInformation .select-event-item{ position: relative;}

.event-info-item {
    padding-bottom: 5px;
}

.eventsession-item {
    margin-top: 10px;
    position: relative;
}

.event-item-close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #36a3af;
    cursor: pointer;
    float: right;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    padding: 0 2px 0 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

.eventsession-item select {
    padding: 0;
}

#frmEvent .error-highlight {
    border: 1px solid #cb5481;
}
/**********************************************/
/*Search for legal help outside Organization*/
/**********************************************/
.resultsTableHolder {
    width: 774px;
    height: 27px;
    float: left;
    padding: 10px 20px;
}

    .resultsTableHolder header {
        width: 610px;
        height: 25px;
        margin-left: 155px;
    }

        .resultsTableHolder header span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #35b5df;
            text-transform: uppercase;
            display: block;
            padding: 4px 0 0 0;
        }

        .resultsTableHolder header span {
            font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
            font-size: 13px;
            color: #35b5df;
            text-transform: uppercase;
            display: block;
            padding: 4px 0 0 0;
        }

            .resultsTableHolder header span.dateTime {
                width: 224px;
                height: auto;
                float: left;
                padding: 0 0 0 6px;
                margin-left: 20px;
            }

            .resultsTableHolder header span.address {
                width: 170px;
                height: auto;
                float: left;
            }

            .resultsTableHolder header span.address {
                width: 130px;
                height: auto;
                float: left;
                margin-left: -25px;
            }

            .resultsTableHolder header span.contactInfo {
                width: 215px;
                height: auto;
                float: left;
            }

    .resultsTableHolder .row:last-child .resultDetailBox {
        border: none;
        padding: 0;
    }

#servicearea-container.event-item-control .selected-event-items {
    float: none;
    width: 100%;
}

.popup-form-container {
    margin: 150px auto 0 !important;
}

span.checkboxholder {
    float: left;
    margin: 17px 0 0 5px;
    position: relative;
    width: auto;
}

    span.checkboxholder input[type="checkbox"] {
        width: 17px;
        height: 17px;
        display: block;
        border: none;
        opacity: 0;
        position: absolute;
    }

        span.checkboxholder input[type="checkbox"] + label {
            width: 17px;
            height: 17px;
            background: url(../img/txt-box-default.png) no-repeat 0 0;
        }

        span.checkboxholder input[type="checkbox"]:checked + label {
            width: 17px;
            height: 17px;
            background: url(../img/txt-box-checked.png) no-repeat 0 0;
        }


.invite-checkbox-label{
    padding: 14px 0 0 10px;
    display: inline-block;
}

img.cwIcon {
    margin-right: 10px;
    margin-top: -10px;
}

img.cwEventsIcon {
    margin-right: 25px;
    margin-top: -10px;
}

img.cwBothEventsIcon {
    margin-right: 2px;
    margin-top: -10px;
}

img.immiIcon {
    margin-left: 2px;
    margin-right: 22px;
    margin-top: -10px;
}

img.immiEventsIcon {
    margin-left: 2px;
    margin-right: 34px;
    margin-top: -10px;
}

img.immiBothEventsIcon {
    margin-left: 2px;
    margin-right: 5px;
    margin-top: -10px;
}

img.tableIcon {
    float: left;
    margin-top: -4px !important;
}


.reload-message {
    color: #36a3af !important;
    font-size: 12px !important;
    font-weight: bold;
}

#remove-confirm span.checkboxholder {
    margin: 0 10px 0 0 !important;
}


/*
---------------------
ADD PERSONAS
---------------------
*/

#addPersona .content{padding-left:60px!important;}

#addPersona h2{
    margin:0;
    padding:0;
    float:left;
    text-align:left;
}

.form-label-text{
    width:100%;
    float:left;
    clear:both;
    margin:20px 0 5px 0;
}

#addPersona .selectBox{width:445px;}

.personaList .selectBox{width:200px;}


#addPersona input[type="text"]{
    width:445px!important;
    max-width:none!important;
    float:left;
}

#addPersona textarea{
    width:445px!important;
    max-width:none!important;
    height:200px;
    float:left;
    resize:none;
}

#addPersona .mce-panel{
    width:445px!important;
    height:auto;
    float:left;
}

#addPersona .personaImageBlock{
    width:150px;
    height:auto;
    float:left;
    margin:25px 5px 0 0;
}

#addPersona .personaImageBlock .pic-border{
    float:left;
    padding:5px;
}

#addPersona .personaImageBlock button.proceed-btn{width:125px;margin-top:15px!important;}

#addPersona #Save{width:78px;}
#addPersona #SaveAndEdit{width:145px;}
#addPersona #SaveAndAddAnother{width:240px;}

/*
---------------------
END ADD PERSONAS
---------------------
*/


input.timepicker, select#weekday{
    height: 40px !important;
}

.weekday_container{
    margin:15px 0;
}

.weekday_container label{
    padding:10px 20px 0 0;
}

.time_control_label{
    padding:10px 20px 0 0
}

.autoheightoveride {
    height: auto!important;
}

.requirepasschange {
    font-family: "Lato", Arial Narrow, Arial, sans-serif; 
    font-size: 13px; 
    font-weight: 400;
}


/*
---------------------
 Client MyCase list Table
---------------------
*/

#caseListTable.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
}

    #caseListTable.dataTable thead th,
    table.dataTable tfoot th {
        font-weight: normal !important;
        color: #661e66;
        font-family: "MontSerratRegular",Arial Narrow, Arial, sans-serif;
        font-size: 20px;
    }

    #caseListTable.dataTable thead th,
    #caseListTable.dataTable thead td {
        padding: 5px !important;
        border-bottom: none !important;
        border-top: 1px solid #f7f7f7;
    }

    #caseListTable.dataTable tfoot th,
    #caseListTable.dataTable tfoot td {
        padding: 10px 18px 6px 18px;
        border-top: none !important;
    }

    #caseListTable.dataTable tbody th,
    #caseListTable.dataTable tbody td {
        padding: 14px !important;
    }

        #caseListTable.dataTable tbody td.caps {
            font-weight: 100;
            font-family: Arial, sans-serif;
            text-transform: uppercase !important;
        }

    #caseListTable.dataTable.stripe tbody tr.odd, #caseListTable.dataTable.display tbody tr.odd {
        background-color: #f7f7f7 !important;
    }

        #caseListTable.dataTable.stripe tbody tr.odd.selected, #caseListTable.dataTable.display tbody tr.odd.selected {
            background-color: #D6D6D6 !important;
        }

        #caseListTable.dataTable.hover tbody tr:hover,
        #caseListTable.dataTable.hover tbody tr.odd:hover,
        #caseListTable.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
        #caseListTable.dataTable.display tbody tr.odd:hover,
        #caseListTable.dataTable.display tbody tr.even:hover {
            background-color: #D6D6D6 !important;
            cursor: pointer;
        }

            #caseListTable.dataTable.hover tbody tr:hover.selected,
            #caseListTable.dataTable.hover tbody tr.odd:hover.selected,
            #caseListTable.dataTable.hover tbody tr.even:hover.selected, #caseListTable.dataTable.display tbody tr:hover.selected,
            #caseListTable.dataTable.display tbody tr.odd:hover.selected,
            #caseListTable.dataTable.display tbody tr.even:hover.selected {
                background-color: #D6D6D6 !important;
            }

/*#caseListTable.dataTable.no-footer {
    border-bottom: none !important;
}*/

#caseListTable.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0px;
    padding-left: 13px;
    font-family: "MontserratBold",'Arial Rounded MT Bold', Arial, sans-serif;
    font-size: 30px;
}

/*
---------------------
  End  Client MyCase list Table
---------------------
*/

a.paginate_button.previous{
    color: darkblue!important;
    font-weight: bold;
}

a.paginate_button.next {
    color: darkblue !important;
    font-weight: bold;
}