@charset "utf-8";
/* CSS Document */

/* fix for firefox highlighting select boxes */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/*##################### Alert ######################   */


#AlertContainer {
    background-image: url("/cisiweb2/image/mycisi/upgrade13.jpg") !important;
    background-position: center center;
    background-size: cover;
    margin-left: -15px;
    width: calc(100% + 30px);
    height: auto;
    max-height:300px;
    position: relative;
    overflow:hidden;
}
#upgradeVideo {
    margin-top:0vh;
    width:150%;
    margin-left:-40px;
}
.rightTextPos {
    bottom: 0;
    height: auto;
    left: 0px;
    margin: auto;
    position: relative;
    right: 0;
    top: 0;
	padding:20px;
	text-align:left;
}
.cardWrapper {
    height: auto;
    position: relative;
}
#cardContainer {
    background-image: url("/cisiweb2/image/mycisi/greencard.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 50px;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50px;
}
.leftTextPos {
    bottom: 0;
    font-size: 20px !important;
    height: 50px;
    left: 20px;
    margin: auto;
    position: absolute;
    top: 0;
}
.hidden {display: none;}
.first { width: 100%;}
.second {
    height: auto;
    position: absolute;
    top:0;
    width: 100%;
}
#AlertButton {
	margin-top:20px;	
}

#MembershipText1 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    text-shadow:0px 0px 30px rgba(0,0,0,0.8);
}
/*#MembershipText1 {
    color: #177777;
    font-size: 30px;
    font-weight: 300;
}*/
#MembershipText2, #MembershipText3 {
	display:inline-block;	
}
#MembershipText3 {
    display: none;
}
#MembershipText2, #MembershipText3, #MembershipText4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0px;
    text-shadow: 0px 0px 30px rgba(0,0,0,0.8);
}
/*#MembershipText2, #MembershipText3, #MembershipText4 {
    color: #444444;
    font-size: 20px;
    font-weight: 300;
	margin-top:0px;
}*/
.largeText { 
	font-size:16px;
	color: #000000;
	font-weight:normal;
}
@media (min-width:600px) {
    #upgradeVideo {
        margin-top: -15vh;
        width: 120%;
        magin-left:0px;
    }
}

