/*@media screen and (max-width: 800px) {
    div {
        display: none;
    }

        div.dviTooLowResolutions {
            /*margin: 0 auto;
            
            top:0;
            left:0;
            right:0;
            bottom:0;
            position: absolute;*/
/*}
}*/

table.borderBottom td { border-bottom-color:black; }

@media screen and (max-width:1024px) {
    .invisible {
        display: none;
    }
}

@media screen and (min-width: 0px) {
             #cphFirst_tabbedQuestionControl_tabContainer_tabResults_tabContainerStatusReason_body {
            height: 270px;
        }
    /*****************************new by sanjin *************************************/
    .tableStyle {
        /*border: 1px solid #E6E6E6;*/
        padding-left: 0px;
    }

    .tableCellStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        border-bottom: 1px solid #E6E6E6;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .centerContent {
        text-align: center;
    }

    .tableCellHeaderStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        background-color: #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        color: #000000;
        font-weight: Bold;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .scrollPanelNavigationApprovalDetails {
        height: 400px;
        border: 1px solid #e5e5e5;
    }

    .hightSAQApprovalsMerchantDetails {
        height: 100px;
        line-height: normal;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }


    /*******************MY COMPANY INFO**************/
    .companyProfileContainer {
        height: 300px;
    }

    .companyProfileTabContainer {
        height: 250px;
    }

    .emptyDiv {
        height: 50px;
    }
    /************************Upload Wizard Buttons*************/
    .labelContainer {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }


    /*************************Login DIV************************/
    .loginDivPopUpContainer {
        width: 500px;
        height: 400px;
        border: 2px solid #003580;
        background-color: rgba(238,238,238, .75);
        box-shadow: 7px 7px 30px #000;
        z-index: 99;
        display: none;
        position: fixed;
    }

    .loginDivTabTabsContainer {
        margin: 10px;
        position: relative;
    }

    .loginDivTab {
        border: 1px solid #003580;
        width: 200px;
        float: left;
        padding: 5px;
        position: relative;
        background-color: gray;
        z-index: 99;
    }

    .loginDivTabBodyContainer {
        margin: 10px;
        margin-top: 5px;
        position: relative;
    }

    .loginDivTabBody {
        border-top: 1px solid #003580;
        padding-top: 20px;
    }

    .loginPageTextBoxes {
        width: 200px;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
        border:none;
        border-radius:4px;
    }

    /**********************************************************/
    .middleCardContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 600px;
    }

    .middleCardContainerAdmin {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 750px;
    }

    .middleStatContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 740px;
    }

    .divTotalWidth {
        width: 450px;
    }

    .tableStat {
        margin-left: 1px;
    }
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/
    .buttonLabelForward {
        display: inline-block;
        margin-top: 11%;
    }

    .buttonLabelPrevious {
        display: inline-block;
        margin-top: 8%;
    }

    .buttonLabelContainerPrevious {
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        height: 100%;
        position: relative;
        line-height: 24px;
    }

    .buttonLabelContainerForward {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }

    .psqLogo {
        width: 73px;
        height: 73px;
    }

    .brandImages {
        max-height: 26px;
        max-width: 26px;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .imgHelp {
        max-width: 24px;
        max-height: 24px;
        width: auto;
        height: auto;
    }

    .brandImagesContainer {
        width: 26px;
        height: 26px;
        border: 2px solid #33CC00;
        background-color: #fff;
        text-align: center;
        position: relative;
    }

    .horizontalRollerImgContainer {
        width: 166px;
        height: 73px;
    }

    .horizontalRollerImg {
        max-height: 73px;
        max-width: 166px;
        width: auto;
        height: auto;
    }

    .bottomRollerImgContainer {
        width: 73px;
        height: 73px;
    }

    .bottomRollerImg {
        max-height: 73px;
        max-width: 73px;
        width: auto;
        height: auto;
    }

    .leftContainer {
        height: 270px;
    }

    .middleContainer {
        height: 210px;
    }

    .rightContainer {
        height: 150px;
    }

    .rightContainerRecovery {
        height: 210px;
    }

    .titleContainer {
        height: 60px;
    }

    .helpImg {
        width: 15px;
        height: 15px;
    }

    .errorStar {
        font-family: Arial;
        font-size: 12px;
        color: red;
    }

    .rowPaddingLoginControls {
        padding-bottom: 5px;
    }

    .loginTableTopPadding {
        padding-top: 10px;
    }

    .shortenTextBox {
        width: 300px;
    }

    .linkButton {
        text-decoration: none;
    }

    .buttonForward {
        height: 24px;
        background-color: #0896FF;
        color: #fff;
    }

    .buttonForwardAndBackDefaultWidth {
        width: 134px;
    }
    /*************************************************************************************************/


    /*********************************** LABEL, A CONTROLS *******************************/
    span, a, label {
        font-size: 11px;
        font-family: Arial;
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="checkbox"] {
        width: 10px;
        height: 10px;
        /*margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;*/
    }

    /*************************************************************************************************/

    /*********************************** BUTTON CONTROLS *******************************/
    input:not([type]), input[type="submit"], input[type=button] {
        background-color: #0896FF;
        /*border: none;*/
        font-size: 10px;
        font-family: Tahoma;
    }

    input[id^="btnDelete"] {
        background-color: #0896FF;
    }
        input[id^="btnDelete"]:hover {
            -moz-box-shadow: 0 0 8px #FFED00;
            -webkit-box-shadow: 0 0 8px #FFED00;
            box-shadow: 0 0 8px #FFED00;
            cursor: pointer;
            background-color: #FF0000;
            color: #fff;
        }

    input[type=submit][disabled=disabled], button[disabled=disabled] {
        background-color: #AAAAAA;
        /*border: none;*/
        font-size: 10px;
        font-family: Tahoma;
    }

    submit #long {
    }

    /*******************************************************************************/
    /*************************MASTER PAGE*******************************************/
    /*******************************************************************************/

    .statusImages {
        max-width: 35px;
        max-height: 35px;
        width: auto;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }

    /****************Merchant welcome Page ************************/

    .lastLogin {
        position: fixed;
        left: 20px;
        bottom: 85px;
    }

    .progressBarTopContainer {
        height: 77px;
    }

    .mainCardsContainer {
        height: 180px;
    }

    .mainCards {
        height: 180px;
        width: 180px;
        margin-left: 6px;
    }

    .introTextContainer {
        height: 224px;
    }

    .imgOnWelcomePageCards {
        max-width: 80px;
        max-height: 80px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

    .textOnWelcomePageCards {
        color: #fff;
        font: bold 15px Tahoma;
    }

    .arrow_box_one_after {
        position: relative;
        background: #FF6600;
    }

        .arrow_box_one_after:after, .arrow_box_one_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_one_after:after {
            border-left-color: #FF6600;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerOrange {
        width: 101px;
        background-color: #ff6600;
        color: #000;
        line-height: normal;
    }
    /***************************************************************/
    /***********************AFTER DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_after {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_after:after, .arrow_box_gray_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_after:after {
            border-left-color: #e5e5e5;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGray {
        width: 101px;
        background-color: #e5e5e5;
        color: #aaa;
        line-height: normal;
    }
    /*************************MEDIUM GREEN*********************************/
    .arrow_box_mediumGreen_after {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_after:after, .arrow_box_mediumGreen_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_mediumGreen_after:after {
            border-left-color: #80D9FF;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerMediumGreen {
        width: 101px;
        background-color: #80D9FF;
        color: #000;
        line-height: normal;
    }

    /*************************GREEN*********************************/
    .arrow_box_green_after {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_after:after, .arrow_box_green_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_green_after:after {
            border-left-color: #003580;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGreen {
        width: 101px;
        background-color: #003580;
        color: #aaa;
        line-height: normal;
    }



    /***************************************************************/
    /***********************BEFORE DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_before {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_before:after, .arrow_box_gray_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_before:after {
            border-top-color: #e5e5e5;
            border-bottom-color: #e5e5e5;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************MEDIUM GREEN********************************/
    .arrow_box_mediumGreen_before {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_before:after, .arrow_box_mediumGreen_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_mediumGreen_before:after {
            border-top-color: #80D9FF;
            border-bottom-color: #80D9FF;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************GREEN********************************/
    .arrow_box_green_before {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_before:after, .arrow_box_green_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_green_before:after {
            border-top-color: #003580;
            border-bottom-color: #003580;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /**************************************************************/

    /**************************************************************/
    /**********************POPUP MESSAGES**************************/
    /**************************************************************/
    .popupContainer {
        width: 1920px;
        height: 230px;
        background-color: #003580;
        color: #fff;
        position: relative;
    }

    .popupMessageContainer {
        width: 500px;
        height: 230px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupButtonStyle {
        border: 2px solid #fff;
        width: 110px;
        height: 24px;
        margin-right: 10px;
    }

    .popupButtonContainer {
        position: absolute;
        bottom: 10px;
        right: 0;
    }

    .modalTextScrollPane {
        height: 170px;
    }


    /**************************************************************/
    /**********************PROGRESS ON SAQ*************************/
    /**************************************************************/

    .requirementTitle {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .progressContainer {
        float: left;
        width: 90px;
        border: 1px solid #b0be2d;
        height: 15px;
        background-color: #e5e5e5;
        position: relative;
    }

    .progressMovement {
        width: 0px;
        background-color: #b0be2d;
        height: 100%;
        position: absolute;
    }

    .totalProgressMovement {
        width: 0px;
        background-color: #003580;
        height: 100%;
        position: absolute;
    }

    .questionsContainer {
        float: left;
        margin-left: 5px;
        font-size: 10px;
    }

    .questionnaireTabContainer {
        height: 420px;
    }

    /**************************************************************/

    /**************************************************************/

    /**************************************************************/
    /**********************SAQ Questions**************************/
    /**************************************************************/
    .scrollPaneInResults {
        height: 240px;
    }
    .tabContainerWidth {
        width: 100%;
    }

    .questionWidth {
        width: 99%;
    }

    .scrollPane {
        height: 450px;
    }

    .faqContainer {
        height: 430px;
    }

    .faqScrollPane {
        height: 335px;
    }

    .scrollPaneAOC {
        height: 520px;
        border: 1px solid #e5e5e5;
    }

    .containerForAOC {
        height: 520px;
    }

    .ccMainLayout {
        font-family: Arial;
        font-size: 14px;
        width: 100%;
        padding-left: 5px;
    }

    .containerForTabContainer {
        height: 520px;
        line-height: 17px;
    }



    .contentPlaceHolder {
        height: 600px;
    }

    /**************************************************************/


    /**************************************************************/
    /**********************My Documents**************************/
    /**************************************************************/

    .documentsTabContainer {
        height: 430px;
    }

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

    /*************************************************************/

    /*************************************************************/
    /**************************************************************/
    /**********************Wizard**************************/
    /**************************************************************/

    .answerTextContainer {
        width: 40%;
        float: left;
        padding-left: 2%;
        position: relative;
    }

    .answerAnswerContainer {
        width: 57%;
        float: left;
        position: relative;
    }

    answerRadioContainer {
        width: 100%;
        height: 40px;
    }

    .borderPanel {
        width: 100%;
        height: 3px;
        background-color: #003580;
        position: relative;
    }
    /*************************************************************/

    /**************************************************************/
    /**********************GRID**************************/
    /**************************************************************/

    .gridButtonStyle {

        background-color: #0896FF;

        width: 84px;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: normal;
        color: #003580;
    }

        .gridButtonStyle:hover {

            background-color: #003580;

            -moz-box-shadow: 0 0 8px #888;
            -webkit-box-shadow: 0 0 8px #888;
            box-shadow: 0 0 8px #888;
            cursor: pointer;
            color: #fff;
        }

    .loginButton:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
    }

    .buttonStyle:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }

    .buttonForward:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
    }

    .popupButtonStyle:hover {
        -moz-box-shadow: 0 0 8px #fff;
        -webkit-box-shadow: 0 0 8px #fff;
        box-shadow: 0 0 8px #fff;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }
    /*************************************************************/

    .radioButtonStyle {
        font-family: Tahoma;
        font-size: 8px;
    }

    .titlesBold {
        font-weight: bold;
        font-family: Arial;
        font-size: 10px;
    }

    .recoveryPageRowPadding {
        padding-bottom: 5px;
        vertical-align: middle;
    }

    .dviTooLowResolutions {
        visibility: hidden;
    }

    .masterHeader {
        height: 40px;
        width: 100%;
        left: 0;
        top: 0;
        position: fixed;
        background: #003580;
        z-index: 99;
    }

    .masterFooter {
        height: 65px;
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #EEEEEE;
        z-index: 99;
    }

    .supportInfo {
        width: 650px;
        float: left;
        position: fixed;
        left: 20px;
        color: #003580;
    }

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


    /* SANJIN
        .loginDivContainer {
        position: absolute;
        top: 40px;
        width: 100%;
        left: 0;
        height: auto;
        background-image: url('/App_Themes/Theme/PaySquare/Images/loginBackground.png');
        background-repeat: no-repeat;
        height: 85%;
    }*/

    .loginDivTitle {
        position: relative;
        top: 50px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .headerDivBorders {
        border-left: 2px solid #33CC00;
    }

    .loginInnerHeaderDiv {
        height: 100%;
        width: 70px;
        float: right;
        position: relative;
    }

    .imgLoginHeaderDiv {
        height: 32px;
        width: 32px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .loginMiddleDivContainer {
        padding-top: 55px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .divRoller {
        border-right: 2px solid #268338;
        padding-right: 50px;
        position: relative;
        float: left;
        margin: 10px 0px 10px 10px;
    }

    .divLoginInfo {
        top: 30px;
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 50px;
    }

    .divRecoverPassword {
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 50px;
        width: 300px;
    }

    .rollerCell {
        height: 50px;
        border: 2px solid #33CC00;
        background-color: #fff;
    }

    .footerText {
        font-family: Arial;
        font-size: 10px;
        color: #000;
        text-decoration: none;
    }

    .helpPopup {
        border: 2px solid #003580;
        width: 150px;
        padding: 10px;
        float: left;
        background-color: #fff;
        box-shadow: 7px 7px 30px #000;
    }

    .helpPopupContainer {
        display: none;
        position: absolute;
        width: 190px;
    }

    .helpPopupContainerArrowUpDown {
        display: none;
        position: absolute;
        width: 150px;
    }

    /* SANJIN
        
        .divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 32px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 120px;
    }

    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 20px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 140px;
    }*/


    .divRecoveryButtons {
        right: 200px;
        position: fixed;
    }

    .loginInnerHeaderDivLogo {
        height: 100%;
        width: 40px;
        float: right;
        position: relative;
    }

    .logoStyle {
        width: 68px;
        height: 68px;
    }

    /********************CONTROLS STYLES********************/
    .linkButtonNoDecorations {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        color: #000;
    }

    .labelStyle {
        font-family: Arial;
        font-size: 11px;
    }

    .closeButtonStyle {
        font-family: Tahoma;
        font-size: 12px;
        background-color: #003580;
        color: #fff;
        text-align: center;
        border: none;
        width: 80px;
        height: 20px;
    }

    .buttonStyle {
        font-family: Tahoma;
        font-size: 10px;
        background-color: #003580;
        color: #fff;
        text-align: left;
        border: none;
    }

    .textBoxProperties {
        width: 97%;
        height: 30px;
        font-size: 12px;
        font-family: Tahoma;
        padding-left: 5px;
    }

    .loginButton {
        width: 100%;
        height: 100%;
        border: none;
    }

    .loginTextBox {
        color: #ccc;
    }



    /*.divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 40px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 150px;
    }
    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 220px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 200px;
    }*/


    .masterHeaderDiv {
        height: 100%;
        float: left;
        position: relative;
        border-right: 2px solid #80D9FF;
    }

    .slogan {
        color: #317D2B;
        font-family: 'Limehouse Script';
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 0.3em;
        font-weight: normal;
        border: 0 none;
        text-align: right;
    }

    .errorMessages {
        font-family: Arial;
        font-size: 13px;
        color: #FF6600;
    }

    .textBoxMaxWidthAndHeight {
        width: 100%;
        height: 100%;
    }


    /* wizard setting (certification start) */
    .wizardLayoutStyle {
        background-color: #EFF3FB;
        border-color: #B5C7DE;
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        height: 300px;
        width: 600px;
    }

    .wizardStepStyle {
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        font-size: 11px;
        color: #333333;
        height: 300px;
        width: 600px;
    }

    .WizardAlternateRow {
        background-color: #b0be2d;
        font-weight: 200;
        color: White;
    }

    table.table2 {
        width: 100%;
    }

    td.table2 {
        padding: 30px 30px 30px 30px;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .accordionHeader {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight: bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionContent {
        background-color: White;
        font: Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionCompensatingHeader {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }

    .accordionCompensatingContent {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }

    /*Popups*/
    .modalPopupHeader {
        background-color: #003580;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }
    /* Grid Elements */

    .gridFooterStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }

    .gridHeaderStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        font-size: 11px;
        font-family: Arial;
        text-align: center;
    }

    .gridSearchPagerStyle {
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
    }

    .gridPagerStyle {
        background-color: #0896FF;
        color: #003580;
        font-family: Arial;
        font-size: 12px;
    }


        .gridPagerStyle a {
            color: #FFFFFF;
        }

    .gridRowStyle {
        background-color: White;
        color: Black;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridSelectedRowStyle {
        background-color: #C5BBAF;
        color: #333333;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .gridEditRowStyle {
        background-color: #7C6F57;
        font-family: Arial;
        font-size: 12px;
    }

    .gridAlternativeRowStyle {
        background-color: #e6e6e6;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridButton {
        font-size: 11px;
    }

    .gridDropDownList {
        font-size: 11px;
    }


    /* added from PaySquare webSite */
    .td-menu {
        background-color: #eee9e9;
        height: 12px;
        padding: 0px;
    }

    /* Sanjin
        
        .top {
        position: absolute;
        background: url(/App_Themes/Theme/PaySquare/Images/bg_top.gif) repeat-x;
        width: 98%;
        height: 78px;
        top: 18px;
        left: 13px;
    }

    .bgLine {
        background: url(/App_Themes/Theme/PaySquare/Images/bg_line.gif) repeat-x;
        width: 100%;
    }*/

    .top .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .top .title {
        position: absolute;
        top: 13px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        font-family: Arial;
    }

    .top .subtitle {
        position: absolute;
        top: 43px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
    }

    .menuPadding {
        padding-left: -10px;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .column1 {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .column2 {
        width: 45%;
        text-align: center;
        font-weight: bold;
    }

    .column3 {
        width: 30%;
        text-align: center;
        font-weight: bold;
    }

    .column4 {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }

    /*  Standard  */
    .normal {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .normalText14bold {
        font-family: Arial;
        font-size: 11px;
        font-weight: bold;
    }

    .normalText14px {
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        text-align: justify;
    }

    .normalText8 {
        font-family: Arial;
        font-size: 8px;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
    }

    .normalText14ReadOnly {
        font-family: Arial;
        font-size: 14px;
        background-color: #D8D8D8;
    }

    .wizardWhiteText {
        font-family: Arial;
        font-size: 12px;
        color: White;
    }

    .heading1 {
    }

    .heading2 {
    }

    .heading6 {
    }
    /*  Page elements */
    .title {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    .subTitle {
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }


    .menuText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusTextCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Black;
    }

    .statusTextNotCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Red;
    }

    .statusTextWaitingValidation {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Orange;
    }

    .statusLabelText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .buttonText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #003580;
        color: White;
    }

    .submitButtonStyle {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #B1C72D;
        color: #FFFFFF;
        height: 25px;
        width: 90px;
    }

    .errorText {
    }

    .warningText {
    }

    .infoText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }
    /* Questionnaire */
    .gridTextNormalCentered {
        font-family: Arial;
        font-size: 14px;
        text-align: center;
    }

    .gridHeadingText {
    }


    /* Questionnaire */
    .questionText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
    }

    .questionnaireRequirementHeadingText {
        background-color: #003580;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
        color: White;
    }

    .questionnaireRequirementTitleText {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: Black;
    }

    .questionnaireAOCTitleText {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    /* Compensating control*/

    .ccHeading {
        font-family: Arial;
        font-size: 14px;
        color: White;
        background-color: #b0be2d;
    }



    .searchFieldStyle {
        background-color: #FEBA02;
        text-align: left;
        margin: 15px 0px 15px 0px;
        border: 1px solid black;
    }

    /* PaySquare TAB theme  */


    /* xp theme */


    .CustomTabStyle .ajax__tab_header {
        font-family: Arial, Verdana, tahoma, helvetica;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 0px solid #ddd;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }
    /*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
    .CustomTabStyle .ajax__tab_tab {
        font: 10px Arial;
        font-weight: bold;
        display: block;
        float: left;
        padding: .6em .6em;
        color: #003580;
        background-color: #ededed;
        border: 1px solid #ddd;
        margin-bottom: -4px;
        margin-right: -1px;
        cursor: pointer;
    }

    .CustomTabStyle span:hover .ajax__tab_tab {
        color: #FF6600;
    }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {
        border-bottom-color: white;
        background-color: White;
        color: #003580;
        cursor: pointer;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        /*padding-right: 4px;*/
        height: 22px;
    }
    /*
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
    .CustomTabStyle .ajax__tab_body {
        font-family: Arial,verdana,tahoma,helvetica;
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #ffffff;
    }




    /* ING TAB theme  END*/


    /* accordion styles */

    .accordionContent {
        /* 	width: 900px; 	font-family: Arial;  	font-size: 12px; 	border: 0px; */
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeader {
        /*width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #0085cf;*/
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeaderSelected {
        /* 	width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #00829B; */
        width: 97%;
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .divContainerBorders {
        border: 1px solid;
        border-color: #003580;
        padding: 20px;
    }

    .divBottomBorders {
        border-bottom: 1px solid;
        width: 370px;
        border-bottom-color: #b0be2d;
    }

    .divTopBorders {
        border-top: 1px solid;
        width: 370px;
        border-top-color: #b0be2d;
    }

    .languageChoice {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceTrue {
        color: #006d53;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceFalse {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .normalText10px {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: justify;
    }

    .loginControlUsernamePassword {
        background-color: #f9f9f9;
        font: bold 12px arial;
        color: #000000;
        text-align: right;
    }

    .disclaimerText {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        color: #aba195;
    }

    .copyRightText {
        color: #000;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
    }

    .acqIconsText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #05A4E0;
    }

    .hyperLinkText {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    .buttonStrip {
        background-color: #ECECEC;
        padding-left: 7px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .FAQGroupTitle {
        background-color: #fff;
        padding: 3px;
        margin-top: 30px;
        font: bold 16px Arial;
        color: #003580;
    }

    /*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

    .menuNavigatorClass {
        position: relative;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        width: 225px;
        overflow: auto;
    }

        .menuNavigatorClass a {
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
        }


    .menuParent {
        background-color: #003580;
        height: 25px;
        width: 220px;
        margin-top: 2px;
        padding-left: 5px;
        color: White;
    }

    .menuParentLevel1 {
        background-color: #0896FF;
        height: 25px;
        width: 220px;
        margin-top: 2px;
        display: none;
        padding-left: 5px;
        color: White;
    }

        .menuParentLevel1 a {
            color: #fff;
        }

    .menuParentLevel2 {
        display: none;
    }

    .menuParentLevel2Item {
        background-color: #80D9FF;
        height: 25px;
        width: 220px;
        margin-top: 2px;
        padding-left: 5px;
        display: block;
        padding-left: 5px;
        color: Red;
    }

        .menuParentLevel2Item a {
            color: #003580;
        }

    .spanLevel1 {
        padding-left: 0px;
        position: relative;
        top: 4px;
    }

    .spanLevel2 {
        padding-left: 30px;
        position: relative;
        top: 2px;
        left: -4px;
    }

    .menuParentLevelContainer {
        display: none;
    }


    .spanLevel0 {
        padding-left: 0px;
        position: relative;
        top: 2px;
    }

    .spanLevel0_1 {
        position: relative;
        top: 4px;
        padding-left: 15px;
    }

    .spanLevel1_1 {
        position: relative;
        top: 4px;
        padding-left: 20px;
    }

    .spanLevel2_1 {
        position: relative;
        top: 4px;
        padding-left: 35px;
    }

    .menuNavigatorClass div img {
        position: relative;
        top: 2px;
    }

    .menuNavigatorClass div.menuParent:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 220px;
        color: #003580;
    }

    .menuNavigatorClass div.menuParentLevel1:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 220px;
    }

    .menuNavigatorClass div.menuParentLevel2Item:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 220px;
    }

    .noChild {
        position: relative;
        left: 9px;
    }

    .tdStyle {
        width: 10px;
        text-align: left;
    }

    .tableStyle {
        padding-left: 15px;
    }

    .selected3 {
        background-color: #FEBA02;
    }

    .selected2 {
        background-color: #FEBA02;
        color: #003580;
    }

    .selected1 {
        background-color: #FEBA02;
        color: #003580;
    }
}

@media screen and (min-width: 1260px) and (min-height: 600px) {

    /*****************************new by sanjin *************************************/
    .tableStyle {
        /*border: 1px solid #E6E6E6;*/
        padding-left: 0px;
    }

    .tableCellStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        border-bottom: 1px solid #E6E6E6;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .centerContent {
        text-align: center;
    }

    .tableCellHeaderStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        background-color: #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        color: #000000;
        font-weight: Bold;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .scrollPanelNavigationApprovalDetails {
        height: 440px;
        border: 1px solid #e5e5e5;
    }

    .hightSAQApprovalsMerchantDetails {
        height: 100px;
        line-height: normal;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }

    /*******************MY COMPANY INFO**************/
    .companyProfileContainer {
        height: 290px;
    }

    .companyProfileTabContainer {
        height: 250px;
    }

    .emptyDiv {
        height: 10px;
    }
    /************************Upload Wizard Buttons*************/
    .labelContainer {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }


    /*************************Login DIV************************/
    .loginDivPopUpContainer {
        width: 500px;
        height: 400px;
        border: 2px solid #003580;
        background-color: rgba(238,238,238, .75);
        box-shadow: 7px 7px 30px #000;
        z-index: 99;
        display: none;
        position: fixed;
    }

    .loginDivTabTabsContainer {
        margin: 10px;
        position: relative;
    }

    .loginDivTab {
        border: 1px solid #003580;
        width: 200px;
        float: left;
        padding: 5px;
        position: relative;
        background-color: gray;
        z-index: 99;
    }

    .loginDivTabBodyContainer {
        margin: 10px;
        margin-top: 6px;
        position: relative;
    }

    .loginDivTabBody {
        border-top: 1px solid #003580;
        padding-left: 10px;
        padding-top: 20px;
    }

    .loginPageTextBoxes {
        width: 200px;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
        border:none;
        border-radius:4px;

    }

    /**********************************************************/
    .middleCardContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 700px;
    }

    .middleCardContainerAdmin {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 800px;
    }

    .middleStatContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 790px;
    }

    .divTotalWidth {
        width: 500px;
    }

    .tableStat {
        margin-left: 5px;
    }
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/
    .buttonLabelForward {
        display: inline-block;
        margin-top: 9%;
    }

    .buttonLabelPrevious {
        display: inline-block;
        margin-top: 6%;
    }

    .buttonLabelContainerPrevious {
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        height: 100%;
        position: relative;
        line-height: 24px;
    }

    .buttonLabelContainerForward {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }

    .psqLogo {
        width: 73px;
        height: 73px;
    }


    .imgHelp {
        max-width: 24px;
        max-height: 24px;
        width: auto;
        height: auto;
    }

    .brandImages {
        max-height: 28px;
        max-width: 28px;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .brandImagesContainer {
        width: 28px;
        height: 28px;
        border: 1px solid #33CC00;
        background-color: #fff;
        text-align: center;
        position: relative;
    }

    .horizontalRollerImgContainer {
        width: 158px;
        height: 73px;
    }

    .horizontalRollerImg {
        max-height: 73px;
        max-width: 158px;
        width: auto;
        height: auto;
    }

    .bottomRollerImgContainer {
        width: 73px;
        height: 73px;
    }

    .bottomRollerImg {
        max-height: 73px;
        max-width: 73px;
        width: auto;
        height: auto;
    }

    .leftContainer {
        height: 270px;
    }

    .middleContainer {
        height: 210px;
    }

    .rightContainer {
        height: 150px;
    }

    .rightContainerRecovery {
        height: 210px;
    }

    .titleContainer {
        height: 90px;
    }

    .helpImg {
        width: 15px;
        height: 15px;
    }

    .errorStar {
        font-family: Arial;
        font-size: 12px;
        color: red;
    }

    .rowPaddingLoginControls {
        padding-bottom: 5px;
    }

    .loginTableTopPadding {
        padding-top: 10px;
    }

    .linkButton {
        text-decoration: none;
    }

    .buttonForward {
        height: 24px;
        background-color: #0896FF;
        color: #fff;
    }

    .buttonForwardAndBackDefaultWidth {
        width: 134px;
    }

    /*************************************************************************************************/



    /*********************************** LABEL, A CONTROLS *******************************/
    span, a, label {
        font-size: 12px;
        font-family: Arial;
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="checkbox"] {
        width: 10px;
        height: 10px;
        /*margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;*/
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="submit"], input[type=button] {
        background-color: #0896FF;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }
    input[id^="btnDelete"] {
        background-color: #0896FF;
    }

        input[id^="btnDelete"]:hover {
            -moz-box-shadow: 0 0 8px #FFED00;
            -webkit-box-shadow: 0 0 8px #FFED00;
            box-shadow: 0 0 8px #FFED00;
            cursor: pointer;
            background-color: #FF0000;
            color: #fff;
        }
    input[type=submit][disabled=disabled], button[disabled=disabled] {
        background-color: #AAAAAA;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }

    submit #long {
    }

    /*******************************************************************************/
    /*************************MASTER PAGE*******************************************/
    /*******************************************************************************/

    .statusImages {
        max-width: 35px;
        max-height: 35px;
        width: auto;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }


    /*************************************************************************************************/

    /****************Merchant welcome Page ************************/

    .lastLogin {
        position: fixed;
        left: 20px;
        bottom: 65px;
    }

    .progressBarTopContainer {
        height: 77px;
    }

    .mainCardsContainer {
        height: 190px;
    }

    .mainCards {
        height: 190px;
        width: 190px;
        margin-left: 10px;
    }

    .imgOnWelcomePageCards {
        max-width: 80px;
        max-height: 80px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

    .textOnWelcomePageCards {
        color: #fff;
        font: bold 15px Tahoma;
    }

    .introTextContainer {
        height: 224px;
    }

    .arrow_box_one_after {
        position: relative;
        background: #FF6600;
    }

        .arrow_box_one_after:after, .arrow_box_one_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_one_after:after {
            border-left-color: #FF6600;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerOrange {
        width: 128px;
        background-color: #ff6600;
        color: #000;
        line-height: normal;
    }

    /***************************************************************/
    /***********************AFTER DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_after {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_after:after, .arrow_box_gray_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_after:after {
            border-left-color: #e5e5e5;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGray {
        width: 128px;
        background-color: #e5e5e5;
        color: #aaa;
        line-height: normal;
    }
    /*************************MEDIUM GREEN*********************************/
    .arrow_box_mediumGreen_after {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_after:after, .arrow_box_mediumGreen_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_mediumGreen_after:after {
            border-left-color: #80D9FF;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerMediumGreen {
        width: 128px;
        background-color: #80D9FF;
        color: #000;
        line-height: normal;
    }

    /*************************GREEN*********************************/
    .arrow_box_green_after {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_after:after, .arrow_box_green_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_green_after:after {
            border-left-color: #003580;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGreen {
        width: 128px;
        background-color: #003580;
        color: #aaa;
        line-height: normal;
    }



    /***************************************************************/
    /***********************BEFORE DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_before {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_before:after, .arrow_box_gray_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_before:after {
            border-top-color: #e5e5e5;
            border-bottom-color: #e5e5e5;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************MEDIUM GREEN********************************/
    .arrow_box_mediumGreen_before {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_before:after, .arrow_box_mediumGreen_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_mediumGreen_before:after {
            border-top-color: #80D9FF;
            border-bottom-color: #80D9FF;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************GREEN********************************/
    .arrow_box_green_before {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_before:after, .arrow_box_green_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_green_before:after {
            border-top-color: #003580;
            border-bottom-color: #003580;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /**************************************************************/

    /**************************************************************/
    /**********************POPUP MESSAGES**************************/
    /**************************************************************/
    .popupContainer {
        width: 1440px;
        height: 250px;
        background-color: #003580;
        color: #fff;
        position: relative;
    }

    .popupMessageContainer {
        width: 580px;
        height: 250px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupButtonStyle {
        border: 2px solid #fff;
        width: 134px;
        height: 30px;
        margin-right: 10px;
    }

    .popupButtonContainer {
        position: absolute;
        bottom: 15px;
        right: 0;
        bottom: 10px;
    }

    /**************************************************************/
    /**********************PROGRESS ON SAQ*************************/
    /**************************************************************/

    .requirementTitle {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .progressContainer {
        float: left;
        width: 90px;
        border: 1px solid #b0be2d;
        height: 15px;
        background-color: #e5e5e5;
        position: relative;
    }

    .progressMovement {
        width: 0px;
        background-color: #b0be2d;
        height: 100%;
        position: absolute;
    }

    .totalProgressMovement {
        width: 0px;
        background-color: #003580;
        height: 100%;
        position: absolute;
    }

    .questionsContainer {
        float: left;
        margin-left: 5px;
        font-size: 10px;
    }

    .questionnaireTabContainer {
        height: 450px;
    }

    /**************************************************************/

    /**************************************************************/

    /**************************************************************/
    /**********************SAQ Questions**************************/
    /**************************************************************/
    .scrollPaneInResults {
        height: 260px;
    }
    .tabContainerWidth {
        width: 100%;
    }

    .questionWidth {
        width: 99%;
    }

    .scrollPane {
        height: 460px;
    }

    .faqScrollPane {
        height: 340px;
    }

    .faqContainer {
        height: 440px;
    }

    .scrollPaneAOC {
        height: 530px;
        border: 1px solid #e5e5e5;
    }

    .containerForAOC {
        height: 525px;
    }

    .ccMainLayout {
        font-family: Arial;
        font-size: 14px;
        width: 100%;
        padding-left: 5px;
    }

    .containerForTabContainer {
        height: 520px;
        line-height: 17px;
    }

    .modalTextScrollPane {
        height: 180px;
    }

    .contentPlaceHolder {
        height: 600px;
    }

    /**************************************************************/

    /**************************************************************/
    /**********************My Documents**************************/
    /**************************************************************/

    .documentsTabContainer {
        height: 430px;
    }

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

    /*************************************************************/

    /*************************************************************/
    /**************************************************************/
    /**********************Wizard**************************/
    /**************************************************************/

    .answerTextContainer {
        width: 40%;
        float: left;
        padding-left: 2%;
        position: relative;
    }

    .answerAnswerContainer {
        width: 57%;
        float: left;
        position: relative;
    }

    answerRadioContainer {
        width: 100%;
        height: 40px;
    }

    .borderPanel {
        width: 100%;
        height: 3px;
        background-color: #003580;
        position: relative;
    }
    /*************************************************************/

    /**************************************************************/
    /**********************GRID**************************/
    /**************************************************************/

    .gridButtonStyle {

        background-color: #0896FF;

        width: 84px;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: normal;
        color: #003580;
    }

        .gridButtonStyle:hover {

            background-color: #003580;

            -moz-box-shadow: 0 0 8px #888;
            -webkit-box-shadow: 0 0 8px #888;
            box-shadow: 0 0 8px #888;
            cursor: pointer;
            color: #fff;
        }

    .loginButton:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
    }

    .buttonStyle:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }

    .buttonForward:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
    }

    .popupButtonStyle:hover {
        -moz-box-shadow: 0 0 8px #fff;
        -webkit-box-shadow: 0 0 8px #fff;
        box-shadow: 0 0 8px #fff;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }
    /*************************************************************/



    .radioButtonStyle {
        font-family: Tahoma;
        font-size: 12px;
    }

    .titlesBold {
        font-weight: bold;
        font-family: Arial;
        font-size: 13px;
    }

    .dviTooLowResolutions {
        visibility: hidden;
    }

    .masterHeader {
        height: 45px;
        width: 100%;
        left: 0;
        top: 0;
        position: fixed;
        background: #003580;
        z-index: 99;
    }

    .masterFooter {
        height: 65px;
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #EEEEEE;
        z-index: 99;
        line-height: 17px;
    }

    .supportInfo {
        width: 650px;
        float: left;
        position: fixed;
        left: 20px;
        color: #003580;
    }

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

    /* Sanjin
        
        .loginDivContainer {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        height: auto;
        background-image: url('/App_Themes/Theme/PaySquare/Images/loginBackground.png');
        background-repeat: no-repeat;
        height: 87%;
    }*/

    .loginDivTitle {
        position: relative;
        top: 60px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .headerDivBorders {
        border-left: 2px solid #33CC00;
    }

    .loginInnerHeaderDiv {
        height: 100%;
        width: 55px;
        float: right;
        position: relative;
    }

    .loginInnerHeaderDivLogo {
        height: 100%;
        width: 44px;
        float: right;
        position: relative;
    }

    .imgLoginHeaderDiv {
        height: 32px;
        width: 32px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .loginMiddleDivContainer {
        padding-top: 70px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .divRoller {
        border-right: 2px solid #268338;
        padding-right: 70px;
        position: relative;
        float: left;
        margin: 10px 0px 10px 10px;
    }

    .divLoginInfo {
        top: 30px;
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 70px;
    }

    .divRecoverPassword {
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 70px;
        width: 350px;
    }

    .rollerCell {
        height: 50px;
        border: 2px solid #33CC00;
        background-color: #fff;
    }

    .footerText {
        font-family: Arial;
        font-size: 10px;
        color: #000;
        text-decoration: none;
    }

    .helpPopup {
        border: 2px solid #003580;
        width: 100px;
        padding: 10px;
        float: left;
        background-color: #fff;
        box-shadow: 7px 7px 30px #000;
    }

    .helpPopupContainer {
        display: none;
        position: absolute;
        width: 170px;
    }

    .helpPopupContainerArrowUpDown {
        display: none;
        position: absolute;
        width: 220px;
    }

    /* SANJIN
        
        .divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 30px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 110px;
    }

    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 20px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 200px;
    }*/


    .divRecoveryButtons {
        right: 250px;
        position: fixed;
    }

    .logoStyle {
        width: 76px;
        height: 76px;
    }
    /********************CONTROLS STYLES********************/
    .linkButtonNoDecorations {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        color: #000;
    }

    .labelStyle {
        font-family: Arial;
        font-size: 13px;
    }

    .closeButtonStyle {
        font-family: Tahoma;
        font-size: 12px;
        background-color: #003580;
        color: #fff;
        text-align: center;
        border: none;
        width: 90px;
        height: 23px;
    }

    .buttonStyle {
        font-family: Tahoma;
        font-size: 11px;
        background-color: #003580;
        color: #fff;
        text-align: left;
        border: none;
    }

    .textBoxProperties {
        width: 97%;
        height: 30px;
        font-size: 12px;
        font-family: Tahoma;
        padding-left: 5px;
    }

    .loginButton {
        width: 100%;
        height: 100%;
        border: none;
    }

    .loginTextBox {
        color: #ccc;
    }

    .masterHeaderDiv {
        height: 100%;
        float: left;
        position: relative;
        border-right: 2px solid #80D9FF;
    }

    .slogan {
        color: #317D2B;
        font-family: 'Limehouse Script';
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 0.3em;
        font-weight: normal;
        border: 0 none;
        text-align: right;
    }

    .errorMessages {
        font-family: Arial;
        font-size: 13px;
        color: #FF6600;
    }

    .recoveryPageRowPadding {
        padding-bottom: 10px;
        vertical-align: middle;
    }


    .textBoxMaxWidthAndHeight {
        width: 100%;
        height: 100%;
    }

    /* wizard setting (certification start) */
    .wizardLayoutStyle {
        background-color: #EFF3FB;
        border-color: #B5C7DE;
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        height: 300px;
        width: 600px;
    }

    .wizardStepStyle {
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        font-size: 11px;
        color: #333333;
        height: 300px;
        width: 600px;
    }

    .WizardAlternateRow {
        background-color: #b0be2d;
        font-weight: 200;
        color: White;
    }

    table.table2 {
        width: 100%;
    }

    td.table2 {
        padding: 30px 30px 30px 30px;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .accordionHeader {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight: bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionContent {
        background-color: White;
        font: Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionCompensatingHeader {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }

    .accordionCompensatingContent {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }

    /*Popups*/
    .modalPopupHeader {
        background-color: #003580;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }
    /* Grid Elements */

    .gridFooterStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }

    .gridHeaderStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
    }

    .gridSearchPagerStyle {
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
    }

    .gridPagerStyle {
        background-color: #0896FF;
        color: #003580;
        font-family: Arial;
        font-size: 12px;
    }


        .gridPagerStyle a {
            color: #FFFFFF;
        }

    .gridRowStyle {
        background-color: White;
        color: Black;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridSelectedRowStyle {
        background-color: #C5BBAF;
        color: #333333;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .gridEditRowStyle {
        background-color: #7C6F57;
        font-family: Arial;
        font-size: 12px;
    }

    .gridAlternativeRowStyle {
        background-color: #e6e6e6;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridButton {
        font-size: 11px;
    }

    .gridDropDownList {
        font-size: 11px;
    }


    /* added from PaySquare webSite */
    .td-menu {
        background-color: #eee9e9;
        height: 12px;
        padding: 0px;
    }

    /* SANJIN
        .top {
        position: absolute;
        background: url(/App_Themes/Theme/PaySquare/Images/bg_top.gif) repeat-x;
        width: 98%;
        height: 78px;
        top: 18px;
        left: 13px;
    }

    .bgLine {
        background: url(/App_Themes/Theme/PaySquare/Images/bg_line.gif) repeat-x;
        width: 100%;
    }*/

    .top .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .top .title {
        position: absolute;
        top: 13px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        font-family: Arial;
    }

    .top .subtitle {
        position: absolute;
        top: 43px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
    }

    .menuPadding {
        padding-left: -10px;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .column1 {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .column2 {
        width: 45%;
        text-align: center;
        font-weight: bold;
    }

    .column3 {
        width: 30%;
        text-align: center;
        font-weight: bold;
    }

    .column4 {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }

    /*  Standard  */
    .normal {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .normalText14bold {
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
    }

    .normalText14px {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-align: justify;
    }

    .normalText8 {
        font-family: Arial;
        font-size: 8px;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
    }

    .normalText14ReadOnly {
        font-family: Arial;
        font-size: 14px;
        background-color: #D8D8D8;
    }

    .wizardWhiteText {
        font-family: Arial;
        font-size: 12px;
        color: White;
    }

    .heading1 {
    }

    .heading2 {
    }

    .heading6 {
    }
    /*  Page elements */
    .title {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    .subTitle {
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }


    .menuText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusTextCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Black;
    }

    .statusTextNotCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Red;
    }

    .statusTextWaitingValidation {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Orange;
    }

    .statusLabelText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .buttonText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #DC001B;
        color: White;
    }

    .submitButtonStyle {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #B1C72D;
        color: #FFFFFF;
        height: 25px;
        width: 90px;
    }

    .errorText {
    }

    .warningText {
    }

    .infoText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }
    /* Questionnaire */
    .gridTextNormalCentered {
        font-family: Arial;
        font-size: 14px;
        text-align: center;
    }

    .gridHeadingText {
    }


    /* Questionnaire */
    .questionText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
    }

    .questionnaireRequirementHeadingText {
        background-color: #003580;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
        color: White;
    }

    .questionnaireRequirementTitleText {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: Black;
    }

    .questionnaireAOCTitleText {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    /* Compensating control*/

    .ccHeading {
        font-family: Arial;
        font-size: 14px;
        color: White;
        background-color: #b0be2d;
    }



    .searchFieldStyle {
        background-color: #FEBA02;
        text-align: left;
        margin: 15px 0px 15px 0px;
        border: 1px solid black;
    }

    /* PaySquare TAB theme  */


    /* xp theme */


    .CustomTabStyle .ajax__tab_header {
        font-family: Arial, Verdana, tahoma, helvetica;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 0px solid #ddd;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }
    /*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
    .CustomTabStyle .ajax__tab_tab {
        font: 10px Arial;
        font-weight: bold;
        display: block;
        float: left;
        padding: .6em .6em;
        color: #003580;
        background-color: #ededed;
        border: 1px solid #ddd;
        margin-bottom: -4px;
        margin-right: -1px;
        cursor: pointer;
    }

    .CustomTabStyle span:hover .ajax__tab_tab {
        color: #FF6600;
    }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {
        border-bottom-color: white;
        background-color: White;
        color: #003580;
        cursor: pointer;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        /*padding-right: 4px;*/
        height: 22px;
    }
    /*
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
    .CustomTabStyle .ajax__tab_body {
        font-family: Arial,verdana,tahoma,helvetica;
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #ffffff;
    }




    /* ING TAB theme  END*/


    /* accordion styles */

    .accordionContent {
        /* 	width: 900px; 	font-family: Arial;  	font-size: 12px; 	border: 0px; */
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeader {
        /*width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #0085cf;*/
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeaderSelected {
        /* 	width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #00829B; */
        width: 97%;
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .divContainerBorders {
        border: 1px solid;
        border-color: #DC001B;
        padding: 20px;
    }

    .divBottomBorders {
        border-bottom: 1px solid;
        width: 370px;
        border-bottom-color: #b0be2d;
    }

    .divTopBorders {
        border-top: 1px solid;
        width: 370px;
        border-top-color: #b0be2d;
    }

    .languageChoice {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceTrue {
        color: #006d53;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceFalse {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .normalText10px {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: justify;
    }

    .loginControlUsernamePassword {
        background-color: #f9f9f9;
        font: bold 12px arial;
        color: #000000;
        text-align: right;
    }

    .disclaimerText {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        color: #aba195;
    }

    .copyRightText {
        color: #000;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
    }

    .acqIconsText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #05A4E0;
    }

    .hyperLinkText {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    .buttonStrip {
        background-color: #ECECEC;
        padding-left: 7px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .FAQGroupTitle {
        background-color: #fff;
        padding: 3px;
        margin-top: 30px;
        font: bold 16px Arial;
        color: #003580;
    }

    /*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

    .menuNavigatorClass {
        position: relative;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        width: 210px;
        overflow: auto;
    }

        .menuNavigatorClass a {
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
        }


    .menuParent {
        background-color: #003580;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        padding-left: 5px;
        color: White;
    }

    .menuParentLevel1 {
        background-color: #0896FF;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        display: none;
        padding-left: 5px;
        color: White;
    }

        .menuParentLevel1 a {
            color: #fff;
        }

    .menuParentLevel2 {
        display: none;
    }

    .menuParentLevel2Item {
        background-color: #80D9FF;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        padding-left: 5px;
        display: block;
        padding-left: 5px;
        color: Red;
    }

        .menuParentLevel2Item a {
            color: #003580;
        }

    .spanLevel1 {
        padding-left: 0px;
        position: relative;
        top: 4px;
    }

    .spanLevel2 {
        padding-left: 30px;
        position: relative;
        top: 2px;
        left: -4px;
    }

    .menuParentLevelContainer {
        display: none;
    }


    .spanLevel0 {
        padding-left: 0px;
        position: relative;
        top: 2px;
    }

    .spanLevel0_1 {
        position: relative;
        top: 4px;
        padding-left: 15px;
    }

    .spanLevel1_1 {
        position: relative;
        top: 4px;
        padding-left: 20px;
    }

    .spanLevel2_1 {
        position: relative;
        top: 4px;
        padding-left: 35px;
    }

    .menuNavigatorClass div img {
        position: relative;
        top: 2px;
    }

    .menuNavigatorClass div.menuParent:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
        color: #003580;
    }

    .menuNavigatorClass div.menuParentLevel1:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
    }

    .menuNavigatorClass div.menuParentLevel2Item:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
    }


    .noChild {
        position: relative;
        left: 9px;
    }

    .tdStyle {
        width: 10px;
        text-align: left;
    }

    .tableStyle {
        padding-left: 15px;
    }

    .selected3 {
        background-color: #FEBA02;
    }

    .selected2 {
        background-color: #FEBA02;
        color: #003580;
    }

    .selected1 {
        background-color: #FEBA02;
        color: #003580;
    }


    /*************************************************************************************************************/



}

@media screen and (min-width: 1260px) and (min-height: 920px) {


    /*****************************new by sanjin *************************************/
    .tableStyle {
        /*border: 1px solid #E6E6E6;*/
        padding-left: 0px;
    }

    .tableCellStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        border-bottom: 1px solid #E6E6E6;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .centerContent {
        text-align: center;
    }

    .tableCellHeaderStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        background-color: #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        color: #000000;
        font-weight: Bold;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .scrollPanelNavigationApprovalDetails {
        height: 550px;
        border: 1px solid #e5e5e5;
    }

    .hightSAQApprovalsMerchantDetails {
        height: 100px;
        line-height: normal;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }


    /*******************MY COMPANY INFO**************/
    .companyProfileContainer {
        height: 290px;
    }

    .companyProfileTabContainer {
        height: 250px;
    }
    /************************Upload Wizard Buttons*************/
    .labelContainer {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }


    /*************************Login DIV************************/
    .loginDivPopUpContainer {
        width: 500px;
        height: 400px;
        border: 2px solid #003580;
        background-color: rgba(238,238,238, .75);
        box-shadow: 7px 7px 30px #000;
        z-index: 99;
        display: none;
        position: fixed;
    }

    .loginDivTabTabsContainer {
        margin: 10px;
        position: relative;
    }

    .loginDivTab {
        border: 1px solid #003580;
        width: 200px;
        float: left;
        padding: 5px;
        position: relative;
        background-color: gray;
        z-index: 99;
    }

    .loginDivTabBodyContainer {
        margin: 10px;
        margin-top: 6px;
        position: relative;
    }

    .loginDivTabBody {
        border-top: 1px solid #003580;
        padding-left: 10px;
        padding-top: 20px;
    }

    .loginPageTextBoxes {
        width: 200px;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
        border:none;
        border-radius:4px;
    }

    /**********************************************************/
    .middleCardContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 700px;
    }

    .middleCardContainerAdmin {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 800px;
    }

    .middleStatContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 790px;
    }

    .divTotalWidth {
        width: 500px;
    }

    .tableStat {
        margin-left: 5px;
    }
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/
    .buttonLabelForward {
        display: inline-block;
        margin-top: 9%;
    }

    .buttonLabelPrevious {
        display: inline-block;
        margin-top: 6%;
    }

    .buttonLabelContainerPrevious {
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        height: 100%;
        position: relative;
        line-height: 24px;
    }

    .buttonLabelContainerForward {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }

    .psqLogo {
        width: 73px;
        height: 73px;
    }


    .imgHelp {
        max-width: 24px;
        max-height: 24px;
        width: auto;
        height: auto;
    }

    .brandImages {
        max-height: 28px;
        max-width: 28px;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .brandImagesContainer {
        width: 28px;
        height: 28px;
        border: 1px solid #33CC00;
        background-color: #fff;
        text-align: center;
        position: relative;
    }

    .horizontalRollerImgContainer {
        width: 158px;
        height: 73px;
    }

    .horizontalRollerImg {
        max-height: 73px;
        max-width: 158px;
        width: auto;
        height: auto;
    }

    .bottomRollerImgContainer {
        width: 73px;
        height: 73px;
    }

    .bottomRollerImg {
        max-height: 73px;
        max-width: 73px;
        width: auto;
        height: auto;
    }

    .leftContainer {
        height: 270px;
    }

    .middleContainer {
        height: 210px;
    }

    .rightContainer {
        height: 150px;
    }

    .rightContainerRecovery {
        height: 210px;
    }

    .titleContainer {
        height: 90px;
    }

    .helpImg {
        width: 15px;
        height: 15px;
    }

    .errorStar {
        font-family: Arial;
        font-size: 12px;
        color: red;
    }

    .rowPaddingLoginControls {
        padding-bottom: 5px;
    }

    .loginTableTopPadding {
        padding-top: 10px;
    }

    .linkButton {
        text-decoration: none;
    }

    .buttonForward {
        height: 24px;
        background-color: #0896FF;
        color: #fff;
    }

    .buttonForwardAndBackDefaultWidth {
        width: 134px;
    }

    /*************************************************************************************************/



    /*********************************** LABEL, A CONTROLS *******************************/
    span, a, label {
        font-size: 12px;
        font-family: Arial;
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="checkbox"] {
        width: 10px;
        height: 10px;
        /*margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;*/
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="submit"], input[type=button] {
        background-color: #0896FF;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }
    input[id^="btnDelete"] {
        background-color: #FF6600;
    }

        input[id^="btnDelete"]:hover {
            -moz-box-shadow: 0 0 8px #FFED00;
            -webkit-box-shadow: 0 0 8px #FFED00;
            box-shadow: 0 0 8px #FFED00;
            cursor: pointer;
            background-color: #FF0000;
            color: #fff;
        }
    input[type=submit][disabled=disabled], button[disabled=disabled] {
        background-color: #AAAAAA;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }

    submit #long {
    }

    /*******************************************************************************/
    /*************************MASTER PAGE*******************************************/
    /*******************************************************************************/

    .statusImages {
        max-width: 35px;
        max-height: 35px;
        width: auto;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }


    /*************************************************************************************************/

    /****************Merchant welcome Page ************************/

    .lastLogin {
        position: fixed;
        left: 20px;
        bottom: 65px;
    }

    .progressBarTopContainer {
        height: 77px;
    }

    .mainCardsContainer {
        height: 190px;
    }

    .mainCards {
        height: 190px;
        width: 190px;
        margin-left: 10px;
    }

    .imgOnWelcomePageCards {
        max-width: 80px;
        max-height: 80px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

    .textOnWelcomePageCards {
        color: #fff;
        font: bold 15px Tahoma;
    }

    .introTextContainer {
        height: 224px;
    }

    .arrow_box_one_after {
        position: relative;
        background: #FF6600;
    }

        .arrow_box_one_after:after, .arrow_box_one_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_one_after:after {
            border-left-color: #FF6600;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerOrange {
        width: 128px;
        background-color: #ff6600;
        color: #000;
        line-height: normal;
    }

    /***************************************************************/
    /***********************AFTER DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_after {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_after:after, .arrow_box_gray_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_after:after {
            border-left-color: #e5e5e5;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGray {
        width: 128px;
        background-color: #e5e5e5;
        color: #aaa;
        line-height: normal;
    }
    /*************************MEDIUM GREEN*********************************/
    .arrow_box_mediumGreen_after {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_after:after, .arrow_box_mediumGreen_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_mediumGreen_after:after {
            border-left-color: #80D9FF;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerMediumGreen {
        width: 128px;
        background-color: #80D9FF;
        color: #000;
        line-height: normal;
    }

    /*************************GREEN*********************************/
    .arrow_box_green_after {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_after:after, .arrow_box_green_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_green_after:after {
            border-left-color: #003580;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGreen {
        width: 128px;
        background-color: #003580;
        color: #aaa;
        line-height: normal;
    }



    /***************************************************************/
    /***********************BEFORE DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_before {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_before:after, .arrow_box_gray_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_before:after {
            border-top-color: #e5e5e5;
            border-bottom-color: #e5e5e5;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************MEDIUM GREEN********************************/
    .arrow_box_mediumGreen_before {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_before:after, .arrow_box_mediumGreen_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_mediumGreen_before:after {
            border-top-color: #80D9FF;
            border-bottom-color: #80D9FF;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************GREEN********************************/
    .arrow_box_green_before {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_before:after, .arrow_box_green_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_green_before:after {
            border-top-color: #003580;
            border-bottom-color: #003580;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /**************************************************************/

    /**************************************************************/
    /**********************POPUP MESSAGES**************************/
    /**************************************************************/
    .popupContainer {
        width: 1440px;
        height: 250px;
        background-color: #003580;
        color: #fff;
        position: relative;
    }

    .popupMessageContainer {
        width: 580px;
        height: 250px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupButtonStyle {
        border: 2px solid #fff;
        width: 134px;
        height: 30px;
        margin-right: 10px;
    }

    .popupButtonContainer {
        position: absolute;
        bottom: 15px;
        right: 0;
        bottom: 10px;
    }

    /**************************************************************/
    /**********************PROGRESS ON SAQ*************************/
    /**************************************************************/

    .requirementTitle {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .progressContainer {
        float: left;
        width: 90px;
        border: 1px solid #b0be2d;
        height: 15px;
        background-color: #e5e5e5;
        position: relative;
    }

    .progressMovement {
        width: 0px;
        background-color: #b0be2d;
        height: 100%;
        position: absolute;
    }

    .totalProgressMovement {
        width: 0px;
        background-color: #003580;
        height: 100%;
        position: absolute;
    }

    .questionsContainer {
        float: left;
        margin-left: 5px;
        font-size: 10px;
    }

    .questionnaireTabContainer {
        height: 470px;
    }

    /**************************************************************/

    /**************************************************************/

    /**************************************************************/
    /**********************SAQ Questions**************************/
    /**************************************************************/
    .scrollPaneInResults {
        height: 470px;
    }
    .tabContainerWidth {
        width: 100%;
    }

    .questionWidth {
        width: 99%;
    }

    .scrollPane {
        height: 680px;
    }

    .faqScrollPane {
        height: 550px;
    }

    .faqContainer {
        height: 650px;
    }

    .scrollPaneAOC {
        height: 750px;
        border: 1px solid #e5e5e5;
    }

    .containerForAOC {
        height: 750px;
    }

    .ccMainLayout {
        font-family: Arial;
        font-size: 14px;
        width: 100%;
        padding-left: 5px;
    }

    .containerForTabContainer {
        height: 750px;
        line-height: 17px;
    }

    .modalTextScrollPane {
        height: 180px;
    }

    .contentPlaceHolder {
        height: 600px;
    }

    /**************************************************************/

    /**************************************************************/
    /**********************My Documents**************************/
    /**************************************************************/

    .documentsTabContainer {
        height: 650px;
    }

    .documentTabBodyContainer {
        height: 580px;
        width: 100%;
    }

    /*************************************************************/

    /*************************************************************/
    /**************************************************************/
    /**********************Wizard**************************/
    /**************************************************************/

    .answerTextContainer {
        width: 40%;
        float: left;
        padding-left: 2%;
        position: relative;
    }

    .answerAnswerContainer {
        width: 57%;
        float: left;
        position: relative;
    }

    answerRadioContainer {
        width: 100%;
        height: 40px;
    }

    .borderPanel {
        width: 100%;
        height: 3px;
        background-color: #003580;
        position: relative;
    }
    /*************************************************************/

    /**************************************************************/
    /**********************GRID**************************/
    /**************************************************************/

    .gridButtonStyle {

        background-color: #0896FF;

        width: 84px;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: normal;
        color: #003580;
    }

        .gridButtonStyle:hover {

            background-color: #003580;

            -moz-box-shadow: 0 0 8px #888;
            -webkit-box-shadow: 0 0 8px #888;
            box-shadow: 0 0 8px #888;
            cursor: pointer;
            color: #fff;
        }

    .loginButton:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
    }

    .buttonStyle:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }

    .buttonForward:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
    }

    .popupButtonStyle:hover {
        -moz-box-shadow: 0 0 8px #fff;
        -webkit-box-shadow: 0 0 8px #fff;
        box-shadow: 0 0 8px #fff;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }
    /*************************************************************/



    .radioButtonStyle {
        font-family: Tahoma;
        font-size: 12px;
    }

    .titlesBold {
        font-weight: bold;
        font-family: Arial;
        font-size: 13px;
    }

    .dviTooLowResolutions {
        visibility: hidden;
    }

    .masterHeader {
        height: 45px;
        width: 100%;
        left: 0;
        top: 0;
        position: fixed;
        background: #003580;
        z-index: 99;
    }

    .masterFooter {
        height: 65px;
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #EEEEEE;
        z-index: 99;
        line-height: 17px;
    }

    .supportInfo {
        width: 650px;
        float: left;
        position: fixed;
        left: 20px;
        color: #003580;
    }

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

    /* SANJIN
        
        .loginDivContainer {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        height: auto;
        background-image: url('/App_Themes/Theme/PaySquare/Images/loginBackground.png');
        background-repeat: no-repeat;
        height: 87%;
    }*/

    .loginDivTitle {
        position: relative;
        top: 60px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .headerDivBorders {
        border-left: 2px solid #33CC00;
    }

    .loginInnerHeaderDiv {
        height: 100%;
        width: 55px;
        float: right;
        position: relative;
    }

    .loginInnerHeaderDivLogo {
        height: 100%;
        width: 44px;
        float: right;
        position: relative;
    }

    .imgLoginHeaderDiv {
        height: 32px;
        width: 32px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .loginMiddleDivContainer {
        padding-top: 70px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .divRoller {
        border-right: 2px solid #268338;
        padding-right: 70px;
        position: relative;
        float: left;
        margin: 10px 0px 10px 10px;
    }

    .divLoginInfo {
        top: 30px;
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 70px;
    }

    .divRecoverPassword {
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 70px;
        width: 350px;
    }

    .rollerCell {
        height: 50px;
        border: 2px solid #33CC00;
        background-color: #fff;
    }

    .footerText {
        font-family: Arial;
        font-size: 10px;
        color: #000;
        text-decoration: none;
    }

    .helpPopup {
        border: 2px solid #003580;
        width: 100px;
        padding: 10px;
        float: left;
        background-color: #fff;
        box-shadow: 7px 7px 30px #000;
    }

    .helpPopupContainer {
        display: none;
        position: absolute;
        width: 170px;
    }

    .helpPopupContainerArrowUpDown {
        display: none;
        position: absolute;
        width: 220px;
    }

    /* SANJIN
        
        .divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 30px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 110px;
    }

    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 20px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 200px;
    }*/


    .divRecoveryButtons {
        right: 250px;
        position: fixed;
    }

    .logoStyle {
        width: 76px;
        height: 76px;
    }
    /********************CONTROLS STYLES********************/
    .linkButtonNoDecorations {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        color: #000;
    }

    .labelStyle {
        font-family: Arial;
        font-size: 13px;
    }

    .closeButtonStyle {
        font-family: Tahoma;
        font-size: 12px;
        background-color: #003580;
        color: #fff;
        text-align: center;
        border: none;
        width: 90px;
        height: 23px;
    }

    .buttonStyle {
        font-family: Tahoma;
        font-size: 11px;
        background-color: #003580;
        color: #fff;
        text-align: left;
        border: none;
    }

    .textBoxProperties {
        width: 97%;
        height: 30px;
        font-size: 12px;
        font-family: Tahoma;
        padding-left: 5px;
    }

    .loginButton {
        width: 100%;
        height: 100%;
        border: none;
    }

    .loginTextBox {
        color: #ccc;
    }

    .masterHeaderDiv {
        height: 100%;
        float: left;
        position: relative;
        border-right: 2px solid #80D9FF;
    }

    .slogan {
        color: #317D2B;
        font-family: 'Limehouse Script';
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 0.3em;
        font-weight: normal;
        border: 0 none;
        text-align: right;
    }

    .errorMessages {
        font-family: Arial;
        font-size: 13px;
        color: #FF6600;
    }

    .recoveryPageRowPadding {
        padding-bottom: 10px;
        vertical-align: middle;
    }


    .textBoxMaxWidthAndHeight {
        width: 100%;
        height: 100%;
    }

    /* wizard setting (certification start) */
    .wizardLayoutStyle {
        background-color: #EFF3FB;
        border-color: #B5C7DE;
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        height: 300px;
        width: 600px;
    }

    .wizardStepStyle {
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        font-size: 11px;
        color: #333333;
        height: 300px;
        width: 600px;
    }

    .WizardAlternateRow {
        background-color: #b0be2d;
        font-weight: 200;
        color: White;
    }

    table.table2 {
        width: 100%;
    }

    td.table2 {
        padding: 30px 30px 30px 30px;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .accordionHeader {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight: bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionContent {
        background-color: White;
        font: Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionCompensatingHeader {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }

    .accordionCompensatingContent {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }

    /*Popups*/
    .modalPopupHeader {
        background-color: #003580;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }
    /* Grid Elements */

    .gridFooterStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }

    .gridHeaderStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
    }

    .gridSearchPagerStyle {
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
    }

    .gridPagerStyle {
        background-color: #0896FF;
        color: #003580;
        font-family: Arial;
        font-size: 12px;
    }


        .gridPagerStyle a {
            color: #FFFFFF;
        }

    .gridRowStyle {
        background-color: White;
        color: Black;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridSelectedRowStyle {
        background-color: #C5BBAF;
        color: #333333;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .gridEditRowStyle {
        background-color: #7C6F57;
        font-family: Arial;
        font-size: 12px;
    }

    .gridAlternativeRowStyle {
        background-color: #e6e6e6;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridButton {
        font-size: 11px;
    }

    .gridDropDownList {
        font-size: 11px;
    }


    /* added from PaySquare webSite */
    .td-menu {
        background-color: #eee9e9;
        height: 12px;
        padding: 0px;
    }

    /* SANJIN
        .top {
        position: absolute;
        background: url(/App_Themes/Theme/PaySquare/Images/bg_top.gif) repeat-x;
        width: 98%;
        height: 78px;
        top: 18px;
        left: 13px;
    }

    .bgLine {
        background: url(/App_Themes/Theme/PaySquare/Images/bg_line.gif) repeat-x;
        width: 100%;
    }*/

    .top .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .top .title {
        position: absolute;
        top: 13px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        font-family: Arial;
    }

    .top .subtitle {
        position: absolute;
        top: 43px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
    }

    .menuPadding {
        padding-left: -10px;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .column1 {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .column2 {
        width: 45%;
        text-align: center;
        font-weight: bold;
    }

    .column3 {
        width: 30%;
        text-align: center;
        font-weight: bold;
    }

    .column4 {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }

    /*  Standard  */
    .normal {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .normalText14bold {
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
    }

    .normalText14px {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-align: justify;
    }

    .normalText8 {
        font-family: Arial;
        font-size: 8px;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
    }

    .normalText14ReadOnly {
        font-family: Arial;
        font-size: 14px;
        background-color: #D8D8D8;
    }

    .wizardWhiteText {
        font-family: Arial;
        font-size: 12px;
        color: White;
    }

    .heading1 {
    }

    .heading2 {
    }

    .heading6 {
    }
    /*  Page elements */
    .title {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    .subTitle {
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }


    .menuText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusTextCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Black;
    }

    .statusTextNotCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Red;
    }

    .statusTextWaitingValidation {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Orange;
    }

    .statusLabelText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .buttonText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #DC001B;
        color: White;
    }

    .submitButtonStyle {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #B1C72D;
        color: #FFFFFF;
        height: 25px;
        width: 90px;
    }

    .errorText {
    }

    .warningText {
    }

    .infoText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }
    /* Questionnaire */
    .gridTextNormalCentered {
        font-family: Arial;
        font-size: 14px;
        text-align: center;
    }

    .gridHeadingText {
    }


    /* Questionnaire */
    .questionText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
    }

    .questionnaireRequirementHeadingText {
        background-color: #003580;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
        color: White;
    }

    .questionnaireRequirementTitleText {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: Black;
    }

    .questionnaireAOCTitleText {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    /* Compensating control*/

    .ccHeading {
        font-family: Arial;
        font-size: 14px;
        color: White;
        background-color: #b0be2d;
    }



    .searchFieldStyle {
        background-color: #FEBA02;
        text-align: left;
        margin: 15px 0px 15px 0px;
        border: 1px solid black;
    }

    /* PaySquare TAB theme  */


    /* xp theme */


    .CustomTabStyle .ajax__tab_header {
        font-family: Arial, Verdana, tahoma, helvetica;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 0px solid #ddd;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }
    /*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
    .CustomTabStyle .ajax__tab_tab {
        font: 10px Arial;
        font-weight: bold;
        display: block;
        float: left;
        padding: .6em .6em;
        color: #003580;
        background-color: #ededed;
        border: 1px solid #ddd;
        margin-bottom: -4px;
        margin-right: -1px;
        cursor: pointer;
    }

    .CustomTabStyle span:hover .ajax__tab_tab {
        color: #FF6600;
    }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {
        border-bottom-color: white;
        background-color: White;
        color: #003580;
        cursor: pointer;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        /*padding-right: 4px;*/
        height: 22px;
    }
    /*
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
    .CustomTabStyle .ajax__tab_body {
        font-family: Arial,verdana,tahoma,helvetica;
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #ffffff;
    }




    /* ING TAB theme  END*/


    /* accordion styles */

    .accordionContent {
        /* 	width: 900px; 	font-family: Arial;  	font-size: 12px; 	border: 0px; */
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeader {
        /*width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #0085cf;*/
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeaderSelected {
        /* 	width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #00829B; */
        width: 97%;
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .divContainerBorders {
        border: 1px solid;
        border-color: #DC001B;
        padding: 20px;
    }

    .divBottomBorders {
        border-bottom: 1px solid;
        width: 370px;
        border-bottom-color: #b0be2d;
    }

    .divTopBorders {
        border-top: 1px solid;
        width: 370px;
        border-top-color: #b0be2d;
    }

    .languageChoice {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceTrue {
        color: #006d53;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceFalse {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .normalText10px {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: justify;
    }

    .loginControlUsernamePassword {
        background-color: #f9f9f9;
        font: bold 12px arial;
        color: #000000;
        text-align: right;
    }

    .disclaimerText {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        color: #aba195;
    }

    .copyRightText {
        color: #000;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
    }

    .acqIconsText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #05A4E0;
    }

    .hyperLinkText {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    .buttonStrip {
        background-color: #ECECEC;
        padding-left: 7px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .FAQGroupTitle {
        background-color: #fff;
        padding: 3px;
        margin-top: 30px;
        font: bold 16px Arial;
        color: #003580;
    }

    /*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

    .menuNavigatorClass {
        position: relative;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        width: 210px;
        overflow: auto;
    }

        .menuNavigatorClass a {
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
        }


    .menuParent {
        background-color: #003580;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        padding-left: 5px;
        color: White;
    }

    .menuParentLevel1 {
        background-color: #0896FF;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        display: none;
        padding-left: 5px;
        color: White;
    }

        .menuParentLevel1 a {
            color: #fff;
        }

    .menuParentLevel2 {
        display: none;
    }

    .menuParentLevel2Item {
        background-color: #80D9FF;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        padding-left: 5px;
        display: block;
        padding-left: 5px;
        color: Red;
    }

        .menuParentLevel2Item a {
            color: #003580;
        }

    .spanLevel1 {
        padding-left: 0px;
        position: relative;
        top: 4px;
    }

    .spanLevel2 {
        padding-left: 30px;
        position: relative;
        top: 2px;
        left: -4px;
    }

    .menuParentLevelContainer {
        display: none;
    }


    .spanLevel0 {
        padding-left: 0px;
        position: relative;
        top: 2px;
    }

    .spanLevel0_1 {
        position: relative;
        top: 4px;
        padding-left: 15px;
    }

    .spanLevel1_1 {
        position: relative;
        top: 4px;
        padding-left: 20px;
    }

    .spanLevel2_1 {
        position: relative;
        top: 4px;
        padding-left: 35px;
    }

    .menuNavigatorClass div img {
        position: relative;
        top: 2px;
    }

    .menuNavigatorClass div.menuParent:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
        color: #003580;
    }

    .menuNavigatorClass div.menuParentLevel1:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
    }

    .menuNavigatorClass div.menuParentLevel2Item:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
    }


    .noChild {
        position: relative;
        left: 9px;
    }

    .tdStyle {
        width: 10px;
        text-align: left;
    }

    .tableStyle {
        padding-left: 15px;
    }

    .selected3 {
        background-color: #FEBA02;
    }

    .selected2 {
        background-color: #FEBA02;
        color: #003580;
    }

    .selected1 {
        background-color: #FEBA02;
        color: #003580;
    }


    /*************************************************************************************************************/



}

@media screen and (min-width: 1360px) {

    /*******************MY COMPANY INFO**************/
    .companyProfileContainer {
        height: 260px;
    }

    .companyProfileTabContainer {
        height: 260px;
    }

    .emptyDiv {
        height: 10px;
    }
    /************************Upload Wizard Buttons*************/
    .labelContainer {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }


    /*************************Login DIV************************/
    .loginDivPopUpContainer {
        width: 500px;
        height: 400px;
        border: 2px solid #003580;
        background-color: rgba(238,238,238, .75);
        box-shadow: 7px 7px 30px #000;
        z-index: 99;
        display: none;
        position: fixed;
    }

    .loginDivTabTabsContainer {
        margin: 10px;
        position: relative;
    }

    .loginDivTab {
        border: 1px solid #003580;
        width: 200px;
        float: left;
        padding: 5px;
        position: relative;
        background-color: gray;
        z-index: 99;
    }

    .loginDivTabBodyContainer {
        margin: 10px;
        margin-top: 6px;
        position: relative;
    }

    .loginDivTabBody {
        border-top: 1px solid #003580;
        padding-left: 10px;
        padding-top: 20px;
    }

    .loginPageTextBoxes {
        width: 200px;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
        border:none;
        border-radius:4px;
    }

    /**********************************************************/
    .middleCardContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 700px;
    }

    .middleCardContainerAdmin {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 800px;
    }

    .middleStatContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 790px;
    }

    .divTotalWidth {
        width: 500px;
    }

    .tableStat {
        margin-left: 5px;
    }
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/
    .buttonLabelForward {
        display: inline-block;
        margin-top: 9%;
    }

    .buttonLabelPrevious {
        display: inline-block;
        margin-top: 6%;
    }

    .buttonLabelContainerPrevious {
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        height: 100%;
        position: relative;
        line-height: 24px;
    }

    .buttonLabelContainerForward {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 24px;
    }

    .psqLogo {
        width: 73px;
        height: 73px;
    }


    .imgHelp {
        max-width: 24px;
        max-height: 24px;
        width: auto;
        height: auto;
    }

    .brandImages {
        max-height: 28px;
        max-width: 28px;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .brandImagesContainer {
        width: 28px;
        height: 28px;
        border: 1px solid #33CC00;
        background-color: #fff;
        text-align: center;
        position: relative;
    }

    .horizontalRollerImgContainer {
        width: 158px;
        height: 73px;
    }

    .horizontalRollerImg {
        max-height: 73px;
        max-width: 158px;
        width: auto;
        height: auto;
    }

    .bottomRollerImgContainer {
        width: 73px;
        height: 73px;
    }

    .bottomRollerImg {
        max-height: 73px;
        max-width: 73px;
        width: auto;
        height: auto;
    }

    .leftContainer {
        height: 270px;
    }

    .middleContainer {
        height: 210px;
    }

    .rightContainer {
        height: 150px;
    }

    .rightContainerRecovery {
        height: 210px;
    }

    .titleContainer {
        height: 90px;
    }

    .helpImg {
        width: 15px;
        height: 15px;
    }

    .errorStar {
        font-family: Arial;
        font-size: 12px;
        color: red;
    }

    .rowPaddingLoginControls {
        padding-bottom: 5px;
    }

    .loginTableTopPadding {
        padding-top: 10px;
    }

    .linkButton {
        text-decoration: none;
    }

    .buttonForward {
        height: 24px;
        background-color: #0896FF;
        color: #fff;
    }

    .buttonForwardAndBackDefaultWidth {
        width: 134px;
    }

    /*************************************************************************************************/



    /*********************************** LABEL, A CONTROLS *******************************/
    span, a, label {
        font-size: 12px;
        font-family: Arial;
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="checkbox"] {
        width: 10px;
        height: 10px;
        /*margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;*/
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="submit"], input[type=button] {
        background-color: #0896FF;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }
    input[id^="btnDelete"] {
        background-color: #0896FF;
    }

        input[id^="btnDelete"]:hover {
            -moz-box-shadow: 0 0 8px #FFED00;
            -webkit-box-shadow: 0 0 8px #FFED00;
            box-shadow: 0 0 8px #FFED00;
            cursor: pointer;
            background-color: #FF0000;
            color: #fff;
        }

    input[type=submit][disabled=disabled], button[disabled=disabled] {
        background-color: #AAAAAA;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }

    submit #long {
    }

    /*******************************************************************************/
    /*************************MASTER PAGE*******************************************/
    /*******************************************************************************/

    .statusImages {
        max-width: 35px;
        max-height: 35px;
        width: auto;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }


    /*************************************************************************************************/

    /****************Merchant welcome Page ************************/

    .lastLogin {
        position: fixed;
        left: 20px;
        bottom: 65px;
    }

    .progressBarTopContainer {
        height: 77px;
    }

    .mainCardsContainer {
        height: 190px;
    }

    .mainCards {
        height: 190px;
        width: 190px;
        margin-left: 10px;
    }

    .imgOnWelcomePageCards {
        max-width: 80px;
        max-height: 80px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

    .textOnWelcomePageCards {
        color: #fff;
        font: bold 15px Tahoma;
    }

    .introTextContainer {
        height: 224px;
    }

    .arrow_box_one_after {
        position: relative;
        background: #FF6600;
    }

        .arrow_box_one_after:after, .arrow_box_one_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_one_after:after {
            border-left-color: #FF6600;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerOrange {
        width: 128px;
        background-color: #ff6600;
        color: #000;
        line-height: normal;
    }

    /***************************************************************/
    /***********************AFTER DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_after {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_after:after, .arrow_box_gray_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_after:after {
            border-left-color: #e5e5e5;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGray {
        width: 128px;
        background-color: #e5e5e5;
        color: #aaa;
        line-height: normal;
    }
    /*************************MEDIUM GREEN*********************************/
    .arrow_box_mediumGreen_after {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_after:after, .arrow_box_mediumGreen_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_mediumGreen_after:after {
            border-left-color: #80D9FF;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerMediumGreen {
        width: 128px;
        background-color: #80D9FF;
        color: #000;
        line-height: normal;
    }

    /*************************GREEN*********************************/
    .arrow_box_green_after {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_after:after, .arrow_box_green_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_green_after:after {
            border-left-color: #003580;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGreen {
        width: 128px;
        background-color: #003580;
        color: #aaa;
        line-height: normal;
    }



    /***************************************************************/
    /***********************BEFORE DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_before {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_before:after, .arrow_box_gray_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_before:after {
            border-top-color: #e5e5e5;
            border-bottom-color: #e5e5e5;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************MEDIUM GREEN********************************/
    .arrow_box_mediumGreen_before {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_before:after, .arrow_box_mediumGreen_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_mediumGreen_before:after {
            border-top-color: #80D9FF;
            border-bottom-color: #80D9FF;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************GREEN********************************/
    .arrow_box_green_before {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_before:after, .arrow_box_green_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_green_before:after {
            border-top-color: #003580;
            border-bottom-color: #003580;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /**************************************************************/

    /**************************************************************/
    /**********************POPUP MESSAGES**************************/
    /**************************************************************/
    .popupContainer {
        width: 1440px;
        height: 250px;
        background-color: #003580;
        color: #fff;
        position: relative;
    }

    .popupMessageContainer {
        width: 580px;
        height: 250px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupButtonStyle {
        border: 2px solid #fff;
        width: 134px;
        height: 30px;
        margin-right: 10px;
    }

    .popupButtonContainer {
        position: absolute;
        bottom: 15px;
        right: 0;
        bottom: 10px;
    }

    /**************************************************************/
    /**********************PROGRESS ON SAQ*************************/
    /**************************************************************/

    .requirementTitle {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .progressContainer {
        float: left;
        width: 90px;
        border: 1px solid #b0be2d;
        height: 15px;
        background-color: #e5e5e5;
        position: relative;
    }

    .progressMovement {
        width: 0px;
        background-color: #b0be2d;
        height: 100%;
        position: absolute;
    }

    .totalProgressMovement {
        width: 0px;
        background-color: #003580;
        height: 100%;
        position: absolute;
    }

    .questionsContainer {
        float: left;
        margin-left: 5px;
        font-size: 10px;
    }

    .questionnaireTabContainer {
        height: 470px;
    }

    /**************************************************************/

    /**************************************************************/

    /**************************************************************/
    /**********************SAQ Questions**************************/
    /**************************************************************/
    .scrollPaneInResults {
        height: 320px;
    }
    .tabContainerWidth {
        width: 100%;
    }

    .questionWidth {
        width: 99%;
    }

    .scrollPane {
        height: 520px;
    }

    .faqScrollPane {
        height: 280px;
    }

    .faqContainer {
        height: 380px;
    }

    .scrollPaneAOC {
        height: 470px;
        border: 1px solid #e5e5e5;
    }

    .containerForAOC {
        height: 465px;
    }

    .ccMainLayout {
        font-family: Arial;
        font-size: 14px;
        width: 100%;
        padding-left: 5px;
    }

    .containerForTabContainer {
        height: 580px;
        line-height: 17px;
    }

    .modalTextScrollPane {
        height: 180px;
    }

    .contentPlaceHolder {
        height: 600px;
    }

    /**************************************************************/

    /**************************************************************/
    /**********************My Documents**************************/
    /**************************************************************/

    .documentsTabContainer {
        height: 405px;
    }

    .documentTabBodyContainer {
        height: 330px;
        width: 100%;
    }

    /*************************************************************/

    /*************************************************************/
    /**************************************************************/
    /**********************Wizard**************************/
    /**************************************************************/

    .answerTextContainer {
        width: 40%;
        float: left;
        padding-left: 2%;
        position: relative;
    }

    .answerAnswerContainer {
        width: 57%;
        float: left;
        position: relative;
    }

    answerRadioContainer {
        width: 100%;
        height: 40px;
    }

    .borderPanel {
        width: 100%;
        height: 3px;
        background-color: #003580;
        position: relative;
    }
    /*************************************************************/

    /**************************************************************/
    /**********************GRID**************************/
    /**************************************************************/

    .gridButtonStyle {

        background-color: #0896FF;

        width: 84px;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: normal;
        color: #003580;
    }

        .gridButtonStyle:hover {

            background-color: #003580;

            -moz-box-shadow: 0 0 8px #888;
            -webkit-box-shadow: 0 0 8px #888;
            box-shadow: 0 0 8px #888;
            cursor: pointer;
            color: #fff;
        }

    .loginButton:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
    }

    .buttonStyle:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }

    .buttonForward:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
    }

    .popupButtonStyle:hover {
        -moz-box-shadow: 0 0 8px #fff;
        -webkit-box-shadow: 0 0 8px #fff;
        box-shadow: 0 0 8px #fff;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }
    /*************************************************************/



    .radioButtonStyle {
        font-family: Tahoma;
        font-size: 12px;
    }

    .titlesBold {
        font-weight: bold;
        font-family: Arial;
        font-size: 13px;
    }

    .dviTooLowResolutions {
        visibility: hidden;
    }

    .masterHeader {
        height: 45px;
        width: 100%;
        left: 0;
        top: 0;
        position: fixed;
        background: #003580;
        z-index: 99;
    }

    .masterFooter {
        height: 65px;
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #EEEEEE;
        z-index: 99;
        line-height: 17px;
    }

    .supportInfo {
        width: 650px;
        float: left;
        position: fixed;
        left: 20px;
        color: #003580;
    }

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

    /* SANJIN
        
        .loginDivContainer {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        height: auto;
        background-image: url('/App_Themes/Theme/PaySquare/Images/loginBackground.png');
        background-repeat: no-repeat;
        height: 87%;
    }*/

    .loginDivTitle {
        position: relative;
        top: 60px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .headerDivBorders {
        border-left: 2px solid #33CC00;
    }

    .loginInnerHeaderDiv {
        height: 100%;
        width: 55px;
        float: right;
        position: relative;
    }

    .loginInnerHeaderDivLogo {
        height: 100%;
        width: 44px;
        float: right;
        position: relative;
    }

    .imgLoginHeaderDiv {
        height: 32px;
        width: 32px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .loginMiddleDivContainer {
        padding-top: 70px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .divRoller {
        border-right: 2px solid #268338;
        padding-right: 70px;
        position: relative;
        float: left;
        margin: 10px 0px 10px 10px;
    }

    .divLoginInfo {
        top: 30px;
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 70px;
    }

    .divRecoverPassword {
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 70px;
        width: 350px;
    }

    .rollerCell {
        height: 50px;
        border: 2px solid #33CC00;
        background-color: #fff;
    }

    .footerText {
        font-family: Arial;
        font-size: 10px;
        color: #000;
        text-decoration: none;
    }

    .helpPopup {
        border: 2px solid #003580;
        width: 100px;
        padding: 10px;
        float: left;
        background-color: #fff;
        box-shadow: 7px 7px 30px #000;
    }

    .helpPopupContainer {
        display: none;
        position: absolute;
        width: 170px;
    }

    .helpPopupContainerArrowUpDown {
        display: none;
        position: absolute;
        width: 220px;
    }

    /* SANJIN
        .divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 30px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 110px;
    }

    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 20px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 200px;
    }*/


    .divRecoveryButtons {
        right: 250px;
        position: fixed;
    }

    .logoStyle {
        width: 76px;
        height: 76px;
    }
    /********************CONTROLS STYLES********************/
    .linkButtonNoDecorations {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        color: #000;
    }

    .labelStyle {
        font-family: Arial;
        font-size: 13px;
    }

    .closeButtonStyle {
        font-family: Tahoma;
        font-size: 12px;
        background-color: #003580;
        color: #fff;
        text-align: center;
        border: none;
        width: 90px;
        height: 23px;
    }

    .buttonStyle {
        font-family: Tahoma;
        font-size: 11px;
        background-color: #003580;
        color: #fff;
        text-align: left;
        border: none;
    }

    .textBoxProperties {
        width: 97%;
        height: 30px;
        font-size: 12px;
        font-family: Tahoma;
        padding-left: 5px;
    }

    .loginButton {
        width: 100%;
        height: 100%;
        border: none;
    }

    .loginTextBox {
        color: #ccc;
    }

    .masterHeaderDiv {
        height: 100%;
        float: left;
        position: relative;
        border-right: 2px solid #80D9FF;
    }

    .slogan {
        color: #317D2B;
        font-family: 'Limehouse Script';
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 0.3em;
        font-weight: normal;
        border: 0 none;
        text-align: right;
    }

    .errorMessages {
        font-family: Arial;
        font-size: 13px;
        color: #FF6600;
    }

    .recoveryPageRowPadding {
        padding-bottom: 10px;
        vertical-align: middle;
    }


    .textBoxMaxWidthAndHeight {
        width: 100%;
        height: 100%;
    }

    /* wizard setting (certification start) */
    .wizardLayoutStyle {
        background-color: #EFF3FB;
        border-color: #B5C7DE;
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        height: 300px;
        width: 600px;
    }

    .wizardStepStyle {
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        font-size: 11px;
        color: #333333;
        height: 300px;
        width: 600px;
    }

    .WizardAlternateRow {
        background-color: #b0be2d;
        font-weight: 200;
        color: White;
    }

    table.table2 {
        width: 100%;
    }

    td.table2 {
        padding: 30px 30px 30px 30px;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .accordionHeader {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight: bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionContent {
        background-color: White;
        font: Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionCompensatingHeader {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }

    .accordionCompensatingContent {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }

    /*Popups*/
    .modalPopupHeader {
        background-color: #003580;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }
    /* Grid Elements */

    .gridFooterStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }

    .gridHeaderStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
    }


    .gridSearchPagerStyle {
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
    }

    .gridPagerStyle {
        background-color: #0896FF;
        color: #003580;
        font-family: Arial;
        font-size: 12px;
    }


      .gridPagerStyle a {
            color: #FFFFFF;
        }

    .gridRowStyle {
        background-color: White;
        color: Black;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridSelectedRowStyle {
        background-color: #C5BBAF;
        color: #333333;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .gridEditRowStyle {
        background-color: #7C6F57;
        font-family: Arial;
        font-size: 12px;
    }

    .gridAlternativeRowStyle {
        background-color: #e6e6e6;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridButton {
        font-size: 11px;
    }

    .gridDropDownList {
        font-size: 11px;
    }


    /* added from PaySquare webSite */
    .td-menu {
        background-color: #eee9e9;
        height: 12px;
        padding: 0px;
    }

    /* SANJIN
        .top {
        position: absolute;
        background: url(/App_Themes/Theme/PaySquare/Images/bg_top.gif) repeat-x;
        width: 98%;
        height: 78px;
        top: 18px;
        left: 13px;
    }

    .bgLine {
        background: url(/App_Themes/Theme/PaySquare/Images/bg_line.gif) repeat-x;
        width: 100%;
    }*/

    .top .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .top .title {
        position: absolute;
        top: 13px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        font-family: Arial;
    }

    .top .subtitle {
        position: absolute;
        top: 43px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
    }

    .menuPadding {
        padding-left: -10px;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .column1 {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .column2 {
        width: 45%;
        text-align: center;
        font-weight: bold;
    }

    .column3 {
        width: 30%;
        text-align: center;
        font-weight: bold;
    }

    .column4 {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }

    /*  Standard  */
    .normal {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .normalText14bold {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .normalText14px {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        text-align: justify;
    }

    .normalText8 {
        font-family: Arial;
        font-size: 8px;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
    }

    .normalText14ReadOnly {
        font-family: Arial;
        font-size: 14px;
        background-color: #D8D8D8;
    }

    .wizardWhiteText {
        font-family: Arial;
        font-size: 12px;
        color: White;
    }

    .heading1 {
    }

    .heading2 {
    }

    .heading6 {
    }
    /*  Page elements */
    .title {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    .subTitle {
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }


    .menuText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusTextCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Black;
    }

    .statusTextNotCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Red;
    }

    .statusTextWaitingValidation {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Orange;
    }

    .statusLabelText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .buttonText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #DC001B;
        color: White;
    }

    .submitButtonStyle {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #B1C72D;
        color: #FFFFFF;
        height: 25px;
        width: 90px;
    }

    .errorText {
    }

    .warningText {
    }

    .infoText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }
    /* Questionnaire */
    .gridTextNormalCentered {
        font-family: Arial;
        font-size: 14px;
        text-align: center;
    }

    .gridHeadingText {
    }


    /* Questionnaire */
    .questionText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
    }

    .questionnaireRequirementHeadingText {
        background-color: #003580;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
        color: White;
    }

    .questionnaireRequirementTitleText {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: Black;
    }

    .questionnaireAOCTitleText {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    /* Compensating control*/

    .ccHeading {
        font-family: Arial;
        font-size: 14px;
        color: White;
        background-color: #b0be2d;
    }



    .searchFieldStyle {
        background-color: #FEBA02;
        text-align: left;
        margin: 15px 0px 15px 0px;
        border: 1px solid black;
    }

    /* PaySquare TAB theme  */


    /* xp theme */


    .CustomTabStyle .ajax__tab_header {
        font-family: Arial, Verdana, tahoma, helvetica;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 0px solid #ddd;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }
    /*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
    .CustomTabStyle .ajax__tab_tab {
        font: 10px Arial;
        font-weight: bold;
        display: block;
        float: left;
        padding: .6em .6em;
        color: #003580;
        background-color: #ededed;
        border: 1px solid #ddd;
        margin-bottom: -4px;
        margin-right: -1px;
        cursor: pointer;
    }

    .CustomTabStyle span:hover .ajax__tab_tab {
        color: #FF6600;
    }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {
        border-bottom-color: white;
        background-color: White;
        color: #003580;
        cursor: pointer;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        /*padding-right: 4px;*/
        height: 22px;
    }
    /*
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
    .CustomTabStyle .ajax__tab_body {
        font-family: Arial,verdana,tahoma,helvetica;
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #ffffff;
    }




    /* ING TAB theme  END*/


    /* accordion styles */

    .accordionContent {
        /* 	width: 900px; 	font-family: Arial;  	font-size: 12px; 	border: 0px; */
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeader {
        /*width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #0085cf;*/
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeaderSelected {
        /* 	width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #00829B; */
        width: 97%;
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .divContainerBorders {
        border: 1px solid;
        border-color: #DC001B;
        padding: 20px;
    }

    .divBottomBorders {
        border-bottom: 1px solid;
        width: 370px;
        border-bottom-color: #b0be2d;
    }

    .divTopBorders {
        border-top: 1px solid;
        width: 370px;
        border-top-color: #b0be2d;
    }

    .languageChoice {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceTrue {
        color: #006d53;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceFalse {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .normalText10px {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: justify;
    }

    .loginControlUsernamePassword {
        background-color: #f9f9f9;
        font: bold 12px arial;
        color: #000000;
        text-align: right;
    }

    .disclaimerText {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        color: #aba195;
    }

    .copyRightText {
        color: #000;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
    }

    .acqIconsText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #05A4E0;
    }

    .hyperLinkText {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    .buttonStrip {
        background-color: #ECECEC;
        padding-left: 7px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .FAQGroupTitle {
        background-color: #fff;
        padding: 3px;
        margin-top: 30px;
        font: bold 16px Arial;
        color: #003580;
    }

    /*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

    .menuNavigatorClass {
        position: relative;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        width: 210px;
        overflow: auto;
    }

        .menuNavigatorClass a {
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
        }


    .menuParent {
        background-color: #003580;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        padding-left: 5px;
        color: White;
    }

    .menuParentLevel1 {
        background-color: #0896FF;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        display: none;
        padding-left: 5px;
        color: White;
    }

        .menuParentLevel1 a {
            color: #fff;
        }

    .menuParentLevel2 {
        display: none;
    }

    .menuParentLevel2Item {
        background-color: #80D9FF;
        height: 25px;
        width: 200px;
        margin-top: 2px;
        padding-left: 5px;
        display: block;
        padding-left: 5px;
        color: Red;
    }

        .menuParentLevel2Item a {
            color: #003580;
        }

    .spanLevel1 {
        padding-left: 0px;
        position: relative;
        top: 4px;
    }

    .spanLevel2 {
        padding-left: 30px;
        position: relative;
        top: 2px;
        left: -4px;
    }

    .menuParentLevelContainer {
        display: none;
    }


    .spanLevel0 {
        padding-left: 0px;
        position: relative;
        top: 2px;
    }

    .spanLevel0_1 {
        position: relative;
        top: 4px;
        padding-left: 15px;
    }

    .spanLevel1_1 {
        position: relative;
        top: 4px;
        padding-left: 20px;
    }

    .spanLevel2_1 {
        position: relative;
        top: 4px;
        padding-left: 35px;
    }

    .menuNavigatorClass div img {
        position: relative;
        top: 2px;
    }

    .menuNavigatorClass div.menuParent:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
        color: #003580;
    }

    .menuNavigatorClass div.menuParentLevel1:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
    }

    .menuNavigatorClass div.menuParentLevel2Item:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 200px;
    }


    .noChild {
        position: relative;
        left: 9px;
    }

    .tdStyle {
        width: 10px;
        text-align: left;
    }

    .tableStyle {
        padding-left: 15px;
    }

    .selected3 {
        background-color: #FEBA02;
    }

    .selected2 {
        background-color: #FEBA02;
        color: #003580;
    }

    .selected1 {
        background-color: #FEBA02;
        color: #003580;
    }


    /*************************************************************************************************************/



}

@media screen and (min-width: 1440px) {
                    #cphFirst_tabbedQuestionControl_tabContainer_tabResults_tabContainerStatusReason_body {
            height: 420px;
        }
        #cphFirst_tabbedQuestionControl_tabContainer_body {
            height: 605px;
        }
    .companyProfileContainer {
        height: 310px;
    }

    .companyProfileTabContainer {
        height: 250px;
    }

    .emptyDiv {
        height: 50px;
    }
    /************************Upload Wizard Buttons*************/
    .labelContainer {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 30px;
    }
    /*************************Login DIV************************/
    .loginDivPopUpContainer {
        width: 500px;
        height: 400px;
        border: 2px solid #003580;
        background-color: rgba(238,238,238, .75);
        box-shadow: 7px 7px 30px #000;
        z-index: 99;
        display: none;
        position: fixed;
    }

    .loginDivTabTabsContainer {
        margin: 10px;
        position: relative;
    }

    .loginDivTab {
        border: 1px solid #003580;
        width: 200px;
        float: left;
        padding: 5px;
        position: relative;
        background-color: gray;
        z-index: 99;
    }

    .loginDivTabBodyContainer {
        margin: 10px;
        margin-top: 7px;
        position: relative;
    }

    .loginDivTabBody {
        border-top: 1px solid #003580;
        padding-left: 10px;
        padding-top: 20px;
    }

    .loginPageTextBoxes {
        width: 200px;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
        border:none;
        border-radius:4px;
    }

    /**********************************************************/
    .middleCardContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 700px;
    }

    .middleCardContainerAdmin {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 840px;
    }

    .middleStatContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 830px;
    }

    .divTotalWidth {
        width: 530px;
    }

    .tableStat {
        margin-left: 5px;
    }
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/
    .buttonLabelForward {
        display: inline-block;
        margin-top: 13%;
    }

    .buttonLabelPrevious {
        display: inline-block;
        margin-top: 8%;
    }

    .buttonLabelContainerPrevious {
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        height: 100%;
        position: relative;
        line-height: 30px;
    }

    .buttonLabelContainerForward {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 30px;
    }

    .psqLogo {
        width: 106px;
        height: 106px;
    }

    .imgHelp {
        max-width: 30px;
        max-height: 30px;
        width: auto;
        height: auto;
    }

    .brandImages {
        max-height: 40px;
        max-width: 40px;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .brandImagesContainer {
        width: 40px;
        height: 40px;
        line-height: 48px;
        border: 2px solid #33CC00;
        background-color: #fff;
        text-align: center;
        position: relative;
    }

    .horizontalRollerImgContainer {
        width: 222px;
        height: 106px;
    }

    .horizontalRollerImg {
        max-height: 106px;
        max-width: 222px;
        width: auto;
        height: auto;
    }

    .bottomRollerImgContainer {
        width: 106px;
        height: 106px;
    }

    .bottomRollerImg {
        max-height: 106px;
        max-width: 106px;
        width: auto;
        height: auto;
    }

    .leftContainer {
        height: 360px;
    }

    .middleContainer {
        height: 280px;
    }

    .rightContainer {
        height: 200px;
    }

    .rightContainerRecovery {
        height: 280px;
    }

    .titleContainer {
        height: 96px;
    }

    .helpImg {
        width: 20px;
        height: 20px;
    }

    .errorStar {
        font-family: Arial;
        font-size: 15px;
        color: red;
    }

    .rowPaddingLoginControls {
        padding-bottom: 10px;
    }

    .loginTableTopPadding {
        padding-top: 15px;
    }

    .shortenTextBox {
        width: 225px;
    }

    .linkButton {
        text-decoration: none;
    }

    .buttonForward {
        height: 30px;
        background-color: #0896FF;
        color: #fff;
    }

    .buttonForwardAndBackDefaultWidth {
        width: 134px;
    }
    /*************************************************************************************************/


    /*********************************** LABEL, A CONTROLS *******************************/
    span, a, label {
        font-size: 13px;
        font-family: Arial;
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="checkbox"] {
        width: 12px;
        height: 12px;
        /*margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;*/
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="submit"], input[type=button] {
        background-color: #0896FF;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }

    input[id^="btnDelete"] {
        background-color: #0896FF;
    }

    input[id^="btnDelete"]:hover {
            -moz-box-shadow: 0 0 8px #FFED00;
            -webkit-box-shadow: 0 0 8px #FFED00;
            box-shadow: 0 0 8px #FFED00;
            cursor: pointer;
            background-color: #FF0000;
            color: #fff;
    }


    input[type=submit][disabled=disabled], button[disabled=disabled] {
        background-color: #AAAAAA;
        /*border: none;*/
        font-size: 11px;
        font-family: Tahoma;
    }

    submit #long {
    }

    /*******************************************************************************/
    /*************************MASTER PAGE*******************************************/
    /*******************************************************************************/

    .statusImages {
        max-width: 35px;
        max-height: 35px;
        width: auto;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }

    /*************************************************************************************************/

    /****************Merchant welcome Page ************************/

    .lastLogin {
        position: fixed;
        left: 20px;
        bottom: 85px;
    }

    .progressBarTopContainer {
        height: 77px;
    }

    .mainCardsContainer {
        height: 200px;
    }

    .mainCards {
        height: 200px;
        width: 200px;
        margin-left: 10px;
    }

    .introTextContainer {
        height: 224px;
    }

    .textOnWelcomePageCards {
        color: #fff;
        font: bold 18px Tahoma;
    }

    .imgOnWelcomePageCards {
        max-width: 80px;
        max-height: 80px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

    .arrow_box_one_after {
        position: relative;
        background: #FF6600;
    }

        .arrow_box_one_after:after, .arrow_box_one_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_one_after:after {
            border-left-color: #FF6600;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerOrange {
        width: 128px;
        background-color: #ff6600;
        color: #000;
        line-height: normal;
    }
    /***************************************************************/
    /***********************AFTER DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/

    .arrow_box_gray_after {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_after:after, .arrow_box_gray_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_after:after {
            border-left-color: #e5e5e5;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGray {
        width: 128px;
        background-color: #e5e5e5;
        color: #aaa;
        line-height: normal;
    }

    /*************************MEDIUM GREEN*********************************/
    .arrow_box_mediumGreen_after {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_after:after, .arrow_box_mediumGreen_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_mediumGreen_after:after {
            border-left-color: #80D9FF;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerMediumGreen {
        width: 128px;
        background-color: #80D9FF;
        color: #000;
        line-height: normal;
    }

    /*************************GREEN*********************************/
    .arrow_box_green_after {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_after:after, .arrow_box_green_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_green_after:after {
            border-left-color: #003580;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGreen {
        width: 128px;
        background-color: #003580;
        color: #aaa;
        line-height: normal;
    }

    /***************************************************************/
    /***********************BEFORE DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_before {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_before:after, .arrow_box_gray_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_before:after {
            border-top-color: #e5e5e5;
            border-bottom-color: #e5e5e5;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    /***************************MEDIUM GREEN********************************/
    .arrow_box_mediumGreen_before {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_before:after, .arrow_box_mediumGreen_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_mediumGreen_before:after {
            border-top-color: #80D9FF;
            border-bottom-color: #80D9FF;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    /***************************GREEN********************************/
    .arrow_box_green_before {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_before:after, .arrow_box_green_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_green_before:after {
            border-top-color: #003580;
            border-bottom-color: #003580;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    /**************************************************************/

    /**************************************************************/
    /**********************POPUP MESSAGES**************************/
    /**************************************************************/
    .popupContainer {
        width: 1600px;
        height: 250px;
        background-color: #003580;
        color: #fff;
        position: relative;
    }

    .popupMessageContainer {
        width: 580px;
        height: 250px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupButtonStyle {
        border: 2px solid #fff;
        width: 134px;
        height: 30px;
        margin-right: 10px;
    }

    .popupButtonContainer {
        position: absolute;
        bottom: 15px;
        right: 0;
        bottom: 10px;
    }

    /**************************************************************/
    /**********************PROGRESS ON SAQ*************************/
    /**************************************************************/

    .requirementTitle {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .progressContainer {
        float: left;
        width: 130px;
        border: 1px solid #b0be2d;
        height: 15px;
        background-color: #e5e5e5;
        position: relative;
    }

    .progressMovement {
        width: 0px;
        background-color: #b0be2d;
        height: 100%;
        position: absolute;
    }

    .totalProgressMovement {
        width: 0px;
        background-color: #003580;
        height: 100%;
        position: absolute;
    }

    .questionsContainer {
        float: left;
        margin-left: 5px;
        font-size: 10px;
    }

    .questionnaireTabContainer {
        height: 600px;
    }

    /**************************************************************/

    /**************************************************************/

    /**************************************************************/
    /**********************SAQ Questions**************************/
    /**************************************************************/
 .scrollPaneInResults {
    height: 380px;
}
    .tabContainerWidth {
        width: 100%;
    }

    .questionWidth {
        width: 99%;
    }

    .scrollPane {
        height: 620px;
    }

    .faqScrollPane {
        height: 400px;
    }

    .faqContainer {
        height: 500px;
    }

    .scrollPaneAOC {
        height: 590px;
        border: 1px solid #e5e5e5;
    }

    .containerForAOC {
        height: 590px;
    }

    .ccMainLayout {
        font-family: Arial;
        font-size: 14px;
        width: 100%;
        padding-left: 5px;
    }

    .containerForTabContainer {
        height: 680px;
        line-height: normal;
    }

    .modalTextScrollPane {
        height: 180px;
    }

    .contentPlaceHolder {
        height: 600px;
    }

    /**************************************************************/

    /**************************************************************/
    /**********************My Documents**************************/
    /**************************************************************/

    .documentsTabContainer {
        height: 500px;
    }

    .documentTabBodyContainer {
        height: 420px;
        width: 100%;
    }

    /*************************************************************/


    /**************************************************************/
    /**********************GRID**************************/
    /**************************************************************/

    .gridButtonStyle {

        background-color: #0896FF;

        width: 84px;
        height: 30px;
        border: none;
        text-align: center;
        font-weight: normal;
        color: #003580;
    }

        .gridButtonStyle:hover {

            background-color: #003580;

            -moz-box-shadow: 0 0 8px #888;
            -webkit-box-shadow: 0 0 8px #888;
            box-shadow: 0 0 8px #888;
            cursor: pointer;
            color: #fff;
        }

    .loginButton:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
    }

    .buttonStyle:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }

    .buttonForward:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
    }

    .popupButtonStyle:hover {
        -moz-box-shadow: 0 0 8px #fff;
        -webkit-box-shadow: 0 0 8px #fff;
        box-shadow: 0 0 8px #fff;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }
    /*************************************************************/



    /*************************************************************************************************/

    .radioButtonStyle {
        font-family: Tahoma;
        font-size: 13px;
    }

    .titlesBold {
        font-weight: bold;
        font-family: Arial;
        font-size: 14px;
    }

    .loginButton {
        width: 100%;
        height: 100%;
        border: none;
    }

    .dviTooLowResolutions {
        visibility: hidden;
    }

    .masterHeader {
        height: 45px;
        width: 100%;
        left: 0;
        top: 0;
        position: fixed;
        background: #003580;
        z-index: 99;
    }

    .masterFooter {
        height: 65px;
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #EEEEEE;
        z-index: 99;
    }

    .supportInfo {
        width: 650px;
        float: left;
        /*bottom: 10px;*/
        position: fixed;
        left: 20px;
        color: #003580;
    }

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

    /* SANJIN
        .loginDivContainer {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        height: auto;
        background-image: url('/App_Themes/Theme/PaySquare/Images/loginBackground.png');
        background-repeat: no-repeat;
        height: 90%;
    }*/

    .loginDivTitle {
        position: relative;
        top: 170px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .headerDivBorders {
        border-left: 2px solid #33CC00;
    }

    .loginInnerHeaderDiv {
        height: 100%;
        width: 85px;
        float: right;
        position: relative;
    }

    .loginInnerHeaderDivLogo {
        height: 100%;
        width: 44px;
        float: right;
        position: relative;
    }

    .logoStyle {
        width: 76px;
        height: 76px;
    }

    .imgLoginHeaderDiv {
        height: 32px;
        width: 32px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .loginMiddleDivContainer {
        padding-top: 190px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .divRoller {
        border-right: 2px solid #268338;
        padding-right: 100px;
        position: relative;
        float: left;
        margin: 20px 0px 20px 20px;
    }

    .divLoginInfo {
        top: 30px;
        position: relative;
        float: left;
        margin: 20px 20px 20px 0px;
        padding-left: 100px;
    }

    .divRecoverPassword {
        position: relative;
        float: left;
        margin: 20px 20px 20px 0px;
        padding-left: 100px;
        width: 450px;
    }

    .rollerCell {
        height: 50px;
        border: 2px solid #33CC00;
        background-color: #fff;
    }

    .textBoxProperties {
        width: 95%;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
    }

    .loginTextBox {
        color: #ccc;
    }

    .buttonStyle {
        font-family: Tahoma;
        font-size: 12px;
        background-color: #003580;
        color: #fff;
        text-align: left;
        border: none;
    }

    .closeButtonStyle {
        font-family: Tahoma;
        font-size: 13px;
        background-color: #003580;
        color: #fff;
        text-align: center;
        border: none;
        width: 115px;
        height: 30px;
    }

    .labelStyle {
        font-family: Arial;
        font-size: 13px;
    }

    .footerText {
        font-family: Arial;
        font-size: 11px;
        color: #000;
        text-decoration: none;
    }

    .helpPopup {
        border: 2px solid #003580;
        width: 150px;
        padding: 10px;
        float: left;
        background-color: #fff;
        box-shadow: 7px 7px 30px #000;
    }

    .helpPopupContainer {
        display: none;
        position: absolute;
        width: 220px;
    }

    .helpPopupContainerArrowUpDown {
        display: none;
        position: absolute;
        width: 220px;
    }

    /* SANJIN
        .divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 40px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 150px;
    }

    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 20px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 200px;
    }*/


    .linkButtonNoDecorations {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        color: #000;
    }

    .divRecoveryButtons {
        right: 400px;
        position: fixed;
    }

    .masterHeaderDiv {
        height: 100%;
        float: left;
        position: relative;
        border-right: 2px solid #80D9FF;
    }

    .slogan {
        color: #317D2B;
        font-family: 'Limehouse Script';
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 0.3em;
        font-weight: normal;
        border: 0 none;
        text-align: right;
    }

    .errorMessages {
        font-family: Arial;
        font-size: 13px;
        color: #FF6600;
    }

    .recoveryPageRowPadding {
        padding-bottom: 10px;
        vertical-align: middle;
    }


    .textBoxMaxWidthAndHeight {
        width: 100%;
        height: 100%;
    }

    /* wizard setting (certification start) */
    .wizardLayoutStyle {
        background-color: #EFF3FB;
        border-color: #B5C7DE;
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        height: 300px;
        width: 600px;
    }

    .wizardStepStyle {
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        font-size: 11px;
        color: #333333;
        height: 300px;
        width: 600px;
    }

    .WizardAlternateRow {
        background-color: #b0be2d;
        font-weight: 200;
        color: White;
    }

    table.table2 {
        width: 100%;
    }

    td.table2 {
        padding: 30px 30px 30px 30px;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .accordionHeader {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight: bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionContent {
        background-color: White;
        font: Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionCompensatingHeader {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }

    .accordionCompensatingContent {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }

    /*Popups*/
    .modalPopupHeader {
        background-color: #003580;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }
    /* Grid Elements */

    .gridFooterStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }

    .gridHeaderStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
    }

    .gridSearchPagerStyle {
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
    }

    .gridPagerStyle {
        background-color: #0896FF;
        color: #003580;
        font-family: Arial;
        font-size: 12px;
    }


        .gridPagerStyle a {
            color: #FFFFFF;
        }

    .gridRowStyle {
        background-color: White;
        color: Black;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridSelectedRowStyle {
        background-color: #C5BBAF;
        color: #333333;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .gridEditRowStyle {
        background-color: #7C6F57;
        font-family: Arial;
        font-size: 12px;
    }

    .gridAlternativeRowStyle {
        background-color: #e6e6e6;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridButton {
        font-size: 11px;
    }

    .gridDropDownList {
        font-size: 11px;
    }


    /* added from PaySquare webSite */
    .td-menu {
        background-color: #eee9e9;
        height: 12px;
        padding: 0px;
    }

    /* SANJIN
        .top {
        position: absolute;
        background: url(/App_Themes/Theme/PaySquare/Images/bg_top.gif) repeat-x;
        width: 98%;
        height: 78px;
        top: 18px;
        left: 13px;
    }

    .bgLine {
        background: url(/App_Themes/Theme/PaySquare/Images/bg_line.gif) repeat-x;
        width: 100%;
    }*/

    .top .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .top .title {
        position: absolute;
        top: 13px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        font-family: Arial;
    }

    .top .subtitle {
        position: absolute;
        top: 43px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
    }

    .menuPadding {
        padding-left: -10px;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .column1 {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .column2 {
        width: 45%;
        text-align: center;
        font-weight: bold;
    }

    .column3 {
        width: 30%;
        text-align: center;
        font-weight: bold;
    }

    .column4 {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }

    /*  Standard  */
    .normal {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .normalText14bold {
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
    }

    .normalText14px {
        font-family: Arial;
        font-size: 13px;
        font-weight: normal;
        text-align: justify;
    }

    .normalText8 {
        font-family: Arial;
        font-size: 8px;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }

    .normalText14ReadOnly {
        font-family: Arial;
        font-size: 14px;
        background-color: #D8D8D8;
    }

    .wizardWhiteText {
        font-family: Arial;
        font-size: 12px;
        color: White;
    }

    .heading1 {
    }

    .heading2 {
    }

    .heading6 {
    }
    /*  Page elements */
    .title {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    .subTitle {
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }


    .menuText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusTextCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Black;
    }

    .statusTextNotCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Red;
    }

    .statusTextWaitingValidation {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Orange;
    }

    .statusLabelText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .buttonText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #DC001B;
        color: White;
    }

    .submitButtonStyle {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #B1C72D;
        color: #FFFFFF;
        height: 25px;
        width: 90px;
    }

    .errorText {
    }

    .warningText {
    }

    .infoText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }
    /* Questionnaire */
    .gridTextNormalCentered {
        font-family: Arial;
        font-size: 14px;
        text-align: center;
    }

    .gridHeadingText {
    }


    /* Questionnaire */
    .questionText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
    }

    .questionnaireRequirementHeadingText {
        background-color: #003580;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
        color: White;
    }

    .questionnaireRequirementTitleText {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: Black;
    }

    .questionnaireAOCTitleText {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    /* Compensating control*/

    .ccHeading {
        font-family: Arial;
        font-size: 14px;
        color: White;
        background-color: #b0be2d;
    }



    .searchFieldStyle {
        background-color: #FEBA02;
        text-align: left;
        margin: 15px 0px 15px 0px;
        border: 1px solid black;
    }

    /* PaySquare TAB theme  */


    /* xp theme */


    .CustomTabStyle .ajax__tab_header {
        font-family: Arial, Verdana, tahoma, helvetica;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 0px solid #ddd;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }
    /*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
    .CustomTabStyle .ajax__tab_tab {
        font: 10px Arial;
        font-weight: bold;
        display: block;
        float: left;
        padding: .6em .6em;
        color: #003580;
        background-color: #ededed;
        border: 1px solid #ddd;
        margin-bottom: -4px;
        margin-right: -1px;
        cursor: pointer;
    }

    .CustomTabStyle span:hover .ajax__tab_tab {
        color: #FF6600;
    }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {
        border-bottom-color: white;
        background-color: White;
        color: #003580;
        cursor: pointer;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        height: 22px;
    }
    /*
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
    .CustomTabStyle .ajax__tab_body {
        font-family: Arial,verdana,tahoma,helvetica;
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #ffffff;
    }




    /* ING TAB theme  END*/


    /* accordion styles */

    .accordionContent {
        /* 	width: 900px; 	font-family: Arial;  	font-size: 12px; 	border: 0px; */
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeader {
        /*width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #0085cf;*/
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeaderSelected {
        /* 	width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #00829B; */
        width: 97%;
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .divContainerBorders {
        border: 1px solid;
        border-color: #DC001B;
        padding: 20px;
    }

    .divBottomBorders {
        border-bottom: 1px solid;
        width: 370px;
        border-bottom-color: #b0be2d;
    }

    .divTopBorders {
        border-top: 1px solid;
        width: 370px;
        border-top-color: #b0be2d;
    }

    .languageChoice {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceTrue {
        color: #006d53;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceFalse {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .normalText10px {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: justify;
    }

    .loginControlUsernamePassword {
        background-color: #f9f9f9;
        font: bold 12px arial;
        color: #000000;
        text-align: right;
    }

    .disclaimerText {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        color: #aba195;
    }

    .copyRightText {
        color: #000;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
    }

    .acqIconsText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #05A4E0;
    }

    .hyperLinkText {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    .buttonStrip {
        background-color: #ECECEC;
        padding-left: 7px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .FAQGroupTitle {
        background-color: #fff;
        padding: 3px;
        margin-top: 30px;
        font: bold 16px Arial;
        color: #003580;
    }

    /*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

    .menuNavigatorClass {
        position: relative;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        width: 260px;
        overflow: auto;
    }

        .menuNavigatorClass a {
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
        }


    .menuParent {
        background-color: #003580;
        height: 25px;
        width: 250px;
        margin-top: 2px;
        padding-left: 5px;
        color: White;
    }

    .menuParentLevel1 {
        background-color: #0896FF;
        height: 25px;
        width: 250px;
        margin-top: 2px;
        display: none;
        padding-left: 5px;
        color: White;
    }

        .menuParentLevel1 a {
            color: #fff;
        }

    .menuParentLevel2 {
        display: none;
    }

    .menuParentLevel2Item {
        background-color: #80D9FF;
        height: 25px;
        width: 250px;
        margin-top: 2px;
        padding-left: 5px;
        display: block;
        padding-left: 5px;
        color: Red;
    }

        .menuParentLevel2Item a {
            color: #003580;
        }

    .spanLevel1 {
        padding-left: 0px;
        position: relative;
        top: 4px;
    }

    .spanLevel2 {
        padding-left: 30px;
        position: relative;
        top: 2px;
        left: -4px;
    }

    .menuParentLevelContainer {
        display: none;
    }


    .spanLevel0 {
        padding-left: 0px;
        position: relative;
        top: 2px;
    }

    .spanLevel0_1 {
        position: relative;
        top: 4px;
        padding-left: 15px;
    }

    .spanLevel1_1 {
        position: relative;
        top: 4px;
        padding-left: 20px;
    }

    .spanLevel2_1 {
        position: relative;
        top: 4px;
        padding-left: 35px;
    }

    .menuNavigatorClass div img {
        position: relative;
        top: 2px;
    }

    .menuNavigatorClass div.menuParent:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 250px;
        color: #003580;
    }

    .menuNavigatorClass div.menuParentLevel1:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 250px;
    }

    .menuNavigatorClass div.menuParentLevel2Item:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 250px;
    }


    .noChild {
        position: relative;
        left: 9px;
    }

    .tdStyle {
        width: 10px;
        text-align: left;
    }

    .tableStyle {
        padding-left: 15px;
    }

    .selected3 {
        background-color: #FEBA02;
    }

    .selected2 {
        background-color: #FEBA02;
        color: #003580;
    }

    .selected1 {
        background-color: #FEBA02;
        color: #003580;
    }

/*----------------------------------------------------*/
    .tableStyle {
        /*border: 1px solid #E6E6E6;*/
        padding-left: 0px;
    }

    .tableCellStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        border-bottom: 1px solid #E6E6E6;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .centerContent {
        text-align: center;
    }

    .tableCellHeaderStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        background-color: #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        color: #000000;
        font-weight: Bold;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .scrollPanelNavigationApprovalDetails {
        height: 480px;
        border: 1px solid #e5e5e5;
    }

    .hightSAQApprovalsMerchantDetails {
        height: 100px;
        line-height: normal;
    }
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

}

@media screen and (min-width: 1680px) {
    .companyProfileContainer {
        height: 300px;
    }

    .companyProfileTabContainer {
        height: 250px;
    }

    .emptyDiv {
        height: 50px;
    }
    /************************Upload Wizard Buttons*************/
    .labelContainer {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 30px;
    }

    /*************************Login DIV************************/
    .loginDivPopUpContainer {
        width: 500px;
        height: 400px;
        border: 2px solid #003580;
        background-color: rgba(238,238,238, .75);
        box-shadow: 7px 7px 30px #000;
        z-index: 99;
        display: none;
        position: fixed;
    }

    .loginDivTabTabsContainer {
        margin: 10px;
        position: relative;
    }

    .loginDivTab {
        border: 1px solid #003580;
        width: 200px;
        float: left;
        padding: 5px;
        position: relative;
        background-color: gray;
        z-index: 99;
    }

    .loginDivTabBodyContainer {
        margin: 10px;
        margin-top: 7px;
        position: relative;
    }

    .loginDivTabBody {
        border-top: 1px solid #003580;
        padding-left: 10px;
        padding-top: 20px;
    }

    .loginPageTextBoxes {
        width: 200px;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
        border:none;
        border-radius:4px;
    }

    /**********************************************************/
    .middleCardContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 860px;
    }

    .middleCardContainerAdmin {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 1100px;
    }

    .middleStatContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 1080px;
    }

    .divTotalWidth {
        width: 800px;
    }

    .tableStat {
        margin-left: 5px;
    }
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/
    .buttonLabelForward {
        display: inline-block;
        margin-top: 10%;
    }

    .buttonLabelPrevious {
        display: inline-block;
        margin-top: 9%;
    }

    .buttonLabelContainerPrevious {
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        height: 100%;
        position: relative;
        line-height: 30px;
    }

    .buttonLabelContainerForward {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 30px;
    }

    .psqLogo {
        width: 124px;
        height: 124px;
    }

    .imgHelp {
        max-width: 30px;
        max-height: 30px;
        width: auto;
        height: auto;
    }

    .brandImages {
        max-height: 53px;
        max-width: 53px;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .brandImagesContainer {
        width: 53px;
        height: 53px;
        line-height: 64px;
        border: 2px solid #33CC00;
        background-color: #fff;
        text-align: center;
        position: relative;
    }

    .horizontalRollerImgContainer {
        width: 258px;
        height: 124px;
    }

    .horizontalRollerImg {
        max-height: 128px;
        max-width: 260px;
        width: auto;
        height: auto;
    }

    .bottomRollerImgContainer {
        width: 124px;
        height: 124px;
    }

    .bottomRollerImg {
        max-height: 124px;
        max-width: 124px;
        width: auto;
        height: auto;
    }

    .leftContainer {
        height: 432px;
    }

    .middleContainer {
        height: 336px;
    }

    .rightContainer {
        height: 240px;
    }

    .rightContainerRecovery {
        height: 336px;
    }

    .titleContainer {
        height: 96px;
    }

    .helpImg {
        width: 25px;
        height: 25px;
    }

    .errorStar {
        font-family: Arial;
        font-size: 15px;
        color: red;
    }

    .rowPaddingLoginControls {
        padding-bottom: 16px;
    }

    .loginTableTopPadding {
        padding-top: 22px;
    }

    .shortenTextBox {
        width: 270px;
    }

    .linkButton {
        text-decoration: none;
    }

    .buttonForward {
        height: 30px;
        background-color: #0896FF;
        color: #fff;
    }

    .buttonForwardAndBackDefaultWidth {
        width: 134px;
    }
    /*************************************************************************************************/


    /*********************************** LABEL, A CONTROLS *******************************/
    span, a, label {
        font-size: 14px;
        font-family: Arial;
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="checkbox"] {
        width: 15px;
        height: 15px;
        /*margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;*/
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="submit"], input[type=button] {
        background-color: #0896FF;
        /*border: none;*/
        font-size: 14px;
        font-family: Tahoma;
    }
    input[id^="btnDelete"] {
        background-color: #0896FF;
    }

        input[id^="btnDelete"]:hover {
            -moz-box-shadow: 0 0 8px #FFED00;
            -webkit-box-shadow: 0 0 8px #FFED00;
            box-shadow: 0 0 8px #FFED00;
            cursor: pointer;
            background-color: #FF0000;
            color: #fff;
        }
    input[type=submit][disabled=disabled], button[disabled=disabled] {
        background-color: #AAAAAA;
        /*border: none;*/
        font-size: 14px;
        font-family: Tahoma;
    }

    submit #long {
    }

    /*************************************************************************************************/
    /*************************MASTER PAGE*******************************************/
    /*******************************************************************************/

    /*dodano01*/
    .statusImages {
        max-width: 35px;
        max-height: 35px;
        width: auto;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }

    /*************************************************************************************************/

    /****************Merchant welcome Page ************************/

    .contentPlaceHolder {
        height: 800px;
    }

    .lastLogin {
        position: fixed;
        left: 20px;
        bottom: 85px;
    }

    .progressBarTopContainer {
        height: 72px;
    }

    .mainCardsContainer {
        height: 260px;
    }

    .mainCards {
        height: 260px;
        width: 260px;
        margin-left: 14px;
    }

    .textOnWelcomePageCards {
        color: #fff;
        font: bold 23px Tahoma;
    }

    .imgOnWelcomePageCards {
        max-width: 120px;
        max-height: 120px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

    .introTextContainer {
        height: 224px;
    }

    .arrow_box_one_after {
        position: relative;
        background: #FF6600;
    }

        .arrow_box_one_after:after, .arrow_box_one_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_one_after:after {
            border-left-color: #FF6600;
            border-top-width: 36px;
            border-bottom-width: 36px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerOrange {
        width: 128px;
        background-color: #ff6600;
        color: #000;
        line-height: normal;
    }

    /***************************************************************/
    /***********************AFTER DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_after {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_after:after, .arrow_box_gray_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_after:after {
            border-left-color: #e5e5e5;
            border-top-width: 36px;
            border-bottom-width: 36px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGray {
        width: 128px;
        background-color: #e5e5e5;
        color: #aaa;
        line-height: normal;
    }
    /*************************MEDIUM GREEN*********************************/
    .arrow_box_mediumGreen_after {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_after:after, .arrow_box_mediumGreen_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_mediumGreen_after:after {
            border-left-color: #80D9FF;
            border-top-width: 36px;
            border-bottom-width: 36px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerMediumGreen {
        width: 128px;
        background-color: #80D9FF;
        color: #000;
        line-height: normal;
    }

    /*************************GREEN*********************************/
    .arrow_box_green_after {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_after:after, .arrow_box_green_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_green_after:after {
            border-left-color: #003580;
            border-top-width: 36px;
            border-bottom-width: 36px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGreen {
        width: 128px;
        background-color: #003580;
        color: #aaa;
        line-height: normal;
    }

    /***************************************************************/
    /***********************BEFORE DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_before {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_before:after, .arrow_box_gray_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_before:after {
            border-top-color: #e5e5e5;
            border-bottom-color: #e5e5e5;
            border-top-width: 36px;
            border-bottom-width: 36px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    /***************************MEDIUM GREEN********************************/
    .arrow_box_mediumGreen_before {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_before:after, .arrow_box_mediumGreen_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_mediumGreen_before:after {
            border-top-color: #80D9FF;
            border-bottom-color: #80D9FF;
            border-top-width: 36px;
            border-bottom-width: 36px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    /***************************GREEN********************************/
    .arrow_box_green_before {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_before:after, .arrow_box_green_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_green_before:after {
            border-top-color: #003580;
            border-bottom-color: #003580;
            border-top-width: 36px;
            border-bottom-width: 36px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    /**************************************************************/

    /**************************************************************/
    /**********************POPUP MESSAGES**************************/
    /**************************************************************/

    .popupContainer {
        width: 1920px;
        height: 300px;
        background-color: #003580;
        color: #fff;
        position: relative;
    }

    .popupMessageContainer {
        width: 700px;
        height: 300px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupButtonStyle {
        border: 2px solid #fff;
        width: 160px;
        height: 32px;
        margin-right: 15px;
    }

    .popupButtonContainer {
        position: absolute;
        bottom: 15px;
        right: 0;
        bottom: 10px;
    }

    /**************************************************************/
    /**********************PROGRESS ON SAQ*************************/
    /**************************************************************/

    .requirementTitle {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .progressContainer {
        float: left;
        width: 130px;
        border: 1px solid #b0be2d;
        height: 15px;
        background-color: #e5e5e5;
        position: relative;
    }

    .progressMovement {
        width: 0px;
        background-color: #b0be2d;
        height: 100%;
        position: absolute;
    }

    .totalProgressMovement {
        width: 0px;
        background-color: #003580;
        height: 100%;
        position: absolute;
    }

    .questionsContainer {
        float: left;
        margin-left: 5px;
        font-size: 10px;
    }

    .questionnaireTabContainer {
        height: 600px;
    }

    /**************************************************************/

    /**************************************************************/

    /**************************************************************/
    /**********************SAQ Questions**************************/
    /**************************************************************/
    .scrollPaneInResults {
        height: 410px;
    }
    .tabContainerWidth {
        width: 100%;
    }

    .questionWidth {
        width: 99%;
    }

    .scrollPane {
        height: 680px;
    }

    .faqScrollPane {
        height: 540px;
    }

    .faqContainer {
        height: 650px;
    }

    .scrollPaneAOC {
        height: 720px;
        border: 1px solid #e5e5e5;
    }

    .containerForAOC {
        height: 730px;
    }

    .ccMainLayout {
        font-family: Arial;
        font-size: 14px;
        width: 100%;
        padding-left: 5px;
    }

    .containerForTabContainer {
        height: 680px;
        line-height: normal;
    }

    .modalTextScrollPane {
        height: 200px;
    }

    /**************************************************************/

    /**************************************************************/
    /**********************My Documents**************************/
    /**************************************************************/

    .documentsTabContainer {
        height: 650px;
    }

    .documentTabBodyContainer {
        height: 570px;
        width: 100%;
    }

    /*************************************************************/
    /**************************************************************/
    /**********************Wizard**************************/
    /**************************************************************/

    .answerTextContainer {
        width: 40%;
        float: left;
        padding-left: 2%;
        position: relative;
    }

    .answerAnswerContainer {
        width: 57%;
        float: left;
        position: relative;
    }

    answerRadioContainer {
        width: 100%;
        height: 40px;
    }

    .borderPanel {
        width: 100%;
        height: 3px;
        background-color: #003580;
        position: relative;
    }
    /*************************************************************/



    /**************************************************************/
    /**********************GRID**************************/
    /**************************************************************/

    .gridButtonStyle {

        background-color: #0896FF;

        width: 100px;
        height: 36px;
        border: none;
        text-align: center;
        font-weight: normal;
        color: #003580;
    }

        .gridButtonStyle:hover {

            background-color: #003580;

            -moz-box-shadow: 0 0 8px #888;
            -webkit-box-shadow: 0 0 8px #888;
            box-shadow: 0 0 8px #888;
            cursor: pointer;
            color: #fff;
        }

    .loginButton:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
    }

    .buttonStyle:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }

    .buttonForward:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
    }

    .popupButtonStyle:hover {
        -moz-box-shadow: 0 0 8px #fff;
        -webkit-box-shadow: 0 0 8px #fff;
        box-shadow: 0 0 8px #fff;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }
    /*************************************************************/

    .radioButtonStyle {
        font-family: Tahoma;
        font-size: 14px;
    }

    .titlesBold {
        font-weight: bold;
        font-family: Arial;
        font-size: 15px;
    }

    .dviTooLowResolutions {
        visibility: hidden;
    }

    .masterHeader {
        height: 45px;
        width: 100%;
        left: 0;
        top: 0;
        position: fixed;
        background: #003580;
        z-index: 99;
    }

    .masterFooter {
        height: 65px;
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #EEEEEE;
        z-index: 99;
    }

    .supportInfo {
        width: 650px;
        float: left;
        /*bottom: 10px;*/
        position: fixed;
        left: 20px;
        color: #003580;
    }

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

    /* SANJIN
        .loginDivContainer {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        height: auto;
        background-image: url('/App_Themes/Theme/PaySquare/Images/loginBackground.png');
        background-repeat: no-repeat;
        height: 87%;
    }*/

    .loginDivTitle {
        position: relative;
        top: 130px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .headerDivBorders {
        border-left: 2px solid #33CC00;
    }

    .loginInnerHeaderDiv {
        height: 100%;
        width: 90px;
        float: right;
        position: relative;
    }

    .loginInnerHeaderDivLogo {
        height: 100%;
        width: 44px;
        float: right;
        position: relative;
    }

    .logoStyle {
        width: 76px;
        height: 76px;
    }

    .imgLoginHeaderDiv {
        height: 32px;
        width: 32px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .loginMiddleDivContainer {
        padding-top: 170px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .divRoller {
        border-right: 2px solid #268338;
        padding-right: 85px;
        position: relative;
        float: left;
        margin: 10px 0px 10px 10px;
    }

    .divLoginInfo {
        top: 30px;
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 85px;
    }

    .divRecoverPassword {
        position: relative;
        float: left;
        margin: 10px 10px 10px 0px;
        padding-left: 85px;
        width: 400px;
    }

    .rollerCell {
        height: 50px;
        border: 2px solid #33CC00;
        background-color: #fff;
    }

    .textBoxProperties {
        width: 95%;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
    }

    .loginButton {
        width: 100%;
        height: 100%;
        border: none;
    }

    .loginTextBox {
        color: #ccc;
    }

    .buttonStyle {
        font-family: Tahoma;
        font-size: 13px;
        background-color: #003580;
        color: #fff;
        text-align: left;
        border: none;
    }

    .closeButtonStyle {
        font-family: Tahoma;
        font-size: 13px;
        background-color: #003580;
        color: #fff;
        text-align: center;
        border: none;
        width: 115px;
        height: 30px;
    }

    .labelStyle {
        font-family: Arial;
        font-size: 13px;
    }

    .footerText {
        font-family: Arial;
        font-size: 11px;
        color: #000;
        text-decoration: none;
    }

    .helpPopup {
        border: 2px solid #003580;
        width: 150px;
        padding: 10px;
        float: left;
        background-color: #fff;
        box-shadow: 7px 7px 30px #000;
    }

    .helpPopupContainer {
        display: none;
        position: absolute;
        width: 210px;
    }

    .helpPopupContainerArrowUpDown {
        display: none;
        position: absolute;
        width: 220px;
    }

    /* SANJIN
        .divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 40px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 150px;
    }

    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 20px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 200px;
    }*/

    .linkButtonNoDecorations {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        color: #000;
    }

    .divRecoveryButtons {
        right: 300px;
        position: fixed;
    }

    .slogan {
        color: #317D2B;
        font-family: 'Limehouse Script';
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 0.3em;
        font-weight: normal;
        border: 0 none;
        text-align: right;
    }

    .errorMessages {
        font-family: Arial;
        font-size: 13px;
        color: #FF6600;
    }

    .recoveryPageRowPadding {
        padding-bottom: 10px;
        vertical-align: middle;
    }


    .textBoxMaxWidthAndHeight {
        width: 100%;
        height: 100%;
    }

    /********************CONTROLS STYLES********************/

    /* wizard setting (certification start) */
    .wizardLayoutStyle {
        background-color: #EFF3FB;
        border-color: #B5C7DE;
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        height: 300px;
        width: 600px;
    }

    .wizardStepStyle {
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        font-size: 11px;
        color: #333333;
        height: 300px;
        width: 600px;
    }

    .WizardAlternateRow {
        background-color: #b0be2d;
        font-weight: 200;
        color: White;
    }

    table.table2 {
        width: 100%;
    }

    td.table2 {
        padding: 30px 30px 30px 30px;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .accordionHeader {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight: bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionContent {
        background-color: White;
        font: Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionCompensatingHeader {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }

    .accordionCompensatingContent {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }

    /*Popups*/
    .modalPopupHeader {
        background-color: #003580;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }
    /* Grid Elements */

    .gridFooterStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }

    .gridHeaderStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
    }
    .gridSearchPagerStyle {
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
    }

    .gridPagerStyle {
        background-color: #0896FF;
        color: #003580;
        font-family: Arial;
        font-size: 12px;
    }


        .gridPagerStyle a {
            color: #FFFFFF;
        }

    .gridRowStyle {
        background-color: White;
        color: Black;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridSelectedRowStyle {
        background-color: #C5BBAF;
        color: #333333;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .gridEditRowStyle {
        background-color: #7C6F57;
        font-family: Arial;
        font-size: 12px;
    }

    .gridAlternativeRowStyle {
        background-color: #e6e6e6;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridButton {
        font-size: 11px;
    }

    .gridDropDownList {
        font-size: 11px;
    }


    /* added from PaySquare webSite */
    .td-menu {
        background-color: #eee9e9;
        height: 12px;
        padding: 0px;
    }

    /* SANJIN
        .top {
        position: absolute;
        background: url(/App_Themes/Theme/PaySquare/Images/bg_top.gif) repeat-x;
        width: 98%;
        height: 78px;
        top: 18px;
        left: 13px;
    }

    .bgLine {
        background: url(/App_Themes/Theme/PaySquare/Images/bg_line.gif) repeat-x;
        width: 100%;
    }*/

    .top .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .top .title {
        position: absolute;
        top: 13px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        font-family: Arial;
    }

    .top .subtitle {
        position: absolute;
        top: 43px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
    }

    .menuPadding {
        padding-left: -10px;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .column1 {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .column2 {
        width: 45%;
        text-align: center;
        font-weight: bold;
    }

    .column3 {
        width: 30%;
        text-align: center;
        font-weight: bold;
    }

    .column4 {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }

    /*  Standard  */
    .normal {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .normalText14bold {
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
    }

    .normalText14px {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-align: justify;
    }

    .normalText8 {
        font-family: Arial;
        font-size: 8px;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }

    .normalText14ReadOnly {
        font-family: Arial;
        font-size: 14px;
        background-color: #D8D8D8;
    }

    .wizardWhiteText {
        font-family: Arial;
        font-size: 12px;
        color: White;
    }

    .heading1 {
    }

    .heading2 {
    }

    .heading6 {
    }
    /*  Page elements */
    .title {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    .subTitle {
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }


    .menuText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusTextCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Black;
    }

    .statusTextNotCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Red;
    }

    .statusTextWaitingValidation {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Orange;
    }

    .statusLabelText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .buttonText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #DC001B;
        color: White;
    }

    .submitButtonStyle {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #B1C72D;
        color: #FFFFFF;
        height: 25px;
        width: 90px;
    }

    .errorText {
    }

    .warningText {
    }

    .infoText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }
    /* Questionnaire */
    .gridTextNormalCentered {
        font-family: Arial;
        font-size: 14px;
        text-align: center;
    }

    .gridHeadingText {
    }


    /* Questionnaire */
    .questionText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
    }

    .questionnaireRequirementHeadingText {
        background-color: #003580;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
        color: White;
    }

    .questionnaireRequirementTitleText {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: Black;
    }

    .questionnaireAOCTitleText {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    /* Compensating control*/

    .ccHeading {
        font-family: Arial;
        font-size: 14px;
        color: White;
        background-color: #b0be2d;
    }



    .searchFieldStyle {
        background-color: #FEBA02;
        text-align: left;
        margin: 15px 0px 15px 0px;
        border: 1px solid black;
    }

    /* PaySquare TAB theme  */


    /* xp theme */


    .CustomTabStyle .ajax__tab_header {
        font-family: Arial, Verdana, tahoma, helvetica;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 0px solid #ddd;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }
    /*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
    .CustomTabStyle .ajax__tab_tab {
        font: 10px Arial;
        font-weight: bold;
        display: block;
        float: left;
        padding: .6em .6em;
        color: #003580;
        background-color: #ededed;
        border: 1px solid #ddd;
        margin-bottom: -4px;
        margin-right: -1px;
        cursor: pointer;
    }

    .CustomTabStyle span:hover .ajax__tab_tab {
        color: #FF6600;
    }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {
        border-bottom-color: white;
        background-color: White;
        color: #003580;
        cursor: pointer;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        height: 22px;
    }
    /*
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
    .CustomTabStyle .ajax__tab_body {
        font-family: Arial,verdana,tahoma,helvetica;
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #ffffff;
    }




    /* ING TAB theme  END*/


    /* accordion styles */

    .accordionContent {
        /* 	width: 900px; 	font-family: Arial;  	font-size: 12px; 	border: 0px; */
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeader {
        /*width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #0085cf;*/
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeaderSelected {
        /* 	width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #00829B; */
        width: 97%;
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .divContainerBorders {
        border: 1px solid;
        border-color: #DC001B;
        padding: 20px;
    }

    .divBottomBorders {
        border-bottom: 1px solid;
        width: 370px;
        border-bottom-color: #b0be2d;
    }

    .divTopBorders {
        border-top: 1px solid;
        width: 370px;
        border-top-color: #b0be2d;
    }

    .languageChoice {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceTrue {
        color: #006d53;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceFalse {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .normalText10px {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: justify;
    }

    .loginControlUsernamePassword {
        background-color: #f9f9f9;
        font: bold 12px arial;
        color: #000000;
        text-align: right;
    }

    .disclaimerText {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        color: #aba195;
    }

    .copyRightText {
        color: #000;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
    }

    .acqIconsText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #05A4E0;
    }

    .hyperLinkText {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    .buttonStrip {
        background-color: #ECECEC;
        padding-left: 7px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .FAQGroupTitle {
        background-color: #fff;
        padding: 3px;
        margin-top: 30px;
        font: bold 16px Arial;
        color: #003580;
    }

    /*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

    .menuNavigatorClass {
        position: relative;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        width: 275px;
        overflow: auto;
    }

        .menuNavigatorClass a {
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
        }


    .menuParent {
        background-color: #003580;
        height: 25px;
        width: 270px;
        margin-top: 2px;
        padding-left: 5px;
        color: White;
    }

    .menuParentLevel1 {
        background-color: #0896FF;
        height: 25px;
        width: 270px;
        margin-top: 2px;
        display: none;
        padding-left: 5px;
        color: White;
    }

        .menuParentLevel1 a {
            color: #fff;
        }

    .menuParentLevel2 {
        display: none;
    }

    .menuParentLevel2Item {
        background-color: #80D9FF;
        height: 25px;
        width: 270px;
        margin-top: 2px;
        padding-left: 5px;
        display: block;
        padding-left: 5px;
        color: Red;
    }

        .menuParentLevel2Item a {
            color: #003580;
        }

    .spanLevel1 {
        padding-left: 0px;
        position: relative;
        top: 4px;
    }

    .spanLevel2 {
        padding-left: 30px;
        position: relative;
        top: 2px;
        left: -4px;
    }

    .menuParentLevelContainer {
        display: none;
    }


    .spanLevel0 {
        padding-left: 0px;
        position: relative;
        top: 2px;
    }

    .spanLevel0_1 {
        position: relative;
        top: 4px;
        padding-left: 15px;
    }

    .spanLevel1_1 {
        position: relative;
        top: 4px;
        padding-left: 20px;
    }

    .spanLevel2_1 {
        position: relative;
        top: 4px;
        padding-left: 35px;
    }

    .menuNavigatorClass div img {
        position: relative;
        top: 2px;
    }

    .menuNavigatorClass div.menuParent:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 270px;
        color: #003580;
    }

    .menuNavigatorClass div.menuParentLevel1:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 270px;
    }

    .menuNavigatorClass div.menuParentLevel2Item:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 270px;
    }


    .noChild {
        position: relative;
        left: 9px;
    }

    .tdStyle {
        width: 10px;
        text-align: left;
    }

    .tableStyle {
        padding-left: 15px;
    }

    .selected3 {
        background-color: #FEBA02;
    }

    .selected2 {
        background-color: #FEBA02;
        color: #003580;
    }

    .selected1 {
        background-color: #FEBA02;
        color: #003580;
    }

    /*************************************************************/
    .tableStyle {
        /*border: 1px solid #E6E6E6;*/
        padding-left: 0px;
    }

    .tableCellStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        border-bottom: 1px solid #E6E6E6;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .centerContent {
        text-align: center;
    }

    .tableCellHeaderStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        background-color: #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        color: #000000;
        font-weight: Bold;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .scrollPanelNavigationApprovalDetails {
        height: 480px;
        border: 1px solid #e5e5e5;
    }

    .hightSAQApprovalsMerchantDetails {
        height: 100px;
        line-height: normal;
    }

    /**************************************************************************************************/
    /**************************************************************************************************/
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/


}

@media screen and (min-width: 1920px) {
    #cphFirst_tabbedQuestionControl_tabContainer_tabResults_tabContainerStatusReason_body {
            height: 425px;
        }
    #cphFirst_tabbedQuestionControl_tabContainer_body {
            height: 610px;
        }
    .companyProfileContainer {
        height: 300px;
    }

    .companyProfileTabContainer {
        height: 250px;
    }

    .emptyDiv {
        height: 50px;
    }
    /************************Upload Wizard Buttons*************/
    .labelContainer {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 42px;
    }
    /*************************Login DIV************************/
    .loginDivPopUpContainer {
        width: 500px;
        height: 400px;
        border: 2px solid #003580;
        background-color: rgba(238,238,238, .75);
        box-shadow: 7px 7px 30px #000;
        z-index: 99;
        display: none;
        position: fixed;
    }

    .loginDivTabTabsContainer {
        margin: 10px;
        position: relative;
    }

    .loginDivTab {
        border: 1px solid #003580;
        width: 200px;
        float: left;
        padding: 5px;
        position: relative;
        background-color: gray;
        z-index: 99;
    }

    .loginDivTabBodyContainer {
        margin: 10px;
        margin-top: 9px;
        position: relative;
    }

    .loginDivTabBody {
        border-top: 1px solid #003580;
        padding-left: 10px;
        padding-top: 20px;
    }

    .loginPageTextBoxes {
        width: 300px;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
        border:none;
        border-radius:4px;
    }

    /**********************************************************/


    .middleCardContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 860px;
    }

    .middleCardContainerAdmin {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 1100px;
    }

    .middleStatContainer {
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 1080px;
    }

    .divTotalWidth {
        width: 800px;
    }

    .tableStat {
        margin-left: 5px;
    }
    /*********************************** LOGIN AND RECOVERY PAGE IMAGES *******************************/
    .buttonLabelForward {
        display: inline-block;
        margin-top: 18%;
    }

    .buttonLabelPrevious {
        display: inline-block;
        margin-top: 13%;
    }

    .buttonLabelContainerPrevious {
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        height: 100%;
        position: relative;
        line-height: 42px;
    }

    .buttonLabelContainerForward {
        padding-left: 5px;
        padding-right: 15px;
        float: left;
        height: 100%;
        width: auto;
        position: relative;
        line-height: 42px;
    }

    .imgHelp {
        max-width: 42px;
        max-height: 42px;
        width: auto;
        height: auto;
    }

    .psqLogo {
        width: 148px;
        height: 148px;
    }

    .brandImages {
        max-height: 60px;
        max-width: 60px;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .brandImagesContainer {
        width: 65px;
        height: 65px;
        line-height: 64px;
        border: 2px solid #33CC00;
        background-color: #fff;
        text-align: center;
        position: relative;
    }

    .horizontalRollerImgContainer {
        width: 308px;
        height: 150px;
    }

    .horizontalRollerImg {
        max-height: 150px;
        max-width: 308px;
        width: auto;
        height: auto;
    }

    .bottomRollerImgContainer {
        width: 148px;
        height: 148px;
    }

    .bottomRollerImg {
        max-height: 148px;
        max-width: 148px;
        width: auto;
        height: auto;
    }

    .leftContainer {
        height: 504px;
    }

    .middleContainer {
        height: 392px;
    }

    .rightContainer {
        height: 280px;
    }

    .rightContainerRecovery {
        height: 392px;
    }

    .titleContainer {
        height: 112px;
    }

    .helpImg {
        width: 35px;
        height: 35px;
    }

    .errorStar {
        font-family: Arial;
        font-size: 20px;
        color: red;
    }

    .rowPaddingLoginControls {
        padding-bottom: 16px;
    }

    .loginTableTopPadding {
        padding-top: 22px;
    }

    .shortenTextBox {
        width: 300px;
    }

    .linkButton {
        text-decoration: none;
    }

    .buttonForward {
        height: 42px;
        background-color: #0896FF;
        color: #fff;
    }

    .buttonForwardAndBackDefaultWidth {
        width: 186px;
    }
    /*************************************************************************************************/


    /*************************************************************************************************/


    /*********************************** LABEL, A CONTROLS *******************************/
    span, a, label {
        font-size: 15px;
        font-family: Arial;
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input:not([type]), input[type="checkbox"] {
        width: 18px;
        height: 18px;
        /*margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        position: absolute;*/
    }

    /*************************************************************************************************/

    /*********************************** CHECKBOX CONTROLS *******************************/
    input[type=submit][disabled=disabled], button[disabled=disabled] {
        background-color: #AAAAAA;
        /*border: none;*/
        font-size: 15px;
        font-family: Tahoma;
    }
    input[id^="btnDelete"] {
        background-color: #FF6600;
    }

        input[id^="btnDelete"]:hover {
            -moz-box-shadow: 0 0 8px #FFED00;
            -webkit-box-shadow: 0 0 8px #FFED00;
            box-shadow: 0 0 8px #FFED00;
            cursor: pointer;
            background-color: #FF0000;
            color: #fff;
        }

    input:not([type]), input[type="submit"], input[type=button] {
        background-color: #0896FF;
        /*border: none;*/
        font-size: 15px;
        font-family: Tahoma;
    }


    submit #long {
    }

    /*******************************************************************************/
    /*************************MASTER PAGE*******************************************/
    /*******************************************************************************/

    .statusImages {
        max-width: 35px;
        max-height: 35px;
        width: auto;
        height: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }

    /*************************************************************************************************/

    /****************Merchant welcome Page ************************/

    .lastLogin {
        position: fixed;
        left: 20px;
        bottom: 85px;
    }

    .progressBarTopContainer {
        height: 77px;
    }

    .mainCardsContainer {
        height: 260px;
    }

    .textOnWelcomePageCards {
        color: #fff;
        font: bold 19px Tahoma;
    }

    .imgOnWelcomePageCards {
        max-width: 120px;
        max-height: 120px;
        width: auto;
        height: auto;
        cursor: pointer;
    }

    .mainCards {
        height: 260px;
        width: 260px;
        margin-left: 14px;
    }

    .introTextContainer {
        height: 224px;
    }

    .contentPlaceHolder {
        height: 850px;
    }



    .arrow_box_one_after {
        position: relative;
        background: #FF6600;
    }

        .arrow_box_one_after:after, .arrow_box_one_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_one_after:after {
            border-left-color: #FF6600;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerOrange {
        width: 184px;
        background-color: #ff6600;
        color: #000;
        line-height: normal;
    }
    /***************************************************************/
    /***********************AFTER DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_after {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_after:after, .arrow_box_gray_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_after:after {
            border-left-color: #e5e5e5;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGray {
        width: 184px;
        background-color: #e5e5e5;
        color: #aaa;
        line-height: normal;
    }
    /*************************MEDIUM GREEN*********************************/
    .arrow_box_mediumGreen_after {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_after:after, .arrow_box_mediumGreen_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_mediumGreen_after:after {
            border-left-color: #80D9FF;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerMediumGreen {
        width: 184px;
        background-color: #80D9FF;
        color: #000;
        line-height: normal;
    }

    /*************************GREEN*********************************/
    .arrow_box_green_after {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_after:after, .arrow_box_green_after:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0px;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_green_after:after {
            border-left-color: #003580;
            border-top-width: 38px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }

    .progressBarContainerGreen {
        width: 184px;
        background-color: #003580;
        color: #aaa;
        line-height: normal;
    }



    /***************************************************************/
    /***********************BEFORE DIV*******************************/
    /***************************************************************/

    /***************************GRAY********************************/
    .arrow_box_gray_before {
        position: relative;
        background: #e5e5e5;
    }

        .arrow_box_gray_before:after, .arrow_box_gray_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box_gray_before:after {
            border-top-color: #e5e5e5;
            border-bottom-color: #e5e5e5;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************MEDIUM GREEN********************************/
    .arrow_box_mediumGreen_before {
        position: relative;
        background: #80D9FF;
    }

        .arrow_box_mediumGreen_before:after, .arrow_box_mediumGreen_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_mediumGreen_before:after {
            border-top-color: #80D9FF;
            border-bottom-color: #80D9FF;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /***************************GREEN********************************/
    .arrow_box_green_before {
        position: relative;
        background: #003580;
    }

        .arrow_box_green_before:after, .arrow_box_green_before:before {
            right: 100%;
            border-left: solid transparent;
            border-right: transparent;
            border-top: solid;
            border-bottom: solid;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }


        .arrow_box_green_before:after {
            border-top-color: #003580;
            border-bottom-color: #003580;
            border-top-width: 39px;
            border-bottom-width: 38px;
            border-left-width: 10px;
            border-right-width: 10px;
            /*top: 50%;
            margin-top: -30px;*/
        }


    /**************************************************************/

    /**************************************************************/
    /**********************POPUP MESSAGES**************************/
    /**************************************************************/
    .popupContainer {
        width: 1920px;
        height: 300px;
        background-color: #003580;
        color: #fff;
        position: relative;
    }

    .popupMessageContainer {
        width: 700px;
        height: 300px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupButtonStyle {
        border: 2px solid #fff;
        width: 210px;
        height: 42px;
        margin-right: 20px;
    }

    .popupButtonContainer {
        position: absolute;
        bottom: 15px;
        right: 0;
        bottom: 10px;
    }



    /**************************************************************/
    /**********************PROGRESS ON SAQ*************************/
    /**************************************************************/

    .requirementTitle {
        margin-top: 15px;
        margin-bottom: 10px;
        width: 185px;
    }

    .progressContainer {
        float: left;
        width: 175px;
        border: 1px solid #b0be2d;
        height: 15px;
        background-color: #e5e5e5;
        position: relative;
    }

    .progressMovement {
        width: 0px;
        background-color: #b0be2d;
        height: 100%;
        position: absolute;
    }

    .totalProgressMovement {
        width: 0px;
        background-color: #003580;
        height: 100%;
        position: absolute;
    }

    .questionsContainer {
        float: left;
        margin-left: 5px;
        font-size: 12px;
    }

    .questionnaireTabContainer {
        height: 600px;
    }

    /**************************************************************/

    /**************************************************************/

    /**************************************************************/
    /**********************SAQ Questions**************************/
    /**************************************************************/
    .scrollPaneInResults {
        height: 400px;
    }
    .tabContainerWidth {
        width: 1370px;
    }

    .questionWidth {
        width: 100%;
    }

    .faqContainer {
        height: 630px;
    }

    .faqScrollPane {
        height: 510px;
    }

    .scrollPane {
        height: 680px;
    }

    .scrollPaneAOC {
        height: 710px;
        border: 1px solid #e5e5e5;
    }

    .containerForAOC {
        height: 710px;
    }

    .ccMainLayout {
        font-family: Arial;
        font-size: 14px;
        width: 100%;
        padding-left: 5px;
    }

    .containerForTabContainer {
        height: 685px;
        line-height: normal;
    }

    .modalTextScrollPane {
        height: 200px;
    }

    /**************************************************************/

    /**************************************************************/
    /**********************My Documents**************************/
    /**************************************************************/

    .documentsTabContainer {
        height: 630px;
    }

    .documentTabBodyContainer {
        height: 550px;
        width: 100%;
    }

    /*************************************************************/


    /**************************************************************/
    /**********************GRID**************************/
    /**************************************************************/

    .gridButtonStyle {

        background-color: #0896FF;

        width: 116px;
        height: 42px;
        border: none;
        text-align: center;
        font-weight: normal;
        color: #003580;
    }

        .gridButtonStyle:hover {

            background-color: #003580;

            -moz-box-shadow: 0 0 8px #888;
            -webkit-box-shadow: 0 0 8px #888;
            box-shadow: 0 0 8px #888;
            cursor: pointer;
            color: #fff;
        }

    .loginButton:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
    }

    .buttonStyle:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }

    .buttonForward:hover {
        -moz-box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        box-shadow: 0 0 8px #888;
        cursor: pointer;
        background-color: #003580;
    }

    .popupButtonStyle:hover {
        -moz-box-shadow: 0 0 8px #fff;
        -webkit-box-shadow: 0 0 8px #fff;
        box-shadow: 0 0 8px #fff;
        cursor: pointer;
        background-color: #003580;
        color: #fff;
    }
    /*************************************************************/

    /**************************************************************/
    /**********************Wizard**************************/
    /**************************************************************/

    .answerTextContainer {
        width: 25%;
        float: left;
        padding-left: 2%;
        position: relative;
    }

    .answerAnswerContainer {
        width: 73%;
        float: left;
        position: relative;
    }

    answerRadioContainer {
        width: 100%;
        height: 40px;
    }

    .borderPanel {
        width: 100%;
        height: 3px;
        background-color: #003580;
        position: relative;
    }
    /*************************************************************/
    .radioButtonStyle {
        font-family: Tahoma;
        font-size: 15px;
    }

    .titlesBold {
        font-weight: bold;
        font-family: Arial;
        font-size: 17px;
    }



    .dviTooLowResolutions {
        visibility: hidden;
    }

    .masterHeader {
        height: 45px;
        width: 100%;
        left: 0;
        top: 0;
        position: fixed;
        background: #003580;
        z-index: 99;
    }

    .masterFooter {
        height: 65px;
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #EEEEEE;
        z-index: 99;
    }

    .supportInfo {
        width: 650px;
        float: left;
        /*bottom: 10px;*/
        position: fixed;
        left: 20px;
        color: #003580;
    }

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

    /* SANJIN
        .loginDivContainer {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        height: auto;
        background-image: url('/App_Themes/Theme/PaySquare/Images/loginBackground.png');
        background-repeat: no-repeat;
        height: 90%;
    }*/

    .loginDivTitle {
        position: relative;
        top: 170px;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .headerDivBorders {
        border-left: 2px solid #33CC00;
    }

    .loginInnerHeaderDiv {
        height: 100%;
        width: 85px;
        float: right;
        position: relative;
    }

    .loginInnerHeaderDivLogo {
        height: 100%;
        width: 44px;
        float: right;
        position: relative;
    }

    .logoStyle {
        width: 76px;
        height: 76px;
    }

    .imgLoginHeaderDiv {
        height: 32px;
        width: 32px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .loginMiddleDivContainer {
        padding-top: 190px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .divRoller {
        border-right: 2px solid #268338;
        padding-right: 100px;
        position: relative;
        float: left;
        margin: 20px 0px 20px 20px;
    }

    .divLoginInfo {
        top: 30px;
        position: relative;
        float: left;
        margin: 20px 20px 20px 0px;
        padding-left: 100px;
    }

    .divRecoverPassword {
        position: relative;
        float: left;
        margin: 20px 20px 20px 0px;
        padding-left: 100px;
        width: 450px;
    }

    .rollerCell {
        height: 50px;
        border: 2px solid #33CC00;
        background-color: #fff;
    }

    .textBoxProperties {
        width: 98%;
        height: 30px;
        font-size: 15px;
        font-family: Tahoma;
        padding-left: 5px;
    }

    .loginButton {
        width: 100%;
        height: 100%;
        border: none;
    }

    .loginTextBox {
        color: #ccc;
    }

    .buttonStyle {
        font-family: Tahoma;
        font-size: 13px;
        background-color: #003580;
        color: #fff;
        text-align: left;
        border: none;
    }

    .closeButtonStyle {
        font-family: Tahoma;
        font-size: 13px;
        background-color: #003580;
        color: #fff;
        text-align: center;
        border: none;
        width: 115px;
        height: 30px;
    }

    .labelStyle {
        font-family: Arial;
        font-size: 13px;
    }

    .footerText {
        font-family: Arial;
        font-size: 11px;
        color: #000;
        text-decoration: none;
    }

    .helpPopup {
        border: 2px solid #003580;
        width: 150px;
        padding: 10px;
        float: left;
        background-color: #fff;
        box-shadow: 7px 7px 30px #000;
    }

    .helpPopupContainer {
        display: none;
        position: absolute;
        width: 190px;
    }

    .helpPopupContainerArrowUpDown {
        display: none;
        position: absolute;
        width: 220px;
    }

    /* SANJIN
        
        .divHelpArrowLeft {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowLeft.png") no-repeat 0 0px;
        width: 13px;
        height: 20px;
        position: relative;
        top: 40px;
        right: -2px;
        float: left;
    }

    .divHelpArrowDown {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowDown.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        top: -2px;
        left: 150px;
    }

    .divHelpArrowUpMaster {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUpMaster.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 20px;
    }

    .divHelpArrowUp {
        background: url("/App_Themes/Theme/PaySquare/Images/arrowUp.png") no-repeat 0 0px;
        width: 18px;
        height: 15px;
        position: relative;
        bottom: -4px;
        left: 200px;
    }*/

    .linkButtonNoDecorations {
        text-decoration: none;
        font-family: Arial;
        font-size: 13px;
        color: #000;
    }

    .divRecoveryButtons {
        right: 400px;
        position: fixed;
    }


    /*+++++++++++++++++++++++++++++ CSS for menu +++++++++++++++++++++++*/

    .menuNavigatorClass {
        position: relative;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        width: 275px;
        overflow: auto;
    }

        .menuNavigatorClass a {
            font-style: normal;
            font-variant: normal;
            text-decoration: none;
        }


    .menuParent {
        background-color: #003580;
        height: 25px;
        width: 270px;
        margin-top: 2px;
        padding-left: 5px;
        color: White;
    }

    .menuParentLevel1 {
        background-color: #0896FF;
        height: 25px;
        width: 270px;
        margin-top: 2px;
        display: none;
        padding-left: 5px;
        color: White;
    }

        .menuParentLevel1 a {
            color: #fff;
        }

    .menuParentLevel2 {
        display: none;
    }

    .menuParentLevel2Item {
        background-color: #80D9FF;
        height: 25px;
        width: 270px;
        margin-top: 2px;
        padding-left: 5px;
        display: block;
        padding-left: 5px;
        color: Red;
    }

        .menuParentLevel2Item a {
            color: #003580;
        }

    .spanLevel1 {
        padding-left: 0px;
        position: relative;
        top: 4px;
    }

    .spanLevel2 {
        padding-left: 30px;
        position: relative;
        top: 2px;
        left: -4px;
    }

    .menuParentLevelContainer {
        display: none;
    }


    .spanLevel0 {
        padding-left: 0px;
        position: relative;
        top: 2px;
    }

    .spanLevel0_1 {
        position: relative;
        top: 4px;
        padding-left: 15px;
    }

    .spanLevel1_1 {
        position: relative;
        top: 4px;
        padding-left: 20px;
    }

    .spanLevel2_1 {
        position: relative;
        top: 4px;
        padding-left: 35px;
    }

    .menuNavigatorClass div img {
        position: relative;
        top: 2px;
    }

    .menuNavigatorClass div.menuParent:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 270px;
        color: #003580;
    }

    .menuNavigatorClass div.menuParentLevel1:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 270px;
    }

    .menuNavigatorClass div.menuParentLevel2Item:hover {
        cursor: pointer;
        background-color: #FEBA02;
        width: 270px;
    }


    .noChild {
        position: relative;
        left: 9px;
    }

    .tdStyle {
        width: 10px;
        text-align: left;
    }

    .tableStyle {
        padding-left: 15px;
    }

    .selected3 {
        background-color: #FEBA02;
    }

    .selected2 {
        background-color: #FEBA02;
        color: #003580;
    }

    .selected1 {
        background-color: #FEBA02;
        color: #003580;
    }

    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


    .CustomTabStyle .ajax__tab_header {
        font-family: Arial, Verdana, tahoma, helvetica;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 0px solid #ddd;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }
    /*.CustomTabStyleBooking .ajax__tab_tab 
{
    font-family:Arial, Verdana, tahoma, helvetica;
    font-size:12px;
    height:20px;
    padding:6px 3px 0px 3px;
    font-weight:bold;
    background-color: #ededed;
    color:#0896ff;
    
   /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;
}
*/
    .CustomTabStyle .ajax__tab_tab {
        font: 10px Arial;
        font-weight: bold;
        display: block;
        float: left;
        padding: .6em .6em;
        color: #003580;
        background-color: #ededed;
        border: 1px solid #ddd;
        margin-bottom: -4px;
        margin-right: -1px;
        cursor: pointer;
    }

    .CustomTabStyle span:hover .ajax__tab_tab {
        color: #FF6600;
    }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {
        border-bottom-color: white;
        background-color: White;
        color: #003580;
        cursor: pointer;
        /* background:url(/App_Themes/Theme/Common/Images/tab-line.gif) repeat-x bottom;*/
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        height: 21px;
    }
    /*
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(/App_Themes/Theme/Common/Images/tab-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(/App_Themes/Theme/Common/Images/tab.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_hover .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-hover.gif) repeat-x;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_outer 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-right.gif) no-repeat right;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_inner 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active-left.gif) no-repeat;
}
.CustomTabStyleBooking .ajax__tab_active .ajax__tab_tab 
{
    background:url(/App_Themes/Theme/Common/Images/tab-active.gif) repeat-x;
}*/
    .CustomTabStyle .ajax__tab_body {
        font-family: Arial,verdana,tahoma,helvetica;
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #ffffff;
    }


    /*****************************new by sanjin *************************************/
    .tableStyle {
        /*border: 1px solid #E6E6E6;*/
        padding-left: 0px;
    }

    .tableCellStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        border-bottom: 1px solid #E6E6E6;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .centerContent {
        text-align: center;
    }

    .tableCellHeaderStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        background-color: #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        color: #000000;
        font-weight: Bold;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .scrollPanelNavigationApprovalDetails {
        height: 480px;
        border: 1px solid #e5e5e5;
    }

    .hightSAQApprovalsMerchantDetails {
        height: 100px;
        line-height: normal;
    }

    .pageIntroText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }

    /*************OLD CSS*********/
    /* PaySquare */
    table.table1 {
        border: 1px solid Black;
        margin-bottom: 15px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: Black;
        border-right-color: Black;
        border-bottom-color: Black;
        border-left-color: Black;
        background-color: White;
        margin-bottom: 15px;
        font-family: Arial;
        font-size: 14px;
        font-weight: 300;
        width: 97%;
    }

    tr.table1 {
        margin: 0px 0px 0px 0px;
        text-align: left;
        color: Black;
        font-size: 11pt;
        font-weight: 100;
        font-family: Arial Black;
        background-color: Black;
    }

    .tableHeader {
        background-color: #003580;
        font-weight: bolder;
        color: White;
    }

    /* wizard setting (certification start) */
    .wizardLayoutStyle {
        background-color: #EFF3FB;
        border-color: #B5C7DE;
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        height: 300px;
        width: 600px;
    }

    .wizardStepStyle {
        border-width: 1px;
        font-family: Arial;
        font-size: 11px;
        font-size: 11px;
        color: #333333;
        height: 300px;
        width: 600px;
    }

    .WizardAlternateRow {
        background-color: #b0be2d;
        font-weight: 200;
        color: White;
    }

    table.table2 {
        width: 100%;
    }

    td.table2 {
        padding: 30px 30px 30px 30px;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .accordionHeader {
        color: White;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        font-weight: bolder;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionContent {
        background-color: White;
        font: Arial;
        font-size: 12px;
        border: 1px gray;
        padding: 4px;
        padding-top: 7px;
        width: 97%;
        border: solid 1px Black;
    }

    .accordionCompensatingHeader {
        color: white;
        background-color: #00829B;
        font: Arial;
        font-size: 15px;
        cursor: pointer;
        padding: 4px;
        margin-top: 3px;
        width: 75%;
        border: solid 1px Black;
    }

    .accordionCompensatingContent {
        background-color: White;
        font: Arial;
        font-size: 15px;
        padding: 4px;
        padding-top: 7px;
        width: 75%;
        border: solid 1px Black;
    }

    /*Popups*/
    .modalPopupHeader {
        background-color: #003580;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }
    /* Grid Elements */

    .gridFooterStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        text-align: center;
        font-family: Arial;
        font-size: 12px;
    }

    .gridHeaderStyle {
        background-color: #0896FF;
        color: White;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
    }

    .gridSearchPagerStyle {
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
    }

    .gridPagerStyle {
        background-color: #0896FF;
        color: #003580;
        font-family: Arial;
        font-size: 12px;
    }


        .gridPagerStyle a {
            color: #FFFFFF;
        }

    .gridRowStyle {
        background-color: White;
        color: Black;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridSelectedRowStyle {
        background-color: #C5BBAF;
        color: #333333;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .gridEditRowStyle {
        background-color: #7C6F57;
        font-family: Arial;
        font-size: 12px;
    }

    .gridAlternativeRowStyle {
        background-color: #e6e6e6;
        font-family: Arial;
        font-size: 12px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .gridButton {
        font-size: 11px;
    }

    .gridDropDownList {
        font-size: 11px;
    }


    /* added from PaySquare webSite */
    .td-menu {
        background-color: #eee9e9;
        height: 12px;
        padding: 0px;
    }

    /* SANJIN
        .top {
        position: absolute;
        background: url(/App_Themes/Theme/PaySquare/Images/bg_top.gif) repeat-x;
        width: 98%;
        height: 78px;
        top: 18px;
        left: 13px;
    }

    .bgLine {
        background: url(/App_Themes/Theme/PaySquare/Images/bg_line.gif) repeat-x;
        width: 100%;
    }*/

    .top .logo {
        position: absolute;
        top: 18px;
        left: 20px;
    }

    .top .title {
        position: absolute;
        top: 13px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        font-family: Arial;
    }

    .top .subtitle {
        position: absolute;
        top: 43px;
        left: 151px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial;
    }

    .menuPadding {
        padding-left: -10px;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .ajax__tab_xp .ajax__tab_header {
        white-space: normal;
    }

    .column1 {
        width: 10%;
        text-align: center;
        font-weight: bold;
    }

    .column2 {
        width: 45%;
        text-align: center;
        font-weight: bold;
    }

    .column3 {
        width: 30%;
        text-align: center;
        font-weight: bold;
    }

    .column4 {
        width: 15%;
        text-align: center;
        font-weight: bold;
    }

    /*  Standard  */
    .normal {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .normalText14bold {
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
    }

    .normalText14px {
        font-family: Arial;
        font-size: 15px;
        font-weight: normal;
        text-align: justify;
    }

    .normalText8 {
        font-family: Arial;
        font-size: 8px;
    }



    .normalText14ReadOnly {
        font-family: Arial;
        font-size: 14px;
        background-color: #D8D8D8;
    }

    .wizardWhiteText {
        font-family: Arial;
        font-size: 12px;
        color: White;
    }

    .heading1 {
    }

    .heading2 {
    }

    .heading6 {
    }
    /*  Page elements */
    .title {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    .subTitle {
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
    }


    .menuText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

    .statusTextCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Black;
    }

    .statusTextNotCompliant {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Red;
    }

    .statusTextWaitingValidation {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: Orange;
    }

    .statusLabelText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

    .buttonText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #DC001B;
        color: White;
    }

    .submitButtonStyle {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #B1C72D;
        color: #FFFFFF;
        height: 25px;
        width: 90px;
    }

    .errorText {
    }

    .warningText {
    }

    .infoText {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }
    /* Questionnaire */
    .gridTextNormalCentered {
        font-family: Arial;
        font-size: 14px;
        text-align: center;
    }

    .gridHeadingText {
    }


    /* Questionnaire */
    .questionText {
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
    }

    .questionnaireRequirementHeadingText {
        background-color: #003580;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
        color: White;
    }

    .questionnaireRequirementTitleText {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: Black;
    }

    .questionnaireAOCTitleText {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
    }

    /* Compensating control*/

    .ccHeading {
        font-family: Arial;
        font-size: 14px;
        color: White;
        background-color: #b0be2d;
    }



    .searchFieldStyle {
        background-color: #FEBA02;
        text-align: left;
        margin: 15px 0px 15px 0px;
        border: 1px solid black;
    }

    /* PaySquare TAB theme  */


    /* xp theme */






    /* ING TAB theme  END*/


    /* accordion styles */

    .accordionContent {
        /* 	width: 900px; 	font-family: Arial;  	font-size: 12px; 	border: 0px; */
        background-color: #D3DEEF;
        border-color: -moz-use-text-color #2F4F4F #2F4F4F;
        border-right: 1px dashed #2F4F4F;
        border-style: none dashed dashed;
        border-width: medium 1px 1px;
        padding: 10px 5px 5px;
    }

    .accordionHeader {
        /*width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #0085cf;*/
        background-color: #2E4D7B;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .accordionHeaderSelected {
        /* 	width: 900px; 	height: 20px; 	font-family: Arial;  	font-size: 12px; 	font-weight: bold;	 	color: #FFFFFF;	 	background-color: #00829B; */
        width: 97%;
        background-color: #5078B3;
        border: 1px solid #2F4F4F;
        color: white;
        cursor: pointer;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
        padding: 5px;
    }

    .divContainerBorders {
        border: 1px solid;
        border-color: #DC001B;
        padding: 20px;
    }

    .divBottomBorders {
        border-bottom: 1px solid;
        width: 370px;
        border-bottom-color: #b0be2d;
    }

    .divTopBorders {
        border-top: 1px solid;
        width: 370px;
        border-top-color: #b0be2d;
    }

    .languageChoice {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceTrue {
        color: #006d53;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .languageChoiceFalse {
        color: #ABA195;
        font-family: Arial;
        font-size: 10px;
        font-style: normal;
    }

    .normalText10px {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        text-align: justify;
    }

    .loginControlUsernamePassword {
        background-color: #f9f9f9;
        font: bold 12px arial;
        color: #000000;
        text-align: right;
    }

    .disclaimerText {
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        color: #aba195;
    }

    .copyRightText {
        color: #000;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
    }

    .acqIconsText {
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        color: #05A4E0;
    }

    .hyperLinkText {
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    .buttonStrip {
        background-color: #ECECEC;
        padding-left: 7px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .FAQGroupTitle {
        background-color: #fff;
        padding: 3px;
        margin-top: 30px;
        font: bold 16px Arial;
        color: #003580;
    }

    .pnlContainer {
        width: 800px;
        /*border: 1px solid red;*/
    }

    .tableStyle {
        /*border: 1px solid #E6E6E6;*/
        padding-left: 0px;
    }

    .tableCellStyle {
        font-family: Arial;
        font-size: 12px;
        /*border: 1px solid #E6E6E6;*/
        border-bottom: 1px solid #E6E6E6;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.masterHeaderDiv {
    height: 100%;
    float: left;
    position: relative;
    border-right: 2px solid #80D9FF;
}

.slogan {
    color: #317D2B;
    font-family: 'Limehouse Script';
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 0.3em;
    font-weight: normal;
    border: 0 none;
    text-align: right;
}

.errorMessages {
    font-family: Arial;
    font-size: 13px;
    color: #FF6600;
}

.recoveryPageRowPadding {
    padding-bottom: 10px;
    vertical-align: middle;
}

.textBoxMaxWidthAndHeight {
    width: 100%;
    height: 100%;
}

table.table1 {
    border: 1px solid Black;
    margin-bottom: 15px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: Black;
    border-right-color: Black;
    border-bottom-color: Black;
    border-left-color: Black;
    background-color: White;
    margin-bottom: 15px;
    font-family: Arial;
    font-size: 14px;
    font-weight: 300;
    width: 97%;
}

tr.table1 {
    margin: 0px 0px 0px 0px;
    text-align: left;
    color: Black;
    font-size: 11pt;
    font-weight: 100;
    font-family: Arial Black;
    background-color: Black;
}

.tableHeader {
    background-color: #003580;
    font-weight: bolder;
    color: White;
}

img {
    border: none;
}

.dummyClass {
}

.disabledButton {
    background-color: #e6e6e6;
}

.loggedInUsers {
    box-shadow: 0 1px 3px -1px;
    background-color: #80D9FF;
    border-radius: 3px;
    padding: 0 3px;
    margin-right: 5px;
    font-size: 11px;
    cursor: help;
}

.custom-menu {
    z-index: 1000;
    position: absolute;
    background-color: #ff6600;
    border: 1px solid black;
    padding: 2px 10px 2px 10px;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
}
table.borderBottom tr{
    border-bottom-color: black !important;
}
@media screen and (min-width: 4900px) {
    .containerForTabContainer {
        height: 720px;
        line-height: normal;
    }
    #cphFirst_tabbedQuestionControl_tabContainer_tabResults_tabContainerStatusReason_body {
    height: 400px;
}
}
@media screen and (min-width: 5120px) {
        .containerForTabContainer {
        height: 810px;
        line-height: 17px;
    }
        .scrollPaneInResults {
    height: 320px;
}
                #cphFirst_tabbedQuestionControl_tabContainer_tabResults_tabContainerStatusReason_body {
            height: 315px;
        }
        #cphFirst_tabbedQuestionControl_tabContainer_body {
            height: 610px;
        }
}