@charset "utf-8";

/* MAIN LAYOUT */
.header {
    background: url(../images/common/bg_header.png) repeat-x;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}

.logo {
    float: left;
    top: 10px;
    left: 10px;
}

/* CPK-6207 */
body * {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* CPK-6261 */
body table * {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
}

.inline {
    display: inline;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.hidden {
    display: none;
}

/* menu dropdown */
.newDropdown {
    float: left;
    width: 80px;
    height: 1px;
}

.newDropdownControl {
    background: url(../images/common/new_dropdown.png) no-repeat 0 0;
    height: 28px;
    width: 80px;
    top: 16px;
    left: 22px;
    float: left;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
}

    .newDropdownControl:hover {
        background-position: 0 -28px;
        border-bottom: 0;
    }

    .newDropdownControl img {
        float: left;
        left: 10px;
        top: 9px;
    }

    .newDropdownControl span {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        left: 16px;
        top: 8px;
    }

.newDropdownControlCliked {
    background-position: 0 -56px !important;
}

.newDropdownMenu {
    width: 130px;
    position: absolute;
    top: 44px;
    left: 22px;
    background: #000;
    float: left;
    z-index: 999999;
    border: 1px solid #1e2328;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

    .newDropdownMenu ul {
    }

        .newDropdownMenu ul li {
        }

            .newDropdownMenu ul li a {
                font-weight: bold;
                font-size: 12px;
                padding: 7px 10px 6px 10px;
                display: inline-block;
                width: 110px;
                text-shadow: 0 1px 1px #153845;
                filter: Shadow(Color=#153845, Direction=120, Strength=2);
            }

                .newDropdownMenu ul li a:hover {
                    border-bottom: 0;
                    color: #fff;
                    background: #2f7b95 url(../images/common/bg_new_selected_item.png) repeat-x;
                }

            .newDropdownMenu ul li:first-child a {
                -moz-border-top-left-radius: 5px;
                -moz-border-top-right-radius: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

            .newDropdownMenu ul li:last-child a {
                -moz-border-bottom-left-radius: 5px;
                -moz-border-bottom-right-radius: 5px;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
            }

/* main menu */
.mainMenu {
    float: left;
    z-index: 1;
}

    .mainMenu ul {
        list-style-type: none;
        display: block;
        margin-left: 10px;
    }

        .mainMenu ul li {
            float: left;
            border-left: 1px solid #000;
            border-right: 1px solid #4e4f51;
        }

            .mainMenu ul li:first-child {
                border-left: 0;
                padding: 24px 7px 22px 7px;
            }

            .mainMenu ul li:last-child {
                border-right: 0;
                padding: 20px 7px 25px 7px;
            }

            .mainMenu ul li a {
                font-size: 12px;
                font-weight: bold;
                height: 14px;
                display: inline-block;
                padding: 24px 7px 20px 7px;
            }

                .mainMenu ul li a img {
                    margin-right: 10px;
                }

                .mainMenu ul li a:hover,
                .mainMenu ul li a.menuActive {
                    background: url(../images/common/mainmenu_active.png) repeat-x;
                    color: #fff;
                    border-bottom: 0;
                    height: 13px;
                }

                .mainMenu ul li a.disabledMenuItem:hover {
                    background: none;
                    color: #A5A5A6;
                    border-bottom: 0;
                    cursor: default;
                }

    .mainMenu .withImage {
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 0px;
    }

.languageSelect {
    float: right;
    height: 30px;
    width: 35px;
    position: absolute;
    left: 970px;
    text-align: right !important;
    top: 5px;
}

/* log information */
.logInfo {
    float: right;
    height: 30px;
    width: 210px;
    position: absolute;
    left: 745px;
    text-align: right !important;
}

    .logInfo p {
        color: #d3dadc;
        margin-top: 10px;
        margin-bottom: 2px;
    }

        .logInfo p em {
            font-weight: bold;
        }

    .logInfo a {
        font-weight: bold;
    }

    .logInfo * {
        text-align: right !important;
    }

/* Sub Header */
.subHeader {
    background: transparent linear-gradient(to top, rgb(13, 172, 203), rgb(38, 181, 187)) repeat scroll 0% 0%;
    height: 70px;
    clear: both;
    margin-top: 58px;
}

    .subHeader a.active {
        background-color: rgb(16, 158, 164);
        padding: 4pt;
    }

/* module information */
.moduleInfo {
    float: left;
    max-width: 600px;
    width: 600px;
}

    .moduleInfo img {
        top: 20px;
    }

    .moduleInfo h1 {
        font-size: 18px;
        color: #fff;
        text-shadow: 0 1px 1px #8b8a8a;
        filter: Shadow(Color=#8b8a8a, Direction=120, Strength=2);
        left: 40px;
        font-weight: bold;
        top: -3px;
    }

    .moduleInfo p {
        font-size: 12px;
        color: #000;
        font-weight: bold;
        left: 40px;
        top: 0;
    }

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

.no-padding {
    padding: 0px 0px 0px 0px !important
}

/* right column portion of subheader */
.subHeader .misc {
    float: right;
}

.searchWrapper {
    background: url(../images/common/forms.png) no-repeat 0 0;
    width: 220px;
    height: 28px;
    float: left;
    margin-left: 10px;
}

input.search {
    background: transparent;
    border: 0;
    width: 190px;
    float: left;
    height: 25px;
    left: 5px;
    padding-top: 2px;
}

.ehqLogo {
    margin-left: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input.search {
        top: -1px;
        width: 185px;
    }
}

.subHeaderSmall {
    height: 42px !important;
}

    .subHeaderSmall .misc {
        padding-top: 5px !important;
    }

.subMenu {
    top: 14px;
    width: 960px;
}

    .subMenu a {
        color: #fff;
        font-size: 13px;
        margin-right: 2px;
        margin-left: 2px;
        padding: 3px;
    }

        .subMenu a:first-child {
            margin-left: 0;
        }

        .subMenu a:hover {
            background-color: #0f87b8;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            border-bottom: 0;
        }

        .subMenu a.active {
            color: #fff;
            font-weight: bold;
            background-color: #0f87b8;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            border-bottom: 0;
        }

    .subMenu span {
        color: #95d2eb;
        font-size: 13px;
    }

        .subMenu span.first {
            color: #34a2ce;
        }

        .subMenu span.second {
            left: -2px;
        }

        .subMenu span.third {
            color: #6bc8ed;
            left: -4px;
        }

/* .module */
.module {
    background: #eee;
    border-bottom: 1px solid #c6c6c6;
    min-height: 70px;
    width: 100%;
}

    .module img {
        float: left;
        top: 22px;
    }

    .module h1 {
        float: left;
        font-size: 18px;
        left: 10px;
        top: 25px;
    }

.customerHeader {
    clear: both;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

    .customerHeader .vtWrapper {
        float: right;
        top: 15px;
    }

.customerName, .detailsTitle {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.customerName {
    top: 17px;
    width: 110px;
}

.detailsTitle {
    width: 180px;
}

    .customerName span, .detailsTitle span {
        height: 18px;
    }

.orderDescription {
    float: left;
    font-size: 15px;
    font-weight: bold;
    top: 17px;
    width: 180px;
}

.customerHeader .customerStatusWrapper,
.customerHeader .titleWrapper {
    float: left;
    margin-left: 10px;
    top: 8px;
    padding: 9px 6px !important;
    width: 280px;
}

.customerHeader .editMode {
    width: auto !important;
}

.customerHeader > .titleWrapper {
    width: auto !important;
}

.viewPanel, .viewPanel label {
    cursor: pointer !important;
}

.customerStatusWrapper .viewPanel {
    height: 17px;
}

.customerStatusWrapper .editPanel, .customerStatusWrapper .messagePanel {
    width: 280px;
}

    .customerStatusWrapper .messagePanel img {
        top: 0 !important;
    }

.customerHeader .select {
    clear: none !important;
    float: left;
}

ul.changeStatus {
    z-index: 9999 !important;
}

.customerStatusWrapper .saveButton {
    float: left;
    margin-top: 6px !important;
    margin-left: 10px;
}

.titleWrapper.serviceStatusWrapper.editMode > .viewPanel > a {
    right: -30px;
}

#serviceId {
    width: auto !important;
}

.status {
    border-radius: 3px;
    color: #FFF;
    float: left;
    font-size: 9px;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px 5px 2px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .status.status-active {
        background-color: #068E02;
        width: auto !important;
    }

    .status.status-pending {
        background-color: #BCBCBC;
        width: auto !important;
    }

    .status.status-suspended {
        background-color: #FE7225;
        width: auto !important;
    }

    .status.status-closed {
        background-color: #A90000;
        width: auto !important;
    }

    .status.status-inactive {
        background-color: #E2B436;
        width: auto !important;
    }

    .status.status-pendingdeletion {
        background-color: #089DCB;
        width: auto !important;
    }

.customerStatus, .creditorAccountStatus {
    border: 1px solid #047700;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    padding: 3px 5px 2px;
    margin-right: 10px;
    float: left;
    text-align: center;
}

.customerStatusActive {
    background: url(../images/common/bg_status_green.gif);
}

.customerStatusPending {
    background: url(../images/common/bg_status_grey.gif);
    border: 1px solid #cfcfcf;
    color: #3a3c3e;
}

.customerStatusSuspended {
    background: url(../images/common/bg_status_orange.gif);
}

.customerStatusClosed {
    background: url(../images/common/bg_status_red.gif);
}

.customerStatusInactive {
    background: url(../images/common/bg_status_yellow.gif);
    border: 1px solid #e0b234;
    color: #000;
}

.customerChangeStatus {
    top: 2px;
}

.customerStatusWrapper2,
.customerStatusWrapper2 .editPanel {
    width: auto !important;
    max-height: 50px;
}

    .customerStatusWrapper2 .custom-radio label {
        width: auto;
    }

.productStatusCategoryWrapper {
    width: auto !important;
    max-height: 50px;
}

    .productStatusCategoryWrapper .editPanel {
        width: 235px !important;
    }

    .productStatusCategoryWrapper .custom-radio label {
        width: 35px;
    }

.creditorAccountHeader {
    clear: both;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

    .creditorAccountHeader .vtWrapper {
        float: right;
        top: 15px;
    }

.creditorAccountName, .detailsTitle {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.creditorAccountName {
    top: 17px;
}

.detailsTitle {
    width: 180px;
}

    .creditorAccountName span, .detailsTitle span {
        height: 18px;
    }

.submissionFileDetailsHeader, .detailsTitle {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.submissionFileDetailsHeader {
    top: 17px;
}

    .submissionFileDetailsHeader span, .detailsTitle span {
        height: 18px;
    }

.unpaidReportDetailsHeader, .detailsTitle {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.unpaidReportDetailsHeader {
    top: 17px;
}

    .unpaidReportDetailsHeader span, .detailsTitle span {
        height: 18px;
    }

.creditorAccountIdentifier {
    font-weight: bold;
    clear: right;
    top: 10px;
    position: absolute;
    width: inherit;
}

.creditorAccountIdentifierKey {
    display: block;
    float: left;
    margin-top: 32px;
}

.creditorAccountIdentifierValue {
    display: inline-block;
    margin-top: 32px;
    margin-left: 4px;
}

.creditorAccountHeader .creditorAccountStatusWrapper,
.creditorAccountHeader .titleWrapper {
    float: left;
    margin-left: 10px;
    top: 8px;
    padding: 9px 6px !important;
    width: 280px;
}

.creditorAccountHeader .editMode {
    width: auto !important;
}

.creditorAccountHeader .titleWrapper {
    width: 195px !important;
}

.creditorAccountStatusWrapper .viewPanel {
    height: 17px;
}

.creditorAccountStatusWrapper .editPanel, .creditorAccountStatusWrapper .messagePanel {
    width: 280px;
}

    .creditorAccountStatusWrapper .messagePanel img {
        top: 0 !important;
    }

.creditorAccountStatusActive {
    background: url(../images/common/bg_status_green.gif);
    border: 1px solid #047700;
}

.creditorAccountStatusInTestMode {
    background: url(../images/common/bg_status_yellow.gif);
    border: 1px solid #E2B436;
}

.creditorAccountStatusInactive {
    background: url(../images/common/bg_status_red.gif);
    border: 1px solid #A90000;
}

.creditorAccountChangeStatus {
    top: 2px;
}

.changeSubscriptionModuleTabs, .moduleTabs {
    clear: both;
    top: 1px;
}

    .changeSubscriptionModuleTabs ul li, .moduleTabs ul li {
        float: left;
        margin-right: 3px;
        max-width: 220px;
    }

        .changeSubscriptionModuleTabs ul li a, .moduleTabs ul li a {
            font-size: 11px;
            padding: 15px 5px 1px;
            display: inline-block;
            border-top: 1px solid #dedede;
            border-right: 1px solid #dedede;
            border-left: 1px solid #dedede;
            -moz-border-top-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-top-right-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            margin-top: 9px;
            z-index: 1;
            color: #303030;
            background: #F1F1F1;
            background: -webkit-linear-gradient(top, #F1F1F1, #D2D2D2);
            background: -moz-linear-gradient(top, #F1F1F1, #D2D2D2);
            background: -ms-linear-gradient(top, #F1F1F1, #D2D2D2);
            background: -o-linear-gradient(top, #F1F1F1, #D2D2D2);
            background: linear-gradient(to bottom, #F1F1F1, #D2D2D2);
            min-height: 23px;
        }

.changeSubscriptionModuleTabs {
    float: right;
    width: 100%;
}

    .changeSubscriptionModuleTabs .new-cart-btn {
        padding: 6px 12px;
        margin-top: 15.35px;
        margin-left: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #f7f7f7;
        font-size: 0.9em;
        cursor: pointer;
        transition: background 0.2s ease;
        z-index: 999;
        position: relative;
    }


    .changeSubscriptionModuleTabs .new-cart-btn:hover {
        background: #eaeaea;
    }

    .changeSubscriptionModuleTabs ul li a:hover, .moduleTabs ul li a:hover {
        border-bottom: 0;
        background: #F1F1F1;
    }

    .changeSubscriptionModuleTabs ul li a.active, .moduleTabs ul li a.active {
        margin-top: 5px;
        padding-bottom: 5px;
        -moz-box-shadow: -3px -3px 3px #e9e9e9, 3px -4px 3px #e9e9e9;
        -webkit-box-shadow: -3px -3px 3px #e9e9e9, 3px -4px 3px #e9e9e9;
        box-shadow: -3px -3px 3px #e9e9e9, 2px -4px 3px #e9e9e9;
        font-weight: bold;
        background: #F7F7F7;
        background: -webkit-linear-gradient(top, #F7F7F7, #FFFFFF);
        background: -moz-linear-gradient(top, #F7F7F7, #FFFFFF);
        background: -ms-linear-gradient(top, #F7F7F7, #FFFFFF);
        background: -o-linear-gradient(top, #F7F7F7, #FFFFFF);
        background: linear-gradient(to bottom, #F7F7F7, #FFFFFF);
    }

    .changeSubscriptionModuleTabs ul li:first-child a.active, .moduleTabs ul li:first-child a.active {
        margin-left: 0;
    }

    .changeSubscriptionModuleTabs ul li a span, .moduleTabs ul li a span {
        /*vertical-align: sub;*/
    }


/* .bodyWrapper */
.bodyWrapper {
    clear: both;
    padding-top: 20px;
    background: #fff;
    width: 100%;
    overflow: hidden;
    padding-bottom: 150px;
}

.bodyContainer {
    width: 960px !important;
    margin: 0 auto !important;
}

/* Sub Footer */
.subFooter {
    background: transparent linear-gradient(to bottom, rgb(13, 172, 203), rgb(38, 181, 187)) repeat scroll 0% 0%;
    height: 30px;
    clear: both;
    float: left;
    width: 100%;
    position: fixed;
    bottom: 25px;
    left: 0;
    width: 100%;
    margin-top: -66px;
    z-index: 1002; /* added to make sure any .formMask within reporting sits beneath footer */
}

.subFooterMenu {
    top: 10px;
    width: 960px;
    text-align: center;
}

    .subFooterMenu a {
        color: #fff;
        font-size: 12px;
        margin-right: 10px;
        margin-left: 10px;
        padding: 3px;
    }

        .subFooterMenu a:first-child {
            margin-left: 0;
        }

        .subFooterMenu a:hover {
            background-color: #0f87b8;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            border-bottom: 0;
        }

        .subFooterMenu a.active {
            color: #fff;
            background-color: #0f87b8;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            border-bottom: 0;
        }

    .subFooterMenu span {
        color: #95d2eb;
        font-size: 13px;
    }

        .subFooterMenu span.first {
            color: #34a2ce;
        }

        .subFooterMenu span.second {
            left: -2px;
        }

        .subFooterMenu span.third {
            color: #6bc8ed;
            left: -4px;
        }


.footer {
    background: url(../images/common/bg_footer.png) repeat-x;
    height: 25px;
    clear: both;
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: -66px;
    z-index: 1002; /* added to make sure any .formMask within reporting sits beneath footer */
}

.copyright {
    float: left;
    width: auto;
}

    .copyright em {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        top: 5px;
    }

    .copyright nav {
        color: #a5a5a6;
        font-size: 11px;
        top: 20px;
    }

        .copyright nav a {
            font-size: 11px;
            margin: 0 10px 0 6px;
        }

            .copyright nav a:first-child {
                margin-left: 0;
            }

.copyright, .support {
    top: 2px;
}

.support {
    height: 20px;
    width: 292px;
    float: right;
}

    .support em {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        top: 10px;
        left: 45px;
    }

    .support p {
        color: #a5a5a6;
        font-size: 11px;
        left: 45px;
        top: 5px;
    }

.contentWrapper {
    width: 960px;
    margin: 0 auto;
}

.titleHeader {
    border-bottom: 2px solid #ccc;
    padding-bottom: 3px;
    float: left;
    width: 100%;
}

    .titleHeader .title {
        font-size: 13px;
        float: left;
        color: #000;
        top: 4px;
        margin-left: 5px;
        font-weight: bold;
    }
/* EO MAIN LAYOUT */

/* BUTTONS, LINKS */
.searchButton {
    width: 17px;
    height: 17px;
    display: inline-block;
    border-bottom: 0 !important;
}

.refreshLink {
    float: right;
    color: #000;
    padding: 0;
    top: 0;
    right: 0;
    border-bottom: 0 !important;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
}

    .refreshLink:hover {
        color: #000;
        padding: 4px 5px;
        font-weight: bold;
    }

.spyglassLink {
    /*background:url(../images/icons/view.png) no-repeat 0 0;*/
    text-indent: 16px;
    font-size: 11px;
    float: right;
    color: #000;
    padding: 5px 6px 0px;
    top: -4px;
    right: 75px;
    border-bottom: 0 !important;
    display: block;
    position: absolute;
    max-width: 45%;
    word-wrap: normal;
    text-align: right;
}

    .spyglassLink:hover {
        /*background:url(../images/icons/view.png) no-repeat 0 -18px, url(../images/common/bg_link.png) repeat;
    border:1px solid #1a5189;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    color:#fff;
    padding:4px 5px;*/
        font-weight: bold;
    }

.newLink {
    background: url(../images/icons/new.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    float: right;
    color: #000;
    padding: 5px 6px 4px;
    top: 0;
    right: 5px;
    border-bottom: 0 !important;
    display: block;
}

    .newLink:hover {
        background: url(../images/icons/new.png) no-repeat 0 -18px, url(../images/common/bg_link.png) repeat;
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 5px;
        font-weight: bold;
    }

.downloadLink {
    background: url(../images/icons/download.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    color: #000;
    padding: 1px 8px 4px;
    top: 0;
    border-bottom: 0 !important;
}

    .downloadLink:hover {
        background: url(../images/icons/download.png) no-repeat 0 -18px, url(../images/common/bg_link.png) repeat;
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 8px;
        font-weight: bold;
    }

.deleteLink {
    background: url(../images/icons/delete.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    color: #000;
    padding: 1px 9px 4px;
    top: 0;
    border-bottom: 0 !important;
    border: 1px transparent;
    display: inline-block;
    height: 14px;
    float: right;
}

.unSuspendLink {
    background: url(../images/icons/silk/ico/lock.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    color: #000;
    padding: 1px 9px 4px;
    top: 0;
    border-bottom: 0 !important;
    border: 1px transparent;
    display: inline-block;
    height: 14px;
}

.tick {
    background: url(../images/icons/tick.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    color: #000;
    padding: 1px 9px 4px;
    top: 0;
    border-bottom: 0 !important;
    border: 1px transparent;
    display: inline-block;
    height: 14px;
    float: right;
}


.blackLink {
    background: url(../images/icons/Notification2_icon.png) no-repeat 0 0;
    padding: 1px 15px 4px;
    border-bottom: 0 !important;
    border: 1px transparent;
}

.ellipsis, .ellipsisRight {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    line-height: 14px;
}

.ellipsisTooltip {
    padding: 4px 8px;
    color: #333 !important;
    position: absolute;
    left: -9px;
    top: -16px;
    border: 1px solid #d1c17e;
    background: #ffedb8;
    -moz-box-shadow: 0 0 2px #949494;
    -webkit-box-shadow: 0 0 2px #949494;
    box-shadow: 0 0 2px #949494;
    z-index: 10;
    width: auto;
}

.ellipsisTooltipRight {
    padding: 4px 8px;
    color: #333;
    position: absolute;
    right: 0;
    border: 1px solid #d1c17e;
    background: #ffedb8;
    -moz-box-shadow: 0 0 2px #949494;
    -webkit-box-shadow: 0 0 2px #949494;
    box-shadow: 0 0 2px #949494;
    z-index: 10;
    width: auto;
}

/*ellipsis tooltip position helper classes*/
.parentPositioned {
}

.ellipsisTableCellFixedWidth {
}

.deleteLink:hover {
    background: url(../images/icons/delete.png) no-repeat 0 -18px, url(../images/common/bg_link.png) repeat;
    border: 1px solid #1a5189;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 6px 8px; /*reporting 4px 8px*/
    font-weight: bold;
}

.unSuspendLink:hover {
    background: url(../images/icons/silk/ico/lock_open.png) no-repeat -1px 0px, repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 6px 8px;
    font-weight: bold;
}

a.viewDetailsIcon {
    display: inline-block;
}

    a.viewDetailsIcon:hover {
        border-bottom: 0;
    }

.buttonGray {
    border: 1px solid #bdbcbd;
    background: url(../images/common/bg_button_gray.png) repeat-x 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 10px;
    color: #000;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

    .buttonGray:hover {
        background-position: 0 -21px;
        border-bottom: 1px solid #bdbcbd;
    }

    .buttonGray:active {
        background-position: 0 -42px;
    }

.backLink {
    background: url(../images/icons/back.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    float: right;
    color: #000;
    padding: 5px 6px 4px;
    top: 0;
    right: -55px;
    border-bottom: 0 !important;
    display: block;
    position: absolute;
}

    .backLink:hover {
        background: url(../images/icons/back.png) no-repeat 0 -18px, url(../images/common/bg_link.png) repeat;
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 5px;
        font-weight: bold;
    }

.viewLink {
    background: url(../images/icons/view.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    float: right;
    color: #000;
    padding: 5px 6px 4px;
    top: 0;
    right: 5px;
    border-bottom: 0 !important;
    display: block;
}

    .viewLink:hover {
        background: url(../images/icons/view.png) no-repeat 0 -18px, url(../images/common/bg_link.png) repeat;
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 5px;
        font-weight: bold;
    }

.expandAllLink,
.expandLink {
    background: url(../images/icons/expand_all.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    float: right;
    color: #000;
    padding: 5px 6px 4px;
    top: 13px;
    right: 5px;
    border-bottom: 0 !important;
    min-width: 71px;
}

    .expandAllLink:hover,
    .expandLink:hover {
        background: url(../images/icons/expand_all.png) no-repeat 0 -16px, url(../images/common/bg_link.png) repeat;
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 5px;
        font-weight: bold;
    }

.collapseAllLink,
.collapseLink {
    background: url(../images/icons/collapse_all.png) no-repeat 0 0;
    text-indent: 16px;
    font-size: 11px;
    float: right;
    color: #000;
    padding: 5px 6px 4px;
    top: 13px;
    right: 5px;
    border-bottom: 0 !important;
    min-width: 79px;
    /*margin-left:9px;
margin-left:7px;
margin-left:5px \0/;*/
}

    .collapseAllLink:hover,
    .collapseLink:hover {
        background: url(../images/icons/collapse_all.png) no-repeat 0 -15px, url(../images/common/bg_link.png) repeat;
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 5px;
        font-weight: bold;
        margin-left: 0;
    }

.collapseLink {
    width: 65px;
    top: 0;
}

.expandLink {
    right: 10px;
    top: 0;
}

.selectAllLink,
.selectLink {
    font-size: 10.5px;
    float: right;
    color: #000;
    padding: 5px 6px 4px;
    top: 13px;
    right: 5px;
    border-bottom: 0 !important;
    min-width: 50px;
    text-align: center;
}

    .selectAllLink:hover,
    .selectLink:hover {
        background: url(../images/common/bg_link.png) repeat; /*TODO: change path*/
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 5px;
        font-weight: bold;
    }

.deselectAllLink,
.deselectLink {
    font-size: 10.5px;
    float: right;
    color: #000;
    padding: 5px 6px 4px;
    top: 13px;
    right: 5px;
    border-bottom: 0 !important;
    min-width: 62px;
    text-align: center;
}

    .deselectAllLink:hover,
    .deselectLink:hover {
        background: url(../images/common/bg_link.png) repeat; /*TODO: change path*/
        border: 1px solid #1a5189;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        padding: 4px 5px;
        font-weight: bold;
    }

input[type="button"].gray, input[type="submit"].gray {
    border: 1px solid #bdbcbd;
    background: #f0f0f0 url(../images/common/bg_button_gray_big.png) repeat-x 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 2px;
    color: #000;
    width: auto;
    margin-top: -2px;
}

    input[type="button"].gray:hover {
        background-position: 0 -26px;
    }

    input[type="button"].gray:active {
        background-position: 0 0;
    }

input[type="button"].orange, input[type="submit"].orange,
.buttonOrange {
    border: 1px solid #d8bb85;
    background: #fec465 url(../images/common/bg_button_orange.png) repeat-x 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 2px;
    color: #000;
    width: auto !important;
}

    input[type="button"].orange:hover, input[type="submit"].orange:hover, .buttonOrange:hover {
        background-position: 0 -35px;
    }

    input[type="button"].orange:active, input[type="submit"].orange:active, .buttonOrange:active {
        background-position: 0 70px;
    }

.buttonOrange {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #b1770b;
    cursor: pointer;
}

    .buttonOrange:hover {
        border-bottom: 1px solid #b1770b;
    }

input[type="button"].smallerFont,
input[type="submit"].smallerFont {
    font-size: 11px;
}

/* EO BUTTONS, LINK */

/* FORMS */
.searchWrapperSmall {
    background: url(../images/common/forms.png) no-repeat 0 -32px;
    width: 190px;
    height: 28px;
    float: right;
}

    .searchWrapperSmall .searchButton {
        height: 28px;
        width: 15px;
    }

.searchAutoCompleteBox {
    background: #f2f2f2;
    border: 1px solid #b2c4ce;
    width: 99%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 28px;
    z-index: 2;
    -moz-box-shadow: 0 0 2px #949494;
    -webkit-box-shadow: 0 0 2px #949494;
    box-shadow: 0 0 2px #949494;
    display: none;
}

/* autocomplete */
.ui-autocomplete {
    background: #f2f2f2;
    border: 1px solid #b2c4ce;
    /*width:99%;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 28px;
    z-index: 5;
    -moz-box-shadow: 0 0 2px #949494;
    -webkit-box-shadow: 0 0 2px #949494;
    box-shadow: 0 0 2px #949494;
    display: none;
    position: absolute;
    cursor: default;
}

* html .ui-autocomplete {
    width: 1px;
}

.ui-menu {
    list-style: none;
    margin: 0;
    display: block;
    float: left;
    padding: 0;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: 7px;
            zoom: 1;
            color: #000;
            font-size: 12px;
            font-weight: bold;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                background: url(../images/common/bg_search_autocomplete_hover.png) repeat;
                color: #fff;
                font-weight: normal;
                border-bottom: 0 solid;
            }

        .ui-menu .ui-menu-item:first-child a {
            -moz-border-top-left-radius: 5px;
            -moz-border-top-right-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .ui-menu .ui-menu-item:last-child a {
            -moz-border-bottom-left-radius: 5px;
            -moz-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }


/*.ui-autocomplete li {
padding:7px;
font-weight:bold;
}
.ui-menu .ui-menu-item a {
color:#000;
}

.ui-autocomplete li:hover {
background:url(../images/common/bg_search_autocomplete_hover.png) repeat;
color:#fff;
cursor:pointer;
}

.ui-autocomplete li:first-child {
-moz-border-top-left-radius:5px;
-moz-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.ui-autocomplete li:last-child {
-moz-border-bottom-left-radius:5px;
-moz-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}*/

input.searchSmall {
    background: transparent;
    border: 0;
    width: 160px;
    float: left;
    height: 25px;
    left: 0;
    padding-top: 2px;
    padding-left: 10px;
    padding-bottom: 1px;
}

.searchWrapperLeft {
    background: url(../images/common/forms.png) no-repeat 0 -86px;
    width: 186px;
    height: 21px;
    float: right;
    top: 12px;
}

input.searchLeft {
    background: transparent;
    border: 0;
    width: 160px;
    float: left;
    height: 20px;
    left: 5px;
    font-size: 11px;
    padding: 1px 0 0 5px;
}

.searchWrapperLeft .searchButton {
    left: 6px;
    top: 5px;
    width: 9px;
    height: 12px;
    float: left;
}

.timePickerButton {
    background: url(../images/icons/timepicker_button.png) no-repeat;
    cursor: pointer;
    vertical-align: top;
    margin-top: 2px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    input.searchSmall {
        top: -1px;
        width: 155px;
    }

    input.searchLeft {
        padding-top: 0;
    }
}

.darkGrayThickSeparator {
    border-top: 3px solid #7f7f7f;
    clear: both;
    top: 10px;
}

.textboxWrapper {
    background: url(../images/common/forms.png) no-repeat 0 -63px;
    width: 197px;
    height: 27px;
    clear: both;
    margin-top: 5px;
}

    .textboxWrapper input {
        background: transparent;
        border: 0;
        width: 185px;
        float: left;
        height: 25px;
        left: 5px;
        padding-top: 2px;
    }

div.formRow {
    clear: both;
    margin-top: 10px;
}

    div.formRow label {
        margin: 3px 0 3px 0;
        float: left;
    }

/* Selects */
.select {
    width: 197px;
    height: 27px;
    clear: both;
    margin-top: 5px;
}

.oldSelect {
    background: url(../images/common/bg_forms.png) repeat-x 0 -30px;
}

.oldSelect .ui-selectmenu, .oldSelect .ui-selectmenu:hover {
    border: 1px solid #c6c6c6 !important;
}

.newSelect {
    width: 197px;
    height: 27px;
    margin-top: 5px;
    clear: both;
    background: url(../images/common/bg_forms.png) repeat-x 0 -30px !important;
    border: 2px solid #deddde !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.editing.selected {
    background: url(../images/grid/grid.png) repeat-x 0 -115px;
    vertical-align: central;
}

.selectSmall {
    clear: none !important;
    margin-top: 0 !important;
}

.ui-selectmenu {
    /*border: none !important;
background:none;*/
    display: block !important;
    width: 196px !important;
    height: 23px;
    overflow: hidden;
    font-size: 13px;
    line-height: 23px;
    background: url(../images/common/bg_forms.png) repeat-x 0 -30px !important;
    border: 2px solid #deddde !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .ui-selectmenu:hover {
        border-bottom: 2px solid #deddde !important;
    }

    .ui-selectmenu:focus {
        outline: none;
        border: 2px solid #deddde;
    }

    .ui-selectmenu.ui-state-active {
        border-bottom: 2px solid #deddde !important;
    }

.ui-selectmenu-status {
    float: left;
    height: 27px;
    width: 168px;
    padding: 0 0 0 5px;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
}

.ui-selectmenu-icon {
    position: static;
    float: right !important;
    width: 20px !important;
    height: 23px !important;
    background: url(../images/icons/dropdown_arrow.png) no-repeat center center !important;
}

.ui-dropdownchecklist-selector .ui-dropdownchecklist-text {
    width: 355px !important;
    height: 23px !important;
    background: url(../images/icons/dropdown_arrow.png) no-repeat center center !important;
}

.ui-selectmenu-menu {
    background-color: #fafafa;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 195px !important;
    border: 1px solid #d6d6d6 !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    /*border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;*/
}

.ui-selectmenu-open {
    visibility: visible;
}

.ui-selectmenu-menu li {
    font-weight: normal !important;
    border: none !important;
    padding: 5px 5px;
}

    .ui-selectmenu-menu li:hover {
        background: #EEEEEE;
        cursor: pointer;
    }

    .ui-selectmenu-menu li a {
        font-size: 12px;
        display: inline-block;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }

@-moz-document url-prefix() {
    .ui-selectmenu-menu[aria-hidden=true] {
        display: none;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ui-selectmenu-menu[aria-hidden=true] {
        display: none;
    }
}

ul.hide-first-item li:first-child {
    display: none;
}
/*.ui-selectmenu-menu li:first-child {
-moz-border-top-left-radius:5px !important; 
-moz-border-top-right-radius:5px !important; 
-webkit-border-top-left-radius:5px !important; 
-webkit-border-top-right-radius:5px !important;  
border-top-left-radius:5px !important; 
border-top-right-radius:5px !important; 
}
.ui-selectmenu-menu li:last-child { 
-moz-border-bottom-left-radius:5px !important; 
-moz-border-bottom-right-radius:5px !important; 
-webkit-border-bottom-left-radius:5px !important; 
-webkit-border-bottom-right-radius:5px !important; 
border-bottom-left-radius:5px !important; 
border-bottom-right-radius:5px !important; 
}*/
.ui-selectmenu-menu li:hover a {
    color: #000;
    border-bottom: 0;
}

.selectSmall .ui-selectmenu {
    border-color: #bdbcbd !important;
    border-width: 1px;
    background: url(../images/common/bg_forms.png) repeat-x 0 -88px;
    height: 21px;
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.selectSmall .ui-selectmenu-status {
    font-size: 11px;
    color: #000;
}

.selectSmall .ui-dropdownchecklist:hover,
.selectSmall .ui-selectmenu:hover {
    border-bottom: 1px solid #bdbcbd !important;
}

.selectSmall .ui-selectmenu:focus {
    outline: 1px dotted #000;
    border: 1px solid #bdbcbd;
}

.selectSmall .ui-selectmenu-icon {
    background: url(../images/icons/dropdown_arrow_small.png) no-repeat center center;
}

.selectSmallControl {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    width: 193px !important;
}

    .selectSmallControl li a {
        font-size: 11px !important;
        color: #000 !important;
    }

.midSelect {
    width: 80px !important;
}

.wideSelect {
    width: 250px !important;
}

.ultraWideSelect {
    width: 300px !important;
}


/* Custom Checkbox and Radio */
.custom-checkbox, .custom-radio {
    position: relative;
}

    .custom-checkbox input, .custom-radio input {
        position: absolute;
    }

    .custom-checkbox label, .custom-radio label {
        display: block;
        position: relative;
        line-height: 1;
        padding: 6px 0 11px 0;
        margin: 0 0 5px;
        cursor: pointer;
        width: 17px;
    }

    .custom-checkbox label {
        background: url(../images/common/forms.png) no-repeat;
    }

    .custom-checkbox label {
        background-position: 0 -64px;
    }

        .custom-checkbox label.checked {
            background-position: -19px -64px;
        }

/*.custom-radio label { background:url(../images/common/radiobutton.gif) no-repeat; }
.custom-checkbox label,.custom-radio label { background-position:-10px -14px; }
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus { background-position:-10px -114px; }
.custom-checkbox label.checked,.custom-radio label.checked { background-position:-10px -214px; }
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus { background-position:-10px -314px; }
.custom-checkbox label.focus,.custom-radio label.focus { outline:1px dotted #ccc; }*/


/* textbox */
.shadowedTextbox {
    background: #fff !important;
    background-image: none;
    border: 1px solid #deddde !important;
    box-shadow: 0 0 8px rgba(222, 221, 222, 0.5);
}

/**/

/* EO FORMS */

/* GRID */
.grid {
    clear: both;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 10px;
}

    .grid td {
        border-bottom: 1px solid #e5e5e5;
        padding: 9px 0 4px 3px;
        font-size: 11px;
    }

        .grid td.blueBold,
        .grid td.blueBold a {
            color: #004483 !important;
            font-weight: bold;
            margin-left: 15px;
            margin-right: 15px;
            width: 165px;
        }

        .grid td.blueBoldLessMargin a {
            color: #004483 !important;
            font-weight: bold;
            margin-left: 10px;
            margin-right: 10px;
            width: 165px;
        }

        .grid td.blueNormal,
        .grid td.blueNormal a {
            color: #004483 !important;
        }

.grid-button {
    padding: 3px 8px 3px 25px;
}

.grid-button-bigger {
    padding-left: 27px;
    padding-right: 10px;
}

.grid-button:hover {
    border: none;
    background-color: #E1E1E1;
    border-radius: 3px 3px 3px 3px;
}

.grid-button-edit {
    background: url("../images/icons/grid_icons.png") no-repeat scroll 3px 2px transparent;
}

.grid-button-edit-notext {
    background-position: 12px 2px;
}

.grid-button-delete {
    background: url(../images/icons/Icon_Delete.png) no-repeat left center;
    background-position: 3px 0;
}

.grid-button-view {
    background: url(../images/icons/eye-inv.png) no-repeat left center;
}

.grid-button-center {
    background-position: center center;
}

/*.recentTransactionsGrid td:nth-child(1),
.recentTransactionsGrid td:nth-child(1) .ellipsis { min-width: 30px;width: 50px; }
.recentTransactionsGrid td:nth-child(2),
.recentTransactionsGrid td:nth-child(2) .ellipsis { min-width: 35px;width: 43px; }    
.recentTransactionsGrid td:nth-child(3),
.recentTransactionsGrid td:nth-child(3) .ellipsis { width:130px; }
.recentTransactionsGrid td:nth-child(4),
.recentTransactionsGrid td:nth-child(4) .ellipsis { min-width:28px;width: 68px; }
    
.recentCustomersGrid td:nth-child(1) { min-width:40px; }
.recentCustomersGrid td:nth-child(2),
.recentCustomersGrid td:nth-child(2) .ellipsis { max-width:100px;}    
.recentCustomersGrid td:nth-child(3),
.recentCustomersGrid td:nth-child(3) .ellipsis { max-width:100px; }
.recentCustomersGrid td:nth-child(4),
.recentCustomersGrid td:nth-child(4) .ellipsis { max-width:50px; }

.recentOrdersGrid td:nth-child(1) { min-width: 60px; }
.recentOrdersGrid td:nth-child(2) { min-width: 45px; }    
.recentOrdersGrid td:nth-child(3),
.recentOrdersGrid td:nth-child(3) .ellipsis
{ width:150px; }
.recentOrdersGrid td:nth-child(4) { width:28px; }*/


/* gridView */
.gridView {
    width: 100%;
}

.fill-width {
    width: 100%;
}

h3.pagerStatus {
    font-size: 13px;
    margin-bottom: 15px;
}

    h3.pagerStatus em {
        font-weight: bold;
    }

.gridViewTableWrapper {
    border-top: 2px solid #d1d1d1;
    clear: both;
    width: 100%;
}

.gridViewTable {
    margin-top: 5px;
    border-collapse: separate;
}

    .gridViewTable thead {
        background: url(../images/grid/grid.png) repeat-x 0 0;
    }

        .gridViewTable thead tr {
            height: 28px;
        }

    .gridViewTable th {
        /*border-right:1px solid #e3e3e3;*/
        font-size: 12px;
        vertical-align: middle;
        text-align: left;
        padding: 0 5px;
        border-top: 1px solid #a9ccde;
        border-right: 1px solid #a9ccde;
        border-bottom: 1px solid #a9ccde;
        white-space: nowrap;
    }

        /*.gridViewTable th:first-child {
background:url(../images/grid/grid.png) no-repeat 0 0;
}
.gridViewTable th:last-child {
background:url(../images/grid/grid.png) no-repeat right -29px;
border-right:0;
}*/
        .gridViewTable th:first-child {
            -moz-border-top-left-radius: 5px;
            -moz-border-bottom-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            border-left: 1px solid #a9ccde;
        }

        .gridViewTable th:last-child {
            -moz-border-top-right-radius: 5px;
            -moz-border-bottom-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .gridViewTable th:hover {
            cursor: default;
        }

    .gridViewTable .styleless-thead,
    .gridViewTable .styleless-thead th {
        background: none;
        cursor: default;
    }

        .gridViewTable .styleless-thead th {
            border: none;
        }

    .gridViewTable th .checkboxWrapper {
        background: url(../images/grid/grid.png) repeat-x 0 -118px;
        height: 21px;
        border: 1px solid #cfcfcf;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        top: 3px;
    }

.selectAllCheckbox {
    top: 1px;
}

.gridViewTable th .arrowSort {
    margin-left: 5px;
    float: right;
    top: 4px;
    right: 5px;
}

.gridViewTable .arrowIcons {
    display: inline-block;
    border-bottom: 0;
}

.gridViewTable .arrow {
    left: 3px;
}

.gridViewTable .arrowSelected {
    top: -5px;
}

.gridViewTable .arrowMenuBlackDown {
    top: -2px;
}

.gridViewTable td {
    border-bottom: 1px solid #e3e3e3 !important;
    border-right: 0 solid !important;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    padding: 7px 5px;
}

.gridViewTable tbody tr:hover,
.gridViewTable tbody tr.selected {
    background: url(../images/grid/grid.png) repeat-x 0 -115px;
    cursor: pointer;
}

.gridViewTable td a {
    color: #004483;
    font-size: 11px;
    /*border-bottom:1px dotted #004483;*/
}

.gridViewTable td .boldHeader {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 2px;
    float: left;
}

.gridViewTable .expandCol {
    width: 12px;
    text-align: center;
}

.gridViewTable .masterExpandedRow td {
    border-bottom: 0 solid !important;
}

.gridViewTable .expandedRow:hover,
.gridViewTable .detailedExpandedRow:hover {
    background: none;
}

.gridViewTable .expandedRow td {
    font-size: 11px;
    border-bottom: 0 solid !important;
}

.gridViewTable .detailedExpandedRow td {
    font-size: 11px;
}

.gridViewTable td .custom-checkbox {
    top: 2px !important;
    width: 17px;
}

.gridViewTable td .gridViewTable {
    margin-top: 0;
}

.gridViewTable .regular {
    font-size: 12px;
    color: #000;
}


.gridViewTableSmall {
    clear: both;
    position: static;
    border-collapse: separate !important;
    width: 100%;
}

    .gridViewTableSmall .regular {
        color: #000;
    }

    .gridViewTableSmall tr.alternate {
        background: #f6f6f6;
    }

    .gridViewTableSmall tbody tr:hover,
    .gridViewTableSmall tbody tr.selected {
        background: url(../images/grid/grid.png) repeat-x 0 -115px;
        cursor: pointer;
    }

    .gridViewTableSmall th {
        border-bottom: 1px solid #7f7f7f;
        font-size: 11px;
        font-weight: bold;
        padding: 4px 0;
        text-align: left;
    }

    .gridViewTableSmall td {
        font-size: 11px;
        padding: 10px 0 5px;
        vertical-align: middle;
        border-bottom: 1px solid #e5e5e5;
    }

        .gridViewTableSmall th:first-child,
        .gridViewTableSmall td:first-child {
            padding-left: 5px;
        }

.detailViewDiv {
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #f6f6f6;
}

    .detailViewDiv td {
        border: 0 solid !important;
        padding: 5px;
    }

        .detailViewDiv td:nth-child(1) {
            width: 70px;
        }

        .detailViewDiv td:nth-child(2) {
            width: 100px;
        }

        .detailViewDiv td:nth-child(3) {
            width: 80px;
        }

        .detailViewDiv td:nth-child(4) {
            width: 100px;
        }

.detailViewTable {
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #f6f6f6;
}

    .detailViewTable thead, .detailViewTable th {
        background: none !important;
        border: 0 !important;
    }

        .detailViewTable th a, .detailViewTable td a {
            color: #000;
        }

        .detailViewTable thead tr:hover, .detailViewTable tbody tr:hover {
            background: none;
        }

    .detailViewTable td {
        border: 0 solid !important;
        padding: 3px;
    }

.serviceDetailsGrid td, .serviceDetailsGrid th {
    font-size: 11px;
    text-align: left !important;
    padding-left: 5px !important;
}

.serviceDetailsGrid th {
    font-weight: bold;
    white-space: nowrap;
}

.gridViewPager, .gridViewRestPager {
    background: url(../images/grid/grid.png) repeat-x 0 -58px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 31px;
    width: 99.9%;
    clear: both;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #767676;
}

.gridViewPagerInfo {
    float: left;
    font-size: 12px;
    left: 10px;
    top: 4px;
    width: 400px;
}

    .gridViewPagerInfo a {
        color: #000;
        font-size: 12px;
        top: -7px;
        left: 8px;
    }

    .gridViewPagerInfo .recordsLabel {
        margin-left: 15px;
    }

    .gridViewPagerInfo #RowsPerPage-button {
        margin-top: 0;
    }

.gridViewPagerCell {
    float: right;
    top: 5px;
    right: 10px;
}

    .gridViewPagerCell a {
        display: inline-block;
        border-bottom: 0;
        top: 4px;
    }

        .gridViewPagerCell a.arrowPagerPrev:hover {
            background-position: 0 -56px !important;
        }

        .gridViewPagerCell a.arrowPagerNext:hover {
            background-position: 0 -72px !important;
        }

    .gridViewPagerCell span {
        margin: 0 3px;
    }

        .gridViewPagerCell span em {
            font-weight: bold;
            color: #000;
        }

    .gridViewPagerCell input[type="text"] {
        border: 1px solid #8f8f8f;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        padding: 2px;
        width: 20px;
        color: #000;
        text-align: center;
    }

/* hack for webkit browser */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .gridViewTable th:first-child {
        padding-top: 0;
    }

    .gridViewTable th .checkboxWrapper {
        top: 0;
    }

    .gridViewPagerCell {
        float: right;
        top: 3px;
        right: 10px;
    }
}

/* .tag */
.tagFilters {
    clear: both;
    margin-bottom: 7px;
    height: 21px;
    width: 60%;
}

.tag {
    height: 21px;
    float: left;
    margin-right: 5px;
    margin-bottom: 3px;
}

.tagElement {
    background: url(../images/common/tags.png) no-repeat 0 -63px;
    height: 21px;
    float: left;
}

.tagLeft {
    background-position: 0 0;
    width: 20px;
}

.tagBody {
    background-position: 0 -21px;
    background-repeat: repeat-x;
    font-size: 11px;
    display: flex;
    max-width: 30em;
}

    .tagBody span {
        float: left;
        top: 5px;
        max-width: 28em;
    }

.tagRight {
    background-position: 0 -42px;
    width: 6px;
}

.tagCloseLink {
    background: url(../images/icons/misc_icons.png) no-repeat -15px 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-bottom: 0 !important;
    top: 3px;
    float: right;
    margin-left: 7px;
}

    .tagCloseLink:hover {
        background-position: -15px -15px;
    }

.tag:hover {
    height: 21px;
    cursor: pointer;
}

    .tag:hover .tagElement {
        height: 19px;
    }

    .tag:hover .tagLeft {
        background-position: 0 -66px;
    }

    .tag:hover .tagBody {
        background-position: 0 -85px;
    }

        .tag:hover .tagBody span {
            color: #fff;
            top: 4px;
        }

    .tag:hover .tagRight {
        background-position: 0 -104px;
    }

.searchActions {
    float: right;
    position: absolute;
    top: 30px;
    right: 0;
}

.accountExpand {
}

.serviceSearchActions {
    float: right;
    position: static;
}

.resetFilters {
    color: #000;
    margin: 0 0 10px 10px;
    float: left;
    border-bottom: 1px dotted #000;
    padding-bottom: 2px;
    top: 5px;
    cursor: pointer;
}

.csvActions {
    float: right;
    top: -4px;
    position: absolute;
    margin-left: 445px;
}

/* EO GRID */

/* UI */
.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        zoom: 1;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block !important;
        font-size: 0.9em !important;
        padding: .5em .5em .5em .7em !important;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 15px !important;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/* NOTIFICATIONS */
.notification {
    clear: both;
    height: 46px;
    width: 99%;
    margin: 0 auto;
    top: 12px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .notification h4,
    .notification span {
        top: 38%;
        left: 50px;
        font-size: 12px;
        font-weight: bold;
        *.text-shadow: 0 1px 1px #fff;
    }

    .notification .message {
        font-weight: normal;
    }

    .notification.warning {
        background: url(../images/icons/notification2_icon.png) no-repeat 13px center, url(../images/common/bg_notification.png) repeat-x top rgb(254, 223, 130);
        border: 1px solid #c6b189;
    }

    .notification.info {
        background: url(../images/icons/info_icon.png) no-repeat 13px center, url(../images/common/bg_infoLight_notification.png) 0px 0px/100% 100% repeat-x rgb(158, 220, 249);
        border: 1px solid #70c3ea;
    }

    .notification.flexible {
        height: auto;
        min-height: 46px;
        padding: 1em 0;
        word-wrap: break-word;
        top: 0;
    }

        .notification.flexible ul {
            margin-top: 1em;
            margin-left: 60px;
        }

        .notification.flexible li {
            list-style-type: disc;
            padding: 2pt 0;
        }

/* LOADER */
.loader {
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 15%;
}

    .loader img {
        text-align: center;
    }

    .loader h3 {
        text-align: center;
        color: #0078a9;
        font-size: 16px;
        font-weight: bold;
        margin-top: 15px;
    }

    .loader h4 {
        text-align: center;
        font-size: 14px;
        color: #737373;
        margin-top: 3px;
    }

.loaderSmall {
    width: 100%;
    clear: both;
    margin-top: 3%;
    left: 0 !important;
}

    .loaderSmall img {
        float: left;
        top: 3px;
    }

    .loaderSmall p {
        width: auto;
        text-transform: uppercase;
        padding-left: 30px;
        font-size: 11px;
        font-weight: bold;
        color: #737373;
    }

/* VALIDATION */
.field-validation-error {
    position: absolute;
    top: 60px;
    left: 30px;
    float: left;
    z-index: 1;
    min-width: 150px;
}

    .field-validation-error.none-altered {
        position: absolute;
        top: 9px;
        left: 0px;
        float: left;
        z-index: 1;
        min-width: 150px;
    }

    .field-validation-error span {
        display: block;
        background: #014c5c;
        color: #fff;
        padding: 10px;
        width: 100%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.6);
        -moz-box-shadow: 0 0 10px rgba(50, 50, 50, 0.6);
        box-shadow: 0 0 10px rgba(50, 50, 50, 0.6);
    }

    .field-validation-error.field-validation-single-line span {
        white-space: nowrap;
    }

.validation_arrow span {
    background: transparent url(../images/icons/error_arrow.gif) no-repeat !important;
    position: absolute;
    top: 0;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
}

.validation_arrow {
    background: transparent url(../images/icons/error_arrow.gif) no-repeat !important;
    height: 9px;
    width: 18px;
    top: 51px;
    left: 45px;
    z-index: 1;
    min-width: 18px;
    max-width: 18px;
}

    .validation_arrow.none-altered {
        background: transparent url(../images/icons/error_arrow.gif) no-repeat !important;
        height: 9px;
        width: 18px;
        top: 0px;
        left: 15px;
        z-index: 1;
        min-width: 18px;
        max-width: 18px;
    }

.validation_arrow_down,
.validation_arrow_down span {
    background: transparent url(../images/icons/error_arrow_inverse.gif) no-repeat !important;
}

.validation_arrow.smallOffset {
    top: 30px !important;
}

.field-validation-error.smallOffset {
    top: 38px;
}

.validation_arrow.noOffset {
    left: 20px !important;
    top: 0 !important;
    margin-top: -8px;
}

.validation_arrow_down.noOffset {
    left: 20px !important;
    margin: 0;
}

.field-validation-error.noOffset {
    top: 0;
    left: 0;
}

.field-validation-error.top {
    top: -32px !important;
}

.accountNumberArrowValidation {
    left: 355px;
}

.accountNumberValidation {
    left: 270px;
}

.sortCode1ArrowValidation {
    left: 510px;
}

.sortCode2ArrowValidation {
    left: 570px;
}

.sortCode3ArrowValidation {
    left: 630px;
}

.sortCodeValidation {
    left: 475px;
}


/* BORDERS */
.grayBorder {
    border-top: 2px solid #e5e5e5;
    clear: both;
}

.grayThinBorder {
    border-top: 1px solid #e5e5e5;
    clear: both;
}

.darkGrayBorder {
    border-top: 2px solid #b2b2b2;
    clear: both;
}

.darkGrayThinBorder {
    border-top: 1px solid #b2b2b2;
    clear: both;
}

/* DATEPICKER */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #eee;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
        border-bottom: none;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block !important;
            padding: .2em !important;
            text-align: right !important;
            text-decoration: none !important;
            border: 1px solid #CCC !important;
            background: #F6F6F6 !important;
            color: #1c94c4 !important;
            outline: none !important;
            font-weight: bold !important;
        }

            .ui-datepicker td span, .ui-datepicker td a:hover {
                border: 1px solid #fbcb09 !important;
                color: #c77405 !important;
            }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

input[type="text"].date {
    width: 120px !important;
    color: #888888;
}

.date {
    cursor: pointer;
}

.ui-datepicker-trigger {
    left: 5px;
    top: 4px;
}


input[type="text"].time {
    width: 54px !important; /*reporting 120px*/
    color: #888888;
}

.time {
    cursor: pointer;
}

.ui-timepicker-trigger {
    left: 5px;
    top: 4px;
}

/* NUMBERS */
.number {
    width: 30px !important;
}

/* BLANK GRID */
.gridBlank {
    font-size: 11px;
}

    .gridBlank th {
        font-weight: bold;
        text-align: left;
        padding-bottom: 7px;
    }

    .gridBlank td {
        vertical-align: top;
        padding-bottom: 7px;
    }

/* EDIT MODE PANEL UI */
.editTitle {
    font-size: 11px;
}

.editMode:hover {
    cursor: pointer;
}

.editMode:hover,
.editingMode {
    border: 1px solid #c6c6c6;
    background: #dfdfdf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px 5px !important;
    border-radius: 5px;
    padding: 8px 5px !important;
}

.editPanel {
    display: none;
}

    .editPanel .select .ui-selectmenu, .editPanel .select .ui-selectmenu:hover,
    .creditHistoryManagement .select .ui-selectmenu, .creditHistoryManagement .select .ui-selectmenu:hover {
        border: 1px solid #c6c6c6;
    }

    .editPanel .select .ui-selectmenu-status,
    .creditHistoryManagement .select .ui-selectmenu-status {
        color: #000;
        font-size: 11px;
    }

.sectionTitleWrapper {
    height: 12px;
}

.messagePanel {
    padding: 10px 0;
    display: none;
}

    .messagePanel .success {
        float: left;
    }

    .messagePanel p {
        font-size: 11px;
        margin-left: 25px;
        padding-top: 3px;
    }

.pencilBlackIcon {
    float: right;
    position: absolute;
    right: 0;
    bottom: 1px;
    display: none;
}

.cancelButton, .creditCancelButton, .customParameterCancelButton {
    float: right;
    cursor: pointer;
}

.backButton {
    float: left;
}

.editingMode input[type="text"], .editingMode input[type="password"] {
    color: #000;
    border: 1px solid #c6c6c6;
    font-size: 11px;
}

    .editingMode input[type="text"]:focus, .editingMode input[type="password"]:focus {
        background: none repeat scroll 0 0 #FFFFFF !important;
        box-shadow: 0 0 8px rgba(198, 198, 198, 1);
    }

/* Grid Statuses */
.gridStatuses {
    background: url(../images/icons/grid_status.png) repeat-x 0 0;
    width: 11px;
    height: 12px;
    display: inline-block;
}

.grayStatus {
    background-position: 0 -12px;
}

    .grayStatus:hover {
        background-position: -11px -12px;
    }

.orangeStatus {
    background-position: 0 -24px;
}

    .orangeStatus:hover {
        background-position: -11px -24px;
    }

.redStatus {
    background-position: 0 -36px;
}

    .redStatus:hover {
        background-position: -11px -36px;
    }

.yellowStatus {
    background-position: 0 -48px;
}

    .yellowStatus:hover {
        background-position: -11px -48px;
    }

.gridSearchIcon {
    background: url("../images/icons/search_icon.png") no-repeat scroll center center transparent;
    height: 19px;
    margin-left: 8px;
    min-width: 20px;
    padding: 4px;
    position: absolute;
    top: 12px;
}

.select .tinySelect {
    width: 45px !important;
}

    .select .tinySelect .ui-selectmenu-status {
        width: 20px;
    }

.tinySelect, .smallSelect {
    width: 45px !important;
}

.select .midiSelect {
    width: 150px !important;
}

    .select .midiSelect .ui-selectmenu-status {
        width: 125px;
    }

.midiSelect {
    width: 150px !important;
}


.select .halfSelect {
    width: 100px !important;
}

    .select .halfSelect .ui-selectmenu-status {
        width: 100px;
    }

.halfSelect {
    width: 100px !important;
}

.displayNone {
    display: none !important;
}

.ui-state-default,
.ui-state-active {
    background: none !important;
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #000 !important;
        text-decoration: none;
    }

.select a.ui-selectmenu {
    background: url(../images/common/bg_forms.png) repeat-x 0 -30px !important;
}

.filterAccordion div {
    border: none !important;
    background: none !important;
}

.ui-button-text {
    color: #000 !important;
}

.ui-widget {
    font-family: HelveticaNeue, Arial, Verdana, Tahoma !important;
}

.borderless {
    border: none;
    border-bottom: none !important;
    padding: 0 !important;
}

.validation-summary-errors ul li {
    padding-top: 4px;
}

.validation-summary-errors.success ul li {
    color: #009933;
    font-weight: bold;
}

.validation-summary-errors.error ul li,
.validation-summary-errors.error ul li a {
    color: #FF0000;
    font-weight: bold;
}

.validation-summary-errors span {
    color: #ff0000;
    margin-top: 5px;
    display: block;
}

.remember {
    margin-left: 10px;
    margin-top: 6px;
}

/* Module - Search - For all the search functionally across all pages */
.searchContainer {
    background: #fff url(../images/customer/bg_customer_body.png) repeat-y top center !important;
    padding-top: 0 !important;
    width: 960px !important;
    margin: 0 auto !important;
    min-height: 640px;
}
/* filter */
.filterRecordsWrapper {
    width: 220px;
    float: left;
    left: 8px;
    top: 30px;
}

.miscIcon {
    float: left;
}

.filterRecordsWrapper h3,
a.accordionTitle {
    font-size: 14px;
    float: left;
    margin-left: 5px;
    font-weight: bold;
    color: #000;
    border: 0;
}

.filterAccordion {
    clear: both;
    margin-top: 20px;
}

    .filterAccordion div.panel {
        clear: both;
        border-bottom: 2px solid #e5e5e5;
        left: 6px;
        padding-left: 20px !important;
        overflow: hidden;
    }

div.panel div.formRow:first-child {
    margin-top: 0;
}

.filterAccordion .arrowGrayDown {
    top: 60% !important;
}

.filterAccordion .arrowGrayLeft {
    top: 56% !important;
}

.ui-accordion-header {
    border-bottom: 2px solid #e5e5e5 !important;
    width: 98%;
}

.ui-state-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-content {
    padding: 0 10px 10px 10px !important;
}

.filterButton {
    clear: both;
    left: 15px;
    top: 15px;
    display: block;
}

/* list */
.list {
    float: left;
    width: 709px;
    min-height: 300px;
    margin-left: 30px;
    padding-top: 20px;
    margin-bottom: 50px;
}

.left-list-top {
    float: left;
    width: 709px;
    min-height: 100px;
    margin-left: 10px;
    padding-top: 20px;
    margin-bottom: 50px;
}

.left-list {
    float: left;
    width: 709px;
    min-height: 300px;
    margin-left: 10px;
    padding-top: 20px;
    margin-bottom: 50px;
}

.ajaxInProgress {
    height: 200px;
}

    .ajaxInProgress * {
        display: block;
        margin: 0 auto;
    }

    .ajaxInProgress img {
        top: 40%;
    }

    .ajaxInProgress span {
        font-size: 12pt;
        text-align: center;
        top: 50%;
    }

.gridView .collapseAllLink, .gridView .expandAllLink {
    top: 0;
}
/* gridViewTable */

.gridViewTable td {
    padding-left: 0;
    padding-right: 0;
}

    .gridViewTable td:nth-child(1) {
        text-align: center;
        padding-left: 7px;
        padding-right: 5px;
    }

    .gridViewTable td:nth-child(2) {
        width: 60px;
    }

    .gridViewTable td:nth-child(3),
    .gridViewTable td:nth-child(3) .ellipsis {
        width: 120px;
        padding-left: 5px;
    }

    .gridViewTable td:nth-child(4),
    .gridViewTable td:nth-child(4) .ellipsis {
        width: 175px;
        padding-left: 5px;
    }

    .gridViewTable td:nth-child(5),
    .gridViewTable td:nth-child(5) .ellipsis {
        width: 102px;
        padding-left: 5px;
    }

    .gridViewTable td:nth-child(6),
    .gridViewTable td:nth-child(6) .ellipsis {
        width: 100px;
        padding-left: 5px;
    }

    .gridViewTable td:nth-child(7) {
        width: 50px;
        text-align: center;
    }



.jwtGridViewTable td {
    padding-left: 0;
    padding-right: 0;
    width: 960px;
}

    .jwtGridViewTable td:nth-child(1) {
        max-width: 114px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }


.jwtGridViewTable {
    margin-top: 5px;
    border-collapse: separate;
}

    .jwtGridViewTable thead {
        background: url(../images/grid/grid.png) repeat-x 0 0;
    }

        .jwtGridViewTable thead tr {
            height: 28px;
        }

    .jwtGridViewTable th {
        /*border-right:1px solid #e3e3e3;*/
        font-size: 12px;
        vertical-align: middle;
        text-align: left;
        padding: 0 5px;
        border-top: 1px solid #a9ccde;
        border-right: 1px solid #a9ccde;
        border-bottom: 1px solid #a9ccde;
        white-space: nowrap;
    }

        .jwtGridViewTable th:first-child {
            -moz-border-top-left-radius: 5px;
            -moz-border-bottom-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            border-left: 1px solid #a9ccde;
        }

        .jwtGridViewTable th:nth-child(2) {
            max-width: 110px !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .jwtGridViewTable th:nth-child(3) {
            max-width: 103px !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .jwtGridViewTable th:nth-child(4) {
            max-width: 120px !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .jwtGridViewTable th:nth-child(9) {
            max-width: 115px !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .jwtGridViewTable th:last-child {
            -moz-border-top-right-radius: 5px;
            -moz-border-bottom-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .jwtGridViewTable th:hover {
            cursor: default;
        }

    .jwtGridViewTable .styleless-thead,
    .jwtGridViewTable .styleless-thead th {
        background: none;
        cursor: default;
    }

        .jwtGridViewTable .styleless-thead th {
            border: none;
        }

    .jwtGridViewTable th .checkboxWrapper {
        background: url(../images/grid/grid.png) repeat-x 0 -118px;
        height: 21px;
        border: 1px solid #cfcfcf;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        top: 3px;
    }

    .jwtGridViewTable th .arrowSort {
        margin-left: 5px;
        float: right;
        top: 4px;
        right: 5px;
    }

    .jwtGridViewTable .arrowIcons {
        display: inline-block;
        border-bottom: 0;
    }

    .jwtGridViewTable .arrow {
        left: 3px;
    }

    .jwtGridViewTable .arrowSelected {
        top: -5px;
    }

    .jwtGridViewTable .arrowMenuBlackDown {
        top: -2px;
    }

    .jwtGridViewTable td {
        border-bottom: 1px solid #e3e3e3 !important;
        border-right: 0 solid !important;
        font-size: 12px;
        vertical-align: middle;
        text-align: left;
        padding: 7px 5px;
    }

    .jwtGridViewTable tbody tr:hover,
    .jwtGridViewTable tbody tr.selected {
        background: url(../images/grid/grid.png) repeat-x 0 -115px;
        cursor: pointer;
    }

    .jwtGridViewTable td a {
        color: #004483;
        font-size: 11px;
        /*border-bottom:1px dotted #004483;*/
    }

    .jwtGridViewTable td .boldHeader {
        font-size: 12px;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 2px;
        float: left;
    }

    .jwtGridViewTable .expandCol {
        width: 12px;
        text-align: center;
    }

    .jwtGridViewTable .masterExpandedRow td {
        border-bottom: 0 solid !important;
    }

    .jwtGridViewTable .expandedRow:hover,
    .jwtGridViewTable .detailedExpandedRow:hover {
        background: none;
    }

    .jwtGridViewTable .expandedRow td {
        font-size: 11px;
        border-bottom: 0 solid !important;
    }

    .jwtGridViewTable .detailedExpandedRow td {
        font-size: 11px;
    }

    .jwtGridViewTable td .custom-checkbox {
        top: 2px !important;
        width: 17px;
    }

    .jwtGridViewTable td .gridViewTable {
        margin-top: 0;
    }

    .jwtGridViewTable .regular {
        font-size: 12px;
        color: #000;
    }

/*Specific setting for the first column in the detailviewTable. The white-space property enables the table to display the contents on two lines */
.detailViewTable th:nth-child(1) {
    width: 54px;
    max-width: 120px;
    white-space: normal;
}

/*specific settings for the table descriptions of the detailViewTable.*/
.detailViewTable td:nth-child(1) {
    text-align: left !important;
    width: 45px !important;
    max-width: 100px;
    white-space: normal;
}

.detailViewTable td:nth-child(2),
.detailViewTable td:nth-child(2) .ellipsis {
    width: 70px !important;
}

.detailViewTable td:nth-child(3) {
    width: 45px !important;
}

.detailViewTable td:nth-child(4),
.detailViewTable td:nth-child(4) .ellipsis {
    width: 390px !important;
}

.detailViewTable td:nth-child(5) {
    width: 55px !important;
}

.detailViewTable td:nth-child(6) {
    width: 25px !important;
}

.serviceSearchGrid td {
    padding-left: 0;
    padding-right: 0;
}

    .serviceSearchGrid td:nth-child(1) {
        text-align: center;
        padding-left: 7px;
        padding-right: 5px;
    }

    .serviceSearchGrid td:nth-child(2),
    .serviceSearchGrid td:nth-child(2) .ellipsis {
        width: 148px;
        max-width: 148px;
        min-width: 148px;
    }

    .serviceSearchGrid td:nth-child(3),
    .serviceSearchGrid td:nth-child(3) .ellipsis {
        width: 360px;
        padding-left: 5px;
        max-width: 360px;
    }

    .serviceSearchGrid td:nth-child(4) {
        width: 50px;
    }

    .serviceSearchGrid td:nth-child(5) {
        width: 110px;
    }

.serviceDetailsGrid td:nth-child(1) {
    text-align: left !important;
    width: 55px !important;
    max-width: 55px !important;
}

.serviceDetailsGrid td:nth-child(2),
.serviceDetailsGrid td:nth-child(2) .ellipsis {
    width: 120px !important;
    max-width: 120px !important;
}

.serviceDetailsGrid td:nth-child(3),
.serviceDetailsGrid td:nth-child(3) .ellipsis {
    width: 150px !important;
    max-width: 150px !important;
    padding-left: 0;
}

.serviceDetailsGrid td:nth-child(4) {
    max-width: 90px !important;
}

.serviceDetailsGrid td:nth-child(5) {
    width: 85px !important;
    max-width: 85px !important;
}

.entitlementSearchGrid td {
    padding-left: 0;
    padding-right: 0;
}

    .entitlementSearchGrid td:nth-child(1) {
        text-align: center;
        padding-left: 7px;
        padding-right: 5px;
    }

    .entitlementSearchGrid td:nth-child(2),
    .entitlementSearchGrid td:nth-child(2) .ellipsis {
        width: 199px !important;
        max-width: 199px !important;
    }

    .entitlementSearchGrid td:nth-child(3),
    .entitlementSearchGrid td:nth-child(3) .ellipsis {
        width: 199px !important;
        max-width: 199px !important;
    }

    .entitlementSearchGrid td:nth-child(4),
    .entitlementSearchGrid td:nth-child(4) .ellipsis {
        width: 135px !important;
        max-width: 135px !important;
    }

    .entitlementSearchGrid td:nth-child(5),
    .entitlementSearchGrid td:nth-child(5) .ellipsis {
        width: 135px !important;
        max-width: 135px !important;
    }

    .entitlementSearchGrid td:nth-child(6),
    .entitlementSearchGrid td:nth-child(6) .ellipsis {
        width: 140px;
    }

.entitlementSearchGrid .detailViewTable th {
    padding: 0;
}

    .entitlementSearchGrid .detailViewTable th:nth-child(1) {
        padding-left: 7px;
    }

.entitlementDetailParamsGrid th,
.entitlementDetailParamsGrid td,
.entitlementDetailParamsGrid th *,
.entitlementDetailParamsGrid td * {
    padding: 0 0 3px 3px !important;
}

.orderSearchGrid {
    padding-left: 0;
    padding-right: 0;
}

    .orderSearchGrid td:nth-child(1) {
        text-align: center !important;
        padding-left: 7px;
        padding-right: 5px;
        min-width: 45px;
        width: 45px;
    }

    .orderSearchGrid td:nth-child(2) {
        min-width: 70px;
        width: 70px;
        padding-left: 5px;
    }

    .orderSearchGrid td:nth-child(3) {
        width: 260px;
        padding-left: 5px;
    }

        .orderSearchGrid td:nth-child(3) .ellipsis {
            width: 290px;
        }

    .orderSearchGrid td:nth-child(4) {
        width: 60px;
        padding-left: 5px;
    }

    .orderSearchGrid td:nth-child(5) {
        width: 90px;
        padding-left: 5px;
        white-space: nowrap;
    }

    .orderSearchGrid td:nth-child(6) {
        width: 90px;
        padding-left: 5px;
    }

    .orderSearchGrid td:nth-child(7) {
        width: 30px;
        padding: 0;
    }

.orderReportCsvGrid {
    padding-left: 0;
    padding-right: 0;
    width: 500px;
}

    .orderReportCsvGrid th:nth-child(1), .orderReportCsvGrid td:nth-child(1) {
        text-align: center !important;
        padding-left: 7px;
        padding-right: 5px;
        width: 40px;
    }

    .orderReportCsvGrid td:nth-child(2) {
        width: 70px;
        padding-left: 5px;
    }

    .orderReportCsvGrid td:nth-child(3) {
        width: 70px;
        padding-left: 5px;
    }

    .orderReportCsvGrid td:nth-child(4) {
        width: 80px;
        padding-left: 5px;
    }

    .orderReportCsvGrid th:nth-child(5), .orderReportCsvGrid td:nth-child(5) {
        text-align: center !important;
        width: 40px;
        padding-left: 5px;
    }

/* Application dialog modules - Virtual Terminal, Add Entitlements etc */
.app-dialog {
    border: none !important;
    padding: 0 !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.ui-dialog {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.app-dialog .ui-dialog-titlebar {
    height: 30px;
    background: none;
    background-color: #eeeeee;
    border: none !important;
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
    border-color: #c6c6c6 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .app-dialog .ui-dialog-titlebar .ui-dialog-title {
        background: url('../images/icons/vt.png') no-repeat scroll -4px -3px transparent;
        font-family: Arial;
        font-size: 16px;
        margin-top: 5px;
        padding: 4px 0 5px 27px;
    }

.vt-container .ui-dialog-titlebar .VT-timer-outer {
    float: right;
    margin-top: 9px;
    font-weight: normal;
    right: 75px;
    position: absolute;
}

.vt-container {
    z-index: 9999 !important;
}

    .vt-container .ui-dialog-titlebar .VT-timer-outer div {
        float: left;
    }

    .vt-container .ui-dialog-titlebar .timer-inner {
        background: url("../images/icons/vt-timer-bg.png") no-repeat scroll -3px -4px transparent;
        height: 20px;
        width: 20px;
        padding-top: 2px;
        color: white;
        text-align: center;
        top: -2px;
        margin: 0 6px;
    }

.app-dialog .ui-dialog-titlebar .ui-icon-closethick {
    background-image: url("../images/icons/dialog_close.png") !important;
    background-position: -3px -2px !important;
}

.app-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    margin: -10px 8px 0 !important;
}

.app-dialog .ui-dialog-titlebar a.ui-state-hover {
    background: none !important;
    border: none !important;
    font-weight: normal !important;
    padding: 1px !important;
}

.app-dialog .ui-selectmenu {
    background: url("../images/common/bg_forms.png") repeat-x scroll 0 -30px transparent !important;
    border: 1px solid #DEDDDE !important;
    border-radius: 5px 5px 5px 5px !important;
    display: block !important;
    font-size: 13px !important;
    height: 23px !important;
    line-height: 23px !important;
    overflow: hidden !important;
    width: 193px !important;
}

    .app-dialog .ui-selectmenu .ui-selectmenu-icon {
        background: url("../images/icons/dropdown_arrow.png") no-repeat scroll center center transparent !important;
        margin-top: -28px;
        width: 25px !important;
    }

.app-dialog #vt-form,
.app-dialog #entitlementDlg {
    padding: 0;
}

.app-dialog #vt-form {
    width: 930px;
    overflow-x: hidden;
    background-color: #f2f2f2;
    /*height: 711px !important;*/
}

.app-dialog-overlay {
    background: none !important;
    background-color: #000 !important;
    opacity: 0.6 !important;
}

.translation-overlay {
    z-index: 10000;
    width: 1903px;
    height: 997px;
    display: none;
    background: #000000;
    opacity: 1 !important;
    background: rgba(0, 0, 0, .6) !important;
}

.translate-wrap {
    width: 150px;
    margin: 275px auto 0 auto;
}

    .translate-wrap span {
        position: absolute;
        color: white;
        font-size: 20px;
        font-weight: bold;
        top: 25px;
    }

    .translate-wrap img {
        width: 150px;
    }

.vt-container .card-type-combo .ui-selectmenu-status,
.vt-container .pay-type-combo .ui-selectmenu-status {
    font-weight: bold;
}

.vt-container .credit-card-content .grid-row {
    padding-top: 8px;
}

.vt-container .card-type-row .ui-selectmenu-item-icon {
    background: url("../images/icons/payment_account_icons.png") repeat scroll 0 0 transparent;
    height: 24px;
    left: -25px;
    position: absolute;
    width: 30px;
    background-size: 33px auto;
}

.vt-container .card-type-row a.visa-card .ui-selectmenu-item-icon {
    background-position: 0 227px;
}

.vt-container .card-type-row a.master-card .ui-selectmenu-item-icon {
    background-position: 0 157px;
}

.account-group-section, .vt-container .subsContent, .vt-container .prodsContent, #CustomParameterAddDiv, #CustomParameterEditDiv, #AddedCustomParamters, .ParameterValidation, .PurchaseTypeValidation {
    display: none;
}

#customParameterSpan {
    height: 80px;
}

.vt-container .title-combo li a,
.vt-container .product-combo li a,
.vt-container .price-combo li a,
.vt-container .card-type-combo li a,
.vt-container .expiry-mm-combo li a,
.vt-container .expiry-yy-combo li a,
.vt-container .country-name-combo li a,
.vt-container .title-combo .ui-selectmenu-status,
.vt-container .product-combo .ui-selectmenu-status,
.vt-container .price-combo .ui-selectmenu-status,
.vt-container .card-type-combo .ui-selectmenu-status,
.vt-container .expiry-mm-combo .ui-selectmenu-status,
.vt-container .expiry-yy-combo .ui-selectmenu-status,
.vt-container .country-name-combo .ui-selectmenu-status {
    font-size: 11px;
}
/* TODO */
/*.visa .ui-selectmenu-item-icon { background: url(../images/icons/payment_account_icons.png) 0 0 no-repeat; }*/
.app-dialog .custom-checkbox label {
    background: url(../images/common/check_boxes.png) no-repeat;
    padding: 3px 0;
    text-indent: 25px;
    font-weight: normal;
    background-position: 2px -1px;
    width: auto !important;
}

    .app-dialog .custom-checkbox label.checked {
        background-position: 2px -22px;
    }

    .app-dialog .custom-checkbox label.disabled {
        background-position: 2px -43px;
    }

.disabled .custom-checkbox {
    font-style: italic;
    color: grey;
}

.virtual-terminal {
    width: 927px;
}

.virtual-terminal,
.addEntitlementDialog {
    font-size: 11px;
    font-family: HelveticaNeue,Arial,Verdana,Tahoma;
}

    .virtual-terminal #LeftTab {
        height: auto !important;
        border-right: solid 1px #c8c8c8;
    }

    .addEntitlementDialog #val1 .validation_arrow {
        left: 19px !important;
        top: 45px !important;
    }

    .addEntitlementDialog #val1 .field-validation-error {
        left: 4px;
        top: 54px;
        width: 240px;
    }

    .addEntitlementDialog #val2 .validation_arrow {
        left: 227px !important;
        top: 45px !important;
    }

    .addEntitlementDialog #val2 .field-validation-error {
        left: 212px;
        top: 54px;
        width: 240px;
    }

.addProductParameterDialog #val1 .validation_arrow {
    left: 19px !important;
    top: 0px !important;
}

.addProductParameterDialog #val1 .field-validation-error {
    left: 4px;
    top: 9px;
    width: 240px;
}

.addProductParameterDialog .validation {
    position: absolute;
    margin-top: -10px;
    width: 350px;
}

.virtual-terminal {
    min-height: /*565px*/ 572px;
}

    .virtual-terminal .select {
        z-index: 9999; /*NEWMGT-1418*/
    }

.app-dialog .separator {
    clear: both;
    margin: 15px 0;
    border: 1px solid #c5c5c5;
}

.app-dialog .section-title {
    font-size: 12px;
}
/*
.virtual-terminal input[type='text'], a.ui-selectmenu {
    margin-top: 3px;
}
*/
.app-dialog input[type='text'], .app-dialog a.ui-selectmenu {
    margin-top: 3px;
}

.app-dialog .select {
    margin: 0;
}

    .app-dialog .select .halfSelect {
        width: 100px !important;
    }

    .app-dialog .select .tinySelect {
        width: 45px !important;
    }

.app-dialog .grid-row .col span {
    margin-left: 5px;
}

.virtual-terminal .vtClientUserId,
.virtual-terminal .vtEmailAddress {
    margin-left: 5px;
    width: 225px;
}

.vtClientUserId.validation {
    left: 350px;
}

.app-dialog .validation {
    margin-top: -10px;
}

.addEntitlementDialog .validation {
    position: absolute;
    margin-top: -10px;
    width: 350px;
}

.addEntitlementDialog .customParamValidation {
    float: left;
    position: absolute;
    top: -45px;
    width: 250px;
}

    .addEntitlementDialog .customParamValidation .field-validation-error {
        position: relative;
    }

#customParamsValues {
    max-height: 140px;
    overflow-y: auto;
}

.app-dialog .validation.fleft {
    position: absolute;
    margin-top: 0;
    height: 0;
    width: 0;
}

.new-entitlement-dialog .ui-dialog-content {
    overflow: hidden !important;
}

.vt-left {
    width: 626px;
    height: /*555px;*/ 588px;
    padding: 0;
    background-color: #fff;
}

section.vtSessionData-section {
    background-color: white;
}

.vt-left .vtSessionData-section .sessionData-overlay {
    position: absolute;
    z-index: 1;
    top: -5px;
    width: 100%;
    height: 598px;
    background: none repeat scroll 0 0 rgb(242, 242, 242);
    opacity: 0.6;
    display: none;
}

.vt-right {
    width: 300px;
    height: 588px;
    padding: 5px 0;
    background-color: #f6f6f6;
}

    .vt-right .vtCreateSessionError {
        padding-top: 10px;
        margin-left: 10px;
    }

        .vt-right .vtCreateSessionError div {
            padding-top: 5px;
        }

    .vt-right .vtCreateSessionError {
    }

.vt-successright {
    margin-top: 15px;
    margin-left: 10px;
    width: 280px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f6f6f6;
    font-size: 11px;
}

.vt-left .vtSessionData-section .item, .vt-right .payment-section .item {
    padding: 5px 5px;
    margin: 0 10px;
}

    .vt-left .vtSessionData-section .item:nth-child(1) {
        height: 130px;
        padding-bottom: 10px;
        border-bottom: 1px solid #bbb;
    }

    .vt-left .vtSessionData-section .item:nth-child(2) {
        padding-bottom: 10px;
        border-bottom: 1px solid #bbb;
    }

    .vt-left .vtSessionData-section .item:nth-child(3) {
        height: 137px;
        border-bottom: 1px solid #bbb;
    }

    .vt-left .vtSessionData-section .item:nth-child(4) {
        height: 40px;
        border-bottom: 1px solid #bbb;
    }

    .vt-left .vtSessionData-section .item:nth-child(5) {
        height: 104px;
    }

    .vt-left .vtSessionData-section .item:nth-child(6) {
        height: 50px;
        margin: 0;
        margin-top: 18px;
        border-top: 2px solid #e5e5e5;
    }

    .vt-left .vtSessionData-section .item:nth-child(5) .outer {
        display: table;
        height: 50px;
        margin-left: 11px;
    }

    .vt-left .vtSessionData-section .item:nth-child(5) .inner {
        display: table-cell;
        vertical-align: middle;
    }

    .vt-left .vtSessionData-section .item:nth-child(5) .ctrl-left {
        margin-top: 10px;
    }

    .vt-left .vtSessionData-section .item:nth-child(5) .ctrl-right {
        margin-left: 15px;
    }

    .vt-left .vtSessionData-section .item:nth-child(5) a.vt-close {
        border-bottom: 1px dotted #888888;
        font-weight: normal;
        font-size: 13px;
    }

.vtSessionData-section .grid-row {
    padding-top: 6px;
}

    .vtSessionData-section .grid-row .col,
    .payment-section .grid-row .col,
    .addEntitlementDialog .grid-row .col {
        float: left;
    }

.addEntitlementDialog section {
    clear: both;
}

.customer-details .grid-row:nth-child(1) {
    height: 20px;
    padding-top: 10px;
}

.customer-details .grid-row:nth-child(2) {
    height: 40px;
}

    .customer-details .grid-row:nth-child(2) .col:nth-child(1) {
        width: 107px;
    }

    .customer-details .grid-row:nth-child(2) .ui-selectmenu,
    .customer-details .grid-row:nth-child(2) .ui-selectmenu-status {
        width: 100px !important;
    }

ul.title-combo {
    width: 110px !important;
}

.customer-details .grid-row:nth-child(2) .col:nth-child(2),
.customer-details .grid-row:nth-child(2) .col:nth-child(3) {
    width: 225px;
}

.customer-details .grid-row:nth-child(2) input[type='text'] {
    width: 210px;
}

.customer-details .grid-row:nth-child(2) .col:nth-child(2),
.customer-details .grid-row:nth-child(2) .col:nth-child(3) {
    margin-left: 5px;
}

.customer-details .grid-row:nth-child(3) {
    height: 40px; /*padding-top: 5px;*/
}

    .customer-details .grid-row:nth-child(3) .col:nth-child(1) {
        width: 337px;
    }

    .customer-details .grid-row:nth-child(3) .col:nth-child(2) {
        width: 225px;
    }

    .customer-details .grid-row:nth-child(3) .col:nth-child(1) input[type='text'] {
        width: 322px;
    }

    .customer-details .grid-row:nth-child(3) .col:nth-child(3) input[type='text'] {
        width: 210px;
    }

    .customer-details .grid-row:nth-child(3) .col:nth-child(3) {
        margin-left: 5px;
    }

.order-info .grid-row:nth-child(1) {
    height: 20px;
}

.order-info .grid-row:nth-child(2) {
    height: 40px;
}

    .order-info .grid-row:nth-child(2) .ui-selectmenu,
    .order-info .grid-row:nth-child(2) .ui-selectmenu-status {
        width: 150px !important;
    }

ul.product-combo {
    width: 150px !important;
}

ul.ParameterType-combo {
    width: 150px !important;
}

.order-info .vtPaymentMethod {
    margin: -39px 0 0 160px !important;
}

.order-info .ParameterType {
    margin: -28px 0 0 160px !important;
}

.order-info .vtActivationCode {
    margin: -39px 0 0 320px !important;
}

    .order-info .vtActivationCode input {
        width: 230px;
    }

    .order-info .vtActivationCode .field-validation-error {
        top: 8px;
    }

    .order-info .vtActivationCode .validation_arrow {
        top: 0;
    }

.order-info .ParameterValue {
    margin: -28px 0 0 325px !important;
}

    .order-info .ParameterValue input {
        width: 190px;
    }

    .order-info .ParameterValue .field-validation-error {
        top: 8px;
    }

    .order-info .ParameterValue .validation_arrow {
        top: 0;
    }

.order-info .curr-amt-row {
    height: 35px !important;
}

    .order-info .curr-amt-row .ui-selectmenu,
    .order-info .curr-amt-row .ui-selectmenu-status {
        width: 70px !important;
    }

ul.currency-combo {
    width: 70px !important;
}

ul.price-combo,
.svc-grid-container .ui-selectmenu,
.svc-grid-container .ui-selectmenu-status {
    width: 115px !important;
}

.svc-grid-container .ui-selectmenu {
    height: 20px !important;
}

.svc-error {
    display: none;
    margin-top: -55px !important;
}

.order-info .curr-amt-row .col:nth-child(1) {
    width: 75px;
}

.order-info .curr-amt-row .col:nth-child(2) {
    width: 75px;
    margin-left: 5px;
}

    .order-info .curr-amt-row .col:nth-child(2) input[type='text'] {
        width: 60px;
    }

.order-info .desc-row .col:nth-child(1) {
    width: 525px;
}

    .order-info .desc-row .col:nth-child(1) input[type='text'] {
        width: 550px;
    }

.order-info .client-ref-row {
    height: 40px;
}

    .order-info .client-ref-row .col:nth-child(1) {
        width: 150px;
    }

        .order-info .client-ref-row .col:nth-child(1) input[type='text'] {
            width: 137px;
        }

.order-info .svc-group-row {
    height: 40px !important;
}

    .order-info .svc-group-row .col:nth-child(1) {
        width: 240px;
    }

    .order-info .svc-group-row .ui-selectmenu,
    .order-info .svc-group-row .ui-selectmenu-status {
        width: 230px !important;
    }

.account-group-section .svc-grid,
.order-info .svc-grid {
    height: 90px;
    width: 100%;
    padding-top: 5px;
}

.order-info .prodsContent {
    height: 181px;
}

    .order-info .prodsContent .svc-grid .svc-grid-container {
        height: 60px;
    }

.order-info .subsContent {
    height: 229px;
}

    .order-info .prodsContent .desc-row .col,
    .order-info .subsContent .desc-row .col {
        padding-top: 5px;
    }

    .order-info .subsContent .svc-error .field-validation-error {
        top: 8px;
        width: 290px;
    }

    .order-info .subsContent .svc-error .validation_arrow.field-validation-error {
        top: 0;
    }

    .order-info .subsContent .desc-row .validation .validation_arrow.field-validation-error {
        top: 138px;
    }

    .order-info .subsContent .desc-row .validation .field-validation-error {
        top: 146px;
    }

.order-info .prodsContent .prod-error .validation_arrow.field-validation-error {
    top: 0;
}

.order-info .prodsContent .prod-error .field-validation-error {
    top: 9px;
    width: 290px;
}

.order-info .prodsContent .desc-row .validation .validation_arrow.field-validation-error {
    top: 165px;
}

.order-info .prodsContent .desc-row .validation .field-validation-error {
    top: 173px;
}

.subsContent .svc-grid-container {
    z-index: 9000;
}

.groups-grid-container, .order-info .svc-grid .svc-grid-container, #prod-grid-container > div {
    height: 75px;
    padding-left: 10px;
    border-collapse: separate;
    overflow: auto;
    margin-top: 3px;
    border: 1px solid #cac9ca;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: url('../images/common/bg_textarea.png'); /* fallback image */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#ffffff)); /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-linear-gradient(top, #f8f8f8, #ffffff); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #f8f8f8, #ffffff); /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #f8f8f8, #ffffff); /* IE 10+ */
    background-image: -o-linear-gradient(top, #f8f8f8, #ffffff); /* Opera 11.10+ */
}

.svc-grid-container td {
    border-bottom: 1px solid #e3e3e3;
    font-weight: normal;
    padding: 0 0 8px;
}

    .svc-grid-container td:nth-child(1) {
        width: 30px;
    }

    .svc-grid-container td:nth-child(2) {
        width: 170px !important;
    }

    .svc-grid-container td:nth-child(3) {
        width: 140px;
    }

        .svc-grid-container td:nth-child(3) .select {
            position: relative;
            margin-top: -19px !important;
            top: 12px !important;
            width: 100%;
        }

    .svc-grid-container td:nth-child(4) {
        width: 140px;
    }

    .svc-grid-container td:nth-child(5) {
        width: 130px;
    }

.svc-grid-container tr:last-child td {
    border: none;
}


.groups-grid-container td {
    border-bottom: 1px solid #e3e3e3;
    font-weight: normal;
    padding: 0 0 8px;
}

    .groups-grid-container td:nth-child(1) {
        width: 30px;
    }

    .groups-grid-container td:nth-child(2) {
        width: 170px !important;
    }

.svc-grid-container tr:last-child td {
    border: none;
}

.account-group-section .svc-grid .col:nth-child(1),
.order-info .svc-grid .col:nth-child(1) {
    width: 100%;
}

    .order-info .svc-grid .col:nth-child(1) .productSearch {
        width: 100%;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

ul.service-combo {
    width: 230px !important;
}

.customer-email .full-email-row {
    height: 100px;
}

.customer-email .partial-email-row {
    height: 76px;
    margin-top: 23px;
}

.customer-email .full-email-row,
.customer-email .partial-email-row {
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px; /*padding-top: 5px;*/
}

    .customer-email .full-email-row .col:nth-child(1),
    .customer-email .partial-email-row .col:nth-child(1) {
        width: 555px;
        padding: 8px;
    }

    .customer-email .full-email-row .desc {
        color: #8A8A8A;
        font-style: italic;
        margin-left: 20px !important;
        position: relative;
        top: 3px;
        font-weight: normal;
    }

    .customer-email .full-email-row input[type='text'],
    .customer-email .partial-email-row input[type='text'] {
        margin-left: 25px;
        margin-top: 2px;
        width: 300px;
    }

.vt-right .payment-section iframe {
    height: 590px;
    position: absolute;
    top: 0;
}

.vt-right .payment-section .payment-overlay {
    position: absolute;
    z-index: 1;
    top: -5px;
    width: 100%;
    height: 598px;
    background: none repeat scroll 0 0 rgb(242, 242, 242);
    opacity: 0.6;
    display: block;
}

.payment-details .section-title {
    padding-top: 10px;
    height: 20px;
}

.payment-details .grid-row:nth-child(2),
.payment-details .ah-name-row,
.payment-details .ba-number-row,
.payment-details .sort-code-row,
.payment-details .card-type-row,
.payment-details .card-number-row,
.payment-details .expiry-date-row,
.payment-details .cv2-ino-row,
.payment-details .city-zip-row,
.payment-details .country-name-row {
    height: 40px;
}

.country-name-row {
    clear: none;
}

.payment-details .grid-row:nth-child(2) .col:nth-child(1) {
    width: 170px;
}

.payment-details .grid-row:nth-child(2) .ui-selectmenu,
.payment-details .grid-row:nth-child(2) .ui-selectmenu-status {
    width: 155px !important;
}

ul.pay-type-combo {
    width: 155px !important;
}

.payment-details .ah-name-row .col:nth-child(1) {
    width: 275px;
}

    .payment-details .ah-name-row .col:nth-child(1) input[type='text'] {
        width: 250px;
    }

.payment-details .ba-number-row .col:nth-child(1) {
    width: 200px;
}

    .payment-details .ba-number-row .col:nth-child(1) input[type='text'] {
        width: 175px;
    }

.payment-details .sort-code-row .col:nth-child(1) {
    width: 125px;
}

    .payment-details .sort-code-row .col:nth-child(1) input[type='text'] {
        width: 100px;
    }

.payment-details .card-type-row .col:nth-child(1) {
    width: 170px;
}

.payment-details .card-type-row .ui-selectmenu,
.payment-details .card-type-row .ui-selectmenu-status {
    width: 155px !important;
}

ul.card-type-combo {
    width: 155px !important;
}

.payment-details .card-number-row .col:nth-child(1) {
    width: 225px;
}

    .payment-details .card-number-row .col:nth-child(1) input[type='text'] {
        width: 200px;
    }

.payment-details .expiry-date-row .col:nth-child(1) {
    width: 75px;
}

.payment-details .expiry-date-row .col:nth-child(3) {
    width: 75px;
    margin-left: 80px;
    position: absolute;
    top: 7px;
}

.payment-details .expiry-date-row .ui-selectmenu,
.payment-details .expiry-date-row .ui-selectmenu-status {
    width: 70px !important;
}

.vtBillingAddress .grid-row {
    float: left;
}

    .vtBillingAddress .grid-row .col {
        width: 120px !important;
    }

        .vtBillingAddress .grid-row .col label {
            display: block;
        }

        .vtBillingAddress .grid-row .col input {
            width: 120px;
        }

.expiry-mm-combo {
    position: absolute;
}

ul.expiry-mm-combo, ul.expiry-yy-combo {
    width: 70px !important;
}

.payment-details .cv2-ino-row .col:nth-child(1) {
    width: 75px;
}

.payment-details .cv2-ino-row .col:nth-child(3) {
    width: 85px;
}

.payment-details .cv2-ino-row .col:nth-child(3) {
    margin-left: 5px;
}

    .payment-details .cv2-ino-row .col:nth-child(1) input[type='text'],
    .payment-details .cv2-ino-row .col:nth-child(3) input[type='text'] {
        width: 60px;
    }

.payment-details .billing-addr-row input[type='text']:nth-child(3) {
    margin-top: 8px;
}

.payment-details .country-name-row .ui-selectmenu,
.payment-details .country-name-row .ui-selectmenu-status {
    width: 130px !important;
}

ul.country-name-combo {
    width: 130px !important;
}

.vt-success {
    display: none;
}

    .vt-success, .vt-success .success-section {
        min-height: 560px;
        padding: 5px 10px;
    }

        .vt-success .success-success-message,
        .vt-success .msg-container,
        .vt-success .error-error-message {
            height: 55px;
        }

            .vt-success .success-success-message .msg-container,
            .vt-success .error-error-message .msg-container {
                display: table;
            }

            .vt-success .success-success-message .message {
                display: table-cell;
                vertical-align: middle;
                font-size: 18px;
                letter-spacing: 0.5px;
                background: url("../images/icons/green-right.png") no-repeat scroll 0 8px transparent;
                padding-left: 40px;
            }

            .vt-success .error-error-message .message {
                display: table-cell;
                vertical-align: middle;
                font-size: 18px;
                letter-spacing: 0.5px;
                background: url("../images/icons/red-right.png") no-repeat scroll 0 8px transparent;
                padding-left: 40px;
            }

        .vt-success .success-order-details {
            height: 140px;
            border-top: 2px solid #cccccc;
        }

            .vt-success .success-order-details .vt-left,
            .vt-success .success-order-details .vt-right,
            .vt-successright {
                float: left;
            }

            .vt-success .success-order-details .vt-left {
                width: 590px;
                height: 160px;
            }

            .vt-success .success-order-details .vt-right {
                width: 302px;
                margin-left: 5px;
            }

                .vt-success .success-order-details .vt-right .more-you-can-do {
                    border: 1px solid gray;
                    margin-left: 20px;
                    margin-top: 8px;
                    height: 132px;
                    background-color: #eeeeee;
                    border: 1px solid #c6c6c6;
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }

        .vt-success .more-you-can-do .more-row {
            height: 43px;
            margin: 0 5px;
            display: table;
            width: 270px;
        }

        .vt-success .more-you-can-do .more-content {
            display: table-cell;
            vertical-align: middle;
        }

        .vt-success .more-you-can-do a,
        .vt-success .more-you-can-do label {
            margin-left: 10px;
        }

        .vt-success .more-you-can-do a {
            font-size: 12px;
            padding: 7px 0 5px 42px;
            display: inherit;
        }

        .vt-success .more-you-can-do .more-row:nth-child(2) a {
            background: url("../images/icons/post.png") no-repeat scroll 10px center transparent;
        }

        .vt-success .more-you-can-do .more-row:nth-child(3) a {
            background: url("../images/icons/user.png") no-repeat scroll 10px center transparent;
        }

        .vt-success .more-you-can-do .more-row:nth-child(4) a {
            background: url("../images/icons/icon-group-grey.png") no-repeat scroll 10px center transparent;
        }

        .vt-success .more-you-can-do .more-row:nth-child(1) {
            border-bottom: 1px solid #bebebe;
            font-weight: bold;
            font-size: 14px;
        }

        .vt-success .more-you-can-do .more-row:nth-child(2) {
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #bebebe;
        }

        .vt-success .more-you-can-do .more-row:nth-child(3) {
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #bebebe;
        }

        .vt-success .order-grid, .vt-success .customer-grid {
            padding-left: 5px;
        }

        .vt-success .grid-row {
            padding-top: 13px;
        }

        .vt-success .col {
            float: left;
        }

        .vt-success .grid-head {
            font-size: 13px;
            font-weight: bold;
        }

        .vt-success .col-head {
            font-size: 12px;
            font-weight: bold;
            float: left;
        }

        .vt-success .col-content {
            clear: left;
            padding-top: 4px;
            font-size: 11px;
        }

        .vt-success .success-order-details .grid-row:nth-child(1),
        .vt-success .success-customer-details .grid-row:nth-child(1) {
            height: 15px;
        }

        .vt-success .success-order-details .grid-row:nth-child(2),
        .vt-success .success-order-details .grid-row:nth-child(3) {
            height: 30px;
        }

        .vt-success .success-order-details .grid-row .col:nth-child(1) {
            width: 130px;
        }

        .vt-success .success-order-details .grid-row .col:nth-child(2) {
            width: 130px;
        }

        .vt-success .success-order-details .grid-row .col:nth-child(3) {
            width: 300px;
        }

        .vt-success .success-customer-details {
            clear: both;
            border-top: 2px solid #cccccc;
            border-bottom: 2px solid #cccccc;
        }

            .vt-success .success-customer-details .grid-row:nth-child(2),
            .vt-success .success-customer-details .grid-row:nth-child(3) {
                height: 30px;
            }

            .vt-success .success-customer-details .grid-row:nth-child(4) {
                height: 70px;
            }

            .vt-success .success-customer-details .grid-row .col:nth-child(1) {
                width: 215px;
            }

            .vt-success .success-customer-details .grid-row .col:nth-child(2) {
                width: 100px;
            }

.entitlementIds .grid-row .col,
.productEntitlementParams .grid-row .col,
.customEntitlementParams .grid-row .col {
    width: 190px;
}

.customEntitlementParams .grid-row .deleteCustomParam {
    width: 30px;
    margin: 25px 0 0 15px;
}

.appliesTo .grid-row .searchWrapperSmall div {
    margin-top: -13px;
}

.productEntitlementParams,
.customEntitlementParams {
    padding-top: 12px;
}

.productEntitlementParams {
    height: 50px;
}

.customParamTemplate {
    margin-top: 10px;
    line-height: 20px;
}

.customEntitlementParams.scrollable {
    max-height: 400px;
}

.customEntitlementParamContainer {
    margin-top: 15px;
}

    .customEntitlementParamContainer.scrollable {
        max-height: 155px;
        overflow-y: scroll;
    }

#addEntitlementDialog {
    height: 350px;
}

/* Mega Menu Styles */
#menu li {
    position: relative;
}

    #menu li:last-child:hover {
        display: none;
    }

    #menu li.menu-item:hover {
        border: 1px solid #777777;
        /* Background color and gradients */
        background: #F4F4F4;
        background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F4F4), to(#EEEEEE));
        /* Rounded corners */
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    #menu li:hover .mega-menu {
        left: -1px;
        top: 45px;
        z-index: 5;
        box-shadow: 11px 11px 5px -5px #888888;
        border: none;
    }

    #menu li.menu-item:hover > a {
        color: #161616;
        text-shadow: 1px 1px 1px #ffffff;
        background: none repeat scroll 0 0 white !important;
        border-radius: 5px;
    }

.customer-mmi {
    margin-left: -102px !important;
}

.orders-mmi {
    margin-left: -181px !important;
}

.products-mmi {
    margin-left: -237px !important;
}

.services-mmi {
    margin-left: -305px !important;
}

.offers-mmi {
    margin-left: -371px !important;
}

.localisation-mmi {
    margin-left: -371px !important;
}

.reports-mmi {
    margin-left: -456px !important;
}

.setting-mmi {
    margin-left: -151px !important;
    width: 465px !important;
}

.ehq-admin-mmi {
    margin-left: -608px !important;
}

    .ehq-admin-mmi .col {
        width: 160px !important;
    }

.mega-menu {
    margin: 4px auto;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: 1px solid #777777;
    border-top: none;
    /* Rounded Corners */
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    width: 832px;
}

    .mega-menu .upper-mm .text-input {
        margin-right: 4px;
        margin-top: 2px;
    }

    .mega-menu .upper-mm input[type="text"] {
        width: 275px;
    }

    .mega-menu .lower-mm .col {
        float: left;
        width: 185px;
        margin-left: 50px;
    }

    .mega-menu .lower-mm .settingsdatacol {
        float: left;
        margin-left: 50px;
    }

        .mega-menu .lower-mm .settingsdatacol:first-child {
            margin-left: 0;
        }

    .mega-menu .lower-mm .col:first-child {
        margin-left: 0;
    }

    .mega-menu .lower-mm .stats {
        width: 240px;
    }

    .mega-menu .lower-mm .stats-wide {
        width: 260px;
    }

    .mega-menu .lower-mm .listing {
        line-height: 20px;
    }

    .mega-menu .upper-mm .view-all {
        margin-top: -5px;
    }

#menu .menu-item:hover,
#menu .menu-item > a:hover {
    color: Black;
    background: white !important;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

.menu-item .upper-mm {
    height: 50px;
    background: #ffffff;
    color: #8c8c8c;
    margin: -9px -5px 16px -5px;
    border-radius: 6px 6px 0 0;
}

.submenu-title {
    font-size: 24px;
    color: #9c9c9c;
    padding: 14px 0 0 24px;
    min-width: 152px;
}

.menu-item .lower-mm {
    background: #f7f7f7;
    margin-top: -17px;
    margin-bottom: -10px;
    margin-left: -5px;
    margin-right: -5px;
    padding: 15px 25px 25px 25px;
    line-height: 17px;
    z-index: 1;
    border-radius: 0 0 6px 6px;
}

.mainMenu .lower-mm .m-menu-font span {
    font-size: 24px;
}

.mainMenu .localisation-mmi .lower-mm .m-menu-font.top-spacer {
    min-height: 46px;
}

.mainMenu .customer-mmi .lower-mm .recentAccounts a,
.mainMenu .customer-mmi .lower-mm .customer-charge a,
.mainMenu .orders-mmi .lower-mm .recentOrders a,
.mainMenu .orders-mmi .lower-mm .recentRefunds a,
.mainMenu .services-mmi .lower-mm .popular-services a,
.mainMenu .localisation-mmi .lower-mm .recently-viewed-cultures a,
.mainMenu .localisation-mmi .lower-mm .recently-added-cultures a,
.mainMenu .offers-mmi .lower-mm .mm-offers a,
.mainMenu .products-mmi .lower-mm .mm-products a,
.mainMenu .reports-mmi .lower-mm .reports a {
    padding: 2px 0 2px;
    font-size: 12px;
    height: auto;
    line-height: normal;
    vertical-align: bottom;
}

.menu-item .lower-mm .recentAccounts table td:nth-child(1) {
    display: block;
    width: 70px;
    font-weight: bold;
    color: #646464;
}

.menu-item .lower-mm .recentAccounts table td:nth-child(2),
.menu-item .lower-mm .recentAccounts table td:nth-child(2) .ellipsis {
    width: 190px;
}

.menu-item .lower-mm .customer-charge table td:nth-child(1),
.menu-item .lower-mm .customer-charge table td:nth-child(1) .ellipsis {
    width: 160px;
}

.menu-item .lower-mm .customer-charge table td:nth-child(2) {
    width: 80px;
}

.menu-item .lower-mm .recentOrders table tbody tr td .ellipsis,
.menu-item .lower-mm .recentRefunds table tbody tr td .ellipsis {
    width: 135px;
}

.menu-item .lower-mm .reports table tbody tr td .ellipsis {
    width: 265px;
}

.mainMenu .thick-border {
    border: 2px solid #dadada;
}

.mainMenu .detail-mm {
    width: 220px;
}

.mainMenu .setting-detail-mm {
    width: 140px;
}

.mainMenu .admin-detail-mm {
    width: 175px;
}

.mainMenu .lower-mm a {
    font-size: 11px;
    height: 18px;
    padding: 0;
}

.mainMenu .mega-menu a:hover {
    background: none;
    cursor: pointer;
}

.mainMenu .customer-charge td:first-child {
    width: 148px;
}

.mainMenu .customer-charge tr td:nth-child(2) {
    text-align: right;
}

.mainMenu .mega-menu .mm-actions a {
    display: table;
    margin-left: 12px;
    margin-bottom: 10px;
    left: 3px;
    line-height: 20px;
}

.mainMenu .mm-order-detail td:nth-child(1) {
    width: 65px;
    font-weight: bold;
    color: #646464;
}

.mainMenu .mm-order-detail td:nth-child(2) {
    width: 135px;
}

.mainMenu .mm-order-detail td:nth-child(3) {
    width: 60px;
    text-align: right;
}

.mainMenu .mm-reports td:nth-child(1) {
    width: 265px;
    font-weight: bold;
    color: #646464;
}

.mainMenu .mm-products-con {
    margin-left: 0;
}

.mainMenu .mm-service-con {
    margin-left: 0;
}

.mainMenu .mm-offer-con {
    width: 150px;
    margin-left: 70px;
}

.mainMenu .services-mmi input[type="text"] {
    width: 200px;
}

span.withImage1 {
    background: url("../../content/images/icons/Icon_key_white.png") no-repeat scroll center center transparent;
    padding-left: 10px;
    padding-right: 10px;
}

.imagearrow {
    background: url("../../content/images/icons/Icon_Arrow.png") no-repeat scroll left center transparent !important;
    margin-left: 0 !important;
    padding-left: 10px !important;
}

.borderline-img {
    background: url("../../content/images/icons/line2.png") no-repeat scroll left center transparent;
    margin-left: 4px;
    padding-bottom: 21px;
    padding-left: 1px !important;
    top: 9px;
}

.amount-medium-size {
    font-size: 18px !important;
}

.amount-small-size {
    font-size: 12px !important;
}

.mBottom9 {
    margin-bottom: 9px;
}

/* Misc */
.parentRow .gridEditIcon {
    padding: 4px;
    position: absolute;
    top: -10px;
    margin-left: 15px;
    min-width: 69px;
    height: 12px;
}

    .parentRow .gridEditIcon:hover {
        border-radius: 3px 3px 3px 3px;
        background-color: #E1E1E1;
    }

.parentRow .geMakeLiveIcon {
    background-position: 3px -33px;
}
/*.parentRow .geMakeLiveIcon:after
{
    content:'Make Live';
}*/

.parentRow .geSuspendIcon {
    background: url("../images/icons/suspend_icon.png") no-repeat scroll 3px 3px transparent;
}
/*.parentRow .geSuspendIcon:after
{
    content:'Suspend';
}*/

/* File Upload buttons */
.custom-fileupload .type-1 {
    background: url("../images/common/Browse_Smaller.png") no-repeat scroll 0 0 transparent;
    width: 61px;
}

    .custom-fileupload .type-1:hover {
        background: url("../images/common/Browse_Smaller.png") no-repeat scroll 0 -28px transparent;
    }

.custom-fileupload .type-2 {
    background: url("../images/common/Browse_Bigger.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 68px;
}

    .custom-fileupload .type-2:hover {
        background: url("../images/common/Browse_Bigger.png") no-repeat scroll 0 -37px transparent;
    }
/* File Upload buttons END */
[data-nav-action] {
    cursor: pointer;
}

.entitlementStatusGrid tr,
.entitlementUpdateGrid tr {
    height: 20px
}

.entitlementUpdateGrid td:nth-child(1) {
    width: 25px;
}

.entitlementStatusGrid tr td:nth-child(1),
.entitlementStatusGrid tr td:nth-child(1) .ellipsisRight {
    width: 315px;
}

.entitlementUpdateGrid tr td:nth-child(2),
.entitlementUpdateGrid tr td:nth-child(2) .ellipsisRight {
    margin-left: 2px;
    width: 300px;
}

.help {
    background: url("/content/images/icons/Icon_help.png") no-repeat scroll 0 0 transparent;
    height: 17px;
    width: 17px;
    cursor: pointer;
}

.alertStatus {
    color: red;
}


.customParameterheader {
    height: 2em;
    line-height: 25px
}

#CustomParameterAddButton, #CustomParameterAdd1, #CustomParameterSave {
    margin-bottom: 5px;
    float: right;
    padding-right: 10px;
}

#CustomParameter {
    height: auto;
}

#customParameterdiv {
    height: auto;
    padding: 4px 0 4px 0;
}

#LeftTab {
    height: 755px;
}

#CustomParameterEditDiv input {
}

#CustomParameterEditDiv, #CustomParameterAddDiv {
    height: 90px;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.CustomParameterField {
    width: 170px !important;
}

.cancelButton {
    float: right;
    color: darkgrey !important;
    padding-left: 5px;
    z-index: 1;
}

.cancel-button {
    color: darkgrey !important;
}


#CustomParameterDataList {
    /*color: slategray !important;*/
}

.trHeader {
    border-bottom: 1px solid #a9ccde;
}

#AddedCustomParamters table td .actions,
#AddedCustomParamters table tr .actions {
    text-align: center;
}

#AddedCustomParamters table td,
#AddedCustomParamters table th {
    padding: 0;
    padding-top: 5px;
    text-align: left;
}

#AddedCustomParamters table .grid-button-edit {
    padding: 3px 8px 3px 15px;
}

#AddedCustomParamters table td {
    font-weight: normal;
}

.order-info #CustomParameterAddDiv .grid-row:nth-child(1), .order-info #CustomParameterEditDiv .grid-row:nth-child(1) {
    height: 30px;
    margin-left: 5px;
}

.order-info #CustomParameterAddDiv .grid-row:nth-child(2), .order-info #CustomParameterEditDiv .grid-row:nth-child(2) {
    height: 45px;
    margin-left: 5px;
}

.order-info #CustomParameterAddDiv .grid-row:nth-child(3), .order-info #CustomParameterEditDiv .grid-row:nth-child(3) {
    height: 30px;
    margin-left: 5px;
}

.order-info #CustomParameterAddDiv .grid-row:nth-child(4), .order-info #CustomParameterEditDiv .grid-row:nth-child(4) {
    height: 30px;
    margin-left: 5px;
}

.ParameterValidation .field-validation-error, .PurchaseTypeValidation .field-validation-error {
    top: 25px;
}

.ParameterValidation .validation_arrow, .PurchaseTypeValidation .validation_arrow {
    top: 15px;
}

.ui-widget select {
    width: 200px;
}

.DetailParametercol {
    width: 280px;
}

.customParameterCancelButton {
    float: right;
    color: darkgrey !important;
    padding-right: 10px;
    padding-left: 5px;
}
A
.app-dialog .grid-row .col tr span {
    margin-left: 0;
    margin-right: 5px;
}

.ParameterName-combo {
    width: auto !important;
}

.order-info .parameterNamecombo a.ui-selectmenu,
.order-info .grid-row:nth-child(2) .parameterNamecombo .ui-selectmenu {
    width: 300px !important;
}

.order-info .parameterNamecombo .ui-selectmenu-status,
.order-info .grid-row:nth-child(2) .parameterNamecombo .ui-selectmenu-status {
    width: 265px !important;
}

.prod-error {
    display: none;
    margin-top: -55px !important;
}

    .prod-error > .validation_arrow.field-validation-error {
        top: 0;
    }

    .prod-error > .field-validation-error {
        top: 8px;
    }

.prod-grid-table {
    overflow-y: auto !important;
    height: 75px !important;
    padding: 0;
    border-color: #bdbcbd !important;
    border-width: 1px;
    border-style: solid;
    background-color: #f6f6f6;
}

    .prod-grid-table table {
        margin: 2px;
        width: 99%;
    }

.prod-grid.grid-row {
    z-index: 9000;
    height: 35px !important;
    padding-top: 0px !important;
}

#productDetailsBody .cancelButton {
    padding-top: 3px;
}

#prod-grid-container > div > table > tbody > tr,
#svc-grid-container > div > table > tbody > tr {
    font-weight: normal !important;
}

    #prod-grid-container > div > table > tbody > tr > td,
    #svc-grid-container > div > table > tbody > tr > td {
        vertical-align: middle;
    }

#SelectedProductPrice-button {
    margin-top: 0;
}

#prod-grid-container > div > table > tbody > tr,
#svc-grid-container > div > table > tbody > tr,
#groups-grid-container > div > table > tbody > tr {
    border-bottom: 1px;
    border-style: solid;
    border-color: #bdbcbd !important;
}

#prod-grid-container table tbody tr span.paymentMethodNotSupported {
    padding-top: 7px;
    display: block;
}

#groups-grid-container,
#svc-grid-container {
    margin-top: 2px;
}

.groups-grid-table table,
.svc-grid-table table {
    margin: 2px;
    width: 99%;
}

.serv-grid.grid-row {
    z-index: 9000;
    height: 35px !important;
    padding-top: 0px !important;
}

/*#WidgetFloaterPanels {
    display: none !important;
}*/

.editPaymentMethod, .paymentMethodCheckBox {
    width: 33%;
    height: 27px;
}

.editPaymentContainer {
    width: 100%;
    margin: 10px 0px 10px 0px !important;
}

.inAppPurchaseIcon {
    margin: 8px 70px 0px 0px !important;
}

.inAppPurchaseIconLessMargin {
    margin: 8px 40px 0px 0px !important;
}

.createServiceLicence {
    clear: both;
    margin-bottom: 10px;
}

.editServiceLicense {
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
}

#ServiceTitle {
    width: 70%;
}

.ui-selectmenu-status:first-child {
    font-size: 10px !important;
}

.grid td.customers-blueBold, .grid td.customers-blueBold a {
    color: #004483 !important;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    width: 85px;
}

.grid td.blueBold-Refunds, .grid td.blueBold-Refunds a {
    color: #004483 !important;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    width: 185px;
}

.grid td.blueNormal-Customer, .grid td.blueNormal-Customer a {
    color: #004483 !important;
    margin-left: 15px;
    margin-right: 15px;
    width: 185px;
}

.virtual-terminal-desc-div {
    max-width: 575px;
}

.recentViewCustomers {
    width: 7.1%;
}

.recentRefunds1 {
    width: 15% !important;
}

.recentRefunds2 {
    width: 25% !important;
}

#tblAvailableSubscriptions {
    width: 100%;
    background-color: #f6f6f6;
    height: 75px;
    padding-left: 10px;
    border-collapse: separate;
    overflow: auto;
    margin-top: 3px;
    border: 1px solid #cac9ca;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-top: 10px;
}

    #tblAvailableSubscriptions tr {
        border-bottom: 1px;
        border-style: solid;
        border-color: #bdbcbd !important;
    }

    #tblAvailableSubscriptions td {
        height: 30px;
        align-items: flex-end;
        vertical-align: top;
    }

        #tblAvailableSubscriptions td:first-child {
            width: 50px;
        }