@media (min-width:768px) {
    #upgradeVideo {
        margin-top: -10vh;
        width: 120%;
        magin-left: 0px;
    }
}
@media (min-width:992px) {
    #upgradeVideo {
        margin-top: -18vh;
        width: 120%;
        magin-left: 0px;
    }
}


    @media (min-width: 1200px) {
        #upgradeVideo {
            margin-top: -15vh;
            width: 120%;
            magin-left: 0px;
        }

        #AlertContainer {
            height: 350px;
            max-height: 350px;
            position: relative;
        }

        .rightTextPos {
            bottom: 0;
            height: 200px;
            left: 50px;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            padding: 0px;
        }

        .cardWrapper {
            height: 350px;
            position: relative;
        }

        #cardContainer {
            background-image: url("/cisiweb2/image/mycisi/greencard.jpg");
            background-repeat: no-repeat;
            background-size: contain;
            bottom: 50px;
            height: 200px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 50px;
        }

        .leftTextPos {
            bottom: 0;
            font-size: 20px !important;
            height: 50px;
            left: 40px;
            margin: auto;
            position: absolute;
            top: 0;
        }

        .hidden {
            display: none;
        }

        .first {
            width: 100%;
        }

        .second {
            height: 350px;
            width: 100%;
        }

        #AlertButton {
            margin-top: 20px;
        }

        #MembershipText1 {
            /*color: #177777;*/
            font-size: 40px;
        }

        #MembershipText2, #MembershipText3, #MembershipText4 {
            /*color: #666666;*/
            font-size: 26px;
            margin-top: -10px;
        }

        .largeText {
            font-size: 20px;
            color: #006666;
            font-weight: normal;
        }
    }

    @media (min-width: 1300px) {
        #upgradeVideo {
            margin-top: -22vh;
            width: 120%;
            magin-left: 0px;
        }
    }

    @media (min-width: 1400px) {
        #upgradeVideo {
            margin-top: -22vh;
            width: 120%;
            magin-left: 0px;
        }
    }

    @media (min-width: 1600px) {
        #AlertContainer {
            height: 450px;
            max-height: 450px;
            position: relative;
        }

        .rightTextPos {
            bottom: 0;
            height: 300px;
            left: 50px;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
        }

        .cardWrapper {
            height: 450px;
            position: relative;
        }

        #cardContainer {
            background-image: url("/cisiweb2/image/mycisi/greencard.jpg");
            background-repeat: no-repeat;
            background-size: contain;
            bottom: 50px;
            height: 300px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 50px;
        }

        .leftTextPos {
            bottom: 0;
            font-size: 20px !important;
            height: 50px;
            left: 40px;
            margin: auto;
            position: absolute;
            top: 0;
        }

        .hidden {
            display: none;
        }

        .first {
            width: 100%;
        }

        .second {
            height: 450px;
            width: 100%;
        }

        #MembershipText1 {
            font-size: 60px;
        }

        #MembershipText2, #MembershipText3, #MembershipText4 {
            font-size: 36px;
        }
    }

    @media (min-width: 1650px) {
        #upgradeVideo {
            margin-top: -22vh;
            width: 120%;
            magin-left: 0px;
        }
    }






    /* ####################  Form #####################*/

    .hiddenMembershipUpgradeForm {
        display: none;
    }

    #Award {
        width: auto;
        background: #efefef !important;
        color: inherit;
        border: 1px solid #cfcfcf !important;
        font-weight: 400;
    }

    #BitMembershipFormWrapper {
        position: relative;
        padding: 0px 0px;
    }

    #BitMembershipFormContainer {
        position: relative;
        width: 100%;
        background: #ffffff;
        padding: 20px;
        display: none;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .departmentdivWidth {
        width: 95%;
    }

    .bitFormTitle span {
        color: #006666;
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px;
        display: block;
    }

    .bitFormSectionTitle span {
        color: #006666;
        font-size: 24px;
        margin-bottom: 20px;
        display: block;
    }

    #BitMembershipFormSaveButton, .submitactive {
        background-color: #35a0a0;
        color: #ffffff !important;
        cursor: pointer;
        display: inline-block;
        font-size: 18px !important;
        font-weight: normal !important;
        margin-bottom: 4px;
        padding: 12px 30px;
        text-align: center;
        border: 0px solid;
        margin-top: 30px;
        border-radius: 200px;
    }

        #BitMembershipFormSaveButton:hover, .submitactive:hover {
            background-color: #339191;
            cursor: pointer;
            text-decoration: none;
        }

    .cancelButton, .submitdisabled {
        background-color: #e4e4e4;
        color: #777777 !important;
        display: inline-block;
        font-size: 18px !important;
        font-weight: normal !important;
        margin-bottom: 4px;
        padding: 12px 30px;
        text-align: center;
        border: 0px solid;
        cursor: pointer;
        margin-top: 30px;
        border-radius: 200px;
    }

        .cancelButton:hover, .submitdisabled:hover {
            background-color: #e9e9e9;
            color: #777777 !important;
            display: inline-block;
        }

    #BitMembershipFormContainer input[type="text"] {
        border: 1px solid #cfcfcf;
        border-radius: 200px;
        font-size: 16px;
        padding: 6px 10px;
    }

    #BitMembershipFormContainer select {
        font-size: 13px !important;
        padding: 4px;
    }

        #BitMembershipFormContainer select:focus {
            border: 0px solid #afafaf !important;
        }

    #BitMembershipFormContainer label {
        font-weight: 500;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    #divSectionPersonDetails,
    #divSectionIntegrityMatters,
    #divSectionQualifications,
    #divSectionMarketing,
    #divSectionContactInformation,
    #divSectionDeclaration,
    #divSectionPayment,
    #divSectionCosts,
    #divRefereeDetails,
    #divSectionWorkDetails {
        /*background: url("//www.cisi.org/bookmark/web9/common/divider.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
        padding-top: 40px;
    }

    #PersonID,
    #MembershipNumber {
        font-weight: bold;
    }

    .bitFormFieldCandidateReference, .bitFormFieldMembershipNumber {
        display: inline-block;
        zoom: 1;
        *display: inline;
        width: 100%;
        margin-top: 20px;
    }

    .bitFormFieldInput.bitFormFieldQualificationCISI > input {
        background: #fff none repeat scroll 0 0 !important;
        border: 0 solid !important;
        font-weight: bold;
    }

    .bitFormFieldInput.bitFormFieldQualificationCISI {
        margin-top: 10px;
    }

    .disable {
        background: #efefef !important;
        border: 1px solid #cfcfcf !important;
        opacity: 1 !important;
    }

    .disableEvents {
        background-color: #e4e4e4 !important;
        color: #999999 !important;
    }

    .warningText {
        background-image: url("//www.cisi.org/Bookmark/web9/common/library/images/systems/alert2.jpg");
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 50px auto;
        color: #a20000 !important;
        margin-bottom: 20px;
        padding-left: 60px !important;
        width: 90% !important;
        height: auto !important;
        min-height: 40px;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    @media (min-width: 768px) {
        #BitMembershipFormWrapper {
            position: relative;
            padding: 0px 30px;
        }

        input[type="text"] {
            width: 280px;
        }

        .bitFormFieldCandidateReference, .bitFormFieldMembershipNumber {
            width: 280px;
        }

        #BitMembershipFormContainer {
            padding: 30px;
        }

        #BitMembershipFormSaveButton, .submitactive {
            font-size: 16px !important;
            padding: 12px 25px;
        }

        .cancelButton, .submitdisabled {
            font-size: 16px !important;
            padding: 12px 25px;
        }
    }


    /* ################ Person Details Section ################ */

    #divSectionPersonDetails label, #divSectionWorkDetails label {
        width: 100px;
    }

    #divSectionPersonDetails .bitFormFieldInput, #divSectionWorkDetails .bitFormFieldInput {
        width: 100%;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-bottom: 10px;
    }

    .bitFormFieldTitle, .bitFormFieldHomeCountry, .bitFormFieldOrganisationName, .bitFormFieldWorkCountry {
        display: block !important;
    }

    .bitFormFieldDateOfBirth input {
        width: 110px !important;
    }

    .bitFormFieldHomeAddress1, .bitFormFieldMobile, .bitFormFielWorkPhone {
        margin-top: 30px;
    }

    .bitFormFieldHomeAddress1 {
        display: block !important;
    }

    .bitFormFieldFormerName {
        width: 330px !important;
    }

        .bitFormFieldFormerName label {
            width: 150px !important;
        }

    .bitFormFieldTelephone, .bitFormFieldEmail, .bitFormFielWorkPhone, .bitFormFieldWorkFax, .bitFormFieldWorkEmail {
        width: 100% !important;
    }

    /*#divSectionPersonDetails .bitFormFieldDateOfBirth {
	width:212px !important;	
}*/

    #divSectionPersonDetails .bitFormFieldNationality {
        width: 294px !important;
    }

    .bitFormFieldMobile {
        width: 100% !important;
    }

    .bitFormFieldInput.bitFormFieldTelephone > input,
    .bitFormFieldInput.bitFormFieldMobile > input,
    .bitFormFieldNationality > input,
    .bitFormFieldFormerName > input,
    .bitFormFieldTitle input,
    .bitFormFielWorkPhone > input,
    .bitFormFieldWorkFax > input {
        width: 100%;
    }

    .bitFormFieldInput.bitFormFieldMobile > label {
        width: 65px !important;
    }

    .bitFormFieldWorkFax {
        display: none !important;
    }

    .bitFormFieldInput.bitFormFieldEmail > label,
    .bitFormFieldInput.bitFormFieldWorkEmail > label {
        width: 60px !important;
    }

    .bitFormFieldInput.bitFormFieldEmail > input,
    .bitFormFieldInput.bitFormFieldWorkEmail > input {
        width: 100% !important;
    }

    @media (min-width: 768px) {
        .bitFormFieldInput.bitFormFieldTelephone > input,
        .bitFormFieldInput.bitFormFieldMobile > input,
        .bitFormFieldNationality > input,
        .bitFormFieldFormerName > input,
        .bitFormFieldTitle input {
            width: 150px;
        }
        .bitFormFielWorkPhone > input,
        .bitFormFieldWorkFax > input {
            width: 280px;
        }

        #divSectionPersonDetails .bitFormFieldInput, #divSectionWorkDetails .bitFormFieldInput {
            width: 440px;
        }

        .bitFormFieldTelephone, .bitFormFieldWorkFax {
            width: 400px !important;
        }
        .bitFormFielWorkPhone {
            width: 400px !important;
        }
        .bitFormFieldWorkEmail, .bitFormFieldEmail {
            width: 600px !important;
        }
        .bitFormFieldMobile {
            width: 266px !important;
        }

        .bitFormFieldInput.bitFormFieldEmail > input,
        .bitFormFieldInput.bitFormFieldWorkEmail > input {
            width: 400px !important;
        }
    }


    /* ################ Profile Section ################ */

    #divSectionMarketing .bitFormFieldInput {
        width: 450px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-bottom: 10px;
    }

    .bitFormFieldOtherDesignations, .bitFormFieldInRDR, .bitFormFieldEvents {
        display: block !important;
        width: 100% !important;
    }

        .bitFormFieldOtherDesignations > label,
        .bitFormFieldEvents > label {
            display: block;
        }

        .bitFormFieldOtherDesignations > div,
        .bitFormFieldEvents > div {
            display: inline-block;
            zoom: 1;
            *display: inline;
            margin-right: 10px;
        }

    .bitFormFieldInput.bitFormFieldOtherDesignations > label,
    .bitFormFieldInput.bitFormFieldEvents > label {
        font-weight: bold;
    }

    .bitFormFieldOtherDesignations label,
    .bitFormFieldEvents label {
        font-weight: normal;
    }

    .bitFormFieldCorrespondencePreference > label:first-child {
        width: 100%;
    }

    .bitFormFieldCorrespondencePreference > label {
        margin-right: 10px;
    }



    /* ################ Integrity Matters Section ################ */

    #divSectionIntegrityMatters label, #divSectionIntegrityMatters input {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-top: 20px;
        width: auto;
    }

    .bitFormFieldQualificationCISI input {
        font-size: 12px !important;
    }

    @media (min-width: 768px) {
        .bitFormFieldQualificationCISI input {
            font-size: 16px !important;
        }
    }



    /* ################ Contact section ################ */
    /*
.bitFormFieldCorrespondencePreference {
	margin-bottom:10px;	
}


.bitFormFieldCorrespondencePreference input[type="radio"], .bitFormFieldMembersDirectoryAddress input[type="radio"] {
    display: none;
}
.ie8 .bitFormFieldCorrespondencePreference input[type="radio"], .ie8 .bitFormFieldMembersDirectoryAddress input[type="radio"] {
    display: inline;
}	

.bitFormFieldCorrespondencePreference > label, .bitFormFieldMembersDirectoryAddress > label {
    cursor: pointer;
}
.bitFormFieldCorrespondencePreference > input[type="radio"] + label, .bitFormFieldMembersDirectoryAddress > input[type="radio"] + label {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: century gothic;
    font-size: 13px;
    margin: -2px -2px 0 !important;
    padding: 4px 12px !important;
    text-align: center;
    vertical-align: middle;
	font-weight:normal;
}
.bitFormFieldCorrespondencePreference > input[type="radio"]:checked + label, .bitFormFieldMembersDirectoryAddress > input[type="radio"]:checked + label {
    background-color: #e0e0e0;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

*/
    /* ################ Declaration ################ */

    #divSectionDeclaration a {
        font-weight: bold;
    }

    .bitFormFieldInput.bitFormFieldDeclaration1 > label, .bitFormFieldInput.bitFormFieldDeclaration3 > label, .bitFormFieldInput.bitFormFieldDeclaration2 > label {
        display: inline;
    }

    .bitFormFieldInput.bitFormFieldDeclaration1 > input, .bitFormFieldInput.bitFormFieldDeclaration3 > input, .bitFormFieldInput.bitFormFieldDeclaration2 > input {
        display: inline;
    }

    .bitFormFieldDeclaration1, .bitFormFieldDeclaration2, .bitFormFieldDeclaration3, .bitFormFieldDeclaration4, .bitFormFieldDeclaration5 {
        margin-bottom: 10px;
        font-weight: bold;
    }

    .smallerText {
        display: none;
    }



    /* ################ Referee section ################ */

    #RefereeNameLabel, #RefereePostionLabel, #RefereeContactNumberLabel, #RefereeContactNumberLabel, #RefereeMembershipNumberLabel, #FCANumberLabel {
        width: 170px;
        margin-bottom: 10px;
    }

    #divFCANumber {
        display: inline-block;
        width: 28%;
        margin-right: 35px;
    }

    #FCANumberLabel {
        width: 100px;
    }

    #FCANumber {
        width: 100px;
    }

    #divRefereeName {
        display: inline-block;
        width: 50%;
    }
    /*#divRefereePosition, #divRefereeContactNumber, #divRefereeMembershipNumber {
	margin-left:302px;	
}*/
    #divRefereeDetails .bitFormFieldInput {
        width: 5%;
    }

    #divFCANumber.bitFormFieldInput, #divRefereeName.bitFormFieldInput, #divRefereePosition.bitFormFieldInput, #divRefereeContactNumber.bitFormFieldInput, #divRefereeMembershipNumber.bitFormFieldInput {
        width: auto !important;
    }


    /* ################ Payment Section ################ */

    .paymentHeight {
        height: auto !important;
    }

    .bitFormFieldCardType {
        display: block !important;
        margin-bottom: 10px;
    }

    #CardNumberInput, #IssueDateInput, #IssueNumberInput {
        width: 150px;
    }

    #SecurityCodeInput {
        width: 60px;
    }

    #CardInput > div {
        margin-bottom: 10px;
    }

    .bitFormFieldCardHolderName > label {
        margin-bottom: 10px;
    }

    #IntegrityMattersSurchargeMessage {
        font-style: italic;
        margin-top: 10px;
    }

    .bitFormFieldCardNumber label, .bitFormFieldIssueDate label, .bitFormFieldSecurityCode label, #DivCardExpiryDate label, #DivIssueNumber label, .bitFormFieldCardHolderName label {
        width: 100%;
    }

    .bitFormFieldCardNumber input, .bitFormFieldIssueDate input, .bitFormFieldSecurityCode input, #DivCardExpiryDate input, #DivIssueNumber input, .bitFormFieldCardHolderName input {
        width: 100%;
    }

    .creditCardImage {
        border-radius: 5px;
        margin: 0 0 10px !important;
        vertical-align: middle;
        width: 46px !important;
        display: inline !important;
    }

    .bitFormFieldCardType .radiooption {
        display: block;
    }

    #CardInput {
        background: #f6f6f6;
        padding: 20px 20px 20px 20px;
        width: 100%;
        margin-top: 20px;
    }

    #AchievedQualificationCISI {
        width: 80%;
        border: 0px solid;
    }

    @media (min-width: 768px) {
        .bitFormFieldCardType .radiooption {
            display: inline-block;
        }

        .creditCardImage {
            border-radius: 5px;
            margin-top: -4px;
            vertical-align: middle;
            width: 46px;
        }

        #CardInput {
            background: url("//www.cisi.org/bookmark/web9/common/library/images/icons/securepayment.png") no-repeat scroll 30px 20px #f6f6f6;
            padding: 75px 30px 20px;
            width: 100%;
            margin-top: 20px;
        }

        .bitFormFieldCardNumber input, .bitFormFieldIssueDate input, .bitFormFieldSecurityCode input, #DivCardExpiryDate input, #DivIssueNumber input, .bitFormFieldCardHolderName input {
            width: 300px;
        }
    }



    /* ################## Costs ######################## */
    #divSectionCosts input {
        border: 0px solid;
    }

    #divSectionCosts input {
        border: 0 solid;
    }

    #UpgradeCost, #TotalCost, #JoiningFee, #IntegrityMattersCost, #VatCost, #RenewalCost, #LateFee, #DiscountAmount {
        background: none repeat scroll 0 0 #ffffff !important;
        border: 0 solid #dfdfdf !important;
        color: #000000;
        float: none;
        margin-right: 0px;
        opacity: 1;
        text-align: left;
        width: auto;
    }

    #divSectionCosts .bitFormFieldInput {
        margin-bottom: 10px;
        width: 100%;
    }

        #divSectionCosts .bitFormFieldInput.bitFormFieldIntegrityMattersCost label, .bitFormFieldInput.bitFormFieldIntegrityMattersCost input {
            font-weight: bold !important;
        }

    #divSectionCosts #divIntegrityMattersCost > label {
        font-weight: normal !important;
    }

    .bitFormFieldInput.bitFormFieldIntegrityMattersCost {
        border-top: 1px solid #dfdfdf !important;
        padding-top: 10px;
    }

    #divSectionCosts #divIntegrityMattersCost {
        border-top: 0px solid #dfdfdf !important;
        padding-top: 0px;
    }

    #divIntegrityMattersCost label, #divIntegrityMattersCost input {
        font-size: 14px !important;
    }

    #DiscountAmountButton {
        background: #e4e4e4 none repeat scroll 0 0;
        border: 0 solid;
        color: #777777 !important;
        font-size: 14px !important;
        font-weight: 400;
        padding: 6px 20px;
        margin-top: 10px;
    }

        #DiscountAmountButton:hover {
            background: #e9e9e9 none repeat scroll 0 0;
        }

    @media (min-width: 768px) {
        #divSectionCosts .bitFormFieldInput {
            margin-bottom: 10px;
            width: 50%;
        }

        #UpgradeCost, #TotalCost, #JoiningFee, #IntegrityMattersCost, #VatCost, #RenewalCost, #LateFee, #DiscountAmount {
            background: none repeat scroll 0 0 #ffffff !important;
            border: 0 solid #dfdfdf !important;
            color: #000000;
            float: right;
            margin-right: 20px;
            opacity: 1;
            text-align: right;
            width: 100px;
        }

        #DiscountAmountButton {
            margin-top: 0px;
        }
    }

    /* ################## Validation ######################## */

    .mandatoryMissing {
        border: 1px solid #a94442 !important;
        box-shadow: 0px 0px 5px #de0000;
    }


    /* ################## Congrats ######################## */

    #divBitMembershipFormComplete, #divCWMFormComplete, #divBitMembershipFirmProcessing, #divCWMFirmProcessing {
        background-image: none;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px 0px;
        margin: 0px 0px;
    }

    .congratsIntro {
        color: #006666;
        font-size: 28px;
    }

    #divCWMFormComplete .congratsIntro, #divBitMembershipFirmProcessing .congratsIntro {
        display: block;
    }

    .steps {
        margin-top: 30px;
    }

    .step1, .step2, .step3 {
        background: none repeat scroll 0 0 rgb(67, 155, 154);
        color: #ffffff;
        display: inline-block;
        font-size: 16px;
        line-height: normal;
        font-weight: 400;
        padding: 40px 20px;
        text-align: center;
        vertical-align: bottom;
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .processing {
        background: url("//www.cisi.org/bookmark/web9/common/library/images/timer.gif") no-repeat scroll center center rgba(255, 255, 255, 0.8) !important;
        height: 100% !important;
        left: 0 !important;
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 1 !important;
        margin: 0 !important;
    }

    @media (min-width: 1199px) {
        #divBitMembershipFormComplete, #divCWMFormComplete, #divBitMembershipFirmProcessing, #divCWMFirmProcessing {
            background-image: url("/cisiweb2/image/qualifications/memberopsbg.jpg");
            background-position: left center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 40px 35% 40px 40px;
        }

        .congratsIntro {
            color: #006666;
            font-size: 38px;
        }

        .step1, .step2, .step3 {
            background: none repeat scroll 0 0 rgb(67, 155, 154);
            color: #ffffff;
            display: inline-block;
            font-size: 16px;
            line-height: normal;
            font-weight: 400;
            padding: 40px 20px;
            text-align: center;
            vertical-align: bottom;
            width: 29%;
            margin: 0px 10px;
        }
    }