#changePayeeDialog .grid-row,
#accountSubscriptionsDialog .grid-row {
    margin: 5px 0 5px 5px;
}

#accountSubscriptionsResult > .grid-row.notification {
    padding: 9px;
    width: auto;
}

#changePayeeDialog div[class*="fleft"],
#accountSubscriptionsDialog div[class*="fleft"] {
    margin: 0px 5px;
    width: 95%;
}

#changePayeeDialog .section-title,
#accountSubscriptionsDialog .section-title {
    font-weight: bold;
    margin-bottom: 5px;
}

#grdSelectedSubscriptions > div {
    padding-left: 10px;
    font-style: italic;
}

.dialog-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
    background: url('/content/images/common/ajax-loader-1.gif') no-repeat 50% 50%;
    background-color: rgba(124,124,124,0.1);
}

#changePayeeDialog_successContainer {
    width: 98%;
}

    #changePayeeDialog_successContainer span {
        left: 0;
    }

.notification.fail {
    background: rgba(255, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 0, 0, 0.7) !important;
    top: 0 !important;
    left: 0 !important;
    height: inherit;
}

.notification.success {
    background: rgba(158, 220, 249, 0.3 ) !important;
    border: 1px solid rgba(158, 220, 249, 0.7) !important;
    top: 0 !important;
    left: 0 !important;
    height: inherit;
}

.notification p {
    top: 9px !important;
    left: 9px !important;
}

#confirmAssign {
    clear: both;
    overflow: auto;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
}

#noSubscriptionsSelected {
    clear: both;
    overflow: auto;
}

#accountSubscriptionsResult,
#changePayeeDialog_successContainer {
    clear: both;
}

#accountSubscriptionsResult {
    padding-top: 10px;
}

.groups-grid-table td:nth-child(2) {
    width: auto !important;
}

#groups-grid-container td {
    vertical-align: middle;
}

.subscriptionDeferrals {
    min-height: 300px;
}

.subscriptionHolidaysCollapsible {
    min-height: 30px;
}

.button-disabled {
    color: gray;
}

    .button-disabled:active {
        background: url(../images/common/bg_button_gray.png) repeat-x 0 0;
    }

    .button-disabled:hover {
        background-position: 0 0;
    }

.holiday-error {
    display: none;
    margin-bottom: 25px;
}


.add-holiday {
    padding: 5px;
    margin-top: 5px;
    cursor: default;
    display: none;
}

    .add-holiday label {
        margin: 2px 5px;
    }

#add-holiday-start, #add-holiday-end {
    margin: 7px 0 7px 5px;
}

.add-holiday .save-holiday {
    float: none;
    padding: 2px 8px;
}