@media (min-width: 1299px) {
    #divBitMembershipFormComplete, #divCWMFormComplete, #divBitMembershipFirmProcessing, #divCWMFirmProcessing {
        background-image: url("/cisiweb2/image/qualifications/memberopsbg.jpg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 40% 40px 40px;
    }
}

#divSectionDeclaration input,
#FirmPays input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 6px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 25px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    margin-left: 5px !important;
    outline: none;
    position: relative;
    z-index: 1000;
    margin-top:0px;
}

    #divSectionDeclaration input:hover,
    #FirmPays input:hover {
        background: #9faab7;
    }

    #divSectionDeclaration input:checked,
    #FirmPays input:checked {
        background: #38a2a2;
    }

        #divSectionDeclaration input:checked::before,
        #FirmPays input:checked::before {
            height: 20px;
            width: 19.5px;
            position: absolute;
            display: inline-block;
            font-size: 24px;
            text-align: center;
            line-height: 20px;
        }

        #divSectionDeclaration input:checked::after,
        #FirmPays input:checked::after {
            content: '✔';
            display: block;
            position: relative;
            z-index: 100;
            left:0px;
            top:-8px;
            height: 25px;
            padding-left: 6px;
            padding-top: 0px;
            margin-top:8px;
            -webkit-animation: none !important;
            -moz-animation: none !important;
        }

#divSectionDeclaration input,
#FirmPays input {
    border-radius: 6px;
}

    #divSectionDeclaration input::after,
    #FirmPays input::after {
        border-radius: 6px;
    }