.add-holiday .btn {
    margin: 5px;
}

.add-holiday img {
    top: 7px;
}

.reset-date {
    display: inline-block;
    margin-left: -37px;
    color: gray;
    cursor: pointer;
}

.invitationGridView {
    width: 100%;
}

    .invitationGridView tr {
        cursor: default !important;
    }

.add-invites .multi-select-container, .add-invites textarea {
    background: white;
    padding: 10px;
    margin-top: 15px;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .add-invites .multi-select-container li {
        height: 25px;
    }

.add-invites .editPanel {
    display: block;
}

.add-invites {
    display: none;
}

.width96percent {
    width: 96%;
}

.add-invites .container-general {
    margin: 5px 0;
    padding: 10px;
}

.delete-invitation {
    background: url('../images/icons/thrash_box.png') center no-repeat;
    display: inline-block;
    height: 20px;
    width: 25px;
    cursor: pointer;
}

    .delete-invitation.no-delete {
        background: none;
        cursor: default;
    }

.resend-invitation {
    background: url('../images/icons/icon_email.png') center no-repeat;
    display: inline-block;
    height: 20px;
    width: 25px;
    cursor: pointer;
}

.notification.invitations-notification {
    margin-bottom: 15px;
    display: none;
}

.width60 {
    width: 60% !important;
}

.ui-widget-overlay {
    position: fixed !important; /* CPK-6984 */
}

.childInfoBox {
    width: 240px;
    float: right;
    top: 64px;
    left: 7px;
}

    .childInfoBox span {
        float: right;
        border: 1px solid #047700;
        border: 1px solid #047700;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        padding: 8px 8px 8px;
        margin-right: 10px;
        float: right;
        text-align: center;
        background: #047700;
        text-shadow: 1px 1px 0 #666666;
        color: #FFFFFF;
        background: #089DCB;
        background: transparent linear-gradient(to bottom, rgb(39, 183, 43), rgb(23, 107, 13)) repeat scroll 0% 0%;
    }


.treetable {
    width: 100%;
    table-layout: fixed;
}

    .treetable th[name='expander'] {
        width: 40px;
    }

    .treetable tr[data-tt-parent-id*='header_']:hover {
        background: none;
        cursor: inherit;
    }

    .treetable tr > td,
    .treetable tr > th {
        padding-left: 5px;
        padding-right: 5px;
        text-align: left !important;
    }

        .treetable tr > td > div[name='display'] > span {
            width: 90%;
            display: inline-block;
            word-wrap: break-word;
        }

        .treetable tr > td > div[name='display'] > img {
            float: right;
        }

        .treetable tr > td > div[name='edit'] img {
            padding: 3px;
            height: 16px;
        }

    .treetable tr div[name='edit'] .validation_arrow {
        top: 27px;
    }

    .treetable tr div[name='edit'] .field-validation-error:not(.validation_arrow) {
        top: 34px;
    }

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.treetable .treetable {
    margin-top: 20px;
    margin-left: 20px;
}

.treetable .custom-checkbox input {
    position: relative;
}

.treetable caption {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    padding: 10px;
}

.width-almost-50percent {
    width: 45%;
    margin: 0 20px;
}

div.width-almost-50percent {
    display: inline-block;
}

div.input-group {
    display: inline-flex;
}

    div.input-group > input:first-of-type {
        width: 38px;
        margin-right: -4px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    div.input-group > input:last-of-type {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

div.form-control {
    text-align: left;
    margin: 5px 0;
}

.treetable td > div.container,
.treetable td > div.container > * {
    vertical-align: top;
}

.form-control input {
    width: auto;
}

div[name='newIp'] .validation_arrow,
div[name='newDomain'] .validation_arrow {
    top: 27px;
}

div[name='newIp'] .field-validation-error.usage-type-popup,
div[name='newDomain'] .field-validation-error.usage-type-popup {
    top: 36px;
}

.treetable tr.collapsed > td[name='expander'] > .indenter > a {
    background-position: -55px -14px;
}

.treetable tr.expanded > td[name='expander'] > .indenter > a {
    background-position: -55px 0px;
}

/*Bootstrap css*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.small-tab-area {
    height: 33px;
    background: url('../../../content/images/tab/bg_tabs_small.png') repeat-x 0 -2px;
    border-left: 1px solid #a9ccde;
    border-right: 1px solid #a9ccde;
}

    .small-tab-area .tabs-container {
        left: 120px;
        width: 640px;
        height: 100%;
        overflow: hidden;
    }

        .small-tab-area .tabs-container.wide {
            width: 830px;
        }

        .small-tab-area .tabs-container .rolePager {
            float: right;
            padding: 5px;
            background: transparent;
            height: 18px;
            margin: -40px -5px;
        }

    .small-tab-area .moduleTabs, .small-tab-area .changeModuleTabs {
        z-index: 0;
        float: left;
        width: 10000px;
    }

    .small-tab-area span {
        position: absolute;
        font-weight: bold;
        top: 10px;
        left: 10px;
    }

    .small-tab-area .new-role-tab {
        position: absolute;
        cursor: pointer;
        color: #004483 !important;
        font-weight: bold;
        top: 15px;
        left: 55px;
    }

    .small-tab-area .moduleTabs ul li a, .small-tab-area .changeModuleTabs ul li a {
        padding: 6px 10px;
        margin-top: 7px;
    }

        .small-tab-area .moduleTabs ul li a.active, .small-tab-area .changeModuleTabs ul li a.active {
            background: #FFF;
            box-shadow: 0 0 #E9E9E9, 0 -3px 7px #E9E9E9;
        }


.ui-datepicker-month {
    text-transform: capitalize;
}

.details-tab-wrapper {
    font-size: 0;
    background: lightgray;
}

    .details-tab-wrapper .details-tab {
        font-size: 12px;
        padding: 14px 5px;
        display: inline-block;
        width: auto;
        text-align: center;
        background: lightgray;
        cursor: pointer
    }

        .details-tab-wrapper .details-tab.selected {
            background: whitesmoke;
            font-weight: bold;
        }

    .details-tab-wrapper .details-content {
        padding: 15px;
        display: none;
        background: whitesmoke;
        font-size: 12px;
    }

#selectOption {
    top: 9px;
}

.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

#wrapper {
    margin: auto;
}

.scroller {
    margin-bottom: 25px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #555 #F5F5F5;
}

    .scroller::-webkit-scrollbar-track {
        background-color: #F5F5F5;
    }

    .scroller::-webkit-scrollbar {
        width: 5px;
    }

    .scroller::-webkit-scrollbar-thumb {
        background-color: #555;
    }

.deletePaymentMethodButton {
    position: relative;
    display: inline-block !important;
    width: 18px;
    height: 18px;
    z-index: 1;
    left: 20px;
    top: 5px;
    text-indent: -9999em;
    white-space: nowrap;
    overflow: hidden;
    background: url("/content/images/icons/delete.png") no-repeat scroll 0 0;
}

.rightHandAddButton {
    position: relative;
    display: inline-block !important;
    width: 18px;
    height: 18px;
    z-index: 1;
    left: 20px;
    top: 5px;
    text-indent: -9999em;
    white-space: nowrap;
    overflow: hidden;
    background: url("/content/images/common/button.png") no-repeat scroll 0 0;
}

.cellTextWrap {
    max-width: 110px;
    overflow-wrap: break-word;
}