/* IGNORE */
.ie8-inline-block() {
    *display: inline; /* IE8 inline-block hack */
    *zoom: 1;
    // comment to make this work
}

.the-icons {
    .inline-block-full;
    margin: 20px 0;

    li {
        float: left;
        width: 20%;
        margin-bottom: 5px;
        list-style: none;
    }
}

.exTitle {
    .inline-block-full;
    margin: 0;
    padding: 10px 0;
    font-weight: bold;
    font-size: 18px;
}

.tour {
    margin: 20px 0;
}

.input-minitext {
    width: 44px;
}

/* Table of Contents

   - Import
   - Eric Meyer Browser Reset
   - Modal & Popups
   - Classes
   - Common Elements

   - Structural
   - Structural - Header
   - Structural - Canvas
   - Structural - Scrolling Summary
   - Structural - Footer
   - Banner Ads
   - Tables
   - Buttons
   - Forms
   - Icons - Controls
   - Icons - Styled
   - Tooltips
   - Hover Module
   - Tour Carousel
   - Banner Ads
   - Status Bar

*/


/* Import
-------------------------------------------------------------------------------- */
@import "custom.less";
/* Eric Meyer Browser Reset
-------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: @primary-font-color;
    background: @body-bgcolor;
    /*min-width: 100% !important;*/
    min-width: 1024px;
    width: 100%;
    /*width: 100vw;*/
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

.WrapTextCommon {
				white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
				white-space: -pre-wrap; /* Opera 4-6 */
				white-space: -o-pre-wrap; /* Opera 7 */
				white-space: pre-wrap; /* css-3 */
				white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
				white-space: normal;
				word-wrap: break-word; /* Internet Explorer 5.5+ */   
				word-break: break-all;    
			}

/* Modal & Popups
-------------------------------------------------------------------------------- */
#progress {
    display: none;
}

.popup {
    display: block;
    width: 600px;

    .popupcontainer {
        padding: 20px;
    }
    /*Merged from NewUIFramework.css file*/
    td {
        border: none !important;
    }
}


/* Classes
-------------------------------------------------------------------------------- */
.inline-block-full {
    clear: left;
    display: inline-block;
    width: 100%;
}

.box-shadow { /*using in stashyourcash-container*/
    box-shadow: @helpusave-boxshadow-default;
    -mozbox-shadow: @helpusave-boxshadow-default;
    -webkit-box-shadow: @helpusave-boxshadow-default;
}

.roundedcorners(@radius: 5px) {
    border-radius: @radius;
    -moz-border-radius: @radius;
    -webkit-border-radius: @radius;
}

.roundedcornerstop(@radius: 5px) {
    -webkit-border-top-left-radius: @radius;
    -webkit-border-top-right-radius: @radius;
    -moz-border-radius-topleft: @radius;
    -moz-border-radius-topright: @radius;
    border-top-left-radius: @radius;
    border-top-right-radius: @radius;
}

.roundedcornersbottom(@radius: 5px) {
    -webkit-border-bottom-left-radius: @radius;
    -webkit-border-bottom-right-radius: @radius;
    -moz-border-radius-bottomleft: @radius;
    -moz-border-radius-bottompright: @radius;
    border-bottom-left-radius: @radius;
    border-bottom-right-radius: @radius;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.txl {
    text-align: left;
}

.txc {
    text-align: center;
}

.txr {
    text-align: right;
}

.padl10 {
    padding-left: 10px;
}

.padl15 {
    padding-left: 15px;
}

.padl20 {
    padding-left: 20px;
}

.padr10 {
    padding-right: 10px;
}

.padr15 {
    padding-right: 15px;
}

.padr20 {
    padding-right: 20px;
}

.padt10 {
    padding-top: 10px;
}

.padt15 {
    padding-top: 15px;
}

.padt20 {
    padding-top: 20px;
}

.padb10 {
    padding-bottom: 10px;
}

.padb15 {
    padding-bottom: 15px;
}

.padb20 {
    padding-bottom: 20px;
}

.Padl {
    padding-left: 28px !important;
}

.marl10 {
    margin-left: 10px;
}

.marl15 {
    margin-left: 15px;
}

.marl20 {
    margin-left: 20px;
}

.mardr10 {
    margin-right: 10px;
}

.marr15 {
    margin-right: 15px;
}

.marr20 {
    margin-right: 20px;
}

.mart10 {
    margin-top: 10px;
}

.mart15 {
    margin-top: 15px;
}

.mart20 {
    margin-top: 20px;
}

.marb10 {
    margin-bottom: 10px;
}

.marb15 {
    margin-bottom: 15px;
}

.marb20 {
    margin-bottom: 20px;
}

.default {
    color: #000;
}

.positive {
    color: @success-msg-font-color;
}

.NewUIStyle .positive {
    color: @newui-successcolor;
}

.negative {
    color: @error-msg-font-color !important;
}

.NewUIStyle .negative {
    color: @newui-errorcolor;
}

.pending {
    color: @warning-msg-font-color;
}

.twocol {
    width: 50% !important;
}

.threecol {
    width: 32% !important;
}

.fourcol {
    width: 25% !important;
}

/* Common Elements
-------------------------------------------------------------------------------- */
a {
    color: @primary-link-color;
    text-decoration: none;
    cursor: pointer;
    background-color: @primary-link-bgcolor;

    &:hover {
        color: @primary-link-hover-color;
        text-decoration: none;
    }
}

h1 {
    color: @headertags-font-color;
    font-size: 21px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;

    .stepcount {
        float: left;
        /*background: lighten(@primarycolor,40%);*/
        background: @stepcount-bgcolor;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        font-size: 14px;
        /*color: @primary-link-color;*/
        color: @stepcount-font-color;
        padding: 3px 12px;
        margin-right: 10px;
        margin-top: -3px;
    }
}

h2 {
    color: @headertags-font-color;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
}

h3 {
    color: @headertags-font-color;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
}

h4 {
    color: @headertags-font-color;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
}

h5 {
    color: @headertags-font-color;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
}

h6 {
    color: @headertags-font-color;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 6px;
}

p {
    color: @paragraphtag-font-color;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 12px;

    &.none {
        color: #666;
        font-style: italic;
        margin-bottom: 20px;
    }
}

strong {
    font-weight: bold;
    color: #000;
}

em {
    font-style: italic;
}

ul, ol {
    padding: 0;
    margin: 0 0 9px 25px;
}

ul {
    list-style: disc;

    li {
        line-height: 18px;
        display: list-item;
    }

    &.uilist {
        list-style: none;
        margin: 0;

        ul {
            list-style: none;
        }

        label {
            display: inline-block;
        }
    }
}

ol {
    list-style: decimal;

    li {
        line-height: 18px;
        display: list-item;
    }

    &.steps {
        display: inline-block;
        margin: 0;

        li {
            float: left;
            margin-left: 30px;
            padding: 0 15px 0 5px;
            border-left: 1px solid @steplist-border-left-color;
            color: @steplist-font-color;

            &:first-child {
                margin-left: 20px;
            }

            span {
                color: @steplist-label-font-color;
                font-size: 13px;
            }

            &.current {
                color: @steplist-currentitem-font-color;

                span {
                    font-weight: bold;
                    color: @steplist-currentitem-label-font-color;
                }
                /*background:#c4cdd5;*/
            }
        }
    }

    &.sidelist {
        width: 100%;
        margin-bottom: 25px;

        li {
            width: 98%;
            margin: 0;
            padding: 5px 0px 5px 5px;
            text-indent: 0px;
            border-left: 0;
            border-bottom: 1px solid @sidelist-border-bottom-color;
            list-style-position: inside;
            /*color: #666;
            background: lighten(@primarycolor,40%);*/
            color: @sidelist-font-color;
            background: @sidelist-bgcolor;

            &:first-child {
                margin-left: 0;
            }

            &.current {
                color: @sidelist-currentitem-font-color;
                font-weight: bold;
                /*background: none;*/
                background: @sidelist-currentitem-bgcolor;
            }
        }
    }
}

.sidemenulist {
    float: right;
    text-align: left;
    width: 85%;
    font-weight: normal;
    margin-bottom: 0;
    text-indent: 0px;
    margin-right: 5px;
}

.current .sidemenulist {
    font-weight: bold;
}

.sectiontitle {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0;

    h1 {
        float: left;
        margin: 0 20px 0 10px;
        line-height: 30px;
    }

    label {
        float: left;
        /*color: #fff;*/
        margin: 0 10px 0 20px;
        line-height: 30px;
        color: @primary-font-color !important;
    }

    select {
        float: left;
        margin-bottom: 0;
    }

    .links {
        float: left;
        line-height: 30px;
        margin: 0;

        a {
            font-size: 12px;
            margin: 0 5px;
        }
    }

    .btn:first-child {
        margin-left: 10px;
    }
}

dl.dates {
    display: inline-block;
    width: 150px;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;

    dt {
        font-size: 14px;
        line-height: 24px;
        color: #555;
    }

    dd {
        .roundedcorners;
        background: #eee;
        padding: 15px 0;
        font-weight: bold;
        font-size: 14px;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset;

        span {
            display: block;
            width: 100%;
            font-size: 40px;
        }
    }

    &.highlight {
        dd {
            background: lighten(@primarycolor,40%);
        }
    }

    &.warning {
        dd {
            background: @warning-msg-font-color;
            color: #fff;
        }
    }

    &.error {
        dd {
            background: @error-msg-font-color;
            color: #fff;
        }
    }

    &.success {
        dd {
            background: @success-msg-font-color;
            color: #fff;
        }
    }
}

dl.summary {
    display: inline-block;
    opacity: .75;
    width: 100%;

    dt {
        float: left;
        width: 29%;
        margin-bottom: 10px;
        padding-right: 1%;
        white-space: nowrap;
    }

    dd {
        float: left;
        width: 70%;
        margin-bottom: 10px;
        line-height: 16px;
    }
}

.itemresults {
    width: 100%;
    margin-bottom: 5px;

    td {
        padding: 6px;
        border-bottom: 1px solid rgba(0,0,0,.1);

        &.notes {
            width: 100%;
            line-height: 16px;

            small {
                font-size: 11px;
                opacity: .45;
            }
        }
    }

    tr {

        &:last-child td {
            border-bottom: 0;
        }
    }
}

.menulist { /*Messager center, Documents etc side menu list*/
    list-style: none;
    margin: 0;
    font-weight: bold;

    li {
        margin: 0;
        padding: 5px 0;
        background: @menulistbgcolor;
        border-bottom: 1px solid rgba(0,0,0,.1);

        a {
            margin-left: 5px;
        }

        &.active {
            background: @menulistactivebgcolor;
        }
    }
}


/* Structural
-------------------------------------------------------------------------------- */
body {
    min-width: 1024px;
    background: @body-bgcolor;
    font-family: @primary-font;
    font-size: @primary-font-size;
    color: @primary-font-color;
    margin: 0;
    padding: 0;
}

section {
    .inline-block-full;
}

/*Merged from NewUIFramework.css file*/
.container { /* Screen containers styles */
    width: @containerwidth;
    text-align: center;
    margin: 0 auto;
}

.NewUIFramework .container {
    width: auto !important;
    max-width: @containerwidth !important;
}

.containerBlock { /* Screen containers styles */
    .inline-block-full;
    text-align: left;
    margin-bottom: -2px; /* Used to set the bottom to the container (ex: div) all over the application */
}

/* Structural - Header
-------------------------------------------------------------------------------- */
#header {
    background: @header-bgcolor;
    border-bottom: 3px solid @header-border-color;
    position: relative;
    z-index: 100;
    overflow: visible !important;

    .primarylogo {
        float: left;
        margin: 5px 0;
        max-width: 197px;
        width: @header-logo-width;
    }

    .status {
        float: right;
        color: @utilitytextcolor;
        margin-top: 6px;
        font-size: 11px;

        li {
            float: right;
            display: inline-block;
            margin-left: 20px;

            span {
                opacity: .5;
            }

            a {
                font-weight: bold;
                color: @utilitylinkcolor;

                &:hover {
                    opacity: .5;
                }
            }
        }
    }

    .nav {
        float: left;
        clear: left;
        margin: 0;

        li {
            display: inline-block;
            line-height: 18px !important;

            a {
                display: inline-block;
                white-space: nowrap;
                background: @headertabbgcolor;
                color: @headertabtextcolor;
                padding: 6px 12px 6px 12px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;

                &:hover {
                    background: @headertabbgactivecolor;
                }

                &.active {
                    background: @headertabbgactivecolor;
                }

                .caret {
                    border-top: 4px solid @headertabtextcolor;
                    margin-top: 8px !important;
                    margin-left: 5px;
                }
            }

            &.newmessages {
                a {
                    color: @newmessages;
                    background: none;

                    &:hover {
                        opacity: .5;
                    }

                    &:active {
                        opacity: .75;
                    }

                    .icon {
                        height: 15px;
                    }
                    /*.icon-envelope {
                        background-image: url(../Images/icons-glyph/glyphicons_halflings_003_envelope-white.png);
                    }

                    @media screen and (-webkit-device-pixel-ratio: 2) {
                        .icon-envelope {
                            background-image: url(../Images/icons-glyph/glyphicons_halflings_003_envelope-white@2x.png);
                        }
                    }*/
                }
            }

            &:last-child:not(.newmessage) {
                float: none !important;

                #divCustomHeader > div {
                    padding-right: 0 !important;
                }

                a span {
                    color: @newmessages !important;
                    border-left: 1px solid rgba(0,0,0,.1);
                    border-top-left-radius: 0 !important;
                    border-top-right-radius: 0 !important;
                    margin-left: 5px;
                    display: inline-block;
                    margin: 0 !important;
                    padding-top: 0 !important;
                    padding-left: 15px !important;
                    padding-bottom: 0 !important;
                    background: none !important;
                }

                a:hover {
                    opacity: .8;
                }
            }
        }
    }
}

/*.NewUIFramework #header {
    border-bottom: none !important;
}*/

#carouselContainer {
    float: left;
    width: 1000px;
    position: relative;
    background: @headertabbgactivecolor;
}

#carousel-prev {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    cursor: hand;
    z-index: 9999;
    max-height: 118px;
}

#carousel-next {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    cursor: hand;
    z-index: 9999;
    max-height: 118px;
}

#carousel, #more-mode, #help-mode {
    float: left;
    position: relative;
    margin-left: 0 !important;
    overflow: hidden;
    z-index: 999;
    padding: 10px 15px !important;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    width: 100%;

    ul {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
        list-style: none;

        li {
            float: left;
            text-align: center;
            width: 135px;

            &.imageList {

                img {
                    margin-bottom: 10px;
                    max-height: 50px;
                }
            }

            a {
                float: left;
                width: 100%;
                color: @headertabtextcolor;

                &:hover {
                    opacity: .8;
                }

                span {
                    float: left;
                    width: 100%;
                    clear: left;
                }
            }
        }
    }
}

.textLinks, #more-mode, #help-mode {
    height: auto;
    padding-bottom: 5px;
    margin: 0 !important;
    width: 100% !important;

    ul {
        float: left;
        width: 151px;
        margin-right: 10px;
        margin-top: 0;
        z-index: 10000;

        li {
            width: 100%;
            height: auto;
            text-align: left;
            background: none;
            line-height: 20px;

            &.title {
                border-bottom: 0 !important;
                color: @headertabtextcolor;
                font-weight: bold;
                margin-bottom: 5px;
                opacity: .25;
                text-transform: uppercase;
                font-size: 11px;
            }

            a {
                width: 100%;
                font-weight: normal;
            }
        }
    }
}

#more-mode, #help-mode {
    background: @headertabbgactivecolor;
}

#help-mode {
    ul {
        width: 100%;

        li {
            width: 20%;

            a {
                width: 100%;
            }
        }
    }
}



/* added important flag below because of inline style on the tag */
.modes {
    position: absolute;
    right: 0;
    top: -30px !important;
    height: 30px !important;
    z-index: 1;
    height: 0;
    overflow: hidden;
}

.modes ul {
    margin: 0;
    height: 30px;
}

/* added important flag below because of inline style on the tag */
.modes ul li {
    float: left;
    display: inline;
    margin-left: 3px;
    padding: 5px 8px !important;
    background: @headertabbgcolor;
    .roundedcornerstop(3px);
}

.modes ul li a {
    float: left;
    width: 19px;
    height: 20px;
}

.modes ul li.active {
    background: @headertabbgactivecolor;
}

.modes ul li a.icons-view { /*Using in old dashboard*/
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23FFFFFF%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%208h4V4H4v4zm6%2012h4v-4h-4v4zm-6%200h4v-4H4v4zm0-6h4v-4H4v4zm6%200h4v-4h-4v4zm6-10v4h4V4h-4zm-6%204h4V4h-4v4zm6%206h4v-4h-4v4zm0%206h4v-4h-4v4z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important;
}

.modes ul li a.text-view { /*Using in old dashboard*/
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23FFFFFF%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%2013h2v-2H3v2zm0%204h2v-2H3v2zm0-8h2V7H3v2zm4%204h14v-2H7v2zm0%204h14v-2H7v2zM7%207v2h14V7H7z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important;
}

.mode {
    display: none;
}

.visible {
    display: block;
}


/* Structural - Canvas
-------------------------------------------------------------------------------- */
/*Merged from NewUIFramework.css file*/
#canvas {
    background: @body-bgcolor;
    padding: 20px 0 0 0;

    .widget {
        .inline-block-full;
        width: 100% !important;
        background: @body-bgcolor; /*Screen background*/
        margin-bottom: 45px;
        border-radius: 3px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);

        &.half {
            float: left;
            clear: none;
            width: 66%;
        }

        &.small {
            float: left;
            clear: none;
            width: 32%;
        }

        .widgetTitle {
            .inline-block-full;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            background: @page-title-bgcolor;
            font-size: 16px;
            line-height: 16px;
            padding: 10px 0;
            text-indent: 10px;
            font-weight: bold;
            color: @page-title-font-color;
            margin: 0;
            border-top: 1px solid @page-title-border-color;

            .widgetIcons {
                float: right;

                a {
                    width: 14px;
                    margin-right: 10px;
                    opacity: .5;

                    &:hover {
                        opacity: 1;
                    }
                }

                &.icon-move {
                    cursor: move;
                }
            }
        }

        .widgetNav {
            .inline-block-full;
            border-bottom: 3px solid lighten(@primarycolor, 25%);
            margin: 15px 0 0 0;

            li {
                display: inline;
                line-height: 14px;

                &:first-child {
                    margin-left: 10px;
                }

                a {
                    font-weight: bold;
                    color: @primarycolor;
                    .roundedcornerstop(5px);
                    display: inline-block;
                    padding: 6px 13px 7px 13px;
                    background: lighten(@primarycolor,40%);
                    border-top: 1px solid lighten(@primarycolor, 35%);
                    border-left: 1px solid lighten(@primarycolor, 35%);
                    border-right: 1px solid lighten(@primarycolor, 35%);

                    &:hover {
                        background: lighten(@primarycolor, 35%);
                        color: #fff;
                        border-top: 1px solid lighten(@primarycolor, 25%);
                        border-left: 1px solid lighten(@primarycolor, 25%);
                        border-right: 1px solid lighten(@primarycolor, 25%);
                    }

                    &.active {
                        background: lighten(@primarycolor, 25%);
                        color: #fff;
                        border-top: 1px solid lighten(@primarycolor, 25%);
                        border-left: 1px solid lighten(@primarycolor, 25%);
                        border-right: 1px solid lighten(@primarycolor, 25%);

                        &:hover {
                            background: lighten(@primarycolor, 25%);
                        }
                    }
                }
            }
        }

        .widgetActions { /*Using in old dashboard*/
            display: inline-block;
            width: 100%;
            background: rgba(0,0,0,.025);
            margin: 0;
            list-style: none;
            border-bottom: 1px solid rgba(0,0,0,.05);

            li {
                float: left;
                margin: 0 10px;

                a {
                    line-height: 25px;
                    font-size: 11px;
                    opacity: .5;

                    &:hover {
                        opacity: .75;
                    }

                    &:active {
                        opacity: .5;
                    }
                }
            }
        }
    }

    .dashboardrow {

        .widget {
            margin-bottom: 20px;
            margin-right: 2%;

            &:last-child {
                margin-right: 0;
            }
        }
    }

    .page {
        padding: 15px;

        .page {
            padding: 0;
        }

        &.widgetframe {
            padding: 10px;

            h6 {
                border-bottom: 1px solid rgba(0,0,0,.1) !important;
                margin-bottom: 5px !important;
                font-size: 12px;
                font-weight: bold;
            }
        }
    }

    .accordionframe {
        display: block;
        padding: 3px 30px 20px 31px;
    }
}

.NewUIFramework #canvas {
    padding: 0 !important;
    /*border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;*/
    border-bottom: 0 !important;
}

#canvas .pmCuWidgets li .widget { /*Potential member widget*/
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Structural - Scrolling Summary
-------------------------------------------------------------------------------- */
.applicationLeft {
    float: left;
    width: 62%;
    margin-right: 3%;
}

.applicationRight {
    float: left;
    width: 35%;

    .scrollingsummary {
        border-radius: 3px;
        float: left;
        width: 100%;
        display: inline-block;
        position: relative;
        background: @scrollingsummarybgcolor;
        box-shadow: @scrollingsummary-boxshadow;

        div {
            display: inline-block;
            padding: 15px;
        }
    }
}

/* Structural - Footer
-------------------------------------------------------------------------------- */
#footer {
    padding: 10px 0;
    font-size: 11px;
    line-height: 18px;
    padding-top: 0px !important;
    border-top: 1px solid @footer-border-color;
    background-color: @footer-bgcolor;

    img {
        float: right;
        margin-left: 10px;
    }

    a {
        color: @footer-link-color;

        &:hover {
            color: @footer-link-hover-color !important;
        }
    }

    ul {
        margin-left: 0;

        li {
            display: inline;
            margin-right: 10px;
            color: @footer-font-color;
        }
    }

    p {
        font-size: 11px;
        color: @footer-font-color;
        margin-bottom: 6px;
    }
}

/* Banner Ads
-------------------------------------------------------------------------------- */
#topbanner {
    margin-bottom: 20px;
}

/* Tables
-------------------------------------------------------------------------------- */
table.simple {
    margin-bottom: 10px;

    th {
        padding: 5px;
        border-bottom: 1px solid rgba(0,0,0,.1);
        text-transform: uppercase;
        font-size: 10px;

        span {
            color: rgba(0,0,0,.5);
        }

        strong {
            color: rgba(0,0,0,1);
        }
    }

    td {
        padding: 5px;
    }
}

table.table {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;

    th {
        padding: 7px 4px;
        background: @tableheadingbgcolor;
        font-weight: bold;
        color: @tableheadingtextcolor;
        vertical-align: middle !important;

        a {
            color: @tableheadingtextcolor;
        }
    }

    tr td {
        width: auto;
        padding: 7px 4px;
        background: @tablerowbgcolor;
        border-bottom: 1px solid @tablerow-borderbottom-color;
    }

    tr:nth-child(odd) td {
        background: @tablerowaltbgcolor;
    }
}

table.tablesorter {

    thead tr th, tfoot tr th {
    }

    thead tr .header {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%2C11.58l-5-5-5%2C5Z%22%2F%3E%3Cpath%20d%3D%22M7%2C13.42l5%2C5%2C5-5Z%22%2F%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center left;
        cursor: pointer;
        background-size: 16px 16px;
        padding-left: 20px;
    }

    tbody td {
    }

    tbody tr.odd td {
    }

    thead tr .headerSortUp {
        background-image: url("../Images/tablesort_asc.gif");
    }

    thead tr .headerSortDown {
        background-image: url("../Images/tablesort_desc.gif");
    }
}

#accountdetails {

    td {
        border-bottom: 1px solid #eee;
    }

    .expandedrow {
        position: relative;
        background: #F4F6F8 !important;
        border-bottom: 1px solid #fff;
        box-shadow: inset 0 5px 10px -5px rgba(0,0,0,.3), inset 1px -2px 0 -1px rgba(0,0,0,.1);
        padding-bottom: 30px;

        table.noalterrow tr td {
            background: none !important;
        }

        .links.linkarea {
            float: right;
        }
    }

    tr:last-of-type {

        td {
            border: 0 !important;
        }
    }
}

.accountSummary {

    > div > div {
        padding-left: 0 !important;
    }

    .errorBg {
        //background:lighten(@primarycolor,45%);
        padding-top: 0 !important;
    }
}

.pagination {
    .inline-block-full;
    margin-bottom: 20px;

    form {
        float: left;
        width: 49%;
    }

    p {
        float: right;
        width: 49%;
        text-align: right;

        label {
            display: inline-block;
            line-height: 20px;
            margin-bottom: 0;
        }

        .btn {
            margin-left: 10px;
        }
    }
}

.framework {
    width: 100%;
    border-top: 1px solid @framework-border-color;

    .side {
        vertical-align: top;
        width: 20%;
        background: @layoutsidebgcolor;
        border-right: 1px solid rgba(0,0,0,.025);
        box-shadow: inset -8px 4px 12px 0px rgba(0,0,0,.05);
        /*Not available in demo box*/
        /*.sectiontitle {
            background: @layoutsidebgcolor !important;
        }*/
    }

    .main {
        vertical-align: top;
        width: 80%;
    }
}

.messageList {

    .thread {
        td {
            background: #fcfae0 !important;
            border-bottom: 1px solid #eae8cd;
        }

        &.start td {
            background: #eae8cd !important;
        }
    }
}

/* Buttons
-------------------------------------------------------------------------------- */
button, a.button, input.button, a.btn_disable {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: inline-block;
    position: relative;
    width: auto;
    height: auto !important;
    font-family: @primary-font;
    font-weight: normal !important;
    border-radius: 3px;
    color: @primary-button-font-color;
    border: 1px solid @primary-button-border-color;
    padding: 0 15px 3px 15px !important;
    margin: 0;
    font-size: @primary-button-font-size;
    line-height: 35px !important;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px @primary-button-boxshadow-color, inset 0 -3px 0 0 @primary-button-boxshadow-color;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;

    &.primary {
        background: @primary-button-bgcolor;
        text-shadow: none !important;

        span {
            display: none;
            float: right;
            color: @primary-button-font-color;
            font-size: 22px;
            line-height: 20px;
            padding: 0;
            margin: 6px 0 0 15px;
            font-family: @primary-font;
            background: transparent !important;
            /*font-weight: normal !important;*/
        }

        &:hover, &:active {
            background: @primary-button-hover-bgcolor;
            color: @primary-button-hover-font-color;
        }
    }

    &.secondary {
        color: @secondary-button-font-color;
        background: @secondary-button-bgcolor;
        font-size: @secondary-button-font-size;
        /*box-shadow: inset 0 -2px 0 @secondary-button-boxshadow-color;*/
        box-shadow: inset 0 0 0 1px @secondary-button-boxshadow-color, inset 0 -3px 0 0 @secondary-button-boxshadow-color;
        border: 1px solid @secondary-button-border-color;

        &:hover, &:active {
            background: @secondary-button-hover-bgcolor;
            color: @secondary-button-hover-font-color;
        }
    }

    &.default {
        font-weight: normal;
        padding: 0 10px 3px 10px;
        color: @cancel-button-font-color;
        background: @cancel-button-bgcolor;
        /*box-shadow: inset 0 -2px 0 @cancel-button-boxshadow-color;*/
        box-shadow: inset 0 0 0 1px @cancel-button-boxshadow-color, inset 0 -3px 0 0 @cancel-button-boxshadow-color;
        font-size: @cancel-button-font-size;
        border: 1px solid @cancel-button-border-color;

        &:hover, &:active {
            background: @cancel-button-hover-bgcolor;
            color: @cancel-button-hover-font-color !important;
        }
    }

    &.small {
        padding: 0 10px;
        height: 26px;
        line-height: 20px;
        font-size: 14px;
        font-weight: normal;
    }
}

.btn {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: inline-block;
    padding: 3px 6px 3px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    height: auto;
    line-height: 18px;
    min-height: 18px;
    color: @secondary-button-font-color;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    background: @secondary-button-bgcolor;
    border: 1px solid @secondary-button-border-color;
    /*box-shadow: inset 0 -2px 0 @secondary-button-boxshadow-color;*/
    box-shadow: inset 0 0 0 1px @secondary-button-boxshadow-color, inset 0 -3px 0 0 @secondary-button-boxshadow-color;

    &:hover {
        color: @secondary-button-hover-font-color;
        text-decoration: none;
        background-color: @secondary-button-hover-bgcolor;
    }

    &:active {
        -webkit-tap-highlight-color: transparent;
        background-color: @secondary-button-active-bgcolor;
        outline: 0;
    }

    &.btn.disabled, &.btn[disabled] {
        cursor: default;
        background-color: @secondary-button-disabled-bgcolor;
        color: @secondary-button-disabled-font-color;
        background-image: none;
        opacity: 0.65;
    }

    i {
        margin-top: 2px;
    }
}

.btn_disable {
    cursor: default;
    background-color: @button-disable-bgcolor;
    background-image: none;
    opacity: 0.65;
    color: @button-disable-font-color !important;
    box-shadow: none;

    &:hover {
        color: @button-disable-font-color !important;
        text-decoration: none;
        background-color: @button-disable-bgcolor;
    }
}

.btn-group {
    position: relative;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.btn-group > .btn {
    position: relative;
    float: left;
    margin-left: -1px;
    border-radius: 0;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn-group > .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.dropdown-menu {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-clip: padding-box;

    &.lookup {
        select {
            margin: 5px;
        }
    }
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu li {
    margin: 0 !important;
    width: 100%;
}

.dropdown-menu a {
    display: block !important;
    width: 100%;
    text-indent: 13px;
    text-decoration: none;
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
    text-align: left !important;
    background: none !important;
    border: 0 !important;
    display: block !important;
    padding: 3px 0 !important;
    font-size: 13px;
    font-weight: normal !important;
    line-height: 18px !important;
    color: #333 !important;
    white-space: nowrap;
    clear: both;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #333 !important;
    text-decoration: none !important;
    background-color: #eee !important;
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}

.dropdown-submenu { /*using in old dashboard*/
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-right: -1px;
    border-radius: 3px 0 3px 3px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: 5px;
    -moz-margin-start: -15%;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}


/* Forms
-------------------------------------------------------------------------------- */
.inlinelink {
    margin-left: 10px;
}

.formactions {
    .inline-block-full;
    border-top: 1px solid @button-container-border-color;
    padding: 20px 0 15px 0;
    margin: 15px 0 0 0;
    /*
    background: #cccccc;
    background: -moz-linear-gradient(top, #eee 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #eee 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #eee 0%,#ffffff 100%);
    background: linear-gradient(top, #eee 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ffffff',GradientType=0 );
    */
    button, a.button, a.btn_disable {
        margin-left: 15px;
        height: auto !important;
    }
}

.dashboardBtn input[type="submit"] {
    margin-left: 15px !important;
    height: auto !important;
}

/* V2.0.0.0 Start */
.termsrow {
    .inline-block-full;
    padding: 5px 0;
    color: #FFFFFF; /*Using in Marketing.web*/
    font-weight: bold;
    margin-bottom: -10px;

    input[type='checkbox'] {
        margin-left: 15px;
        margin-top: -2px !important;
        padding-top: 0px !important;
        margin-right: 10px !important;
        padding-bottom: 0px !important;
    }

    a {
        font-weight: normal;
        margin-top: -3px !important;
    }

    checkbox, label {
        float: left !important;
        color: red !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
}

/* V2.0.0.0 End */
label {
    display: block;
    margin-bottom: 5px;
    color: @label-font-color;
}



input[type=text],
input[type=number],
input[type=password],
textarea,
select,
.uneditable-input {
    border-radius: 3px;
    display: inline-block;
    padding: 4px;
    height: auto !important;
    margin: 0 0 10px 0;
    font-family: @primary-font;
    vertical-align: middle;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    background-color: #fff;
    border: 1px solid #CCC;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

input, select, textarea {
    &:focus {
        outline: 0;
    }
}

textarea {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;

    &:focus, &.focused {
        border-color: rgba(82, 168, 236, .8);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
        outline: 0;
    }
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #EEE;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #EEE;
    border-color: #DDD;
}

/*.radio input[type="radio"], .checkbox input[type="checkbox"]  {
    width: auto;
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 0;
    background: none;
    border: 0;
}*/

.radio, .checkbox {
    padding: 0;
    margin: 5px 0 0 0;
    vertical-align: middle;
    min-height: 18px;
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
    margin-left: 10px;
}

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 5px;
}

td .checkbox, td .radio {
    min-height: 14px;
    margin: 0;
    padding: 0;
}

td .radio input[type="radio"], td .checkbox input[type="checkbox"] {
    margin-top: 3px;
    margin-right: 0;
     /*height: auto;*/
    line-height: 14px;
}

input[type="file"] {
    height: 28px;
}

select {
    padding-right: 30px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M21 5.176l-9.086 9.353-8.914-9.353-2.314 2.471 11.314 11.735 11.314-11.735-2.314-2.471z'/%3E%3C/svg%3E");
    /*padding-right: 3.2rem;*/
    background-size: 12px 12px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-repeat: no-repeat;
    background-position: right 10px top 7px;
    /*width: 100%;*/
}

select[multiple] {
    padding-right: 1rem;
    background-image: none;
}

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

input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
/*input::-ms-reveal {  display: none; width : 0; height: 0; }*/


select[multiple], select[size] {
    height: auto;
}

input[type="file"] {
    width: auto;
    padding: initial;
    line-height: initial;
    background-color: #fff;
    background-color: initial;
    border: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.search-query {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 0;
}

.help-block {
    display: block;
    margin-bottom: 9px;
    color: @helpblock-font-color;
}

.form-inline {
    label {
        width: auto;
        display: inline-block;
        margin-top: 0;
    }
}

.form-vertical {

    .control-group {
        margin-top: 18px;
    }
}

.form-horizontal {
    .control-group {
        .inline-block-full;

        .control-label {
            float: left;
            width: 150px;
            line-height: 18px;
            padding-top: 5px;
        }

        .controls {
            float: left;
            width: 700px;
        }

        .help-block {
            margin-top: 9px;
            margin-bottom: 0;
        }
    }
}

.form-horizontal .control-group {
    margin-bottom: 18px;
}

.form-horizontal .control-group.userNameDiv .control-label {
    width: auto !important;
}

.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: @warning-msg-font-color;
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: @warning-msg-font-color;
    border-color: @warning-msg-font-color;
}

.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline, .form-error {
    color: @error-msg-font-color;
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    color: @error-msg-font-color;
    border-color: @error-msg-font-color;
}

.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
    color: @success-msg-font-color;
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    color: @success-msg-font-color;
    border-color: @success-msg-font-color;
}

.form-error {
    font-weight: bold;
    border-bottom: 1px dotted @error-msg-font-color;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.span1 {
    width: 70px;
}

.span2 {
    width: 170px;
}

.span3 {
    width: 270px;
}

.textarea-small {
    height: 50px;
}

.textarea-medium {
    height: 150px;
}

.textarea-large {
    height: 300px;
}

input.span1, textarea.span1, .uneditable-input.span1 {
    width: 60px;
}

input.span2, textarea.span2, .uneditable-input.span2 {
    width: 160px;
}

input.span3, textarea.span3, .uneditable-input.span3 {
    width: 260px;
}

.input-mini {
    width: 60px;
    /*width: 45px;*/
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 300px;
}

.input-xlarge {
    width: 500px;
}

.input-prepend .add-on, .input-append .add-on {
    display: inline-block;
    width: auto;
    height: 18px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    background-color: #EEE;
    border: 1px solid #CCC;
}

.input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn {
    margin-left: -1px;
    .roundedcorners(0px);
}

.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px;
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-prepend input, .input-append input, .input-prepend select, .input-append select, .input-prepend .uneditable-input, .input-append .uneditable-input {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-append .add-on:last-child, .input-append .btn:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-append input, .input-append select, .input-append .uneditable-input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
    .roundedcorners(0px);
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0;
}

/* Icons - Controls
-------------------------------------------------------------------------------- */
.caret { /*Using in old dashboard*/
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid black;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: 0.6;
    filter: alpha(opacity=30);
}

.btn .caret {
    margin-top: 7px;
    margin-left: 0;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: top !important;
    background-image: url("../Images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
    *margin-left: 0;
}

.icon-white {
    background-image: url("../Images/glyphicons-halflings-white.png");
}

.icon-glass {
    background-position: 0 0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
}

.icon-folder-open {
    background-position: -408px -120px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

/* Icons - Styled
-------------------------------------------------------------------------------- */
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    *margin-right: .3em;
    line-height: 16px;
    vertical-align: top !important;
    background-position: 16px 16px;
    background-repeat: no-repeat;

    &.disable {
        opacity: .5;
        filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(#FFF); /* Google Chrome & Webkit Nightlies */
    }

    &.tree {
        background: url("../Images/icons/ui-tree.png");
    }

    &.briefcase {
        background: url("../Images/icons/briefcase.png");
    }

    &.calendar {
        background: url("../Images/icons/calendar-blue.png");
    }

    &.atm {
        background: url("../Images/icons/bank.png");
    }

    &.debitcard {
        background: url("../Images/icons/credit-card-green.png");
    }

    &.creditcard {
        background: url("../Images/icons/credit-card.png");
    }

    &.check {
        background: url("../Images/icons/cheque-pen.png");
    }

    &.payroll {
        background: url("../Images/icons/money-coin.png");
    }

    &.transfer {
        background: url("../Images/icons/arrow-skip.png");
    }

    &.dividend {
        background: url("../Images/icons/currency.png");
    }

    &.memo {
        background: url("../Images/icons/sticky-note.png");
    }

    &.transaction {
        background: url("../Images/icons/receipt-text.png");
    }

    &.bell {
        background: url("../Images/icons/bell.png");
    }

    &.mail {
        background: url("../Images/icons/mail.png");
    }

    &.mailimportant {
        background: url("../Images/icons/mail-important-new.png");
    }

    &.inbox {
        background: url("../Images/icons/inbox.png");
    }

    &.sent {
        background: url("../Images/icons/mail-send.png");
    }

    &.draft {
        background: url("../Images/icons/mail-open-document-text.png");
    }

    &.compose {
        background: url("../Images/icons/mail--pencil.png");
    }

    &.gear {
        background: url("../Images/icons/gear.png");
    }

    &.trash {
        background: url("../Images/icons/bin-metal-full.png");
    }

    &.safe {
        background: url("../Images/icons/safe.png");
    }

    &.thumb-up {
        background: url("../Images/icons/thumb-up.png");
    }

    &.thumb-down {
        background: url("../Images/icons/thumb.png");
    }

    &.tick {
        background: url("../Images/icons/tick.png");
    }

    &.toggle-expand {
        background: url("../Images/icons/toggle-expand.png");
    }

    &.toggle-collapse {
        background: url("../Images/icons/toggle.png");
    }

    &.user {
        background: url("../Images/icons/user.png");
    }

    &.users {
        background: url("../Images/icons/users.png");
    }

    &.view {
        background: url("../Images/icons/magnifier-left.png");
    }

    &.report {
        background: url("../Images/icons/report.png");
    }

    &.question {
        background: url("../Images/icons/question.png");
    }

    &.prohibition {
        background: url("../Images/icons/prohibition.png");
    }

    &.point-gold {
        background: url("../Images/icons/point.png");
    }

    &.point-silver {
        background: url("../Images/icons/point-silver.png");
    }

    &.point-bronze {
        background: url("../Images/icons/point-bronze.png");
    }

    &.plus {
        background: url("../Images/icons/plus.png");
    }

    &.paperclip {
        background: url("../Images/icons/paper-clip.png");
    }

    &.paperclip-small {
        background: url("../Images/icons/paper-clip-small.png");
    }

    &.new {
        background: url("../Images/icons/new.png");
    }

    &.folder {
        background: url("../Images/icons/folder-horizontal.png");
    }

    &.newfolder {
        background: url("../Images/icons/folder-new.png");
    }

    &.status {
        background: url("../Images/icons/status.png");
    }

    &.threadopen {
        background: url("../Images/icons/thread-open.png") 3px 3px no-repeat;
    }

    &.threadclosed {
        background: url("../Images/icons/thread-closed.png") 3px 3px no-repeat;
    }

    &.threadreadclosed {
        background: url("../Images/icons/thread-read-closed.png") 3px 3px no-repeat;
    }

    &.warning {
        background: url("../Images/icons/exclamation-diamond.png");
    }
}


/* Tooltips
-------------------------------------------------------------------------------- */
.tooltip {
    cursor: help;
    position: relative;
    margin-left: 5px;
    opacity: .5;
    color: #333;

    > span {
        display: none;
        text-indent: 0;
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        margin-left: -999em;
        border-radius: 3px;
        position: absolute;
        /* left: .5em; */
        top: 1.5em;
        z-index: 99;
        width: 250px;
        color: #333;
        padding: 10px;
        line-height: 16px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;

        &.classic {
            background: #f5f5f5;
            border: 1px solid #bbb;
        }

        &.critical {
            background: #FFCCAA;
            border: 1px solid #FF3334;
        }

        &.help {
            background: #9FDAEE;
            border: 1px solid #2BB0D7;
        }

        &.warning {
            background: #FFFFAA;
            border: 1px solid #FFAD33;
        }
    }

    &:hover {
        color: #333;
        opacity: 1;
    }

    &:hover span {
        display: inline-block;
        margin-left: 0;
    }
}

.widgetTitle .tooltip {

    span {
        left: auto;
        right: .5em;
        margin-left: 0;
        margin-right: -999em;
    }

    &:hover span {
        margin-left: auto;
        margin-right: 0;
    }
}

.tooltip.show {
    opacity: 1 !important;

    span {
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
    }
}

#tooltipCover {
    position: absolute;
    z-index: 99;
    display: none;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    background: #555;
    box-shadow: inset 0 0 100px 0 black;
    opacity: .6;
}


/* Hover Module
-------------------------------------------------------------------------------- */
.hovermodulelink {
    position: relative;
    display: inline-block;
    width: 100%;

    .account {
        display: inline-block;
        width: 100%;
        position: relative;
        line-height: 18px;
        background: @accountlistbgcolor;
        border-bottom: 1px solid darken(@accountlistbgcolor,10%);

        &:after {
            content: '';
            width: 8px;
            height: 100%;
            position: absolute;
            z-index: 1000;
            top: 0;
            right: 0;
            background: -moz-linear-gradient(left, @accountlist-bg-gradient-startcolor 0%, @accountlist-bg-gradient-endcolor 100%);
            background: -webkit-linear-gradient(left, @accountlist-bg-gradient-startcolor 0%,@accountlist-bg-gradient-endcolor 100%);
            background: linear-gradient(to right, @accountlist-bg-gradient-startcolor 0%,@accountlist-bg-gradient-endcolor 100%);
        }

        &.active,
        &:hover {
            background: @accountlistactivebgcolor;
        }

        .name {
            box-sizing: border-box;
            float: left;
            width: 100% !important;
            padding: 10px;

            em {
                font-style: normal;
                font-weight: normal;
                color: @accountlist-accountname-em-font-color;
                font-size: 11px;
            }
        }

        .amount {
            position: absolute;
            bottom: 10px;
            right: 10px;
        }
    }
}

.hovermodule {
    display: none;
    position: absolute;
    top: -8px;
    left: 30px;
    z-index: 9999 !important;
    width: 300px;
    border-radius: 3px;
    box-shadow: @hovermodule-boxshadow;

    h6 {
        .inline-block-full;
        background: @headertabbgcolor;
        color: @headertabtextcolor;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        position: relative;
        border: 0 !important;
        font-size: 14px;
        font-weight: normal;
        text-indent: 10px;
        padding: 10px 0;
        margin: 0;
        text-transform: none;

        #accountImagePop {
            display: none;
        }

        b {
            position: absolute;
            top: 10px;
            left: -8px;
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid @headertabbgcolor;
        }
    }

    div {
        .roundedcornersbottom;
        .inline-block-full;
        background: @hovermodule-details-bg-color;

        span {
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            padding: 15px;
            line-height: 16px;

            .linklist {
                list-style: none;
                margin: 0;
            }
        }
    }

    &.show {
        display: inline-block;
    }
}

.widget.half .hovermodule {
    width: 600px;
}

.widget.half .hovermodule ul.linklist {
    width: 100%;
}

.widget.half .hovermodule ul.linklist li {
    float: left;
    width: 25%;
    padding-bottom: 15px;
}

.framework .side .hovermodule {
    left: 255px;
    top: -45px;
}

/* Tour Carousel
-------------------------------------------------------------------------------- */
.tour {
    float: left;
    width: 713px;
    padding-bottom: 8px;
    text-align: center;
    background: #7db9e8;
    background: -moz-linear-gradient(top, #7db9e8 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #7db9e8 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #7db9e8 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #7db9e8 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #7db9e8 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#ffffff',GradientType=0 );

    #tourPrev {
        margin-right: 10px;
    }

    #tourNext {
        margin-left: 10px;
    }
}

#tourCarousel {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid @primarycolor;
    margin-bottom: 8px;

    ul {
        position: relative;
        padding: 0;
        margin: 0;
        list-style: none;

        li {
            width: 713px;
            height: 145px;
            float: left;

            a {
                cursor: pointer;
                cursor: hand;
            }
        }
    }
}

/* Banner Ads
-------------------------------------------------------------------------------- */
.banner {
    background: @banner-bgcolor;
    padding: 10px;

    img {
        border: 1px solid @banner-image-border-color;
    }
}

/* Status Bar
-------------------------------------------------------------------------------- */
.statusbar {
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px 0;

    &.positive {
        background: @messaging-statusbar-positive-bgcolor;
        background: -moz-linear-gradient(top, @messaging-statusbar-positive-gradient-bgstartcolor 0%, @messaging-statusbar-positive-gradient-bgendcolor 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@messaging-statusbar-positive-gradient-bgstartcolor), color-stop(100%,@messaging-statusbar-positive-gradient-bgendcolor));
        background: -webkit-linear-gradient(top, @messaging-statusbar-positive-gradient-bgstartcolor 0%,@messaging-statusbar-positive-gradient-bgendcolor 100%);
        background: -o-linear-gradient(top, @messaging-statusbar-positive-gradient-bgstartcolor 0%,@messaging-statusbar-positive-gradient-bgendcolor 100%);
        background: -ms-linear-gradient(top, @messaging-statusbar-positive-gradient-bgstartcolor 0%,@messaging-statusbar-positive-gradient-bgendcolor 100%);
        background: linear-gradient(to bottom, @messaging-statusbar-positive-gradient-bgstartcolor 0%,@messaging-statusbar-positive-gradient-bgendcolor 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab66b', endColorstr='#398235',GradientType=0 );
        border-bottom: 1px solid @messaging-statusbar-positive-border-color;
    }

    &.negative {
        background: @messaging-statusbar-negative-bgcolor;
        background: -moz-linear-gradient(top, @messaging-statusbar-negative-gradient-bgstartcolor 0%, @messaging-statusbar-negative-gradient-bgendcolor 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@messaging-statusbar-negative-gradient-bgstartcolor), color-stop(100%,@messaging-statusbar-negative-gradient-bgendcolor));
        background: -webkit-linear-gradient(top, @messaging-statusbar-negative-gradient-bgstartcolor 0%,@messaging-statusbar-negative-gradient-bgendcolor 100%);
        background: -o-linear-gradient(top, @messaging-statusbar-negative-gradient-bgstartcolor 0%,@messaging-statusbar-negative-gradient-bgendcolor 100%);
        background: -ms-linear-gradient(top, @messaging-statusbar-negative-gradient-bgstartcolor 0%,@messaging-statusbar-negative-gradient-bgendcolor 100%);
        background: linear-gradient(to bottom, @messaging-statusbar-negative-gradient-bgstartcolor 0%,@messaging-statusbar-negative-gradient-bgendcolor 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
        border-bottom: 1px solid @messaging-statusbar-negative-border-color;
    }

    p {
        color: @messaging-statusbar-paragraph-font-color;
        font-weight: bold;
        margin: 0;
    }
}

.dn {
    display: none;
}

#header .search {
    background: url("../Images/General/tab-blue_nw.gif") no-repeat scroll left top transparent;
    float: left;
    height: 35px;
    margin-left: 620px;
    margin-top: -15px;
    padding-left: 13px;
}

#header .search .query, x:-moz-any-link, x:only-child {
    background: url("../Images/General/bg-search.gif") no-repeat scroll left center transparent;
    border: 0 none;
    height: 25px;
    line-height: 25px;
    outline: medium none;
    position: relative;
    text-indent: 6px;
    top: -5px;
    width: 150px;
}

#header .search .query {
    background: url("../Images/General/bg-search.gif") no-repeat scroll left center transparent;
    border: 0 none;
    height: 25px;
    line-height: 25px;
    outline: medium none;
    position: relative;
    text-indent: 6px;
    width: 150px;
}

#header .search fieldset {
    background: url("../Images/General/tab-blue_ne.gif") no-repeat scroll right top transparent;
    color: #EEEEEE;
    cursor: pointer;
    float: right;
    height: 29px;
    padding-right: 2px;
    text-align: center;
    text-decoration: none;
}

#header .search .btn, x:-moz-any-link, x:only-child {
    left: -6px;
    position: relative;
    top: 3.5px;
}

#header .search .btn {
    left: -25px;
    position: relative;
    top: 8px;
}
/* #header .quickLinks { float: left; text-align: center; width: 115px; margin: -6px 0 0 10px; } */
/* #header .quickLinks a.focus { background: url("../images/carousel/bg_quickLinks.gif") no-repeat scroll 0 -52px transparent; } */
/* #header .quickLinks a { background: url("../images/carousel/bg_quickLinks.gif") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-weight: bold; height: 26px; line-height: 20px; text-decoration: none; width: 100%; } */
.loginStatusContainer {
    float: right;
    margin-top: -32px;
}

.headSearchIcon {
    position: relative;
    top: 3px;
    padding: 0;
}

.inlinelinkFilterExpanded {
    margin-left: 10px;
    line-height: 18px;
    height: 18px;
    vertical-align: middle;
}

.formUnitNormal {
    float: left;
    width: 100%;
    background: @detailssection-bgcolor;
    display: inline-block;
    width: 100%;
    border-top: 1px solid @detailssection-border-top-color;
    padding: 10px;
    box-sizing: border-box;

    .formUnitNormal {
        border-top: 0;
        padding: 0;
    }
}

.entireWidth {
    width: 100%;
}

searchTextBox {
    background: none !important;
    padding: 0 !important;
    vertical-align: inherit !important;
    margin: 0px !important;
    border-radius: 0 !important;
    position: relative;
    top: 5px;
}

#header .search .query {
    top: -4px !important;
    margin: 0 0 0 6px !important;
}

.windowCommands {
    float: right;
    margin-right: 6px;
}

.windowCommands a { /*Using in olddashboard*/
    font-weight: bold;
    text-decoration: none;
    color: #6699CC;
}

.myDashboard {
    text-transform: none;
    font-weight: bold;
    text-decoration: none;
    font-size: 9pt;
}

/* V2.0.0.0 Start */

button.primaryGraphicLeft, a.button.primaryGraphicLeft {
    padding-right: 5px;
    background: @primary-graphicbutton-bgcolor;
    background: -moz-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%, @primary-graphicbutton-bg-gradient-endcolor 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @primary-graphicbutton-bg-gradient-startcolor), color-stop(100%, @primary-graphicbutton-bg-gradient-endcolor));
    background: -webkit-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%, @primary-graphicbutton-bg-gradient-endcolor 100%);
    background: -o-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%, @primary-graphicbutton-bg-gradient-endcolor 100%);
    background: -ms-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%, @primary-graphicbutton-bg-gradient-endcolor 100%);
    background: linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%, @primary-graphicbutton-bg-gradient-endcolor 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#6aaf51', endColorstr='#468430', GradientType=0);
}

button.primaryGraphicLeft span, a.button.primaryGraphicLeft span {
    float: left;
    color: @primary-graphicbutton-span-font-color;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    font-size: 22px;
    line-height: 20px;
    padding: 0 6px 4px 4px;
    margin: 5px 6px 0 0;
    font-family: @primary-font;
    background: @primary-graphicbutton-span-bgcolor;
    background: -moz-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @primary-graphicbutton-span-bg-gradient-startcolor), color-stop(100%, @primary-graphicbutton-span-bg-gradient-endcolor));
    background: -webkit-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -o-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -ms-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#468430', endColorstr='#6aaf51', GradientType=0);
}

button.primaryGraphicLeft:hover, a.button.primaryGraphicLeft:hover {
    background: @primary-graphicbutton-span-bgcolor;
    background: -moz-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @primary-graphicbutton-span-bg-gradient-startcolor), color-stop(100%, @primary-graphicbutton-span-bg-gradient-endcolor));
    background: -webkit-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -o-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -ms-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#468430', endColorstr='#6aaf51', GradientType=0);
}

button.primaryGraphicLeft:hover span, a.button.primaryGraphicLeft:hover span {
    background: @primary-graphicbutton-span-hover-bgcolor;
    background: -moz-linear-gradient(top, @primary-graphicbutton-span-hover-bg-gradient-startcolor 0%, @primary-graphicbutton-span-hover-bg-gradient-endcolor 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @primary-graphicbutton-span-hover-bg-gradient-startcolor), color-stop(100%, @primary-graphicbutton-span-hover-bg-gradient-endcolor));
    background: -webkit-linear-gradient(top, @primary-graphicbutton-span-hover-bg-gradient-startcolor 0%, @primary-graphicbutton-span-hover-bg-gradient-endcolor 100%);
    background: -o-linear-gradient(top, @primary-graphicbutton-span-hover-bg-gradient-startcolor 0%, @primary-graphicbutton-span-hover-bg-gradient-endcolor 100%);
    background: -ms-linear-gradient(top, @primary-graphicbutton-span-hover-bg-gradient-startcolor 0%, @primary-graphicbutton-span-hover-bg-gradient-endcolor 100%);
    background: linear-gradient(top, @primary-graphicbutton-span-hover-bg-gradient-startcolor 0%, @primary-graphicbutton-span-hover-bg-gradient-endcolor 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#6aaf51', endColorstr='#468430', GradientType=0);
}

.primaryGraphicLeft {
    background: -moz-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%, @primary-graphicbutton-bg-gradient-endcolor 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@primary-graphicbutton-bg-gradient-startcolor), color-stop(100%,@primary-graphicbutton-bg-gradient-endcolor));
    background: -webkit-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%,@primary-graphicbutton-bg-gradient-endcolor 100%);
    background: -o-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%,@primary-graphicbutton-bg-gradient-endcolor 100%);
    background: -ms-linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%,@primary-graphicbutton-bg-gradient-endcolor 100%);
    background: linear-gradient(top, @primary-graphicbutton-bg-gradient-startcolor 0%,@primary-graphicbutton-bg-gradient-endcolor 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aaf51', endColorstr='#468430',GradientType=0 );
    padding-right: 5px;
    margin-left: 15px;
    border: 1px solid @primary-graphicleft-border-color;
    border-radius: 5px 5px 5px 5px;
    box-shadow: @primary-graphicleft-boxshadow;
    color: @primary-graphicleft-font-color;
    cursor: pointer;
    display: inline-block;
    font-family: @primary-font;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    padding: 0 15px !important;
    position: relative;
    width: auto;
    height: 35px !important;
}

.primaryGraphicLeft:hover {
    background: @primary-graphicbutton-span-bgcolor;
    background: -moz-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%, @primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@primary-graphicbutton-span-bg-gradient-startcolor), color-stop(100%,@primary-graphicbutton-span-bg-gradient-endcolor));
    background: -webkit-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%,@primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -o-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%,@primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: -ms-linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%,@primary-graphicbutton-span-bg-gradient-endcolor 100%);
    background: linear-gradient(top, @primary-graphicbutton-span-bg-gradient-startcolor 0%,@primary-graphicbutton-span-bg-gradient-endcolor 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#468430', endColorstr='#6aaf51',GradientType=0 );
    color: @primary-graphicleft-font-color;
}

/* V2.0.0.0 End */

.padt7 {
    padding-top: 7px;
}

#Div1 {
    border-radius: 3px;
}

/* Iframe Pages */
#detailsView > iframe {
    margin-bottom: 50px;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/*Merged from product.less file*/
#detailsView.pmIFrameWidth > iframe {
    width: 100% !important;
}

.iframehtml {

    body {
        min-width: 1000px;

        #canvas .widget {
            width: 100% !important;
            box-sizing: border-box;
            margin-bottom: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;

            &.iframedetailctl {
                border-radius: 3px !important;
            }
        }
    }
}


/* Icons */
.icon-cog {
    background-size: contain;
    background-position: center;
    background-image: @icon-cog;
}

.icon-question-sign {
    background-size: contain;
    background-position: center;
    background-image: @icon-question-sign;
}

.icon-file {
    background-size: contain;
    background-position: center;
    background-image: @icon-file;
}

.icon-print {
    background-size: contain;
    background-position: center !important;
    background-image: @icon-print;
}

.icon-user {
    background-size: contain;
    background-position: center;
    background-image: @icon-user;
}

.icon-plus {
    background-size: contain;
    background-position: center;
    background-image: @icon-plus;
}

.icon-search {
    background-size: contain;
    background-position: center;
    background-image: @icon-search;
}

.icon-share {
    background-size: contain;
    background-position: center;
    background-image: @icon-share;
}

.icon-download-alt {
    background-size: contain;
    background-position: center;
    background-image: @icon-download-alt;
}

.icon-trash {
    background-size: contain;
    background-position: center;
    background-image: @icon-trash;
}

.icon-ok {
    background-size: contain;
    background-position: center;
    background-image: @icon-ok;
}

.dragHandle,
.icon-move {
    background-size: contain;
    background-position: center;
    background-image: @icon-draghandle-move;
}

.icon-arrow-left {
    background-size: contain;
    background-position: center;
    background-image: @icon-arrow-left;
}

.icon-arrow-right {
    background-size: contain;
    background-position: center;
    background-image: @icon-arrow-right;
}

.icon.bell {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: @icon-bell;
}

.icon.mail {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: @icon-mail;
}

.icon-UnPin {
    margin-top: 2px !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center !important;
    background-image: @icon-unpin !important;
}

.icon-Pin {
    margin-top: 2px !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center !important;
    background-image: @icon-pin !important;
}

.icon.view {
    background-size: contain;
    background-position: center;
    background-image: @icon-view;
}

.icon.toggle-expand {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: @icon-toggle-expand;
}

.icon.toggle-collapse {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: @icon-toggle-collapse;
}

.balanceLinkPopup {
    width: 14px;
    height: 14px;
    display: inline-table;
    background-size: contain;
    background-position: center;
    background-image: @icon-balancelink-popup !important;

    img {
        display: none;
    }
}

/*.acctIndicator.loanDue {
    padding: 0 !important;
    width: 14px;
    height: 14px;
    display: inline-table;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23EEC200%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E") !important;
}*/

.icon.warning,
.calEventDetail.loanDue, .widgetCalEventDetail.loanDue {
    background-size: contain;
    background-image: @icon-calevent-loandue-warning !important;
}


/*.acctIndicator.loanPastDue {
    padding: 0 !important;
    width: 14px;
    height: 14px;
    display: inline-table;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23ED6347%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E") !important;
}*/

.calEventDetail.loanPastDue, .widgetCalEventDetail.loanPastDue {
    background-size: contain;
    background-image: @icon-calevent-loanpastdue-warning !important;
}

#account-summary-details > table tr td:first-child {
    padding: 5px 0 !important;
}

#account-summary-details > table tr td:first-child > a:first-of-type {
    opacity: .5;
    width: 16px;
    height: 16px;
    display: inline-table;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11.5%209C10.12%209%209%2010.12%209%2011.5s1.12%202.5%202.5%202.5%202.5-1.12%202.5-2.5S12.88%209%2011.5%209zM20%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm-3.21%2014.21l-2.91-2.91c-.69.44-1.51.7-2.39.7C9.01%2016%207%2013.99%207%2011.5S9.01%207%2011.5%207%2016%209.01%2016%2011.5c0%20.88-.26%201.69-.7%202.39l2.91%202.9-1.42%201.42z%22%2F%3E%3C%2Fsvg%3E");

    &:hover {
        opacity: 1;
    }

    img {
        display: none;
    }
}

.tranInfoExpander {
    opacity: .5;
    height: 13px !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M13%207h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208z%22%2F%3E%3C%2Fsvg%3E") !important;
    /*background: @transinfo-expand-image !important;*/
    &.active {
        opacity: .5;
        height: 13px !important;
        background-size: contain !important;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7%2011v2h10v-2H7zm5-9C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208z%22%2F%3E%3C%2Fsvg%3E") !important;
        /*background: @transinfo-collapse-image !important;*/
    }
}

.action.edit {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-image: @action-edit-image !important;
}

.action.delete {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-image: @action-delete-image !important;
}

#widgetFancyboxLoading {
    max-width: 25px;
}

#BranchWidget {
    height: 250px;
}

#ConditionalSettingsdiv {
    clear: both;
    width: 100%;
}

/* Login screen overrides */
.sitemarkerDiv {
    border: 1px solid rgba(0,0,0,.1);
    padding: 30px 0 !important;
    border-radius: 3px;
    float: right;
    margin-top: -30px;
}

.registerPCDiv .radio {
    display: inline-block;
    width: 100%;
}

/* My Users screen overrides */
.managesecondaryusers {
    select {
        margin-bottom: 0 !important;
    }

    tr td:nth-child(2) a {
        width: 14px;
        height: 14px;
        display: inline-table;
        background-size: contain;
        background-position: center;
        background-image: @secondaryusers-activitylink-icon !important;

        img {
            display: none;
        }
    }
}

/* Account Settings screen overrides */
#bubblePanel {
    left: 200px !important;
}

#accountSettingsIFrame {
    width: 100%;

    table.table {
        width: 100% !important;
    }
}

.ui-accordion {
    width: 100% !important;

    .formactions {
        padding-left: 15px;
        box-sizing: border-box;
    }
}

.ui-state-default {
    background: #F4F6F8;
    border: 1px solid #DFE4E8;
}

.ui-accordion-header.ui-state-active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ssoLaunchDiv {
    padding: 0 !important;
}

#popupLoader {
    z-index: 9999;
}

/* Open Account Overrides */
#lnkgroupExpandCollapseall {
    margin-left: 0 !important;
    float: right;
}


/* Direct Deposit Overrides */
.DirectDepositsSummaryPanel {
    div.inline-block-full.padt10.padl10 {
        display: none;
    }

    .ajaxTabArea {
        width: 100% !important;
    }
}

/* Taxes Overrides */
.TaxInfoDiv {

    * {
        box-sizing: border-box;
    }
    /*Merged from NewUIFramework.css file*/
    .summary {
        opacity: 1;
    }
    /*Merged from NewUIFramework.css file*/
    .positive {
        color: #50B83C !important;
    }
}

/* ATM Locations Overrides */
.atmChkList {

    &.checkbox tr td {
        margin-bottom: 0 !important;

        label {
            margin-top: 3px !important;
        }
    }
}

.searchPanel {
    .controls .grid-10 div:last-of-type {
        margin-top: 0 !important;
    }
}

.branchAtmInfo {
    width: 100% !important;

    td {
        line-height: 16px !important;
    }
}

/* Document Cabinet Overrides */
#defForm {

    .grid-22 {
        width: 100% !important;
        box-sizing: border-box;
        padding-right: 15px;
    }
}

/* Funds Transfers Overrides */
.DetailMemberNumber,
.DetailAccount,
.DetailLastName {
    margin-bottom: 5px;
    margin-top: 5px;
}

.applicationLeft {

    > marb10 {
        margin-bottom: 15px !important;
    }
}

.transfertypesRadio {
    width: 100%;

    td {
        width: 50%;
    }
}

.TransferDiv {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.externalSubmitBtn {
    padding-right: 15px;

    &:hover {
        color: @primary-button-hover-font-color;
    }
}

.tableGrid {
    margin: 0 !important;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.borderclass {
    border-bottom: 1px solid @border-bottom-default-color;
}

.EditWidgetDatalink {
    margin: -5px 0 15px 0 !important;
    padding: 0 0 0 17px !important;
    float: left !important;
}

#divWidgetOtherMemberAcct {

    .widgetClassicTransfer span {
        display: inline-block;
        width: 100%;
        min-width: 200px;
        margin-bottom: 5px;
    }

    input[type=text] {
        width: 100%;
        box-sizing: border-box;
    }
}

.internalDetailManualToAcct {

    .label_txt {
        margin-bottom: 10px !important;
    }
}


.successSummary {

    .inline-block-full {

        .grid-6 {
            width: 100% !important;
        }

        .doc3 {
            font-weight: bold;
            margin-bottom: 5px !important;
        }

        .doc4 {
            line-height: 16px;
        }
    }
}

.invalidWidgetTransferAccountsError {
    padding: 0 0 15px 0;
    width: 100% !important;
    line-height: 16px;
}
/* Used to Display Banner below the dashboard menu */
.bannerAdsContainer {
    width: 100%;
    padding: 0 !important;
    height: auto !important;
    text-align: center;
    background: none repeat scroll 0 0 @body-bgcolor;

    div {
        max-width: 728px;
        height: 90px;
        display: inline-block;
    }
}

/* 3.3.0.34 Start */
.checkbox_list {
    margin-top: 2px !important;
}

input[type="radio"][id*="RadioButton_ShowAllAccounts"] {
    margin-top: 3px !important;
}

input[type="radio"][id*="RadioButton_ShowOnlySelectedAccounts"] {
    margin-top: 3px !important;
}

input[type="checkbox"][id*="channelsCheckBox"] {
    margin-top: 2px !important;
}

.chckboxothersettingsChannels {
    margin-top: 2px !important;
}

.btn_Fundtransfer {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: inline-block;
    padding: 5px 10px 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 18px;
    min-height: 18px;
    color: @fundtransferbtncolor;
    text-align: center;
    text-decoration: none;
    text-shadow: @fundtransfer-btn-textshadow;
    vertical-align: middle;
    cursor: pointer;
    background-color: @fundtransfer-btn-bgcolor;
    background-image: -ms-linear-gradient(top, @fundtransfer-btn-bgimage-gradient-startcolor, @fundtransfer-btn-bgimage-gradient-endcolor);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@fundtransfer-btn-bgimage-gradient-startcolor), to(@fundtransfer-btn-bgimage-gradient-endcolor));
    background-image: -webkit-linear-gradient(top, @fundtransfer-btn-bgimage-gradient-startcolor, @fundtransfer-btn-bgimage-gradient-endcolor);
    background-image: -o-linear-gradient(top, @fundtransfer-btn-bgimage-gradient-startcolor, @fundtransfer-btn-bgimage-gradient-endcolor);
    background-image: linear-gradient(top, @fundtransfer-btn-bgimage-gradient-startcolor, @fundtransfer-btn-bgimage-gradient-endcolor);
    background-image: -moz-linear-gradient(top, @fundtransfer-btn-bgimage-gradient-startcolor, @fundtransfer-btn-bgimage-gradient-endcolor);
    background-repeat: repeat-x;
    border: 1px solid @fundtransfer-btn-border-color;
    /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
    /*border-color: @fundtransfer-btn-border-color;*/
    border-bottom-color: @fundtransfer-btn-border-bottom-color;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: @fundtransfer-btn-boxshadow;

    &:hover {
        color: @fundtransferbtnhovertextcolor;
        text-decoration: none;
        background-color: @fundtransferbtnhoverbgcolor;
        background-position: 0 30px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    &:active {
        -webkit-tap-highlight-color: transparent;
        /*background-color: #E6E6E6;*/
        background-color: @fundtransfer-btnactive-bgcolor;
        background-image: @fundtransfer-btnactive-bgimage;
        outline: 0;
        -webkit-box-shadow: @fundtransfer-btnactive-boxshadow;
        -moz-box-shadow: @fundtransfer-btnactive-boxshadow;
        box-shadow: @fundtransfer-btnactive-boxshadow;
    }

    &.btn_Fundtransfer.disabled, &.btn_Fundtransfer[disabled] {
        cursor: default;
        background-color: @fundtransfer-btndisabled-bgcolor;
        background-image: @fundtransfer-btndisabled-bgimage;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}
/* 3.3.0.34 end */
.pastdueamt {
    color: @pastdueamt;
    font-weight: bold;
}

/*Merged from NewUIFramework.css file*/
.internalAddNewLinkCss {
    padding-left: 5px;
    padding-bottom: 0px;
    float: right;
    /*margin: -3% 74% 0 0;*/
    margin: -2% 74% 0 0 !important;
}

/*.controls .radio input, .task-btm .radio input {
    margin-top: 0px !important;
}*/

/*.writeCheckDiv .radio input {
    margin-top: 4px !important;
}*/

.popupcontainer .radio input {
    /*margin-top: 3px !important;*/
    margin-top: 6px !important; /*Merged from NewUIFramework.css file*/
}

.messagePopupDiv .radio input {
    /*margin-top: 0px !important;*/
    margin-top: 4px !important; /*Merged from NewUIFramework.css file*/
}

/*.checkbox label {
    margin-top: 3px !important;
}*/

.radio label {
    margin-top: 4px !important;
}

.detailDateradiobtnLabel span {
    padding-top: 3px !important;
}

.marl5 {
    margin-left: 5px;
}

.internalDetailManualToAcct {
    .label_txt {
        margin-bottom: 10px !important;
    }
}

.internalDetailManualToAcct .internalDetailMemberNumberDiv {
    width: 200px !important;
    /*padding-bottom: 5px;*/
}

.internalDetailManualToAcct .internalDetailAccountDiv {
    width: 90px !important;
    margin-left: 0 !important;
    padding-left: 0px !important;
}

.acctGroupsRadio input {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    width: 210px;
    height: 18px;
    padding: 4px;
    margin: 0 0 9px 0;
    /*font-family: "Helvetica", Arial, san-serif;*/
    vertical-align: middle;
    font-size: 13px;
    line-height: 18px;
    /*color: #555;
	background-color: #fff;
	border: 1px solid #CCC;*/
}

table.acctGroupsRadio tr td label {
    margin: 2px 20px 0 20px !important;
}

.mart0 {
    margin-top: 0px !important;
}

#accounts td.checkbox input[type="checkbox"], #payees td.checkbox input[type="checkbox"] /*FundTransfers --> Accounts Tab check boxes in table*/ {
    margin-top: -2px;
}

table tr td span.checkbox.OtherAcctChannel input[type="checkbox"] {
    margin-top: 5px;
}

/*#manageCardsDiv input[type="checkbox"] {
    margin-top: 0px;
}*/

/*#writeCheckScroll span.checkbox input[type="checkbox"] {
    margin-top: 0px;
}*/

/*#StopPaymentScroll span.radio input[type="radio"] {
    margin-top: 3px !important;
}*/

#popupDiv .checkbox input[type="checkbox"] {
    /*margin-top: 0px;*/
    margin-top: 3px !important; /*Merged from NewUIFramework.css file*/
}

/*#securityAccountSettingsPanel .checkbox input[type="checkbox"] {
    margin-top: 0px;
}*/

.marl7 {
    margin-left: 7px;
}

.containerHt {
    min-height: 580px;
}

.DailyLimit {
    color: #999;
}

#popupLoader {
    z-index: 9999;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body {
        min-width: 100% !important;
    }

    .ieWidth {
        width: 100% !important;
    }

    .transactionStatus {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.popupcontainer .radio input[type="radio"] {
    margin-top: 0px;
}

.checkdetails {
    color: #1d1717;
    margin-bottom: 0px;
}

.showHideTranInfoExpander {
    background: @toggle-expand-image no-repeat top left;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    width: 16px;
}

.showHideTranInfoExpander.active {
    background: @toggle-collapse-image no-repeat top left;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    width: 16px;
}

.rdbBlock td {
    padding-left: 30px;
}

.rdbBlock input {
    /*margin-left: -30px;*/
    float: left;
}

/*Merged from product.less file*/
.rdbBlock td label {
    margin-left: 0px !important;
    float: left;
    font-weight: inherit;
    padding-top: 3px;
}

.ADVSearch_CategoryWidth {
    width: 332px;
}

.ADVSearch_DescriptionWidth {
    width: 260px;
}

.links a {
    box-shadow: none;
    color: #212B35;
    background: #fff;
    border: 1px solid #DFE4E8;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 16px;
    float: left;
}

/*.primarylogo {
    text-indent: -5000px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
}*/

a[id^=dispute] {
    background: @dispute-link-bg-color;
    color: @dispute-link-color;
    border-color: @dispute-link-border-color;
}

#memberFilterPanel.sectiontitle label {
    color: @accountdetails-jointaccountsfilter-font-color !important;
    margin: 0 !important;
}

.helpUSavePrintAgreementLink {
    padding-top: 11px;
}

.grid-17 {
    width: 13% !important;
}

.grid-6 {
    width: 49.5% !important;
}

.grid-7 {
    width: 66.5% !important;
}

.grid-18 {
    width: 72.5% !important;
}

.grid-8 {
    width: 66% !important;
}

.grid-20 {
    width: 59% !important;
}

.grid-19 {
    width: 40% !important;
}

.grid-21 {
    width: 92% !important;
}

.grid-10 {
    width: 82.5% !important;
}

.grid-9 {
    width: 74.25% !important;
}

.grid-11 {
    width: 90.75% !important;
}

.grid-12 {
    width: 100% !important;
}

.grid-1 {
    width: 8.25% !important;
}

.grid-13 {
    width: 98% !important;
}

.grid-2 {
    width: 16.5% !important;
}

.grid-14 {
    width: 100% !important;
}

.grid-3 {
    width: 15.75% !important;
}

.grid-22 {
    width: 69.5% !important;
}

.grid-23 {
    width: 5.25% !important;
}

.grid-24 {
    width: 45% !important;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-16, .grid-17, .grid-61, .grid-25, .grid-40, .grid-41, .grid-42, .grid-43 {
    float: left;
}

.grid-15 {
    width: auto !important;
}

.grid-4 {
    width: 33% !important;
}

.grid-16 {
    width: 35% !important;
}

.grid-5 {
    width: 32.25% !important;
}

.marl3 {
    margin-left: 3px;
}
/* Used to display Settings and More Menu */
.menucontent {
    float: left;
    width: 100%;
}

/* Used to align the Radio buttons all over application  */
.radio {
    /*label {
        margin: 0 0 0 20px !important;
    }*/
    input {
        float: left;
    }
}

.msg_lft_cnt {
    float: right;
    margin: 0px 20px 0 0;
    clear: right;
}

.summary {
    display: inline-block;
    opacity: 0.75;
    width: 100%;

    .doc1 {
        float: left;
        margin-bottom: 10px;
        padding-right: 1%;
        white-space: nowrap;
        width: 25%;
    }

    .doc2 {
        float: left;
        line-height: 16px;
        margin-bottom: 10px;
        width: 74%;
        /*font-weight: bold;*/
    }
}
/*To align send, save now, draft buttons under mail compose page*/
.msg_comp_rht {
    float: right;
    margin: 0px 10px 0 0;
    clear: right;
}
/* Used to align the checkbox, all over the application */
.checkbox {
    label {
        float: left;
        margin-left: 6px;
        /*margin-top: 5px;*/
        margin-top: 3px;
    }

    input {
        float: left;
    }
}
/* Used to display background and alignment of control in Mail Compose Page */
.composeControlContainer {
    float: left;
    padding: 10px 0 0;
    width: 100%;
}

.msg_rht_cnt {
    float: right;
    margin: 0px 20px 10px 0;
    clear: right;
}
/* Used to drag and drop the widgets */

.dragHandle {
    cursor: move;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    opacity: .5;
}




/* Used to align the widgets in dashboards */
.column {
    float: left;
    width: 302px;
}

.pmCuWidgets .column {
    float: left;
    width: 302px !important;
}

.iframehtml {
    background: @body-bgcolor !important;
}
/* Used to align the widgets in dashboards */
.cuWidget { /*using in old dashboard*/
    background: @widgetbackground;
    width: 316px !important;
    margin: 0 15px 15px 0;
    position: relative;

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

    .withFooter {
        float: left;
        background: #fff;
        width: 316px;
        border: 1px solid lighten(@primarycolor,40%);
        margin: 0 15px 15px 0;
        position: relative;

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

        h2 {
            float: left;
            width: 100%;
            line-height: 28px;
            font-size: 13px;
            font-weight: bold;
            color: @primarycolor;
            text-indent: 6px;
            background: url(/Images/loginsprite.png) top repeat-x;
            margin-bottom: 0;
            background-position: 0 -579px;
            height: 28px;
        }
    }

    h2 {
        float: left;
        width: 100%;
        line-height: 28px;
        font-size: 13px;
        font-weight: bold;
        color: @primarycolor;
        text-indent: 6px;
        background: url(/Images/loginsprite.png) top repeat-x;
        margin-bottom: 0;
        background-position: 0 -579px;
        height: 28px;
    }
}

/* Used to align the widgets in dashboards */
.cuWidgets {
    width: 1003px;
    margin: 7px auto;
}

/*Used only in widgethost. ascx */
.maximizeButton {
    float: left;
    height: 14px;
    width: 14px;
    background: url('../../Images/General/widget-maximize.png');
    z-index: 5;
    cursor: pointer;
    cursor: hand;
}

/*Used only in Loyaltywidget.ascx*/
.widgetSubHeader2 {
    border-bottom: solid 1px lighten(@primarycolor,40%);
    float: left;
    width: 100%;
    height: 44px;
    text-indent: 6px;
    margin: -12px 0 0 0;
    background-color: lighten(@primarycolor,45%);
    text-align: left;

    span {
        line-height: 44px;
        vertical-align: middle;
    }
}

/* Used in dashboad to Set the rounded corners for the widgets */
.widgetFooter {
    border-top: solid 1px lighten(@primarycolor,40%);
    float: left;
    width: 100%;
    height: 44px;
    background-color: lighten(@primarycolor,45%);
    padding-bottom: 0;
}


/* Used in Dashboard, To Set the rounded corners for the widgets */
.settingsButton {
    float: left;
    height: 14px;
    width: 14px;
    z-index: 5;
    cursor: pointer;
    cursor: hand;
}

.widgetFooter2 {
    border-top: solid 1px lighten(@primarycolor,40%);
    float: left;
    width: 100%;
    height: 64px;
    background-color: lighten(@primarycolor,45%);
    text-align: center;
    /*Used only in Transactionlist.ascx */
    .widgetButton {
        position: relative;
        left: 15%;
        margin-right: 10px;
        margin-top: -10px;
    }
}

/* Used in WidgetServices.aspx*/
.widgetSubHeader {
    width: 100%;
    font-weight: bold;
    text-align: left;
    background-color: #A6BBD0;
    height: 22px;
    float: left;
    margin: 0 0 6px 0;

    a:hover.disabled {
        text-decoration: none;
    }

    a.disabled {
        color: @body-bgcolor;
        position: relative;
        top: 3px;
        text-decoration: none;
        left: 7px;
        cursor: default;
    }

    a {
        color: White;
        position: relative;
        top: 3px;
        text-decoration: none;
        left: 7px;
    }

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

/*Used only in widgethost. ascx */
.maximizeButton.disabled {
    display: none;
}


.widgetFrameWork {
    margin-bottom: 45px !important;
}

/* Used in A/c Summary widget in dashboard (old)*/
.groupsSettings {
    display: none;
    position: absolute;
    top: 102px;
    left: -161px;
    z-index: 4;
    width: 150px;

    ul {
        padding: 22px 2px 0 2px;
        line-height: 20px;
        margin: 0px;
        list-style: none;

        li {
            text-align: left !important;
            background: #6B92B8;
            font-size: 11px;
            color: #eee;
            text-decoration: none;
            padding: 0 6px;
        }
    }
}

.cuWidget-Empty {
    float: left;
    background: #fff;
    width: 316px;
    border: 1px solid lighten(@primarycolor,40%);
    margin: 0 15px 15px 0;
    position: relative;

    .corner {
        background: none;
    }
}

.cuEmptyWidget {
    height: 203px;
    width: 316px;
}

.widgetRow {
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

/* Used in widget canvas and A/c Summary widget */
.widgetSettings {
    display: none;
    height: 89px;
    width: 124px;
    position: absolute;
    top: -2px;
    right: 22px;
    z-index: 4;
    background: url('../../Images/widget-menu-top.png') no-repeat center 5px;

    ul {
        padding: 35px 0 5px 0;
        line-height: 20px;
        background: url('../../Images/widgetsettings-btm.png') no-repeat bottom;

        ul {
            background: none;
            padding: 20px 0 5px 0;
        }

        li {
            text-align: right;
            background: #6B92B8 url('../../Images/widgetsettings-bg.png') repeat;
            position: relative;
            border-bottom: 1px solid #7D9EBE;
            width: 124px !important;
            float: left;

            a.disabled {
                font-size: 11px;
                color: #ccc;
                text-decoration: none;
                padding: 0 5px;
            }

            a {
                font-size: 11px;
                color: #eee;
                text-decoration: none;
                padding: 0 4px 0 0 !important;
                width: 120px !important;
            }

            a.disabled:hover {
                text-decoration: none;
                color: #ccc;
                cursor: default;
            }

            a:hover {
                text-decoration: underline;
                color: #fff;
            }
        }

        li.last {
            border: 0 none;
        }
    }
}

/* Used in internal and external fund transfer */
.schedulerFormUnit {
    .ajax__tab_header {
        width: 97% !important;
    }
}

/* Used in all widgets to trim the margin-bottom */
.pointsWidget {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* Used in all widgets to trim the margin */
.widgetCanvas {
    padding: 0px !important;
    border-bottom: none !important;
    margin: 0px !important;
}

/* Used in A/c Summary widget to trim the margin-bottom */
.AccountSummaryWidgetFrameWork {
    width: 100% !important;
    margin-bottom: 45px !important;
}

/* Used in loan payment details */
.task-item {
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding: 7px 0 8px 4px;
    width: 99%;
}

/* Used to align the checkbox, all over the application */
.radio {
    span {
        float: left;
        margin-top: 6px;
    }
}

/* Used in Transfer to align the schedule controls */
.task-btm {
    float: left;
    width: 486px;
    padding: 10px;
}

.task-payee {
    float: left;
    width: 575px;
    background-color: #F0F6FB;
    .roundedcorners;
    border: 1px solid lighten(@primarycolor,40%);
}

/* To align schedule date check boxes */
table.chk_vw {
    tr {
        td {
            width: 45px !important;

            label {
                width: 45px !important;
                height: 18px !important;
                margin-left: 0 !important;
                float: none;
                margin-bottom: 0 !important;
            }
        }
    }
}


/* To align schedule date check boxes */
.task-t {
    float: left;
    width: 506px;
}

/* Used in Messagelist.ascx  */
.MsglistItem {
    b {
        padding-left: 10px;
    }
}

/* Used to display the tab control (ex: My A/c Profile) */
.jquery_tab {

    ul {
        /*font-weight: bold;*/
        font-weight: normal;
        border-bottom: 1px solid @tab-border-color; /*@widgettabactivebordercolor;*/
        clear: left;
        display: inline-block;
        padding: 15px 0 0 10px;
        width: 100%;
        box-sizing: border-box;
        background-color: @tabs-container-background-color;
        box-shadow: @tabs-container-boxshadow;
        margin-left: 15px;
        padding-left: 0;

        li {
            display: inline-block;
            position: relative;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            background: @tab-bgcolor;
            color: @tab-font-color;
            padding: 6px 13px 7px 13px;
            cursor: pointer;
            border-top: 1px solid @tab-border-color;
            border-left: 1px solid @tab-border-color;
            border-right: 1px solid @tab-border-color;

            &:hover {
                background-color: @tab-hover-bgcolor;
                color: @tab-link-hover-font-color;
                margin-bottom: -1px;
                border-bottom: 1px solid @active-tab-border-color;
            }

            &.active
            {
                color: @active-tab-font-color;
                background: @active-tab-bgcolor;
                margin-bottom: -1px;
                border-bottom: 1px solid @active-tab-border-color;
            }

            &.tab_disable {
                opacity: .5;
            }
        }
    }
}

/* Used to display the tab control (ex: Write Checks, Account Transfer) */
.ajax__tab_header {
    background-color: @tabs-container-background-color;
    border-bottom: 1px solid @tab-border-color;
    clear: left;
    display: inline-block;
    /*margin: 15px 0 0;
    padding-left: 15px;*/
    margin: 0;
    /*padding: 15px 0 0 15px;*/
    margin-left: 10px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: @tabs-container-boxshadow;

    .ajax__tab_active {
        .ajax__tab_outer {
            .ajax__tab_inner {
                .ajax__tab_tab {
                    background: @active-tab-bgcolor;
                    color: @active-tab-font-color;
                    margin-bottom: -1px;
                }
            }
        }
    }

    span {
        .ajax__tab_outer {
            .ajax__tab_inner {
                .ajax__tab_tab:hover {
                    background: @tab-hover-bgcolor;
                    color: @tab-link-hover-font-color;
                    cursor: pointer;
                    margin-bottom: -1px;
                }

                .ajax__tab_tab {
                    /*.roundedcornerstop;*/
                    background: @tab-bgcolor;
                    /*border-top-left-radius: 3px;
                    border-top-right-radius: 3px;*/
                    color: @tab-font-color;
                    padding: 15px 20px;
                    border-top: 1px solid @tab-border-color;
                    border-left: 1px solid @tab-border-color;
                    border-right: 1px solid @tab-border-color;
                    /*background-color: #f5f6f7;*/
                    display: inline-block;
                    /*font-weight: bold;*/
                    font-weight: normal;
                    /*padding: 8px 12px 8px 12px;*/
                    margin-right: 3px;
                }
            }
        }
    }
}

/* used in transfer schedule control */
.start-date {
    float: left;
    width: 486px;
    padding: 10px;
    border-bottom: 1px solid lighten(@primarycolor,40%);
}

#canvas {
    .widget {
        .widgetActions { /*using in old dashboard*/
            span {
                color: #FFFFFF;
                font-weight: bold;
                line-height: 25px;
                margin: 0 10px;
                float: left;
            }
        }
    }
}

/* Used in transfer Schedule Control */
.task-b {
    float: left;
    width: 506px;
}

.task { /*using in secondary user settings - account profile*/
    float: left;
    width: 506px;
    background-color: @task-bgcolor;
    .roundedcorners;
    border: 1px solid lighten(@primarycolor,40%);
}

/* used in My Widgets -Account Summary */
.acctSummWidget {
    background-color: rgb(201, 215, 230);
    color: rgb(0, 51, 102) !important;
    border-bottom: 1px solid rgb(255, 255, 255);
    padding-top: 4px;
    padding-bottom: 4px;
    top: 89px;
    position: absolute;
    z-index: 98;
    height: 18px;
    left: 535px;
    width: 307px;
    font-size: 13px;
    line-height: 16px;
}

/* used in all over application for div alignment */
.control-group {
    .controls {
        .control-label {
            width: auto !important;
        }
    }
}

/* Used in My Account Profile -> My widgets */
.group-holder-b-widget {
    background: url(/images/group-holder-b.gif) no-repeat 0 bottom;
    padding: 9px 0 7px 0;
    height: 100%;
}

/* Used in My Account Profile -> My widgets */
.group-holder-widget {
    width: 407px;
    background: #e1ebf5 url(/images/group-holder-t.gif) no-repeat 0 top;
    margin: 0 0 12px 13px;

    a.remove-link-widget {
        text-transform: uppercase;
        color: #a7bed4;
        font-weight: bold;
        text-decoration: none;
        float: right;
        width: 20px;
    }

    .heading-widget {
        height: 13px;
        padding: 0 0 7px 8px;

        h3 {
            font-size: 11px;
            font-weight: bold;
            background: url(../images/folder-ico.gif) no-repeat left 0;
            padding: 0 0 0 25px;
            line-height: 12px;
            height: 13px;
            width: 250px;
            float: left;
        }
    }

    a.remove-link-widget:hover {
        color: @header-bgcolor;
    }
}

/* Used in My Account Profile -> My widgets -> Rt. Hand Side columns */
.heading-widget-right {
    height: 13px;
    padding: 0 0 7px 8px;

    h3 {
        font-size: 11px;
        font-weight: bold;
        background: url(../images/folder-ico.gif) no-repeat left 0;
        padding: 0 0 0 25px;
        line-height: 12px;
        height: 13px;
        width: 285px;
        float: left;
    }
}

/* Used in My Account Profile -> My widgets -> each widgets list */
span.handler-widget {
    height: 25px;
    width: 14px;
    position: absolute;
    left: 1px;
    top: 0;
    cursor: move;
}

.drag-holder-widget {
    padding-left: 20px;
    padding-bottom: 3px;
}

/* Used in header.ascx control */
.right {
    .drag-menu-widget {
        h3 {
            font-size: 13px;
            padding-bottom: 12px;

            a {
                color: @header-bgcolor;
                text-decoration: none;
                padding-left: 19px;
                background: url(/images/minus-ico.png) no-repeat left 1px;
            }

            a:hover {
                text-decoration: underline;
            }

            a.expanded {
                background-image: url(/images/plus-ico.png);
                font-weight: bold;
            }
        }
    }
}

.drag-menu-widget {
    padding-top: 24px;

    .dragable-widget {
        padding-right: 0;
        width: 285px;
    }
}

.messageSubject {
    background: @widgettitletextcolor;
    float: left;
    padding: 10px 0;
    width: 100%;

    span {
        color: @widgettitlebgcolor;
        float: left;
        font-size: 16px;
        font-weight: bold;
        padding-left: 10px;
    }

    .fr.padr10 {
        padding: 3px 15px !important;

        a, a:hover {
            /*color: @widgettitlebgcolor;*/
            color: #212B35 !important; /*Merged from NewUIFramework.css file*/
        }
    }
}

/* Used in My Account Profile -> My widgets -> each widgets list */
.dragable-widget {
    height: 18px;
    width: 285px;
    background: #c9d7e6 url(/images/dragable.gif) no-repeat 4px 4px;
    border-bottom: 1px solid #fff;
    padding: 7px 22px 0 20px;
    font-size: 11px;
    position: relative;
    z-index: 99;

    strong.red-txt {
        color: #990000;
    }

    strong {
        width: 46px;
        float: right;
        display: inline;
        text-align: right;
        padding-right: 12px;
        font-weight: normal;
        color: #009900;
    }

    p {
        display: inline;
        color: @header-bgcolor !important;
        text-align: left !important;
        width: 100%;

        span {
            color: #3f6d9b;
        }
    }

    a.remove-link-widget {
        height: 18px;
        width: 18px;
        display: block;
        position: absolute;
        top: 7px;
        right: 2px;
        font-weight: bold;
    }
}

/* Used in Quicklinks (All Services) to display in list view instead of carousal */
table.textLinks {
    td {
        width: 145px !important;
        margin-right: 15px;
        float: left;
    }
}

.scrollmessagelistwithoutpreview {
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    height: 600px;
    width: 100%;
}

/* used in Event calender widget for navigation key for to and fro keys*/
.calendarNavigation {
    text-align: center;
    padding: 3px 0;
}

/* used in calender to highlight the today date */
.calendarToday {
    background: @monthlycalendar-today-bgcolor !important;

    a {
        color: @monthlycalendar-today-link-font-color;
        text-decoration: none;
        font-weight: bold;
    }
}

.detailCanvas {
    padding: 0px !important;
}

/* Used in Message Compose page to mail proper width */
.ckeditor {
    width: 753px;
}

#carousel.textLinks, #more-mode, #help-mode {
    height: auto;
    padding-bottom: 5px;
}

/* Used in Payee list Grid view for a helptip on last row */
.grid_tooltip {
    span {
        left: -20em !important;
    }
}

/* Used in Event Calender Header Alignment */
.calendarTitle {
    background: @widgettitlebgcolor !important;
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    border-bottom: 0 !important;

    td {
        text-align: center;
        font-size: 14px;
    }
}

/* Used for margin with 0 pixels */
.marg0 {
    margin: 0px !important;
}

/* Used in Admin portal for member message list */
.messageList {
    margin-top: 0 !important;

    .thread.delete {
        td {
            background-color: #fe9191 !important;
        }
    }

    input {
        margin: 0;
        width: auto;
    }
}

/* used to display the popup */
.scroll {
    float: left;
    overflow: auto;
    height: 300px;
    width: 745px;
}

.scrollbar {
    width: 99%;
    height: 300px;
    overflow: auto;
}

/* Used to show the nest month calender dates in diff bakground color */
.calendarOtherMonth {
    background: @monthlycalendar-othermonth-bgcolor;
    padding: 5px;
    border-bottom: 1px solid @monthlycalendar-othermonth-border-bottom-color;
    //border-right:1px solid #FFFFFF;
    color: @monthlycalendar-othermonth-font-color;
}

/* Used to display the A/c summary widget with proper width */
.widgetSize {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* Used in Message Center to display to list of messages */
.clearleft {
    clear: left;
}

/* Used to display the list of days other than current days with in the same month */
.calendarDay {
    background: #FFFFFF;
    color: #333333;
    font-weight: normal !important;
    padding: 5px;
    border-bottom: 1px solid #EEEEEE;
    //border-right:1px solid #EEEEEE;
}

.calendarToday {
    padding: 5px !important;
}

/* Used to display the list of day headers like (M,T,W,T,F and S)*/
.calendarDayHeader {
    background: @widgettitlebgcolor !important;
    border-bottom: 0px solid #999999 !important;
    font-weight: normal !important;
    padding: 5px;
    color: rgba(0,0,0,.25);
}

/* Used to Display the Event Calender widget with proper alignment */
.widgetCalendar {
    float: left;
    background: none repeat scroll 0 0 lighten(@primarycolor,45%);
    width: 100%;
    height: 170px;
}

/* Used in All Services -> Settings -> Child menus (ex:My Widgets,My A/c Profile, My Users )*/
.textLinks {
    float: left;
    margin-left: 24px;
    overflow: hidden;
    position: relative;
    width: 967px;
    z-index: 999;

    td {
        li {
            float: none !important;
            width: auto !important;
            height: auto !important;
            text-align: left !important;

            a {
                font-weight: normal !important;
                width: 100% !important;
            }
        }
    }

    .title {
        border-bottom: 1px dotted lighten(@primarycolor,45%);
        color: #FFFFFF;
        font-weight: bold;
        margin-bottom: 5px;
    }
}

.fancybox-overlay {
    bottom: 0;
    right: 0;
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    filter: alpha(opacity=80);
    opacity: 0.6;
}

/* Used in A/c Summary widget */
.widgetPoints {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}
/* Used to search the memberSearchTextBox while composing a Message*/
.msg_search {
    margin-top: -8px;
}

/* Used to display the Settings menu (my widgets, My A/c Profile and My Users) */
#SettingsContent {
    ul {
        li {
            a {
                width: auto !important;
            }
        }
    }
}

/* User in WidgetAlert (Upcoming Events under Event Calender Widgets on Dashboard) */
.calEventDate {
    position: relative;
    top: -3px;
}

/* User for all image buttons like spy glass, spacer image to set proper alignment */
.imagebutton {
    width: auto;
    box-shadow: none;
    -mozbox-shadow: none;
    -webkit-box-shadow: none;
    background: none !important;
    border: 0px !important;
}

.imagebutton.alignDistExpanderImg {
    vertical-align: sub;
}

.calEventDetail {
    font-size: 14px;
    font-weight: normal;
    float: left;
}

/* used in Event calender widget for navigation key for to and fro keys*/
.calendarNavigation {
    a {
        display: inline-block;
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 700;
        height: auto;
        line-height: 18px;
        min-height: 18px;
        color: @primary-link-color !important;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        border: 0 !important;
        background: none !important;
        border-radius: 3px;
        text-decoration: none;
        padding: 5px 10px;
    }

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

/* Used to set gap between widgets in Dashboard */
.columnDouble {
    width: 648px;
    float: left;
    margin: 0 45px 0 0;
}

/* Used to display list of events under Event calender widget in Dashboard with BG and Alignment */
.alertEvent {
    width: 100%;
    float: left;
    border-top: 1px solid @eventalert-border-top-color !important;
    padding-top: 10px;
    padding-bottom: 10px;

    * {
        box-sizing: border-box;
    }

    ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;

        li {
            float: left;
            width: 100%;
            box-sizing: border-box;
            padding: 5px 10px 0 10px;

            &.alertDate {
                padding-left: 35px;
            }
        }
    }
}

.alertEvent.loanPastDueColor,
.calEventDetail.loanPastDue,
.widgetCalEventDetail.loanPastDue {
    color: @eventalert-font-color !important;
}

.widgetCalEventDetail {
    color: @primary-link-color !important;
}

.calEventDetail.loanDue,
.widgetCalEventDetail.loanDue,
.calEventDetail.loanPastDue,
.widgetCalEventDetail.loanPastDue {
    padding: 1px 0 1px 25px !important;
}

/* Used to display menu in A/c Summary under Chart ddl with proper alignment (ex:Detail, Bar and Pie Chart) */
.dropdown-menu {
    margin: 1px -84px 0 !important;

    a {
        width: 100% !important;
        margin: 0px !important;
        font-size: 13px;
    }
}

/* Used in A/c Summary widget in dashboard(old) */
.groupsSettings {
    ul {
        padding: 22px 2px 0 2px;
        line-height: 20px;

        li {
            text-align: left !important;
            background: #6B92B8;
            font-size: 11px;
            color: #eee;
            text-decoration: none;
            padding: 0 6px;
        }
    }
}

/* Used to display bold font for the date in event calender, if event is exist */
.calendarEvent {
    background: #E3F1DF;
    color: #000;
    font-weight: bold;
    border: solid 1px #BBE5B3;
    padding: 5px;

    a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }
}


#carousel ul li a, #more-mode ul li a, #help-mode ul li a {
    cursor: pointer;
    cursor: hand;
}

/* Used in Master page -DetailMaster.master */
.windowCommands {
    margin-right: 6px;
    position: relative;
    float: left;
    width: 14px;

    a {
        font-weight: bold;
        text-decoration: none;
    }

    img {
        vertical-align: middle;
        margin-top: -2px;
    }

    div:first-child {
        float: left;
        margin-right: 20px;
        margin-top: 2px;
        margin-left: -42px;
    }

    img.loaderImage {
        margin-right: 7px;
        width: 18px;
        height: 18px;
    }

    input {
        width: 16px;
        height: 16px;
    }
}
/* Used in Calender Event for to dispaly upcoming Events list with png image*/
.widgetCalEventDetail {
    font-size: 1em;
    font-weight: normal;
    line-height: 16px;
    color: #89A6C3;
    float: left;
    background: url(/Images/Calendar/icn-calendar.png) no-repeat left top;
    padding-left: 19px;
}

/* Used in all Masters pages */
.iframeBody {
    background: none;
    min-width: 100% !important; /*Merged from NewUIFramework.css file*/
    .container {
        margin: 0 !important;
    }

    #canvas .widget {
        margin-bottom: 0;
        box-shadow: none;
    }
}

/* Used for to display the closed events in Event Calender widget under Dashboard */
.closeEvent {
    float: right;
    width: 11px;
    height: 11px;
    margin-right: 2px;
    display: none;
}

/* Used to  display the popup all over the application */
.popup {
    div {
        table {
            tr {
                td {
                    padding: 3px 3px;
                }
            }
        }
    }
}

/* Used while displaying pie and bar chart for A/c Summary widget */
#chartDisplayData {
    tr {
        padding: 3px 3px;
    }
}

/* used while loading A/c Summary widget for to display progress bar */
#AccountSummaryWidgetLoading {
    padding-top: 30px;
}

/* Used in widget canvas and A/c Summary widget*/
.widgetSettings {
    display: none;
    height: 89px;
    width: 124px;
    position: absolute;
    top: -9px;
    right: 22px;
    z-index: 4;
    background: url('../Images/widget-menu-top.png') no-repeat center 5px;

    ul {
        list-style: none;
        margin: 0px;
        padding: 35px 0 5px 0;
        line-height: 20px;
        background: url('../Images/widgetsettings-btm.png') no-repeat bottom;

        ul {
            background: none;
            padding: 20px 0 5px 0;
            width: 124px;
        }

        li {
            width: 124px !important;
            text-align: right;
            background: #6B92B8 url('../Images/widgetsettings-bg.png') repeat;
            position: relative;
            border-bottom: 1px solid #7D9EBE;

            a.disabled {
                font-size: 11px;
                color: #ccc;
                text-decoration: none;
                padding: 0 5px;
            }

            a {
                width: 120px !important;
                font-size: 11px;
                color: #eee;
                text-decoration: none;
                padding: 0 4px 0 0 !important;
                opacity: 1 !important;
                margin: 0px !important;
                font-weight: bold;
            }

            a.disabled:hover {
                text-decoration: none;
                color: #ccc;
                cursor: default;
            }

            a:hover {
                text-decoration: underline;
                color: #fff;
            }
        }

        li.last {
            border: 0 none;
        }
    }
}

.calendarSelectedDay {
    background: #89A6C3;
    padding-left: 5px;

    a {
        font-size: 1.1em;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
    }
}

/* used to set a border to a table in A/c Transaction list*/
.tableborder {
    border-top: 1px solid rgba(0,0,0,.1);
}

/* Used in Transaction List to display expand and colapse img button */
.tranInfoExpander {
    background: @transinfo-expand-image no-repeat top left;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    width: 16px;
}


/* Used to display header for detailed view (under Daily View mode) */
.calDetailDayEventDate {
    border-bottom: 1px solid rgba(0,0,0,.05);
    float: left;
    font-size: 18px;
    line-height: 28px;
    margin: 15px 15px 25px 15px;
    width: 669px;

    span.fr.marr10 {
        font-weight: normal !important;
        color: rgba(0,0,0,.25);
    }
}
/* Used to dispaly delete icon for delete folder under message center */
.msgDelete {
    cursor: pointer;
    float: right;
    padding-right: 5px;
}

/* 
   RO: Used in New/Offers Widget on dashboard */
.bannerWidget {
    background: #FFFFFF;
    float: left;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    width: 100% !important;

    div {
        p {
            margin-bottom: 0px;
        }
    }
}

/* Used in MessageDetail.ascx */
.attachmentUl {
    margin-left: 12px !important;
}

/* Used in A/c Summary Detail View under Transaction List for to display Drop down above the dispute button */
.accounttransactions {
    tr.expandable {
        td {
            border-top: 0;
            padding: 8px 0 20px 20px;
            display: none;

            .right {
                width: 480px;
                float: left;
                display: inline;

                h3 {
                    font-size: 11px;
                    line-height: 13px;
                    color: #333;
                    font-weight: bold;
                    padding-bottom: 5px;
                    margin-bottom: 0;
                }

                .img {
                    display: none;
                }

                p {
                    padding-bottom: 6px;
                    color: #becad6;

                    a {
                        text-decoration: none;
                    }

                    a:hover {
                        text-decoration: underline;
                    }

                    a.activated {
                        color: #666;
                    }
                }
            }

            .left {
                width: 240px;
                float: left;
                display: inline;
                padding-right: 26px;

                p {
                    color: #333;
                    padding-bottom: 7px;

                    span {
                        color: #666;
                        width: 105px;
                        float: left;
                        display: inline;
                    }
                }
            }
        }
    }

    .dd-holder {
        position: relative;

        .drop-down {
            width: 197px;
            position: absolute;
            top: 20px;
            background: #e4e4e3;
            border: 1px solid #999;
            border-top: 0;
            z-index: 4;
            padding: 4px 0 4px 0;
            display: none;
            font-size: 11px;

            ul {
                height: 102px;
                width: 189px;
                overflow: auto;
                padding: 0 0 2px 8px;
                border-bottom: 1px solid #999;
                border-top: 1px solid #999;

                li {
                    padding-bottom: 1px;

                    a {
                        text-decoration: none;
                        color: #000;
                    }
                }
            }

            p {
                padding: 5px 0 0 8px;
                line-height: 18px;

                a {
                    /*color: @primary-link-color;*/
                    color: @primarycolor;
                    text-decoration: none;
                    /*font-size: 12px !important;*/
                }

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

        a.trigger {
            display: block;
            height: 20px;
            width: 190px;
            background: url(/Images/widget-dd-bg.gif) repeat-x 0 0;
            border: 1px solid #999;
            line-height: 20px;
            color: #333;
            position: relative;
            z-index: 2;
            text-decoration: none;
            padding-left: 7px;
            border-radius: 3px;

            span {
                height: 6px;
                width: 11px;
                background: url(/Images/drop-down-trigger.gif) no-repeat 0 0;
                position: absolute;
                top: 7px;
                right: 4px;
                z-index: 3;
            }
        }
    }

    tr.no-bottom-border {
        td {
            border-bottom: 0;
        }
    }
}

/* Used to highlight the selected SiteMarker Image from the set of images */
.Selected-SiteMarker-Image:hover {
    width: 100px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    border: solid 2px #ff0000;
    padding: 4px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.searchToggle {
    cursor: pointer;
    margin-left: 5px;
    color: @primary-link-color;
}

.transactiondetaillist {
    width: 100%;
    float: left;

    ul {
        list-style: none;
        padding-left: 12px;
        margin: 0px;
    }

    li {
        width: 48%;
        float: left;
        padding: 0 1%;
    }
}

/* Used to diplay the A/c List in A/c summary widget detail */
table.noalterrow {
    tr {
        td {
            background: #fff !important;
        }
    }
}

/* Used to highlight the selected SiteMarker Image from the set of images */
.Selected-SiteMarker-Image {
    width: 100px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    border: solid 2px #ff0000;
    padding: 4px;
}

/* Used to default.aspx and writecheckwidgetcontainer.ascx.cs */
.writeCheckStatus {
    p {
        font-weight: bold;
    }
}

/* Used to align the checkbox, all over the application */
.checkbox {
    tr {
        td {
            padding: 0 3px;
        }
    }
}

/* Used in A/c Summary Detail View Left hand side A/c List header */
.sideCol {
    h6 {
        span {
            padding-left: 25px;
        }
    }
}

/* Used to add footer all over the application */
.frameWorkFooter {
    padding-left: 15px;
    padding-bottom: 10px;
}

/* Used to display the OTP popup while stop payment on a check */
.summaryOtp {
    float: left;
    width: 25%;
    padding-right: 1%;
    white-space: nowrap;
    opacity: 0.75;
}

/* To align schedule date check boxes */
.chk_vw {
    input {
        margin-right: 3px !important;
    }
}


/* Used to display the link button in a disabled mode */
.linkDisable:hover {
    cursor: default;
    color: gray;
}


/* Used to display in A/c Summary Detail view right hand side transaction details */
.mainCol {

    .moreDetails {
        width: 754px;
        border-top: 1px solid lighten(@primarycolor,40%);
        border-bottom: 1px solid lighten(@primarycolor,40%);
        font-size: 11px;
        line-height: 16px;
        margin: 0;

        td {
            background: #fbfcfd;
            padding: 4px;
            font-weight: bold;
        }

        th {
            background: @tableheadingbgcolor;
            color: @tableheadingtextcolor;
            padding: 4px;
            text-align: left;
            font-weight: normal;
        }
    }

    .searchMain {
        float: left;
        clear: left;
        background: @tableheadingbgcolor;
        line-height: 28px;
        width: 100%;
        border-top: 1px solid rgba(0,0,0,.05);

        .search-query {
            margin-bottom: 0;
        }
    }

    .searchAdv {
        float: left;
        clear: left;
        background: @accountsummary-transearch-bg-color; /*lighten(@primarycolor,45%);*/
        > div > div {
            display: inline-block !important;
            /*Merged from NewUIFramework.css file*/
            width: 100%;
            /*width: 73% !important;*/
            box-sizing: border-box;
            padding: 15px !important;
        }

        fieldset.block1 {
            border-right: 1px solid rgba(255,255,255,0.2);
            height: auto;
            /*width: 33.5%;*/
            width: 31%;

            select {
                width: 175px;
            }
        }

        fieldset.block3 {
            border-right: 1px solid rgba(255,255,255,0.2);
            height: auto;
            /*width: 22%;*/
            width: 19%;
            margin-left: 5px;

            input {
                width: auto;
            }
        }

        fieldset.block4 {
            border-right: 1px solid rgba(255,255,255,0.2);
            height: auto;
            /*width: 22%;*/
            width: 19%;
            padding-right: 0;
            border-right: 0;
            margin-left: 5px;

            input {
                width: auto;
            }
        }
    }

    .accountSummary {
        clear: both;

        dl.lastActivity {
            float: left;
            font-size: 11px;
            line-height: 18px;

            dd {
                float: left;
                width: 210px;
                padding-left: 8px;
                font-weight: bold;
            }

            dt {
                float: left;
                width: 90px;
                color: #666;
            }
        }

        dl.balance {
            float: left;
            padding-bottom: 10px;
            padding-left: 6px;

            dd {
                float: left;
                width: 100%;
                font-size: 20px;
                font-weight: bold;
            }

            dt {
                float: left;
                width: 100%;
                font-size: 11px;
                color: #666;
                margin-bottom: 3px;
            }
        }

        dl.columnWiseFields {
            float: left;
            font-size: 11px;
            line-height: 20px;
            padding-left: 10px;

            dd {
                float: left;
                width: 420px;
                padding-left: 8px;
                font-weight: bold;
            }

            dt {
                float: left;
                width: 194px;
                color: #666;
            }
        }

        .paddedDetails {
            float: left;
            padding: 12px;
            width: 90%;
        }

        .toggle {
            position: absolute;
            top: -15px;
            right: 5px;
        }

        dl.certBalance {
            float: left;
            padding-bottom: 10px;
            padding-left: 6px;
            width: 19%;

            dd {
                float: left;
                width: 100%;
                font-size: 17px;
                font-weight: bold;
            }

            dt {
                float: left;
                width: 100%;
                font-size: 11px;
                color: #666;
                margin-bottom: 3px;
            }
        }
    }
}


/* Used in CUHeaderFooter */
.frameWorkHeaderContent {
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* Used in Delete Confirmation Popup*/
.popupFrameWorkHeader {
    padding-bottom: 10px;
    padding-top: 10px;
}

/* Used while display the Magnifying Icon */
.hovermodulelink {
    .active {
        background: #FFFFFF;
    }
}

/* Used in transactionControl.xslt */
.moreTranDetails {
    width: 754px;
    border-top: 1px solid #aaa;
    font-size: 11px;
    line-height: 16px;
    margin: 0;

    td.fullRow {
        background-color: lighten(@primarycolor,40%);
        padding-left: 20px;
    }

    td {
        background: #eee;
        padding: 4px;
    }

    th {
        background: #ddd;
        border-bottom: 1px solid #aaa;
        color: #666;
        padding: 4px;
        text-align: left;
    }
}
/* Used to display the list of sitemarkers expect the selected one */
.SiteMarker-Image:hover {
    height: 100px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    border: solid 1px #919191;
    padding-left: 3px;
    padding-right: 3px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
/* Used to display the shadow effect to the site marker image List */
#SiteMarker-shadow {
    position: absolute;
    top: 124px;
    left: 0;
    height: 8px;
    width: 681px;
}

/* Used to display advanced option under A/c Summary Detail view for trnsacyion list */
.accountTranCalender {
    height: auto;
    /*width: 19%;*/
    width: 15%;
    margin-left: 5px;
}

/* Used to display the login and logoff banner height and width */
.loginBanner {
    width: 300px;
    height: 250px;
}

.detailTitle {
    background: lighten(@primarycolor,45%);
    color: #666666;
    font-size: 14pt;
    font-weight: bold;
    line-height: 35px;
    padding: 5px;
    text-align: center;

    tr {
        td {
            text-align: center;
        }
    }
}

.textcolor {
    color: #A6A6A6;
}

/* Used to display the list of sitemarkers expect the selected one all over the application */
.SiteMarker-Image {
    height: 100px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    border: solid 1px #919191;
    padding: 5px;
}

/* Used to display the navigation Left arrow for site marker images all over the application */
#SiteMarker-prev {
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    cursor: hand;
    height: 112px;
}

/* Used to display Expand button under Trnsaction list of A/c Summary Detail View */
.tranInfoExpander.active {
    background: @transinfo-collapse-image no-repeat top left;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    width: 16px;
}

/* used to display Events under Event Calender under show Daily View Mode*/
.calDetailDayEventContainer {
    width: 100%;
    float: right;
    /*margin-left: 20px;*/
    margin-left: 5px;
    width: 670px;
    margin-bottom: 3px;
}

/* Used to display the list of sitemarker images all over the application */
#SiteMarkerContainer {
    float: left;
    width: 680px;
    position: relative;
    background: #ffffff;
    top: 10px;
    border: solid 1px #919191;
}

/* Used to display the link button in a disabled mode */
.linkDisable {
    cursor: default;
    color: gray;
}

/* Used to remove the border of the table all over the application */
table.noborder {
    tr {
        td {
            border-bottom: none !important;
        }
    }
}

.monthlyNavigation {
    text-align: center;
}

/* Used to display Calender under Detail view of Event Calender in "show Daily View" Mode */
.detailCalContainer {
    float: left;
    margin: 0px;
    padding: 0%;
    width: 100%;
}

/* used in all over application for div alignment */
.control-group {
    .controls {
        .form-vertical {
            .checkbox {
                label {
                    margin: 0px !important;
                }
            }
        }
    }
}

/* Used to dispaly list of A/c's in a Tree view Structure (2nd step) while creating Sec. User */
.userrAppln {
    div {
        .checkbox {
            input {
                float: none;
                margin-top: -1px;
            }
        }
    }
}

/* Used to display list of Events under Detail view of Event Calender in "show Daily View" Mode */
.calDetailLeftContainer {
    float: left;
    width: 30%;
    background: @layoutsidebgcolor !important;
    border-right: 1px solid rgba(0,0,0,.1) !important;
}

/* Used to display list of Events under Detail view of Event Calender in "show Daily View" Mode */
.calDetailDayEventName {
    width: 30%;
}

/* Used to display list of Controls under Detail view of Event Calender */
.calHeadContainer {
    float: left;
    color: #5880AB;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    position: relative;
    width: 100%;
    display: inline;

    div {
        display: inline;
    }
}

/* Used to display Dates other than current month under Detail view of Event Calender */
.monthlyOtherDay {
    border: 1px solid #EEEEEE;
    color: #CCCCCC;
    height: 100px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
}

/* Used to display list of Events under Detail view of Event Calender in show Daily View Mode */
.calDetailDayEventName, .calDetailDayEventValue {
    float: left;
}

/* Used to Display the Sorting Arrow marks along with the table header */
table.tablesorter {
    thead {
        tr {
            .headerasc {
                padding-left: 20px;
                background-size: 16px 16px !important;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%2C15l-5-5L7%2C15Z%22%2F%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
                background-size: contain;
                background-position: left center;
                background-repeat: no-repeat;
                cursor: pointer;
            }

            .headerdesc {
                padding-left: 20px;
                background-size: 16px 16px !important;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
                background-size: contain;
                background-position: left center;
                background-repeat: no-repeat;
                cursor: pointer;
            }
        }
    }
}

/* Used to display the current month Calender under Detail view of Event Calender */
.monthlyCalendar {
    float: left;
    width: 100%;
    border: solid 2px lighten(@primarycolor,40%);
    border-collapse: separate;

    span.CuICalEvents:hover {
        text-decoration: none;
        cursor: default;
    }

    span.CuICalEvents {
        font-size: 1em;
        font-weight: normal;
        color: @monthlycalendar-cuicalevents-font-color;
        text-decoration: none;
        padding-left: 3px;
        vertical-align: top;
    }

    span.CuSystemEvents:hover {
        text-decoration: none;
        cursor: default;
    }

    span.CuEvents {
        font-size: 1em;
        font-weight: normal;
        color: @monthlycalendar-cuevents-font-color;
        text-decoration: none;
        padding-left: 3px;
        vertical-align: top;
    }

    a.CuEvents {
        font-size: 1em;
        font-weight: normal;
        color: @monthlycalendar-cuevents-font-color;
        text-decoration: none;
        padding-left: 3px;
        vertical-align: top;
    }

    a.MoreEvents {
        font-size: 1em;
        font-weight: normal;
        color: @monthlycalendar-moreevents-font-color;
        text-decoration: none;
    }

    a.CuUserEvents {
        font-size: 1em;
        font-weight: normal;
        color: @monthlycalendar-cuuserevents-font-color;
        text-decoration: none;
        padding-left: 3px;
        vertical-align: top;
    }

    a.CuEvents:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .monthlyEvent {
        padding: 2px;
        background: lighten(@primarycolor,45%);
        border: 1px solid lighten(@primarycolor,40%) !important;
        color: @monthlycalendar-monthlyevent-font-color;
        font-weight: bold;
        height: 100px;
        text-align: left;
        width: 100px;
    }

    a.MoreEvents:hover {
        text-decoration: none;
        cursor: pointer;
    }

    a.CuUserEvents:hover {
        text-decoration: none;
        cursor: pointer;
    }

    span.CuSystemEvents {
        font-size: 1em;
        font-weight: normal;
        color: @monthlycalendar-cusytemevents-font-color;
        text-decoration: none;
        padding-left: 3px;
        vertical-align: top;
    }

    span.CuEvents:hover {
        text-decoration: none;
        cursor: default;
    }
}


/* Used to display the Write check widget in dahboard */
#WriteCheckWidgetDiv {
    .itemresults {
        margin-bottom: 0px;
    }

    p {
        margin-bottom: 5px;
        padding-left: 25px;
    }
}

/* Used to display Calender under Detail view of Event Calender in "show Daily View" Mode */
.detailCal {
    float: left;
    background: lighten(@primarycolor,45%);
    border: 0px !important;
    width: 100%;
    height: 170px;
}

/* Used to display a arrow while mouse hover on any of the account list under A/c Summary Detail view */
.hovermodulearrow {
    h6 {
        border: 0 none !important;
        clear: left;
        color: white;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        padding: 8px 0;
        position: relative;
        text-indent: 8px;
        text-transform: none;
        width: 100%;

        b {
            border-bottom: 8px solid @accountservices-hover-border-bottom-color;
            border-right: 8px solid @accountservices-hover-border-right-color;
            border-top: 8px solid @accountservices-hover-border-top-color;
            height: 0;
            left: -8px;
            position: absolute;
            top: 10px;
            width: 0;
        }
    }
}

/* Used to display the list of sitemarker Images all over the application */
#SiteMarkerCarousel {
    float: left;
    position: relative;
    width: 615px;
    margin-left: 15px;
    height: 120px;
    overflow: hidden;
    z-index: 10000;
    left: 10px;

    ul {
        float: left;
        position: relative;
        width: 800px;
        margin-top: 5px;
        height: 120px;

        li {
            float: left;
            width: 120px;
            height: 90px;
            text-align: center;

            a {
                font-weight: bold;
                color: #fff;
                text-decoration: none;
            }

            a:hover {
                color: #FFC;
            }
        }
    }
}

/* Used to display list of Events under Detail view of Event Calender in show Daily View Mode */
.calDetailDayEventValue {
    width: 55%;
    background: #fff;
    height: auto;
    word-wrap: break-word;
}

.monthlyDayHeader {
    background: lighten(@primarycolor,45%);
    border-bottom: 2px solid lighten(@primarycolor,40%);
    color: #A7A7A7;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

/* Used to display list of Events under Detail view of Event Calender in show Daily View Mode */
.calDetailDayEventTitle {
    font-weight: bold;
}

/* USed to align the controls under Accordian (ex: My A/c Profile)*/
.accordionframe {
    display: block;
    padding: 3px 30px 20px 31px;
}

/* Used to display the current month Calender with Today Date highlight under Detail view of Event Calender */
.monthlyToday {
    background: none repeat scroll 0 0 @monthlycalendar-today-bgcolor;
    border: 2px solid @monthlycalendar-today-border-color;
    padding: 2px;
    text-align: left;
    vertical-align: top;

    a {
        color: @monthlycalendar-today-link-font-color;
        text-decoration: none;
        font-weight: bold;
    }
}


/* Used to display Left hand side Calender with Events under Detail view of Event Calender in show Daily View Mode */
.calDetailAlertEventContainer {
    width: 100%;
    float: left;
}

.calDetailEventPresent {
    background: lighten(@primarycolor,45%);
    color: @dailycalendar-event-font-color;
    font-weight: bold;
    border: 1px solid @dailycalendar-event-border-color;
    padding-left: 5px;

    a {
        color: @dailycalendar-event-font-color;
        text-decoration: none;
        font-weight: bold;
    }
}

/* Used in A/c Summary Details detailed view */
#canvas {
    .widgetframe {
        h6 {
            border-bottom: 1px solid rgba(0,0,0,.1);
            padding: 10px 0 5px 15px;
            font-weight: bold;
            font-size: 12px;
        }

        .loyaltyWidget {
            h6 {
                padding: 0px;
                margin-bottom: 6px;
            }
        }
    }
}

/* Used to display the navigation Right arrow for site marker images all over the application */
#SiteMarker-next {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    cursor: hand;
    height: 112px;
}

/* Used to display the Label with proper alignment all over the application */
.label_txt {
    display: block;
    margin-bottom: 5px;
}

/* Used to display the Transfer widget on dashboard */
#TransferWidgetDiv {
    padding: 0px;

    .itemresults {
        margin-bottom: 0px;

        p {
            padding-left: 35px;
            color: rgba(0,0,0,.5);
            margin: 0 0 5px 0;
            font-size: 12px;
        }
    }
}

.tranStatus {

    img {
        display: none;
    }

    p {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: top 3px left 7px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17%2012h-5v5h5v-5zM16%201v2H8V1H6v2H5c-1.11%200-1.99.9-1.99%202L3%2019c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3%2018H5V8h14v11z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    }
}

/* Used in A/c Summary detailed view -> transaction list */
.help-inline {
    padding-top: 10px;
    color: @error-msg-font-color;
}

.calDetailAlertalertEvent {
    width: 100%;
    float: left;
    background: #E8F1F9 url(/Images/Calendar/bg-event.gif) repeat-x top left;
    border-bottom: 1px solid lighten(@primarycolor,40%);
}

/* Used to display the menu list and inner menu list under Message Center */
.innermenulist {
    padding-left: 18px;
    width: 93%;
    min-height: 0 !important;
}

/* Used to display dropdown list in Transaction list under A/c Summary Detailed View  */
.menulist {
    min-height: 540px;
}

.messageContent * {
    width: 700px;
    word-wrap: break-word;
}

/* Used to display calender under Event Calender Detailed view in "show Monthly View" mode */
.monthlyDay {
    border: 1px solid @monthlycalendar-border-color;
    height: 100px;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}


/* Used to set the font to bold all over the Application */
.fb {
    font-weight: bold;
}

/* Used to display the content on mouse hover of Spy glass (all over the application)*/
.hovermodule {
    .defaultht {
        height: 52px;
    }

    h6 {
        i {
            display: none;
        }

        span.other {
            background: @hoverdetails-coins-icon 0 0 no-repeat;
            width: 16px;
            height: 16px;
        }

        span.investment {
            background: @hoverdetails-investment-icon 0 0 no-repeat;
            width: 16px;
            height: 16px;
        }

        span.credit {
            background: @hoverdetails-credit-icon 0 0 no-repeat;
            width: 16px;
            height: 16px;
        }

        span.checking {
            background: @hoverdetails-checking-icon 0 0 no-repeat;
            width: 16px;
            height: 16px;
        }
    }

    .grid-12 {
        span {
            div {
                box-shadow: none;
            }
        }
    }
}

/* used to display the icon all over the Application */
.icon {
    &.statusnew {
        background: @message-statusnew-image repeat;
        width: 12px;
    }

    &.statuscomplete {
        background: @message-statuscomplete-image repeat;
        width: 12px;
    }

    &.statuslock {
        background: @message-statusopen-image repeat;
        width: 12px;
    }

    &.arrowskipup {
        background: @arrow-skipup-icon repeat;
    }

    &.arrowskipdown {
        background: @arrow-skipdown-icon repeat;
    }

    &.mailminus {
        background: @mailminus-icon repeat;
    }

    &.mailescalate {
        background: @mailescalate-icon repeat;
    }

    &.mailexpire {
        background: @mailexpire-icon repeat;
    }

    &.mailapprove {
        background: @mailapprove-icon repeat;
    }

    &.mailsent {
        background: @mailsent-icon repeat;
    }

    &.mail-inactive {
        background: @mailinactive-icon repeat;
    }

    &.mailimportant-inactive {
        background: @mailimportantinactive-icon repeat;
    }

    &.bell-inactive {
        background: @bellinactive-icon repeat;
    }

    &.briefcase-inactive {
        background: @briefcaseinactive-icon repeat;
    }

    &.arrowskipup-inactive {
        background: @arrow-skipup-inactive-icon repeat;
    }

    &.arrowskipdown-inactive {
        background: @arrow-skipdown-inactive-icon repeat;
    }

    &.tick-inactive {
        background: @tickinactive-icon repeat;
    }

    &.mailminus-inactive {
        background: @mailminusinactive-icon repeat;
    }

    &.mailescalate-inactive {
        background: @mailescalateinactive-icon repeat;
    }

    &.mailexpire-inactive {
        background: @mailexpireinactive-icon repeat;
    }

    &.mailapprove-inactive {
        background: @mailapproveinactive-icon repeat;
    }

    &.mailsent-inactive {
        background: @mailsentinactive-icon repeat;
    }
}

/* used to text alignment in transfer, Write Check etc., */
.doc3 {
    width: 35%;
    float: left;
    margin-bottom: 10px;
}

/* used to text alignment in transfer, Write Check etc., */
.doc4 {
    width: 65%;
    margin-bottom: 10px;
    float: left;
}

/* used to text alignment in direct deposits */
.docWrap {
    float: left;
    line-height: 16px;
    margin-bottom: 10px;
}

/* Used to display the Tax information Tile Header */
.exTaxTitle {
    clear: left;
    display: none;
    font-size: 30px;
    font-weight: bold;
    margin: 1px 0;
    width: 100%;
}

.grop-form {
    label {
        width: 92px;
        float: left;
        display: inline;
        padding: 3px 5px 0 0;
        font-size: 11px;
        font-weight: bold;
        font-family: verdana, arial, sans-serif;
        text-align: right;
    }
}

.group-manage {
    padding: 3px 25px 167px 9px;

    .right {
        width: 427px;
        float: right;
        display: inline;

        h3 {
            font-size: 17px;
            color: #333;
            padding: 0 0 8px 0;
        }

        p {
            color: #999;
            line-height: 14px;
        }
    }

    .left {
        width: 503px;
        float: left;
        display: inline;
    }
}

/* Used to set padding */
.padb5 {
    padding-bottom: 5px;
}

.padl5 {
    padding-left: 5px;
}

.padt4 {
    padding-top: 4px;
}

.padt5 {
    padding-top: 5px;
}

.padr5 {
    padding-right: 5px;
}

.padr30 {
    padding-right: 30px;
}

.marr30 {
    margin-right: 30px;
}

.padtn {
    padding-top: 0 !important;
}

.padn {
    padding: 0 !important;
}

.marl30 {
    margin-left: 30px;
}

.mart5 {
    margin-top: 5px;
}

.wid8 {
    width: 8%;
}

.vt {
    vertical-align: top;
}

.mrgn {
    margin: 0 !important;
}

.vram {
    vertical-align: middle;
}

.vm {
    vertical-align: middle !important;
}

.alignRight {
    float: right;
    padding-right: 5px;
}

.vm {
    vertical-align: middle;
}

.mart3 {
    margin-top: 3px !important;
}

.mart1 {
    margin-top: 1px !important;
}

.padt1 {
    padding-top: 3px !important;
    float: left;
}

.bn {
    border: 0px !important;
}

/* Used in Account Profile ->Setting Tab -> Channels Accordion */
.OtherAcctChannel {
    label {
        margin-top: 0 !important;
    }
}

.balanceLeftTD {
    width: 50%;
    font-weight: normal;
    text-align: left;
    padding-top: 4px;
}

.balanceRightTD {
    width: 50%;
    text-align: right;
    font-weight: bold;
}

.MyCalenderPosition {
    top: 0px !important;
    left: 310px !important;
}


.MyCalender .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    width: 175px !important;
}


/* Used to display the calender while choosing the date */
.MyCalender {
    .ajax__calendar_other {
        visibility: hidden;
    }

    .ajax__calendar_body {
        border-collapse: collapse;
        font-size: 12px;
        margin: 10px 0 0;
        width: 100%;
        height: 185px !important;
    }

    .ajax__calendar_day:hover {
        border: 1px solid #bbb;
        background: @ajaxcalendar-day-hover-bgcolor;
        font-weight: normal;
        color: @ajaxcalendar-day-hover-font-color;
    }

    .ajax__calendar_day {
        margin-top: 3px;
        border: 1px solid #ddd;
        background: @ajaxcalendar-bgcolor;
        background: -moz-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%, @ajaxcalendar-gradient-bgendcolor 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@ajaxcalendar-gradient-bgstartcolor), color-stop(100%,@ajaxcalendar-gradient-bgendcolor));
        background: -webkit-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        background: -o-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        background: -ms-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        background: linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        font-weight: normal;
        color: @ajaxcalendar-font-color;
        display: block;
        padding: 2px;
        text-align: right;
        text-decoration: none;
    }

    .ajax__calendar_header {
        width: 100%;
        height: 30px;
        background: @ajaxcalendar-header-bgimage repeat-x scroll 50% 50% @ajaxcalendar-header-bgcolor;
        border: 1px solid @ajaxcalendar-header-border-color;
        color: @ajaxcalendar-header-font-color;
        font-weight: bold;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .ajax__calendar_container {
        padding: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: @ajaxcalendar-bgcolor;
        border: 1px solid @ajaxcalendar-border-color;
        /*width: 225px;*/
        width: 195px;
    }

    .ajax__calendar_today {
        margin-top: 2px;
        border: 1px solid #ddd;
        background: @ajaxcalendar-bgcolor;
        background: -moz-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%, @ajaxcalendar-gradient-bgendcolor 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@ajaxcalendar-gradient-bgstartcolor), color-stop(100%,@ajaxcalendar-gradient-bgendcolor));
        background: -webkit-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        background: -o-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        background: -ms-linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        background: linear-gradient(top, @ajaxcalendar-gradient-bgstartcolor 0%,@ajaxcalendar-gradient-bgendcolor 100%);
        font-weight: bold;
        color: @ajaxcalendar-day-font-color;
        display: block;
        padding: 2px;
        text-align: center;
        text-decoration: none;
    }

    .ajax__calendar_active {
        background: @ajaxcalendar-active-bgcolor;
        border: 1px solid @ajaxcalendar-active-border-color;
        color: @ajaxcalendar-active-font-color;
    }

    .ajax__calendar_title {
        font-size: 14px;
        font-weight: bold;
        margin: 5px 0 0 0;
        color: @ajaxcalendar-title-font-color;
    }

    .ajax__calendar_prev {
        background: @ajaxcalendar-prev-bgimage no-repeat;
        background-position: -80px -192px;
        display: block;
        margin-left: 4px;
        margin-top: 5px;
    }

    .ajax__calendar_dayname {
        border: 0;
        font-weight: bold;
        padding: 4px 2px;
        text-align: center;
        font-size: 14px;
        color: @ajaxcalendar-day-font-color;
    }

    .ajax__calendar_days {
        table {
            width: 100%;

            tr {
                td {
                    padding: 0 0 0 3px !important;
                }
            }
        }
    }

    .ajax__calendar_next {
        background: @ajaxcalendar-next-bgimage no-repeat;
        background-position: -48px -192px;
        display: block;
        margin-right: 4px;
        margin-top: 5px;
    }
}

/* Used to display the content on mouse hover of Spy glass (all over the application)*/
.innerhover {
    box-shadow: none !important;
}

.composeControlBackground {
    width: 100%;
    background-color: lighten(@primarycolor,40%);
}

/* Used to set the text box to disabled mode */
.txt_disable {
    color: @cuforms-link-disabled-font-color;
}

/* used to set the page alignment in all over the application */
.form-horizontal {
    .ajax__tab_body {
        min-height: 500px !important;
    }
}

.fullProd {
    .usr-manage {
        .formActions {
            a.centered {
                width: 90px;
                margin: 0 auto;
                padding-left: 0;
                padding-right: 0;
                text-align: center;
                display: block;
                float: none;
            }
        }
    }
}

.messageFormLabel {
    font-weight: bold;
    padding-left: 10px;
}

.scrollmessagelist {
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    height: 250px;
    width: 100%;
}

/* Used in Internal transfer widget in dahboard */
.acct {
    a {
        span {
            left: -160px;
        }
    }
}

/* Used to set the text to disabled text */
.disabledText {
    color: @primarycolor !important;
}

/* Used in Schedule recurring transfer control */
.schedulerFormUnit {
    .ajax__tab_body {
        min-height: 110px !important;
    }
}


/* Used to hide the controls all over the application */
.dn {
    display: none;
}

/* Used to align the radio button control, all over the application */

/*.radio {
    input {
        margin-top: 0px !important;
    }
}*/

/* Used to align the table control, all over the application */
.table.table {
    tr {
        td {
            input:not([type='checkbox']) {
                width: auto !important;
            }
        }
    }
}

/* To align the Text few of the pages like internal transfer, Payee list, favourite check pop etc.,*/
.lname {
    a {
        span {
            left: -260px;
        }
    }
}

/* Used to set the text to disabled text */
.txt_disable:hover {
    color: @cuforms-link-disabled-hover-font-color;
}

.group-holder-b {
    background: url(../images/group-holder-b.gif) no-repeat 0 bottom;
    padding: 9px 0 7px 0;
    height: 100%;
}


.scrollmouseover {
    overflow: auto !important;
}

/* Used in A/c Summary Detailed view on Left hand side A/c List */
.sectiontitle {
    /*background: @accountsummary-sectiontitle-bg-color;*/ /*Not available in demo box*/
    label {
        margin: 0 8px !important;
    }

    h1 {
        margin: 0 8px !important;
        /*color: @primary-font-color;*/ /*Not available in demo box*/
    }

    h2 {
        float: left;
        line-height: 30px;
        margin: 0 15px !important;
        font-weight: bold;
        /*color: @primary-font-color;*/ /*Not available in demo box*/
    }
}

span.formLabel {
    input {
        width: auto;
        margin: 0px;
    }
}

.drag-menu {
    padding-top: 24px;

    .dragable {
        padding-right: 0;
    }
}

.grop-form {
    input.group-submit {
        float: left;
        background: #3c843c url(../images/bg-btn.gif) top repeat-x;
        border: 1px solid #32703b;
        color: #fff;
        font-weight: bold;
        padding: 2px 8px 2px 8px;
        text-decoration: none;
        font-size: 11px;
    }

    input.field {
        width: 160px;
        float: left;
        display: inline;
        margin-bottom: 12px;
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        padding: 2px 5px;
        margin-right: 6px;
    }

    .fieldset {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 15px;
        padding-bottom: 1px;
    }
}


.messageSubjectText {
    width: 640px;
}


/* Used while composing a message */
.messageComposeContent {
    min-height: 586px;
    width: 100%;
}

/* used to align the div all over the application */
.formSheet {
    .ajax__tab_body {
        min-height: 500px !important;
    }
}

/* Used to align the text */
.scheduleRadio {
    display: inline-block;
    margin-top: 3px !important;
}

.messageToText {
    width: 350px;
}

table {
    tr {
        td.action {
            input:not([type='checkbox']) {
                background: none !important;
                border: none !important;
            }
        }

        th.action {
            input:not([type='checkbox']) {
                background: none !important;
                border: none !important;
            }
        }
    }
}

.borderbottomradius {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.drag-holder {
    padding-left: 20px;
    padding-bottom: 3px;
}

/* Used to align the check box with in table */
table.checkbox {
    tr {
        td {
            margin-bottom: 5px;
            float: left;

            label {
                padding: 0 10px;
            }
        }
    }
}

.accountHoldExpander.active {
    background: @toggle-collapse-image no-repeat top left;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    width: 16px;
}

/* used to make the page srollable under Message Center */
.scrollmouseout {
    overflow: hidden !important;
}


.msglistminheight {
    min-height: 200px;
}

/* used to apply word wrap */
.wrdwrp {
    word-wrap: break-word;
}

/* display text in a single line all over application */
.classic {
    label {
        display: inline;
    }
}

.accountHoldExpander {
    background: @toggle-expand-image no-repeat top left;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    width: 16px;
}

/* used to align the 'Disclosure' text */
.disclosure {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}


.bgd {
    background: none !important;
    box-shadow: none !important;
}

/* Used to align text under internal transfer widget */
.mnumber {
    a {
        span {
            left: -75px;
        }
    }
}

/* used to display secondary user acces help tip all over the application */
.secondaryUser {
    width: 295px !important;
}

.dragable {
    height: 18px;
    width: 275px;
    background: @dragablecontrol-bgcolor @dragablecontrol-bgimage no-repeat 4px 4px;
    border-bottom: 1px solid @dragablecontrol-border-color;
    padding: 7px 22px 0 20px;
    font-size: 11px;
    position: relative;
    z-index: 99;

    strong.red-txt {
        color: @dragablecontrol-strong-red-font-color;
    }

    a.remove-link {
        height: 18px;
        width: 18px;
        display: block;
        position: absolute;
        top: 7px;
        right: 2px;
        font-weight: bold;
    }

    strong {
        width: 46px;
        float: right;
        display: inline;
        text-align: right;
        padding-right: 12px;
        font-weight: normal;
        color: @dragablecontrol-strong-font-color;
    }

    p {
        float: left;
        display: inline;
        /*color: @primary-font-color !important;*/
        color: @dragablecontrol-paragraph-font-color !important;
        font-size: 11px !important;
        margin-bottom: 0px !important;

        span {
            color: @dragablecontrol-span-font-color;
        }
    }
}

table.msgcheckbox {
    margin: 0 !important;

    tr {
        td {
            label {
                padding: 0 !important;
            }
        }
    }
}

table.summary {
    tr {
        td {
            vertical-align: top;
        }
    }
}

.success {
    color: @success-msg-font-color;
}

.composeMessageBar {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Used to display the direct deposit widget in dashboard */
.widgetSub {
    border-bottom: 1px solid lighten(@primarycolor,40%);
    padding: 10px 0 0 16px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.radioLabel {
    padding-left: 8px;
}

.right {
    .drag-menu {
        h3 {
            a {
                color: @header-bgcolor;
                text-decoration: none;
                padding-left: 19px;
                background: url(../images/minus-ico.png) no-repeat left 1px;
            }

            a:hover {
                text-decoration: underline;
            }

            a.expanded {
                background-image: url(../images/plus-ico.png);
                font-weight: bold;
            }
        }
    }
}

table.radio {
    tr {
        td {
            label {
                margin: 5px 20px 0 20px;
            }
        }
    }
}


/* Used while compose the body of the message */
.composeMessageContainer {
    width: 100%;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px;
    min-height: 400px;
}

.sessionTimeoutpopup {
    text-align: left !important;
}

span.handler {
    height: 25px;
    width: 14px;
    position: absolute;
    left: 1px;
    top: 0;
    cursor: move;
}

.group-holder {
    a.remove-link {
        text-transform: uppercase;
        color: #a7bed4;
        font-weight: bold;
        text-decoration: none;
        width: 20px;
        line-height: 16px;
        padding-left: 5px;
    }

    a.remove-link:hover {
        color: @header-bgcolor;
    }

    .heading {
        h3 {
            font-size: 11px;
            font-weight: bold;
            background: url(../images/folder-ico.gif) no-repeat left 0;
            padding: 0 0 0 25px;
            line-height: 12px;
            height: 13px;
            width: 250px;
            float: left;
        }
    }
}

/* Used To disabled the links all over the application */
.disabled-link {
    cursor: not-allowed;
    color: @disable-link-font-color;
}

/* Used To disabled the links all over the application */
.disabled-link:hover {
    cursor: not-allowed;
    color: @disable-link-font-color;
}

/* Used to disable the textboxes, dropdownlist all over the Application */
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    color: @disable-formcontrols-font-color;
}

/* Used to align the table header and table data, All over the application */
caption, th, td {
    vertical-align: top !important;
}

/*Used to wrap the text for table structure date */
.tablewrap {
    max-width: 40px;
    overflow: hidden;
    width: 40px !important;
    word-wrap: break-word;
}

/*Used to wrap the text for table structure date */
.tablewrapMax {
    max-width: 100px;
    overflow: hidden;
    width: 40px !important;
    word-wrap: break-word;
}

/*Used to wrap the text for table structure date */
.tablewrapMid {
    max-width: 65px;
    overflow: hidden;
    width: 40px !important;
    word-wrap: break-word;
}

/*Used to wrap the text when do mouse over on to Magnifying glass */
.tablewrapMouseOver {
    overflow: hidden;
    word-wrap: break-word;
    width: 140px !important;
}

/* used to display the Secondary user details in sec. users list */
.previewdetailsblue {
    position: absolute !important;
    z-index: 100 !important;
    width: auto !important;
    left: 55px !important;
}

/* used to display the Secondary user details in sec. users list */
.previewdetailsblue table tr td {
    background: none !important;
    padding: 5px;
    width: auto;
    text-align: left;
    font-weight: normal;
}

/* used to display the Secondary user details in sec. users list */
.previewdetailsblue table th {
    color: #597FA6;
    font-weight: bold;
    padding: 5px;
}

/* used to display the Secondary user details in sec. users list */
.previewdetailsblue table tr .accountGroupHead {
    font-weight: bold !important;
}

/* Used to set the Mobile number text box width all over the application */
.input-mini-text {
    /*width: 60px;*/
    width: 58px;
}

.cursorNone {
    cursor: default;
}

.AccountView {
    width: 325px !important;
}

.AccountView strong {
    width: auto !important;
}

.detailViewHeight {
    height: auto !important;
}

/* Used to align the menu in A/c Summary widget (ex:Standard, Assets/Liability etc., )*/
.marnull {
    margin: 1px 0 0 0 !important;
}
/* Used to align the menu in A/c Summary widget (ex:Standard, Assets/Liability etc., )*/
.posleft {
    left: -85px !important;
}

.dropdown-menu ul {
    list-style: none;
    margin: 0px;
}

.widgetAccessError {
    margin: 50px 10px 50px 10px;
}

/* Used to display the Menu in dashboard */
#header .nav li a .upcaret {
    border-bottom: 4px solid white;
    margin-left: 5px;
    margin-top: 6px;
}
/* Used to display the up arrow for the menu in dashboard (ex:All Services, Settings, More )*/
.upcaret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}

/* Used to set all the widgets to proper size in dashboard */
.resized {
    min-width: 100% !important;
}

/* Used to Align the A/c summary widget in Dashboard */
.half {
    width: 100% !important;
}
/* used in Dashboard  - Commenting out so limited dashboard views expand full-width */
/*#detailsView > iframe {
    width: 1000px !important;
}*/

/* Used to Align the A/c summary widget in Dashboard */
.fixedwidth {
    min-width: 666px !important;
}


/* Used to Align the disclosure text under Write Check and Transfer disclosure */
.alignDisclosure {
    text-align: justify;
    text-justify: inter-word;
}

/* Used to display the text when address change request has been requested under my A/c Profile */
.pendingRequest {
    color: #003366;
    font-weight: bold;
}

/* Used to apply the decoration to the font all over the Application */
h6 {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 0px;
}

/* Used to set the font to bold */
.boldtext, .bold {
    font-weight: bold;
}

/* Used to set the font color under Write Check, Transfer widgtes */
.basic_clr {
    color: @primary-link-color;
}

/* used to diplay the Transfer widget in dashboard. */
#TransferWidgetDiv {
    p {
        padding-left: 25px;
        margin-bottom: 5px;
        line-height: inherit;
    }
}

/* used to diplay the Write Check widget in dashboard. */
#WriteCheckWidgetDiv {
    p {
        margin-bottom: 5px;
        padding-left: 25px;
        line-height: inherit;
    }
}

/* Used to display the tooltip which are related to secondary users (image)*/
.tooltip {
    color: #333333;
    cursor: help;
    margin-left: 1px;
    opacity: 0.5;
    position: relative;
}

/* Used to Align the print image icon all over the Application */
.icon-print {
    background-position: -96px -48px;
    vertical-align: baseline !important;
}

.miniText {
    width: 44px;
}

/* Used to display the Quicklink images under All Services */
.Carousel-Image {
    min-height: 70px;
}

#carousel, #more-mode, #help-mode {
    ul {
        li {
            width: 135px !important;

            a {
                width: 125px !important;
            }
        }
    }
}

#moreTransactionInfo ul li {
    background: lighten(@primarycolor,45%);
}


/* used in the A/c Summary Detailed view under Transaction list */
.transactionStatus {
    background-color: none;
    padding: 20px 5px;
    margin-bottom: 1px;
}

/* Never used in the Application
RO: appears to be used in account details transaction expanded table */
.linksarea {
    clear: left;
    position: absolute;
    top: 25px;
    right: 15px;
    z-index: 1000;
}


/* used for pagination in the grid view */
.pagination p {
    padding-right: 10px;
}

.highlightchecknumber {
    font-weight: bold;
    color: #000000;
}

.statusbar {
    float: left;
    width: 100%;
    text-align: justify;
    padding: 5px 0 5px 10px;
}

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

.cuDetail .ajax__tab_header {
    width: 100% !important;
    margin-top: 0 !important;
}

.input-transferWidget {
    width: 70px;
}

.margin-transferWidget {
    padding: 0px 8px 0px 8px;

    input {
        width: 40px !important;
    }
}

.dropdown-transferWidget {
    width: 250px;
}

.transfer-xlarge {
    width: 484px;
}

.pdr9 {
    padding-right: 9px !important;
}

.widget-placehoder {
    float: left;
    background: #c1d2e3;
    width: 316px;
    border: 1px solid #c1d2e3;
    margin: 0 15px 15px 0;
    position: relative;
}

.invisible {
    opacity: 0;
    filter: alpha(opacity=0);
}

.label_right {
    float: right;
    margin-right: 10px;
}
/*.ajaxTabArea .tooltip span {
top:6.5em;
                position: absolute !important;
                text-align:left;
}*/
.ajaxTabArea .tooltip span {
    top: 6.5em;
    position: absolute !important;
    text-align: left;
}
/*
.offersList {
  display: inline; margin-bottom: 25px; float: left; width: 45%; margin: 2% 0 0 2%; position: relative; border-radius: 3px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);  -mozbox-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); text-align: left;
  .offers-a { position: relative; display: block; width: 100%; padding: 10px; text-decoration: none; color: #244574; min-height: 425px; }
  .offers-p { display: block; width: 100%; font-size: 2em; line-height: 1.3em; margin-bottom: 3px; }
  .offers-strong { display: block; width: 100%; font-size: 2em; line-height: 1.3em; margin-bottom: 3px; }
  .offers-span { display: block; width: 100%; font-size: 1.4em; line-height: 1.6em; opacity: .45; color: black; }
  div.content { min-height: 360px; }
}
*/
.img-center {
    text-align: center;
}

.DetailMemberNumber {
    padding-left: 18px;
}

.DetailAccount {
    margin-left: -10px;
    word-wrap: break-word;
}

.DetailLastName {
    margin-right: 90px;
    padding-left: 17px;
}

.WrapText {
    word-wrap: break-word;
    max-width: 40%;
}

.WidgetOtherMemberNumber {
    float: left;
    width: 30%;
    padding-left: 15px;
}

.WidgetOtherMembeAccount {
    float: left;
    padding: -5px 10px;
    width: 15%;
}

.WidgetOtherMemberLastName {
    width: 35%;
    float: left;
    padding-left: 10px;
}

.acct a span {
    left: -100px;
    width: 100px;
}

.lname a span {
    left: -100px;
    width: 100px;
}

.mnumber a span {
    width: 100px;
}

.acctIndicator {
    background-repeat: no-repeat;
    padding: 0 0 1px 20px;

    &.loanDue {
        cursor: pointer;
        background-image: @loandue-indicator-bgimage;
    }

    &.loanPastDue {
        cursor: pointer;
        color: @loanpastdue-indicator-font-color;
        background-image: @loanpastdue-indicator-bgimage;
    }

    &.cdMaturity {
        cursor: pointer;
        background-image: @cdmaturity-indicator-bgimage;
    }

    &.changePassword {
        cursor: pointer;
        color: @changepassword-indicator-font-color;
        background-image: @changepassword-indicator-bgimage;
    }
}

.accountAlert {
    padding: 10px 0 10px 5px;

    a {
        font-weight: bold;
    }
}

.calEventDetail, .widgetCalEventDetail {
    &.loanDue {
        background-repeat: no-repeat;
        background-image: @loandue-indicator-bgimage;
        padding: 2px 0 1px 20px;
    }

    &.loanPastDue {
        background-repeat: no-repeat;
        background-image: @loanpastdue-indicator-bgimage;
        color: @loanpastdue-indicator-font-color;
        padding: 2px 0 1px 20px;
    }

    &.cdMaturity {
        background-repeat: no-repeat;
        background-image: @cdmaturity-indicator-bgimage;
        padding: 2px 0 1px 20px;
    }

    &.changePassword {
        background-repeat: no-repeat;
        background-image: @changepassword-indicator-bgimage;
        padding: 2px 0 1px 20px;
    }

    &.changePasswordColor {
        color: @changepassword-indicator-font-color;
    }
}

.alertEvent {

    &:first-of-type {
        border-top: 0;
    }

    &.loanPastDueColor {
        color: @loanpastdue-indicator-font-color;
    }

    &.changePasswordColor {
        color: @changepassword-indicator-font-color;
    }
}

.account-notification {
    float: left;
    width: 100%;
    background-image: -moz-linear-gradient(top, @account-notification-bgimage-gradient-startcolor 0%, @account-notification-bgimage-gradient-endcolor 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@account-notification-bgimage-gradient-startcolor), color-stop(100%,@account-notification-bgimage-gradient-endcolor)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, @account-notification-bgimage-gradient-startcolor 0%,@account-notification-bgimage-gradient-endcolor 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, @account-notification-bgimage-gradient-startcolor 0%,@account-notification-bgimage-gradient-endcolor 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, @account-notification-bgimage-gradient-startcolor 0%,@account-notification-bgimage-gradient-endcolor 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, @account-notification-bgimage-gradient-startcolor 0%,@account-notification-bgimage-gradient-endcolor 100%); /* W3C */
    box-shadow: @account-notification-bgimage-boxshadow;

    a {
        float: left;
        width: 99%;
        margin-left: 1%;
        box-sizing: border-box;
        line-height: 47px;
        text-decoration: none;
        padding-left: 35px;
        background-repeat: no-repeat;
        background-position: left;
    }

    span {
        float: left;
        width: 99%;
        margin-right: 1%;
        background-repeat: no-repeat;
        background-position: right;
    }

    &.red {
        background-color: @account-notification-red-bgcolor;

        a {
            color: @account-notification-red-link-font-color;
            background-image: @account-notification-red-link-image;
        }

        span {
            background-image: @account-notification-red-arrow-image;
        }
    }

    &.yellow {
        background-color: @account-notification-yellow-bgcolor;

        a {
            color: @account-notification-yellow-link-font-color;
            background-image: @account-notification-yellow-link-image;
        }

        span {
            background-image: @account-notification-yellow-arrow-image;
        }
    }
}

.events-splash {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: @eventssplash-boxshadow;

    &.certificates {
        background: @eventssplash-certificate-indicator-image 8px 8px no-repeat;
    }

    &.loanDue {
        background: @eventssplash-loandue-indicator-image 8px 8px no-repeat;
    }

    &.loanPastDue {
        background: @eventssplash-loanpastdue-indicator-image 8px 8px no-repeat;
    }

    em {
        float: right;
        font-size: 24px;
        font-weight: bold;
        font-style: normal;
        color: @eventssplash-emtag-font-color;
        text-align: right;
    }

    i {
        display: block;
        font-weight: normal;
        font-style: normal;
        color: @eventssplash-itag-font-color;
        font-size: 12px;
        line-height: 18px;
        white-space: nowrap;
    }

    strong {
        display: block;
        font-size: 18px;
        color: @eventssplash-bold-font-color;
        padding-left: 50px;
    }

    span {
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: @eventssplash-span-font-color;
        padding-left: 50px;
    }
}

.pmWidgetHeight {
    min-height: 250px;
}

.pmWidget_noWrap {
    white-space: nowrap;
}



/* Help U Save - Begin */
.stashyourcash-splash {
    img {
        float: right;
        margin: 0 0 20px 20px;
    }

    h1 {
        font-size: 36px;
        line-height: 42px;
    }
}

.stashyourcash-summary {
    float: left;
    width: 100%;
    background: @helpusave-summary-bgcolor;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: @helpusave-summary-boxshadow;
    margin-bottom: 10px;
}

.syc-difference {
    float: right;
    width: 300px;
    background: @helpusave-balancedifference-bgcolor;
    font-size: 18px;
    line-height: 36px;
    padding: 15px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: @helpusave-balancedifference-boxshadow;
}

.syc-empty {
    float: right;
    width: 300px;
    font-size: 18px;
    line-height: 36px;
    padding: 15px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.syc-total {
    float: right;
    font-size: 36px;
    line-height: 36px;
    padding: 15px;
}

.syc-label {
    float: left;
    font-size: 18px;
    line-height: 36px;
    padding: 15px;
}

.stashyourcash-setting {
    margin: 0;
    padding: 0;
    list-style: none;

    li {
        float: left;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid @helpusave-settings-account-border-bottom-color;

        span {
            float: left;
            width: 50%;
            margin-bottom: 0;
            line-height: 28px;
        }

        span.eligible {
            font-weight: bold;
            text-indent: 30px;
            background: @helpusave-settings-eligibleaccount-image left no-repeat;
        }

        label.spantargetaccounts {
            float: left;
            width: 50%;

            select {
                float: left;
                width: 100%;
                margin-bottom: 0;
            }
        }
    }

    li:last-child {
        border-bottom: 0;
    }

    li.heading {
        width: 50%;
        font-weight: bold;
    }

    .tooltip {
        margin-top: 6px;

        span {
            line-height: none !important;
            min-width: 100px !important;
            text-align: left;
        }
    }
}

#innerdivSavings {
    padding-left: 21px;
}

.padr40 {
    padding-right: 40px;
}

.stashyourcash-container {
    .inline-block-full;
    .roundedcorners;
    .box-shadow;
    background: @helpusave-container-bgcolor;

    &.half {
        float: left;
        clear: none;
        width: 66%;
    }

    &.small {
        float: left;
        clear: none;
        width: 32%;
    }

    .stashyourcash-nav {
        background: @widgettitlebgcolor;
        clear: left;
        display: inline-block;
        margin: 0;
        padding: 15px 0 0 15px;
        width: 100%;
        box-sizing: border-box;
        box-shadow: inset 0 -1px 0 0 @active-tab-bgcolor;
        border-color: @active-tab-border-color !important; /*Merged from NewUIFramework.css file*/
        li {
            display: inline-block;

            .tabheader {
                /*Merged from NewUIFramework.css file*/
                display: inline-block;
                padding: 15px 20px;
                border: 1px solid @helpusave-tab-border-color;
                background-color: @helpusave-tab-bgcolor;
                text-align: center;
                line-height: 1;
                cursor: pointer;
                position: relative;
                font-size: 13px;
                white-space: nowrap;
                margin-top: 15px;
                /*border-color: #dfe4e8 !important;
                background-color: #dfe4e8 !important;
                color: #212b35 !important;
                font-weight: normal !important;*/
                &:hover {
                }

                &.active {
                    /*Merged from NewUIFramework.css file*/
                    background-color: @helpusave-tabactive-bgcolor;
                    color: @helpusave-tabactive-font-color;
                    border-bottom-color: @helpusave-tabactive-border-bottom-color;
                    cursor: default;
                    text-decoration: none;
                    /*border-color: #c4cdd5 !important;
                    background-color: #c4cdd5 !important;
                    color: #212b35 !important;*/
                }
            }
        }
    }
}
/* Help U Save - End */
.grid-6-registration {
    width: 60.5% !important;
}

.wraptext-grid {
    display: block;
    word-wrap: break-word;
    width: 250px;
}

.fullnamewrap {
				white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
				white-space: -pre-wrap; /* Opera 4-6 */
				white-space: -o-pre-wrap; /* Opera 7 */
				white-space: pre-wrap; /* css-3 */
				white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
				white-space: normal;
				word-wrap: break-word; /* Internet Explorer 5.5+ */    
				word-break: break-all;    
				max-width: 500px !important;
			}

.grid-60 {
    width: 93% !important;
}

.msg-Warning {
    width: 100%;
    color: red;
    float: left;
    text-align: center;
    padding: 5px;
}

.marketing-panelsheadercollapse {
    background-color: #B9B9B9;
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    padding: 5px;
    width: 95%;
    min-height: 20px !important;
    font-family: "Helvetica",Arial,san-serif;
    font-size: 14px;
    font-weight: normal;
}

.marketing-panelsheaderexpand {
    background-color: #FFF;
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    padding: 5px;
    width: 95%;
    min-height: 20px !important;
}

.marketing-panelscontent {
    background-color: #FFF;
    font-size: 12px;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px solid #000;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 10px 5px 5px;
    width: 95%;
    height: 150px !important;
    overflow: auto;
    font-family: "Helvetica",Arial,san-serif;
    font-size: 14px;
    font-weight: normal;
}

.marketing-panelsimage {
    float: left;
    padding-right: 10px;
}

.marketing-topradius {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.marketing-bottomradius {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.marketing-footer {
    background-color: #E6E6E6;
    font-size: 13px;
    position: relative;
    width: 96%;
    min-height: 50px;
    margin-top: 10px;
}

.marketing-footer-content {
    width: 100%;
    text-align: center;
    background-color: #F4F6F8;
    font-size: 12px;
    padding: 10px;
    border-radius: 3px;
    box-sizing: border-box;
}

.offersList {
    clear: left;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    overflow-y: auto;
    list-style: none;
    width: 100%;
}

.offersList li {
    width: 88%;
    margin: 8% 0 0 10%;
    position: relative;
    border-radius: 3px;
    background-color: @offers-listitem-bgcolor;
    border: 1px solid @offers-listitem-border-color;
    box-shadow: @offers-listitem-boxshadow;
    text-align: left;
    margin-bottom: 15px;
    list-style: none;
    height: 350px;
    width: 220px;
    margin-right: 15px;
}

.offersList li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-decoration: none;
    color: #244574;
    min-height: 50px;
}

.offersList li a em {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background: @widgetnewflagbg;
    color: @widgetnewflagtext;
    border-bottom-left-radius: 3px;
    padding: 6px 12px;
    font-size: 12px;
    text-transform: uppercase;
}

.offersList li .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100% !important;
    /* PT02 - Case17491 - Begin */
    height: 200px !important;
    /* PT02 - Case17491 - End */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.offersList li p {
    margin-top: 150px;
    display: block;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 3px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    height: 100px;
}

.offersList li strong {
    margin-top: 200px;
    display: block;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 3px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    height: 100px;
}

.offersList li span {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
}

.tabsview {
    float: left;
    width: 100%;
    box-shadow: 0 5px 0 @active-tab-bgcolor;
    margin-bottom: 5px;
    white-space: nowrap;
    background: @widgettitlebgcolor;
}

.tabsview li:first-child {
    margin-left: 10px;
}

.tabsview li {
    display: inline-block;
}

.tabsview li a {
    display: inline-block;
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: @tab-bgcolor;
    color: @tab-font-color;
    padding: 6px 13px 7px 13px;
}

.tabsview li a.active,
.tabsview li a:hover {
    color: @active-tab-font-color;
    background: @active-tab-bgcolor;
}

.offersFeed {
    float: left;
    width: 100%;
    font-size: 80%;
    margin-left: 0px;
}

.offersFeed li {
    position: relative;
    border-bottom: 1px solid @offersfeed-listitem-border-bottom-color;
    max-width: 600px;
}

.offersFeed li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 15px;
    text-decoration: none;
    color: @offersfeed-listitem-link-font-color;
    min-height: 50px;
    box-sizing: border-box;
}

.offersFeed li em {
    font-style: normal;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background: @widgetnewflagbg;
    color: @widgetnewflagtext;
    border-bottom-left-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    text-transform: uppercase;
}

.offersFeed li .thumbnail {
    display: block;
    width: 100% !important;
    /* PT02 - Case17491 - Begin */
    height: 200px !important;
    /* PT02 - Case17491 - End */
    background-position: center;
    background-size: cover;
    margin-bottom: 10px;
    z-index: 2;
    position: relative;
}

.offersFeed li strong {
    display: block;
    width: 100%;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 3px;
}

.offersFeed li span {
    display: block;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.6em;
}

.offersFeed li a.typeOffer:after {
    /* content: 'J'; */
}

.offersFeed li a:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'interfaceIcons';
    width: 100%;
    height: 150px;
    text-align: center;
    line-height: 150px;
    oveflow: hidden;
    font-size: 13em;
}

.offersFeed tr:last-child li {
    border-bottom: 0;

    a {
        padding-bottom: 0;
    }
}

h2.pageTitle {
    margin-top: 15px;
    text-indent: 15px;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 0 !important;
    display: inline-block;
    width: 100%;
}

.offershistory table {
    padding: 20px 0;
    width: 100%;
}

.offershistory table th {
    text-transform: uppercase;
    color: inherit;
    opacity: .5;
    font-size: 10px;
    padding: 10px 10px 10px 5px;
    vertical-align: middle;
}

.offershistory table td {
    padding: 10px;
    border-top: 1px solid @offershistory-item-border-top-color;
    vertical-align: middle;
    font-size: 12px;

    &[align=center] {
        text-align: center;
        opacity: .5;
    }
}

.offerhistory table tfoot td {
    padding-left: 25px;
}

.successTxt {
    color: #009900;
}

.failureTxt {
    color: #cc0000;
}

.offersList li a.typeOffer:after {
    /*content: 'J';*/
}

.offersList li a:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'interfaceIcons';
    width: 100%;
    height: 150px;
    text-align: center;
    line-height: 150px;
    oveflow: hidden;
    font-size: 13em;
}

.emptyoffer span {
    margin-top: 15px;
    text-indent: 15px;
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 15px;
}

.accordion {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.accordion .row {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion .row:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.accordion .row:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.accordion .row .trigger {
    position: relative;
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, 0.025);
    padding: 15px 15px 15px 30px;
    box-sizing: border-box;
    color: @primary-link-color;
}

.accordion .row .trigger:before {
    content: '+';
    position: absolute;
    top: 0;
    left: 0;
    line-height: 42px;
    font-weight: bold;
    text-align: center;
    width: 30px;
}

.accordion .row .trigger.expanded:before {
    content: '-';
}

.accordion .row .content {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #F9FAFB;
    padding: 15px;
    /* display: none; */
}

*:after,
*::before {
    box-sizing: border-box;
}

.offersList table {
    width: auto !important;
}

.changeUserPasswordContainer {
    text-align: left !important;
}

.changeUserPasswordpasswordprompt {
    margin-top: 30px !important;
    margin-left: 15px !important;
    font-size: 17px !important;
}

.changeUserPasswordMessage {
    margin-left: 15px !important;
    font-size: 17px !important;
}

.passwordChangeSuccessMessage {
    color: Green;
}

.footer {
    padding: 10px 0;
    font-size: 11px;
    line-height: 18px;
    color: darken(@body-bgcolor, 30%);

    img {
        float: right;
        margin-left: 10px;
    }

    a {
        color: darken(@body-bgcolor, 40%);

        &:hover {
            color: darken(@body-bgcolor, 50%);
        }
    }

    ul {
        margin-left: 0;

        li {
            display: inline;
            margin-right: 10px;
        }
    }

    p {
        font-size: 11px;
        color: darken(@body-bgcolor, 30%);
        margin-bottom: 6px;
    }
}

.PanelCreditCard {
    float: left;
    width: 100%;

    .ControlLeft {
        align: right;
        width: 25%;
    }

    .ControlRight {
        align: left;
        width: 74%;
    }

    .ControlTitle {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

.CreditCardLogoPanel {
    float: right;
    padding-right: 160px;
    padding-bottom: 20px;

    td {
        padding-right: 10px;
    }
}

[id$="AVSPanel"] {
    h6 {
        color: #333 !important;
        font-size: 14px !important;
        line-height: 28px !important;
        text-transform: uppercase !important;
        font-weight: bold !important;
    }
}

.widthForCD {
    .doc1 {
        width: 35% !important;
    }

    .doc2 {
        width: 60% !important;
    }

    .wrap {
        white-space: normal !important;
    }
}

.offerWidgetContent {
    max-width: 600px;
    margin-bottom: 5px !important;
    font-size: 13px !important;
    margin-top: 10px !important;

    p {
        font-size: 13px !important;
        margin-top: 10px !important;
    }
}

.offersListdiv {
    display: block;
    line-height: 1.3em;
    margin-bottom: 3px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    height: 100px;
}

.offerWidget_NoImage {
    margin-top: 40px !important;
}

.currentStatusForMD {
    color: green;
}

.columnalignforQB {
    text-align: center !important;
}

.showUsernameEye {
    background-image: @show-username-openeye-icon;
    /*border-left: 1px solid transparent;*/
    background-color: @show-username-openeye-icon-bgcolor;
    position: absolute;
    top: 1px;
    bottom: 0;
    width: 50px;
    height: 30px;
    padding: 0;
    margin: 8px 0px 0px -388px;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    padding-right: 0px;
}

.hideUsernameEye {
    background-image: @show-username-closeeye-icon;
    padding-right: 14px;
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 50px;
    height: 30px;
    padding: 0;
    margin: 8px 0px 0px -388px;
    border-radius: 0;
    border: 1px solid @show-username-closeeye-icon-border-color;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 3px;
    background-color: @show-username-closeeye-icon-bgcolor;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

.LoginUserNameInput {
    box-sizing: border-box;
    display: inline-block;
    /*width: 100%;*/
    width: 320px;
    margin: 0;
    padding: 8px 5px;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 3px;
    font-size: 14px;
    line-height: 22px;
    min-height: 33px;
    background: #fff;
    box-shadow: none;
    -webkit-appearance: none;
}

.deviceNameLink {
    border: none 0px @profile-othersettings-devicenamelink-border-color !important;
    text-align: left !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: @profile-othersettings-devicenamelink-font-color !important;
    background: 0px 50% !important;
    display: inline !important;
    float: left !important;
}

.icon-questionsign {
    background-image: url('_images/icons-glyph/glyphicons_halflings_084_question-sign.png');
    background-position: 8px 7px;
}

.listItem {
    display: inline-block;
    width: 100%;
    padding: 8px 0 6px 0;
    text-indent: 8px;
    color: #6699CC;
    font-weight: bold;
    font-size: 90%;
    line-height: 20px;
}

.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.acctSummWidget {
    top: 85px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .acctSummWidget {
        left: 523px; /* IE10 */
        top: 86px !important;
    }
}

.password-warnings {
    font-size: 12px;
    line-height: 17px;
    color: @password-warnings-font-color;
    font-weight: 400;
    background-color: @password-warnings-bgcolor;
}

.password-warnings li {
    padding: 5px 10px;
    border: 1px solid @password-warnings-border-color;
    margin-top: -1px;
}

.password-warnings li:last-child {
    border-radius: 0 0 3px 3px;
}

.inputRow .passwordField {
    padding-right: 5px;
}

.inputRow .passwordField:focus, .inputRow .passwordField.focused {
    border-color: @passwordfield-focus-border-color;
    border-radius: 3px 3px 0 0;
}

.inputRow .passwordField.matched {
    background-image: @passwordfield-matched-image;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    border-radius: 3PX;
}

.inputRow {
    position: relative;
}

.inputRow .password-warnings {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}

.inputRow .passwordConfirmField[disabled] {
    background-color: @password-confirmfield-disabled-bgcolor;
}

ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style-type: none;
}

table.TransferSummary {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;

    tr:nth-child(even) td {
        background: @transfersummary-details-bgcolor !important;
    }

    th {
        padding: 7px 4px;
        background: @tableheadingbgcolor;
        font-weight: bold;
        color: @tableheadingtextcolor;
        vertical-align: middle !important;

        a {
            color: @tableheadingtextcolor;
        }
    }

    tr td {
        width: auto;
        padding: 7px 4px;
        background: @tablerowbgcolor;
        border-bottom: 1px solid @tablerow-border-bottom-color;
    }

    tr:nth-child(odd) td {
        background: @tablerowaltbgcolor;
    }
}

.contentPlaceholder {
    .frameWorkHeaderContent {
        box-sizing: border-box;
        padding-left: 15px !important;
        padding-right: 15px !important;
        background: @screen-header-bgcolor;
        color: @screen-header-font-color;
        border-bottom: 1px solid @screen-header-border-bottom-color;
        margin-bottom: 15px;

        p {
            font-size: 12px;
            margin-bottom: 0;
        }
    }

    .screenFooterContent {
        background: @screen-footer-bgcolor !important;
        color: @screen-footer-font-color !important;
    }
}

.spanpayee {
    top: 10px !important;
}

.ViewCheck_tab {
    /*background:@viewchecktabinactive !important;*/
    ul {
        border-bottom: @viewchecktabinactive !important;

        li {
            background: none repeat scroll 0 0 @viewchecktabbackground !important;
            color: @viewchecktabforecolor !important;

            &.active {
                background: none repeat scroll 0 0 @viewchecktabactive !important;
            }

            &:hover {
                background: none repeat scroll 0 0 @viewchecktabhover !important;
                color: @viewchecktabforecolor !important;
            }
        }
    }
}

.SSODisclaimerHeight {
    float: left;
    overflow: auto;
    width: 745px;
    max-height: @maxheightfordisclaimer;
    min-height: 100px;
}

a.hyperlinkSubscribeUnSubscribe {
    padding: 10px;
}
/* 	Application: Marketing	*/
.offerContent {
    height: 200px;
    overflow: hidden;
    max-width: 90ch;
}

.offerContent p {
    margin-top: 0 !important;
}

.offerDate {
    opacity: .45;
    color: @offerdate-font-color;
}

.amountFloatRight {
    float: right;
    margin-top: -13px;
    margin-right: 5px;
}
/*Manage Cards - Begin*/
.cardslist {
    margin: 0;
}

.cardType {
    float: left;
    clear: left;
    display: block;
    width: 100%;
    //max-width: 800px;
    padding: 10px;
    padding-left: 60px;
    border-radius: 3px;
    background-color: @cards-listitem-bgcolor;
    border: 1px solid @cards-listitem-border-color;
    background-repeat: no-repeat;
    background-size: 50px;
    /*background-position: -12px 15px;     */
    background-position: 2px 15px;
    box-sizing: border-box;
}
/**, *::after, *::before {
    box-sizing: border-box;
  }*/
.cardType:first-of-type {
    margin-top: 20px;
}

.cardType {
    background-color: @cards-listitem-bgcolor;
    border-radius: 0;
    border-top: 0;
    border-left: 1px solid @cards-listitem-border-color;
    border-right: 1px solid @cards-listitem-border-color;
    border-bottom: 1px solid @cards-listitem-border-color;
}

.cardType:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid #3691ed;
}

.cardType:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid @cards-listitem-border-color;
    margin-bottom: 50px;
}

.cardType:first-child {
    border-radius: 3px 3px 0 0;
    border-top: 1px solid @cards-listitem-border-color;
}

.cardType:last-child {
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid @cards-listitem-border-color;
    margin-bottom: 50px;
}

.cardType.locked {
    background-color: @cards-locked-bgcolor;
    border-color: @cards-locked-border-color;
}

.cardType.locked:hover {
    background-color: @cards-locked-hover-bgcolor;
}

.cardType:hover {
    background-color: @cards-listitem-hover-bgcolor;
}

.cardType .locked_label {
    color: @cards-locked-font-color;
    font-weight: bold;
}

.cardType .active_label {
    color: @cards-active-font-color;
    font-weight: bold;
}

#ManageCards {
    line-height: 1.4;
}

#ManageCards ::-webkit-scrollbar {
    width: 0px;
}

#ManageCards .repeater {
    width: 100%;
}

#ManageCards .acctsrepeater {
    width: 99%;
}


.cardIcon.cardType {
    background-image: url('/Images/carousel/quicklink_managecards1.png');
}

/*Merged from NewUIFramework.css file*/
.cardType.ineligible {
    /*background-color: #D3D3D3;
    border-color: #7E7E7E;*/
    background-color: @cards-ineligible-bgcolor !important;
    border-color: @cards-ineligible-border-color !important;
}

.cardType.ineligible:hover {
    background-color: @cards-ineligible-hover-bgcolor;
}

.cardType .leftInfo {
    float: left;
    width: 50%;
}

.cardType .rightInfo {
    float: right;
    width: 30%;
}

.cardType .detailsDiv {
    font-size: 75%;
    color: @card-details-font-color;
}

.cardType .infoTitle {
    color: @card-details-font-color;
    font-size: 12px;
}

.cardType .padt3 {
    padding-top: 3px;
}

.cardType.credit {
    background-image: @card-default-image;
}

.cardType.locked.credit {
    background-image: @card-locked-image;
}

.cardType.ineligible.credit {
    background-image: @card-ineligible-image;
}
/*Manage Cards - End*/
/* Account Summary -- Header*/
.icon-Pin {
    background-image: @account-details-pinicon;
    background-color: #FBFBF6;
    background-position: -146px -145px;
    /*margin-top : 6px;*/
}

.icon-UnPin {
    background-image: @account-details-pinicon;
    background-color: #FBFBF6;
    background-position: -130px -145px;
    /*margin-top : 6px;*/
}

.errorValidText {
    color: @error-msg-font-color;
}

.sucessValidText {
    color: @success-msg-font-color;
}
/* Dashboard - Quicklinks Carousel*/
.shade {
    pointer-events: none;
    cursor: default;
}
/* Detail View Screen Header */
.contentPlaceholder {
    .frameWorkHeaderContent {
        padding-left: 20px !important;
    }
}
/* Writechecks paylist span*/
.spanpayee {
    top: 10px !important;
}

.grid-25 {
    width: 53% !important;
    float: left;
}

.formUnit {
    float: left;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
}

.formSheet {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
}

.AdditionalAuthenticationRightAlignment {
    float: right;
    padding-right: 169px;
}

.padr100 {
    padding-right: 100px;
}

.padt8 {
    padding-top: 8px;
}

.padt6 {
    padding-top: 6px;
}

.grid-40 {
    float: left;
    width: 25% !important;
}
/* Application/Module: ATM & Branches */
.optionrow {
    width: 100%;
    padding: 6px 0 0 0;
    display: block;

    input {
        line-height: 25px;
        float: left;
        width: 15px;
    }

    tr {
        border-bottom: 1px solid @optionrow-border-bottom-color;
    }

    label {
        margin: 0;
        font-weight: normal;
        margin-left: 20px;
        padding-left: 10px;
        font-size: 15px;
    }
}

.DirectionsDetailView {
    clear: left;
    display: inline-block;
    width: 100%;
    border-radius: 5px 5px 0 0 !important;
    -moz-border-radius: 5px 5px 0 0 !important;
    -webkit-border-radius: 5px 5px 0 0 !important;
    box-shadow: @direction-details-boxshadow !important;
    -mozbox-shadow: @direction-details-boxshadow !important;
    -webkit-box-shadow: @direction-details-boxshadow !important;
    background: @direction-details-bgcolor !important;
    margin-bottom: 0px !important;
}

.directionSteps {
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    padding: 0 25px 20px 25px;

    li {
        padding: 10px 10px;
        border-bottom: 1px solid @directionsteps-border-bottom-color;

        strong {
            color: @directionsteps-bold-font-color;
        }
    }
}
/* Application/Module: Marketing */
.offersList li strong {
    margin-top: 200px;
    display: block;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 3px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    height: 100px;
}

.offersFeed li .widgetthumbnail {
    display: block;
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 10px;
    z-index: 2;
    position: relative;
}

.schedulerFormUnit {
    .ajax__tab_header {
        width: 97% !important;
    }
}
/* RO: Dashboard Overrides because of inline styles or misused HTML classes */
#account-summary-details table {
    width: 100% !important;
}

#AccountSummaryWidgetPrint .btn-group.mardr10 {
    margin-right: 0 !important;
}

#accountSummary h4 {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 16px;
}

#canvas .widgetframe .loyaltyWidget h6 {
    padding: 5px 10px 5px 0 !important;
}

.loyalty-points {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.loyalty-points p {
    font-size: 12px;
    margin-bottom: 5px;
}

.WidgetOtherMemberLastName {
    width: 42% !important;
}

.hyperlinkSubscribeUnSubscribe {
    padding: 15px !important;
    display: inline-block;
}

#DocumentWidget {

    #canvas .widget {
        text-align: center;
        padding: 20px 0;
        font-size: 12px;
        opacity: .5;
    }
}

.writeCheckStatus .mainText {
    display: inline-block;
    margin-left: 15px !important;
    opacity: .5;
}


.extAmtLbl,
.writechecksamount,
.writecheckssenddate {
    margin: 0 0 5px 0;
    display: inline-block;
}

.WidgetOtherMemberPadding {
    padding-left: 18px;
    padding-bottom: 5px;
    width: 25% !important;
}

.WidgetOtherMembeAccount {
    width: 18% !important;
}
/* RO: Account Details Overrides because of inline styles or misused HTML classes */
.cuDetails {
    width: 100% !important;

    .mainCol {

        .sectiontitle {

            .fr.padr10 {
                float: left;
                clear: left;
                padding: 0 15px;

                .links a {
                    background: none;
                    box-shadow: none;
                    border-radius: 0;
                    padding: 0;
                    color: @primary-link-color;
                    font-size: 12px;
                    margin: 0 15px 0 0;
                    opacity: .5;
                    border: 0 !important;

                    .icon-print {
                        display: none;
                    }
                }
            }
        }
    }

    .bal_cont {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

    .searchMain {
        background: none;

        .links a {
            box-shadow: none;
            color: #212B35;
            background: #fff;
            border: 1px solid #DFE4E8;
            padding: 5px 10px;
            border-radius: 3px;
            display: inline-block;
            line-height: 16px;
            float: left;
        }
    }
}
/* Flag icon for account details column */
.transactionStatusFlag {
    width: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: @transactionstatusflag-image;

    img {
        display: none;
    }
}

.internalTransferWidgetBtn {
    height: auto !important;
}

.wrapword {
					white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
					white-space: -webkit-pre-wrap; /*Chrome & Safari */
					white-space: -pre-wrap; /* Opera 4-6 */
					white-space: -o-pre-wrap; /* Opera 7 */
					white-space: pre-wrap; /* css-3 */
					white-space: normal;
					word-wrap: break-word; /* Internet Explorer 5.5+ */
					word-break: break-all;    
					display: inline-block;
				}

.PasswordMissmatch {
    background-image: @passwordfield-mismatched-image;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    border-radius: 3PX;
}

.PasswordMatch {
    background-image: @passwordfield-matched-image;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    border-radius: 3PX;
}

.mart2 {
    margin-top: 2px !important;
}

.widgetClassicTransfer {
    width: 45% !important;
    float: left;
}

.padl26 {
    padding-left: 26px;
}

.WidgetClassicTransferTextBoxWidth {
    width: 100px;
}

.WidgetDateTextBox {
    width: 98px !important;
}

.Padt2 {
    padding-top: 2px !important;
}

table.radio tr td label {
    margin: 2px 20px 0 20px;
}

.detailDateradiobtnLabel {
    margin-top: -3px !important;
}

.controls {
    .detail .radio label {
        padding-top: 3px !important;
    }
}

.DetailMemNoWidth {
    width: 185px !important;
}

.DetailLastNameWidth {
    width: 167px !important;
}

.detailLastNameLabelWidth {
    width: 170px !important;
    float: left;
}

.detailTransferinput-xlarge {
    width: 490px;
}
/* 3.3.0.34 Start */
.pastdueamt {
    color: @pastdueamt;
    font-weight: bold;
}

.acctGroupsRadio input {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    width: 210px;
    height: 18px;
    padding: 4px;
    margin: 0 0 9px 0;
    /*font-family: "Helvetica", Arial, san-serif;*/
    vertical-align: middle;
    font-size: 13px;
    line-height: 18px;
    /*color: #555;
		background-color: #fff;
		border: 1px solid #CCC;*/
}

/*table.acctGroupsRadio tr td label {
    margin: 2px 20px 0 20px !important;
}*/

.bannerAdsContainer {
    width: 100%;
    padding: 20px 0 0;
    text-align: center;
    background: none repeat scroll 0 0 @body-bgcolor;

    div {
        max-width: 728px;
        height: 90px;
        /* PT02 - #19178 - Begin */
        display: inline-block; /*!important*/
        /* PT02 - #19178 - End */
    }
}
/* 3.3.0.34 end */
.cuDetails {
    width: 100% !important;

    .mainCol {

        .sectiontitle {

            .fr.padr10 {
                float: left;
                clear: left;
                padding: 0 15px;

                .links a {
                    background: none;
                    box-shadow: none;
                    border-radius: 0;
                    padding: 0;
                    font-size: 12px;
                    margin: 0 15px 0 0;
                    opacity: 1.0;
                    border: 0 !important;

                    .icon-print {
                        display: none;
                    }
                }
            }
        }
    }

    .bal_cont {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

    .searchMain {
        background: none;

        .links a {
            box-shadow: none;
            color: #212B35;
            background: #fff;
            border: 1px solid #DFE4E8;
            padding: 5px 10px;
            border-radius: 3px;
            display: inline-block;
            line-height: 16px;
            float: left;
        }
    }
}

.mainCol {
    .errorBg {
        padding-top: 0 !important;
    }
}

.marr26 {
    margin-right: 26px;
}

.group-holder .heading {
    padding: 0 5px 7px 8px;
}

.mainText {
    color: @primary-link-color;
}

.grid-41 {
    max-width: 100% !important;
    padding-top: 7px;
    float: left;
}

.grid-42 {
    width: 165px !important;
    float: left;
    padding-left: 5px;
}

.grid-43 {
    width: 20.5% !important;
    float: left;
    padding-left: 5px;
}

.grid-61 {
    width: 40% !important;
}

.framework .side .hovermodule h6 {
    max-width: 300px;
    padding: 10px;
    width: 95% !important;
    white-space: -moz-pre-wrap !important;
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    display: inline-block;
    text-indent: 0 !important;
}

.input-form-control {
    width: 218px;
}

.select-form-control {
    width: 228px;
}


.DateRangeRadioButton_Margin {
    margin-top: 6px;
}

/*.pmCuWidgets {
    width: 100% !important;
    margin: 0 auto !important;
}*/


.containerOuter {
    width: @containerwidth;
    text-align: center;
    margin: 0 auto;
}

.padl45 {
    padding-left: 45px !important;
}

/*.fancybox-close {
    top: 15px !important;
    right: 15px !important;
    background-image: @popupclosebuttonimage !important;
    display: inline-block;
    width: 1.6rem !important;
    height: 1.6rem !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}*/

.marketing-back Span {
	display: none;
    float: left;
    padding: 0 10px 0 0;
    margin: -2px 0 0 0px;
    font-size: 22px;
}

.detailIndicatorWithoutAction span {
    background-image: none !important;
    cursor: default !important;
}

.Authentication_popup {
    display: block;
    width: 97% !important;

    .popupcontainer {
        padding: 20px;
    }
}

.AdditionalAuth .grid-43 .checkbox {
    margin-top: 5px !important;
}

.AdditionalAuth .grid-43 label {
    margin-top: 8px !important;
}

#popupDiv .AdditionalAuth .grid-43 label {
    margin-top: 4px !important;
}

#popupDiv .AdditionalAuth .grid-41 {
    padding-top: 3px !important;
}

#popupDiv .AdditionalAuth .grid-41 label .icon-question-sign {
    padding-top: 6px !important;
}

.control-group .controls .form-vertical .TransferUserList .checkbox label {
    margin-top: 3px !important;
    padding-left: 5px !important;
}

.ChallengePhrasesShowAnswersLabel {
    padding-top: 3px !important;
    padding-left: 20px;
}

fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: transparent;
    border-image: initial;
}

legend {
    display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.ScreenWarningMessage {
    font-family: inherit;
    box-sizing: border-box;
    background-color: @transfers-screen-warning-msg-bgcolor !important;
    float: left;
    width: 100%;
    padding: 10px !important;
    border-top: 1px solid @transfers-screen-warning-msg-border-color;
    font-size: 15px;
    padding-left: 0px !important;
}

.ScreenWarningMessage > * {
    padding-left: 15px !important;
    display: table-cell;
}

.ScreenWarningMessageSpan {
    color: @transfers-screen-warning-msg-icon-color;
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}

.UlMessageContent ul {
    display: block !important;
    list-style-type: disc !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 30px !important;
}

/*framework.css file*/
@charset "UTF-8";
/*!
 * Core CSS compiles all libraries for banking platform
 */
/* Normalize
   normalize.css v3.0.2 | MIT License | git.io/normalize
–––––––––––––––––––––––––––––––––––––––––––––––––– */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
/*nav,
section,*/
summary {
    display: block;
}

a:active,
a:hover {
    outline: 0;
}



b,
strong {
    font-weight: bold;
}

.NewUIStyle img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

.NewUIStyle fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

.accountOptions optgroup {
    color: inherit;
    font: inherit;
    font-weight: bold !important;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.NewUIStyle .row,
.NewUIStyle .column,
.NewUIStyle .columns {
    margin-bottom: 1.5rem;
}

.NewUIStyle .row:only-child {
    margin-bottom: 0;
}

.NewUIStyle .column,
.NewUIStyle .columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
    /* ORIGINALLY -   For devices larger than 550px */
    /* For devices larger than 768px */
}

.NewUIStyle .column,
.NewUIStyle .columns {
    margin-left: 2%;
    margin-bottom: 0;
}

.NewUIStyle .column:first-child, .NewUIStyle .column:only-child,
.NewUIStyle .columns:first-child,
.NewUIStyle .columns:only-child {
    margin-left: 0;
}

.NewUIStyle .column.one, .column.one,
.NewUIStyle .columns.one,
.NewUIStyle .columns.one {
    width: 8.16666666667%;
}

.NewUIStyle .column.two,
.NewUIStyle .columns.two {
    width: 16.3333333333%;
}

.NewUIStyle .column.three,
.NewUIStyle .columns.three {
    width: 24.5%;
}

.NewUIStyle .column.four,
.NewUIStyle .columns.four {
    width: 32.6666666667%;
}

.NewUIStyle .column.five,
.NewUIStyle .columns.five {
    width: 40.8333333333%;
}

.NewUIStyle .column.six,
.NewUIStyle .columns.six {
    width: 49%;
}

.NewUIStyle .column.seven,
.NewUIStyle .columns.seven {
    width: 57.1666666667%;
}

.NewUIStyle .column.eight,
.NewUIStyle .columns.eight {
    width: 65.3333333334%;
}

.NewUIStyle .column.nine,
.NewUIStyle .columns.nine {
    width: 73.5%;
}

.column.nine, .column.eight {
    background: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.NewUIStyle .column.ten,
.NewUIStyle .columns.ten {
    width: 81.6666666667%;
}

.NewUIStyle .column.eleven,
.NewUIStyle .columns.eleven {
    width: 89.8333333334%;
}

.NewUIStyle .column.twelve,
.NewUIStyle .columns.twelve {
    width: 100%;
    margin-left: 0;
}

.NewUIStyle .column.one-third,
.NewUIStyle .columns.one-third {
    width: 32.6666666667%;
}

.NewUIStyle .column.two-thirds,
.NewUIStyle .columns.two-thirds {
    width: 65.3333333333%;
}

.NewUIStyle .column.one-half,
.NewUIStyle .columns.one-half {
    width: 49%;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*.NewUIStyle h1, .NewUIStyle h2, .NewUIStyle h3, .NewUIStyle h4, .NewUIStyle h5, .NewUIStyle h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 400;
}*/

.NewUIStyle h5 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 600;
}

.NewUIStyle h6 {
    font-size: 1.2rem;
    line-height: 2.0rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
/** {
    -ms-overflow-style: none;
}*/

.htmlCSS {
    /*height: 100%;*/ /*This is commented because with this iframe height is not reducing once max height is set.eg:fundtransfers screen.*/
    font-size: 62.5% !important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

.NewUIBodyCSS {
    box-sizing: border-box;
    height: 100%;
    font-size: 1.4em;
    line-height: 2.0rem !important;
    font-weight: 400;
    /*font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif !important;
    margin: 0;
    padding: 0;*/
    text-transform: initial;
    letter-spacing: initial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: @newui-body-font-color;
    background-color: @newui-body-bgcolor;
    fill: currentColor;
}

.NewUIStyle p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}



/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*ul {
    list-style: disc outside;
}

ol {
    list-style: decimal outside;
}

ol, ul {
    padding-left: 0;
    margin-top: 0;
    margin-left: 2.0rem;
    margin-bottom: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0 0 0 3rem;
}
*/
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    white-space: nowrap;
    border-radius: .4rem;
    background: #F1F1F1;
    border: .1rem solid #E1E1E1;
}

pre > code {
    display: block;
    padding: 1rem 1.5rem;
    margin: 0;
    overflow: auto;
}

.NewUIStyle main {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}

.NewUIStyle .containerNewUI {
    width: 100%;
    box-sizing: border-box;
    max-width: @containerwidth;
    text-align: left !important;
    margin: 0 auto;
    padding: 0 2.0rem;
}

.NewUIStyle section {
    display: block;
    width: 100%;
    max-width: 1400px;
    text-align: left;
    margin: 0 auto;
}

.NewUIStyle section + section {
    padding-top: 2rem;
    border-top: .1rem solid #d3dbe2;
}

.NewUIStyle section aside {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2.0rem;
    box-sizing: border-box;
}

.NewUIStyle section aside h2 {
    margin: 0;
    padding: 2.0rem 0;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.6em;
}

.NewUIStyle section aside p {
    line-height: 1.4;
    color: #707070;
}

.NewUIStyle section article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

section .card {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 2.0rem;
    color: #1a1919;
    background-color: #ffffff;
}

section .card.secondary {
    background-color: #f5f6f7;
}

section .card p {
    color: #1a1919;
}

section .card ~ h1:first-of-type,
section .card ~ h2:first-of-type,
section .card ~ h3:first-of-type,
section .card ~ h4:first-of-type,
section .card ~ h5:first-of-type,
section .card ~ h6:first-of-type {
    margin-top: 0;
}

section .card.has-sections {
    padding: 0;
}

section .card .card-section {
    padding: 2.0rem;
}

section .card .card-section ~ h1:first-of-type,
section .card .card-section ~ h2:first-of-type,
section .card .card-section ~ h3:first-of-type,
section .card .card-section ~ h4:first-of-type,
section .card .card-section ~ h5:first-of-type,
section .card .card-section ~ h6:first-of-type {
    margin-top: 0;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.NewUIStyle main:after,
.NewUIStyle .row:after,
.NewUIStyle .cf {
    content: "";
    display: table;
    clear: both;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

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

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

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

.emphasis {
    font-weight: 600;
    color: #1a1919;
}

.subdued {
    font-weight: normal;
    color: #707070;
}

.noColor {
    color: #1a1919;
}

.hide-scrollbars ::-webkit-scrollbar {
    display: none !important;
    width: 10px !important;
    height: 0 !important;
}

.hide-scrollbars ::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.NewUIStyle [class^="icon-"],
.NewUIStyle [class*=" icon-"] {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 16px 16px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
}

.NewUIStyle [class^="icon-"].icon-profile,
.NewUIStyle [class*=" icon-"].icon-profile {
    width: 6.4rem;
    height: 6.4rem;
    background-size: 64px 64px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-image: url("data:image/svg+xml;charset=utf8,");
}

[class^="icon-"].icon-profile.disabled, [class^="icon-"].icon-profile:disabled,
[class*=" icon-"].icon-profile.disabled,
[class*=" icon-"].icon-profile:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,");
}

.NewUIStyle .button[class^="icon-"], .NewUIStyle .button[class*=" icon-"],
.NewUIStyle button[class^="icon-"],
.NewUIStyle button[class*=" icon-"],
.NewUIStyle input[type="submit"][class^="icon-"],
.NewUIStyle input[type="submit"][class*=" icon-"],
.NewUIStyle input[type="reset"][class^="icon-"],
.NewUIStyle input[type="reset"][class*=" icon-"],
.NewUIStyle input[type="button"][class^="icon-"],
.NewUIStyle input[type="button"][class*=" icon-"] {
    padding-left: 2.1rem;
    padding-right: 2.1rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.NewUIStyle input[type="email"],
.NewUIStyle input[type="number"],
.NewUIStyle input[type="search"],
.txtbox input[type="text"],
.NewUIStyle input[type="tel"],
.NewUIStyle input[type="url"],
.txtbox input[type="password"],
.NewUIStyle textarea,
.NewUIStyle .modal-container select {
    padding: .5rem 1rem;
    background-color: @dashboard-popup-formcontrols-bgcolor;
    border: .1rem solid @dashboard-popup-formcontrols-border-color;
    border-radius: .3rem;
    color: @dashboard-popup-formcontrols-font-color;
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.4rem;
    min-width: 7.5rem;
    vertical-align: baseline;
    height: auto;
    margin: 0;
    max-width: 100%;
    font-family: @dashboard-popup-formcontrols-font;
    box-shadow: none;
    box-sizing: border-box;
}

.NewUIStyle input[type="email"]:focus,
.NewUIStyle input[type="number"]:focus,
.NewUIStyle input[type="search"]:focus,
.txtbox input[type="text"]:focus,
.NewUIStyle input[type="tel"]:focus,
.NewUIStyle input[type="url"]:focus,
.txtbox input[type="password"]:focus,
.NewUIStyle textarea:focus,
.NewUIStyle select:focus {
    border: .1rem solid @dashboard-popup-formcontrols-focus-border-color;
    outline: none;
}

.NewUIStyle input[type="email"]:disabled,
.NewUIStyle input[type="number"]:disabled,
.NewUIStyle input[type="search"]:disabled,
.txtbox input[type="text"]:disabled,
.NewUIStyle input[type="tel"]:disabled,
.NewUIStyle input[type="url"]:disabled,
.txtbox input[type="password"]:disabled,
.NewUIStyle textarea:disabled,
.NewUIStyle select:disabled {
    cursor: not-allowed;
    background-color: @dashboard-popup-formcontrols-disabled-bgcolor;
    border: .1rem solid @dashboard-popup-formcontrols-disabled-border-color;
    color: @dashboard-popup-formcontrols-disabled-font-color;
}

.NewUIStyle .error input[type="email"], .NewUIStyle .error input[type="number"], .NewUIStyle .error input[type="search"],
.NewUIStyle .error .txtbox input[type="text"], .NewUIStyle .error input[type="tel"], .NewUIStyle .error input[type="url"],
.NewUIStyle .error .txtbox input[type="password"], .NewUIStyle .error textarea, .error select {
    border-color: @dashboard-popup-formcontrols-error-border-color;
    background-color: @dashboard-popup-formcontrols-error-bgcolor;
}

.NewUIStyle input[type="email"],
.NewUIStyle input[type="search"],
.NewUIStyle input[type="tel"],
.NewUIStyle input[type="url"],
.NewUIStyle input[type="radio"],
/*.chkBx input[type="checkbox"],*/
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*input[type="email"],
input[type="number"],
input[type="search"],
.txtbox input[type="text"],
input[type="tel"],
input[type="url"],
.txtbox input[type="password"],
textarea,
select {
    min-height: 3.4rem;
}*/
.NewUIStyle select {
    /*padding-right: 3.2rem;*/
    /*background-size: 12px 12px;*/
    /*IE requires pixels. Using cover/contain/rem values cause blurry edges*/
    /*background-repeat: no-repeat;*/
    background-position: right 1.0rem top 1.1rem;
}


/*.chkBx input[type="checkbox"],*/
input[type="checkbox"] {
    position: relative;
    display: inline-block;
    height: 14px !important;
    width: 14px !important;
    padding: 0;
    box-sizing: border-box;
    vertical-align: text-bottom;
    border-radius: 2px;
    border: 1px solid @input-checkbox-border-color;
    background-color: @input-checkbox-bgcolor;
}

/*.chkBx input[type="checkbox"]:checked*/
input[type="checkbox"]:checked {
    background-color: @input-checkbox-checked-bgcolor;
    border: 1px solid @input-checkbox-checked-border-color;
}

/*.chkBx input[type="checkbox"]:focus*/
input[type="checkbox"]:focus {
    outline: none;
}

/*.chkBx input[type="checkbox"]:active*/
input[type="checkbox"]:active {
    /*border: .1rem solid #0074D9;*/
    border: 1px solid @input-checkbox-checked-border-color;
}

/*.chkBx input[type="checkbox"]:disabled*/
input[type="checkbox"]:disabled {
    cursor: not-allowed;
    background-color: @input-checkbox-disabled-bgcolor;
    /*border: .1rem solid #ebeef0;*/
    border: 1px solid @input-checkbox-disabled-border-color;
    /*color: #c3cfd8;*/
}

/*.error .chkBx input[type="checkbox"]*/
.error input[type="checkbox"] {
    border-color: @input-checkbox-error-border-color;
}

/*.chkBx input[type="checkbox"]:checked:after*/
input[type="checkbox"]:checked:after {
    width: 10px !important;
    height: 10px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    top: 1px;
    left: 1px;
    content: '';
    position: absolute;
    background-image: @input-checkbox-checked-background-image;
}

input[type="radio"] {
			background: none;
			width: 14px !important;
			height: 14px !important;
			background-color: @input-radio-bgcolor;
			border: 1px solid @input-radio-border-color;
			transform: rotate(360deg);
			border-radius: 100% 100% 100% 100%;
		}

input[type="radio"]:checked {
    border: 1px solid @input-radio-checked-border-color;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type=checkbox]::-ms-check {
        border: 1px solid @input-checkbox-border-color;
        background-color: @input-checkbox-bgcolor;
    }

    input[type=checkbox]:checked::-ms-check {
        border: 1px solid @input-checkbox-checked-border-color;
        background: @input-checkbox-checked-bgcolor;
        color: @input-checkbox-checked-icon-color;
    }

    input[type="checkbox"]:disabled::-ms-check {
        cursor: not-allowed;
        background-color: @input-checkbox-disabled-bgcolor;
        border: 1px solid @input-checkbox-disabled-border-color;
    }

    input[type=radio]::-ms-check {
        border: 1px solid @input-radio-border-color;
    }

    input[type=radio]:checked::-ms-check {
        border: 1px solid @input-radio-checked-border-color;
        background: @input-radio-checked-bgcolor;
        color: @input-radio-checked-color;
    }
}

input[type="radio"]:checked:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 2px;
    border: 1px solid @input-radio-checked-border-color;
    background: @input-radio-checked-color;
    border-radius: 100% 100% 100% 100%;
}

/*.chkBx input[type="checkbox"]:disabled:checked:after*/
input[type="checkbox"]:disabled:checked:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E");
}

label {
    display: block;
    font-weight: normal;
}

.NewUIStyle label {
    color: #31373d;
}

label.error,
.error label {
    color: #FF4136;
}


.input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group .append {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 2.4rem;
    padding: .5rem 1rem;
    border-radius: .3rem;
    color: @input-group-button-font-color;
    border: .1rem solid @input-group-button-border-color;
    background-color: @input-group-button-bgcolor;
}


.input-group select:first-child,
.input-group input:first-child,
.input-group .append:first-child,
.input-group .button:first-child,
.input-group button:first-child {
    border-left-width: .1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group select:last-child,
.input-group input:last-child,
.input-group .append:last-child,
.input-group .button:last-child,
.input-group button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group select:not(:first-child):not(:last-child),
.input-group input:not(:first-child):not(:last-child),
.input-group .append:not(:first-child):not(:last-child),
.input-group .button:not(:first-child):not(:last-child),
.input-group button:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group .button,
.input-group button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.side-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.side-elements label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem 0 0;
    white-space: nowrap;
}

.side-elements button,
.side-elements .button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1rem;
}

.floating-label {
    position: relative;
    top: 0;
    z-index: 2;
    opacity: 0;
    margin: 0;
}


/* Tags
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tag {
    position: relative;
    display: inline-block;
    border-radius: .3rem;
    margin-right: .5rem;
    padding: 0 1rem;
    line-height: 2.7rem;
    vertical-align: middle;
}

.tag.pending {
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-position: .7rem .7rem;
}

.tag.remove, .tag.collapsable {
    white-space: nowrap;
    padding-left: 1.0rem;
    padding-right: 3.5rem;
}

.tag.remove a, .tag.collapsable a {
    position: absolute;
    top: 0;
    right: 0;
    width: .9rem;
    height: 2.5rem;
    margin: .1rem;
    padding: 0 .8rem;
    background-size: 9px 9px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E");
}

.tag.collapsable {
    box-shadow: inset 0 0 0 0.1rem rgba(0, 0, 0, 0.15);
}

.tag.collapsable a {
    margin-left: .7rem;
    border-left: 0.1rem solid rgba(0, 0, 0, 0.15);
}

.tag.collapsable a:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.tag.blue {
    background-color: #cae9f7;
    color: #3e89b5;
}

.tag.green {
    background-color: #b2d86a;
    color: #4d684b;
}

.tag.yellow {
    background-color: #ffe477;
    color: #6f4f26;
}

.tag.red {
    background-color: #ff9797;
    color: #8c2929;
}

.tag.grey {
    background-color: #ebeef0;
    color: #798c9c;
}

.tag.lightblue {
    background-color: #e9f3ff;
    color: #647f9e;
}

.tag.orange {
    background-color: #fec97d;
    color: #7f3a07;
}

.tag.blue.pending {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(62,137,181)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

.tag.green.pending {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(77,104,75)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

.tag.yellow.pending {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(111,79,38)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

.tag.red.pending {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(140,41,41)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

.tag.grey.pending {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

.tag.lightblue.pending {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(100,127,158)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

.tag.orange.pending {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(127,58,7)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Tabs
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: .3rem .3rem 0 0;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    background-color: #f5f6f7;
    box-shadow: inset 0 -.1rem 0 #ebeef0;
}

.tabs li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .5rem;
}

.tabs li a {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    text-align: center;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-right: .1rem solid #ebeef0;
    border-bottom: .1rem solid #ebeef0;
    background-color: rgba(0, 0, 0, 0.05);
}

.tabs li a:hover {
    outline: none;
    text-decoration: none;
    background-color: #fafbfc;
}

.tabs li a:first-child {
    border-top-left-radius: .3rem;
}

.tabs li.active a, .tabs li:first-child:last-child a {
    cursor: default;
    text-decoration: none;
    background-color: #fff;
    color: #31373d;
    border-bottom-color: #fff;
}

.tabs li.active:first-child a {
    border-top-left-radius: .3rem;
}

.tabs li.active:last-child a {
    border-top-right-radius: .3rem;
}

/* Notice Banners
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 1.5rem;
    margin: -2.0rem -2.0rem 4.0rem -2.0rem;
    padding-left: 6.0rem;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-position: 1.8rem 1.5rem;
    text-align: left;
    color: @noticebanners-alert-font-color;
    background-color: @noticebanners-alert-bgcolor;
    border: 0.1rem solid @noticebanners-alert-border-color;
    background-image: @noticebanners-alert-bgimage;
}

.alert .close {
    position: absolute;
    top: 1.0rem;
    right: 1.0rem;
    opacity: .25;
    width: 1.2rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-image: @noticebanners-alert-close-bgimage;
}

.alert .close:hover {
    opacity: .5;
}

.alert dl {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin: 0;
}

.alert dl dt {
    font-size: 110%;
    line-height: 120%;
    font-weight: 600;
    margin: 0;
}

.alert dl dd {
    line-height: 1.4;
    margin: 1.0rem 0 0 0;
    color: rgba(49, 55, 61, 0.85);
}

.alert a {
    text-decoration: underline;
    color: @noticebanners-alert-link-font-color;
}

.alert a:hover {
    text-decoration: none;
    color: @noticebanners-alert-link-hover-font-color;
}

.alert .button,
.alert button,
.alert input[type="submit"],
.alert input[type="reset"],
.alert input[type="button"] {
    text-decoration: none;
    width: 100%;
    margin-top: 2.0rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: @noticebanners-alert-button-font-color;
    border-color: @noticebanners-alert-button-border-color;
    background: @noticebanners-alert-button-bgcolor;
}

.alert.notice {
    background-color: @noticebanners-alert-notice-bgcolor;
    background-image: @noticebanners-alert-notice-bgimage;
}

.alert.notification {
    background-color: @noticebanners-alert-notification-bgcolor;
    background-image: @noticebanners-alert-notification-bgimage;
}

.alert.success {
    background-color: @noticebanners-alert-success-bgcolor;
    background-image: @noticebanners-alert-success-bgimage;
}

.alert.warning {
    background-color: @noticebanners-alert-warning-bgcolor;
    background-image: @noticebanners-alert-warning-bgimage;
}

.alert.error {
    background-color: @noticebanners-alert-error-bgcolor;
    background-image: @noticebanners-alert-error-bgimage;
}

.alert .button:hover, .alert .button:focus,
.alert button:hover,
.alert button:focus,
.alert input[type="submit"]:hover,
.alert input[type="submit"]:focus,
.alert input[type="reset"]:hover,
.alert input[type="reset"]:focus,
.alert input[type="button"]:hover,
.alert input[type="button"]:focus {
    background-color: @noticebanners-alert-button-hover-bgcolor;
    border-color: @noticebanners-alert-button-hover-border-color;
    color: @noticebanners-alert-button-hover-font-color !important;
}

/* Tips
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tip {
    display: inline;
    position: relative;
}

.tip:hover {
    text-decoration: none;
}

.tip:hover:before {
    /*border: solid;
    border-width: .6rem .6rem 0 .6rem;
    bottom: 2.0rem;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 99;*/
    border-color: #333 transparent;
}

.tip:hover:after {
    /*border-radius: .3rem;
    bottom: 2.5rem;
    content: attr(data-hover);
    font-size: 1.4rem;
    line-height: 2.0rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: .5rem 1.5rem;
    position: absolute;
    z-index: 98;
    width: auto;
    white-space: nowrap;
    text-align: left;*/
    background-color: #333;
    color: #fff;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.NewUIStyle header {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    z-index: 10;
    background-color: @header-bgcolor;
    /*border: 0;*/
    border-bottom: 5px solid @header-border-color;
}

.NewUIStyle #header{
    border-bottom: none !important;
}


.NewUIStyle header .logo {
    display: inline-table;
    vertical-align: middle;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.NewUIStyle header .logo img {
    display: block;
    width: 100%;
    height: auto;
}

.NewUIStyle header .logo:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.NewUIStyle header .containerNewUI {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    background-color: @header-bgcolor;
}

.NewUIStyle header .containerNewUI + .containerNewUI { /* Styles for header menu */
    border-top: @header-border;
    box-shadow: @header-boxshadow;
    background-color: @header-menu-bgcolor; /*Configure the background color of quick links displayed in header */
}

nav {
    vertical-align: middle;
    margin-left: 0.5rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*margin-left: 1.5rem;*/
}

nav a {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2.0rem;
    color: @quickmenulinks-font-color;
}

nav a:hover {
    text-decoration: none;
    color: @quickmenulinks-font-hover-color;
}

nav#nav-account {
    margin-left: 1.5rem;
    display: inline-table;
}

nav#nav-account a {
    position: relative;
    padding: 0 1.6rem;
    margin-right: 1.0rem;
}

nav#nav-account a:after {
    display: none;
}

nav#nav-account a:last-child {
    margin-right: 0;
}

nav#nav-account a.active {
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
}

nav#nav-account a.active:after {
    display: none;
}

nav#nav-account a.profile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    color: @header-usergreetings-font-color; /*#084e8a;*/ /* Color of the font displayed for user greetings in header - configure based on the background color of header */
}

nav#nav-account a.has-arrow:after {
    content: '';
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0;
    height: 0;
    top: 0.6rem;
    right: .5rem;
    border-top: .4rem solid transparent;
    border-bottom: .4rem solid transparent;
    border-left: 0.4rem solid white;
}

nav#nav-account a:hover:after {
    right: 0;
    opacity: .8;
}

nav#nav-utility {
    float: right;
    margin-top: .5rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

nav#nav-utility a {
    margin-left: 0.5rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 1.5rem;
}

nav#nav-utility a:first-child {
    margin-left: 0;
    border-color: transparent;
}

nav#nav-utility a.utility-settings, nav#nav-utility a.utility-help {
    text-indent: 0 !important;
    overflow: visible !important;
    width: 3.5rem;
    height: 3.0rem;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1 !important;
}

nav#nav-utility a.utility-settings:hover, nav#nav-utility a.utility-help:hover {
    opacity: 1;
}

nav#nav-utility a.utility-settings { /* Configure Settings(gear icon) image in header to match with header background*/
    background-size: auto 1.5rem;
    margin-right: 22px;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 61.99'%3E%3Ctitle%3Eicon-user%3C/title%3E%3Cpath d='M52,48h0a3,3,0,0,1-3,3H-9a3,3,0,0,1-3-3h0s0-10.93,8-14.9C1,30.57-.9,32.61,5.3,30A70.88,70.88,0,0,0,13,26.57l0-5.92s-2.32-1.78-3-7.35c-1.46.42-1.94-1.71-2-3.07s-.84-5.39.93-5a37.32,37.32,0,0,1-.5-6.5c.45-4.57,4.86-9.35,11.65-9.7,8,.35,11.15,5.12,11.59,9.7a35.69,35.69,0,0,1-.52,6.49c1.78-.36,1,3.72.92,5s-.57,3.47-2,3C29.29,18.86,27,20.62,27,20.62L27,26.51s1.46.84,7.67,3.41S39,30.57,44,33.09c8,4,8,14.9,8,14.9Z' transform='translate(12 10.99)' fill='%23808080' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: @header-settings-icon;
}

nav#nav-utility a.utility-help { /* Configure Help image in header to match with header background*/
    background-size: auto 1.3rem;
    margin-right: 15px;
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032.39%2049%22%3E%3Cpath%20d%3D%22M42.68%2C62.29A1.71%2C1.71%2C0%2C0%2C1%2C41%2C64H32.83a1.71%2C1.71%2C0%2C0%2C1-1.71-1.71V54.17a1.71%2C1.71%2C0%2C0%2C1%2C1.71-1.71H41a1.71%2C1.71%2C0%2C0%2C1%2C1.71%2C1.71Zm3.81-23.81c-3.31%2C2.16-4.29%2C4-4.4%2C8.29a.85.85%2C0%2C0%2C1-.85.83H32.47a1.53%2C1.53%2C0%2C0%2C1-.85-.85V43.26c0-3.66%2C2-6.87%2C6-9.84.32-.22%2C3.36-2.21%2C3.36-5a3.85%2C3.85%2C0%2C0%2C0-4.17-3.87c-3.5%2C0-5.45%2C1.75-5.63%2C5.1a.86.86%2C0%2C0%2C1-.85.8H21.16a.86.86%2C0%2C0%2C1-.62-.27.84.84%2C0%2C0%2C1-.23-.63C20.78%2C20.32%2C26.81%2C15%2C36.86%2C15c7.62%2C0%2C15.82%2C4.13%2C15.82%2C13.21C52.68%2C34.29%2C51.3%2C35.44%2C46.49%2C38.48Z%22%20transform%3D%22translate(-20.3%20-15)%22%20fill%3D%22rgba(0%2C122%2C206%2C1)%22%2F%3E%3C%2Fsvg%3E%0A");*/
    background-image: @header-help-icon;
}

nav#nav-utility a.utility-settings span {
    margin-left: 30px;
}

nav#nav-utility a.utility-help span {
    margin-left: 25px;
}

nav#nav-utility a.utility-logout {
    font-weight: bold;
    border-radius: 2px;
    padding: .5rem 1.5rem;
    margin-left: 1.5rem;
    background-color: @header-logout-button-bgcolor;
    color: @header-logout-button-font-color !important;
}

nav#nav-shortcuts {
    font-weight: bold;
}

nav#nav-shortcuts a {
    margin-right: 3.0rem;
    color: @quickmenulinks-font-color;
}

nav#nav-shortcuts #shortcuts-menu {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    /* Configure hamburger image in left menu - Change the fill property based on the header background color */
    background-image: @leftmenu-icon-image;
}

nav#nav-shortcuts #shortcuts-menu:hover {
    opacity: 1 !important;
}

nav#nav-shortcuts #shortcuts-menu.close { /* Close Image in left menu - Change the fill value to match with header background */
    background-size: 20px 20px;
    background-image: @leftmenu-close-icon-image;
}

nav#nav-account #divCustomHeader span {
    color: @customheader-link-font-color !important;
    font-weight: bold;
}

nav#nav-shortcuts a#shortcuts-menu span {
    margin-left: 3rem;
    color: @header-menutext-font-color !important; /*Configure color of menu icon text*/
}

nav#nav-shortcuts a#shortcuts-menu {
    width: 25px;
    margin-right: 6rem;
    color: transparent; /* Color of the links displayed in quick menu */
}

.dimmer {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: -520px;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    background-color: @leftmenu-dimmer-background-color; /* Dimmer background color when side menu list is open */
}

.dimmer.open {
    opacity: 1;
    z-index: 10;
}

#SideMenuDiv {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    height: auto;
}

#services-menu.open {
    visibility: visible;
    /*right: 17px !important;*/
}

#services-menu {
    display: block;
    visibility: hidden;
    /*position: fixed;*/
    left: 0;
    right: 0;
    z-index: 5;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 1.4rem !important;
    /*height: 100%;*/
    top: 0;
    bottom: 0;
    position: absolute;
    /*width: 100vw;*/
    height: 100vh;
    /*overflow: hidden;*/
}

#services-menu .services-menu-level {
    position: absolute;
    left: 0;
    /*height: 100%;*/
    /*height: calc(~"100% - 95px");*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 256px;
    padding-bottom: 25px;
    /*padding-bottom: 130px;*/
    z-index: 20;
    /*-webkit-transform: translateX(-256px);
    transform: translateX(-256px);*/
    -webkit-transform: translateX(-256px);
    transform: translateX(-256px);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    background: @leftmenu-list-background-color; /* left menu list background color */
}


#services-menu .services-menu-level.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#services-menu .services-menu-level.parent-level h6:first-child {
    margin-top: 3.0rem;
}

#services-menu .back {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 1.5rem;
    font-size: 1.4rem;
    /* Back link color used in left menu list */
    background: @leftmenu-list-back-link-background-color;
    color: @leftmenu-list-back-link-font-color;
}

#services-menu .back:hover {
    color: @leftmenu-list-back-link-hover-font-color;
}

#services-menu h6 {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0 1.5rem 1.5rem 1.5rem;
    margin: 3.0rem 0 0 0;
    text-transform: none;
    letter-spacing: 0;
    border-bottom: @leftmenu-groups-border-bottom; /* Border of side menu groups - header*/
}

#services-menu ul {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

#services-menu ul dl dt {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#services-menu ul dl dd:last-child {
    text-align: right;
}

#services-menu ul dl dd {
    padding: 0;
    margin: 0;
    float: left;
    width: 50%;
}

#services-menu ul li {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0.35rem 1.5rem;
    margin: 0;
    border-bottom: @leftmenu-links-border-bottom; /* Border of side menu links*/
}

#services-menu ul li a {
    display: inline-block;
    width: 100%;
    padding: 0.5rem 0;
}

#services-menu ul li a .indicator { /* Styles for side menu indicators*/
    display: inline-block;
    padding: 0.25em 0.5rem;
    border-radius: 1.0rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: @leftmenu-indicator-background-color; /*#FF4136;*/
    color: @leftmenu-indicator-font-color;
}

#services-menu ul li a .icon-next {
    float: right;
    margin-top: 0.2rem;
    background-size: 12px 12px;
    opacity: .25;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

#services-menu ul li a:hover .icon-next {
    margin-right: -0.5rem;
    opacity: .5;
}

.services-menu-level a {
    color: @leftmenu-link-color !important; /*left menu links color*/
}
/* Section: Mobile Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#mobile-header-menu {
    display: none;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 1.0rem;
    top: 1.7rem;
    background-image: url(../../Images/NewDashboard/icon-menu.svg);
}

#mobile-header-menu.close {
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(255,255,255)' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E");
}

#mobile-menu {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 4;
    background: #336699;
}

#mobile-menu a {
    float: left;
    width: 20%;
    text-align: center;
    text-decoration: none;
    padding: 4rem 0 0.5rem;
    box-sizing: border-box;
    font-size: 1.1rem;
    background-repeat: no-repeat;
    background-position: top 10px left 50%;
    background-size: 24px 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

#mobile-menu a:last-child {
    border-right: 0;
}

#mobile-menu a.nav-quickpay {
    background-size: 28px 28px;
    background-image: url(../../Images/NewDashboard/icon-quickpay.svg);
}

#mobile-menu a.nav-dashboard {
    background-image: url(../../Images/NewDashboard/icon-dashboard.svg);
}

#mobile-menu a.nav-accounts {
    background-image: url(../../Images/NewDashboard/icon-accounts.svg);
}

#mobile-menu a.nav-transfers {
    background-image: url(../../Images/NewDashboard/icon-transfers.svg);
}

#mobile-menu a.nav-billpay {
    background-image: url(../../Images/NewDashboard/icon-billpay.svg);
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footerDiv .container {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 12px;
    padding: 1.5rem 2rem;
    margin-top: 2rem;
    clear: left;
}



footer ul li a, .footerDiv ul li a {
    text-decoration: none;
    color: @footer-link-color !important;
}

footer ul li a:hover, .footerDiv ul li a:hover {
    text-decoration: none;
    color: @footer-link-hover-color !important;
}

footer p {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
}

.footerlinkscss {
    text-decoration: none !important;
    color: @footer-link-color !important;
}

.footerlinkscss:hover {
    color: @footer-link-hover-color !important;
}

.footerlinkscss.dashboard {
    color: @footer-link-color !important;
}

.footer, .footerDiv {
    border-top: 3px solid #637381 !important;
    color: #212B35 !important;
}

/* Zero State
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.zero-state {
    padding-top: 5.0rem;
    text-align: center;
    box-sizing: border-box;
    min-height: 400px;
}

.zero-state h1 {
    width: 100%;
    font-size: 3.2rem;
    font-weight: normal;
    margin-bottom: 1.8rem;
}

.zero-state h1 + h3 {
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.0rem;
    margin-bottom: 5.0rem;
    margin-bottom: 5.0rem;
    color: #707070;
}

.zero-state article {
    display: block;
}

.modal {
    padding: 0;
    border-radius: 3px !important;
}

.modal-container .icon-close {
    float: right;
    text-indent: -100rem;
    overflow: hidden;
    margin: 1.5rem;
}

.modal-container h6 {
    padding: 1.5rem;
    margin: 0;
}

.modal-container .row:last-child {
    margin: 0;
}

.modal.modal-container {
    padding: 0;
    border-radius: 3px !important;
}

.modal.modal-container .modal-container-inner {
    padding: 1.5rem;
}

.modal.modal-container .icon-close {
    float: right;
    text-indent: -100rem;
    overflow: hidden;
}

.modal.modal-container h6 {
    padding: 0 0 1.5rem 0;
    margin: 0;
}

.modal.modal-container dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}

.modal.modal-container dl dt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 0;
}

.modal.modal-container dl dd {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    text-align: right;
}

.modal.modal-container ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.modal.modal-container ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: .5rem 0;
    border-bottom: @popup-container-listitems-border-bottom;
}

.modal.modal-container ul li:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.modal.modal-container .row {
    margin-top: 15px;
}

.modal.modal-container > button,
.modal.modal-container > .button,
.modal-container-inner > .PopupButton {
    margin-top: 1.5rem;
    text-align: center;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.popupModal.modal-container {
    padding: 0;
    border-radius: 3px !important;
}

/*.popupModal.modal-container .modal-container-inner {
    padding: 1.5rem;
}*/

.popupModal.modal-container .icon-close {
    float: right;
    text-indent: -100rem;
    overflow: hidden;
}

.popupModal.modal-container h6 {
    margin: 0;
}

.popupModal.modal-container dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}

.popupModal.modal-container dl dt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 0;
}

.popupModal.modal-container dl dd {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    text-align: right;
}

.popupModal.modal-container ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.popupModal.modal-container ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: .5rem 0;
    border-bottom: 1px solid @dashboard-popup-listitem-border-bottom-color;
    .WrapTextCommon;
}

.popupModal.modal-container ul li:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.popupModal.modal-container .row {
    margin-top: 15px;
}

.popupModal.modal-container > button,
.popupModal.modal-container > .button {
    margin-top: 1.5rem;
    text-align: center;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*********************************************************
Banner - under header
**********************************************************/
#banner-blocks + #dashboard {
    border-top: 0;
    padding-top: 0;
}

#banner-blocks {
    padding: 0;
    border-top: 0;
    line-height: 0;
}

/*#banner-blocks a {
    display: inline-block;
    width: 100%;
    min-height: 100px;
    max-height: 175px;
    margin: 0;
    transition: all ease .3s;
}

#banner-blocks a p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

#banner-blocks a h2 {
    margin: 0 0 10px 0;
    font-weight: 700;
}

#banner-blocks a h3 {
    font-weight: 300;
}*/

#banner-blocks .bannerAdsBlock {
    display: inline-block;
    width: 100%;
    min-height: 100px;
    max-height: 175px;
    margin: 0;
    transition: all ease .3s;
}

#banner-blocks .bannerAdsBlock p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

#banner-blocks .bannerAdsBlock h2 {
    margin: 0 0 10px 0;
    font-weight: 700;
}

#banner-blocks .bannerAdsBlock h3 {
    font-weight: 300;
}

#banner-blocks .banner-offer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#banner-blocks .banner-news {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


#banner-blocks .banner-news p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    opacity: .65;
}

#banner-blocks .banner-offer a {
    color: #fff;
}

#banner-blocks .banner-offer a h2, #banner-blocks .banner-offer a h3, #banner-blocks .banner-offer a p {
    color: #fff;
}

#banner-blocks .banner-points a {
    color: #fff;
}

#banner-blocks .banner-points a h2, #banner-blocks .banner-points a h3, #banner-blocks .banner-points a p {
    color: #fff;
}

#banner-blocks .banner-loyalty {
    background-color: rgba(61, 153, 112, 0.25);
}

#banner-blocks .banner-loyalty a {
    color: #000;
}

#banner-blocks .banner-loyalty a h2, #banner-blocks .banner-loyalty a h3, #banner-blocks .banner-loyalty a p {
    color: #000;
}

#banner-blocks .banner-news a {
    color: #fff;
}

#banner-blocks .banner-news a h2, #banner-blocks .banner-news a h3, #banner-blocks .banner-news a p {
    color: #fff;
}

input.datepicker {
    background-repeat: no-repeat;
    background-position: top 6px right 6px;
    background-size: 20px 20px;
    background-image: @dashboard-datepicker-icon;
}

.datepicker {
    position: relative;
    width: 100%;
    background: #fff;
}

.datepicker tr:after,
.datepicker tr:before,
.datepicker th:after,
.datepicker th:before,
.datepicker td:after,
.datepicker td:before {
    display: none !important;
}

.ui-datepicker {
    display: none;
    z-index: 99999999999 !important;
    background: @dashboard-datepicker-bgcolor;
    -webkit-box-shadow: @dashboard-datepicker-boxshadow;
    box-shadow: @dashboard-datepicker-boxshadow;
}

.ui-datepicker-inline {
    margin: 0;
    padding-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    color: #333;
}

.ui-datepicker-calendar {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    cursor: pointer;
    text-align: center !important;
    padding: 5px !important;
    height: 10px !important;
    width: 10px !important;
    background-color: @dashboard-datepicker-bgcolor;
    border: 1px solid @dashboard-datepicker-border-color;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable,
.ui-datepicker-calendar th.ui-datepicker-unselectable {
    background: rgba(0, 0, 0, 0.05);
}

.ui-datepicker-header {
    border-bottom: 0;
    border: 1px solid @dashboard-datepicker-border-color;
}

.ui-datepicker-title {
    text-align: center;
    padding: 10px;
}

.ui-datepicker-prev {
    float: left;
    padding: 10px;
}

.ui-datepicker-next {
    float: right;
    padding: 10px;
}

.ui-icon {
    cursor: pointer;
}

.ui-state-disabled {
    opacity: .5;
}

/*********Dashboard styles********/

#dashboard-marketing + #dashboard {
    border-top: 0;
    padding-top: 0;
}

#dashboard-marketing {
    padding: 0;
    border-top: 0;
    background-color: #000;
}

#dashboard-marketing a {
    display: inline-block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2.0rem;
    margin: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    background-image: url(/../Images/NewDashboard/marketing-block.jpg);
    color: #fff;
}

#dashboard-marketing h1 {
    text-transform: uppercase;
    margin: 0;
    font-size: 3.6rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

#dashboard-marketing h2 {
    margin: 1.0rem 0;
    font-size: 2.8rem;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

#dashboard-marketing h3 {
    margin: 0;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

#dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.column.three, .column.four {
    padding-right: 2%;
}

.widget {
    display: inline-block;
    position: relative;
    width: 100%;
}

.widget .widget-container > h4,
.widget > h4 {
    margin: 0;
    padding-bottom: 1.0rem;
    font-weight: 600;
}

.widget .widget-container > h4 i,
.widget > h4 i {
    opacity: .25;
}

.widget .widget-action {
    float: right;
    display: inline-block;
    text-align: center;
}

.widget .widget-action.viewtype {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: normal;
    margin: 0 0 0 1.25rem;
    padding: 0 1.25rem;
    border-left: @dashboard-activity-link-border-left;
    border-right: @dashboard-activity-link-border-right;
}

.widget .widget-action.activity {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: normal;
    margin: 0 0.75rem 0 0;
    padding: 0 1.25rem;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.widget .widget-action.settings {
    background-size: auto 1.5rem;
    text-indent: -100rem;
    overflow: hidden;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    height: 25px;
    background-image: @activity-settings-link-background-image;
}

.widget .widget-action.settings:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.widget .widget-action.print {
    background-size: auto 1.5rem;
    text-indent: -100rem;
    overflow: hidden;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all ease 0.3s;
    background-image: @dashboard-print-icon;
}

.widget .widget-action.print:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.widget .widget-action.help {
    background-size: auto 1.2rem;
    background-image: url(/../Images/NewDashboard/icon-question.svg);
}

.widget .widget-action1 {
    float: right;
    margin-left: 1.5rem;
    text-indent: -100rem;
    overflow: hidden;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.widget .widget-action1:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.widget .widget-action1.settings {
    background-size: auto 1.5rem;
}

.widget .widget-action1.print {
    background-size: auto 1.5rem;
}

.widget .widget-action1.help {
    background-size: auto 1.2rem;
}

.accounts-action {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.accounts-action h4 {
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.accounts-action .icon-close {
    width: auto;
    padding-left: 2.0rem;
    float: right;
    margin: 0.5rem;
    background-position: left;
    line-height: 1.6rem;
}

.accounts-action .cta label {
    width: auto;
    display: inline-block;
    margin-left: 1.5rem;
}

.account-services,
.account-holds {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
}

.account-services .hold-container,
.account-holds .hold-container {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.account-services.show,
.account-holds.show {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.account-services .icon-prev,
.account-holds .icon-prev {
    float: left;
    text-indent: -10.0rem;
    overflow: hidden;
    margin: .4rem 1.5rem 0 0;
}

.account-services ul,
.account-holds ul {
    margin-left: 6.0rem;
}

.account-services .hold,
.account-holds .hold {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: .5rem 0 .5rem 3.0rem;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.account-services .hold:last-child,
.account-holds .hold:last-child {
    margin-bottom: 5.0rem;
}

.account-services .hold dt,
.account-holds .hold dt {
    margin: 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.account-services .hold dd,
.account-holds .hold dd {
    box-sizing: border-box;
    margin: 0;
    padding: 0 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
}

.account-services .total,
.account-holds .total {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: right;
    padding: 1.0rem 1.5rem;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.025);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.account-services .total dt,
.account-holds .total dt {
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.account-services .total dd,
.account-holds .total dd {
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: bold;
}

.widget-accordion {
    list-style: none;
    margin: 0;
}

.widget-accordion .widget-accordion-content {
    display: none;
}

#widget-activity-prev {
    margin-top: 3.0rem;
}

#widget-activity-prev .last-login {
    padding: 0.75rem 0;
}

#widget-activity-prev,
#widget-activity-next,
#widget-activity-transx {
    margin-bottom: 4.5rem;
}

#widget-activity-prev .view-all,
#widget-activity-next .view-all,
#widget-activity-transx .view-all {
    margin-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.2rem;
}

#widget-activity-prev .transx-detail,
#widget-activity-prev .activity-detail,
#widget-activity-next .transx-detail,
#widget-activity-next .activity-detail,
#widget-activity-transx .transx-detail,
#widget-activity-transx .activity-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.5rem 0;
}


#widget-activity-prev dl,
#widget-activity-next dl,
#widget-activity-transx dl {
    margin: 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-left: 1.5rem;
    .WrapTextCommon;
}

#widget-activity-prev dl dt,
#widget-activity-next dl dt,
#widget-activity-transx dl dt {
    margin: 0;
}

#widget-activity-prev dl dt.description,
#widget-activity-next dl dt.description,
#widget-activity-transx dl dt.description {
    margin-bottom: 0;
    color: #333;
}

#widget-activity-prev dl dt.account,
#widget-activity-next dl dt.account,
#widget-activity-transx dl dt.account {
    font-size: 1.2rem;
    margin-bottom: 0;
}

#widget-activity-prev dl dd,
#widget-activity-next dl dd,
#widget-activity-transx dl dd {
    margin: 0;
    font-weight: bold;
    display: flex;
}

#widget-activity-prev dl dd .status,
#widget-activity-next dl dd .status,
#widget-activity-transx dl dd .status {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: @activity-details-status-font-color;
}

#widget-activity-prev dl dd .amount,
#widget-activity-next dl dd .amount,
#widget-activity-transx dl dd .amount {
    font-size: 1.6rem;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

#widget-activity-prev .date,
#widget-activity-next .date,
#widget-activity-transx .date {
    display: inline-block;
    width: 100%;
    max-width: 50px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    padding-left: 0;
    /*min-width: 50px;*/
    color: @activity-details-date-font-color;
}

#widget-activity-prev .date dt,
#widget-activity-next .date dt,
#widget-activity-transx .date dt {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold !important;
    border: @activity-details-date-month-border;
    background-color: @activity-details-date-month-background-color;
    color: @activity-details-date-month-font-color;
}

#widget-activity-prev .date dd,
#widget-activity-next .date dd,
#widget-activity-transx .date dd {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0;
    margin: 0;
    font-size: 24px;
    line-height: 24px;
    padding: 10px 0;
    font-weight: normal;
    border: @activity-details-date-day-border;
    background-color: @activity-details-date-day-background-color;
}

#widget-activity-prev > ul,
#widget-activity-next > ul,
#widget-activity-transx > ul {
    border-top: @activity-container-border-top;
}

#widget-activity-prev > ul > li,
#widget-activity-next > ul > li,
#widget-activity-transx > ul > li {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    font-size: 1.2rem;
    color: @dashboard-activity-listitem-font-color;
}

#widget-activity-prev > ul > li > a,
#widget-activity-next > ul > li > a,
#widget-activity-transx > ul > li > a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    padding: 0.75rem 0;
}

#widget-activity-prev > ul > li > a:after, #widget-activity-prev > ul > li > a:before,
#widget-activity-next > ul > li > a:after,
#widget-activity-next > ul > li > a:before,
#widget-activity-transx > ul > li > a:after,
#widget-activity-transx > ul > li > a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    opacity: .5;
}

#widget-activity-prev > ul > li > a:after,
#widget-activity-next > ul > li > a:after,
#widget-activity-transx > ul > li > a:after {
    top: 1.5rem;
    right: 1.2rem;
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-top: .4rem solid @dashboard-activity-openclose-icon-color;
}

#widget-activity-prev > ul > li > a.open:after,
#widget-activity-next > ul > li > a.open:after,
#widget-activity-transx > ul > li > a.open:after {
    display: none;
}

#widget-activity-prev > ul > li > a.open:before,
#widget-activity-next > ul > li > a.open:before,
#widget-activity-transx > ul > li > a.open:before {
    top: 1.4rem;
    right: 1.2rem;
    opacity: .25;
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-bottom: .4rem solid @dashboard-activity-openclose-icon-color;
}

#dashboard-accountsummary {
    margin: 0;
}

#dashboard-accountsummary h4 {
    padding: 0 2.0rem 2.0rem 2.0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#dashboard-accountsummary h4 * {
    vertical-align: middle;
}

#widget-accountsummary {
    margin-top: 3.0rem;
    margin-bottom: 4.5rem;
    padding: 0;
    position: relative;
}

/*Responsive UI - Begin*/
#widget-accountsummary .accountsummary-container {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0 2rem;
}

#widget-accountsummary .accountsummary-container .accountitle {
    position: relative;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4.5rem;
}

#widget-accountsummary .accountsummary-container .accountitle:first-of-type {
    margin-top: 0;
}

#widget-accountsummary .accountsummary-container .accountitle dt {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    background: #fff;
    color: #454F5B;
}

#widget-accountsummary .accountsummary-container .accountitle dd {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 1rem;
    margin: 0;
    background: #fff;
    color: #454F5B;
}

#widget-accountsummary .accountsummary-container .account {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 0.5rem;
    border-radius: 3px;
}

#widget-accountsummary .accountsummary-container .account *:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#widget-accountsummary .accountsummary-container .account *:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#widget-accountsummary .accountsummary-container .account > a {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: .5rem 1.0rem .5rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1919;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color .3s ease;
}

#widget-accountsummary .accountsummary-container .account > a:hover {
    background: #EBF5FA;
}

#widget-accountsummary .accountsummary-container .account > a:first-of-type dl:last-of-type {
    margin-right: 4.0rem;
}

#widget-accountsummary .accountsummary-container .account > a h1 {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.6rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 0;
}

#widget-accountsummary .accountsummary-container .account > a h1 span {
    font-weight: normal;
}

#widget-accountsummary .accountsummary-container .account > a dl {
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    text-align: right;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
}

#widget-accountsummary .accountsummary-container .account > a dl dt {
    margin: 0;
    padding: 0;
}

#widget-accountsummary .accountsummary-container .account > a dl dt .icon-flag {
    text-indent: -100rem;
    overflow: hidden;
}

#widget-accountsummary .accountsummary-container .account > a dl dd {
    margin: 0;
    padding: 0;
    font-weight: 600;
}


#widget-accountsummary .accountsummary-container .account > a dl dd.negative {
    color: @dashboard-accountsummary-account-link-negative-font-color;
}

#widget-accountsummary .accountsummary-container .account > a dl dd.positive {
    color: @dashboard-accountsummary-account-link-positive-font-color;
}

#widget-accountsummary .accountsummary-container .account .transxdate {
    min-width: 200px;
    max-width: 200px;
    padding: 0;
    text-align: right;
    border-left: 1px solid transparent;
}

#widget-accountsummary .accountsummary-container .account .transxdate dl {
    margin: 0;
    padding: 0;
    width: 100%;
}

#widget-accountsummary .accountsummary-container .account .account-action {
    width: 100%;
    min-width: 200px;
    max-width: 200px;
    padding: .5rem 1rem;
    border-left: 0;
    background: rgba(0, 0, 0, 0.025);
    color: #0074D9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color .3s ease;
}

#widget-accountsummary .accountsummary-container .account .account-action dl {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 100%;
}

#widget-accountsummary .accountsummary-container .account .account-action dl dt {
    margin: 0;
    padding: 0;
    opacity: 1;
}

#widget-accountsummary .accountsummary-container .account .account-action dl dd {
    margin: 0;
    padding: 0;
}

#widget-accountsummary .accountsummary-container .account .account-action.pastdue {
    background-color: #ED6347;
}

#widget-accountsummary .accountsummary-container .account .account-action.pastdue dt, #widget-accountsummary .accountsummary-container .account .account-action.pastdue dd {
    font-weight: 700;
    color: #fff;
}

#widget-accountsummary .accountsummary-container .account .account-action.pending {
    background-color: #FFEA8A;
}

#widget-accountsummary .accountsummary-container .account .account-action.pending dt, #widget-accountsummary .accountsummary-container .account .account-action.pending dd {
    color: #595130;
}
/*Responsive UI - End*/

#widget-accountsummary table tr {
    border: 0;
}

#widget-accountsummary table tr.table-row-heading {
    border-top: 0;
}

#widget-accountsummary table tr.action-pastdue {
    background-color: rgba(255, 65, 54, 0.1);
}

#widget-accountsummary table tr.action-pastdue .account-action {
    font-weight: bold;
    color: #ff4136;
}

#widget-accountsummary table th {
    padding: 1.0rem 0.25rem 0.25rem 0.25rem;
    font-size: 1.1rem;
    white-space: nowrap;
    text-align: right;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

#widget-accountsummary table th:first-child {
    text-align: left;
    padding-left: 2.0rem;
}

#widget-accountsummary table th:last-child {
    padding-right: 2.0rem;
}

#widget-accountsummary table th.type {
    font-weight: bold;
    text-transform: uppercase;
    color: black;
}

#widget-accountsummary table td {
    font-size: 1.2rem;
    padding: 0.5rem;
    text-align: right;
    border: 0;
    white-space: nowrap;
}

#widget-accountsummary table td:first-child {
    text-align: left;
    white-space: normal;
    padding-left: 2.0rem;
}

#widget-accountsummary table td:last-child {
    padding-right: 2.0rem;
}

#widget-accountsummary table td:last-child .current-balance {
    display: none;
}

#widget-accountsummary table td .account-action {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

#widget-accountsummary table td .account {
    font-weight: bold;
}

#widget-accountsummary table td .account span {
    font-weight: normal;
}

#widget-accountsummary #legend {
    display: none;
}

#widget-accountsummary #legend h6 {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    font-size: 1.1rem;
    opacity: .5;
}

#widget-accountsummary #legend dl {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.5rem;
    margin: 0;
    white-space: nowrap;
}

#widget-accountsummary #legend dl dt {
    clear: left;
    display: inline-block;
    margin: 0;
    text-align: left;
    min-width: 2.0rem;
}

#widget-accountsummary #legend dl dd {
    display: inline;
    margin: 0;
    font-size: 1.2rem;
    margin-right: 1.5rem;
    color: rgba(0, 0, 0, 0.5);
}

#widget-accountsummary #legend dl .account-notice {
    background-position: left;
}

#widget-accountsummary #legend dl .account-tag {
    border-radius: 2px;
    padding: 0.15rem 0.5rem;
    min-width: 1.5rem;
    text-align: center;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.25);
    background-color: rgba(0, 0, 0, 0.1);
}

#widget-accountsummary .view-account-services {
    text-indent: -100rem;
    overflow: hidden;
    width: 4.0rem;
    position: relative;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 14px;
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url(/../Images/NewDashboard/icon-cog.svg);
}

#widget-accountsummary .view-account-services:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#widget-accountsummary .account-notice {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    text-indent: 100rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url(/../Images/NewDashboard/icon-flag.svg);
}

#widget-accountsummary .account-notice:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#widget-accountsummary .account-notice.warning-1 {
    background-size: auto 18px;
    background-image: url(/../Images/NewDashboard/icon-warning-1.svg);
}

#widget-accountsummary .account-notice.warning-2 {
    background-size: auto 14px;
    background-image: url(/../Images/NewDashboard/icon-warning-2.svg);
}

#dashboard-newsoffers {
    margin-bottom: 2.0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#widget-offers h4,
#widget-news h4 {
    padding: 0 0 1.5rem 0;
    background: #fff;
}

#widget-offers ul,
#widget-news ul {
    list-style: none;
    margin: 0;
}

#widget-offers ul li,
#widget-news ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.5rem;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: rgba(0, 0, 0, 0.025);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#widget-offers ul li a,
#widget-news ul li a {
    display: inline-block;
    width: 100%;
    padding-bottom: 1.5rem;
}

#widget-offers ul .thumbnail,
#widget-news ul .thumbnail {
    display: inline-block;
    width: 100%;
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#widget-offers ul h5,
#widget-news ul h5 {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.5rem;
    margin: 1.0rem 0 0.5rem 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
}

#widget-offers ul p,
#widget-news ul p {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.5rem;
    margin: 0;
    font-size: 1.2rem;
    color: rgba(51, 51, 51, 0.5);
}

#widget-copyright {
    box-sizing: border-box;
    margin-bottom: 4.5rem;
    font-size: 1.2rem;
}

#widget-copyright ul {
    list-style: none;
    margin: 0 0 1.5rem 0;
}
/* Styles for footer links */
#widget-copyright ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.5rem;
    color: rgba(51, 51, 51, 0.5);
}

#widget-copyright ul li a {
    color: #333333;
}

#widget-copyright ul li a:hover {
    color: #0f0f0f;
}

#widget-copyright p { /* Styles for footer text*/
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.5);
}

#modal-ac-action-viewtype,
#modal-ac-action-settings,
#modal-widgets,
#modal-services,
#modal-activityprev,
#modal-activitynext,
#modal-activitytransx,
#modal-activitymore {
    padding: 0;
}

#modal-ac-action-viewtype ul,
#modal-ac-action-settings ul,
#modal-widgets ul,
#modal-services ul,
#modal-activityprev ul,
#modal-activitynext ul,
#modal-activitytransx ul,
#modal-activitymore ul {
    margin: 0 0 3.0rem 0;
    list-style: none;
}

#modal-ac-action-viewtype ul li,
#modal-ac-action-settings ul li,
#modal-widgets ul li,
#modal-services ul li,
#modal-activityprev ul li,
#modal-activitynext ul li,
#modal-activitytransx ul li,
#modal-activitymore ul li {
    padding: 0.5rem 1.5rem;
}

#modal-ac-action-viewtype button,
#modal-ac-action-settings button,
#modal-widgets button,
#modal-services button,
#modal-activityprev button,
#modal-activitynext button,
#modal-activitytransx button,
#modal-activitymore button {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#modal-ac-action-viewtype h6 {
    padding-bottom: 0;
}

#modal-activityprev .row.duration,
#modal-activitynext .row.duration {
    padding: 0 1.5rem;
}

#modal-activitytransx .row.displaymax {
    padding: 0 1.5rem;
}

#modal-ac-services,
#modal-ac-hold, #modalachold,
#modal-ac-action-print,
#modal-ac-action-settings {
    padding: 0;
}

#modal-ac-services .row:not(.cta),
#modal-ac-hold .row:not(.cta),
#modalachold .row:not(.cta),
#modal-ac-action-print .row:not(.cta),
#modal-ac-action-settings .row:not(.cta) {
    padding: 0 1.5rem;
}

#modal-ac-services .row.cta,
#modal-ac-hold .row.cta,
#modalachold .row.cta,
#modal-ac-action-print .row.cta,
#modal-ac-action-settings .row.cta {
    margin-top: 3.0rem;
}

#modal-ac-services .row.cta button,
#modal-ac-hold .row.cta button,
#modalachold .row.cta button,
#modal-ac-action-print .row.cta button,
#modal-ac-action-settings .row.cta button,
#modal-ac-action-print .row.cta a {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#modal-ac-services .hold,
#modal-ac-hold .hold,
#modalachold .hold,
#modal-ac-action-print .hold,
#modal-ac-action-settings .hold {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.0rem 1.5rem;
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#modal-ac-services .hold dt,
#modal-ac-hold .hold dt,
#modalachold .hold dt,
#modal-ac-action-print .hold dt,
#modal-ac-action-settings .hold dt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#modal-ac-services .hold dd,
#modal-ac-hold .hold dd,
#modalachold .hold dd,
#modal-ac-action-print .hold dd,
#modal-ac-action-settings .hold dd {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-align: right;
    font-weight: bold;
}

#modal-ac-services .total,
#modal-ac-hold .total,
#modalachold .total,
#modal-ac-action-print .total,
#modal-ac-action-settings .total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.5rem;
    margin: 0;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    background: rgba(0, 0, 0, 0.025);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#modal-ac-services .total dt,
#modal-ac-hold .total dt,
#modalachold .total dt,
#modal-ac-action-print .total dt,
#modal-ac-action-settings .total dt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-transform: uppercase;
    font-size: 1.2rem;
    opacity: .5;
}

#modal-ac-services .total dd,
#modal-ac-hold .total dd,
#modalachold .total dd,
#modal-ac-action-print .total dd,
#modal-ac-action-settings .total dd {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-align: right;
    font-size: 1.6rem;
    font-weight: bold;
}

.mobile-panel #widget-services h4 {
    text-align: center;
}

.mobile-panel nav#nav-primary {
    margin-top: 3.0rem;
}

.mobile-panel nav#nav-primary h4 {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 1.0rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-panel nav#nav-utility,
.mobile-panel nav#nav-primary {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.5rem;
}

.mobile-panel nav#nav-utility a,
.mobile-panel nav#nav-primary a {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    padding: 0.5rem 0;
    margin: 0;
    font-weight: bold;
    color: #0074D9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-panel nav#nav-utility a.has-arrow:after,
.mobile-panel nav#nav-primary a.has-arrow:after {
    display: none;
}

.mobile-panel #widget-activity-more {
    margin-top: 3.0rem;
}

#widget-activityframe .view-all,
#widget-activity-next .view-all {
    margin-top: 0.5rem;
    font-size: 1.2rem;
}

#widget-activityframe .activity-detail,
#widget-activity-next .activity-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.5rem 0;
}

#widget-activityframe dl,
#widget-activity-next dl {
    margin: 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-left: 1.5rem;
    .WrapTextCommon;
}

#widget-activityframe dl dt,
#widget-activity-next dl dt {
    margin: 0 0 .5rem 0;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.5); /*black;*/
}


#widget-activityframe dl dd,
#widget-activity-next dl dd {
    margin: 0;
    /*font-weight: bold;*/
    color: black; /*#454f5b*/
}

#widget-activityframe dl dt:nth-last-child(2), #widget-activity-next dl dt:nth-last-child(2) {
    font-weight: normal;
}

#widget-activityframe dl dd .amount,
#widget-activity-next dl dd .amount {
    display: block;
    font-size: 1.6rem;
}

#widget-activityframe .date,
#widget-activity-next .date {
    display: inline-block;
    width: 100%;
    max-width: 50px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    /*min-width: 50px;
    padding-left: 0;*/
    color: @activity-details-date-font-color;
}

#widget-activityframe .date dt,
#widget-activity-next .date dt {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold !important;
    /*border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.1);*/
    border: @activity-details-date-month-border;
    background-color: @activity-details-date-month-background-color;
    color: @activity-details-date-month-font-color;
}

#widget-activityframe .date dd,
#widget-activity-next .date dd {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0;
    margin: 0;
    padding: 10px 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    /*border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;*/
    border: @activity-details-date-day-border;
    background-color: @activity-details-date-day-background-color;
}

#widget-activityframe > ul,
#widget-activity-next > ul {
    border-top: @activity-container-border-top;
}

#widget-activityframe > ul > li,
#widget-activity-next > ul > li {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    font-size: 1.2rem;
    text-align: left;
    color: @dashboard-activity-listitem-font-color;
    border-bottom: 1px solid @dashboard-activity-listitem-border-bottom-color;
}


#widget-activityframe > ul > li > a,
#widget-activity-next > ul > li > a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    padding: 0.5rem 0;
}


#widget-activityframe > ul > li > a:after, #widget-activityframe > ul > li > a:before,
#widget-activity-next > ul > li > a:after,
#widget-activity-next > ul > li > a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    opacity: .5;
}

#widget-activityframe > ul > li > a:after,
#widget-activity-next > ul > li > a:after {
    top: 1.2rem;
    right: 1.2rem;
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-top: .4rem solid @dashboard-activity-openclose-icon-color;
}

#widget-activityframe > ul > li > a.open,
#widget-activity-next > ul > li > a.open {
    color: @dashboard-activity-heading-open-font-color;
}


#widget-activityframe > ul > li > a.open:after,
#widget-activity-next > ul > li > a.open:after {
    display: none;
}

#widget-activityframe > ul > li > a.open:before,
#widget-activity-next > ul > li > a.open:before {
    top: 0.8rem;
    right: 1.2rem;
    opacity: .25;
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    border-bottom: .4rem solid @dashboard-activity-openclose-icon-color;
}

.lastlogin {
    font-size: 1.2rem;
    text-align: left;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5);
}

#fancybox-overlay {
    bottom: 0;
    right: 0;
    overflow: hidden;
    filter: alpha(opacity=80);
    opacity: 0.6;
    background: none repeat scroll 0 0 #FFFFFF;
    filter: alpha(opacity=80);
    opacity: 0.6;
}

#widget-accountsummary .widget-action {
    float: none !important;
}

/*******JQuery Modal Popup styles********/

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 100;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}

.blocker.behind {
    background-color: transparent;
}

.modal {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbf gIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
}

.modal-mobilespinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background-repeat: no-repeat;
    opacity: .18;
    background: url('../../Images/NewDashboard/ajax-loader.gif');
}

#chartDisplayData tr:last-child td:nth-child(2) {
    text-align: right !important;
}

#widget-accountsummary .accountsummary-container .account-labels {
    box-sizing: border-box;
    display: inline-flex;
    width: 100%;
    align-items: center;
    margin: 30px 0 0 0;
    padding-bottom: 10px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    border-bottom: @dashboard-accountsummary-accountgroup-border-bottom;
}

#widget-accountsummary .accountsummary-container .account-labels:first-of-type {
    margin-top: 15px;
}

#widget-accountsummary .accountsummary-container .account-labels dt {
    font-weight: bold;
    font-size: 2rem;
    flex-basis: 40%;
    -webkit-flex-basis: 40%;
}

#widget-accountsummary .accountsummary-container .account-labels dd {
    flex-basis: 20%;
    -webkit-flex-basis: 20%;
    text-align: right;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: @accountsummary-accountlabels-font-color;
}

#widget-accountsummary .accountsummary-container .account-labels dd:last-child {
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
}

#widget-accountsummary .accountsummary-container .account-row {
    padding: 10px 0;
    border-bottom: @dashboard-accountsummary-accountrow-border-bottom;
}

#widget-accountsummary .accountsummary-container .account-row:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

#widget-accountsummary .accountsummary-container .account-row dl {
    display: inline-flex;
    width: 100%;
    align-items: flex-start;
    margin: 0;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
}

#widget-accountsummary .accountsummary-container .account-row dl dt {
    font-weight: bold;
    flex-basis: 40%;
    -webkit-flex-basis: 40%;
    font-size: 1.6rem;
    .WrapTextCommon;
}

#widget-accountsummary .accountsummary-container .account-row dl dt span {
    font-size: 1.4rem;
    font-weight: normal;
    color: @dashboard-accountsummary-accountnumber-label-font-color;
}

#widget-accountsummary .accountsummary-container .account-row dl dd {
    flex-basis: 20%;
    -webkit-flex-basis: 20%;
    text-align: right;
    margin: 0;
    padding: 0;
    color: @dashboard-accountsummary-account-rowitem-font-color;
    font-weight: 600 !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#widget-accountsummary .accountsummary-container .account-row dl dd:last-child {
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
}

#widget-accountsummary .accountsummary-container .account-row dl dd span.hold-label {
    position: relative;
    clear: left;
    align-self: flex-start;
}

#widget-accountsummary .accountsummary-container .account-row dl dd span.hold-label:before {
    content: "";
    display: block;
    clear: left;
    width: 100%;
}

#widget-accountsummary .accountsummary-container .account-row dl dd span.amount {
    text-align: right;
    opacity: 1;
    display: block;
}

#widget-accountsummary .accountsummary-container .account-row dl dd a.account-action {
    clear: both;
    display: inline-block;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px dotted rgba(0, 0, 0, 0.25);
}

#widget-accountsummary .accountsummary-container .account-row dl dd p {
    position: relative;
    width: 100%;
    clear: right;
    display: inline-block;
    margin: 4px 0 0 0;
}

#widget-accountsummary .accountsummary-container .account-row p {
    margin: 0;
}

#widget-accountsummary .accountsummary-container .account-row ul {
    box-sizing: border-box;
    display: inline-flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin: 3px 0 0 0;
    padding: 0;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}

#widget-accountsummary .accountsummary-container .account-row ul li {
    display: inline-flex;
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    font-size: 1.2rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    color: #454f5b;
}

#widget-accountsummary .accountsummary-container .account-row ul li .single-action {
    box-sizing: border-box;
    /*border-radius: 3px;*/
    padding: 5px 10px 5px 10px;
    transition: ease-in-out all 0.3s;
    /*border: 1px solid #d3dbe2;*/
    border: 1px solid @hold-button-border-color;
    color: @hold-button-font-color;
    background-color: @hold-button-bgcolor;
    /*box-shadow: inset 0 -2px 0 @secondary-button-boxshadow-color;*/
    box-shadow: inset 0 0 0 1px @hold-button-boxshadow-color, inset 0 -3px 0 0 @hold-button-boxshadow-color;
}

#widget-accountsummary .accountsummary-container .account-row ul li .single-action:hover {
    color: @hold-button-hover-font-color;
    background-color: @hold-button-hover-bgcolor;
}


#widget-accountsummary .accountsummary-container .account-row ul li .group-action {
    border-radius: 3px;
    display: inline-flex;
    align-items: stretch;
    box-sizing: border-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    background: @accountsummary-indicator-bgcolor;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action span {
    box-sizing: border-box;
    padding: 5px 10px 5px 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    /*box-shadow: inset 0 1px 0 0 #d3dbe2, inset 1px 0 0 0 #d3dbe2, inset 0 -1px 0 0 #d3dbe2;*/
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action strong {
    box-sizing: border-box;
    padding: 5px 10px 5px 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: @dashboard-accountsummary-account-rowitem-groupaction-strong-background-color;
    color: @dashboard-accountsummary-account-rowitem-groupaction-strong-font-color;
    transition: ease-in-out all 0.3s;
}

#widget-activityframe > ul > li > a .counter, #widget-activity-prev > ul > li > a .counter,
#widget-activity-next > ul > li > a .counter, #widget-activity-transx > ul > li > a .counter {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    border-radius: 3px;
    padding: 0.2rem;
    margin-right: 5px;
    background: @activity-item-counter-link-background-color;
    box-shadow: @activity-item-counter-link-boxshadow;
}



/*#widget-accountsummary .accountsummary-container .account-row ul li .group-action span.orange, #widget-accountsummary .accountsummary-container .account-row ul li .group-action span.red {
    font-weight: bold;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-withoutaction {
    display: inline-flex;
    align-items: stretch;
    box-sizing: border-box;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-withoutaction span {
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #d3dbe2;
}

#widget-activityframe dl dt:nth-last-child(2), #widget-activity-next dl dt:nth-last-child(2) {
    font-weight: normal;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-withoutaction.orange span, #widget-accountsummary .accountsummary-container .account-row ul li .group-withoutaction.red span {
    font-weight: bold;
}*/

#widget-activity-transx .textAlign {
    display: inline-block;
    margin-top: 15px;
}

span.setMenuIconPosition + #shortcuts-menu {
    margin-right: 3rem !important;
}

#showAcctNumbers.visibility-off { /*Closed Eye*/
    display: inline-flex;
    min-width: 20px;
    text-indent: -1000px;
    overflow: hidden;
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 7px;
    transition: all ease 0.3s;
    background-image: @close-eye-icon;
}

#showAcctNumbers.visibility-off:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#showAcctNumbers.visibility-on { /*Open Eye*/
    display: inline-flex;
    min-width: 20px;
    text-indent: -1000px;
    overflow: hidden;
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 7px;
    cursor: not-allowed;
    background-image: @open-eye-icon;
}

mark {
    background: #ff0;
    color: #000;
}

svg:not(.pieChart),
path:not(.pieChart) {
    fill: currentColor;
}

.highlight-warning {
    background: #fffbe9;
    color: #FF4136;
}

.blue {
    color: @blue-font-color;
}

.green {
    color: @green-font-color;
}

.NewUIStyle .yellow {
    color: @yellow-font-color;
}

.NewUIStyle .red {
    color: @red-font-color;
}

.grey {
    color: @grey-font-color;
}

.lightblue {
    color: @lightblue-font-color;
}

.NewUIStyle .orange {
    color: @orange-font-color; /*#c05717;*/
}

.NewUIStyle ::-webkit-input-placeholder {
    color: #9e9e9e;
}

.NewUIStyle :-moz-placeholder {
    /* Firefox 18- */
    color: #9e9e9e;
}

.NewUIStyle ::-moz-placeholder {
    /* Firefox 19+ */
    color: #9e9e9e;
}

.NewUIStyle :-ms-input-placeholder {
    color: #9e9e9e;
}

.accountDesc {
    color: #006699 !important;
}

#nav-utility a span {
    color: #fff;
}

/*#widget-accountsummary .accountsummary-container .account-row ul li .group-action:hover strong {
    background: #454f5b;
    box-shadow: none;
}*/

/*#widget-accountsummary .accountsummary-container .account-row ul li .group-action span.black {
    color: #454f5b;
}*/

#widget-activityframe > ul > li > a .counter.zero, #widget-activity-prev > ul > li > a .counter.zero, #widget-activity-next > ul > li > a .counter.zero, #widget-activity-transx > ul > li > a .counter.zero {
    color: @activity-unread-zero-counter-font-color;
}

#widget-activityframe > ul > li > a .counter.unread, #widget-activity-prev > ul > li > a .counter.unread, #widget-activity-next > ul > li > a .counter.unread, #widget-activity-transx > ul > li > a .counter.unread {
    background: @activity-unread-counter-background-color;
    color: @activity-unread-counter-font-color;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.pastdue strong {
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    background: #e74c3c;
    color: #fff;
    transition: ease-in-out all 0.3s;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.pastdue:hover strong {
    background: #bf0711;
    box-shadow: none;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.upcoming:hover strong {
    background: #edd500;
    box-shadow: none;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.pastdue span {
    background: #fbeae5;
    border: 1px solid #e74c3c;
    color: #454f5b;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.upcoming strong {
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    background: #eec200;
    color: #454f5b;
    transition: ease-in-out all 0.3s;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.upcoming span {
    background: #fcf1cd;
    border: 1px solid #eec200;
    color: #454f5b;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.due:hover strong {
    background: #108043;
    box-shadow: none;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.due strong {
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    background: #27ae60;
    color: #fff;
    transition: ease-in-out all 0.3s;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.due span {
    background: #e3f1df;
    border: 1px solid #27ae60;
    color: #454f5b;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.utility:hover strong {
    background: #454f5b;
    box-shadow: none;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.utility strong {
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    background: #919eab;
    color: #fff;
    transition: ease-in-out all 0.3s;
}

#widget-accountsummary .accountsummary-container .account-row ul li .group-action.utility span {
    background: #f4f6f8;
    border: 1px solid #919eab;
    color: #454f5b;
}

#mobile-menu a:active {
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5);
}

#widget-activity-prev .transx-detail + .activity-detail,
#widget-activity-prev .transx-detail + .transx-detail,
#widget-activity-prev .activity-detail + .activity-detail,
#widget-activity-prev .activity-detail + .transx-detail,
#widget-activity-next .transx-detail + .activity-detail,
#widget-activity-next .transx-detail + .transx-detail,
#widget-activity-next .activity-detail + .activity-detail,
#widget-activity-next .activity-detail + .transx-detail,
#widget-activity-transx .transx-detail + .activity-detail,
#widget-activity-transx .transx-detail + .transx-detail,
#widget-activity-transx .activity-detail + .activity-detail,
#widget-activity-transx .activity-detail + .transx-detail,
#widget-activityframe .activity-detail + .activity-detail {
    border-top: 1px solid @side-widgets-border-top-color;
}

#widget-accountsummary .accountsummary-container .account .account-action:hover {
    background-color: #F4F6F8;
}

#widget-accountsummary .accountsummary-container .account .account-action:hover.pending {
    background-color: #EEC200;
}

#widget-accountsummary .accountsummary-container .account .account-action:hover.pastdue {
    background-color: #BF0711;
}

#widget-accountsummary table tr:hover {
    background-color: transparent;
}

#widget-accountsummary table tr.action-upcoming {
    background-color: rgba(255, 220, 0, 0.1);
}

#widget-accountsummary table th:hover {
    background-color: transparent;
}

#widget-accountsummary table tr th {
    background: transparent;
}

#widget-accountsummary table tr th.type {
    color: #000;
}

#widget-accountsummary table tr th:hover {
    background: transparent;
}

#widget-accountsummary table tr td:last-child .current-balance:after {
    content: 'C';
    color: rgba(0, 0, 0, 0.25);
    background-color: rgba(0, 0, 0, 0.1);
}

#widget-accountsummary table tr td:last-child .available-balance:after {
    content: 'A';
    color: rgba(0, 0, 0, 0.25);
    background-color: rgba(0, 0, 0, 0.1);
}

/*Icon Images
––––––––––––––––––––––––––––––––––––––––––------*/
[class^="icon-"].icon-next,
[class*=" icon-"].icon-next {
    background-image: @icon-next;
}

[class^="icon-"].icon-next.disabled, [class^="icon-"].icon-next:disabled,
[class*=" icon-"].icon-next.disabled,
[class*=" icon-"].icon-next:disabled {
    background-image: @icon-next-disabled;
}

/*
[class^="icon-"].icon-image,
[class*=" icon-"].icon-image {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M6.5 8c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5m0-1c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm15.5-4h-20c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm-20 2h20v9.6l-4.1-4.1c-1.3-1.3-3.5-1.3-4.9 0l-4 4c-1-.4-2.2-.2-3 .6l-3.9 3.9h-.1v-14zm5.4 11.5c.1-.1.1-.1.2-.1.3-.2.7-.1 1 .1l.6.6 1.9 1.9h-6.2l2.5-2.5zm6.6 2.5l-3.3-3.3 3.8-3.8c.6-.6 1.5-.6 2.1 0l5.5 5.5v1.6h-8.1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-image.disabled, [class^="icon-"].icon-image:disabled,
[class*=" icon-"].icon-image.disabled,
[class*=" icon-"].icon-image:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M6.5 8c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5m0-1c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm15.5-4h-20c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm-20 2h20v9.6l-4.1-4.1c-1.3-1.3-3.5-1.3-4.9 0l-4 4c-1-.4-2.2-.2-3 .6l-3.9 3.9h-.1v-14zm5.4 11.5c.1-.1.1-.1.2-.1.3-.2.7-.1 1 .1l.6.6 1.9 1.9h-6.2l2.5-2.5zm6.6 2.5l-3.3-3.3 3.8-3.8c.6-.6 1.5-.6 2.1 0l5.5 5.5v1.6h-8.1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-home,
[class*=" icon-"].icon-home {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M12.6 5.2c-.4-.3-.9-.3-1.3 0l-7.8 6.6c-.3.3-.5.7-.5 1.1V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1v-4.5c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1V12.9c0-.4-.2-.9-.5-1.1l-7.9-6.6zM23.6 9.2L13.4.6C13 .2 12.5 0 12 0c-.5 0-1 .2-1.4.5L.4 9.2c-.4.4-.5 1-.1 1.4.1.3.4.4.7.4.2 0 .5-.1.6-.2l9.8-8.3c.4-.3.8-.3 1.2 0 2.2 1.6 9.8 8.3 9.8 8.3.4.4 1.1.3 1.4-.1.3-.5.3-1.1-.2-1.5z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-home.disabled, [class^="icon-"].icon-home:disabled,
[class*=" icon-"].icon-home.disabled,
[class*=" icon-"].icon-home:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M12.6 5.2c-.4-.3-.9-.3-1.3 0l-7.8 6.6c-.3.3-.5.7-.5 1.1V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1v-4.5c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1V12.9c0-.4-.2-.9-.5-1.1l-7.9-6.6zM23.6 9.2L13.4.6C13 .2 12.5 0 12 0c-.5 0-1 .2-1.4.5L.4 9.2c-.4.4-.5 1-.1 1.4.1.3.4.4.7.4.2 0 .5-.1.6-.2l9.8-8.3c.4-.3.8-.3 1.2 0 2.2 1.6 9.8 8.3 9.8 8.3.4.4 1.1.3 1.4-.1.3-.5.3-1.1-.2-1.5z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-collection,
[class*=" icon-"].icon-collection {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M18 9.3V3.1c0-.6-.5-1.1-1.1-1.1h-6.2c-.5 0-1 .2-1.4.6l-9 9c-.4.4-.4 1.1 0 1.6l6.5 6.5c.4.4 1.1.4 1.6 0l9-9c.4-.4.6-.9.6-1.4zM14 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM22.9 4h-2.4c-.3 0-.5.2-.5.5v6.1c0 .3-.1.6-.3.8l-8.2 8.2c-.2.2-.2.5 0 .7l1.4 1.4c.4.4 1.1.4 1.5 0l9.3-9.3c.2-.2.3-.5.3-.8V5.1c0-.6-.5-1.1-1.1-1.1z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-collection.disabled, [class^="icon-"].icon-collection:disabled,
[class*=" icon-"].icon-collection.disabled,
[class*=" icon-"].icon-collection:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M18 9.3V3.1c0-.6-.5-1.1-1.1-1.1h-6.2c-.5 0-1 .2-1.4.6l-9 9c-.4.4-.4 1.1 0 1.6l6.5 6.5c.4.4 1.1.4 1.6 0l9-9c.4-.4.6-.9.6-1.4zM14 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM22.9 4h-2.4c-.3 0-.5.2-.5.5v6.1c0 .3-.1.6-.3.8l-8.2 8.2c-.2.2-.2.5 0 .7l1.4 1.4c.4.4 1.1.4 1.5 0l9.3-9.3c.2-.2.3-.5.3-.8V5.1c0-.6-.5-1.1-1.1-1.1z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-inventory,
[class*=" icon-"].icon-inventory {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='rgb(0,116,217)' d='M13.1 4c.1.3 0 .6-.2.7l-3.7 1.7c-.3.1-.6 0-.7-.2l-1.7-3.7c-.1-.3 0-.6.2-.7l3.7-1.8c.3-.1.6 0 .7.2l1.7 3.8zm4.5 9.5l-3.4 1.5.4.6c.1.2.2.5.3.8l3.3-1.6c.4-.2.6-.6.4-1-.2-.4-.6-.5-1-.3zm-13.7-10.4l5.2 11.3c.2-.2.4-.3.7-.4.2-.1.5-.2.7-.2l-5.3-11.6c0-.2-.2-.3-.3-.4l-2.8-1.4c-.4-.2-.8 0-1 .3-.2.4 0 .8.3 1l2.5 1.4zm10 12.9c-.7-1.4-2.3-2-3.8-1.4s-2 2.3-1.4 3.8 2.3 2 3.8 1.4 2.1-2.4 1.4-3.8zm-1.4.6c.3.6 0 1.4-.6 1.7s-1.4 0-1.7-.6c-.3-.6 0-1.4.6-1.7.7-.3 1.4 0 1.7.6zm3.1-12l-6 2.8c-.2.1-.3.4-.2.6l2.6 5.6c.4.1.8.2 1.2.4l5.6-2.6c.3-.1.4-.4.2-.7l-2.8-6c-.1-.1-.4-.2-.6-.1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-inventory.disabled, [class^="icon-"].icon-inventory:disabled,
[class*=" icon-"].icon-inventory.disabled,
[class*=" icon-"].icon-inventory:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='rgb(195,207,216)' d='M13.1 4c.1.3 0 .6-.2.7l-3.7 1.7c-.3.1-.6 0-.7-.2l-1.7-3.7c-.1-.3 0-.6.2-.7l3.7-1.8c.3-.1.6 0 .7.2l1.7 3.8zm4.5 9.5l-3.4 1.5.4.6c.1.2.2.5.3.8l3.3-1.6c.4-.2.6-.6.4-1-.2-.4-.6-.5-1-.3zm-13.7-10.4l5.2 11.3c.2-.2.4-.3.7-.4.2-.1.5-.2.7-.2l-5.3-11.6c0-.2-.2-.3-.3-.4l-2.8-1.4c-.4-.2-.8 0-1 .3-.2.4 0 .8.3 1l2.5 1.4zm10 12.9c-.7-1.4-2.3-2-3.8-1.4s-2 2.3-1.4 3.8 2.3 2 3.8 1.4 2.1-2.4 1.4-3.8zm-1.4.6c.3.6 0 1.4-.6 1.7s-1.4 0-1.7-.6c-.3-.6 0-1.4.6-1.7.7-.3 1.4 0 1.7.6zm3.1-12l-6 2.8c-.2.1-.3.4-.2.6l2.6 5.6c.4.1.8.2 1.2.4l5.6-2.6c.3-.1.4-.4.2-.7l-2.8-6c-.1-.1-.4-.2-.6-.1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-cart,
[class*=" icon-"].icon-cart {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M21.6 12.4L24 2.8c.1-.4-.2-.8-.7-.8H5.2C5 1 4.1 0 2.3 0h-.8C.7 0 0 .7 0 1.5S.7 3 1.5 3h.9l2.9 13.3c.2 1.3 1.5 2.7 3 2.7h11.2c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H8.4c-.1-.1-.1-.2-.2-.3L7.9 14h12.2c.7 0 1.4-.9 1.5-1.6z'/%3E%3Ccircle fill='rgb(0,116,217)' cx='9' cy='22' r='2'/%3E%3Ccircle fill='rgb(0,116,217)' cx='18' cy='22' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-cart.disabled, [class^="icon-"].icon-cart:disabled,
[class*=" icon-"].icon-cart.disabled,
[class*=" icon-"].icon-cart:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M21.6 12.4L24 2.8c.1-.4-.2-.8-.7-.8H5.2C5 1 4.1 0 2.3 0h-.8C.7 0 0 .7 0 1.5S.7 3 1.5 3h.9l2.9 13.3c.2 1.3 1.5 2.7 3 2.7h11.2c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H8.4c-.1-.1-.1-.2-.2-.3L7.9 14h12.2c.7 0 1.4-.9 1.5-1.6z'/%3E%3Ccircle fill='rgb(195,207,216)' cx='9' cy='22' r='2'/%3E%3Ccircle fill='rgb(195,207,216)' cx='18' cy='22' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-giftcards,
[class*=" icon-"].icon-giftcards {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(0,116,217)' d='M15 4h-4l1-.8c.4-.4.6-.8.6-1.3s-.1-1-.5-1.3c-.3-.4-.7-.6-1.3-.6-.5 0-1 .1-1.4.5L8 2 6.7.5C6.3.1 5.9 0 5.4 0s-1 .2-1.3.6c-.4.4-.5.8-.5 1.3s.2.9.6 1.3L5 4H1c-.3 0-1 .7-1 1v1c0 .3.7 1 1 1h14c.3 0 1-.7 1-1V5c0-.3-.7-1-1-1zm0 11V8H9v8h5M2 16h5V8H1v7'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-giftcards.disabled, [class^="icon-"].icon-giftcards:disabled,
[class*=" icon-"].icon-giftcards.disabled,
[class*=" icon-"].icon-giftcards:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M15 4h-4l1-.8c.4-.4.6-.8.6-1.3s-.1-1-.5-1.3c-.3-.4-.7-.6-1.3-.6-.5 0-1 .1-1.4.5L8 2 6.7.5C6.3.1 5.9 0 5.4 0s-1 .2-1.3.6c-.4.4-.5.8-.5 1.3s.2.9.6 1.3L5 4H1c-.3 0-1 .7-1 1v1c0 .3.7 1 1 1h14c.3 0 1-.7 1-1V5c0-.3-.7-1-1-1zm0 11V8H9v8h5M2 16h5V8H1v7'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-folder,
[class*=" icon-"].icon-folder {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M1 20.6c0 .8.6 1.4 1.4 1.4h19.3c.8 0 1.4-.6 1.4-1.4v-9.2c0-.3-.2-.5-.5-.5H1.5c-.3.1-.5.3-.5.6v9.1zM22 6H12c-.7 0-1.7 0-1.7-1.7v-.9c0-.8-.6-1.4-1.4-1.4H2.4C1.6 2 1 2.6 1 3.4V8.6c0 .2.2.4.5.4h21.1c.2 0 .4-.2.4-.5V7c0-.8-.2-1-1-1z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-folder.disabled, [class^="icon-"].icon-folder:disabled,
[class*=" icon-"].icon-folder.disabled,
[class*=" icon-"].icon-folder:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M1 20.6c0 .8.6 1.4 1.4 1.4h19.3c.8 0 1.4-.6 1.4-1.4v-9.2c0-.3-.2-.5-.5-.5H1.5c-.3.1-.5.3-.5.6v9.1zM22 6H12c-.7 0-1.7 0-1.7-1.7v-.9c0-.8-.6-1.4-1.4-1.4H2.4C1.6 2 1 2.6 1 3.4V8.6c0 .2.2.4.5.4h21.1c.2 0 .4-.2.4-.5V7c0-.8-.2-1-1-1z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-account,
[class*=" icon-"].icon-account {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M24 3.4c0-.8-.6-1.4-1.4-1.4H1.4C.6 2 0 2.6 0 3.4v17.3c0 .7.6 1.3 1.4 1.3h21.3c.8 0 1.4-.6 1.4-1.4V3.4zM12 15.7c0 .5-.3 1.3-.8 1.3H4.6c-.4 0-.6-.8-.6-1.3v-.1c0-1.3 1.6-1.8 2.5-2.2.6-.3.6-.7.6-1 0-.3-.3-.7-.6-.9-.4-.4-.6-1-.6-1.7 0-1 .6-2 1.5-2.2 1.4-.4 2.6.6 2.6 2.1 0 .7-.2 1.3-.7 1.7-.3.3-.5.6-.5.9 0 .3 0 .7.6 1 .9.4 2.6.9 2.6 2.2v.2zm7.3-.7h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1zm0-4h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-account.disabled, [class^="icon-"].icon-account:disabled,
[class*=" icon-"].icon-account.disabled,
[class*=" icon-"].icon-account:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M24 3.4c0-.8-.6-1.4-1.4-1.4H1.4C.6 2 0 2.6 0 3.4v17.3c0 .7.6 1.3 1.4 1.3h21.3c.8 0 1.4-.6 1.4-1.4V3.4zM12 15.7c0 .5-.3 1.3-.8 1.3H4.6c-.4 0-.6-.8-.6-1.3v-.1c0-1.3 1.6-1.8 2.5-2.2.6-.3.6-.7.6-1 0-.3-.3-.7-.6-.9-.4-.4-.6-1-.6-1.7 0-1 .6-2 1.5-2.2 1.4-.4 2.6.6 2.6 2.1 0 .7-.2 1.3-.7 1.7-.3.3-.5.6-.5.9 0 .3 0 .7.6 1 .9.4 2.6.9 2.6 2.2v.2zm7.3-.7h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1zm0-4h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-prev,
[class*=" icon-"].icon-prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' enable-background='new 0 0 28 28'%3E%3Cpath fill='rgb(0,116,217)' d='M23,24.7L12.5,14.2L23,3.7L20.3,1L7,14.2l13.3,13.3C20.3,27.5,23,24.7,23,24.7z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-prev.disabled, [class^="icon-"].icon-prev:disabled,
[class*=" icon-"].icon-prev.disabled,
[class*=" icon-"].icon-prev:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' enable-background='new 0 0 28 28'%3E%3Cpath fill='rgb(195,207,216)' d='M23,24.7L12.5,14.2L23,3.7L20.3,1L7,14.2l13.3,13.3C20.3,27.5,23,24.7,23,24.7z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-trash,
[class*=" icon-"].icon-trash {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27' enable-background='new 0 0 27 27'%3E%3Cpath fill='rgb(0,116,217)' d='M27.5,5a2.22,2.22,0,0,1-1.8,2.25H2.3A2.22,2.22,0,0,1,.5,5,2.22,2.22,0,0,1,2.3,2.75H9.5C9.5,1.63,11.07.5,12.2,0.5h3.6c1.13,0,2.7,1.35,2.7,2.25h7.2A2.22,2.22,0,0,1,27.5,5Zm-2.25,5.85V25.7c0,0.9-1.8,1.8-2.7,1.8H5.45c-0.9,0-2.7-.68-2.7-1.8V10.85A3.17,3.17,0,0,1,4.33,9.5H23.9A3.88,3.88,0,0,1,25.25,10.85ZM11.75,14.9a1,1,0,0,0-.9-0.9H10.4a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9h0.45a1,1,0,0,0,.9-0.9V14.9Zm6.75,0a1,1,0,0,0-.9-0.9H17.15a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9H17.6a1,1,0,0,0,.9-0.9V14.9Z' transform='translate(-0.5 -0.5)' /%3E%3C/svg%3E");
}

[class^="icon-"].icon-trash.disabled, [class^="icon-"].icon-trash:disabled,
[class*=" icon-"].icon-trash.disabled,
[class*=" icon-"].icon-trash:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27' enable-background='new 0 0 27 27'%3E%3Cpath fill='rgb(195,207,216)' d='M27.5,5a2.22,2.22,0,0,1-1.8,2.25H2.3A2.22,2.22,0,0,1,.5,5,2.22,2.22,0,0,1,2.3,2.75H9.5C9.5,1.63,11.07.5,12.2,0.5h3.6c1.13,0,2.7,1.35,2.7,2.25h7.2A2.22,2.22,0,0,1,27.5,5Zm-2.25,5.85V25.7c0,0.9-1.8,1.8-2.7,1.8H5.45c-0.9,0-2.7-.68-2.7-1.8V10.85A3.17,3.17,0,0,1,4.33,9.5H23.9A3.88,3.88,0,0,1,25.25,10.85ZM11.75,14.9a1,1,0,0,0-.9-0.9H10.4a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9h0.45a1,1,0,0,0,.9-0.9V14.9Zm6.75,0a1,1,0,0,0-.9-0.9H17.15a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9H17.6a1,1,0,0,0,.9-0.9V14.9Z' transform='translate(-0.5 -0.5)' /%3E%3C/svg%3E");
}

[class^="icon-"].icon-clock,
[class*=" icon-"].icon-clock {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-clock.disabled, [class^="icon-"].icon-clock:disabled,
[class*=" icon-"].icon-clock.disabled,
[class*=" icon-"].icon-clock:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-close,
[class*=" icon-"].icon-close {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-close.disabled, [class^="icon-"].icon-close:disabled,
[class*=" icon-"].icon-close.disabled,
[class*=" icon-"].icon-close:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-checkmark,
[class*=" icon-"].icon-checkmark {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-checkmark.disabled, [class^="icon-"].icon-checkmark:disabled,
[class*=" icon-"].icon-checkmark.disabled,
[class*=" icon-"].icon-checkmark:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-search,
[class*=" icon-"].icon-search {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(0,116,217)' d='M0 5.667c0 3.125 2.542 5.667 5.667 5.667 1.202 0 2.315-.38 3.233-1.02l.455.456c-.07.5.082 1.025.466 1.41l3.334 3.332c.326.325.753.488 1.18.488.425 0 .852-.163 1.177-.488.652-.65.652-1.706 0-2.357L12.18 9.822c-.384-.384-.91-.536-1.41-.466l-.454-.456c.64-.918 1.02-2.03 1.02-3.233C11.333 2.542 8.79 0 5.666 0S0 2.542 0 5.667zm2 0C2 3.645 3.645 2 5.667 2s3.667 1.645 3.667 3.667-1.646 3.666-3.667 3.666S2 7.688 2 5.667z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-search.disabled, [class^="icon-"].icon-search:disabled,
[class*=" icon-"].icon-search.disabled,
[class*=" icon-"].icon-search:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M0 5.667c0 3.125 2.542 5.667 5.667 5.667 1.202 0 2.315-.38 3.233-1.02l.455.456c-.07.5.082 1.025.466 1.41l3.334 3.332c.326.325.753.488 1.18.488.425 0 .852-.163 1.177-.488.652-.65.652-1.706 0-2.357L12.18 9.822c-.384-.384-.91-.536-1.41-.466l-.454-.456c.64-.918 1.02-2.03 1.02-3.233C11.333 2.542 8.79 0 5.666 0S0 2.542 0 5.667zm2 0C2 3.645 3.645 2 5.667 2s3.667 1.645 3.667 3.667-1.646 3.666-3.667 3.666S2 7.688 2 5.667z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-flag,
[class*=" icon-"].icon-flag {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M24 10.1L20 .3c-.2-.5-.7-.6-1.1-.2C14.3 5.5 8.6 0 3.2 3.8L2.9 3C2.6 2.2 1.8 1.8 1 2 .2 2.3-.2 3.1.1 3.9l6.5 18.9c.2.6.8 1 1.4 1 .2 0 .3 0 .5-.1.8-.3 1.2-1.1.9-1.9l-2.6-7.5c5.7-3.4 12.3 2.7 17-3.4.2-.2.2-.5.2-.8z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-flag.disabled, [class^="icon-"].icon-flag:disabled,
[class*=" icon-"].icon-flag.disabled,
[class*=" icon-"].icon-flag:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M24 10.1L20 .3c-.2-.5-.7-.6-1.1-.2C14.3 5.5 8.6 0 3.2 3.8L2.9 3C2.6 2.2 1.8 1.8 1 2 .2 2.3-.2 3.1.1 3.9l6.5 18.9c.2.6.8 1 1.4 1 .2 0 .3 0 .5-.1.8-.3 1.2-1.1.9-1.9l-2.6-7.5c5.7-3.4 12.3 2.7 17-3.4.2-.2.2-.5.2-.8z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-bell,
[class*=" icon-"].icon-bell {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='rgb(0,116,217)' d='M1.5 13.2l.1-.2c.7-1.7 3 0 3.9-2.1l1.1-2.5c1.4-3.3 4.7-5.3 8.3-5.2 0-.1 0-.2.1-.3.6-1.4 2.1-2 3.5-1.4 1.4.6 2 2.1 1.4 3.5 0 0 0 .1-.1.1 2.8 2.3 3.7 6 2.2 9.4L20.9 17c-.9 2.1 1.9 2.5 1.2 4.2l-.1.2c-.2.4-.5.3-.8.1l-7.5-3-2.1-.8-2.1-.8-7.5-3c-.5-.2-.7-.3-.5-.7zM10.4 22.3c-1.4-.6-2.3-2-2.5-3.4 0-.3.3-.6.6-.5l6.1 2.4c.3.1.4.5.1.8-1.1.9-2.8 1.3-4.3.7z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-bell.disabled, [class^="icon-"].icon-bell:disabled,
[class*=" icon-"].icon-bell.disabled,
[class*=" icon-"].icon-bell:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='rgb(195,207,216)' d='M1.5 13.2l.1-.2c.7-1.7 3 0 3.9-2.1l1.1-2.5c1.4-3.3 4.7-5.3 8.3-5.2 0-.1 0-.2.1-.3.6-1.4 2.1-2 3.5-1.4 1.4.6 2 2.1 1.4 3.5 0 0 0 .1-.1.1 2.8 2.3 3.7 6 2.2 9.4L20.9 17c-.9 2.1 1.9 2.5 1.2 4.2l-.1.2c-.2.4-.5.3-.8.1l-7.5-3-2.1-.8-2.1-.8-7.5-3c-.5-.2-.7-.3-.5-.7zM10.4 22.3c-1.4-.6-2.3-2-2.5-3.4 0-.3.3-.6.6-.5l6.1 2.4c.3.1.4.5.1.8-1.1.9-2.8 1.3-4.3.7z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-exclamation,
[class*=" icon-"].icon-exclamation {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M13.5 0h-2c-.8 0-1.5.7-1.5 1.5v14c0 .8.7 1.5 1.5 1.5h2c.8 0 1.5-.7 1.5-1.5v-14c0-.8-.7-1.5-1.5-1.5z'%3E%3C/path%3E%3Ccircle fill='rgb(0,116,217)' cx='12.5' cy='21.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E");
}

[class^="icon-"].icon-exclamation.disabled, [class^="icon-"].icon-exclamation:disabled,
[class*=" icon-"].icon-exclamation.disabled,
[class*=" icon-"].icon-exclamation:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M13.5 0h-2c-.8 0-1.5.7-1.5 1.5v14c0 .8.7 1.5 1.5 1.5h2c.8 0 1.5-.7 1.5-1.5v-14c0-.8-.7-1.5-1.5-1.5z'%3E%3C/path%3E%3Ccircle fill='rgb(195,207,216)' cx='12.5' cy='21.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E");
}

[class^="icon-"].icon-question,
[class*=" icon-"].icon-question {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M18.5 4.4c-.9-2.1-2.7-3.7-5-4.2-3.8-.8-7.3 1.6-8.3 5C5 6.1 5.7 7 6.7 7h1.1c.6 0 1.2-.4 1.4-1 .4-1.2 1.5-2 2.8-2 2.1 0 3.9 2.5 2.5 4.6-.4.6-1 1-1.6 1.3-1.7.6-2.9 2.1-2.9 3.8v2.8c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5v-2.1c0-.4.3-.8.6-.9 3.4-1.4 5.4-5.3 3.9-9.1z'%3E%3C/path%3E%3Ccircle fill='rgb(0,116,217)' cx='12' cy='22' r='2'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-question.disabled, [class^="icon-"].icon-question:disabled,
[class*=" icon-"].icon-question.disabled,
[class*=" icon-"].icon-question:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M18.5 4.4c-.9-2.1-2.7-3.7-5-4.2-3.8-.8-7.3 1.6-8.3 5C5 6.1 5.7 7 6.7 7h1.1c.6 0 1.2-.4 1.4-1 .4-1.2 1.5-2 2.8-2 2.1 0 3.9 2.5 2.5 4.6-.4.6-1 1-1.6 1.3-1.7.6-2.9 2.1-2.9 3.8v2.8c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5v-2.1c0-.4.3-.8.6-.9 3.4-1.4 5.4-5.3 3.9-9.1z'%3E%3C/path%3E%3Ccircle fill='rgb(195,207,216)' cx='12' cy='22' r='2'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-prohibit,
[class*=" icon-"].icon-prohibit {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 4c1.4 0 2.7.4 3.9 1L12 8.8 8.8 12 5 15.9c-.6-1.1-1-2.5-1-3.9 0-4.4 3.6-8 8-8zm0 16c-1.4 0-2.7-.4-3.9-1l3.9-3.9 3.2-3.2L19 8.1c.6 1.1 1 2.5 1 3.9 0 4.4-3.6 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-prohibit.disabled, [class^="icon-"].icon-prohibit:disabled,
[class*=" icon-"].icon-prohibit.disabled,
[class*=" icon-"].icon-prohibit:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 4c1.4 0 2.7.4 3.9 1L12 8.8 8.8 12 5 15.9c-.6-1.1-1-2.5-1-3.9 0-4.4 3.6-8 8-8zm0 16c-1.4 0-2.7-.4-3.9-1l3.9-3.9 3.2-3.2L19 8.1c.6 1.1 1 2.5 1 3.9 0 4.4-3.6 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}

[class^="icon-"].icon-product,
[class*=" icon-"].icon-product {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(0,116,217)' d='M15.087 0H10.01c-.554 0-1.085.235-1.476.627L.3 8.87c-.37.368-.37.965 0 1.327l5.553 5.556c.362.368.955.37 1.323 0L15.4 7.52c.39-.392.6-.922.6-1.476V.967C16 .45 15.604 0 15.087 0zm-2.89 5.56c-.94 0-1.702-.764-1.702-1.703 0-.94.763-1.702 1.702-1.702.94 0 1.702.763 1.702 1.702 0 .94-.764 1.702-1.703 1.702z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-product.disabled, [class^="icon-"].icon-product:disabled,
[class*=" icon-"].icon-product.disabled,
[class*=" icon-"].icon-product:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M15.087 0H10.01c-.554 0-1.085.235-1.476.627L.3 8.87c-.37.368-.37.965 0 1.327l5.553 5.556c.362.368.955.37 1.323 0L15.4 7.52c.39-.392.6-.922.6-1.476V.967C16 .45 15.604 0 15.087 0zm-2.89 5.56c-.94 0-1.702-.764-1.702-1.703 0-.94.763-1.702 1.702-1.702.94 0 1.702.763 1.702 1.702 0 .94-.764 1.702-1.703 1.702z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-preview,
[class*=" icon-"].icon-preview {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' enable-background='new 0 0 500 500'%3E%3Cpath fill='rgb(0,116,217)' d='M497.9 237.5C447.9 129.2 352.1 58.3 250 58.3S52.1 129.2 2.1 237.5c-4.2 8.3-4.2 18.8 0 27.1 50 108.3 145.8 179.2 247.9 179.2S447.9 373 497.9 264.6c2.1-10.4 2.1-18.8 0-27.1zM250 345.8c-52.1 0-95.8-43.8-95.8-95.8s43.8-95.8 95.8-95.8 95.8 43.8 95.8 95.8-43.7 95.8-95.8 95.8z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-preview.disabled, [class^="icon-"].icon-preview:disabled,
[class*=" icon-"].icon-preview.disabled,
[class*=" icon-"].icon-preview:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' enable-background='new 0 0 500 500'%3E%3Cpath fill='rgb(195,207,216)' d='M497.9 237.5C447.9 129.2 352.1 58.3 250 58.3S52.1 129.2 2.1 237.5c-4.2 8.3-4.2 18.8 0 27.1 50 108.3 145.8 179.2 247.9 179.2S447.9 373 497.9 264.6c2.1-10.4 2.1-18.8 0-27.1zM250 345.8c-52.1 0-95.8-43.8-95.8-95.8s43.8-95.8 95.8-95.8 95.8 43.8 95.8 95.8-43.7 95.8-95.8 95.8z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-edit,
[class*=" icon-"].icon-edit {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M19.758 8.15L8.656 19.25l-3.89-3.89L15.87 4.26zM22.4 3.2l-1.6-1.6c-.6-.6-1.7-.6-2.3 0l-1.2 1.2 3.9 3.9 1.2-1.2c.6-.6.6-1.7 0-2.3zM3.4 16.8l-.3.3c-.2.2-.3.4-.4.7l-1.4 4.3c-.1.4.3.8.7.7l4.3-1.4c.3-.1.5-.2.7-.4l.3-.3-3.9-3.9z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-edit.disabled, [class^="icon-"].icon-edit:disabled,
[class*=" icon-"].icon-edit.disabled,
[class*=" icon-"].icon-edit:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M19.758 8.15L8.656 19.25l-3.89-3.89L15.87 4.26zM22.4 3.2l-1.6-1.6c-.6-.6-1.7-.6-2.3 0l-1.2 1.2 3.9 3.9 1.2-1.2c.6-.6.6-1.7 0-2.3zM3.4 16.8l-.3.3c-.2.2-.3.4-.4.7l-1.4 4.3c-.1.4.3.8.7.7l4.3-1.4c.3-.1.5-.2.7-.4l.3-.3-3.9-3.9z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-addition,
[class*=" icon-"].icon-addition {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M22.5 10H14V1.5c0-.8-.7-1.5-1.5-1.5h-1c-.8 0-1.5.7-1.5 1.5V10H1.5c-.8 0-1.5.7-1.5 1.5v1c0 .8.7 1.5 1.5 1.5H10v8.5c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5V14h8.5c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-addition.disabled, [class^="icon-"].icon-addition:disabled,
[class*=" icon-"].icon-addition.disabled,
[class*=" icon-"].icon-addition:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M22.5 10H14V1.5c0-.8-.7-1.5-1.5-1.5h-1c-.8 0-1.5.7-1.5 1.5V10H1.5c-.8 0-1.5.7-1.5 1.5v1c0 .8.7 1.5 1.5 1.5H10v8.5c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5V14h8.5c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-subtraction,
[class*=" icon-"].icon-subtraction {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath d='M6 0'/%3E%3Cpath fill='rgb(0,116,217)' d='M.8 7C.3 7 0 6.7 0 6.2v-.4c0-.5.3-.8.8-.8h10.5c.4 0 .7.3.7.8v.5c0 .4-.3.7-.8.7H.8z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-subtraction.disabled, [class^="icon-"].icon-subtraction:disabled,
[class*=" icon-"].icon-subtraction.disabled,
[class*=" icon-"].icon-subtraction:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath d='M6 0'/%3E%3Cpath fill='rgb(195,207,216)' d='M.8 7C.3 7 0 6.7 0 6.2v-.4c0-.5.3-.8.8-.8h10.5c.4 0 .7.3.7.8v.5c0 .4-.3.7-.8.7H.8z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-calendar,
[class*=" icon-"].icon-calendar {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M21 3h-1V2c0-1.1-.9-2-2-2s-2 .9-2 2v1H8V2c0-1.1-.9-2-2-2S4 .9 4 2v1H3C1.3 3 0 4.3 0 6v15c0 1.7 1.3 3 3 3h18c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM3 21V10h18v11H3z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-calendar.disabled, [class^="icon-"].icon-calendar:disabled,
[class*=" icon-"].icon-calendar.disabled,
[class*=" icon-"].icon-calendar:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M21 3h-1V2c0-1.1-.9-2-2-2s-2 .9-2 2v1H8V2c0-1.1-.9-2-2-2S4 .9 4 2v1H3C1.3 3 0 4.3 0 6v15c0 1.7 1.3 3 3 3h18c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM3 21V10h18v11H3z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-addcircle,
[class*=" icon-"].icon-addcircle {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath fill='rgb(0,116,217)' d='M6 0c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm3 7h-2v2c0 .5-.5 1-1 1s-1-.5-1-1v-2h-2c-.5 0-1-.5-1-1s.5-1 1-1h2v-2c0-.5.5-1 1-1s1 .5 1 1v2h2c.5 0 1 .5 1 1s-.5 1-1 1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-addcircle.disabled, [class^="icon-"].icon-addcircle:disabled,
[class*=" icon-"].icon-addcircle.disabled,
[class*=" icon-"].icon-addcircle:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath fill='rgb(195,207,216)' d='M6 0c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm3 7h-2v2c0 .5-.5 1-1 1s-1-.5-1-1v-2h-2c-.5 0-1-.5-1-1s.5-1 1-1h2v-2c0-.5.5-1 1-1s1 .5 1 1v2h2c.5 0 1 .5 1 1s-.5 1-1 1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-orders,
[class*=" icon-"].icon-orders {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M13.992 0H2.1C.94 0 0 .94 0 2.1v12.244C0 15.305.785 16 1.75 16H14.34c.964 0 1.658-.694 1.658-1.658V2.1C16 .94 15.15 0 13.992 0zM14 2v8h-1.757C11.28 10 10 11.28 10 12.243v.7c0 .193.337.057.144.057H5.247c-.193 0-.247.136-.247-.057v-.7C5 11.28 4.113 10 3.148 10H2V2h12zM7.117 9.963c.167.16.437.16.603.002l5.17-5.042c.165-.16.165-.422 0-.583l-.604-.583c-.166-.16-.437-.16-.603 0L7.42 7.924 5.694 6.24c-.166-.16-.437-.16-.603 0l-.604.582c-.166.162-.166.423 0 .584l2.63 2.557z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-orders.disabled, [class^="icon-"].icon-orders:disabled,
[class*=" icon-"].icon-orders.disabled,
[class*=" icon-"].icon-orders:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M13.992 0H2.1C.94 0 0 .94 0 2.1v12.244C0 15.305.785 16 1.75 16H14.34c.964 0 1.658-.694 1.658-1.658V2.1C16 .94 15.15 0 13.992 0zM14 2v8h-1.757C11.28 10 10 11.28 10 12.243v.7c0 .193.337.057.144.057H5.247c-.193 0-.247.136-.247-.057v-.7C5 11.28 4.113 10 3.148 10H2V2h12zM7.117 9.963c.167.16.437.16.603.002l5.17-5.042c.165-.16.165-.422 0-.583l-.604-.583c-.166-.16-.437-.16-.603 0L7.42 7.924 5.694 6.24c-.166-.16-.437-.16-.603 0l-.604.582c-.166.162-.166.423 0 .584l2.63 2.557z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-globe,
[class*=" icon-"].icon-globe {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 21.15c-5.1 0-9.15-4.05-9.15-9.15 0-1.35.3-2.7.9-3.9v.45c0 .3.45.75.45 1.05 0 .45.3.75.6 1.05.45.15.9.3 1.2.6.3.3.6.45 1.05.3.3.3.15.6 0 .9-.3.3-.45.6-.45.75-.15.45-.15.9.3 1.2.3.15.45.45.45.75s.3.6.45.75c.6.3.6.9.75 1.5.15 1.2 1.05 3 1.35 2.4.3-.45.9-1.35 1.2-1.65.15-.15.3-.3.3-.45.15-.3.3-.6.6-.75.15-.15.3-.3.3-.45 0-.6.3-1.2.6-1.65.6-.75.3-1.2-.6-1.5-.45-.15-1.05-.45-1.65-.15v-.3c.15-.75 0-.9-.75-1.2-.3-.3-.6-.45-.9-.6-.3-.15-.75 0-1.2-.15-.45.15-.3-.6-.75-.75-.9-.9.45-1.2 1.05-.9.15.15.75-.75 1.95-1.5.3 0 .15-1.5.45-1.5-2.55-1.5-3-2.1-3-2.1h-.3c1.35-.9 3-1.35 4.8-1.35h.9l-.15.15s-.75.45.15 1.5c.3.3 1.05 1.2.9 1.35 0 .3 2.1-.15 2.4-.15.6 0 .45.9 0 1.05 0 .15-2.7.45-2.85.45-.45.6-.45.45-.3 1.05 0 .3-.15.45-.15.9.3.3.6.75.9 1.2.45.45.75 1.2 1.2 1.05.15 0 .3-.15.6-.3.15.15.45.6.75.75-.15.45 0 .75.3 1.2.15.15 0 1.2-.15 1.35-.15.3 0 .9.3 1.5s1.05.6 1.35 0l1.05-2.85c.3-.6.75-1.05 1.35-1.35l.45-.15V12c.15 5.1-3.9 9.15-9 9.15z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-globe.disabled, [class^="icon-"].icon-globe:disabled,
[class*=" icon-"].icon-globe.disabled,
[class*=" icon-"].icon-globe:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 21.15c-5.1 0-9.15-4.05-9.15-9.15 0-1.35.3-2.7.9-3.9v.45c0 .3.45.75.45 1.05 0 .45.3.75.6 1.05.45.15.9.3 1.2.6.3.3.6.45 1.05.3.3.3.15.6 0 .9-.3.3-.45.6-.45.75-.15.45-.15.9.3 1.2.3.15.45.45.45.75s.3.6.45.75c.6.3.6.9.75 1.5.15 1.2 1.05 3 1.35 2.4.3-.45.9-1.35 1.2-1.65.15-.15.3-.3.3-.45.15-.3.3-.6.6-.75.15-.15.3-.3.3-.45 0-.6.3-1.2.6-1.65.6-.75.3-1.2-.6-1.5-.45-.15-1.05-.45-1.65-.15v-.3c.15-.75 0-.9-.75-1.2-.3-.3-.6-.45-.9-.6-.3-.15-.75 0-1.2-.15-.45.15-.3-.6-.75-.75-.9-.9.45-1.2 1.05-.9.15.15.75-.75 1.95-1.5.3 0 .15-1.5.45-1.5-2.55-1.5-3-2.1-3-2.1h-.3c1.35-.9 3-1.35 4.8-1.35h.9l-.15.15s-.75.45.15 1.5c.3.3 1.05 1.2.9 1.35 0 .3 2.1-.15 2.4-.15.6 0 .45.9 0 1.05 0 .15-2.7.45-2.85.45-.45.6-.45.45-.3 1.05 0 .3-.15.45-.15.9.3.3.6.75.9 1.2.45.45.75 1.2 1.2 1.05.15 0 .3-.15.6-.3.15.15.45.6.75.75-.15.45 0 .75.3 1.2.15.15 0 1.2-.15 1.35-.15.3 0 .9.3 1.5s1.05.6 1.35 0l1.05-2.85c.3-.6.75-1.05 1.35-1.35l.45-.15V12c.15 5.1-3.9 9.15-9 9.15z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-funnel,
[class*=" icon-"].icon-funnel {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(0,116,217)' d='M1.2,1.6c0-0.5,0-1,0-1.6c4.6,0,9.1,0,13.7,0c0,0.5,0,1,0,1.6c0,0-0.1,0-0.1,0.1C13.1,3.8,11.4,6,9.7,8.2  C9.6,8.3,9.6,8.5,9.6,8.6c0,2.5,0,4.9,0,7.4c0,0-2-1-2.8-1.4c-0.2-0.1-0.2-0.2-0.2-0.4c0-1.9,0-3.7,0-5.6c0-0.2-0.1-0.3-0.2-0.5  c-1-1.3-1.9-2.5-2.9-3.7C2.7,3.5,1.9,2.5,1.2,1.6z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-funnel.disabled, [class^="icon-"].icon-funnel:disabled,
[class*=" icon-"].icon-funnel.disabled,
[class*=" icon-"].icon-funnel:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M1.2,1.6c0-0.5,0-1,0-1.6c4.6,0,9.1,0,13.7,0c0,0.5,0,1,0,1.6c0,0-0.1,0-0.1,0.1C13.1,3.8,11.4,6,9.7,8.2  C9.6,8.3,9.6,8.5,9.6,8.6c0,2.5,0,4.9,0,7.4c0,0-2-1-2.8-1.4c-0.2-0.1-0.2-0.2-0.2-0.4c0-1.9,0-3.7,0-5.6c0-0.2-0.1-0.3-0.2-0.5  c-1-1.3-1.9-2.5-2.9-3.7C2.7,3.5,1.9,2.5,1.2,1.6z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-percent,
[class*=" icon-"].icon-percent {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M20.6 4.7l-1.3-1.3c-.5-.5-1.4-.5-1.9 0l-14 14c-.5.5-.5 1.4 0 1.9l1.3 1.3c.5.5 1.4.5 1.9 0l14-14c.5-.5.5-1.4 0-1.9z'/%3E%3Ccircle fill='rgb(0,116,217)' cx='5.7' cy='5.7' r='2.7'/%3E%3Ccircle fill='rgb(0,116,217)' cx='18.3' cy='18.3' r='2.7'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-percent.disabled, [class^="icon-"].icon-percent:disabled,
[class*=" icon-"].icon-percent.disabled,
[class*=" icon-"].icon-percent:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M20.6 4.7l-1.3-1.3c-.5-.5-1.4-.5-1.9 0l-14 14c-.5.5-.5 1.4 0 1.9l1.3 1.3c.5.5 1.4.5 1.9 0l14-14c.5-.5.5-1.4 0-1.9z'/%3E%3Ccircle fill='rgb(195,207,216)' cx='5.7' cy='5.7' r='2.7'/%3E%3Ccircle fill='rgb(195,207,216)' cx='18.3' cy='18.3' r='2.7'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-payment,
[class*=" icon-"].icon-payment {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M12.7 9.1c.2.2.5.2.7 0l4.2-4.6c.2-.3 0-.5-.3-.5H15V.9c0-.5-.6-.9-1.1-.9h-1.8c-.5 0-1.1.4-1.1.9V4H8.8c-.3 0-.5.2-.3.5l4.2 4.6zM3 20.8V15h-.6c-.8 0-1.4.4-1.4 1.2v6.5c0 .7.6 1.3 1.4 1.3h15.7c.8 0 .9-.6.9-1.4V22H4.2c-.7 0-1.2-.5-1.2-1.2zM23 12.4c0-.8-.6-1.4-1.4-1.4H6.4c-.8 0-1.4.6-1.4 1.4v6.2c0 .8.6 1.4 1.4 1.4h15.2c.8 0 1.4-.6 1.4-1.4v-6.2zm-9.1 6.1c-1.5 0-2.8-1.2-2.8-2.8 0-1.5 1.2-2.8 2.8-2.8 1.5 0 2.8 1.2 2.8 2.8 0 1.5-1.2 2.8-2.8 2.8z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-payment.disabled, [class^="icon-"].icon-payment:disabled,
[class*=" icon-"].icon-payment.disabled,
[class*=" icon-"].icon-payment:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M12.7 9.1c.2.2.5.2.7 0l4.2-4.6c.2-.3 0-.5-.3-.5H15V.9c0-.5-.6-.9-1.1-.9h-1.8c-.5 0-1.1.4-1.1.9V4H8.8c-.3 0-.5.2-.3.5l4.2 4.6zM3 20.8V15h-.6c-.8 0-1.4.4-1.4 1.2v6.5c0 .7.6 1.3 1.4 1.3h15.7c.8 0 .9-.6.9-1.4V22H4.2c-.7 0-1.2-.5-1.2-1.2zM23 12.4c0-.8-.6-1.4-1.4-1.4H6.4c-.8 0-1.4.6-1.4 1.4v6.2c0 .8.6 1.4 1.4 1.4h15.2c.8 0 1.4-.6 1.4-1.4v-6.2zm-9.1 6.1c-1.5 0-2.8-1.2-2.8-2.8 0-1.5 1.2-2.8 2.8-2.8 1.5 0 2.8 1.2 2.8 2.8 0 1.5-1.2 2.8-2.8 2.8z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-discount,
[class*=" icon-"].icon-discount {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M6.5 20H6v-.5c0-.3-.2-.5-.5-.5h-1c-.3 0-.5.2-.5.5V21c0 .6.4 1 1 1h1.5c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 19h-1c-.3 0-.5.2-.5.5v.5h-.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5H23c.6 0 1-.4 1-1v-1.5c0-.3-.2-.5-.5-.5zM23 8h-1.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h.5v.5c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5V9c0-.6-.4-1-1-1zM12.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM18.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 13h-1c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5zM16.9 14l-6-4.9 6-4.9c-1-1.3-2.9-1.5-4.2-.4L8.5 7.2 6.8 5.7c.1-.4.2-.8.2-1.2C7 2.6 5.4 1 3.5 1S0 2.6 0 4.5 1.6 8 3.5 8c.4 0 .7-.1 1.1-.2l1.6 1.3-1.4 1.1c-.4-.1-.9-.2-1.3-.2C1.6 10 0 11.6 0 13.5S1.6 17 3.5 17 7 15.4 7 13.5c0-.4-.1-.7-.2-1.1L8.5 11l4.2 3.4c1.3 1.1 3.2.9 4.2-.4zM2 4.5C2 3.7 2.7 3 3.5 3S5 3.7 5 4.5 4.3 6 3.5 6 2 5.3 2 4.5zM3.5 15c-.8 0-1.5-.7-1.5-1.5S2.7 12 3.5 12s1.5.7 1.5 1.5S4.3 15 3.5 15zM18.5 8h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-discount.disabled, [class^="icon-"].icon-discount:disabled,
[class*=" icon-"].icon-discount.disabled,
[class*=" icon-"].icon-discount:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M6.5 20H6v-.5c0-.3-.2-.5-.5-.5h-1c-.3 0-.5.2-.5.5V21c0 .6.4 1 1 1h1.5c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 19h-1c-.3 0-.5.2-.5.5v.5h-.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5H23c.6 0 1-.4 1-1v-1.5c0-.3-.2-.5-.5-.5zM23 8h-1.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h.5v.5c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5V9c0-.6-.4-1-1-1zM12.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM18.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 13h-1c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5zM16.9 14l-6-4.9 6-4.9c-1-1.3-2.9-1.5-4.2-.4L8.5 7.2 6.8 5.7c.1-.4.2-.8.2-1.2C7 2.6 5.4 1 3.5 1S0 2.6 0 4.5 1.6 8 3.5 8c.4 0 .7-.1 1.1-.2l1.6 1.3-1.4 1.1c-.4-.1-.9-.2-1.3-.2C1.6 10 0 11.6 0 13.5S1.6 17 3.5 17 7 15.4 7 13.5c0-.4-.1-.7-.2-1.1L8.5 11l4.2 3.4c1.3 1.1 3.2.9 4.2-.4zM2 4.5C2 3.7 2.7 3 3.5 3S5 3.7 5 4.5 4.3 6 3.5 6 2 5.3 2 4.5zM3.5 15c-.8 0-1.5-.7-1.5-1.5S2.7 12 3.5 12s1.5.7 1.5 1.5S4.3 15 3.5 15zM18.5 8h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-report,
[class*=" icon-"].icon-report {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M4 9.667C4 9.297 3.702 9 3.333 9H1.667C1.297 9 1 9.298 1 9.667v5.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V9.667zM8 3.667C8 3.297 7.702 3 7.333 3H5.667C5.297 3 5 3.298 5 3.667v11.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V3.667zM12 .667c0-.37-.298-.667-.667-.667H9.667C9.297 0 9 .298 9 .667v14.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V.667zM16 6.667c0-.37-.298-.667-.667-.667h-1.667c-.368 0-.666.298-.666.667v8.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V6.667z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-report.disabled, [class^="icon-"].icon-report:disabled,
[class*=" icon-"].icon-report.disabled,
[class*=" icon-"].icon-report:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M4 9.667C4 9.297 3.702 9 3.333 9H1.667C1.297 9 1 9.298 1 9.667v5.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V9.667zM8 3.667C8 3.297 7.702 3 7.333 3H5.667C5.297 3 5 3.298 5 3.667v11.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V3.667zM12 .667c0-.37-.298-.667-.667-.667H9.667C9.297 0 9 .298 9 .667v14.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V.667zM16 6.667c0-.37-.298-.667-.667-.667h-1.667c-.368 0-.666.298-.666.667v8.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V6.667z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-customers,
[class*=" icon-"].icon-customers {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M13.08 8.26c-.68-.275-.674-.732-.674-1.007 0-.274.29-.657.566-.903.48-.423.777-1.04.777-1.737 0-1.206-1.018-2.21-2.224-2.257-.896-.03-1.658.41-2.062 1.1-.088.15-.03.337.127.415 1.12.555 1.873 1.69 1.873 3.03 0 .87-.32 1.698-.894 2.332-.128.14-.077.362.094.442.663.31 2.044.745 2.598 1.462.055.07.134-.136.224-.136h1.657c.473 0 .857.116.857-.358v-.12c0-1.308-1.93-1.85-2.92-2.263zM5.398 9.232c-.542-.603-.827-1.39-.827-2.304 0-1.348.74-2.53 1.863-3.08.16-.077.22-.267.128-.418-.5-.816-1.523-1.265-2.634-.993-1.006.24-1.64 1.17-1.64 2.21 0 .698.223 1.28.71 1.704.273.247.6.63.6.904s-.035.73-.715 1.006C1.89 8.67 0 9.214 0 10.522v.12c0 .474.384.358.857.358h1.656c.09 0 .17.206.226.133.544-.716 1.905-1.277 2.56-1.59.167-.078.222-.173.098-.31zM9.867 10.546c-.68-.278-.78-.735-.78-1.006 0-.274.234-.656.508-.9.483-.426.754-1.046.754-1.74 0-1.492-1.39-2.55-2.957-2.184-1.018.237-1.672 1.168-1.672 2.212 0 .695.223 1.286.706 1.71.274.246.596.628.596.902 0 .27-.248.728-.927 1.006C5.11 10.954 3 11.5 3 12.806v.122C3 13.4 3.812 14 4.286 14h7.43c.472 0 1.284-.6 1.284-1.072v-.122c0-1.307-2.147-1.852-3.133-2.26z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-customers.disabled, [class^="icon-"].icon-customers:disabled,
[class*=" icon-"].icon-customers.disabled,
[class*=" icon-"].icon-customers:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M13.08 8.26c-.68-.275-.674-.732-.674-1.007 0-.274.29-.657.566-.903.48-.423.777-1.04.777-1.737 0-1.206-1.018-2.21-2.224-2.257-.896-.03-1.658.41-2.062 1.1-.088.15-.03.337.127.415 1.12.555 1.873 1.69 1.873 3.03 0 .87-.32 1.698-.894 2.332-.128.14-.077.362.094.442.663.31 2.044.745 2.598 1.462.055.07.134-.136.224-.136h1.657c.473 0 .857.116.857-.358v-.12c0-1.308-1.93-1.85-2.92-2.263zM5.398 9.232c-.542-.603-.827-1.39-.827-2.304 0-1.348.74-2.53 1.863-3.08.16-.077.22-.267.128-.418-.5-.816-1.523-1.265-2.634-.993-1.006.24-1.64 1.17-1.64 2.21 0 .698.223 1.28.71 1.704.273.247.6.63.6.904s-.035.73-.715 1.006C1.89 8.67 0 9.214 0 10.522v.12c0 .474.384.358.857.358h1.656c.09 0 .17.206.226.133.544-.716 1.905-1.277 2.56-1.59.167-.078.222-.173.098-.31zM9.867 10.546c-.68-.278-.78-.735-.78-1.006 0-.274.234-.656.508-.9.483-.426.754-1.046.754-1.74 0-1.492-1.39-2.55-2.957-2.184-1.018.237-1.672 1.168-1.672 2.212 0 .695.223 1.286.706 1.71.274.246.596.628.596.902 0 .27-.248.728-.927 1.006C5.11 10.954 3 11.5 3 12.806v.122C3 13.4 3.812 14 4.286 14h7.43c.472 0 1.284-.6 1.284-1.072v-.122c0-1.307-2.147-1.852-3.133-2.26z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-gear,
[class*=" icon-"].icon-gear {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(0,116,217)' d='M15.733 6.767l-1.77-.36c-.117-.025-.21-.112-.245-.227-.102-.323-.232-.636-.39-.935-.056-.107-.053-.234.013-.335l1-1.51c.086-.13.07-.304-.042-.415L13.02 1.707c-.114-.114-.292-.132-.426-.043l-1.504.995c-.1.066-.228.07-.335.013-.3-.158-.61-.288-.935-.39-.114-.037-.202-.13-.226-.247l-.36-1.77C9.2.113 9.063 0 8.906 0H7.093c-.158 0-.295.11-.326.267l-.36 1.77c-.025.117-.113.21-.227.245-.323.102-.636.232-.935.39-.107.056-.234.053-.335-.013l-1.504-.996c-.134-.09-.312-.07-.426.043L1.702 2.985c-.11.11-.128.284-.042.415l1 1.51c.066.1.07.228.012.335-.158.3-.288.612-.39.935-.036.114-.128.202-.246.226l-1.77.36C.113 6.8 0 6.937 0 7.094v1.813c0 .158.11.295.267.327l1.77.36c.117.025.21.112.245.227.102.323.232.636.39.935.056.107.053.234-.013.335l-.996 1.504c-.09.134-.07.312.043.426l1.273 1.273c.114.114.292.132.426.043l1.504-.995c.1-.066.228-.07.335-.012.3.158.61.288.935.39.115.036.202.128.226.246l.36 1.77c.032.155.17.266.327.266h1.813c.158 0 .295-.11.327-.267l.36-1.77c.025-.117.112-.21.227-.245.323-.102.636-.232.935-.39.107-.056.234-.053.335.013l1.504.996c.134.09.312.07.426-.043l1.273-1.273c.114-.114.132-.292.043-.426l-.995-1.504c-.066-.1-.07-.228-.012-.335.158-.3.288-.61.39-.935.036-.115.128-.202.246-.226l1.77-.36c.155-.032.266-.17.266-.327V7.093c0-.158-.112-.295-.267-.326zM10.667 8c0 1.473-1.193 2.667-2.667 2.667S5.333 9.473 5.333 8c0-1.473 1.193-2.667 2.667-2.667S10.667 6.527 10.667 8z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-gear.disabled, [class^="icon-"].icon-gear:disabled,
[class*=" icon-"].icon-gear.disabled,
[class*=" icon-"].icon-gear:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M15.733 6.767l-1.77-.36c-.117-.025-.21-.112-.245-.227-.102-.323-.232-.636-.39-.935-.056-.107-.053-.234.013-.335l1-1.51c.086-.13.07-.304-.042-.415L13.02 1.707c-.114-.114-.292-.132-.426-.043l-1.504.995c-.1.066-.228.07-.335.013-.3-.158-.61-.288-.935-.39-.114-.037-.202-.13-.226-.247l-.36-1.77C9.2.113 9.063 0 8.906 0H7.093c-.158 0-.295.11-.326.267l-.36 1.77c-.025.117-.113.21-.227.245-.323.102-.636.232-.935.39-.107.056-.234.053-.335-.013l-1.504-.996c-.134-.09-.312-.07-.426.043L1.702 2.985c-.11.11-.128.284-.042.415l1 1.51c.066.1.07.228.012.335-.158.3-.288.612-.39.935-.036.114-.128.202-.246.226l-1.77.36C.113 6.8 0 6.937 0 7.094v1.813c0 .158.11.295.267.327l1.77.36c.117.025.21.112.245.227.102.323.232.636.39.935.056.107.053.234-.013.335l-.996 1.504c-.09.134-.07.312.043.426l1.273 1.273c.114.114.292.132.426.043l1.504-.995c.1-.066.228-.07.335-.012.3.158.61.288.935.39.115.036.202.128.226.246l.36 1.77c.032.155.17.266.327.266h1.813c.158 0 .295-.11.327-.267l.36-1.77c.025-.117.112-.21.227-.245.323-.102.636-.232.935-.39.107-.056.234-.053.335.013l1.504.996c.134.09.312.07.426-.043l1.273-1.273c.114-.114.132-.292.043-.426l-.995-1.504c-.066-.1-.07-.228-.012-.335.158-.3.288-.61.39-.935.036-.115.128-.202.246-.226l1.77-.36c.155-.032.266-.17.266-.327V7.093c0-.158-.112-.295-.267-.326zM10.667 8c0 1.473-1.193 2.667-2.667 2.667S5.333 9.473 5.333 8c0-1.473 1.193-2.667 2.667-2.667S10.667 6.527 10.667 8z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-apps,
[class*=" icon-"].icon-apps {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(0,116,217)' d='M12.383 9.734c.59.41.882 1.044.87 1.675-.004.29.357.43.563.226l1.894-1.894c.387-.387.387-1.015 0-1.402l-2.498-2.498c-.167-.167-.115-.463.11-.54.397-.133.76-.396 1.02-.798.432-.662.416-1.56-.04-2.204-.734-1.033-2.175-1.123-3.03-.268-.216.216-.37.47-.463.74-.08.23-.387.28-.56.108L7.767.397C7.38.01 6.75.01 6.364.397L4.472 2.29c-.215.214-.05.565.257.565.504 0 1.013.192 1.4.58.87.87.765 2.34-.316 3.06-.663.443-1.568.435-2.216-.028-.576-.412-.86-1.04-.855-1.664.01-.29-.355-.43-.56-.224L.29 6.47c-.387.388-.387 1.016 0 1.403l2.498 2.498c.167.168.115.464-.11.54-.397.134-.76.397-1.02.8-.432.66-.416 1.56.04 2.203.734 1.033 2.175 1.123 3.03.268.216-.215.37-.47.463-.74.08-.23.387-.28.56-.107l2.483 2.484c.387.387 1.015.387 1.402 0l1.892-1.892c.215-.215.05-.564-.254-.563-.508 0-1.016-.193-1.404-.582-.86-.86-.768-2.304.278-3.037.658-.462 1.574-.466 2.235-.01z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-apps.disabled, [class^="icon-"].icon-apps:disabled,
[class*=" icon-"].icon-apps.disabled,
[class*=" icon-"].icon-apps:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M12.383 9.734c.59.41.882 1.044.87 1.675-.004.29.357.43.563.226l1.894-1.894c.387-.387.387-1.015 0-1.402l-2.498-2.498c-.167-.167-.115-.463.11-.54.397-.133.76-.396 1.02-.798.432-.662.416-1.56-.04-2.204-.734-1.033-2.175-1.123-3.03-.268-.216.216-.37.47-.463.74-.08.23-.387.28-.56.108L7.767.397C7.38.01 6.75.01 6.364.397L4.472 2.29c-.215.214-.05.565.257.565.504 0 1.013.192 1.4.58.87.87.765 2.34-.316 3.06-.663.443-1.568.435-2.216-.028-.576-.412-.86-1.04-.855-1.664.01-.29-.355-.43-.56-.224L.29 6.47c-.387.388-.387 1.016 0 1.403l2.498 2.498c.167.168.115.464-.11.54-.397.134-.76.397-1.02.8-.432.66-.416 1.56.04 2.203.734 1.033 2.175 1.123 3.03.268.216-.215.37-.47.463-.74.08-.23.387-.28.56-.107l2.483 2.484c.387.387 1.015.387 1.402 0l1.892-1.892c.215-.215.05-.564-.254-.563-.508 0-1.016-.193-1.404-.582-.86-.86-.768-2.304.278-3.037.658-.462 1.574-.466 2.235-.01z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-themes,
[class*=" icon-"].icon-themes {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M23.5 7.7C22.4 3 17.5.1 12 .1 5.4.1 0 5.4 0 12c0 6.6 5.4 12 12 12 9.2 0 8.5-4.7 5.5-6.5-1.7-1.1-2.6-3.6-.9-5.4 3.2-3.4 8.3 1.9 6.9-4.4zM4.3 17.1c-.3 0-.4-.3-.2-.5 1.9-2.3.4-4.5 3.3-5.4.2-.1.4 0 .5.1l1.9 1.9c.1.1.2.3.1.4-.4 3.2-4 3.5-5.6 3.5zM16.5 6.5l-4.9 4.9c-.2.2-.5.2-.7 0l-1.3-1.3c-.2-.2-.2-.5 0-.7l4.9-4.9c1.3-1.3 2.7-1.9 3.3-1.3.5.6 0 2-1.3 3.3z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-themes.disabled, [class^="icon-"].icon-themes:disabled,
[class*=" icon-"].icon-themes.disabled,
[class*=" icon-"].icon-themes:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M23.5 7.7C22.4 3 17.5.1 12 .1 5.4.1 0 5.4 0 12c0 6.6 5.4 12 12 12 9.2 0 8.5-4.7 5.5-6.5-1.7-1.1-2.6-3.6-.9-5.4 3.2-3.4 8.3 1.9 6.9-4.4zM4.3 17.1c-.3 0-.4-.3-.2-.5 1.9-2.3.4-4.5 3.3-5.4.2-.1.4 0 .5.1l1.9 1.9c.1.1.2.3.1.4-.4 3.2-4 3.5-5.6 3.5zM16.5 6.5l-4.9 4.9c-.2.2-.5.2-.7 0l-1.3-1.3c-.2-.2-.2-.5 0-.7l4.9-4.9c1.3-1.3 2.7-1.9 3.3-1.3.5.6 0 2-1.3 3.3z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-pages,
[class*=" icon-"].icon-pages {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M16.5 6h-15C.7 6 0 6.7 0 7.5v15c0 .8.7 1.5 1.5 1.5h15c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5zM13 20H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zM22.5 0h-15C6.7 0 6 .7 6 1.5v2c0 .3.2.5.5.5h12c.8 0 1.5.7 1.5 1.5v12c0 .3.2.5.5.5h2c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-pages.disabled, [class^="icon-"].icon-pages:disabled,
[class*=" icon-"].icon-pages.disabled,
[class*=" icon-"].icon-pages:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M16.5 6h-15C.7 6 0 6.7 0 7.5v15c0 .8.7 1.5 1.5 1.5h15c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5zM13 20H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zM22.5 0h-15C6.7 0 6 .7 6 1.5v2c0 .3.2.5.5.5h12c.8 0 1.5.7 1.5 1.5v12c0 .3.2.5.5.5h2c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-navigation,
[class*=" icon-"].icon-navigation {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(0,116,217)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm6.7 5.7c-.5 1.7-2.1 7-4 8.8l-.1.1-.1.1c-1.9 1.9-7.2 3.5-8.8 4-.2.1-.4-.1-.4-.4.5-1.7 2.1-7 4-8.8l.1-.1.1-.1c1.9-1.9 7.2-3.5 8.8-4 .3-.1.5.1.4.4z'/%3E%3Ccircle fill='rgb(0,116,217)' cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-navigation.disabled, [class^="icon-"].icon-navigation:disabled,
[class*=" icon-"].icon-navigation.disabled,
[class*=" icon-"].icon-navigation:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm6.7 5.7c-.5 1.7-2.1 7-4 8.8l-.1.1-.1.1c-1.9 1.9-7.2 3.5-8.8 4-.2.1-.4-.1-.4-.4.5-1.7 2.1-7 4-8.8l.1-.1.1-.1c1.9-1.9 7.2-3.5 8.8-4 .3-.1.5.1.4.4z'/%3E%3Ccircle fill='rgb(195,207,216)' cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

[class^="icon-"].icon-post,
[class*=" icon-"].icon-post {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M12 1C5.4 1 0 5.9 0 12c0 1.9.5 3.7 1.5 5.3L0 21.7c-.1.4 0 .8.2 1 .3.2.5.3.8.3.1 0 .2 0 .3-.1l4.5-1.5c1.9 1 4 1.6 6.2 1.6 6.6 0 12-4.9 12-11S18.6 1 12 1zm5 16H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1zM6 12c0-.6.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1H7c-.6 0-1-.4-1-1zm11-3H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-post.disabled, [class^="icon-"].icon-post:disabled,
[class*=" icon-"].icon-post.disabled,
[class*=" icon-"].icon-post:disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12 1C5.4 1 0 5.9 0 12c0 1.9.5 3.7 1.5 5.3L0 21.7c-.1.4 0 .8.2 1 .3.2.5.3.8.3.1 0 .2 0 .3-.1l4.5-1.5c1.9 1 4 1.6 6.2 1.6 6.6 0 12-4.9 12-11S18.6 1 12 1zm5 16H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1zM6 12c0-.6.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1H7c-.6 0-1-.4-1-1zm11-3H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1z'/%3E%3C/svg%3E");
}

[class^="icon-"].icon-photos,
[class*=" icon-"].icon-photos {
    background-image: url("data:image/svg+xml;charset=utf8,");
}
*/
/*NewUIFramework.css file*/
.newUIDetailWidth .grid-12 { /* Width for content screens similar to new dashboard width */
    width: 100% !important;
}

.detailCssNew {
    width: 100% !important;
}

.newUISectionTitle { /* Width for Account Summary screen - Section Title */
    /*width: 1050px !important;*/
    width: 100% !important;
}

.divPositionRel {
    position: relative;
}

.productList a.applyBtn {
    height: auto !important;
    line-height: 18px !important;
    padding: 5px 10px 5px !important;
    box-shadow: none !important;
    border: 1px solid @productlist-applybtn-border-color;
}

.activeGrp {
    float: left;
    padding-right: 5px;
}

.table.table tr td input.AcctSubGrpTxtBx {
    border: 1px solid #CCC !important;
}

.control-group .formUnit {
    padding-left: 0px !important;
}

.amttxl {
    text-align: left !important;
}

.marRightAmt {
    margin-right: 20px !important;
}

.cdAmtWidth {
    width: 8% !important;
}

.amtPadr {
    padding-right: 30px !important;
}

.alignSheet {
    padding: 0px !important;
    width: 100% !important;
}

.padZero {
    padding: 0 !important;
}

/*#cubusfancyboxdiv {
    position: absolute !important;
}*/

/*Not available in demo box styles*/
/*button:focus, .button:focus {
    border-color: rgba(0, 0, 0, 0.1);
}*/

.SideWidgetsBackground {
    box-shadow: none !important;
    background: @side-widgets-bgcolor !important;
}

.DynDivheight {
    height: 225px;
}

.NewUIStyle #canvas .widget {
    box-shadow: none !important; /*//CubusOne-Added for box shadow issue in Account Summary.*/
}

.OLDUIBodyCSS {
    background: @body-bgcolor;
    font-family: @primary-font;
    font-size: @primary-font-size;
    color: @primary-font-color;
    margin: 0;
    padding: 0;
}
/*Added fix for popup button hover color looks like link*/
a.button:hover {
    color: @primary-button-hover-font-color !important;
}

.leftMenuAddScroll {
    overflow: auto;
    /*overflow-x: hidden;*/
    min-width: 1024px !important;
}

.leftMenuHideScroll {
    overflow: hidden;
    width: ~"calc(100% - 17px)";
    min-width: 1024px !important;
}

.leftMenuHideScroll header {
    border-bottom: 0;
}

.leftMenuHideScroll header::after {
    border-bottom: 5px solid @header-border-color;
    content: '';
    display: block;
    width: ~"calc(100% + 17px)";
}

.leftMenuHideScroll #canvas {
    border-right: 0px !important;
}

.profileActivityPager .btn {
    line-height: 22px !important;
    min-height: 24px !important;
}

.profileActivityPager .goToMargin {
    margin-bottom: 3px !important;
    min-height: 20px !important;
}

.profileActivityPager .gotoTxt {
    vertical-align: baseline;
}

.accountProfile h3[aria-expanded*="true"] {
    border: 1px solid @accountprofile-expanded-border-color;
    background: @accountprofile-expanded-bgcolor;
}

.regName .mardr10 {
    margin-right: 10px !important;
}

.msgFilePathLbl {
    display: inline-block;
    width: 90%;
    word-wrap: break-word;
    vertical-align: top;
    padding-left: 3px;
    padding-bottom: 5px;
}

.msgFileUploadBtn {
    display: inline-block;
    width: 45%;
}

.msgFileHide {
    display: none;
}
/*PotentialMember.css - Begin*/
.leftnav {
    float: left;
    width: 48%;
    margin: 0;
    border-right: 1px solid @potentialmember-questionairre-border-color;
    padding-left: 10px;
    margin-top: 10px;
}

.emptydiv {
    height: 30px;
}

.rightnav {
    float: right;
    margin: 0;
    padding-left: 20px;
    width: 48%;
    margin-top: 10px;
}

.contentclass {
    height: 50px;
    width: 380px;
}

.aligndiv {
    float: right;
    padding-right: 15px;
}

.pmsteps {
    display: inline-block;
    margin: 0;
}

ol.pmsteps li:first-child {
    margin-left: 20px;
}

ol.pmsteps li span {
    color: @potentialmember-steps-font-color;
    font-size: 13px;
}

ol.pmsteps li.current {
    color: @potentialmember-steps-current-font-color;
}

ol.pmsteps li.current span {
    font-weight: 700;
    color: @potentialmember-steps-current-font-color;
}

ol.pmsidelist {
    width: 100%;
    margin-bottom: 25px;
}

ol.pmsidelist li {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    text-indent: 5px;
    border-left: 0;
    border-bottom: 1px solid @potentialmember-steps-border-bottom-color;
    color: @potentialmember-steps-font-color;
    /*//CubusOne-StyleChanges-Begin*/
    background: @potentialmember-steps-bgcolor;
    list-style: decimal;
    /*//CubusOne-StyleChanges-End*/
    display: block;
}

ol.pmsidelist li:first-child {
    margin-left: 0;
}

ol.pmsidelist li.current {
    color: @potentialmember-steps-current-font-color;
    font-weight: 700;
    background: 0;
}

.potentialmbr .framework .side {
    box-shadow: none !important;
}

.Textwrap {
    display: inline-block;
    width: 200px;
    word-wrap: break-word;
}

.ConfirmTextwrap {
    display: inline-block;
    width: 500px;
    word-wrap: break-word;
}

.checkboxright {
    float: right;
    /*margin-right: 40px;*/
    margin-top: 10px;
    /*width: 30%;*/
    width: 60%;
}

.checkboxJoint {
    float: right;
    /*margin-right: 110px;*/
    margin-top: 10px;
    /*width: 40%;*/
    width: 72%;
}

.checkboxView {
    /*margin-right: 100px;*/
    float: right;
    width: 80%;
}

.checkboxright input[type="checkbox"], .checkboxJoint input[type="checkbox"] {
    margin-top: 0px !important;
}

.checkboxView input[type="checkbox"] {
    margin-top: 2px !important;
}

.potentialmbr .ajaxTabArea .ajax__tab_header .ajax__tab_inner {
    background: none !important;
    border-color: transparent !important;
    color: @primary-font-color !important;
    padding: 0px !important;
}

.potentialmbr .ajaxTabArea .ajax__tab_header .ajax__tab_outer {
    background: none !important;
    border-color: transparent !important;
    color: @primary-font-color !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
}

.potentialmbr .ajaxTabArea .ajax__tab_header {
    display: inline-block !important;
    line-height: 1 !important;
}

.potentialmbr .ajaxTabArea .ajax__tab_body {
    padding: 0px !important;
    border-top: 0px !important;
}
/*PotentialMember.css - End*/
/*Styles_Merge-BEGIN*/
/****Merged From Styles.css*/
.NewStyles .DeleteCenter {
    position: absolute !important;
    left: 30% !important;
}

.NewStyles .accounttransactions td {
    font-family: Verdana, Geneva, sans-serif;
    border-top: 1px solid #fff;
    padding: 6px 0;
}

.NewStyles .accounttransactions .dd-holder {
    position: relative;
}

.NewStyles .accounttransactions .dd-holder a.trigger {
    display: block;
    height: 20px;
    width: 190px;
    background: url(/Images/widget-dd-bg.gif) repeat-x 0 0;
    border: 1px solid #999;
    line-height: 18px;
    color: #333;
    position: relative;
    z-index: 2;
    text-decoration: none;
    padding-left: 7px;
}

.NewStyles .accounttransactions .dd-holder a.trigger span {
    height: 6px;
    width: 11px;
    background: url(/Images/drop-down-trigger.gif) no-repeat 0 0;
    position: absolute;
    top: 7px;
    right: 4px;
    z-index: 3;
}

.NewStyles .accounttransactions .dd-holder .drop-down {
    width: 197px;
    position: absolute;
    top: 20px;
    background: #e4e4e3;
    border: 1px solid #999;
    border-top: 0;
    z-index: 4;
    padding: 4px 0 4px 0;
    display: none;
    font-size: 11px;
}

.NewStyles .accounttransactions .dd-holder .drop-down ul {
    height: 102px;
    width: 189px;
    overflow: auto;
    padding: 0 0 2px 8px;
    border-bottom: 1px solid #999;
}

.NewStyles .accounttransactions .dd-holder .drop-down ul li {
    padding-bottom: 1px;
}

.NewStyles .accounttransactions .dd-holder .drop-down ul li a {
    text-decoration: none;
    color: #000;
}

.NewStyles .accounttransactions .dd-holder .drop-down p {
    padding: 5px 0 0 8px;
    line-height: 18px;
}

.NewStyles .accounttransactions .dd-holder .drop-down p a {
    color: #336699;
    text-decoration: none;
}

.NewStyles .accounttransactions .dd-holder .drop-down p a:hover {
    text-decoration: underline;
}

.NewStyles .accounttransactions tr.no-bottom-border td {
    border-bottom: 0;
}

.NewStyles .accounttransactions tr.expandable td {
    border-top: 0;
    padding: 8px 0 20px 20px;
    display: none;
}

.NewStyles .accounttransactions tr.expandable td .left {
    width: 240px;
    float: left;
    display: inline;
    padding-right: 26px;
}

.NewStyles .accounttransactions tr.expandable td .left p {
    color: #333;
    padding-bottom: 7px;
}

.NewStyles .accounttransactions tr.expandable td .left p span {
    color: #666;
    width: 105px;
    float: left;
    display: inline;
}

.NewStyles .accounttransactions tr.expandable td .right {
    width: 480px;
    float: left;
    display: inline;
}

.NewStyles .accounttransactions tr.expandable td .right h3 {
    font-size: 11px;
    line-height: 13px;
    color: #333;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.NewStyles .accounttransactions tr.expandable td .right p {
    padding-bottom: 6px;
    color: #becad6;
}

.NewStyles .accounttransactions tr.expandable td .right p a {
    text-decoration: none;
}

.NewStyles .accounttransactions tr.expandable td .right p a:hover {
    text-decoration: underline;
}

.NewStyles .accounttransactions tr.expandable td .right p a.activated {
    color: #666;
}

.NewStyles .accounttransactions tr.expandable td .right .img {
    display: none;
}


/* Styles from jquery.css starts */
/* Quicklinks Styles */
.NewStyles .j-carousel {
    display: inline;
    height: 84px;
    position: relative;
    top: 84px;
}

.NewStyles .jcarousel-container {
    position: relative;
}

.NewStyles .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.NewStyles .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.NewStyles .jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

.NewStyles .jcarousel-next {
    z-index: 3;
    display: none;
}

.NewStyles .jcarousel-prev {
    z-index: 3;
    display: none;
}

.NewStyles .jcarousel-skin-tango {
    width: 100%;
    float: left;
    margin-left: 9px;
    margin-top: -180px;
    display: inline;
}

.NewStyles .jcarousel-skin-tango .jcarousel-container {
    margin: 0 auto;
    width: 900px;
    background: #669ACC;
    border: 1px solid #669ACC;
    height: 84px;
    -moz-box-shadow: 0 3px 3px #666;
    -webkit-box-shadow: 0 3px 3px #666;
    box-shadow: 0 3px 3px #666;
}

.NewStyles .jcarousel-skin-tango .jcarousel-container-text {
    margin: 0 auto;
    width: 900px;
    background: #669ACC;
    border: 1px solid #669ACC;
    height: 84px;
    -moz-box-shadow: 0 3px 3px #666;
    -webkit-box-shadow: 0 3px 3px #666;
    box-shadow: 0 3px 3px #666;
}

.NewStyles .jcarousel-skin-tango .jcarousel-container-horizontal {
    margin: 0px auto;
    width: 900px;
    padding: 5px 40px 5px 40px;
    z-index: 10;
}

.NewStyles .jcarousel-skin-tango .jcarousel-container-horizontal-text {
    margin: 0 auto;
    width: 900px;
    padding: 5px 40px 5px 40px;
    z-index: 10;
}

.NewStyles .jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-container-vertical-text {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 900px;
    height: 84px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-clip-text-horizontal {
    width: 940px;
    height: 84px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 75px;
    height: 245px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-clip-vertical-text {
    width: 75px;
    height: 245px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item {
    width: 95px;
    height: 84px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-text {
    width: 95px;
    height: 24px;
    border-bottom: dotted 2px #fff;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-horizontal {
    text-align: center;
    height: 84px;
    border-right: dotted 2px #B1CCE7;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-text-horizontal {
    float: left;
    text-align: left;
    height: 24px;
    line-height: 24px;
    border-bottom: dotted 2px #B1CCE7;
    border-right: none;
    margin-right: 8px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-horizontal a {
    vertical-align: text-top;
    text-decoration: none;
    opacity: 0.8;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-horizontal a img {
    opacity: 0.8;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-horizontal a:hover {
    vertical-align: text-top;
    text-decoration: none;
    opacity: 1;
    font-weight: bold;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-horizontal a:hover img {
    opacity: 1;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-horizontal-text a {
    vertical-align: middle;
    text-decoration: none;
}

.NewStyles .jcarousel-inner {
    height: 60px;
    width: 95px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.NewStyles .jcarousel-inner-text {
    height: 24px;
    width: 95px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.NewStyles .jcarousel-inner img {
    vertical-align: middle;
}

.NewStyles .jcarousel-text {
    color: White;
    text-shadow: #666 2px 2px 2px;
}

.NewStyles .jcarousel-text-big {
    color: White;
    font-size: 9pt;
    text-shadow: #666 2px 2px 2px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.NewStyles .jcarousel-skin-tango .jcarousel-item-placeholder-text {
    background: #fff;
    color: #000;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 21px;
    height: 94px;
    cursor: pointer;
    background: transparent url(/Images/carousel/arrow_right.png) no-repeat 0 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -21px 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -42px 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -63px 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 21px;
    height: 94px;
    cursor: pointer;
    background: transparent url(/Images/carousel/arrow_left.png) no-repeat 0 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -21px 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -42px 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -63px 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.NewStyles .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/* Dropdown Styles */
.NewStyles .dd {
    text-align: left;
    height: 22px;
    color: #000;
    font-size: 8pt;
    float: left;
    margin-right: 5px;
}

.NewStyles .widgetFooter .dd {
    text-align: left;
    height: 22px;
    color: #000;
    font-size: 8pt;
    float: right;
    margin-top: 13px;
    margin-right: 8%;
    width: 125px;
}

.NewStyles .dd .ddTitle {
    background: url(/Images/dd_bkg.png) repeat-x 0 0;
    border: 1px solid #99999B;
    padding: 0 5px 5px 5px;
    text-indent: 0;
    cursor: default;
    overflow: hidden;
    height: 12px;
}

.NewStyles .dd .ddTitle span.arrow {
    background: url(/Images/dd_arrow.png) no-repeat 0 0;
    float: right;
    display: inline-block;
    width: 9px;
    height: 9px;
    cursor: pointer;
    margin: 4px -2px 0 0;
}

.NewStyles .dd .ddTitle span.textTitle {
    text-indent: 1px;
    overflow: hidden;
    line-height: 16px;
}

.NewStyles .dd .ddTitle span.textTitle img {
    text-align: left;
    padding: 0 2px 0 0;
}

.NewStyles .dd .ddTitle img.selected {
    padding: 0 3px 0 0;
    vertical-align: top;
}

.NewStyles .dd .ddChild {
    position: absolute;
    border: 1px solid #c3c3c3;
    border-top: none;
    display: none;
    margin: 0;
    width: auto;
    overflow: auto;
    overflow-x: hidden !important;
    background-color: #E4E4E3;
}

.NewStyles .dd .ddChild .opta a, .dd .ddChild .opta a:visited {
    padding-left: 10px;
}

.NewStyles .dd .ddChild a {
    display: block;
    padding: 3px 0 3px 3px;
    text-decoration: none;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.NewStyles .dd .ddChild a:hover {
    background: #6699CC;
}

.NewStyles .dd .ddChild a img {
    border: 0;
    padding: 0 2px 0 0;
    vertical-align: middle;
}

.NewStyles .dd .ddChild a.selected {
    background: #6699CC;
    color: #FFFFFF;
    font-weight: bold;
}


/* Sitemarker Styles */
.NewStyles .j-sitemarker {
    display: block;
}

.NewStyles .jsitemarker-container {
    position: relative;
}

.NewStyles .jsitemarker-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.NewStyles .jsitemarker-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.NewStyles .jsitemarker-list li, .jsitemarker-item {
    float: left;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
}

.NewStyles .jsitemarker-next {
    z-index: 3;
    display: none;
}

.NewStyles .jsitemarker-prev {
    z-index: 3;
    display: none;
}

.NewStyles .jsitemarker-skin-tango {
    margin-top: 20px;
    width: 600px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-container {
    border: 1px solid #AAAAAA;
    height: 108px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-container-horizontal {
    padding: 5px 40px 5px 40px;
    z-index: 10;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-clip-horizontal {
    height: 108px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item {
    width: 100px;
    height: 100px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item-horizontal {
    margin-top: 4px;
    text-align: center;
    margin: 3px;
    border: solid 1px #999;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item-horizontal .selected {
    margin-top: 4px;
    text-align: center;
    margin: 1px;
    border: solid 3px #c00;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item-horizontal a {
    vertical-align: middle;
    text-decoration: none;
    opacity: 0.8;
    padding: 2px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item-horizontal a img {
    margin-top: 3px;
    opacity: 0.8;
    height: 94px;
    width: 94px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item-horizontal a:hover {
    vertical-align: text-top;
    text-decoration: none;
    opacity: 1;
    font-weight: bold;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item-horizontal a:hover img {
    opacity: 1;
    height: 94px;
    width: 94px;
}

.NewStyles .jsitemarker-inner {
    vertical-align: middle;
    text-align: center;
}

.NewStyles .jsitemarker-inner img {
    vertical-align: middle;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-item-placeholder {
    background: #fff;
    color: #000;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-horizontal {
    position: absolute;
    top: 12px;
    right: 4px;
    width: 21px;
    height: 94px;
    cursor: pointer;
    background: transparent url(/Images/carousel/arrow_right.png) no-repeat 0 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-horizontal:hover {
    background-position: -21px 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-horizontal:active {
    background-position: -42px 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-disabled-horizontal, .jsitemarker-skin-tango .jsitemarker-next-disabled-horizontal:hover, .jsitemarker-skin-tango .jsitemarker-next-disabled-horizontal:active {
    cursor: default;
    background-position: -63px 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-horizontal {
    position: absolute;
    top: 12px;
    left: 4px;
    width: 21px;
    height: 94px;
    cursor: pointer;
    background: transparent url(/Images/carousel/arrow_left.png) no-repeat 0 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-horizontal:hover {
    background-position: -21px 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-horizontal:active {
    background-position: -42px 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-disabled-horizontal, .jsitemarker-skin-tango .jsitemarker-prev-disabled-horizontal:hover, .jsitemarker-skin-tango .jsitemarker-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -63px 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-vertical:hover {
    background-position: 0 -32px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-vertical:active {
    background-position: 0 -64px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-next-disabled-vertical, .jsitemarker-skin-tango .jsitemarker-next-disabled-vertical:hover, .jsitemarker-skin-tango .jsitemarker-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-vertical:hover {
    background-position: 0 -32px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-vertical:active {
    background-position: 0 -64px;
}

.NewStyles .jsitemarker-skin-tango .jsitemarker-prev-disabled-vertical, .jsitemarker-skin-tango .jsitemarker-prev-disabled-vertical:hover, .jsitemarker-skin-tango .jsitemarker-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/* Tab Styles */
.NewStyles .tabs {
    border-bottom: solid 2px #C2D3E4;
    list-style: none;
    margin: 0;
    padding: 10px 5px 1px 5px;
    zoom: 1;
}

.NewStyles .tabs:after {
    display: block;
    clear: both;
    content: " ";
}

.NewStyles .tabs li {
    float: left;
    margin: 0 1px 0 0;
    padding-left: 2px;
}

.NewStyles .tabs a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 4px 9px 0 9px;
    color: #003362;
    border-top: solid 0px #C2D3E4;
    border-left: solid 0px #C2D3E4;
    border-right: solid 0px #C2D3E4;
    text-decoration: none;
    white-space: nowrap;
    background-color: #F1F5F9;
}

.NewStyles .tabs a:focus, .tabs a:active {
    outline: none;
}

.NewStyles .tabs a:hover, .tabs a:focus, .tabs a:active {
    background: #C2D3E4;
    cursor: pointer;
}

.NewStyles .ui-tabs-selected a {
    background-color: #C2D3E4;
    color: #000;
    font-weight: bold;
    overflow: visible;
}

.NewStyles .ui-tabs-hide {
    display: none;
    background-color: #fff;
}

.NewStyles .ui-tabs-panel {
    padding: 0.5em;
}

.NewStyles .ui-tabs-paging-next {
    float: right !important;
}

.NewStyles .ui-tabs-paging-prev, .ui-tabs-paging-next {
    background: transparent !important;
    border: 0 !important;
    margin-bottom: 1px !important;
}

.NewStyles .ui-tabs-paging-prev a, .ui-tabs-paging-next a {
    display: block;
    position: relative;
    top: 1px;
    border: 0;
    z-index: 2;
    padding: 0; /* color: #444; */
    text-decoration: none;
    background: transparent !important;
    cursor: pointer;
}

.NewStyles .ui-tabs-paging-next a:hover, .ui-tabs-paging-next a:focus, .ui-tabs-paging-next a:active, .ui-tabs-paging-prev a:hover, .ui-tabs-paging-prev a:focus, .ui-tabs-paging-prev a:active {
    background: transparent;
}

.NewStyles .ui-tabs-paging-disabled {
    visibility: hidden;
}

.NewStyles #accountsTabs .tabs li {
    float: left;
}

.NewStyles #accountsTabs .tabs li:first-child {
    margin-left: 5px;
}

/*Session Tooltip */
.NewStyles .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.NewStyles .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.NewStyles .ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.NewStyles .ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee;
    color: #333333;
}

.NewStyles .ui-widget-content a {
    color: #333333;
}

.NewStyles .ui-widget-header {
    border: 0px solid #e78f08;
    background: #D3E1EE 50% 50% repeat-x;
    color: #336699;
    font-weight: bold;
}

.NewStyles .ui-widget-header a {
    color: #336699;
}

.NewStyles .ui-state-default, .NewStyles .ui-widget-content .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6;
    font-weight: bold;
    color: #1c94c4;
    outline: none;
}

.NewStyles .ui-state-default a, .NewStyles .ui-state-default a:link, .NewStyles .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
    outline: none;
}

.NewStyles .ui-icon {
    width: 16px;
    height: 16px;
}

.NewStyles .ui-widget-content .ui-icon {
}

.NewStyles .ui-icon-alert {
    background-position: 0 -144px;
}

.NewStyles .ui-dialog {
    position: relative;
    padding: .2em;
    width: 300px;
}

.NewStyles .ui-dialog .ui-dialog-titlebar {
    padding: .5em .3em .3em 1em;
    position: relative;
}

.NewStyles .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0 .2em;
}

.NewStyles .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.NewStyles .ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.NewStyles .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.NewStyles .ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.NewStyles .ui-helper-clearfix {
    display: inline-block;
}

.NewStyles .ui-helper-clearfix {
    display: block;
}

.NewStyles .ui-icon-closethick {
    background-position: -96px -128px;
}

.NewStyles .NewStyles .ui-dialog-buttonpane {
    text-align: center;
    border: 0px !important;
}

.NewStyles .ui-dialog-buttonset {
    text-align: center;
}



/*Resize preview*/
.NewStyles .ui-resizable {
    position: relative;
}

.NewStyles .ui-resizable-handle {
    position: absolute;
    z-index: 0;
    display: block;
}

.NewStyles .ui-resizable-s {
    cursor: s-resize;
    height: 13px;
    bottom: -5px;
    left: 0px;
}


/*Chart*/
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.NewStyles .jqplot-target { 
    position: relative;
    color: #666666;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}


/*rules applied to all axes*/
.NewStyles .jqplot-axis {
    font-size: 0.75em;
}

.NewStyles .jqplot-xaxis {
    margin-top: 10px;
}

.NewStyles .jqplot-x2axis {
    margin-bottom: 10px;
}

.NewStyles .jqplot-yaxis {
    margin-right: 10px;
}

.NewStyles .jqplot-y2axis, .NewStyles .jqplot-y3axis, .NewStyles .jqplot-y4axis, .NewStyles .jqplot-y5axis, .NewStyles .jqplot-y6axis, .NewStyles .jqplot-y7axis, .NewStyles .jqplot-y8axis, .NewStyles .jqplot-y9axis {
    margin-left: 10px;
    margin-right: 10px;
}


/*rules applied to all axis tick divs*/
.NewStyles .jqplot-axis-tick, .NewStyles .jqplot-xaxis-tick, .NewStyles .jqplot-yaxis-tick, .NewStyles .jqplot-x2axis-tick, .NewStyles .jqplot-y2axis-tick, .jqplot-y3axis-tick, .NewStyles .jqplot-y4axis-tick, .NewStyles .jqplot-y5axis-tick, .NewStyles .jqplot-y6axis-tick, .NewStyles .jqplot-y7axis-tick, .NewStyles .jqplot-y8axis-tick, .NewStyles .jqplot-y9axis-tick {
    position: absolute;
}

.NewStyles .jqplot-xaxis-tick {
    top: 0px;
    left: 15px;
    vertical-align: top;
}

.NewStyles .jqplot-x2axis-tick {
    bottom: 0px;
    left: 15px;
    vertical-align: bottom;
}

.NewStyles .jqplot-yaxis-tick {
    right: 0px;
    top: 15px;
    text-align: right;
}

.NewStyles .jqplot-y2axis-tick, .NewStyles .jqplot-y3axis-tick, .NewStyles .jqplot-y4axis-tick, .NewStyles .jqplot-y5axis-tick, .NewStyles .jqplot-y6axis-tick, .NewStyles .jqplot-y7axis-tick, .NewStyles .jqplot-y8axis-tick, .NewStyles .jqplot-y9axis-tick {
    left: 0px;
    top: 15px;
    text-align: left;
}

.NewStyles .jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}

.NewStyles .jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

.NewStyles .jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.NewStyles .jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.NewStyles .jqplot-yaxis-label {
    margin-right: 10px;
    font-size: 11pt;
    position: absolute;
}

.NewStyles .jqplot-y2axis-label, .NewStyles .jqplot-y3axis-label, .NewStyles .jqplot-y4axis-label, .NewStyles .jqplot-y5axis-label, .NewStyles .jqplot-y6axis-label, .NewStyles .jqplot-y7axis-label, .NewStyles .jqplot-y8axis-label, .NewStyles .jqplot-y9axis-label {
    font-size: 11pt;
    position: absolute;
}

.NewStyles table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

.NewStyles table.jqplot-table-legend, .NewStyles table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

.NewStyles td.jqplot-table-legend {
    vertical-align: middle;
}

.NewStyles td.jqplot-seriesToggle:hover, .NewStyles td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.NewStyles td.jqplot-table-legend > div {
    border: 1px solid #cccccc;
    padding: 1px;
}

.NewStyles div.jqplot-table-legend-swatch {
    width: 0px;
    height: 0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.NewStyles .jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

.NewStyles table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}

.NewStyles .jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.NewStyles .jqplot-highlighter-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.NewStyles .jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}

.NewStyles td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

.NewStyles div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.NewStyles .jqplot-error {
    text-align: center;
}

.NewStyles .jqplot-error-message {
    position: relative;
    top: 46%;
    display: inline-block;
}

.NewStyles div.jqplot-bubble-label {
    font-size: 0.8em;
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

.NewStyles div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}
/* Styles from jquery.css ends */

/* Styles from widgets.css starts */
/* Funds Transfer Widget Styles */
.NewStyles .fundsTransfer {
    width: 96%;
    padding: 6px;
}

.NewStyles .fundsTransfer .widgetRow {
    float: left;
    width: 100%;
    padding-bottom: 2px;
}

.NewStyles .fundsTransfer .widgetRow label span {
    font-weight: normal;
    text-align: right;
}

.NewStyles .divhalf {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: normal;
}

.NewStyles .divhalf1Input {
    float: left;
    width: 45%;
    text-align: center;
    font-weight: normal;
}

.NewStyles .divhalf2Input {
    float: right;
    width: 45%;
    text-align: center;
    font-weight: normal;
}

.NewStyles .divhalfBold {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: bold;
}

.NewStyles .transactionFeeDiv {
    text-align: center;
    color: #000;
    background-color: #FBFADC;
    border: solid 1px #CCCC98;
    padding: 4px;
    margin: 0 25px;
}

.NewStyles .transactionFeeLabel {
    font-weight: bold;
    text-align: center;
}

.NewStyles .transactionFeeLabelBold {
    font-weight: bold;
    color: #f00;
    text-align: center;
}

.NewStyles .transfers .widgetSubHeader {
    background-color: #A6BBD0;
    border-bottom: 1px solid #C1D2E3;
    float: left;
    font-weight: bold;
    height: 22px;
    margin: 0px 0 0 -4px;
    text-align: left;
    width: 316px;
}

.NewStyles .transfers .widgetSubHeader span {
    padding-left: 6px;
    line-height: 22px;
    color: #fff;
}

.NewStyles .transfers .subText {
    padding: 0 3px 0 0;
}

.NewStyles .transfers .mainText {
    margin-top: -1px;
    font-weight: bold;
}


/* Rewards/Loyalty Widget Styles */
.NewStyles .noPoints {
    position: relative;
    top: 15px;
    left: 6px;
    font-weight: normal;
    color: #666;
}

.NewStyles .noPointsFooter {
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: #666;
    position: relative;
    left: 6px;
}

.NewStyles .hasPoints {
    position: relative;
    left: 6px;
    font-weight: bold;
    font-size: 18pt;
    text-align: left;
    color: #019B00;
}

.NewStyles .hasPointsDesc {
    position: relative;
    bottom: -5px;
    left: 8px;
    font-weight: bold;
    text-align: left;
    color: #019B00;
}

.NewStyles .offerFooter {
    position: relative;
    top: 8px;
    left: 6px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: #666;
}

.NewStyles .offerFooter:hover {
    text-decoration: underline;
    color: #333;
}

.NewStyles .divHalfTran {
    float: left;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    height: 75px;
    position: relative;
    top: 30px;
    font-weight: bold;
    display: inline;
}

.NewStyles .divQuartTran {
    float: left;
    width: 20%;
    text-align: center;
    vertical-align: middle;
    height: 75px;
    display: inline;
}

.NewStyles .tranDataLabel {
    color: #999;
    position: relative;
    top: 8px;
}

.NewStyles .tranData {
    text-align: center;
    vertical-align: middle;
    background-color: #ccc;
    font-size: 16pt;
    font-weight: bold;
    padding: 8px;
    position: relative;
    top: 16px;
}

/* Dashboard Widget Styles */
.NewStyles .dashboard {
    margin-right: 10px;
    overflow: hidden;
}

.NewStyles .weather {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    padding-bottom: 10px;
}

.NewStyles .weatherCity {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.NewStyles .weatherDetail {
    float: left;
    width: 100%;
    height: 58px;
    border-bottom: dotted 1px #CDDBE7;
    margin-bottom: 10px;
}

.NewStyles .forecasts {
    margin: 0 auto;
    width: 100%;
    height: 70px;
}

.NewStyles .weatherForecast {
    float: left;
    width: 21%;
    padding: 0 5px 5px 5px;
    text-align: center;
}

.NewStyles .branchView {
    width: 100%;
    padding: 10px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.NewStyles .branchLogo {
    margin-top: -10px;
    width: 250px;
    height: 75px;
}

.NewStyles .branchPhone {
    position: relative;
    font-size: 12px;
    color: #000;
}

.NewStyles .branchPhoneLabel {
    position: relative;
    color: #999;
}

.NewStyles .imageH {
    float: left;
    margin-top: 6px;
    height: 48px;
    width: 48px;
}

.NewStyles .temperatureH {
    float: left;
    width: 25%;
    height: 40px;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    margin-top: 12px;
}

.NewStyles .conditionH {
    float: left;
    width: 55%;
    height: 40px;
    text-align: left;
    margin-top: 6px;
}

.NewStyles .temperatureV {
    margin-top: -18px;
    vertical-align: top;
}

.NewStyles .dayV {
    margin-top: -4px;
    text-align: center;
    color: #999;
}

.NewStyles .imageV {
    width: 36px;
    height: 36px;
    margin-top: -2px;
}

.NewStyles #branchTime {
    float: right;
    padding: 0 0 0 5px;
    margin-right: 10px;
    display: none;
}

.NewStyles #localTime {
    float: right;
    padding: 0 0 0 5px;
    margin-right: 15px;
}

.NewStyles .branch {
    float: left;
    text-align: left;
}

.NewStyles .localBranch {
    float: left;
    text-align: left;
    margin: 48px 0 0 32px;
}

.NewStyles #clock {
    position: relative;
    width: 95px;
    height: 95px;
    overflow: hidden;
    float: right;
    margin-right: 15px;
}

.NewStyles #face {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 95px;
    z-index: 1;
}

.NewStyles #hour {
    position: absolute;
    left: 43.5px;
    top: -121px;
    width: 8px;
    height: 95px;
    z-index: 2;
}

.NewStyles #hour, x:-moz-any-link, x:only-child {
    position: absolute;
    left: 43px;
    top: 0px;
    width: 8px;
    height: 95px;
    z-index: 2;
}

.NewStyles #minute {
    position: absolute;
    left: 45.5px;
    top: -44px;
    width: 3px;
    height: 60px;
    z-index: 3;
}

.NewStyles #minute, x:-moz-any-link, x:only-child {
    position: absolute;
    left: 46px;
    top: 17px;
    width: 3px;
    height: 60px;
    z-index: 3;
}

.NewStyles #second {
    position: absolute;
    left: 44.5px;
    top: 17px;
    width: 5px;
    height: 59px;
    z-index: 4;
}

/* Account Widget Styles */
.NewStyles .charttype {
    float: right;
    display: inline;
}

.NewStyles .legendColor {
    float: left;
    display: inline;
    width: 12px;
    height: 12px;
    border: solid 1px #999;
    margin-right: 2px;
}

.NewStyles .legendText {
    float: left;
    display: inline;
    font-size: 7pt;
    margin-right: 6px;
}

.NewStyles .legendItem {
    width: 95%;
    float: left;
}

.NewStyles .legendListItem {
    float: left;
}

.NewStyles .chart {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.NewStyles .accountHead {
    font-weight: bold;
    color: #000000;
    float: left;
    width: 50%;
    text-align: left;
    border-bottom: solid 1px #c1d2e3;
}

.NewStyles .accountBalanceHead {
    color: #000;
    font-weight: bold;
    float: left;
    width: 50%;
    text-align: right;
    border-bottom: solid 1px #c1d2e3;
}

.NewStyles .accountLink {
    float: left;
    padding: 3px 4px 2px 2px;
    cursor: pointer;
}

.NewStyles .accountPopupLink {
    float: left;
    padding: 3px 4px 2px 2px;
}

.NewStyles .accountLinkPopup {
    float: left;
    padding: 3px 4px 2px 2px;
}

.NewStyles .balanceLinkPopup {
    float: right;
    padding: 3px 4px 2px 2px;
}

.NewStyles .accountList {
    width: 100%;
    height: 1px;
    display: block;
    border: solid 1px transparent;
    float: left;
    height: 18px;
    padding: 2px 0 5px;
}

.NewStyles .accountDescription {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .accountName {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #6699CC;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
    float: left;
}

.NewStyles .accountBalance {
    float: right;
    text-align: right;
    border: none 0px #000;
    background: 0;
    padding: 1px 1px 1px 0px;
    text-decoration: none;
}

.NewStyles .accountTooltip {
    display: none;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
}

.NewStyles .accountDetailsRowDiv {
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 98%;
    line-height: 14px;
    padding-top: 8px;
}

.NewStyles .accountDetailsRowDivData {
    text-align: right;
    float: right;
    color: #000;
}

.NewStyles .services {
    background-color: #FDFDE5;
    float: left;
    text-align: left;
    position: relative;
    width: 260px;
    left: 0px;
    list-style-type: square;
    color: #6595C5;
    margin: 0;
    padding: 0 0 0 20px;
}

.NewStyles .services li {
    float: left;
    width: 45%;
    font-size: 11px;
    line-height: 14px;
}

.NewStyles .services li a {
    text-decoration: none;
}

.NewStyles .amount .accountLinkPopup {
    float: right;
}

/* Calendar Widget Styles */
.NewStyles .widgetCalendar {
    float: left;
    background: #E6F0FA;
    width: 100%;
    height: 170px;
    margin-top: 12px;
}

.NewStyles .calendarTitle {
    background: none repeat scroll 0 0 #E6F0FA;
    border-bottom: 3px solid #C1D2E3;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 18pt;
}

.NewStyles .calendarDayHeader {
    font-weight: bold;
    color: #A7A7A7;
    background: #EAF2FB;
    border: 1px solid #EAF2FB;
}

.NewStyles .calendarDayHeader a {
    color: #A7A7A7;
    text-decoration: none;
}

.NewStyles .calendarDay {
    border: 1px solid #EAF2FB;
    background: #FFF;
    line-height: 15pt;
}

.NewStyles .calendarDay a {
    color: #999999;
    text-decoration: none;
    font-weight: bold;
}

.NewStyles .calendarOtherMonth {
    line-height: 15pt;
    color: #cccccc;
    background: #FFF;
    border: 1px solid #EAF2FB;
}

.NewStyles .calendarOtherMonth a {
    color: #cccccc;
    text-decoration: none;
}

.NewStyles .calendarToday {
    background: #FFFFC9 !important;
    border: 1px solid #FDCC6C;
    color: #D27C21 !important;
    font-weight: bold;
}

.NewStyles .calendarToday a {
    color: #D27C21;
    text-decoration: none;
    font-weight: bold;
}

.NewStyles .calendarNavigation {
    text-align: center;
}

.NewStyles .calendarNavigation a {
    text-decoration: none;
}

.NewStyles .calendarNavigation a img {
    color: #E6F0FA;
    border: none;
}

.NewStyles .calendarSelectedDay {
    background: #FFFFC9;
}

.NewStyles .calendarEvent {
    background: #E6F0FA;
    color: #000;
    font-weight: bold;
    border: solid 1px #C1D2E3;
}

.NewStyles .calendarEvent a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.NewStyles .alertEvent {
    width: 100%;
    float: left;
    background: #E8F1F9 url(/Images/Calendar/bg-event.gif) repeat-x top left;
    border-top: 1px solid #C1D2E3;
}

.NewStyles .alertEvent ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.NewStyles .alertEvent ul li {
    float: left;
    width: 98%;
    padding: 5px;
}

.NewStyles .closeEvent {
    float: right;
    width: 11px;
    height: 11px;
    margin-right: 2px;
}

.NewStyles .calEventDate {
    position: relative;
    top: -3px;
}

.NewStyles .calEventDetail {
    font-size: 1em;
    font-weight: normal;
    color: black;
    float: left;
    background: url(/Images/Calendar/icn-calendar.png) no-repeat left top;
    padding-left: 19px;
}

.NewStyles .widgetCalEventDetail {
    font-size: 1em;
    font-weight: normal;
    line-height: 16px;
    color: #89A6C3;
    float: left;
    background: url(/Images/Calendar/icn-calendar.png) no-repeat left top;
    padding-left: 19px;
}



/* Write checks */
.NewStyles .writeCheck .widgetSubHeader span {
    padding-left: 6px;
    line-height: 22px;
    color: #fff;
}

.NewStyles .writeCheck .subText {
    padding: 0 3px 0 0;
}

.NewStyles .writeCheck .mainText {
    margin-top: -1px;
    font-weight: bold;
}
/* Styles from widgwets.css ends */

/* Styles from detail.css starts */
/* General Detail Styles */
.NewStyles .cuDetails {
    width: 1003px;
    margin: 10px auto;
}

.NewStyles .cuDetail {
    width: 98%;
    float: left;
    background: #fff;
    border: 1px solid #c1d2e3;
    position: relative;
    margin-bottom: 10px;
    min-height: 600px;
    padding-bottom: 10px;
}

.NewStyles .contentPlaceholder {
    padding: 0px 10px;
    float: left;
    width: 98%;
}



/* Calendar Details Styles */
.NewStyles .monthlyCalendar {
    float: left;
    width: 100%;
    border: solid 2px #C1D2E3;
    border-collapse: separate;
}

.NewStyles .detailTitle {
    background: none repeat scroll 0 0 #E6F0FA;
    color: #666666;
    font-size: 14pt;
    font-weight: bold;
    line-height: 35px;
    padding: 5px;
}

.NewStyles .monthlyNavigation {
    text-align: center;
}

.NewStyles .monthlyDayHeader {
    background: none repeat scroll 0 0 #E6F0FA;
    border-bottom: 2px solid #C1D2E3;
    color: #A7A7A7;
    font-size: 1.1em;
    font-weight: bold;
}

.NewStyles .monthlyOtherDay {
    border: 1px solid #C1D2E3;
    color: #CCCCCC;
    height: 100px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
}

.NewStyles .monthlyDay {
    border: 1px solid #C1D2E3;
    height: 100px;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}

.NewStyles .monthlyCalendar .monthlyEvent {
    padding: 2px;
    background: none repeat scroll 0 0 #E6F0FA;
    border: 1px solid #C1D2E3 !important;
    color: #000000;
    font-weight: bold;
    height: 100px;
    text-align: left;
    width: 100px;
}

.NewStyles .monthlyToday {
    background: none repeat scroll 0 0 #FFFFC9;
    border: 2px solid #FDCC6C;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}

.NewStyles .monthlyToday a {
    color: #D27C21;
    text-decoration: none;
    font-weight: bold;
}

.NewStyles .reminderFormContainer {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    float: right;
    margin-right: 5px;
    padding: 5px;
    width: 230px;
}

.NewStyles .reminderFormContainer h4 {
    padding-bottom: 5px;
}

.NewStyles .reminderFormContainer ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.NewStyles .reminderFormContainer ul li {
    float: left;
    margin-left: 3px;
    width: auto;
}

.NewStyles .calendarUserEvent .formSheet {
    min-height: 520px;
}

.NewStyles .monthlyCalendar a.CuUserEvents {
    font-size: 1em;
    font-weight: normal;
    color: Black;
    text-decoration: none;
    padding-left: 3px;
    vertical-align: top;
}

.NewStyles .monthlyCalendar a.CuUserEvents:hover {
    text-decoration: none;
    cursor: pointer;
}

.NewStyles .monthlyCalendar a.CuEvents {
    font-size: 1em;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
    padding-left: 3px;
    vertical-align: top;
}

.NewStyles .monthlyCalendar a.CuEvents:hover {
    text-decoration: none;
    cursor: pointer;
}

.NewStyles .monthlyCalendar span.CuEvents {
    font-size: 1em;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
    padding-left: 3px;
    vertical-align: top;
}

.NewStyles .monthlyCalendar span.CuEvents:hover {
    text-decoration: none;
    cursor: default;
}

.NewStyles .monthlyCalendar span.CuSystemEvents {
    font-size: 1em;
    font-weight: normal;
    color: #0000FF;
    text-decoration: none;
    padding-left: 3px;
    vertical-align: top;
}

.NewStyles .monthlyCalendar span.CuSystemEvents:hover {
    text-decoration: none;
    cursor: default;
}

.NewStyles .monthlyCalendar span.CuICalEvents {
    font-size: 1em;
    font-weight: normal;
    color: Black;
    text-decoration: none;
    padding-left: 3px;
    vertical-align: top;
}

.NewStyles .monthlyCalendar span.CuICalEvents:hover {
    text-decoration: none;
    cursor: default;
}

.NewStyles .monthlyCalendar a.MoreEvents {
    font-size: 1em;
    font-weight: normal;
    color: #729FCF;
    text-decoration: none;
}

.NewStyles .monthlyCalendar a.MoreEvents:hover {
    text-decoration: none;
    cursor: pointer;
}

.NewStyles .floatLeft {
    float: left;
}

.NewStyles .floatRight {
    float: right;
}

.NewStyles .boldText {
    font-weight: bold;
}

.NewStyles .calDetailLeftContainer {
    float: left;
    margin-top: -12px;
    width: 30%;
}

.NewStyles .calDetailRightContainer {
    float: left;
    width: 55%;
}

.NewStyles .detailCalContainer {
    float: left;
    margin: 0px;
    padding: 0%;
    width: 100%;
}

.NewStyles .detailCal {
    float: left;
    background: #E6F0FA;
    border: 2px solid #C1D2E3 !important;
    width: 100.4%;
    height: 170px;
}

.NewStyles .calendarSelectedDay {
    background: #89A6C3;
}

.NewStyles .calendarSelectedDay a {
    font-size: 1.1em;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.NewStyles .calDetailAlertEventContainer {
    width: 100%;
    float: left;
}

.NewStyles .calDetailAlertalertEvent {
    width: 100%;
    float: left;
    background: #E8F1F9 url(/Images/Calendar/bg-event.gif) repeat-x top left;
    border-bottom: 1px solid #C1D2E3;
}

.NewStyles .calDetailAlertalertEvent ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.NewStyles .calDetailAlertalertEvent ul li {
    float: left;
    width: 98%;
    padding: 5px 5px 0;
}

.NewStyles .calDetailDayEventContainer {
    width: 100%;
    float: left;
    margin-left: 5px;
    width: 670px;
    margin-bottom: 3px;
}

.NewStyles .calDetailDayEventDate {
    border-bottom: 1px solid #C1D2E3;
    color: #666666;
    float: left;
    font-size: 18px;
    line-height: 28px;
    margin: 15px 0pt 25px 15px;
    width: 682px;
}

.NewStyles .calDetailDayEventTitle {
    font-size: 15px;
    margin-bottom: 10px;
}

.NewStyles .calDetailEventPresent {
    background: #E6F0FA;
    color: #000;
    font-weight: bold;
    border: 1px solid #EAF2FB;
}

.NewStyles .calDetailEventPresent a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.NewStyles .calDetailDayEventName, .calDetailDayEventValue {
    float: left;
}

.NewStyles .calDetailDayEventName {
    width: 30%;
}

.NewStyles .calDetailDayEventValue {
    width: 55%;
    background: #fff;
    height: auto;
    word-wrap: break-word;
}

/* Write checks */
.NewStyles .writeCheckAccountPreView {
    border: 1px solid #7f9db9;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .writeCheckAccountDetailsTooltip {
    display: none;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-top: 5px;
}

.NewStyles .writeCheckAccountDetailsRowDiv {
    background-color: #FDFDE5;
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 97%;
}

.NewStyles .writeCheckAccountDetailsRowDivData {
    background-color: #FDFDE5;
    text-align: right;
    float: right;
    color: #000;
    margin-right: 5px;
}

.NewStyles .writeCheckAccountDetailsHeader {
    background: url("/Images/CuBanking/acct-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .writeCheckAccountDetailsBottom {
    background: url("/Images/CuBanking/acct-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

.NewStyles .detailPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .detailTooltip {
    display: none;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-top: 5px;
}

.NewStyles .detailRowDiv {
    background-color: #FDFDE5;
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 97%;
}

.NewStyles .detailRowDivData {
    background-color: #FDFDE5;
    text-align: right;
    float: right;
    color: #000;
    margin-right: 5px;
}

.NewStyles .detailHeader {
    background: url("/Images/CuBanking/acct-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .detailBottom {
    background: url("/Images/CuBanking/acct-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

/* Funds Transfer */
.NewStyles .externalaccountDropdownPreView {
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: inline;
    margin-top: 2px;
}

.NewStyles .fundTransferAccountPreView {
    border: 1px solid #7f9db9;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .fundTransferAccountDetailsTooltip {
    display: none;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-top: 5px;
}

.NewStyles .fundTransferAccountDetailsRowDiv {
    background-color: #FDFDE5;
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 97%;
}

.NewStyles .fundTransferAccountDetailsRowDivData {
    background-color: #FDFDE5;
    text-align: right;
    float: right;
    color: #000;
    margin-right: 5px;
}

.NewStyles .fundTransferAccountDetailsHeader {
    background: url("/Images/CuBanking/acct-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .fundTransferAccountDetailsBottom {
    background: url("/Images/CuBanking/acct-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

/*Fund Transfer Secondary User Accounts*/
.NewStyles .secondaryUserAccountPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .secondaryUserAccountTooltip {
    display: none;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-top: 5px;
}

.NewStyles .secondaryUserAccountRowDiv {
    background-color: #FDFDE5;
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 97%;
}

.NewStyles .secondaryUserAccountRowDivData {
    background-color: #FDFDE5;
    text-align: right;
    float: right;
    color: #000;
    margin-right: 5px;
}

.NewStyles .NewStyles .secondaryUserAccountHeader {
    background: url("/Images/CuBanking/acct-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .secondaryUserAccountBottom {
    background: url("/Images/CuBanking/acct-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

/* Loan details */
.NewStyles .loanDetailsPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .loanDetailsTooltip {
    display: none;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-top: 5px;
}

.NewStyles .loanDetailsRowDiv {
    background-color: #FDFDE5;
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 98%;
}

.NewStyles .loanDetailsRowDivData {
    background-color: #FDFDE5;
    text-align: right;
    float: right;
    color: #000;
    padding-right: 7px;
}

.NewStyles .loanDetailsHeader {
    background: url("/Images/CuBanking/acct-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .loanDetailsBottom {
    background: url("/Images/CuBanking/acct-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

.NewStyles .loanDataPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

/* Scheduling */
.NewStyles .task {
    width: 506px;
    background: url(../images/task.gif) repeat-y 0 0;
    margin-left: 19px;
    margin-top: 10px;
}

.NewStyles .task label {
    font-weight: normal;
}

.NewStyles .task-t {
    background: url(../images/task-t.gif) no-repeat 0 0;
}

.NewStyles .task-b {
    background: url(../images/task-b.gif) no-repeat 0 bottom;
    padding: 11px 0 12px 0;
}

.NewStyles .scheduler {
    margin-top: 10px;
}

.NewStyles .task-btm {
    padding-left: 8px;
    margin-top: 10px;
}

.NewStyles .row {
    padding-bottom: 10px;
    width: 98%;
}

.NewStyles .start-date {
    padding: 0 0 0 12px;
    border-bottom: 1px solid #c2d3e4;
    padding-bottom: 10px;
}

.NewStyles .start-date span {
    float: left;
    display: inline;
    font-weight: bold !important;
}

.NewStyles .start-date input.field {
    width: 92px !important;
    color: #999;
    font-style: italic;
}

.NewStyles .schedulerFormUnit {
    border-bottom: 1px solid #C2D3E4;
    float: left;
    padding: 7px 0;
    width: 100%;
}

/* Summary */
.NewStyles .addrSummary {
    background: url(../images/task.gif) repeat-y 0 0;
    float: right;
    display: inline;
    width: 100%;
    margin-left: 10px;
}

.NewStyles .addrSummary-t {
    background: url(../images/task-t.gif) no-repeat 0 top;
}

.NewStyles .addrSummary-b {
    background: url(../images/task-b.gif) no-repeat 0 bottom;
    padding: 15px 13px 5px 15px;
}

.NewStyles .scrlSummary {
    width: 375px;
    border: 1px solid #c6ddc0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #e6f3e3;
    float: right;
    display: inline;
    margin-left: 10px;
    position: absolute;
}

.NewStyles .scrlSummary-t {
    background: url(../images/summary-t.gif) no-repeat 0 top;
}

.NewStyles .scrlSummary-b {
    background: url(../images/summary-b.gif) no-repeat 0 bottom;
    padding: 15px 13px 5px 15px;
}

.NewStyles .scrlSummary h2 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    background: transparent;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
    text-indent: 0;
}

.NewStyles .scrlSummary p {
    font-size: 11px;
    padding-bottom: 18px;
}

.NewStyles .scrlSummary .table {
    padding-bottom: 18px;
}

.NewStyles .scrlSummary .table table td {
    background: transparent;
    border: 0;
}

.NewStyles .summary-name {
    color: #999;
    text-align: left;
    width: 110px;
    vertical-align: top;
    line-height: 16px;
}

.NewStyles .summary-value {
    color: #999;
    text-align: left;
    padding-right: 7px;
    word-wrap: break-word;
    width: 226px;
    margin-top: 5px;
    vertical-align: top;
}

.NewStyles .summaryForm {
    width: 100%;
}

.NewStyles .summaryHeading {
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
}

.NewStyles .summaryNote {
    width: 100%;
    margin-top: 10px;
}

.NewStyles .summaryForm .summaryLabel {
    display: block;
    color: #999;
    text-align: left;
    padding-right: 20px;
}

.NewStyles .summaryForm .summaryValue {
    font-weight: bold;
}

.NewStyles .summaryForm .summaryField {
    margin-bottom: 10px;
}

.NewStyles .scrlNewAcctSummary {
    width: 413px;
    background: url(../images/summary.gif) repeat-y 0 0;
    float: right;
    display: inline;
    margin-right: 20px;
    position: absolute;
}

.NewStyles .scrlNewAcctSummary h2 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    background: transparent;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
    text-indent: 0;
}

.NewStyles .newAccountDisclosureContent h2 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    background: transparent;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
    text-indent: 0;
}

.NewStyles .scrlNewAcctSummary .table {
    padding-bottom: 18px;
}

.NewStyles .scrlNewAcctSummary .table table td {
    background: transparent;
    border: 0;
}

.NewStyles .scrlNewAcctSummary-name {
    display: block;
    color: #999;
    text-align: left;
    padding-right: 20px;
    width: 126px;
    vertical-align: top;
}

.NewStyles .scrlNewAcctSummary-value {
    color: #999;
    text-align: left;
    padding-right: 20px;
    word-wrap: break-word;
    width: 226px;
    margin-top: 5px;
    vertical-align: top;
}

/* Loan Payment*/
.NewStyles .loanPaymentFormUnit {
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding: 7px 0 8px 4px;
    width: 99.8%;
}

/*Open New Account*/
.NewStyles .newAccountSummaryHeader {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
    padding: 0 0 7px;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 11px;
    position: relative;
}

.NewStyles a.acc-ico {
    background: url(../images/money.png) no-repeat 0 0;
    padding-left: 16px;
    margin-right: 15px;
    padding-left: 20px;
}

.NewStyles a.acc-ico {
    background: url(../images/money.png) no-repeat 0 0;
    padding-left: 16px;
    margin-right: 15px;
    padding-left: 20px;
}

.NewStyles a.print-ico {
    background: url(../Images/printIcon.jpg) no-repeat 0 -9px;
    height: 22px;
    padding-left: 35px;
    margin-right: 15px;
    padding-top: 3px;
}

.NewStyles a.terms-ico {
    background: url(../images/terms.png) no-repeat 0 0;
    padding-left: 16px;
    margin-right: 15px;
    padding-left: 20px;
}

.NewStyles a.disclosure-ico {
    background: url(../images/alert.png) no-repeat 0 0;
    padding-left: 16px;
    margin-right: 5px;
    padding-left: 20px;
}

.NewStyles a.warning-ico {
    background: url(../images/alert.png) no-repeat 0 0;
    padding-left: 16px;
    margin-right: 15px;
    padding-left: 20px;
}

.NewStyles .newAccountCategoryHeader {
    width: 675px;
}

.NewStyles .accountCategoryAction {
    float: right;
    margin-top: -35px;
}

.NewStyles .newAccountDetailsPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .newAccountDetailsTooltip {
    display: none;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 4px;
    margin-top: 5px;
}

.NewStyles .newAccountDetailsRowDiv {
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 99%;
    overflow: hidden;
    height: 200px;
}

.NewStyles .newAccountDetailsRowDivData {
    text-align: left;
    float: left;
    color: #000;
}

.NewStyles .newAccountDetailsHeader {
    background: url("/Images/CuBanking/acct-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .newAccountDetailsBottom {
    background: url("/Images/CuBanking/acct-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

.NewStyles .newAccountDetailsSeparator {
    background: url("/Images/CuBanking/acct-tip-separator.png") no-repeat top left transparent;
    height: 11px;
    width: 308px;
}

/* New Message Notification Alert */
.NewStyles a.msgLink {
    color: #FFF;
}

.NewStyles a.msgLink:hover {
    color: #FEFFE6;
}

.NewStyles a.msgLink:visited {
    color: #FFF;
}

.NewStyles .applyLoanHeader {
    font-weight: bold;
    font-size: 16px;
}

/* google map integration */
.NewStyles #pagewrap {
    background: white;
    overflow: auto;
    margin: 0px;
    position: relative;
    width: 99%;
}

.NewStyles #pagewrap > div {
    float: left;
    width: 98%;
}
/* Map View */
.NewStyles #map_canvas {
    width: 90%;
    height: 350px;
    border: solid thin black;
}
/* Directions */
.NewStyles #directions {
    float: none;
    font-size: 12px;
    width: 98% !important;
}
/* Addresses */
.NewStyles #addresses {
    color: #000000;
}

.NewStyles .address-panel {
    background-color: #ffffff;
    overflow: auto;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 90%;
}

.NewStyles .address-form-column {
    float: left;
}

.NewStyles .address-panel label {
    display: block;
}

.NewStyles .address-panel input, .address-panel select {
    margin-left: 5px;
}

.NewStyles .address-panel #street {
    width: 95%;
}

.NewStyles .address-panel #state {
    width: 60%;
}

.NewStyles .address-panel .button {
    text-align: right;
    clear: both;
}

/*Secondary Users*/
.NewStyles .secondaryUsersHeader {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
    padding: 0 0 7px;
    border-bottom: 1px solid #c2d3e4;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 11px;
    position: relative;
}

.NewStyles .secondaryUserSectionHeader {
    width: 100%;
}

.NewStyles .secondaryUserAccountPreView {
    border: 1px solid #7f9db9;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .secondaryUserAccountDetailsTooltip {
    border: 1px solid #c1d2e3;
    display: block;
    width: 700px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    margin-left: 0px;
    margin-top: 5px;
}

.NewStyles .secondaryUserAccountDetailsRowDiv {
    background-color: #ffffff;
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 97%;
}

.NewStyles .secondaryUserAccountDetailsRowDivData {
    background-color: #ffffff;
    text-align: right;
    float: right;
    color: #000;
    margin-right: 5px;
}

.NewStyles .secondaryUserAccountDetailsHeader {
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    text-indent: 6px;
    background: url(/Images/loginsprite.png) top repeat-x;
    margin-bottom: 12px;
    width: 100%;
    background-position: 0 -579px;
    height: 28px;
}

.NewStyles .secondaryUserAccountDetailsBottom {
    background: #FFF;
    height: 5px;
    width: 700px;
}

.NewStyles .secondaryUserTitle {
    color: #616242;
    font-size: 10pt;
    font-weight: bold;
}

.NewStyles .secondaryUserDetailTip tr th {
    background: #FFF !important;
    text-align: left;
}

.NewStyles .secondaryUserDetailTip td {
    background: #FFF !important;
    padding: 0px !important;
}

.NewStyles .secUserActivityHeader {
    font-weight: bold;
    font-size: 16px;
    padding-top: 25px;
}

.NewStyles .secUserBackLink {
    padding-right: 15px;
}

.NewStyles .stepNotifierContainer {
    height: 65px;
}

/*My Service Request styles*/
.NewStyles .CUFormInstancesPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .CUFormInstancesTooltip {
    display: none;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-top: 5px;
}

.NewStyles .CUFormInstancesRowDiv {
    background-color: #FDFDE5;
    color: #000;
    text-align: left;
    margin-left: 5px;
    width: 97%;
}

.NewStyles .CUFormInstancesRowDivData {
    background-color: #FDFDE5;
    text-align: right;
    float: right;
    color: #000;
    margin-right: 5px;
}

.NewStyles .CUFormInstancesRowDivData1 {
    background-color: #FDFDE5;
    text-align: left;
    float: left;
    color: #000;
    margin-right: 5px;
}

.NewStyles .CUFormInstancesHeader {
    background: url("/Images/CuBanking/acct-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .CUFormInstancesBottom {
    background: url("/Images/CuBanking/acct-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

.NewStyles .CKEditorTextBox {
    border: solid 1px #9D82FF;
    background-color: #FFFFFF;
}

.NewStyles .CKEditorErrorTextBox {
    border: solid 2px #CC0000;
    background-color: #FEEBEB;
}

/*Loan Application*/
.NewStyles .loanApplicationSectionHeader {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
    padding: 0 0 7px;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 11px;
    position: relative;
}

.NewStyles .loanApplicationSubSectionHeader {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
    padding: 0 0 7px;
    line-height: 14px;
    font-size: 14px;
    position: relative;
}

/* Styles from detail.css ends*/
/* Original styles in style.css */
/* Font Styles */
/*.NewStyles html, .NewStyles input, select {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8pt;
    z-index: 1;
}*/

/* Default Styles */
/*.NewStyles html, .NewStyles body, .NewStyles div, .NewStyles span, .NewStyles applet, .NewStyles object, .NewStyles iframe, .NewStyles h1, .NewStyles h2, .NewStyles h3, .NewStyles h4, .NewStyles h5, .NewStyles h6, .NewStyles p, .NewStyles blockquote, .NewStyles pre, .NewStyles a, .NewStyles abbr, .NewStyles acronym, .NewStyles address, .NewStyles big, .NewStyles cite, .NewStyles code, .NewStyles del, .NewStyles dfn, .NewStyles em, .NewStyles font, .NewStyles img, .NewStyles ins, .NewStyles kbd, .NewStyles q, .NewStyles s, .NewStyles samp, .NewStyles small, .NewStyles strike, .NewStyles strong, .NewStyles sub, .NewStyles sup, .NewStyles tt, .NewStyles var, .NewStyles dl, .NewStyles dt, .NewStyles dd, .NewStyles ol, .NewStyles ul, .NewStyles li, .NewStyles fieldset, .NewStyles form, .NewStyles label, .NewStyles legend, .NewStyles table, .NewStyles caption, .NewStyles tbody, .NewStyles tfoot, .NewStyles thead, .NewStyles tr, .NewStyles th, .NewStyles td {
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}*/

:focus {
    outline: 0;
}

.NewStyles ol, .NewStyles ul {
    list-style: none;
}

/* Default Sizes */
.NewStyles html {
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
}

.NewStyles body {
    background: #E6E6E6;
}

.NewStyles #site-head {
    width: 100%;
    height: 152px;
    display: block;
}

.NewStyles #body-content {
    display: block;
    height: 100%;
    max-height: 100%;
    width: 100%;
}

.NewStyles #canvas {
    float: left;
    width: 100%;
    background: #e6e6e6;
    padding: 17px 0 35px 0;
}

.NewStyles .container {
    text-align: left;
    width: 1003px;
    margin: 0 auto;
}

/* Error Styles */
.NewStyles .errorValidText {
    color: #FF0000;
    font-style: italic;
    font-weight: bold;
    font-size: 1.1em;
    width: 100%;
}

.NewStyles .sucessValidText {
    color: #008040;
    font-style: italic;
    font-weight: bold;
    font-size: 1.1em;
}

.NewStyles .mandotoryText {
    color: Red;
}

/* Silk Icons */
.NewStyles .ss_sprite {
    display: inline;
    overflow: hidden;
    height: 18px;
    padding-left: 18px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-image: url( sprites.png);
}

.NewStyles .ss_accept {
    background-position: 0px 0px;
}

.NewStyles .ss_add {
    background-position: 0px -19px;
}

.NewStyles .ss_anchor {
    background-position: 0px -37px;
}

.NewStyles .ss_application {
    background-position: 0px -55px;
}

.NewStyles .ss_application_add {
    background-position: 0px -73px;
}

.NewStyles .ss_application_cascade {
    background-position: 0px -91px;
}

.NewStyles .ss_application_delete {
    background-position: 0px -109px;
}

.NewStyles .ss_application_double {
    background-position: 0px -127px;
}

.NewStyles .ss_application_edit {
    background-position: 0px -145px;
}

.NewStyles .ss_application_error {
    background-position: 0px -163px;
}

.NewStyles .ss_application_form {
    background-position: 0px -181px;
}

.NewStyles .ss_application_form_add {
    background-position: 0px -199px;
}

.NewStyles .ss_application_form_delete {
    background-position: 0px -217px;
}

.NewStyles .ss_application_form_edit {
    background-position: 0px -235px;
}

.NewStyles .ss_application_form_magnify {
    background-position: 0px -253px;
}

.NewStyles .ss_application_get {
    background-position: 0px -271px;
}

.NewStyles .ss_application_go {
    background-position: 0px -289px;
}

.NewStyles .ss_application_home {
    background-position: 0px -307px;
}

.NewStyles .ss_application_key {
    background-position: 0px -325px;
}

.NewStyles .ss_application_lightning {
    background-position: 0px -343px;
}

.NewStyles .ss_application_link {
    background-position: 0px -361px;
}

.NewStyles .ss_application_osx {
    background-position: 0px -379px;
}

.NewStyles .ss_application_osx_terminal {
    background-position: 0px -397px;
}

.NewStyles .ss_application_put {
    background-position: 0px -415px;
}

.NewStyles .ss_application_side_boxes {
    background-position: 0px -433px;
}

.NewStyles .ss_application_side_contract {
    background-position: 0px -451px;
}

.NewStyles .ss_application_side_expand {
    background-position: 0px -469px;
}

.NewStyles .ss_application_side_list {
    background-position: 0px -487px;
}

.NewStyles .ss_application_side_tree {
    background-position: 0px -505px;
}

.NewStyles .ss_application_split {
    background-position: 0px -523px;
}

.NewStyles .ss_application_tile_horizontal {
    background-position: 0px -541px;
}

.NewStyles .ss_application_tile_vertical {
    background-position: 0px -559px;
}

.NewStyles .ss_application_view_columns {
    background-position: 0px -577px;
}

.NewStyles .ss_application_view_detail {
    background-position: 0px -595px;
}

.NewStyles .ss_application_view_gallery {
    background-position: 0px -613px;
}

.NewStyles .ss_application_view_icons {
    background-position: 0px -631px;
}

.NewStyles .ss_application_view_list {
    background-position: 0px -649px;
}

.NewStyles .ss_application_view_tile {
    background-position: 0px -667px;
}

.NewStyles .ss_application_xp {
    background-position: 0px -685px;
}

.NewStyles .ss_application_xp_terminal {
    background-position: 0px -703px;
}

.NewStyles .ss_arrow_branch {
    background-position: 0px -721px;
}

.NewStyles .ss_arrow_divide {
    background-position: 0px -739px;
}

.NewStyles .ss_arrow_down {
    background-position: 0px -757px;
}

.NewStyles .ss_arrow_in {
    background-position: 0px -775px;
}

.NewStyles .ss_arrow_inout {
    background-position: 0px -793px;
}

.NewStyles .ss_arrow_join {
    background-position: 0px -811px;
}

.NewStyles .ss_arrow_left {
    background-position: 0px -829px;
}

.NewStyles .ss_arrow_merge {
    background-position: 0px -847px;
}

.NewStyles .ss_arrow_out {
    background-position: 0px -865px;
}

.NewStyles .ss_arrow_redo {
    background-position: 0px -883px;
}

.NewStyles .ss_arrow_refresh {
    background-position: 0px -901px;
}

.NewStyles .ss_arrow_refresh_small {
    background-position: 0px -919px;
}

.NewStyles .ss_arrow_right {
    background-position: 0px -937px;
}

.NewStyles .ss_arrow_rotate_anticlockwise {
    background-position: 0px -955px;
}

.NewStyles .ss_arrow_rotate_clockwise {
    background-position: 0px -973px;
}

.NewStyles .ss_arrow_switch {
    background-position: 0px -991px;
}

.NewStyles .ss_arrow_turn_left {
    background-position: 0px -1009px;
}

.NewStyles .ss_arrow_turn_right {
    background-position: 0px -1027px;
}

.NewStyles .ss_arrow_undo {
    background-position: 0px -1045px;
}

.NewStyles .ss_arrow_up {
    background-position: 0px -1063px;
}

.NewStyles .ss_asterisk_orange {
    background-position: 0px -1081px;
}

.NewStyles .ss_asterisk_yellow {
    background-position: 0px -1099px;
}

.NewStyles .ss_attach {
    background-position: 0px -1117px;
}

.NewStyles .ss_award_star_add {
    background-position: 0px -1135px;
}

.NewStyles .ss_award_star_bronze_1 {
    background-position: 0px -1153px;
}

.NewStyles .ss_award_star_bronze_2 {
    background-position: 0px -1171px;
}

.NewStyles .ss_award_star_bronze_3 {
    background-position: 0px -1189px;
}

.NewStyles .ss_award_star_delete {
    background-position: 0px -1207px;
}

.NewStyles .ss_award_star_gold_1 {
    background-position: 0px -1225px;
}

.NewStyles .ss_award_star_gold_2 {
    background-position: 0px -1243px;
}

.NewStyles .ss_award_star_gold_3 {
    background-position: 0px -1261px;
}

.NewStyles .ss_award_star_silver_1 {
    background-position: 0px -1279px;
}

.NewStyles .ss_award_star_silver_2 {
    background-position: 0px -1297px;
}

.NewStyles .ss_award_star_silver_3 {
    background-position: 0px -1315px;
}

.NewStyles .ss_basket {
    background-position: 0px -1333px;
}

.NewStyles .ss_basket_add {
    background-position: 0px -1351px;
}

.NewStyles .ss_basket_delete {
    background-position: 0px -1369px;
}

.NewStyles .ss_basket_edit {
    background-position: 0px -1387px;
}

.NewStyles .ss_basket_error {
    background-position: 0px -1405px;
}

.NewStyles .ss_basket_go {
    background-position: 0px -1423px;
}

.NewStyles .ss_basket_put {
    background-position: 0px -1441px;
}

.NewStyles .ss_basket_remove {
    background-position: 0px -1459px;
}

.NewStyles .ss_bell {
    background-position: 0px -1477px;
}

.NewStyles .ss_bell_add {
    background-position: 0px -1495px;
}

.NewStyles .ss_bell_delete {
    background-position: 0px -1513px;
}

.NewStyles .ss_bell_error {
    background-position: 0px -1531px;
}

.NewStyles .ss_bell_go {
    background-position: 0px -1549px;
}

.NewStyles .ss_bell_link {
    background-position: 0px -1567px;
}

.NewStyles .ss_bin {
    background-position: 0px -1585px;
}

.NewStyles .ss_bin_closed {
    background-position: 0px -1603px;
}

.NewStyles .ss_bin_empty {
    background-position: 0px -1621px;
}

.NewStyles .ss_bomb {
    background-position: 0px -1639px;
}

.NewStyles .ss_book {
    background-position: 0px -1657px;
}

.NewStyles .ss_book_add {
    background-position: 0px -1675px;
}

.NewStyles .ss_book_addresses {
    background-position: 0px -1693px;
}

.NewStyles .ss_book_delete {
    background-position: 0px -1711px;
}

.NewStyles .ss_book_edit {
    background-position: 0px -1729px;
}

.NewStyles .ss_book_error {
    background-position: 0px -1747px;
}

.NewStyles .ss_book_go {
    background-position: 0px -1765px;
}

.NewStyles .ss_book_key {
    background-position: 0px -1783px;
}

.NewStyles .ss_book_link {
    background-position: 0px -1801px;
}

.NewStyles .ss_book_next {
    background-position: 0px -1819px;
}

.NewStyles .ss_book_open {
    background-position: 0px -1837px;
}

.NewStyles .ss_book_previous {
    background-position: 0px -1855px;
}

.NewStyles .ss_box {
    background-position: 0px -1873px;
}

.NewStyles .ss_brick {
    background-position: 0px -1891px;
}

.NewStyles .ss_brick_add {
    background-position: 0px -1909px;
}

.NewStyles .ss_brick_delete {
    background-position: 0px -1927px;
}

.NewStyles .ss_brick_edit {
    background-position: 0px -1945px;
}

.NewStyles .ss_brick_error {
    background-position: 0px -1963px;
}

.NewStyles .ss_brick_go {
    background-position: 0px -1981px;
}

.NewStyles .ss_brick_link {
    background-position: 0px -1999px;
}

.NewStyles .ss_bricks {
    background-position: 0px -2017px;
}

.NewStyles .ss_briefcase {
    background-position: 0px -2035px;
}

.NewStyles .ss_bug {
    background-position: 0px -2053px;
}

.NewStyles .ss_bug_add {
    background-position: 0px -2071px;
}

.NewStyles .ss_bug_delete {
    background-position: 0px -2089px;
}

.NewStyles .ss_bug_edit {
    background-position: 0px -2107px;
}

.NewStyles .ss_bug_error {
    background-position: 0px -2125px;
}

.NewStyles .ss_bug_go {
    background-position: 0px -2143px;
}

.NewStyles .ss_bug_link {
    background-position: 0px -2161px;
}

.NewStyles .ss_building {
    background-position: 0px -2179px;
}

.NewStyles .ss_building_add {
    background-position: 0px -2197px;
}

.NewStyles .ss_building_delete {
    background-position: 0px -2215px;
}

.NewStyles .ss_building_edit {
    background-position: 0px -2233px;
}

.NewStyles .ss_building_error {
    background-position: 0px -2251px;
}

.NewStyles .ss_building_go {
    background-position: 0px -2269px;
}

.NewStyles .ss_building_key {
    background-position: 0px -2287px;
}

.NewStyles .ss_building_link {
    background-position: 0px -2305px;
}

.NewStyles .ss_bullet_add {
    background-position: 0px -2323px;
}

.NewStyles .ss_bullet_arrow_bottom {
    background-position: 0px -2341px;
}

.NewStyles .ss_bullet_arrow_down {
    background-position: 0px -2359px;
}

.NewStyles .ss_bullet_arrow_top {
    background-position: 0px -2377px;
}

.NewStyles .ss_bullet_arrow_up {
    background-position: 0px -2395px;
}

.NewStyles .ss_bullet_black {
    background-position: 0px -2413px;
}

.NewStyles .ss_bullet_blue {
    background-position: 0px -2431px;
}

.NewStyles .ss_bullet_delete {
    background-position: 0px -2449px;
}

.NewStyles .ss_bullet_disk {
    background-position: 0px -2467px;
}

.NewStyles .ss_bullet_error {
    background-position: 0px -2485px;
}

.NewStyles .ss_bullet_feed {
    background-position: 0px -2503px;
}

.NewStyles .ss_bullet_go {
    background-position: 0px -2521px;
}

.NewStyles .ss_bullet_green {
    background-position: 0px -2539px;
}

.NewStyles .ss_bullet_key {
    background-position: 0px -2557px;
}

.NewStyles .ss_bullet_orange {
    background-position: 0px -2575px;
}

.NewStyles .ss_bullet_picture {
    background-position: 0px -2593px;
}

.NewStyles .ss_bullet_pink {
    background-position: 0px -2611px;
}

.NewStyles .ss_bullet_purple {
    background-position: 0px -2629px;
}

.NewStyles .ss_bullet_red {
    background-position: 0px -2647px;
}

.NewStyles .ss_bullet_star {
    background-position: 0px -2665px;
}

.NewStyles .ss_bullet_toggle_minus {
    background-position: 0px -2683px;
}

.NewStyles .ss_bullet_toggle_plus {
    background-position: 0px -2701px;
}

.NewStyles .ss_bullet_white {
    background-position: 0px -2719px;
}

.NewStyles .ss_bullet_wrench {
    background-position: 0px -2737px;
}

.NewStyles .ss_bullet_yellow {
    background-position: 0px -2755px;
}

.NewStyles .ss_cake {
    background-position: 0px -2773px;
}

.NewStyles .ss_calculator {
    background-position: 0px -2791px;
}

.NewStyles .ss_calculator_add {
    background-position: 0px -2809px;
}

.NewStyles .ss_calculator_delete {
    background-position: 0px -2827px;
}

.NewStyles .ss_calculator_edit {
    background-position: 0px -2845px;
}

.NewStyles .ss_calculator_error {
    background-position: 0px -2863px;
}

.NewStyles .ss_calculator_link {
    background-position: 0px -2881px;
}

.NewStyles .ss_calendar {
    background-position: 0px -2899px;
}

.NewStyles .ss_calendar_add {
    background-position: 0px -2917px;
}

.NewStyles .ss_calendar_delete {
    background-position: 0px -2935px;
}

.NewStyles .ss_calendar_edit {
    background-position: 0px -2953px;
}

.NewStyles .ss_calendar_link {
    background-position: 0px -2971px;
}

.NewStyles .ss_calendar_view_day {
    background-position: 0px -2989px;
}

.NewStyles .ss_calendar_view_month {
    background-position: 0px -3007px;
}

.NewStyles .ss_calendar_view_week {
    background-position: 0px -3025px;
}

.NewStyles .ss_camera {
    background-position: 0px -3043px;
}

.NewStyles .ss_camera_add {
    background-position: 0px -3061px;
}

.NewStyles .ss_camera_delete {
    background-position: 0px -3079px;
}

.NewStyles .ss_camera_edit {
    background-position: 0px -3097px;
}

.NewStyles .ss_camera_error {
    background-position: 0px -3115px;
}

.NewStyles .ss_camera_go {
    background-position: 0px -3133px;
}

.NewStyles .ss_camera_link {
    background-position: 0px -3151px;
}

.NewStyles .ss_camera_small {
    background-position: 0px -3169px;
}

.NewStyles .ss_cancel {
    background-position: 0px -3187px;
}

.NewStyles .ss_car {
    background-position: 0px -3205px;
}

.NewStyles .ss_car_add {
    background-position: 0px -3223px;
}

.NewStyles .ss_car_delete {
    background-position: 0px -3241px;
}

.NewStyles .ss_cart {
    background-position: 0px -3259px;
}

.NewStyles .ss_cart_add {
    background-position: 0px -3277px;
}

.NewStyles .ss_cart_delete {
    background-position: 0px -3295px;
}

.NewStyles .ss_cart_edit {
    background-position: 0px -3313px;
}

.NewStyles .ss_cart_error {
    background-position: 0px -3331px;
}

.NewStyles .ss_cart_go {
    background-position: 0px -3349px;
}

.NewStyles .ss_cart_put {
    background-position: 0px -3367px;
}

.NewStyles .ss_cart_remove {
    background-position: 0px -3385px;
}

.NewStyles .ss_cd {
    background-position: 0px -3403px;
}

.NewStyles .ss_cd_add {
    background-position: 0px -3421px;
}

.NewStyles .ss_cd_burn {
    background-position: 0px -3439px;
}

.NewStyles .ss_cd_delete {
    background-position: 0px -3457px;
}

.NewStyles .ss_cd_edit {
    background-position: 0px -3475px;
}

.NewStyles .ss_cd_eject {
    background-position: 0px -3493px;
}

.NewStyles .ss_cd_go {
    background-position: 0px -3511px;
}

.NewStyles .ss_chart_bar {
    background-position: 0px -3529px;
}

.NewStyles .ss_chart_bar_add {
    background-position: 0px -3547px;
}

.NewStyles .ss_chart_bar_delete {
    background-position: 0px -3565px;
}

.NewStyles .ss_chart_bar_edit {
    background-position: 0px -3583px;
}

.NewStyles .ss_chart_bar_error {
    background-position: 0px -3601px;
}

.NewStyles .ss_chart_bar_link {
    background-position: 0px -3619px;
}

.NewStyles .ss_chart_curve {
    background-position: 0px -3637px;
}

.NewStyles .ss_chart_curve_add {
    background-position: 0px -3655px;
}

.NewStyles .ss_chart_curve_delete {
    background-position: 0px -3673px;
}

.NewStyles .ss_chart_curve_edit {
    background-position: 0px -3691px;
}

.NewStyles .ss_chart_curve_error {
    background-position: 0px -3709px;
}

.NewStyles .ss_chart_curve_go {
    background-position: 0px -3727px;
}

.NewStyles .ss_chart_curve_link {
    background-position: 0px -3745px;
}

.NewStyles .ss_chart_line {
    background-position: 0px -3763px;
}

.NewStyles .ss_chart_line_add {
    background-position: 0px -3781px;
}

.NewStyles .ss_chart_line_delete {
    background-position: 0px -3799px;
}

.NewStyles .ss_chart_line_edit {
    background-position: 0px -3817px;
}

.NewStyles .ss_chart_line_error {
    background-position: 0px -3835px;
}

.NewStyles .ss_chart_line_link {
    background-position: 0px -3853px;
}

.NewStyles .ss_chart_organisation {
    background-position: 0px -3871px;
}

.NewStyles .ss_chart_organisation_add {
    background-position: 0px -3889px;
}

.NewStyles .ss_chart_organisation_delete {
    background-position: 0px -3907px;
}

.NewStyles .ss_chart_pie {
    background-position: 0px -3925px;
}

.NewStyles .ss_chart_pie_add {
    background-position: 0px -3943px;
}

.NewStyles .ss_chart_pie_delete {
    background-position: 0px -3961px;
}

.NewStyles .ss_chart_pie_edit {
    background-position: 0px -3979px;
}

.NewStyles .ss_chart_pie_error {
    background-position: 0px -3997px;
}

.NewStyles .ss_chart_pie_link {
    background-position: 0px -4015px;
}

.NewStyles .ss_clock {
    background-position: 0px -4033px;
}

.NewStyles .ss_clock_add {
    background-position: 0px -4051px;
}

.NewStyles .ss_clock_delete {
    background-position: 0px -4069px;
}

.NewStyles .ss_clock_edit {
    background-position: 0px -4087px;
}

.NewStyles .ss_clock_error {
    background-position: 0px -4105px;
}

.NewStyles .ss_clock_go {
    background-position: 0px -4123px;
}

.NewStyles .ss_clock_link {
    background-position: 0px -4141px;
}

.NewStyles .ss_clock_pause {
    background-position: 0px -4159px;
}

.NewStyles .ss_clock_play {
    background-position: 0px -4177px;
}

.NewStyles .ss_clock_red {
    background-position: 0px -4195px;
}

.NewStyles .ss_clock_stop {
    background-position: 0px -4213px;
}

.NewStyles .ss_cog {
    background-position: 0px -4231px;
}

.NewStyles .ss_cog_add {
    background-position: 0px -4249px;
}

.NewStyles .ss_cog_delete {
    background-position: 0px -4267px;
}

.NewStyles .ss_cog_edit {
    background-position: 0px -4285px;
}

.NewStyles .ss_cog_error {
    background-position: 0px -4303px;
}

.NewStyles .ss_cog_go {
    background-position: 0px -4321px;
}

.NewStyles .ss_coins {
    background-position: 0px -4339px;
}

.NewStyles .ss_coins_add {
    background-position: 0px -4357px;
}

.NewStyles .ss_coins_delete {
    background-position: 0px -4375px;
}

.NewStyles .ss_color_swatch {
    background-position: 0px -4393px;
}

.NewStyles .ss_color_wheel {
    background-position: 0px -4411px;
}

.NewStyles .ss_comment {
    background-position: 0px -4429px;
}

.NewStyles .ss_comment_add {
    background-position: 0px -4447px;
}

.NewStyles .ss_comment_delete {
    background-position: 0px -4465px;
}

.NewStyles .ss_comment_edit {
    background-position: 0px -4483px;
}

.NewStyles .ss_comments {
    background-position: 0px -4501px;
}

.NewStyles .ss_comments_add {
    background-position: 0px -4519px;
}

.NewStyles .ss_comments_delete {
    background-position: 0px -4537px;
}

.NewStyles .ss_compress {
    background-position: 0px -4555px;
}

.NewStyles .ss_computer {
    background-position: 0px -4573px;
}

.NewStyles .ss_computer_add {
    background-position: 0px -4591px;
}

.NewStyles .ss_computer_delete {
    background-position: 0px -4609px;
}

.NewStyles .ss_computer_edit {
    background-position: 0px -4627px;
}

.NewStyles .ss_computer_error {
    background-position: 0px -4645px;
}

.NewStyles .ss_computer_go {
    background-position: 0px -4663px;
}

.NewStyles .ss_computer_key {
    background-position: 0px -4681px;
}

.NewStyles .ss_computer_link {
    background-position: 0px -4699px;
}

.NewStyles .ss_connect {
    background-position: 0px -4717px;
}

.NewStyles .ss_contrast {
    background-position: 0px -4735px;
}

.NewStyles .ss_contrast_decrease {
    background-position: 0px -4753px;
}

.NewStyles .ss_contrast_high {
    background-position: 0px -4771px;
}

.NewStyles .ss_contrast_increase {
    background-position: 0px -4789px;
}

.NewStyles .ss_contrast_low {
    background-position: 0px -4807px;
}

.NewStyles .ss_control_eject {
    background-position: 0px -4825px;
}

.NewStyles .ss_control_eject_blue {
    background-position: 0px -4843px;
}

.NewStyles .ss_control_end {
    background-position: 0px -4861px;
}

.NewStyles .ss_control_end_blue {
    background-position: 0px -4879px;
}

.NewStyles .ss_control_equalizer {
    background-position: 0px -4897px;
}

.NewStyles .ss_control_equalizer_blue {
    background-position: 0px -4915px;
}

.NewStyles .ss_control_fastforward {
    background-position: 0px -4933px;
}

.NewStyles .ss_control_fastforward_blue {
    background-position: 0px -4951px;
}

.NewStyles .ss_control_pause {
    background-position: 0px -4969px;
}

.NewStyles .ss_control_pause_blue {
    background-position: 0px -4987px;
}

.NewStyles .ss_control_play {
    background-position: 0px -5005px;
}

.NewStyles .ss_control_play_blue {
    background-position: 0px -5023px;
}

.NewStyles .ss_control_repeat {
    background-position: 0px -5041px;
}

.NewStyles .ss_control_repeat_blue {
    background-position: 0px -5059px;
}

.NewStyles .ss_control_rewind {
    background-position: 0px -5077px;
}

.NewStyles .ss_control_rewind_blue {
    background-position: 0px -5095px;
}

.NewStyles .ss_control_start {
    background-position: 0px -5113px;
}

.NewStyles .ss_control_start_blue {
    background-position: 0px -5131px;
}

.NewStyles .ss_control_stop {
    background-position: 0px -5149px;
}

.NewStyles .ss_control_stop_blue {
    background-position: 0px -5167px;
}

.NewStyles .ss_controller {
    background-position: 0px -5185px;
}

.NewStyles .ss_controller_add {
    background-position: 0px -5203px;
}

.NewStyles .ss_controller_delete {
    background-position: 0px -5221px;
}

.NewStyles .ss_controller_error {
    background-position: 0px -5239px;
}

.NewStyles .ss_creditcards {
    background-position: 0px -5257px;
}

.NewStyles .ss_cross {
    background-position: 0px -5275px;
}

.NewStyles .ss_css {
    background-position: 0px -5293px;
}

.NewStyles .ss_css_add {
    background-position: 0px -5311px;
}

.NewStyles .ss_css_delete {
    background-position: 0px -5329px;
}

.NewStyles .ss_css_go {
    background-position: 0px -5347px;
}

.NewStyles .ss_css_valid {
    background-position: 0px -5365px;
}

.NewStyles .ss_cup {
    background-position: 0px -5383px;
}

.NewStyles .ss_cup_add {
    background-position: 0px -5401px;
}

.NewStyles .ss_cup_delete {
    background-position: 0px -5419px;
}

.NewStyles .ss_cup_edit {
    background-position: 0px -5437px;
}

.NewStyles .ss_cup_error {
    background-position: 0px -5455px;
}

.NewStyles .ss_cup_go {
    background-position: 0px -5473px;
}

.NewStyles .ss_cup_key {
    background-position: 0px -5491px;
}

.NewStyles .ss_cup_link {
    background-position: 0px -5509px;
}

.NewStyles .ss_cursor {
    background-position: 0px -5527px;
}

.NewStyles .ss_cut {
    background-position: 0px -5545px;
}

.NewStyles .ss_cut_red {
    background-position: 0px -5563px;
}

.NewStyles .ss_database {
    background-position: 0px -5581px;
}

.NewStyles .ss_database_add {
    background-position: 0px -5599px;
}

.NewStyles .ss_database_connect {
    background-position: 0px -5617px;
}

.NewStyles .ss_database_delete {
    background-position: 0px -5635px;
}

.NewStyles .ss_database_edit {
    background-position: 0px -5653px;
}

.NewStyles .ss_database_error {
    background-position: 0px -5671px;
}

.NewStyles .ss_database_gear {
    background-position: 0px -5689px;
}

.NewStyles .ss_database_go {
    background-position: 0px -5707px;
}

.NewStyles .ss_database_key {
    background-position: 0px -5725px;
}

.NewStyles .ss_database_lightning {
    background-position: 0px -5743px;
}

.NewStyles .ss_database_link {
    background-position: 0px -5761px;
}

.NewStyles .ss_database_refresh {
    background-position: 0px -5779px;
}

.NewStyles .ss_database_save {
    background-position: 0px -5797px;
}

.NewStyles .ss_database_table {
    background-position: 0px -5815px;
}

.NewStyles .ss_date {
    background-position: 0px -5833px;
}

.NewStyles .ss_date_add {
    background-position: 0px -5851px;
}

.NewStyles .ss_date_delete {
    background-position: 0px -5869px;
}

.NewStyles .ss_date_edit {
    background-position: 0px -5887px;
}

.NewStyles .ss_date_error {
    background-position: 0px -5905px;
}

.NewStyles .ss_date_go {
    background-position: 0px -5923px;
}

.NewStyles .ss_date_link {
    background-position: 0px -5941px;
}

.NewStyles .ss_date_magnify {
    background-position: 0px -5959px;
}

.NewStyles .ss_date_next {
    background-position: 0px -5977px;
}

.NewStyles .ss_date_previous {
    background-position: 0px -5995px;
}

.NewStyles .ss_delete {
    background-position: 0px -6013px;
}

.NewStyles .ss_disconnect {
    background-position: 0px -6031px;
}

.NewStyles .ss_disk {
    background-position: 0px -6049px;
}

.NewStyles .ss_disk_multiple {
    background-position: 0px -6067px;
}

.NewStyles .ss_door {
    background-position: 0px -6085px;
}

.NewStyles .ss_door_in {
    background-position: 0px -6103px;
}

.NewStyles .ss_door_open {
    background-position: 0px -6121px;
}

.NewStyles .ss_door_out {
    background-position: 0px -6139px;
}

.NewStyles .ss_drink {
    background-position: 0px -6157px;
}

.NewStyles .ss_drink_empty {
    background-position: 0px -6175px;
}

.NewStyles .ss_drive {
    background-position: 0px -6193px;
}

.NewStyles .ss_drive_add {
    background-position: 0px -6211px;
}

.NewStyles .ss_drive_burn {
    background-position: 0px -6229px;
}

.NewStyles .ss_drive_cd {
    background-position: 0px -6247px;
}

.NewStyles .ss_drive_cd_empty {
    background-position: 0px -6265px;
}

.NewStyles .ss_drive_delete {
    background-position: 0px -6283px;
}

.NewStyles .ss_drive_disk {
    background-position: 0px -6301px;
}

.NewStyles .ss_drive_edit {
    background-position: 0px -6319px;
}

.NewStyles .ss_drive_error {
    background-position: 0px -6337px;
}

.NewStyles .ss_drive_go {
    background-position: 0px -6355px;
}

.NewStyles .ss_drive_key {
    background-position: 0px -6373px;
}

.NewStyles .ss_drive_link {
    background-position: 0px -6391px;
}

.NewStyles .ss_drive_magnify {
    background-position: 0px -6409px;
}

.NewStyles .ss_drive_network {
    background-position: 0px -6427px;
}

.NewStyles .ss_drive_rename {
    background-position: 0px -6445px;
}

.NewStyles .ss_drive_user {
    background-position: 0px -6463px;
}

.NewStyles .ss_drive_web {
    background-position: 0px -6481px;
}

.NewStyles .ss_dvd {
    background-position: 0px -6499px;
}

.NewStyles .ss_dvd_add {
    background-position: 0px -6517px;
}

.NewStyles .ss_dvd_delete {
    background-position: 0px -6535px;
}

.NewStyles .ss_dvd_edit {
    background-position: 0px -6553px;
}

.NewStyles .ss_dvd_error {
    background-position: 0px -6571px;
}

.NewStyles .ss_dvd_go {
    background-position: 0px -6589px;
}

.NewStyles .ss_dvd_key {
    background-position: 0px -6607px;
}

.NewStyles .ss_dvd_link {
    background-position: 0px -6625px;
}

.NewStyles .ss_email {
    background-position: 0px -6643px;
}

.NewStyles .ss_email_add {
    background-position: 0px -6661px;
}

.NewStyles .ss_email_attach {
    background-position: 0px -6679px;
}

.NewStyles .ss_email_delete {
    background-position: 0px -6697px;
}

.NewStyles .ss_email_edit {
    background-position: 0px -6715px;
}

.NewStyles .ss_email_error {
    background-position: 0px -6733px;
}

.NewStyles .ss_email_go {
    background-position: 0px -6751px;
}

.NewStyles .ss_email_link {
    background-position: 0px -6769px;
}

.NewStyles .ss_email_open {
    background-position: 0px -6787px;
}

.NewStyles .ss_email_open_image {
    background-position: 0px -6805px;
}

.NewStyles .ss_emoticon_evilgrin {
    background-position: 0px -6823px;
}

.NewStyles .ss_emoticon_grin {
    background-position: 0px -6841px;
}

.NewStyles .ss_emoticon_happy {
    background-position: 0px -6859px;
}

.NewStyles .ss_emoticon_smile {
    background-position: 0px -6877px;
}

.NewStyles .ss_emoticon_surprised {
    background-position: 0px -6895px;
}

.NewStyles .ss_emoticon_tongue {
    background-position: 0px -6913px;
}

.NewStyles .ss_emoticon_unhappy {
    background-position: 0px -6931px;
}

.NewStyles .ss_emoticon_waii {
    background-position: 0px -6949px;
}

.NewStyles .ss_emoticon_wink {
    background-position: 0px -6967px;
}

.NewStyles .ss_error {
    background-position: 0px -6985px;
}

.NewStyles .ss_error_add {
    background-position: 0px -7003px;
}

.NewStyles .ss_error_delete {
    background-position: 0px -7021px;
}

.NewStyles .ss_error_go {
    background-position: 0px -7039px;
}

.NewStyles .ss_exclamation {
    background-position: 0px -7057px;
}

.NewStyles .ss_eye {
    background-position: 0px -7075px;
}

.NewStyles .ss_feed {
    background-position: 0px -7093px;
}

.NewStyles .ss_feed_add {
    background-position: 0px -7111px;
}

.NewStyles .ss_feed_delete {
    background-position: 0px -7129px;
}

.NewStyles .ss_feed_disk {
    background-position: 0px -7147px;
}

.NewStyles .ss_feed_edit {
    background-position: 0px -7165px;
}

.NewStyles .ss_feed_error {
    background-position: 0px -7183px;
}

.NewStyles .ss_feed_go {
    background-position: 0px -7201px;
}

.NewStyles .ss_feed_key {
    background-position: 0px -7219px;
}

.NewStyles .ss_feed_link {
    background-position: 0px -7237px;
}

.NewStyles .ss_feed_magnify {
    background-position: 0px -7255px;
}

.NewStyles .ss_female {
    background-position: 0px -7273px;
}

.NewStyles .ss_film {
    background-position: 0px -7291px;
}

.NewStyles .ss_film_add {
    background-position: 0px -7309px;
}

.NewStyles .ss_film_delete {
    background-position: 0px -7327px;
}

.NewStyles .ss_film_edit {
    background-position: 0px -7345px;
}

.NewStyles .ss_film_error {
    background-position: 0px -7363px;
}

.NewStyles .ss_film_go {
    background-position: 0px -7381px;
}

.NewStyles .ss_film_key {
    background-position: 0px -7399px;
}

.NewStyles .ss_film_link {
    background-position: 0px -7417px;
}

.NewStyles .ss_film_save {
    background-position: 0px -7435px;
}

.NewStyles .ss_find {
    background-position: 0px -7453px;
}

.NewStyles .ss_flag_blue {
    background-position: 0px -7471px;
}

.NewStyles .ss_flag_green {
    background-position: 0px -7489px;
}

.NewStyles .ss_flag_orange {
    background-position: 0px -7507px;
}

.NewStyles .ss_flag_pink {
    background-position: 0px -7525px;
}

.NewStyles .ss_flag_purple {
    background-position: 0px -7543px;
}

.NewStyles .ss_flag_red {
    background-position: 0px -7561px;
}

.NewStyles .ss_flag_yellow {
    background-position: 0px -7579px;
}

.NewStyles .ss_folder {
    background-position: 0px -7597px;
}

.NewStyles .ss_folder_add {
    background-position: 0px -7615px;
}

.NewStyles .ss_folder_bell {
    background-position: 0px -7633px;
}

.NewStyles .ss_folder_brick {
    background-position: 0px -7651px;
}

.NewStyles .ss_folder_bug {
    background-position: 0px -7669px;
}

.NewStyles .ss_folder_camera {
    background-position: 0px -7687px;
}

.NewStyles .ss_folder_database {
    background-position: 0px -7705px;
}

.NewStyles .ss_folder_delete {
    background-position: 0px -7723px;
}

.NewStyles .ss_folder_edit {
    background-position: 0px -7741px;
}

.NewStyles .ss_folder_error {
    background-position: 0px -7759px;
}

.NewStyles .ss_folder_explore {
    background-position: 0px -7777px;
}

.NewStyles .ss_folder_feed {
    background-position: 0px -7795px;
}

.NewStyles .ss_folder_find {
    background-position: 0px -7813px;
}

.NewStyles .ss_folder_go {
    background-position: 0px -7831px;
}

.NewStyles .ss_folder_heart {
    background-position: 0px -7849px;
}

.NewStyles .ss_folder_image {
    background-position: 0px -7867px;
}

.NewStyles .ss_folder_key {
    background-position: 0px -7885px;
}

.NewStyles .ss_folder_lightbulb {
    background-position: 0px -7903px;
}

.NewStyles .ss_folder_link {
    background-position: 0px -7921px;
}

.NewStyles .ss_folder_magnify {
    background-position: 0px -7939px;
}

.NewStyles .ss_folder_page {
    background-position: 0px -7957px;
}

.NewStyles .ss_folder_page_white {
    background-position: 0px -7975px;
}

.NewStyles .ss_folder_palette {
    background-position: 0px -7993px;
}

.NewStyles .ss_folder_picture {
    background-position: 0px -8011px;
}

.NewStyles .ss_folder_star {
    background-position: 0px -8029px;
}

.NewStyles .ss_folder_table {
    background-position: 0px -8047px;
}

.NewStyles .ss_folder_user {
    background-position: 0px -8065px;
}

.NewStyles .ss_folder_wrench {
    background-position: 0px -8083px;
}

.NewStyles .ss_font {
    background-position: 0px -8101px;
}

.NewStyles .ss_font_add {
    background-position: 0px -8119px;
}

.NewStyles .ss_font_delete {
    background-position: 0px -8137px;
}

.NewStyles .ss_font_go {
    background-position: 0px -8155px;
}

.NewStyles .ss_group {
    background-position: 0px -8173px;
}

.NewStyles .ss_group_add {
    background-position: 0px -8191px;
}

.NewStyles .ss_group_delete {
    background-position: 0px -8209px;
}

.NewStyles .ss_group_edit {
    background-position: 0px -8227px;
}

.NewStyles .ss_group_error {
    background-position: 0px -8245px;
}

.NewStyles .ss_group_gear {
    background-position: 0px -8263px;
}

.NewStyles .ss_group_go {
    background-position: 0px -8281px;
}

.NewStyles .ss_group_key {
    background-position: 0px -8299px;
}

.NewStyles .ss_group_link {
    background-position: 0px -8317px;
}

.NewStyles .ss_heart {
    background-position: 0px -8335px;
}

.NewStyles .ss_heart_add {
    background-position: 0px -8353px;
}

.NewStyles .ss_heart_delete {
    background-position: 0px -8371px;
}

.NewStyles .ss_help {
    background-position: 0px -8389px;
}

.NewStyles .ss_hourglass {
    background-position: 0px -8407px;
}

.NewStyles .ss_hourglass_add {
    background-position: 0px -8425px;
}

.NewStyles .ss_hourglass_delete {
    background-position: 0px -8443px;
}

.NewStyles .ss_hourglass_go {
    background-position: 0px -8461px;
}

.NewStyles .ss_hourglass_link {
    background-position: 0px -8479px;
}

.NewStyles .ss_house {
    background-position: 0px -8497px;
}

.NewStyles .ss_house_go {
    background-position: 0px -8515px;
}

.NewStyles .ss_house_link {
    background-position: 0px -8533px;
}

.NewStyles .ss_html {
    background-position: 0px -8551px;
}

.NewStyles .ss_html_add {
    background-position: 0px -8569px;
}

.NewStyles .ss_html_delete {
    background-position: 0px -8587px;
}

.NewStyles .ss_html_go {
    background-position: 0px -8605px;
}

.NewStyles .ss_html_valid {
    background-position: 0px -8623px;
}

.NewStyles .ss_image {
    background-position: 0px -8641px;
}

.NewStyles .ss_image_add {
    background-position: 0px -8659px;
}

.NewStyles .ss_image_delete {
    background-position: 0px -8677px;
}

.NewStyles .ss_image_edit {
    background-position: 0px -8695px;
}

.NewStyles .ss_image_link {
    background-position: 0px -8713px;
}

.NewStyles .ss_images {
    background-position: 0px -8731px;
}

.NewStyles .ss_information {
    background-position: 0px -8749px;
}

.NewStyles .ss_ipod {
    background-position: 0px -8767px;
}

.NewStyles .ss_ipod_cast {
    background-position: 0px -8785px;
}

.NewStyles .ss_ipod_cast_add {
    background-position: 0px -8803px;
}

.NewStyles .ss_ipod_cast_delete {
    background-position: 0px -8821px;
}

.NewStyles .ss_ipod_sound {
    background-position: 0px -8839px;
}

.NewStyles .ss_joystick {
    background-position: 0px -8857px;
}

.NewStyles .ss_joystick_add {
    background-position: 0px -8875px;
}

.NewStyles .ss_joystick_delete {
    background-position: 0px -8893px;
}

.NewStyles .ss_joystick_error {
    background-position: 0px -8911px;
}

.NewStyles .ss_key {
    background-position: 0px -8929px;
}

.NewStyles .ss_key_add {
    background-position: 0px -8947px;
}

.NewStyles .ss_key_delete {
    background-position: 0px -8965px;
}

.NewStyles .ss_key_go {
    background-position: 0px -8983px;
}

.NewStyles .ss_keyboard {
    background-position: 0px -9001px;
}

.NewStyles .ss_keyboard_add {
    background-position: 0px -9019px;
}

.NewStyles .ss_keyboard_delete {
    background-position: 0px -9037px;
}

.NewStyles .ss_keyboard_magnify {
    background-position: 0px -9055px;
}

.NewStyles .ss_layers {
    background-position: 0px -9073px;
}

.NewStyles .ss_layout {
    background-position: 0px -9091px;
}

.NewStyles .ss_layout_add {
    background-position: 0px -9109px;
}

.NewStyles .ss_layout_content {
    background-position: 0px -9127px;
}

.NewStyles .ss_layout_delete {
    background-position: 0px -9145px;
}

.NewStyles .ss_layout_edit {
    background-position: 0px -9163px;
}

.NewStyles .ss_layout_error {
    background-position: 0px -9181px;
}

.NewStyles .ss_layout_header {
    background-position: 0px -9199px;
}

.NewStyles .ss_layout_link {
    background-position: 0px -9217px;
}

.NewStyles .ss_layout_sidebar {
    background-position: 0px -9235px;
}

.NewStyles .ss_lightbulb {
    background-position: 0px -9253px;
}

.NewStyles .ss_lightbulb_add {
    background-position: 0px -9271px;
}

.NewStyles .ss_lightbulb_delete {
    background-position: 0px -9289px;
}

.NewStyles .ss_lightbulb_off {
    background-position: 0px -9307px;
}

.NewStyles .ss_lightning {
    background-position: 0px -9325px;
}

.NewStyles .ss_lightning_add {
    background-position: 0px -9343px;
}

.NewStyles .ss_lightning_delete {
    background-position: 0px -9361px;
}

.NewStyles .ss_lightning_go {
    background-position: 0px -9379px;
}

.NewStyles .ss_link {
    background-position: 0px -9397px;
}

.NewStyles .ss_link_add {
    background-position: 0px -9415px;
}

.NewStyles .ss_link_break {
    background-position: 0px -9433px;
}

.NewStyles .ss_link_delete {
    background-position: 0px -9451px;
}

.NewStyles .ss_link_edit {
    background-position: 0px -9469px;
}

.NewStyles .ss_link_error {
    background-position: 0px -9487px;
}

.NewStyles .ss_link_go {
    background-position: 0px -9505px;
}

.NewStyles .ss_lock {
    background-position: 0px -9523px;
}

.NewStyles .ss_lock_add {
    background-position: 0px -9541px;
}

.NewStyles .ss_lock_break {
    background-position: 0px -9559px;
}

.NewStyles .ss_lock_delete {
    background-position: 0px -9577px;
}

.NewStyles .ss_lock_edit {
    background-position: 0px -9595px;
}

.NewStyles .ss_lock_go {
    background-position: 0px -9613px;
}

.NewStyles .ss_lock_open {
    background-position: 0px -9631px;
}

.NewStyles .ss_lorry {
    background-position: 0px -9649px;
}

.NewStyles .ss_lorry_add {
    background-position: 0px -9667px;
}

.NewStyles .ss_lorry_delete {
    background-position: 0px -9685px;
}

.NewStyles .ss_lorry_error {
    background-position: 0px -9703px;
}

.NewStyles .ss_lorry_flatbed {
    background-position: 0px -9721px;
}

.NewStyles .ss_lorry_go {
    background-position: 0px -9739px;
}

.NewStyles .ss_lorry_link {
    background-position: 0px -9757px;
}

.NewStyles .ss_magifier_zoom_out {
    background-position: 0px -9775px;
}

.NewStyles .ss_magnifier {
    background-position: 0px -9793px;
}

.NewStyles .ss_magnifier_zoom_in {
    background-position: 0px -9811px;
}

.NewStyles .ss_male {
    background-position: 0px -9829px;
}

.NewStyles .ss_map {
    background-position: 0px -9847px;
}

.NewStyles .ss_map_add {
    background-position: 0px -9865px;
}

.NewStyles .ss_map_delete {
    background-position: 0px -9883px;
}

.NewStyles .ss_map_edit {
    background-position: 0px -9901px;
}

.NewStyles .ss_map_go {
    background-position: 0px -9919px;
}

.NewStyles .ss_map_magnify {
    background-position: 0px -9937px;
}

.NewStyles .ss_medal_bronze_1 {
    background-position: 0px -9955px;
}

.NewStyles .ss_medal_bronze_2 {
    background-position: 0px -9973px;
}

.NewStyles .ss_medal_bronze_3 {
    background-position: 0px -9991px;
}

.NewStyles .ss_medal_bronze_add {
    background-position: 0px -10009px;
}

.NewStyles .ss_medal_bronze_delete {
    background-position: 0px -10027px;
}

.NewStyles .ss_medal_gold_1 {
    background-position: 0px -10045px;
}

.NewStyles .ss_medal_gold_2 {
    background-position: 0px -10063px;
}

.NewStyles .ss_medal_gold_3 {
    background-position: 0px -10081px;
}

.NewStyles .ss_medal_gold_add {
    background-position: 0px -10099px;
}

.NewStyles .ss_medal_gold_delete {
    background-position: 0px -10117px;
}

.NewStyles .ss_medal_silver_1 {
    background-position: 0px -10135px;
}

.NewStyles .ss_medal_silver_2 {
    background-position: 0px -10153px;
}

.NewStyles .ss_medal_silver_3 {
    background-position: 0px -10171px;
}

.NewStyles .ss_medal_silver_add {
    background-position: 0px -10189px;
}

.NewStyles .ss_medal_silver_delete {
    background-position: 0px -10207px;
}

.NewStyles .ss_money {
    background-position: 0px -10225px;
}

.NewStyles .ss_money_add {
    background-position: 0px -10243px;
}

.NewStyles .ss_money_delete {
    background-position: 0px -10261px;
}

.NewStyles .ss_money_dollar {
    background-position: 0px -10279px;
}

.NewStyles .ss_money_euro {
    background-position: 0px -10297px;
}

.NewStyles .ss_money_pound {
    background-position: 0px -10315px;
}

.NewStyles .ss_money_yen {
    background-position: 0px -10333px;
}

.NewStyles .ss_monitor {
    background-position: 0px -10351px;
}

.NewStyles .ss_monitor_add {
    background-position: 0px -10369px;
}

.NewStyles .ss_monitor_delete {
    background-position: 0px -10387px;
}

.NewStyles .ss_monitor_edit {
    background-position: 0px -10405px;
}

.NewStyles .ss_monitor_error {
    background-position: 0px -10423px;
}

.NewStyles .ss_monitor_go {
    background-position: 0px -10441px;
}

.NewStyles .ss_monitor_lightning {
    background-position: 0px -10459px;
}

.NewStyles .ss_monitor_link {
    background-position: 0px -10477px;
}

.NewStyles .ss_mouse {
    background-position: 0px -10495px;
}

.NewStyles .ss_mouse_add {
    background-position: 0px -10513px;
}

.NewStyles .ss_mouse_delete {
    background-position: 0px -10531px;
}

.NewStyles .ss_mouse_error {
    background-position: 0px -10549px;
}

.NewStyles .ss_music {
    background-position: 0px -10567px;
}

.NewStyles .ss_new {
    background-position: 0px -10585px;
}

.NewStyles .ss_newspaper {
    background-position: 0px -10603px;
}

.NewStyles .ss_newspaper_add {
    background-position: 0px -10621px;
}

.NewStyles .ss_newspaper_delete {
    background-position: 0px -10639px;
}

.NewStyles .ss_newspaper_go {
    background-position: 0px -10657px;
}

.NewStyles .ss_newspaper_link {
    background-position: 0px -10675px;
}

.NewStyles .ss_note {
    background-position: 0px -10693px;
}

.NewStyles .ss_note_add {
    background-position: 0px -10711px;
}

.NewStyles .ss_note_delete {
    background-position: 0px -10729px;
}

.NewStyles .ss_note_edit {
    background-position: 0px -10747px;
}

.NewStyles .ss_note_error {
    background-position: 0px -10765px;
}

.NewStyles .ss_note_go {
    background-position: 0px -10783px;
}

.NewStyles .ss_overlays {
    background-position: 0px -10801px;
}

.NewStyles .ss_package {
    background-position: 0px -10819px;
}

.NewStyles .ss_package_add {
    background-position: 0px -10837px;
}

.NewStyles .ss_package_delete {
    background-position: 0px -10855px;
}

.NewStyles .ss_package_go {
    background-position: 0px -10873px;
}

.NewStyles .ss_package_green {
    background-position: 0px -10891px;
}

.NewStyles .ss_package_link {
    background-position: 0px -10909px;
}

.NewStyles .ss_page {
    background-position: 0px -10927px;
}

.NewStyles .ss_page_add {
    background-position: 0px -10945px;
}

.NewStyles .ss_page_attach {
    background-position: 0px -10963px;
}

.NewStyles .ss_page_code {
    background-position: 0px -10981px;
}

.NewStyles .ss_page_copy {
    background-position: 0px -10999px;
}

.NewStyles .ss_page_delete {
    background-position: 0px -11017px;
}

.NewStyles .ss_page_edit {
    background-position: 0px -11035px;
}

.NewStyles .ss_page_error {
    background-position: 0px -11053px;
}

.NewStyles .ss_page_excel {
    background-position: 0px -11071px;
}

.NewStyles .ss_page_find {
    background-position: 0px -11089px;
}

.NewStyles .ss_page_gear {
    background-position: 0px -11107px;
}

.NewStyles .ss_page_go {
    background-position: 0px -11125px;
}

.NewStyles .ss_page_green {
    background-position: 0px -11143px;
}

.NewStyles .ss_page_key {
    background-position: 0px -11161px;
}

.NewStyles .ss_page_lightning {
    background-position: 0px -11179px;
}

.NewStyles .ss_page_link {
    background-position: 0px -11197px;
}

.NewStyles .ss_page_paintbrush {
    background-position: 0px -11215px;
}

.NewStyles .ss_page_paste {
    background-position: 0px -11233px;
}

.NewStyles .ss_page_red {
    background-position: 0px -11251px;
}

.NewStyles .ss_page_refresh {
    background-position: 0px -11269px;
}

.NewStyles .ss_page_save {
    background-position: 0px -11287px;
}

.NewStyles .ss_page_white {
    background-position: 0px -11305px;
}

.NewStyles .ss_page_white_acrobat {
    background-position: 0px -11323px;
}

.NewStyles .ss_page_white_actionscript {
    background-position: 0px -11341px;
}

.NewStyles .ss_page_white_add {
    background-position: 0px -11359px;
}

.NewStyles .ss_page_white_c {
    background-position: 0px -11377px;
}

.NewStyles .ss_page_white_camera {
    background-position: 0px -11395px;
}

.NewStyles .ss_page_white_cd {
    background-position: 0px -11413px;
}

.NewStyles .ss_page_white_code {
    background-position: 0px -11431px;
}

.NewStyles .ss_page_white_code_red {
    background-position: 0px -11449px;
}

.NewStyles .ss_page_white_coldfusion {
    background-position: 0px -11467px;
}

.NewStyles .ss_page_white_compressed {
    background-position: 0px -11485px;
}

.NewStyles .ss_page_white_copy {
    background-position: 0px -11503px;
}

.NewStyles .ss_page_white_cplusplus {
    background-position: 0px -11521px;
}

.NewStyles .ss_page_white_csharp {
    background-position: 0px -11539px;
}

.NewStyles .ss_page_white_cup {
    background-position: 0px -11557px;
}

.NewStyles .ss_page_white_database {
    background-position: 0px -11575px;
}

.NewStyles .ss_page_white_delete {
    background-position: 0px -11593px;
}

.NewStyles .ss_page_white_dvd {
    background-position: 0px -11611px;
}

.NewStyles .ss_page_white_edit {
    background-position: 0px -11629px;
}

.NewStyles .ss_page_white_error {
    background-position: 0px -11647px;
}

.NewStyles .ss_page_white_excel {
    background-position: 0px -11665px;
}

.NewStyles .ss_page_white_find {
    background-position: 0px -11683px;
}

.NewStyles .ss_page_white_flash {
    background-position: 0px -11701px;
}

.NewStyles .ss_page_white_freehand {
    background-position: 0px -11719px;
}

.NewStyles .ss_page_white_gear {
    background-position: 0px -11737px;
}

.NewStyles .ss_page_white_get {
    background-position: 0px -11755px;
}

.NewStyles .ss_page_white_go {
    background-position: 0px -11773px;
}

.NewStyles .ss_page_white_h {
    background-position: 0px -11791px;
}

.NewStyles .ss_page_white_horizontal {
    background-position: 0px -11809px;
}

.NewStyles .ss_page_white_key {
    background-position: 0px -11827px;
}

.NewStyles .ss_page_white_lightning {
    background-position: 0px -11845px;
}

.NewStyles .ss_page_white_link {
    background-position: 0px -11863px;
}

.NewStyles .ss_page_white_magnify {
    background-position: 0px -11881px;
}

.NewStyles .ss_page_white_medal {
    background-position: 0px -11899px;
}

.NewStyles .ss_page_white_office {
    background-position: 0px -11917px;
}

.NewStyles .ss_page_white_paint {
    background-position: 0px -11935px;
}

.NewStyles .ss_page_white_paintbrush {
    background-position: 0px -11953px;
}

.NewStyles .ss_page_white_paste {
    background-position: 0px -11971px;
}

.NewStyles .ss_page_white_php {
    background-position: 0px -11989px;
}

.NewStyles .ss_page_white_picture {
    background-position: 0px -12007px;
}

.NewStyles .ss_page_white_powerpoint {
    background-position: 0px -12025px;
}

.NewStyles .NewStyles .ss_page_white_put {
    background-position: 0px -12043px;
}

.NewStyles .ss_page_white_ruby {
    background-position: 0px -12061px;
}

.NewStyles .ss_page_white_stack {
    background-position: 0px -12079px;
}

.NewStyles .ss_page_white_star {
    background-position: 0px -12097px;
}

.NewStyles .ss_page_white_swoosh {
    background-position: 0px -12115px;
}

.NewStyles .ss_page_white_text {
    background-position: 0px -12133px;
}

.NewStyles .ss_page_white_text_width {
    background-position: 0px -12151px;
}

.NewStyles .ss_page_white_tux {
    background-position: 0px -12169px;
}

.NewStyles .ss_page_white_vector {
    background-position: 0px -12187px;
}

.NewStyles .ss_page_white_visualstudio {
    background-position: 0px -12205px;
}

.NewStyles .ss_page_white_width {
    background-position: 0px -12223px;
}

.NewStyles .ss_page_white_word {
    background-position: 0px -12241px;
}

.NewStyles .ss_page_white_world {
    background-position: 0px -12259px;
}

.NewStyles .ss_page_white_wrench {
    background-position: 0px -12277px;
}

.NewStyles .ss_page_white_zip {
    background-position: 0px -12295px;
}

.NewStyles .ss_page_word {
    background-position: 0px -12313px;
}

.NewStyles .ss_page_world {
    background-position: 0px -12331px;
}

.NewStyles .ss_paintbrush {
    background-position: 0px -12349px;
}

.NewStyles .ss_paintcan {
    background-position: 0px -12367px;
}

.NewStyles .ss_palette {
    background-position: 0px -12385px;
}

.NewStyles .ss_paste_plain {
    background-position: 0px -12403px;
}

.NewStyles .ss_paste_word {
    background-position: 0px -12421px;
}

.NewStyles .ss_pencil {
    background-position: 0px -12439px;
}

.NewStyles .ss_pencil_add {
    background-position: 0px -12457px;
}

.NewStyles .ss_pencil_delete {
    background-position: 0px -12475px;
}

.NewStyles .ss_pencil_go {
    background-position: 0px -12493px;
}

.NewStyles .ss_phone {
    background-position: 0px -12511px;
}

.NewStyles .ss_phone_add {
    background-position: 0px -12529px;
}

.NewStyles .ss_phone_delete {
    background-position: 0px -12547px;
}

.NewStyles .ss_phone_sound {
    background-position: 0px -12565px;
}

.NewStyles .ss_photo {
    background-position: 0px -12583px;
}

.NewStyles .ss_photo_add {
    background-position: 0px -12601px;
}

.NewStyles .ss_photo_delete {
    background-position: 0px -12619px;
}

.NewStyles .ss_photo_link {
    background-position: 0px -12637px;
}

.NewStyles .ss_photos {
    background-position: 0px -12655px;
}

.NewStyles .ss_picture {
    background-position: 0px -12673px;
}

.NewStyles .ss_picture_add {
    background-position: 0px -12691px;
}

.NewStyles .ss_picture_delete {
    background-position: 0px -12709px;
}

.NewStyles .ss_picture_edit {
    background-position: 0px -12727px;
}

.NewStyles .ss_picture_empty {
    background-position: 0px -12745px;
}

.NewStyles .ss_picture_error {
    background-position: 0px -12763px;
}

.NewStyles .ss_picture_go {
    background-position: 0px -12781px;
}

.NewStyles .ss_picture_key {
    background-position: 0px -12799px;
}

.NewStyles .ss_picture_link {
    background-position: 0px -12817px;
}

.NewStyles .ss_picture_save {
    background-position: 0px -12835px;
}

.NewStyles .ss_pictures {
    background-position: 0px -12853px;
}

.NewStyles .ss_pilcrow {
    background-position: 0px -12871px;
}

.NewStyles .ss_pill {
    background-position: 0px -12889px;
}

.NewStyles .ss_pill_add {
    background-position: 0px -12907px;
}

.NewStyles .ss_pill_delete {
    background-position: 0px -12925px;
}

.NewStyles .ss_pill_go {
    background-position: 0px -12943px;
}

.NewStyles .ss_plugin {
    background-position: 0px -12961px;
}

.NewStyles .ss_plugin_add {
    background-position: 0px -12979px;
}

.NewStyles .ss_plugin_delete {
    background-position: 0px -12997px;
}

.NewStyles .ss_plugin_disabled {
    background-position: 0px -13015px;
}

.NewStyles .ss_plugin_edit {
    background-position: 0px -13033px;
}

.NewStyles .ss_plugin_error {
    background-position: 0px -13051px;
}

.NewStyles .ss_plugin_go {
    background-position: 0px -13069px;
}

.NewStyles .ss_plugin_link {
    background-position: 0px -13087px;
}

.NewStyles .ss_printer {
    background-position: 0px -13105px;
}

.NewStyles .ss_printer_add {
    background-position: 0px -13123px;
}

.NewStyles .ss_printer_delete {
    background-position: 0px -13141px;
}

.NewStyles .ss_printer_empty {
    background-position: 0px -13159px;
}

.NewStyles .ss_printer_error {
    background-position: 0px -13177px;
}

.NewStyles .ss_rainbow {
    background-position: 0px -13195px;
}

.NewStyles .ss_report {
    background-position: 0px -13213px;
}

.NewStyles .ss_report_add {
    background-position: 0px -13231px;
}

.NewStyles .ss_report_delete {
    background-position: 0px -13249px;
}

.NewStyles .ss_report_disk {
    background-position: 0px -13267px;
}

.NewStyles .ss_report_edit {
    background-position: 0px -13285px;
}

.NewStyles .ss_report_go {
    background-position: 0px -13303px;
}

.NewStyles .ss_report_key {
    background-position: 0px -13321px;
}

.NewStyles .ss_report_link {
    background-position: 0px -13339px;
}

.NewStyles .ss_report_magnify {
    background-position: 0px -13357px;
}

.NewStyles .ss_report_picture {
    background-position: 0px -13375px;
}

.NewStyles .ss_report_user {
    background-position: 0px -13393px;
}

.NewStyles .ss_report_word {
    background-position: 0px -13411px;
}

.NewStyles .ss_resultset_first {
    background-position: 0px -13429px;
}

.NewStyles .ss_resultset_last {
    background-position: 0px -13447px;
}

.NewStyles .ss_resultset_next {
    background-position: 0px -13465px;
}

.NewStyles .ss_resultset_previous {
    background-position: 0px -13483px;
}

.NewStyles .ss_rosette {
    background-position: 0px -13501px;
}

.NewStyles .ss_rss {
    background-position: 0px -13519px;
}

.NewStyles .ss_rss_add {
    background-position: 0px -13537px;
}

.NewStyles .ss_rss_delete {
    background-position: 0px -13555px;
}

.NewStyles .ss_rss_go {
    background-position: 0px -13573px;
}

.NewStyles .ss_rss_valid {
    background-position: 0px -13591px;
}

.NewStyles .ss_ruby {
    background-position: 0px -13609px;
}

.NewStyles .ss_ruby_add {
    background-position: 0px -13627px;
}

.NewStyles .ss_ruby_delete {
    background-position: 0px -13645px;
}

.NewStyles .ss_ruby_gear {
    background-position: 0px -13663px;
}

.NewStyles .ss_ruby_get {
    background-position: 0px -13681px;
}

.NewStyles .ss_ruby_go {
    background-position: 0px -13699px;
}

.NewStyles .ss_ruby_key {
    background-position: 0px -13717px;
}

.NewStyles .ss_ruby_link {
    background-position: 0px -13735px;
}

.NewStyles .ss_ruby_put {
    background-position: 0px -13753px;
}

.NewStyles .ss_script {
    background-position: 0px -13771px;
}

.NewStyles .ss_script_add {
    background-position: 0px -13789px;
}

.NewStyles .ss_script_code {
    background-position: 0px -13807px;
}

.NewStyles .ss_script_code_red {
    background-position: 0px -13825px;
}

.NewStyles .ss_script_delete {
    background-position: 0px -13843px;
}

.NewStyles .ss_script_edit {
    background-position: 0px -13861px;
}

.NewStyles .ss_script_error {
    background-position: 0px -13879px;
}

.NewStyles .ss_script_gear {
    background-position: 0px -13897px;
}

.NewStyles .ss_script_go {
    background-position: 0px -13915px;
}

.NewStyles .ss_script_key {
    background-position: 0px -13933px;
}

.NewStyles .ss_script_lightning {
    background-position: 0px -13951px;
}

.NewStyles .ss_script_link {
    background-position: 0px -13969px;
}

.NewStyles .ss_script_palette {
    background-position: 0px -13987px;
}

.NewStyles .ss_script_save {
    background-position: 0px -14005px;
}

.NewStyles .ss_server {
    background-position: 0px -14023px;
}

.NewStyles .ss_server_add {
    background-position: 0px -14041px;
}

.NewStyles .ss_server_chart {
    background-position: 0px -14059px;
}

.NewStyles .ss_server_compressed {
    background-position: 0px -14077px;
}

.NewStyles .ss_server_connect {
    background-position: 0px -14095px;
}

.NewStyles .ss_server_database {
    background-position: 0px -14113px;
}

.NewStyles .ss_server_delete {
    background-position: 0px -14131px;
}

.NewStyles .ss_server_edit {
    background-position: 0px -14149px;
}

.NewStyles .ss_server_error {
    background-position: 0px -14167px;
}

.NewStyles .ss_server_go {
    background-position: 0px -14185px;
}

.NewStyles .ss_server_key {
    background-position: 0px -14203px;
}

.NewStyles .ss_server_lightning {
    background-position: 0px -14221px;
}

.NewStyles .ss_server_link {
    background-position: 0px -14239px;
}

.NewStyles .ss_server_uncompressed {
    background-position: 0px -14257px;
}

.NewStyles .ss_shading {
    background-position: 0px -14275px;
}

.NewStyles .ss_shape_align_bottom {
    background-position: 0px -14293px;
}

.NewStyles .ss_shape_align_center {
    background-position: 0px -14311px;
}

.NewStyles .ss_shape_align_left {
    background-position: 0px -14329px;
}

.NewStyles .ss_shape_align_middle {
    background-position: 0px -14347px;
}

.NewStyles .ss_shape_align_right {
    background-position: 0px -14365px;
}

.NewStyles .ss_shape_align_top {
    background-position: 0px -14383px;
}

.NewStyles .ss_shape_flip_horizontal {
    background-position: 0px -14401px;
}

.NewStyles .ss_shape_flip_vertical {
    background-position: 0px -14419px;
}

.NewStyles .ss_shape_group {
    background-position: 0px -14437px;
}

.NewStyles .ss_shape_handles {
    background-position: 0px -14455px;
}

.NewStyles .ss_shape_move_back {
    background-position: 0px -14473px;
}

.NewStyles .ss_shape_move_backwards {
    background-position: 0px -14491px;
}

.NewStyles .ss_shape_move_forwards {
    background-position: 0px -14509px;
}

.NewStyles .ss_shape_move_front {
    background-position: 0px -14527px;
}

.NewStyles .ss_shape_rotate_anticlockwise {
    background-position: 0px -14545px;
}

.NewStyles .ss_shape_rotate_clockwise {
    background-position: 0px -14563px;
}

.NewStyles .ss_shape_square {
    background-position: 0px -14581px;
}

.NewStyles .ss_shape_square_add {
    background-position: 0px -14599px;
}

.NewStyles .ss_shape_square_delete {
    background-position: 0px -14617px;
}

.NewStyles .ss_shape_square_edit {
    background-position: 0px -14635px;
}

.NewStyles .ss_shape_square_error {
    background-position: 0px -14653px;
}

.NewStyles .ss_shape_square_go {
    background-position: 0px -14671px;
}

.NewStyles .ss_shape_square_key {
    background-position: 0px -14689px;
}

.NewStyles .ss_shape_square_link {
    background-position: 0px -14707px;
}

.NewStyles .ss_shape_ungroup {
    background-position: 0px -14725px;
}

.NewStyles .ss_shield {
    background-position: 0px -14743px;
}

.NewStyles .ss_shield_add {
    background-position: 0px -14761px;
}

.NewStyles .ss_shield_delete {
    background-position: 0px -14779px;
}

.NewStyles .ss_shield_go {
    background-position: 0px -14797px;
}

.NewStyles .ss_sitemap {
    background-position: 0px -14815px;
}

.NewStyles .ss_sitemap_color {
    background-position: 0px -14833px;
}

.NewStyles .ss_sound {
    background-position: 0px -14851px;
}

.NewStyles .ss_sound_add {
    background-position: 0px -14869px;
}

.NewStyles .ss_sound_delete {
    background-position: 0px -14887px;
}

.NewStyles .ss_sound_low {
    background-position: 0px -14905px;
}

.NewStyles .ss_sound_mute {
    background-position: 0px -14923px;
}

.NewStyles .ss_sound_none {
    background-position: 0px -14941px;
}

.NewStyles .ss_spellcheck {
    background-position: 0px -14959px;
}

.NewStyles .ss_sport_8ball {
    background-position: 0px -14977px;
}

.NewStyles .ss_sport_basketball {
    background-position: 0px -14995px;
}

.NewStyles .ss_sport_football {
    background-position: 0px -15013px;
}

.NewStyles .ss_sport_golf {
    background-position: 0px -15031px;
}

.NewStyles .ss_sport_raquet {
    background-position: 0px -15049px;
}

.NewStyles .ss_sport_shuttlecock {
    background-position: 0px -15067px;
}

.NewStyles .ss_sport_soccer {
    background-position: 0px -15085px;
}

.NewStyles .ss_sport_tennis {
    background-position: 0px -15103px;
}

.NewStyles .ss_star {
    background-position: 0px -15121px;
}

.NewStyles .ss_status_away {
    background-position: 0px -15139px;
}

.NewStyles .ss_status_busy {
    background-position: 0px -15157px;
}

.NewStyles .ss_status_offline {
    background-position: 0px -15175px;
}

.NewStyles .ss_status_online {
    background-position: 0px -15193px;
}

.NewStyles .ss_stop {
    background-position: 0px -15211px;
}

.NewStyles .ss_style {
    background-position: 0px -15229px;
}

.NewStyles .ss_style_add {
    background-position: 0px -15247px;
}

.NewStyles .ss_style_delete {
    background-position: 0px -15265px;
}

.NewStyles .ss_style_edit {
    background-position: 0px -15283px;
}

.NewStyles .ss_style_go {
    background-position: 0px -15301px;
}

.NewStyles .ss_sum {
    background-position: 0px -15319px;
}

.NewStyles .ss_tab {
    background-position: 0px -15337px;
}

.NewStyles .ss_tab_add {
    background-position: 0px -15355px;
}

.NewStyles .ss_tab_delete {
    background-position: 0px -15373px;
}

.NewStyles .ss_tab_edit {
    background-position: 0px -15391px;
}

.NewStyles .ss_tab_go {
    background-position: 0px -15409px;
}

.NewStyles .ss_table {
    background-position: 0px -15427px;
}

.NewStyles .ss_table_add {
    background-position: 0px -15445px;
}

.NewStyles .ss_table_delete {
    background-position: 0px -15463px;
}

.NewStyles .ss_table_edit {
    background-position: 0px -15481px;
}

.NewStyles .ss_table_error {
    background-position: 0px -15499px;
}

.NewStyles .ss_table_gear {
    background-position: 0px -15517px;
}

.NewStyles .ss_table_go {
    background-position: 0px -15535px;
}

.NewStyles .ss_table_key {
    background-position: 0px -15553px;
}

.NewStyles .ss_table_lightning {
    background-position: 0px -15571px;
}

.NewStyles .ss_table_link {
    background-position: 0px -15589px;
}

.NewStyles .ss_table_multiple {
    background-position: 0px -15607px;
}

.NewStyles .ss_table_refresh {
    background-position: 0px -15625px;
}

.NewStyles .ss_table_relationship {
    background-position: 0px -15643px;
}

.NewStyles .ss_table_row_delete {
    background-position: 0px -15661px;
}

.NewStyles .ss_table_row_insert {
    background-position: 0px -15679px;
}

.NewStyles .ss_table_save {
    background-position: 0px -15697px;
}

.NewStyles .ss_table_sort {
    background-position: 0px -15715px;
}

.NewStyles .ss_tag {
    background-position: 0px -15733px;
}

.NewStyles .ss_tag_blue {
    background-position: 0px -15751px;
}

.NewStyles .ss_tag_blue_add {
    background-position: 0px -15769px;
}

.NewStyles .ss_tag_blue_delete {
    background-position: 0px -15787px;
}

.NewStyles .ss_tag_blue_edit {
    background-position: 0px -15805px;
}

.NewStyles .ss_tag_green {
    background-position: 0px -15823px;
}

.NewStyles .ss_tag_orange {
    background-position: 0px -15841px;
}

.NewStyles .ss_tag_pink {
    background-position: 0px -15859px;
}

.NewStyles .ss_tag_purple {
    background-position: 0px -15877px;
}

.NewStyles .ss_tag_red {
    background-position: 0px -15895px;
}

.NewStyles .ss_tag_yellow {
    background-position: 0px -15913px;
}

.NewStyles .ss_telephone {
    background-position: 0px -15931px;
}

.NewStyles .ss_telephone_add {
    background-position: 0px -15949px;
}

.NewStyles .ss_telephone_delete {
    background-position: 0px -15967px;
}

.NewStyles .ss_telephone_edit {
    background-position: 0px -15985px;
}

.NewStyles .ss_telephone_error {
    background-position: 0px -16003px;
}

.NewStyles .ss_telephone_go {
    background-position: 0px -16021px;
}

.NewStyles .ss_telephone_key {
    background-position: 0px -16039px;
}

.NewStyles .ss_telephone_link {
    background-position: 0px -16057px;
}

.NewStyles .ss_television {
    background-position: 0px -16075px;
}

.NewStyles .ss_television_add {
    background-position: 0px -16093px;
}

.NewStyles .ss_television_delete {
    background-position: 0px -16111px;
}

.NewStyles .ss_text_align_center {
    background-position: 0px -16129px;
}

.NewStyles .ss_text_align_justify {
    background-position: 0px -16147px;
}

.NewStyles .ss_text_align_left {
    background-position: 0px -16165px;
}

.NewStyles .ss_text_align_right {
    background-position: 0px -16183px;
}

.NewStyles .ss_text_allcaps {
    background-position: 0px -16201px;
}

.NewStyles .ss_text_bold {
    background-position: 0px -16219px;
}

.NewStyles .ss_text_columns {
    background-position: 0px -16237px;
}

.NewStyles .ss_text_dropcaps {
    background-position: 0px -16255px;
}

.NewStyles .ss_text_heading_1 {
    background-position: 0px -16273px;
}

.NewStyles .ss_text_heading_2 {
    background-position: 0px -16291px;
}

.NewStyles .ss_text_heading_3 {
    background-position: 0px -16309px;
}

.NewStyles .ss_text_heading_4 {
    background-position: 0px -16327px;
}

.NewStyles .ss_text_heading_5 {
    background-position: 0px -16345px;
}

.NewStyles .ss_text_heading_6 {
    background-position: 0px -16363px;
}

.NewStyles .ss_text_horizontalrule {
    background-position: 0px -16381px;
}

.NewStyles .ss_text_indent {
    background-position: 0px -16399px;
}

.NewStyles .ss_text_indent_remove {
    background-position: 0px -16417px;
}

.NewStyles .ss_text_italic {
    background-position: 0px -16435px;
}

.NewStyles .ss_text_kerning {
    background-position: 0px -16453px;
}

.NewStyles .ss_text_letter_omega {
    background-position: 0px -16471px;
}

.NewStyles .ss_text_letterspacing {
    background-position: 0px -16489px;
}

.NewStyles .ss_text_linespacing {
    background-position: 0px -16507px;
}

.NewStyles .ss_text_list_bullets {
    background-position: 0px -16525px;
}

.NewStyles .ss_text_list_numbers {
    background-position: 0px -16543px;
}

.NewStyles .ss_text_lowercase {
    background-position: 0px -16561px;
}

.NewStyles .ss_text_padding_bottom {
    background-position: 0px -16579px;
}

.NewStyles .ss_text_padding_left {
    background-position: 0px -16597px;
}

.NewStyles .ss_text_padding_right {
    background-position: 0px -16615px;
}

.NewStyles .ss_text_padding_top {
    background-position: 0px -16633px;
}

.NewStyles .ss_text_replace {
    background-position: 0px -16651px;
}

.NewStyles .ss_text_signature {
    background-position: 0px -16669px;
}

.NewStyles .ss_text_smallcaps {
    background-position: 0px -16687px;
}

.NewStyles .ss_text_strikethrough {
    background-position: 0px -16705px;
}

.NewStyles .ss_text_subscript {
    background-position: 0px -16723px;
}

.NewStyles .ss_text_superscript {
    background-position: 0px -16741px;
}

.NewStyles .ss_text_underline {
    background-position: 0px -16759px;
}

.NewStyles .ss_text_uppercase {
    background-position: 0px -16777px;
}

.NewStyles .ss_textfield {
    background-position: 0px -16795px;
}

.NewStyles .ss_textfield_add {
    background-position: 0px -16813px;
}

.NewStyles .ss_textfield_delete {
    background-position: 0px -16831px;
}

.NewStyles .ss_textfield_key {
    background-position: 0px -16849px;
}

.NewStyles .ss_textfield_rename {
    background-position: 0px -16867px;
}

.NewStyles .ss_thumb_down {
    background-position: 0px -16885px;
}

.NewStyles .ss_thumb_up {
    background-position: 0px -16903px;
}

.NewStyles .ss_tick {
    background-position: 0px -16921px;
}

.NewStyles .ss_time {
    background-position: 0px -16939px;
}

.NewStyles .ss_time_add {
    background-position: 0px -16957px;
}

.NewStyles .ss_time_delete {
    background-position: 0px -16975px;
}

.NewStyles .ss_time_go {
    background-position: 0px -16993px;
}

.NewStyles .ss_timeline_marker {
    background-position: 0px -17011px;
}

.NewStyles .ss_transmit {
    background-position: 0px -17029px;
}

.NewStyles .ss_transmit_add {
    background-position: 0px -17047px;
}

.NewStyles .ss_transmit_blue {
    background-position: 0px -17065px;
}

.NewStyles .ss_transmit_delete {
    background-position: 0px -17083px;
}

.NewStyles .ss_transmit_edit {
    background-position: 0px -17101px;
}

.NewStyles .ss_transmit_error {
    background-position: 0px -17119px;
}

.NewStyles .ss_transmit_go {
    background-position: 0px -17137px;
}

.NewStyles .ss_tux {
    background-position: 0px -17155px;
}

.NewStyles .ss_user {
    background-position: 0px -17173px;
}

.NewStyles .ss_user_add {
    background-position: 0px -17191px;
}

.NewStyles .ss_user_comment {
    background-position: 0px -17209px;
}

.NewStyles .ss_user_delete {
    background-position: 0px -17227px;
}

.NewStyles .ss_user_edit {
    background-position: 0px -17245px;
}

.NewStyles .ss_user_female {
    background-position: 0px -17263px;
}

.NewStyles .ss_user_go {
    background-position: 0px -17281px;
}

.NewStyles .ss_user_gray {
    background-position: 0px -17299px;
}

.NewStyles .ss_user_green {
    background-position: 0px -17317px;
}

.NewStyles .ss_user_orange {
    background-position: 0px -17335px;
}

.NewStyles .ss_user_red {
    background-position: 0px -17353px;
}

.NewStyles .ss_user_suit {
    background-position: 0px -17371px;
}

.NewStyles .ss_vcard {
    background-position: 0px -17389px;
}

.NewStyles .ss_vcard_add {
    background-position: 0px -17407px;
}

.NewStyles .ss_vcard_delete {
    background-position: 0px -17425px;
}

.NewStyles .ss_vcard_edit {
    background-position: 0px -17443px;
}

.NewStyles .ss_vector {
    background-position: 0px -17461px;
}

.NewStyles .ss_vector_add {
    background-position: 0px -17479px;
}

.NewStyles .ss_vector_delete {
    background-position: 0px -17497px;
}

.NewStyles .ss_wand {
    background-position: 0px -17515px;
}

.NewStyles .ss_weather_clouds {
    background-position: 0px -17533px;
}

.NewStyles .ss_weather_cloudy {
    background-position: 0px -17551px;
}

.NewStyles .ss_weather_lightning {
    background-position: 0px -17569px;
}

.NewStyles .ss_weather_rain {
    background-position: 0px -17587px;
}

.NewStyles .ss_weather_snow {
    background-position: 0px -17605px;
}

.NewStyles .ss_weather_sun {
    background-position: 0px -17623px;
}

.NewStyles .ss_webcam {
    background-position: 0px -17641px;
}

.NewStyles .ss_webcam_add {
    background-position: 0px -17659px;
}

.NewStyles .ss_webcam_delete {
    background-position: 0px -17677px;
}

.NewStyles .ss_webcam_error {
    background-position: 0px -17695px;
}

.NewStyles .ss_world {
    background-position: 0px -17713px;
}

.NewStyles .ss_world_add {
    background-position: 0px -17731px;
}

.NewStyles .ss_world_delete {
    background-position: 0px -17749px;
}

.NewStyles .ss_world_edit {
    background-position: 0px -17767px;
}

.NewStyles .ss_world_go {
    background-position: 0px -17785px;
}

.NewStyles .ss_world_link {
    background-position: 0px -17803px;
}

.NewStyles .ss_wrench {
    background-position: 0px -17821px;
}

.NewStyles .ss_wrench_orange {
    background-position: 0px -17839px;
}

.NewStyles .ss_xhtml {
    background-position: 0px -17857px;
}

.NewStyles .ss_xhtml_add {
    background-position: 0px -17875px;
}

.NewStyles .ss_xhtml_delete {
    background-position: 0px -17893px;
}

.NewStyles .ss_xhtml_go {
    background-position: 0px -17911px;
}

.NewStyles .ss_xhtml_valid {
    background-position: 0px -17929px;
}

.NewStyles .ss_zoom {
    background-position: 0px -17947px;
}

.NewStyles .ss_zoom_in {
    background-position: 0px -17965px;
}

.NewStyles .ss_zoom_out {
    background-position: 0px -17983px;
}

/* Default Corner Images */
.NewStyles .corner {
    position: relative;
    background: url('images/corners.png');
}

.NewStyles .ne-white {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 6px;
    height: 6px;
    background-position: 0px 0px;
}

.NewStyles .nw-white {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 6px;
    height: 6px;
    background-position: 0px -6px;
}

.NewStyles .se-white {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 6px;
    height: 6px;
    background-position: 0px -12px;
}

.NewStyles .sw-white {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 6px;
    height: 6px;
    background-position: 0px -18px;
}

.NewStyles .ne-light {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -24px;
}

.NewStyles .nw-light {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -32px;
}

.NewStyles .se-light {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -40px;
}

.NewStyles .sw-light {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -48px;
}

.NewStyles .ne-normal {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -28px;
}

.NewStyles .nw-normal {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -36px;
}

.NewStyles .se-normal {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -44px;
}

.NewStyles .sw-normal {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -52px;
}

.NewStyles .ne-banner {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -56px;
}

.NewStyles .nw-banner {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 4px;
    height: 4px;
    background-position: 0px -60px;
}

/* Default Menu Styles */
.NewStyles .menu {
    position: relative;
    background: url('images/menus.png');
}

.NewStyles .selected span {
    background-position: 0px 0px;
}

.NewStyles .selected {
    background-position: 0px -100px;
}

.NewStyles .default span {
    background-position: 0px -200px;
}

.NewStyles .default {
    background-position: 0px -300px;
}

/* Default Control Styles */
/*.NewStyles a {
    color: @primary-link-color;
    text-decoration: none;
    cursor: hand;
}

.NewStyles a:hover {
    color: @primary-link-hover-color;
}

.NewStyles label {
    font-weight: bold;
}

.NewStyles input.text, .NewStyles select.text, .NewStyles textarea.text {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #999999 #CCCCCC #CCCCCC #999999;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}

.NewStyles input.text {
    height: 18px;
}

.NewStyles input.widgetText, textarea.widgetText {
    background: none repeat scroll 0 0 #fff;
    border-color: #999999 #CCCCCC #CCCCCC #999999;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}

input.widgetText.disabled, .NewStyles select.widgetText.disabled, .NewStyles textarea.widgetText.disabled {
    background: none repeat scroll 0 0 #ccc;
    border-color: #999999 #AAAAAA #AAAAAA #999999;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    color: #999;
}
.NewStyles h2 {
    float: left;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    text-indent: 6px;
    background: url(/Images/loginsprite.png) top repeat-x;
    margin-bottom: 12px;
    width: 100%;
    background-position: 0 -579px;
    height: 28px;
}

.NewStyles .hidden {
    display: none;
}

.NewStyles .calendarIcon {
    float: left;
    margin: 3px 0 0 3px;
}

.NewStyles .modalBackground {
    background-color: White;
    filter: alpha(opacity=80);
    opacity: 0.80;
}

.NewStyles .formSheet {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    width: auto;
    padding: 0 10px;
}

.NewStyles .formActionsleft {
    background: url("/Images/loginsprite.png") repeat-x scroll center top transparent;
    border-top: 3px solid #C2D3E4;
    margin: 23px 1px 0 1px;
    padding: 10px 0 10px 10px;
    width: 99%;
    float: left;
}

.NewStyles .formActionsleftLoan {
    background: url("/Images/loginsprite.png") repeat-x scroll center top transparent;
    padding: 12px 0 10px 10px;
    width: 98%;
    float: left;
    border-top: 3px solid #C2D3E4;
}

.NewStyles .formUnit {
    float: left;
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
}

.NewStyles .formUnit .formLabel {
    float: left;
    font-family: inherit;
    font-size: 1.1em;
    font-style: inherit;
    font-weight: bold;
    line-height: 25px;
    padding-right: 5px;
}

.formUnit input, .NewStyles select, .NewStyles textarea {
    padding: 1px;
}

.NewStyles .secUserCaptcha {
    font-family: inherit;
    font-size: 1.1em;
    font-style: inherit;
    font-weight: bold;
    line-height: 25px;
    padding-right: 5px;
}

.NewStyles .grid-1, .NewStyles .grid-2, .NewStyles .grid-3, .NewStyles .grid-4, .NewStyles .grid-5, .NewStyles .grid-6, .NewStyles .grid-7, .NewStyles .grid-8, .NewStyles .grid-9, .NewStyles .grid-10, .NewStyles .grid-11, .NewStyles .grid-12 {
    float: left;
}

.NewStyles .grid-1 {
    width: 8.25%;
}

.NewStyles .grid-2 {
    width: 16.5%;
}

.NewStyles .grid-3 {
    width: 15.75%;
}

.NewStyles .grid-4 {
    width: 33%;
}

.NewStyles .grid-5 {
    width: 32.25%;
}

.NewStyles .grid-6 {
    width: 49.5%;
}

.NewStyles .grid-7 {
    width: 66.5%;
}

.NewStyles .grid-8 {
    width: 66%;
}

.NewStyles .grid-9 {
    width: 74.25%;
}

.NewStyles .grid-10 {
    width: 82.5%;
}

.NewStyles .grid-11 {
    width: 90.75%;
}

.NewStyles .grid-12 {
    width: 99%;
}

.NewStyles .button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0 0 0 15px;
    float: left;
}

.NewStyles .button .left {
    background: url('/Images/loginsprite.png') no-repeat scroll left top transparent;
    background-position: 0 -198px;
    height: 31px;
    float: left;
    line-height: 28px;
    margin: 0;
    padding: 0 0 3px 10px;
}

.NewStyles .button:hover .left {
    background: url('/Images/loginsprite.png') no-repeat scroll left top transparent;
    background-position: 0 -117px;
    height: 31px;
}

.NewStyles .button .right {
    background: url('/Images/loginsprite.png') no-repeat scroll right top transparent;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
    padding: 0 45px 3px 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    background-position: right -360px;
    height: 31px;
}

.NewStyles .button:hover .right {
    background: url('/Images/loginsprite.png') no-repeat scroll right top transparent;
    color: #FFFFCC;
    background-position: right -279px;
    height: 31px;
}

.NewStyles .buttonmessage .right {
    background: url('/Images/loginsprite.png') no-repeat scroll right top transparent;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
    padding: 0 45px 3px 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    background-position: right -360px;
    height: 25px;
}

.NewStyles .buttonmessage:hover .right {
    background: url('/Images/loginsprite.png') no-repeat scroll right top transparent;
    color: #FFFFCC;
    background-position: right -279px;
    height: 25px;
}

.NewStyles .button.cancel {
    background: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 28px;
    margin: 0;
    padding: 0 45px 3px 15px;
}

.NewStyles .cancelBtn {
    background: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 28px;
    margin: 0;
    padding: 0 45px 3px 15px;
}

.NewStyles .button.cancel:hover {
    color: #666666;
}

.NewStyles .button.small {
    background: none;
    padding: 0;
    margin: 0 10px 0px 0px;
    border: 0;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    height: 24px;
}

.NewStyles .button.small .Disabledleft {
    background: url('/Images/loginsprite.png') top left no-repeat;
    float: left;
    cursor: default !important;
    height: 24px;
    line-height: 24px;
    padding: 0 1px 0 3px;
    margin: 0;
    background-position: 0 -198px;
}

.NewStyles .button.small .Disabledright {
    background: url('/Images/loginsprite.png') top right no-repeat;
    cursor: default !important;
    color: #D0D0D0;
    font-size: 9pt;
    font-weight: bold;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 0;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    background-position: 0 -360px;
}

.NewStyles .cancelLinkBtn {
    background: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 28px;
    cursor: pointer;
    margin: 0;
    padding: 5px 45px 3px 10px;
}

.NewStyles .button.small .left {
    background: url('/Images/loginsprite.png') top left no-repeat;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 1px 0 3px;
    margin: 0;
    background-position: 0 -198px;
}

.NewStyles .button.small:hover .left {
    background: url('/Images/loginsprite.png') top left no-repeat;
    background-position: 0 -117px;
}

.NewStyles .button.small .right {
    background: url('/Images/loginsprite.png') top right no-repeat;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 0;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    background-position: 0 -360px;
}

.NewStyles .button.small:hover .right {
    background: url('/Images/loginsprite.png') top right no-repeat;
    color: #FFFFCC;
    background-position: 0 -279px;
}

.NewStyles .button.small.cancel {
    background: none;
    color: #999999;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 10px;
    margin: 0;
}

.NewStyles .button.small.cancel:hover {
    color: #666666;
}*/

/* Dialog Styles */
.NewStyles .alertBox .popup-title {
    background-color: #EEF3F9;
    border-bottom: 2px solid #C1D2E3;
    float: left;
    font-size: 9pt;
    font-weight: bold;
    height: 22px;
    left: 9px;
    line-height: 22px;
    position: relative;
    text-indent: 5px;
    top: 10px;
    z-index: 1;
}

.NewStyles .alertBox .popup-close {
    float: right;
    position: relative;
    top: 13px;
    right: 13px;
    z-index: 2;
}

.NewStyles .alertBox .popup-top .popup-right, .dialog .popup-bottom .popup-right {
    font-size: 1px;
    height: 16px;
}

.NewStyles .alertBox .popup-top-title .popup-right, .dialog .popup-bottom .popup-right {
    font-size: 1px;
    height: 16px;
}

.NewStyles .alertBox .popup-bottom .popup-right {
    height: 16px;
}

.NewStyles .alertBox .popup-top {
    background: transparent url(../../Images/General/popup-topleft-notitle.png) no-repeat 0px 0px;
}

.NewStyles .alertBox .popup-top .popup-right {
    background: transparent url(../../Images/General/popup-topright-notitle.png) no-repeat right 0px;
    position: relative;
    right: -16px;
}

.NewStyles .alertBox .popup-top-title {
    background: transparent url(../../Images/General/popup-topleft.png) no-repeat 0px 0px;
}

.NewStyles .alertBox .popup-top-title .popup-right {
    background: transparent url(../../Images/General/popup-topright.png) no-repeat right 0px;
    position: relative;
    right: -16px;
}

.NewStyles .alertBox .popup-content {
    background: transparent url(../../Images/General/popup-leftvert.png) repeat-y 0px 0px;
}

.NewStyles .alertBox .popup-content .popup-right {
    background: transparent url(../../Images/General/popup-rightvert.png) repeat-y right 0px;
}

.NewStyles .alertBox .popup-content .popup-right .popup-body {
    margin: 0 8px 0 8px;
    background: #fff;
    padding: 1em;
    position: relative;
    top: 15px;
}

.NewStyles .alertBox .popup-bottom {
    background: transparent url(../../Images/General/popup-bottomleft.png) no-repeat 0px 0px;
}

.NewStyles .alertBox .popup-bottom .popup-right {
    background: transparent url(../../Images/General/popup-bottomright.png) no-repeat right 0px;
    position: relative;
    right: -16px;
}

.NewStyles .popup-body .formUnit {
    width: 93.5%;
    margin-left: 12px;
}

.NewStyles .accountTooltip .popup-title {
    color: #fff;
    float: left;
    font-size: 11pt;
    font-weight: bold;
    height: 22px;
    left: 5px;
    line-height: 22px;
    position: relative;
    text-indent: 5px;
    top: 5px;
    z-index: 1;
}

.NewStyles .accountTooltip .popup-close {
    float: right;
    position: relative;
    top: 13px;
    right: 13px;
    z-index: 2;
}

.NewStyles .accountTooltip .popup-top .popup-right, .dialog .popup-bottom .popup-right {
    font-size: 1px;
    height: 33px;
}

.NewStyles .accountTooltip .popup-top-title .popup-right, .dialog .popup-bottom .popup-right {
    font-size: 1px;
    height: 33px;
}

.NewStyles .accountTooltip .popup-bottom .popup-right {
    height: 16px;
}

.NewStyles .accountTooltip .popup-top {
}

.NewStyles .accountTooltip .popup-top .popup-right {
    position: relative;
    right: -16px;
}

.NewStyles .accountTooltip .popup-top-title {
    background: #003366;
    width: 100% !important;
}

.NewStyles .accountTooltip .popup-content {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

.NewStyles .accountTooltip .popup-content .popup-right {
}

.NewStyles .accountTooltip .popup-content .popup-right .popup-body {
    margin: 0 8px 0 8px;
    position: relative;
    top: 5px;
}

.NewStyles .accountTooltip .popup-bottom {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

/* Grid Styles */
.NewStyles .grid {
    width: 100%;
    border-collapse: separate !important;
    float: left;
    border: solid 2px #c1d2e3;
}

.NewStyles .grid tr th {
    color: #333230;
    padding: 6px 5px 8px 5px;
    background: #D3E1EE;
    line-height: 18px;
    font-size: 9pt;
}

.NewStyles .grid tr th a {
    color: #333230;
    padding-right: 20px;
    text-decoration: none;
}

.NewStyles .grid tr th a:hover {
    color: #336699;
}

.NewStyles .grid-draghandle {
    cursor: move;
    vertical-align: middle;
}

.NewStyles .sort-indicator {
    float: right;
}

.NewStyles .pager {
    float: left;
    padding: 5px 0 5px 0;
    width: 100%;
    background: #FEFEFE;
}

.NewStyles .pager p {
    float: right;
    display: inline;
    padding-top: 2px;
    margin-right: 20px;
    line-height: 22px;
}

.NewStyles .pager .enabledButton {
    margin-right: 10px;
    float: right;
    background: url(/Images/General/grid-btn-bg.gif) repeat-x;
    color: #426386;
    font-weight: bold;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #6C6C6C;
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    cursor: pointer;
    padding: 1px 5px;
    text-decoration: none;
    height: 22px;
    line-height: 22px;
}

.NewStyles .pager .disabledButton {
    margin-right: 10px;
    float: right;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #6C6C6C;
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    background-color: #DEDEDE;
    color: #999;
    text-decoration: none;
    padding: 1px 5px;
    height: 22px;
    line-height: 22px;
}

.NewStyles .grid-item.nodrag td {
    background: #FEFEFE;
    border-top: solid 2px #D3E1EE;
}

.NewStyles .grid-item td {
    background: #EEF3F9;
    padding: 6px 5px 8px 5px;
    vertical-align: middle;
    line-height: 18px;
}

.NewStyles .grid-alternate-item td {
    background: #F6FAFD;
    padding: 6px 5px 8px 5px;
    vertical-align: middle;
    line-height: 18px;
}

.NewStyles tr.myDragClass td {
    background: #eee;
    padding-left: 2px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    opacity: 0.8;
    color: #aaa;
}

.NewStyles tr.myDragClass td a {
    color: #aaa;
}

.NewStyles tr.myDragClass td img, tr.myDragClass td .taskDelete, tr.myDragClass td.napok div {
    display: none;
}

.NewStyles tr.myDragClass td span, tr.myDragClass td span span {
    padding: 0;
}

/* Error Styles */
.NewStyles .errorMessage {
    color: #FF0000;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

.NewStyles .emptyDataTemplate {
    color: #FF0000;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

/* Form Styles */
.NewStyles .formActions {
    background: url("/Images/loginsprite.png") repeat-x scroll center top transparent;
    border-top: 3px solid #C2D3E4;
    float: left;
    margin-top: 15px;
    padding: 10px 0;
    width: 100%;
    background-position: 0 0;
}
.NewStyles .formRow {
    float: left;
    margin-bottom: 8px;
    width: 75%;
}

.NewStyles .formRow .help {
    clear: left;
    float: left;
    font-size: 12px;
    line-height: 26px;
    text-decoration: none;
    margin-top: 20px;
}

.NewStyles .fullsizeDropdown {
    width: 100%;
    margin-bottom: 3px;
}

.NewStyles .labelForInput {
    width: 75px;
    float: left;
    line-height: 20px;
}

.NewStyles .normalTextBox {
    float: left;
    margin-bottom: 3px;
}

.NewStyles .fullsizeTextBox {
    width: 99%;
}


/* Login Styles */
.NewStyles .login {
    float: left;
    background: #fff;
    width: 100%;
    border: 1px solid #c1d2e3;
    margin: 0;
    position: relative;
    display: inline;
}

.NewStyles .login a {
    font-size: 11px;
}

.NewStyles .login h2 span {
    top: -2px;
}

.NewStyles .login .frame {
    float: left;
    margin-left: 15px;
    width: 50%;
}

.NewStyles .password.frame {
    float: left;
    margin-left: 15px;
    width: 95%;
}

.NewStyles .login .formActions {
    margin-top: 20px;
}

.NewStyles .login .formRow .label {
    font-size: 17px;
    line-height: 20px;
}

.NewStyles .login .formRow .text {
    font-size: 15px;
}

.NewStyles .lock {
    background: url("/Images/loginsprite.png") no-repeat scroll left center;
    margin-left: 5px;
    padding-left: 20px;
    background-position: 0 -513px;
    width: 12px;
    height: 26px;
}

.NewStyles .login .description {
    float: left;
    font-size: 9pt;
    line-height: 16px;
    padding: 5px 0 5px;
    width: 100%;
}
.NewStyles .loginBanner {
    border: 1px solid #999999;
    float: right;
    height: 250px;
    margin-right: 20px;
    overflow: hidden;
    padding: 1px;
    width: 300px;
}
.NewStyles .forgotUsername {
    clear: left;
    color: #999;
    font-size: 12px;
    line-height: 26px;
    font-style: italic;
    text-decoration: none;
}

.NewStyles .forgotUsername:hover {
    color: #666;
}

.NewStyles .helpImage {
    background: url("/Images/General/icn-help.png") no-repeat scroll left center;
    margin-left: 5px;
    padding-left: 20px;
    padding: 26px 0 8px 24px;
    vertical-align: middle;
    background-position: 0;
    width: 12px;
    height: 12px;
    margin-top: -10px;
}

.NewStyles .InfoImage {
    background: url("/Images/General/index.png") no-repeat scroll left center;
    margin-left: 5px;
    padding-left: 20px;
    padding: 26px 0 8px 24px;
    vertical-align: middle;
    background-position: 0;
    width: 12px;
    height: 12px;
    margin-top: -10px;
    padding-bottom: 24px;
}

.NewStyles .PopUPImage {
    background: url("/Images/General/icn-help.png") no-repeat scroll left center;
    margin-left: 4px;
    padding-left: 20px;
    padding: 24px 0 7px 13px;
    vertical-align: middle;
    background-position: 0;
    width: 12px;
    height: 12px;
    margin-top: -8px;
}

.NewStyles .login .button {
    margin-top: 5px;
}

.NewStyles .recaptchaDisplay {
    width: 100%;
}

.NewStyles .captcha {
    float: left;
}

.NewStyles .captchaImage {
    float: left;
    margin-left: 20px;
}

.NewStyles .captcha .label {
    font-size: 17px;
    line-height: 20px;
}

.NewStyles .loginError {
    color: #FF0000;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    padding: 5px 0 5px;
}

/* Header Styles */
.NewStyles .headerContainer {
    width: 100%;
    background: #003366;
    border-bottom: 7px solid #336699;
}

.NewStyles #header {
    width: 1003px;
    height: 72px;
    margin: 0 auto;
}

.NewStyles #header .search {
    background: url("../../Images/General/tab-blue_nw.gif") no-repeat scroll left top transparent;
    float: left;
    height: 35px;
    margin-top: 1px;
    margin-left: -60px;
    padding-left: 13px;
}

.NewStyles #header .search fieldset {
    float: right;
    padding-right: 2px;
    background: url("../../Images/General/tab-blue_ne.gif") no-repeat scroll right top transparent;
    text-align: center;
    color: #eee;
    text-decoration: none;
    cursor: default;
    cursor: pointer;
    height: 30px;
}

.NewStyles #header .search fieldset label {
    position: relative;
    top: -3px;
    left: -4px;
}

.NewStyles #header .search fieldset label, x:-moz-any-link, x:only-child {
    position: relative;
    top: -5px;
    left: -4px;
}

.NewStyles #header .search .query {
    background: url("../../Images/General/bg-search.gif") no-repeat scroll left center transparent;
    border: 0 none;
    height: 25px;
    outline: medium none;
    text-indent: 6px;
    width: 150px;
    position: relative;
    line-height: 25px;
}

.NewStyles #header .search .query, x:-moz-any-link, x:only-child {
    background: url("../../Images/General/bg-search.gif") no-repeat scroll left center transparent;
    border: 0 none;
    height: 25px;
    outline: medium none;
    text-indent: 6px;
    width: 150px;
    position: relative;
    top: -5px;
    line-height: 25px;
}

.NewStyles #header .search .btn {
    position: relative;
    left: -3px;
    top: 8px;
}

.NewStyles #header .search .btn, x:-moz-any-link, x:only-child {
    position: relative;
    left: -3px;
    top: 3px;
}

.NewStyles .headerTitle {
    color: #C2D2E1;
    font-size: 20pt;
    position: relative;
    top: 6px;
}

.NewStyles .loginStatusContainer {
    float: right;
    margin-top: -69px;
    line-height: 16px;
}

.NewStyles .lastLoginStatus {
    float: right;
    line-height: 16px;
    padding-right: 2px;
    margin-top: 2px;
}

.NewStyles .lastLoginLabel {
    color: #4E7FAA;
}

.NewStyles .lastLoginData {
    color: #4E7FAA;
}

.NewStyles .lastLoginLabel-error {
    color: #FFCC00;
}

.NewStyles .lastLoginData-error {
    color: #fff;
}

.NewStyles .signOutSeparator {
    color: #336799;
    margin-top: -1px;
}

.NewStyles .loginStatusContainer a {
    font-size: 8pt;
    text-decoration: none;
    color: #98CCFE;
}

.NewStyles .loginStatusContainer a:hover {
    color: #fff;
}

.NewStyles .welcomeLabel {
    color: #98CCFE;
}

.NewStyles .carouselViewButton {
    float: right;
    line-height: 22px;
    padding-right: 2px;
    margin-top: 15px;
    background: url(../Images/carousel/quicklinks.png) no-repeat 0 0;
    width: 115px;
    height: 22px;
    text-align: center;
    color: #eee;
    text-decoration: none;
    cursor: default;
    cursor: pointer;
}

.NewStyles .carouselViewButton-selected {
    float: right;
    line-height: 22px;
    padding-right: 2px;
    margin-top: 15px;
    background: url(../Images/carousel/quicklinks-sel.png) no-repeat 0 0;
    width: 115px;
    height: 22px;
    text-align: center;
    color: #eee;
    text-decoration: none;
}

/* Menu Styles */
.NewStyles #header ul {
    float: left;
    width: 415px;
    padding-top: 20px;
}

.NewStyles #header ul li {
    float: left;
    margin-right: 2px;
    line-height: 32px;
    padding-left: 14px;
    background: url('/Images/tab-blue2_nw.gif') top left no-repeat;
    font-size: 12px;
    font-weight: bold;
}

.NewStyles #header ul li a {
    float: left;
    line-height: 32px;
    padding-right: 14px;
    background: url('/Images/tab-blue2_ne.gif') top right no-repeat;
    text-decoration: none;
    color: #fff;
}

.NewStyles #header ul li a:hover {
    color: #69C;
}

.NewStyles #header ul li.active {
    background: url('/Images/tab-blue_nw.gif') top left no-repeat;
}

.NewStyles #header ul li.active a {
    background: url('/Images/tab-blue_ne.gif') top right no-repeat;
}

.NewStyles #header ul li.active a:hover {
    color: #fff;
}

.NewStyles ul#topnav li .active {
    background: url('/Images/tab-blue_nw.gif') top left no-repeat;
    position: relative;
}

.NewStyles ul#topnav li .active a {
    background: url('/Images/tab-blue_ne.gif') top right no-repeat;
}

.NewStyles ul#topnav li .active a:hover {
    color: #fff;
}

.NewStyles ul#topnav li .active .hover {
    background: url('/Images/tab-hover-blue_nw.gif') top left no-repeat;
    position: relative;
}

.NewStyles ul#topnav li .active .hover a {
    background: url('/Images/tab-hover-blue_ne.gif') top right no-repeat;
}

.NewStyles ul#topnav li .active .hover a:hover {
    color: #000;
}

.NewStyles ul#topnav {
    margin: 40px 0 0 57px;
    padding: 0;
    float: left;
    list-style: none;
    font-size: 1.1em;
}

.NewStyles ul#topnav li {
    float: left;
    margin: 0;
    position: relative;
    padding: 0 -1px;
    margin: 0 2px; /*background: url('/images/tab-blue_nw.gif') top left no-repeat;*/
}

.NewStyles ul#topnav li a {
    float: left; /*background: url('/images/tab-blue_ne.gif') top right no-repeat;*/
    height: 32px;
}

.NewStyles ul#topnav li .sub {
    position: absolute; /*--Important--*/
    top: 32px;
    left: 0;
    padding-left: 7px;
    padding-top: 10px;
    float: left;
    display: none; /*--Hidden for those with js turned off--*/
    z-index: 9999;
    background: #326799;
    text-align: left;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.NewStyles ul#topnav li .row {
    float: left;
    width: 100%;
}

.NewStyles ul#topnav li .sub ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 150px;
    float: left;
}

.NewStyles ul#topnav .sub ul li {
    width: 100%; /*--Override parent list item--*/
    color: #fff;
    padding: 0 !important;
    color: #85AFDA;
    line-height: 22px;
    margin: 0;
    background: none;
}

.NewStyles ul#topnav .sub ul li a {
    float: left;
    text-indent: 0; /*--Override text-indent from parent list item--*/
    height: auto; /*--Override height from parent list item--*/
    padding: 0; /*display: block;*/
    text-decoration: none;
    color: #fff;
    background: none;
    line-height: 22px;
}

.NewStyles ul#topnav .sub ul li a:hover {
    color: #ddd;
    background-position: 5px 5px;
}

.NewStyles ul#topnav li .sub ul li.activePullDown {
    font-weight: bold;
    color: #FDB46E;
}

.NewStyles ul#topnav li .sub ul li.activePullDown a {
    font-weight: bold;
    color: #FDB46E;
}

/* Footer Styles */
.NewStyles .footerContainerMessageNotification {
    background: none repeat scroll 0 0 #F7F7F7;
}

.NewStyles #site-foot {
    clear: both;
    border-top: 3px solid #CCCCCC;
    background: none repeat scroll 0 0 #F7F7F7;
}

.NewStyles .footerContainer {
    margin: 0 auto;
    position: relative;
    clear: both;
    height: 50%;
    width: 1000px;
    overflow: hidden;
    background: #F7F7F7;
    margin-top: 10px;
}

.NewStyles #footer {
    float: left;
    width: 100%;
    color: #bbb;
}

.NewStyles #footer ul {
    float: left;
    width: 100%;
    padding: 10px 0 5px 0;
}

.NewStyles #footer ul li {
    float: left;
    margin-right: 15px;
}

.NewStyles #footer ul li a {
    color: #999;
    text-decoration: none;
}

.NewStyles #footer ul li a:hover {
    text-decoration: underline;
}


.NewStyles .poweredByCubus {
    float: left;
}

.NewStyles .poweredByCubus img {
    width: 133px;
    height: 40px;
}

.NewStyles .footerLogo {
    float: right;
    height: 44px;
}

.NewStyles .footerLogo img {
    width: 24px;
    height: 24px;
    padding: 0 2px 4px 2px;
    vertical-align: top;
}

.NewStyles .footerLink {
    float: left;
    padding: 0 2px;
    font-weight: bold;
    color: #999;
    text-decoration: none;
}

.NewStyles .footerLink:hover {
    text-decoration: underline;
    color: #336699;
}

.NewStyles .footerLinkSeparator {
    float: left;
    padding: 0 0 2px 0;
    font-weight: normal;
}

.NewStyles .copyright p {
    color: #4877A5;
    font-weight: bold;
}

.NewStyles .license {
    color: #4877A5;
    padding-bottom: 5px;
    padding-top: 20px;
    text-align: center;
}

.NewStyles .footerPadding {
    padding-top: 5px;
}

.NewStyles .footerFloatRight {
    float: right;
}

/* Widget Styles */

.NewStyles .ui-state-highlight {
    float: left;
    background: #c1d2e3;
    width: 316px;
    border: 1px solid #c1d2e3;
    margin: 0 15px 15px 0;
    position: relative;
}

.NewStyles .column {
    float: left;
    width: 290px;
}

.NewStyles .cuWidgets {
    width: 1003px;
    margin: 7px auto;
}

.NewStyles .cuWidget {
    float: left;
    background: #fff;
    width: 316px;
    border: 1px solid #c1d2e3;
    margin: 0 15px 15px 0;
    position: relative;
}

.NewStyles .cuWidget h2 {
    float: left;
    width: 100%;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #336699;
    text-indent: 6px;
    background: url(/Images/loginsprite.png) top repeat-x;
    margin-bottom: 0;
    background-position: 0 -579px;
    height: 28px;
}

.NewStyles .dragHandle {
    cursor: move;
    width: 14px;
    height: 14px;
}

.NewStyles .cuWidget .widgetCtl {
    height: 100%;
    width: 100%;
}

.NewStyles .cuWidget .withFooter {
    float: left;
    background: #fff;
    width: 316px;
    border: 1px solid #c1d2e3;
    margin: 0 15px 15px 0;
    position: relative;
}

.NewStyles .cuWidget .withFooter h2 {
    float: left;
    width: 100%;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #336699;
    text-indent: 6px;
    background: url(/Images/loginsprite.png) top repeat-x;
    margin-bottom: 0;
    background-position: 0 -579px;
    height: 28px;
}

.NewStyles .cuWidget .withFooter .widgetCtl {
    height: 100%;
    width: 100%;
}

.NewStyles .widgetSubHeader {
    width: 100%;
    font-weight: bold;
    text-align: left;
    background-color: #A6BBD0;
    height: 22px;
    float: left;
    margin: 0 0 6px 0;
}

.NewStyles .widgetSubHeader a {
    color: White;
    position: relative;
    top: 3px;
    text-decoration: none;
    left: 7px;
}

.NewStyles .widgetSubHeader a:hover {
    text-decoration: underline;
}

.NewStyles .widgetSubHeader a.disabled {
    color: #f7f7f7;
    position: relative;
    top: 3px;
    text-decoration: none;
    left: 7px;
    cursor: default;
}

.NewStyles .widgetSubHeader a:hover.disabled {
    text-decoration: none;
}

.NewStyles .widgetSubHeader2 {
    border-bottom: solid 1px #c1d2e3;
    float: left;
    width: 100%;
    height: 44px;
    text-indent: 6px;
    margin: -12px 0 0 0;
    background-color: #E8F1FA;
    text-align: left;
}

.NewStyles .widgetSubHeader2 span {
    line-height: 44px;
    vertical-align: middle;
}

.NewStyles .widgetFooter {
    border-top: solid 1px #c1d2e3;
    float: left;
    width: 100%;
    height: 44px;
    background-color: #E8F1FA;
    padding-bottom: 0;
}

.NewStyles .widgetFooter2 {
    border-top: solid 1px #c1d2e3;
    float: left;
    width: 100%;
    height: 64px;
    background-color: #E8F1FA;
    text-align: center;
}

.NewStyles .widgetFooter2 .widgetButton {
    position: relative;
    left: 15%;
    margin-right: 10px;
    margin-top: -10px;
}

.NewStyles .windowCommands {
    margin-top: -34px;
    margin-right: 6px;
    float: right;
}

.NewStyles .windowCommands div:first-child {
    float: left;
    margin-right: 20px;
    margin-top: 2px;
    margin-left: -42px;
}

.NewStyles .windowCommands img {
    vertical-align: middle;
    margin-top: -2px;
}

.NewStyles .windowCommands img.loaderImage {
    margin-right: 7px;
    width: 18px;
    height: 18px;
}

.NewStyles .windowCommands a {
    font-weight: bold;
    text-decoration: none;
}

.NewStyles .windowCommands input {
    width: 16px;
    height: 16px;
}

.NewStyles .widgetFooterLine {
    float: left;
    width: 100%;
    color: #E8F1FA;
    padding: 6px 0;
    background-color: #fff;
}

.NewStyles .widgetButton {
    float: left;
    height: 24px;
    background: url(/Images/loginsprite.png) repeat-x top;
    padding: 0 8px;
    border: solid 1px #2A6934;
    color: #fff;
    vertical-align: top;
    font-size: 12px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    font-weight: bold;
    background-position: 0 -361px;
}

.NewStyles .widgetButton:hover {
    background: url(/Images/loginsprite.png) repeat-x;
    color: #ffC;
    background-position: 0 -279px;
    height: 24px;
}

.NewStyles .widgetButton:focus {
    background: url(/Images/loginsprite.png) repeat-x;
    color: #ffC;
    background-position: 0 -279px;
    height: 24px;
}

.NewStyles .widgetButton.disabled {
    background: #ccc;
    color: #999;
    height: 22px;
    border: solid 1px #2A6934;
    font-size: 8pt;
}

.NewStyles .settingsButton {
    float: left;
    height: 14px;
    width: 14px;
    background: url('../../Images/General/widget-settings.png');
    position: absolute;
    top: 6px;
    right: 26px;
    z-index: 5;
    cursor: pointer;
    cursor: hand;
}

.NewStyles .maximizeButton {
    float: left;
    height: 14px;
    width: 14px;
    background: url('../../Images/General/widget-maximize.png');
    position: absolute;
    top: 6px;
    right: 48px;
    z-index: 5;
    cursor: pointer;
    cursor: hand;
}

.NewStyles .maximizeButton.disabled {
    display: none;
}

.NewStyles .widgetSettings {
    display: none;
    height: 89px;
    width: 124px;
    position: absolute;
    top: -2px;
    right: 22px;
    z-index: 4;
    background: url('../../Images/widget-menu-top.png') no-repeat center 5px;
}

.NewStyles .groupsSettings {
    display: none;
    height: 89px;
    position: absolute;
    top: -15px;
    left: 122px;
    z-index: 4;
    width: 150px;
}

.NewStyles .widgetSettings ul {
    padding: 35px 0 5px 0;
    line-height: 20px;
    background: url('../../Images/widgetsettings-btm.png') no-repeat bottom;
}

.NewStyles .widgetSettings ul ul {
    background: none;
    padding: 20px 0 5px 0;
}

.NewStyles .groupsSettings ul {
    padding: 22px 2px 0 2px;
    line-height: 20px;
}

.NewStyles .groupsSettings ul li {
    text-align: left !important;
    background: #6B92B8;
    font-size: 11px;
    color: #eee;
    text-decoration: none;
    padding: 0 6px;
}

.NewStyles .widgetSettings ul li {
    text-align: right;
    background: #6B92B8 url('../../Images/widgetsettings-bg.png') repeat;
    position: relative;
    border-bottom: 1px solid #7D9EBE;
}

.NewStyles .widgetSettings ul li.last {
    border: 0 none;
}

.NewStyles .widgetSettings ul li a {
    font-size: 11px;
    color: #eee;
    text-decoration: none;
    padding: 0 6px;
}

.NewStyles .widgetSettings ul li a.disabled {
    font-size: 11px;
    color: #ccc;
    text-decoration: none;
    padding: 0 6px;
}

.NewStyles .widgetSettings ul li a:hover {
    text-decoration: underline;
    color: #fff;
}

.NewStyles .widgetSettings ul li a.disabled:hover {
    text-decoration: none;
    color: #ccc;
    cursor: default;
}

.NewStyles .footerText {
    float: left;
    color: #333;
    position: relative;
    top: 15px;
    left: 8%;
}

.NewStyles .footerTextLeft {
    float: left;
    color: #333;
    position: relative;
    top: 5px;
    left: 5px;
}

.NewStyles .widgetRow {
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

.NewStyles .disabledRowColor {
}

.NewStyles .disabledRowColor td {
    background: #C0C0C0;
    padding: 6px 5px 8px 5px;
    vertical-align: middle;
    line-height: 18px;
}


/* Accounts Summary Widget */
.NewStyles .cuAccountSummaryWidget {
    float: left;
    background: #fff;
    width: 646px;
    border: 1px solid #c1d2e3;
    margin: 0 15px 15px 0;
    position: relative;
}

.NewStyles .cuAccountSummaryWidget h2 {
    float: left;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    text-indent: 6px;
    background: url(/Images/loginsprite.png) top repeat-x;
    margin-bottom: 0px;
    width: 100%;
    background-position: 0 -579px;
    height: 28px;
}

.NewStyles .cuEmptyWidget {
    height: 203px;
    width: 316px;
}

/* List Control Styles */

.NewStyles .subTextWrite {
    color: #999999;
    vertical-align: top;
    margin-top: -2px;
    margin-bottom: 2px;
}

.NewStyles .listItem {
    float: left;
    width: 98%;
    height: 36px;
    border-top: solid 1px #C1D2E2;
    padding-top: 4px;
    padding-left: 4px;
    background-color: #fff;
    margin-top: -1px;
}

.NewStyles .MsglistItem {
    float: left;
    width: 100%;
    line-height: 16px;
    border-bottom: solid 1px #C1D2E2;
    padding-bottom: 4px;
    background-color: #fff;
    margin-bottom: 4px;
}

.NewStyles .listItem2 {
    float: left;
    width: 98%;
    height: 52px;
    border-top: solid 1px #C1D2E2;
    padding-top: 4px;
    padding-left: 4px;
    background-color: #fff;
    margin-top: -1px;
}

.NewStyles .listItem-wide {
    float: left;
    width: 98%;
    height: 40px;
    border-top: solid 1px #C1D2E2;
    padding-top: 4px;
    padding-left: 4px;
    background-color: #fff;
    margin-top: -1px;
}

.NewStyles .listItemCheckBox {
    float: left;
}

.NewStyles .listItemCheckBox-big {
    float: left;
}

.NewStyles .listItemCheckBox-wide {
    float: left;
}

.NewStyles .listItemIcon {
    float: left;
    margin: 0 3px 0 1px;
    padding: 0 3px 0 1px;
}

.NewStyles .listItemIcon-big {
    float: left;
    width: 30px;
    height: 30px;
}

.NewStyles .listItemIcon-wide {
    float: left;
    margin: 0 3px 0 1px;
    padding: 0 3px 0 1px;
    position: absolute;
    left: 3px;
}

.NewStyles .mainText {
    float: left;
    vertical-align: top;
}

.NewStyles .msgRead {
    font-weight: normal;
}

.NewStyles .msgUnRead {
    font-weight: bold;
}

.NewStyles .mainText-big {
    float: left;
    color: #669ACC;
    font-weight: bold;
    vertical-align: top;
    margin-left: 10px;
}

.NewStyles .mainText-wide {
    float: left;
    color: #669ACC;
    font-weight: bold;
    vertical-align: top;
    margin-left: 64px;
}

.NewStyles .subText {
    float: left;
    color: #999999;
    vertical-align: top;
    margin-top: -2px;
    margin-bottom: 2px;
}

.NewStyles .subText-big {
    float: left;
    color: #999999;
    margin-left: 10px;
    vertical-align: top;
    margin-top: -2px;
    margin-bottom: 2px;
}

.NewStyles .subText-wide {
    float: left;
    color: #999999;
    margin-left: 64px;
    vertical-align: top;
    margin-top: -2px;
    margin-bottom: 2px;
}

.NewStyles .subText2-big {
    float: left;
    color: #999999;
    margin-left: 10px;
    vertical-align: top;
    margin-top: -2px;
    margin-bottom: 2px;
}

.NewStyles .listItemMessage {
    float: left;
    color: #999999;
    width: 100%;
    vertical-align: top;
    margin-top: -16px;
    margin-bottom: 16px;
    font-style: italic;
}

.NewStyles .listItemDetail {
    float: left;
    width: 80%;
}

.NewStyles .listItemDetail-big {
    float: left;
    width: 80%;
}

.NewStyles .listItemDetail-wide {
    float: left;
    width: 70%;
}

.NewStyles .itemView {
    float: left;
    line-height: 26px;
    width: 300px;
    background-color: #CAD7E7;
}

.NewStyles .itemView .itemDragHandle {
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -4px;
}

.NewStyles .itemView .itemDeleteAction {
    vertical-align: middle;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 3px;
}

.NewStyles .itemView .dataLeft {
    display: inline;
    color: #6388B2;
}

.NewStyles .itemView .dataLeft span {
    color: #01326C;
}

.NewStyles .itemView .dataRight {
    float: right;
    display: inline;
}

.NewStyles .itemGroupHeader {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    color: #999;
}

.NewStyles .itemGroupHeader div {
    float: left;
    font-size: 11pt;
    font-weight: bold;
    position: relative;
    z-index: 111;
    display: inline;
}

.NewStyles .itemGroupHeader hr {
    color: #999;
    background-color: #999;
    height: 3px;
    overflow: hidden;
    position: relative;
    z-index: 100;
    left: 5px;
    top: 4px;
}

.NewStyles .transferListItem {
    float: left;
    width: 98%;
    height: 22px;
    border-top: solid 1px #C1D2E2;
    padding-top: 8px;
    padding-left: 4px;
    background-color: #fff;
    margin-top: -1px;
}

.NewStyles .transferListItemDetail {
    float: left;
    width: 91%;
}

/* Banner Styles */
.NewStyles .bannerWidget {
    float: left;
    position: relative;
    background: #fff;
    width: 300px;
    margin: 20px auto;
}

.NewStyles .bannerContainer {
    width: 728px;
    height: 90px;
    margin: 5px auto;
    text-align: center;
}

.NewStyles .bannerContent {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0;
    height: 100%;
}
.NewStyles .banner {
    height: 90px;
    position: relative;
    border: solid 1px #C1D2E3;
    overflow: hidden;
}

.NewStyles .newMessageAlertContainer {
    width: 728px;
    height: 30px;
    margin: 5px auto;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 139px;
}

.NewStyles .newMessageAlert {
    width: 100%;
    float: left;
    background: #fff;
    margin: 0 2%;
    padding: 0;
    height: 100%;
}

.NewStyles .newMessageAlert .fullProd {
    height: 100%;
}

.NewStyles .newMessage {
    overflow: hidden;
    height: 30px;
}

.NewStyles .unLine {
    text-decoration: none;
}

/* Dropdown Styles */
.NewStyles .usr-manage .drop-down {
    position: absolute;
    margin-top: -10px;
    width: 140px;
    background: #e4e4e3 url(/images/widget-dd-bg.gif) repeat-x 0 0;
    border: 1px solid #999;
    z-index: 99;
    padding-left: 0px;
    vertical-align: middle;
}

.NewStyles .usr-manage .drop-down .trigger {
    display: block;
    height: 18px;
    padding: 1px 5px;
    font: 11px/20px;
    color: #666;
    background: url(/images/drop-down-trigger.gif) no-repeat 125px center;
}

.NewStyles .usr-manage .drop-down ul {
    display: none;
    padding-bottom: 2px;
    position: relative;
    height: 100%;
    padding-left: 0px;
}

.NewStyles .usr-manage .drop-down ul li {
    padding: 0 5px;
    line-height: 20px;
    border-bottom: 0px solid #999;
    margin: 0 5px;
}

.NewStyles .usr-manage .drop-down ul li.last {
    border: 0;
}

.NewStyles .usr-manage .drop-down a {
    text-decoration: none;
}

/* Account Details Styles */
.NewStyles .sideCol {
    float: left;
    width: 190px;
    height: 100%;
    z-index: 2;
    background: none repeat scroll 0 0 #f1f5f9;
    border-bottom: 1px solid #c1d2e3;
    border-right: 1px solid #c1d2e3;
}

.NewStyles .sideCol h6 {
    background: #e9f0f7 url('../../Images/General/fade-blue2.gif') bottom repeat-x;
    font-size: 9pt;
    color: #333;
    line-height: 26px;
    font-weight: bold;
}

.NewStyles .sideCol h6 span {
    padding-left: 25px;
}

.NewStyles .sideCol h6 span.checking {
    background: url('../../Images/CuBanking/icn-cash.png') 5px 0 no-repeat;
}

.NewStyles .sideCol h6 span.credit {
    background: url('../../Images/CuBanking/icn-credit.png') 5px 0 no-repeat;
}

.NewStyles .sideCol h6 span.investment {
    background: url('../../Images/CuBanking/icn-investment.png') 5px 0 no-repeat;
}

.NewStyles .sideCol h6 span.other {
    background: url('../../Images/CuBanking/icn-coins.png') 5px 0 no-repeat;
}

.NewStyles .sideCol ul {
}

.NewStyles .sideCol ul li {
    margin-left: -40px;
    background: #f1f5f9;
    float: left;
    width: 186px;
    padding: 4px 0 4px 4px;
    border-bottom: 1px solid #c1d2e3;
    position: relative;
}

.NewStyles .sideCol ul li.active {
    background: #fff;
    border-right: 1px solid #fff;
}

.NewStyles .sideCol ul li a {
    background: none;
    padding: 0px;
    margin: 0;
    width: 170px;
}

.NewStyles .sideCol ul li .name {
    float: left;
    color: #336699;
    font-size: 8pt;
    font-weight: bold;
    width: 65%;
    cursor: pointer;
    cursor: hand;
    word-wrap: break-word;
}

.NewStyles .sideCol ul li .number {
    float: left;
    clear: left;
    color: #666;
    cursor: pointer;
    cursor: hand;
}

.NewStyles .sideCol ul li .amount {
    position: absolute;
    right: 4px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}

.NewStyles .mainCol {
    padding: 0 7px;
    position: relative;
    width: 735px;
    float: left;
}

.NewStyles .mainCol .summary {
    border: 1px solid #C1D2E3;
    float: left;
    position: relative;
    width: 754px;
    min-height: 24px;
    margin-bottom: 20px;
}

.NewStyles .mainCol h1 {
    padding-bottom: 10px;
}

.NewStyles .mainCol h1 span {
    font-size: 18px;
}

.NewStyles .mainCol .summary .toggle {
    position: absolute;
    top: -15px;
    right: 5px;
}

.NewStyles .mainCol .summary .paddedDetails {
    float: left;
    padding: 12px;
    width: 90%;
}

.NewStyles .mainCol .summary dl.balance {
    float: left;
    width: 24%;
    padding-bottom: 10px;
    padding-left: 6px;
}

.NewStyles .mainCol .summary dl.certBalance {
    float: left;
    width: 19%;
    padding-bottom: 10px;
    padding-left: 6px;
}

.NewStyles .mainCol .summary dl.balance dt {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #666;
    margin-bottom: 3px;
}

.NewStyles .mainCol .summary dl.balance dd {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
}

.NewStyles .mainCol .summary dl.certBalance dd {
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
}

.NewStyles .mainCol .summary dl.certBalance dt {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #666;
    margin-bottom: 3px;
}

.NewStyles .mainCol .summary dl.lastActivity {
    float: left;
    font-size: 11px;
    line-height: 18px;
}

.NewStyles .mainCol .summary dl.lastActivity dt {
    float: left;
    width: 90px;
    color: #666;
}

.NewStyles .mainCol .summary dl.lastActivity dd {
    float: left;
    width: 210px;
    padding-left: 8px;
    font-weight: bold;
}

.NewStyles .textcolor {
    color: #A6A6A6;
}

.NewStyles .mainCol .moreDetails {
    width: 754px;
    border-top: 1px solid #c1d2e3;
    border-bottom: 1px solid #c1d2e3;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
}

.NewStyles .mainCol .moreDetails th {
    background: #f1f5f9;
    border-bottom: 1px solid #c1d2e3;
    color: #666;
    padding: 4px;
    text-align: left;
    font-weight: normal;
}

.NewStyles .mainCol .moreDetails td {
    background: #fbfcfd;
    padding: 4px;
    font-weight: bold;
}

.NewStyles .mainCol .searchMain {
    float: left;
    clear: left;
    width: 754px;
    background: #c1d2e3;
    line-height: 36px;
}

.NewStyles .mainCol .searchMain label {
    float: left;
    width: 60px;
    font-size: 11px;
    color: #666;
    margin-left: 10px;
}

.NewStyles .mainCol .searchMain input.text {
    float: left;
    width: 305px;
    margin-top: 5px;
}

.NewStyles .mainCol .searchMain button {
    height: 22px;
    background: url(../../Images/buttonbkg.png) repeat-x;
    border: solid 1px #2A6934;
    color: White;
    font-size: 8pt;
    margin-top: 5px;
}

.NewStyles .mainCol .searchMain a {
    float: left;
    margin-left: 150px;
    font-size: 11px;
    text-decoration: none;
    margin-top: -42px;
    font-weight: bold;
}

.NewStyles .mainCol .searchMain div {
    margin-top: -34px;
}

.NewStyles .mainCol .searchMain .widgetButton {
    margin-top: 7px;
    margin-left: 5px;
}

.NewStyles .mainCol .searchAdv {
    float: left;
    clear: left;
    width: 745px;
    background: #c1d2e3;
    padding: 5px 5px;
}

.NewStyles .mainCol .searchAdv fieldset {
    float: left;
    border-right: 1px solid #e0e9f1;
    margin-bottom: 8px;
}

.NewStyles .accountTranCalender {
    float: left;
    border-right: 1px solid #e0e9f1;
    height: 95px;
    width: 140px;
    margin-left: 10px;
}

.NewStyles .mainCol .searchAdv fieldset.block1 {
    width: 260px;
}

.NewStyles .mainCol .searchAdv fieldset.block2 {
    width: 140px;
}

.NewStyles .mainCol .searchAdv fieldset.block3 {
    width: 140px;
    margin-left: 5px;
}

.NewStyles .mainCol .searchAdv fieldset.block4 {
    width: 137px;
    padding-right: 0;
    border-right: 0;
    margin-left: 5px;
}

.NewStyles .mainCol .searchAdv fieldset.block1 label {
    width: 80px;
}

.NewStyles .mainCol .searchAdv fieldset.block1 input {
    width: 168px;
}

.NewStyles .mainCol .searchAdv fieldset.block1 select {
    width: 175px;
}

.NewStyles .mainCol .searchAdv fieldset div {
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.NewStyles .mainCol .searchAdv label {
    float: left;
    position: relative;
    width: 40px;
    clear: left;
    font-size: 11px;
    color: #666;
    line-height: 22px;
}

.NewStyles .mainCol .searchAdv label span {
    position: absolute;
    top: 0;
    right: 3px;
}

.NewStyles .mainCol .searchAdv .text {
    float: left;
    width: auto;
}

.NewStyles .mainCol .searchAdv input.text {
    padding: 2px;
}

.NewStyles .mainCol .searchAdv select.text {
    padding: 2px;
}

.NewStyles .mainCol .searchAdv .picker {
    float: left;
    margin: 3px 0 0 2px;
}

.NewStyles .mainCol .searchAdv .category {
    width: 260px;
}

.NewStyles .mainCol .searchAdv h6 {
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    margin-bottom: 7px;
}

.NewStyles .mainCol .transactions {
    float: left;
    width: 754px;
    border: 0;
    border-top: 1px solid #fff;
    font-size: 11px;
    border-collapse: collapse;
}

.NewStyles .mainCol .transactions th {
    background: #336699;
    color: #fff;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

.NewStyles .mainCol .transactions th a {
    background: #336699;
    color: #fff;
    padding: 5px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.NewStyles .mainCol .transactions th.switch {
    width: 5px;
}

.NewStyles .mainCol .transactions th.pending {
    width: 5px;
}

.NewStyles .mainCol .transactions th.description {
    width: 300px;
}

.NewStyles .mainCol .transactions th.date {
    width: 100px;
}

.NewStyles .mainCol .transactions th.amount {
    width: 110px;
    text-align: right;
}

.NewStyles .mainCol .transaction {
    float: left;
    width: 754px;
    clear: left;
    display: inline;
    line-height: 22px;
    font-size: 11px;
    background: #e9f0f7;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c1d2e3;
    padding: 1px 0;
}

.NewStyles .mainCol .transaction div {
    float: left;
    display: inline;
}

.NewStyles .mainCol .transaction .switch {
    width: 13px;
    padding-top: 6px;
    text-align: right;
}

.NewStyles .mainCol .transaction .pending {
    width: 40px;
    padding-top: 4px;
    text-align: left;
}

.NewStyles .mainCol .transaction .indicator {
    width: 29px;
    text-align: right;
}

.NewStyles .mainCol .transaction .description {
    width: 200px;
    margin-left: 7px;
}

.NewStyles .mainCol .transaction .categ {
    width: 100px;
}

.NewStyles .mainCol .transaction .date {
    width: 90px;
}

.NewStyles .mainCol .transaction .amount {
    text-align: right;
}

.NewStyles .mainCol .transaction .deposit {
    width: 66px;
}

.NewStyles .mainCol .transaction .withdrawl {
    width: 109px;
}

.NewStyles .mainCol .transaction .balance {
    width: 94px;
}

.NewStyles .mainCol .transaction .expansion {
    float: left;
    width: 100%;
    clear: left;
    padding: 5px 0;
}

.NewStyles .mainCol .transaction .expansion .checkImg {
    float: left;
    margin: 10px 0 20px 20px;
    border: 1px solid #666;
}

.NewStyles .mainCol .transaction .expansion label {
    float: left;
    margin: 0 5px 0 15px;
    color: #666;
    white-space: nowrap;
}

.NewStyles .mainCol .transaction .expansion select.text {
    float: left;
    padding: 1px;
}

.NewStyles .mainCol .transaction .expansion input.check {
    float: left;
}

.NewStyles .mainCol .transaction .expansion .dispute {
    float: left;
    margin-left: 30px;
    text-decoration: none;
}

.NewStyles .bubble {
    position: absolute;
    float: left;
    width: 300px;
    z-index: 100;
    left: 180px;
    top: 87px;
}

.NewStyles .bubble .top {
    float: left;
    position: relative;
    z-index: 100;
    width: 100%;
    height: 38px;
    background: url('../../Images/CuBanking/pop-top.png') top center no-repeat;
    margin-top: 7px;
}

.NewStyles .bubble .top p {
    float: left;
    margin: 0;
    text-indent: 5px;
    font-weight: bold;
    color: #fff;
    width: 270px;
    margin: 15px;
}

.NewStyles .bubble .top span {
    position: absolute;
    right: 15px;
    top: 12px;
    padding-right: 20px;
    font-size: 11px;
    color: #ccc;
    line-height: 20px;
}

.NewStyles .bubble .top span.checking {
    background: url('../../Images/CuBanking/icn-cash.png') right no-repeat;
}

.NewStyles .bubble .top span.credit {
    background: url('../../Images/CuBanking/icn-credit.png') right no-repeat;
}

.NewStyles .bubble .top span.investment {
    background: url('../../Images/CuBanking/icn-investment.png') right no-repeat;
}

.NewStyles .bubble .top span.other {
    background: url('../../Images/CuBanking/icn-coins.png') right no-repeat;
}

.NewStyles .bubble .btm {
    float: left;
    width: 100%;
    z-index: 100;
    background: url('../../Images/CuBanking/pop-btm.png') bottom center no-repeat;
    padding-bottom: 15px;
}

.NewStyles .bubble .btm ul {
    float: left;
    width: 280px;
    margin: 5px 0 0 9px;
}

.NewStyles .bubble .btm ul li {
    float: left;
    width: 45%;
    background: none;
    border: 0;
    font-size: 11px;
    line-height: 16px;
    margin-right: 50px;
}

.NewStyles .bubble .btm ul li a {
    float: left;
    padding: 2px;
    text-decoration: none;
}

.NewStyles .bubble .pointer {
    position: absolute;
    left: -24px;
    top: 50px;
}

.NewStyles .negative {
    color: #990000;
}

.NewStyles .positive {
    color: #009900;
}

.NewStyles .zero {
    color: #000000;
}

.NewStyles .searchToggle {
    cursor: pointer;
    margin-left: 5px;
    color: #6699cc;
}

.NewStyles .tranInfoExpander {
    background: url(../../Images/General/icn-plus2.gif) no-repeat top left;
    position: absolute;
    left: 5px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.NewStyles .tranInfoExpander.active {
    background: url(../../Images/General/icn-minus2.gif) no-repeat top left;
    position: absolute;
    left: 5px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.NewStyles .moreTransactionInfo {
}

.NewStyles .moreTranDetails {
    width: 754px;
    border-top: 1px solid #aaa;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
}

.NewStyles .moreTranDetails th {
    background: #ddd;
    border-bottom: 1px solid #aaa;
    color: #666;
    padding: 4px;
    text-align: left;
}

.NewStyles .moreTranDetails td {
    background: #eee;
}

.NewStyles .moreTranDetails td.fullRow {
    background-color: #E9F0F7;
    padding-left: 20px;
}

.NewStyles .contentPlaceholderBg {
    float: left;
    width: 190px;
    min-height: 600px;
    background-color: #F1F5F9;
    margin: -12px 0 -10px 0px;
    border-right: solid 1px #C1D2E3;
}

/* Pines Notify Styles */
.NewStyles .ui-pnotify {
    position: absolute;
    height: auto;
    z-index: 9999;
}

.NewStyles html > body .ui-pnotify {
    position: fixed;
}

.NewStyles .ui-pnotify .ui-pnotify-shadow {
    margin: 0;
    position: absolute;
    top: .1em;
    left: .1em;
    bottom: -.2em;
    right: -.2em;
    z-index: -1;
}

.NewStyles .ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    width: 350px;
}

.NewStyles .ui-pnotify-closer {
    float: right;
    margin-left: .2em;
}

.NewStyles .ui-pnotify-title {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: .4em;
}

.NewStyles .ui-pnotify-text {
    display: block;
}

.NewStyles .ui-pnotify-icon, .ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
}

.NewStyles .ui-pnotify-history-container {
    position: absolute;
    top: 0;
    right: 18px;
    width: 70px;
    border-top: none;
    display: none;
    z-index: 10000;
}

.NewStyles .ui-pnotify-history-container .ui-pnotify-history-header {
    padding: 2px;
}

.NewStyles .ui-pnotify-history-container button {
    cursor: pointer;
    display: block;
    width: 100%;
}

.NewStyles .ui-pnotify-history-container .ui-pnotify-history-pulldown {
    display: block;
    margin: 0 auto;
}

.NewStyles .ui-pnotify.custom {
    font-weight: bold;
    text-shadow: 1px 1px 0.5px black;
}

.NewStyles .ui-pnotify.custom .ui-pnotify-container {
    background-color: #666;
    background-image: none;
    border: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.NewStyles .ui-pnotify.custom .ui-pnotify-title {
    font-size: 15pt;
    color: #FFF;
}

.NewStyles .ui-pnotify.custom .ui-pnotify-text {
    font-size: 11pt;
    color: #FFF;
}

.NewStyles .ui-pnotify.custom .ui-pnotify-closer {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.NewStyles .ui-pnotify.custom .ui-pnotify-icon {
    float: right;
}

.NewStyles .ui-pnotify.custom .picon {
    margin: 3px;
    width: 49px;
    height: 49px;
}

.NewStyles .picon-32.picon-fill-color {
    background-image: url("/Images/CUMessaging/NewMessage.png");
}

/* Tab Styles */
.NewStyles .tabs {
    float: left;
    display: inline;
    width: 100%;
    border-bottom: 1px solid #c1d2e3;
    font-size: 12px;
    margin: 0;
}

.NewStyles .tabs ul {
    list-style: none outside none;
}

.NewStyles .tabs ul li {
    float: left;
    display: inline;
    height: 27px;
    margin-right: 5px;
    background: none;
    border: 0;
}

.NewStyles .tabs ul li a, .tabs ul li a span {
    float: left;
    display: inline;
    height: 27px;
    line-height: 27px;
    padding: 0;
    padding-left: 10px;
    background: url(images/tabs.png);
    color: #6b92b8;
}

.NewStyles .tabs ul li a span {
    padding-left: 0;
    padding-right: 10px;
    background-position: right 0;
}

.NewStyles .tabs ul li a.active, .NewStyles .tabs ul li a.active span {
    background-position: 0 -27px;
    color: #3c3e3f;
}

.NewStyles .tabs ul li a.active span {
    background-position: right -27px;
}

/* Generic Context Menu Styles */
.NewStyles .contextMenu {
    position: absolute;
    width: 120px;
    z-index: 99999;
    border: solid 1px #CCC;
    background: #EEE;
    padding: 0px;
    margin: 0px;
    display: none;
}

.NewStyles .contextMenu LI {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.NewStyles .contextMenu A {
    color: #333;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
    outline: none;
    padding: 1px 5px;
    padding-left: 28px;
}

.NewStyles .contextMenu LI.hover A {
    color: #FFF;
    background-color: #3399FF;
}

.NewStyles .contextMenu LI.disabled A {
    color: #AAA;
    cursor: default;
}

.NewStyles .contextMenu LI.hover.disabled A {
    background-color: transparent;
}

.NewStyles .contextMenu LI.separator {
    border-top: solid 1px #CCC;
}

.NewStyles .contextMenu LI.edit A {
    background-image: url(../../Images/CUMessaging/Menu/edit.png);
}

.NewStyles .contextMenu LI.cut A {
    background-image: url(../../Images/CUMessaging/Menu/cut.png);
}

.NewStyles .contextMenu LI.copy A {
    background-image: url(../../Images/CUMessaging/Menu/page_white_copy.png);
}

.NewStyles .contextMenu LI.paste A {
    background-image: url(../../Images/CUMessaging/Menu/page_white_paste.png);
}

.NewStyles .contextMenu LI.delete A {
    background-image: url(../../Images/CUMessaging/Menu/delete.png);
}

.NewStyles .contextMenu LI.quit A {
    background-image: url(../../Images/CUMessaging/Menu/door.png);
}

.NewStyles .contextMenu LI.insert A {
    background-image: url(../../Images/CUMessaging/Menu/plus.png);
}

/* Select Box Styles */
.NewStyles .jquery-selectbox {
    position: relative;
    border: 1px solid #6699cc;
    height: 18px;
    z-index: 0;
    float: left;
    color: #000;
    background: none repeat scroll 0 0 #FFFFFF;
}

.NewStyles .jquery-selectbox.selecthover {
    background-color: #fafafa;
    z-index: 700;
}

.NewStyles .jquery-selectbox .jquery-selectbox-currentItem {
    padding: 1px 0px 0px 4px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.NewStyles .jquery-selectbox .jquery-selectbox-list {
    display: none;
    position: absolute;
    top: 18px;
    left: -1px;
    background: #fafafa;
    font-size: 11px;
    width: 100% !important;
    height: auto;
    z-index: 1000;
    border: 1px solid #6699cc;
    border-top: none;
}

.NewStyles .jquery-selectbox .jquery-selectbox-moreButton {
    position: absolute;
    top: 6px;
    right: 4px;
    background: url(images/select-arr.gif) no-repeat 0 0;
    width: 10px;
    height: 8px;
    cursor: pointer;
}

.NewStyles .jquery-selectbox .jquery-selectbox-item.listelementhover {
    background: #ddd;
    color: #000;
}

.NewStyles .jquery-selectbox .jquery-selectbox-item {
    display: block;
    cursor: default;
    padding: 2px 0 2px 8px;
}

.NewStyles form .error .jquery-selectbox {
    color: #d00;
    border-color: #d00;
}

/* Ajax tabs */
.NewStyles .ajaxTabArea .ajax__tab_header {
    cursor: default;
    display: block;
    margin-left: 10px;
}

.NewStyles .ajaxTabArea .ajax__tab_header .ajax__tab_outer {
    background: #e5ecf5;
    color: #222;
    cursor: default;
    padding-left: 10px;
    line-height: 20px;
    margin-right: 3px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.NewStyles .ajaxTabArea .ajax__tab_header .ajax__tab_inner {
    background: #e5ecf5;
    color: #666;
    cursor: pointer;
    padding: 3px 10px 2px 0px;
}

.NewStyles .ajaxTabArea .ajax__tab_hover .ajax__tab_inner {
    cursor: hand;
    color: #000000;
}

.NewStyles .ajaxTabArea .ajax__tab_active .ajax__tab_outer {
    background: #cbd8e9;
    border-bottom-color: #ffffff;
    line-height: 20px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.NewStyles .ajaxTabArea .ajax__tab_active .ajax__tab_inner {
    background: #cbd8e9;
    color: #000000;
    border-color: #333;
}

.NewStyles .ajaxTabArea .ajax__tab_body {
    padding: 6px;
    border-top: solid 2px #CBD9E7;
    width: 96%;
}

.NewStyles .ajaxTabArea .ajax__tab_active .ajax__tab_tab {
    font-weight: bold;
}

/* Messaging css */
.NewStyles .contentSideCol {
    float: left;
    width: 19.5%;
    margin: 0;
    padding: 0;
    min-height: 600px;
}

.NewStyles .contentMainCol {
    width: 80.5%;
    float: left;
    margin-top: -12px;
}

.NewStyles .messageDetails {
    width: 1003px;
    margin: 10px auto;
}

.NewStyles .detailsApp {
    width: 100%;
    float: left;
    height: 308px;
}

.NewStyles .messageDetail {
    width: 100%;
    float: left;
    background: #fff url(/Images/CUMessaging/left-menu-bg.gif) -5px repeat-y;
    border: 1px solid #c1d2e3;
    position: relative;
    margin-bottom: 10px;
    min-height: 600px;
}

.NewStyles .messageDetail h2 {
    float: left;
    width: 100%;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #369;
    text-indent: 6px;
    background: url(/Images/General/widget-title.gif) top repeat-x;
    margin-bottom: 12px;
}

.NewStyles .messagingContentPlaceholder {
    padding: 0px;
    background: #F1F5FA;
}

.NewStyles .masterContainer {
    width: 1003px;
    margin: 0 auto;
    padding: 0;
}

.NewStyles .masterbg {
    width: 100%;
    float: left;
    background: #FFF;
}

.NewStyles .messageContainer {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.NewStyles .sideTab {
    width: 97.5%;
    float: left;
    margin: 0;
    padding: 0px;
    border-bottom: 2px solid #CBD9E7;
}

.NewStyles .sideTab ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.NewStyles .sideTab ul li {
    padding: 5px 10px;
    margin: 0;
    list-style: none;
}

.NewStyles .sideTab ul li a {
    text-decoration: none;
    color: #494949;
    font-size: 1.1em;
    font-weight: bold;
}

.NewStyles .composeTab {
    background-image: url(/Images/CUMessaging/compose-icon.png);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .serviceRequestTab {
    background-image: url(/Images/CUMessaging/service_request.gif);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .inboxTab {
    background-image: url(/Images/CUMessaging/inbox_icon.png);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .customFolder {
    background-image: url(/Images/CUMessaging/icn-folder.png);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .newFolder {
    color: #548DC6 !important;
}

.NewStyles .draftTab {
    background-image: url(/Images/CUMessaging/draft-icon.png);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .sentTab {
    background-image: url(/Images/CUMessaging/sent-msg-icon.gif);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .trashTab {
    background-image: url(/Images/CUMessaging/trash_icon.png);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .userPreferenceTab {
    background-image: url(/Images/CUMessaging/edituser.png);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.NewStyles .tabActive {
    background-image: url(/Images/CUMessaging/selectTab.gif);
    background-repeat: repeat-x;
    clear: both;
}

.NewStyles .msgTool {
    width: 97.5%;
    float: left;
    margin: 0;
    padding: 0px;
}

.NewStyles .msgTool ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.NewStyles .msgTool ul li {
    padding: 5px 10px;
    margin: 0;
    list-style: none;
}

.NewStyles .msgTool ul li a {
    text-decoration: none;
    color: #494949;
    font-size: 1.1em;
    font-weight: bold;
}

.NewStyles .pageTitle {
    float: left;
    width: 97.5%;
}

.NewStyles .pageTitle h1 {
    color: #7B9BBF;
    font-size: 1.8em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
}

.NewStyles .boxSelect {
    background-image: url(/Images/CUMessaging/dropDown-bg.gif);
    background-repeat: repeat-x;
    color: #575757;
    border: 1px solid #BAB6B2;
    margin-left: 10px;
}

.NewStyles .inboxPane {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.NewStyles .expandVertical {
    float: left;
    width: 100%;
    background: #c5d5e5 url(/Images/CUMessaging/expandVerticalHandle.gif) no-repeat center;
    text-align: center;
}

.NewStyles .expandVertical img {
    cursor: s-resize;
}

.NewStyles .expandVerticalHandler {
    float: left;
    width: 100%;
    background-image: url(/Images/CUMessaging/expandVerticalHandle.gif) no-repeat center;
    text-align: center;
}

.NewStyles #messageDetailContainer {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.NewStyles .messageTitle {
    float: left;
    width: 100%;
    background: #CCDCEB url(/Images/CUMessaging/inboxDetail-bg.gif) repeat-x left bottom;
    padding: 10px;
}

.NewStyles .messageTitle h2 {
    color: #FFF;
    font-size: 1.8em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
}

.NewStyles .messageTitle h2 span {
    color: #D7E3EF;
}

.NewStyles .linkGroup {
    width: auto;
    float: right;
    margin: 0 10px 0 0px;
}

.NewStyles .previewlink a {
    background: none !important;
    padding: 5px;
    font-weight: bold;
    color: #ffffff !important;
    text-decoration: none;
    border: 0px !important;
    float: right;
}

.NewStyles .linkGroup a {
    background: #D1E1EE;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #FFF;
    color: #336797;
    line-height: 17pt;
    text-decoration: none;
}

.NewStyles .msgToolContainer {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: #C1D2E2;
}

.NewStyles .msgToolContainer ul {
    float: left;
    margin: 0;
    padding: 0;
}

.NewStyles .msgToolContainer ul li {
    float: left;
    display: block;
    padding-left: 10px;
    background-image: url(/Images/CUMessaging/msgToolSeperator.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.NewStyles .msgToolContainer ul li a {
    float: left;
    color: #31669A;
    font-size: 1.1em;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 10px 7px 20px;
}

.NewStyles .replyMsg {
    background-image: url(/Images/CUMessaging/replyIcon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left;
}

.NewStyles .fwdMsg {
    background-image: url(/Images/CUMessaging/forwardmsg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left;
}

.NewStyles .moveMsg {
    background-image: url(/Images/CUMessaging/movemsg.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left;
}

.NewStyles .printMsg {
    background-image: url(/Images/CUMessaging/printmsg.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left;
}

.NewStyles .trashMsg {
    background-image: url(/Images/CUMessaging/trashmsg.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left;
}

.NewStyles #MsgDetaiReader {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.NewStyles .msgbody {
    width: 95%;
    float: left;
    padding: 20px;
    background: #FFF;
    height: 205px;
    overflow-y: auto;
    overflow-x: hidden;
}

.NewStyles .msgHeader {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #999;
}

.NewStyles .msgHeader ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.NewStyles .msgHeader ul li {
    padding-bottom: 2px;
    margin: 0;
    float: left;
    list-style: none;
    width: 100%;
}

.NewStyles .msgHeader ul li label, .greyFont {
    color: #999;
    font-size: 1em;
    font-weight: bold;
}

.NewStyles .normalFont {
    color: #595959;
    font-size: 1.1em;
    float: left;
    width: auto;
    font-weight: bold;
}

.NewStyles .msgSummaryDate {
    width: 100%;
    float: right;
    padding-left: 14px;
}

.NewStyles .linkAttach {
    background-image: url(/Images/CUMessaging/attach.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1em;
    color: #275E94;
    text-decoration: none;
    font-weight: bold;
    padding-left: 30px;
    background-position: left;
}

.NewStyles #messageContent {
    float: left;
    width: 97%;
    padding-top: 10px;
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
}

.NewStyles .msgbodyfull {
    width: 95%;
    float: left;
    padding: 20px;
    background: #FFF;
}

.NewStyles .pageTitleFull {
    background: #336799;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

.NewStyles .detailsTitleFull {
    background: #96B1CE;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    border-top: 0px ridge #336799;
    border-bottom: 1px groove #336799;
}

.NewStyles .detailsTitleFull span {
    color: #FFF;
    font-size: 1.8em;
    font-weight: normal;
    float: left;
    padding-left: 10px;
}

.NewStyles .pageTitleFull h1 {
    color: #7B9BBF;
    font-size: 1.8em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
}

.NewStyles .tickSymbol {
    background-image: url(/Images/CUMessaging/ticksymbol.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left;
}

.NewStyles .greyTextBold {
    font-weight: bold;
}

.NewStyles .messageListContent {
    width: 100%;
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
}

.NewStyles .messageList {
    float: left;
    width: 100%;
    border-width: thick;
    padding-bottom: 120px;
}

.NewStyles .messageListDetailsContent {
    width: 100%;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    height: 555px;
}

.NewStyles .message_gridcheck_header {
    padding: 0px 10px 0px 0;
}

.NewStyles .innerGridCell {
    display: none;
    width: 100%;
    margin-bottom: 1px;
}

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

.NewStyles .message_innergrid_head {
    float: left;
    position: absolute;
    width: 100%;
}

.NewStyles .message_innergrid_item {
    float: left;
    position: absolute;
    width: 100%;
    vertical-align: middle;
}

.NewStyles .messageDetailsContent {
    background: #fff;
    border-right: 1px solid #C1D2E3;
    border-top: 1px solid #C1D2E3;
    width: 100%;
    float: left;
    height: 308px;
    overflow-y: auto;
    overflow-x: hidden;
}

.NewStyles .messageListAction {
    padding: 5px 5px 5px 5px;
}

.NewStyles .confirmationButtons {
    text-align: center;
    padding: 35px 5px 5px 5px;
}

.NewStyles .confirmationMessage {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    padding: 6px 0 5px;
}

.NewStyles .expand {
    padding: 6px;
}

.NewStyles .actionDropDown {
    margin-left: 20px;
    margin-top: 2px;
}

.NewStyles .togglePreviewButton {
}

.NewStyles .togglePreviewButtonBottom {
    padding-right: 5px;
    margin-bottom: -5px;
}

.NewStyles #nagation {
    width: 807px;
    height: 30px;
    background: #336799;
    float: left;
    margin: 0;
}

.NewStyles #nagation p {
    color: #FFF;
    font-weight: bold;
    padding: 5px 0 0 10px;
    width: 70px;
    float: left;
}

.NewStyles .mainnav {
    background: url(/images/menu_bg.gif) repeat-x left top;
    float: left;
    width: 720px;
    height: 30px;
}

.NewStyles .checkout {
    background: url(/images/CUMessaging/checkout-act.png) repeat-x left top;
    float: right;
}

.NewStyles .mainnav ul {
    margin: 5px 0 0 5px;
    padding: 0;
    float: left;
}

.NewStyles .mainnav ul li {
    background: #8CA7C4;
    padding: 2px 10px;
    *padding: 5px10px;
    color: #FFF;
    display: inline;
    margin: 00010px;
}

.NewStyles .mainnav ul li a {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

.NewStyles .mainnav ul li a:hover {
    color: #336799;
    text-decoration: none;
}

.NewStyles .checkbutton {
    float: right;
    height: 30px;
    padding-right: 10px;
    color: #fff;
}

.NewStyles .checkbutton a {
    padding-top: 1px;
    text-decoration: none;
    float: left !important;
    border: none !important;
    margin: 4px 0 0 8px !important;
    height: 22px !important;
    font-size: 12px;
    font-weight: bold !important;
    cursor: pointer !important;
}

.NewStyles .checkin-btn-act {
    background: #89A2C0 url(/images/CUMessaging/checkin-act.png) no-repeat 3px center !important;
    color: #fff;
    padding: 0 12px 0 20px;
}

.NewStyles .checkout-btn-act {
    background: #89A2C0 url(/images/CUMessaging/checkout-act.png) no-repeat 3px center !important;
    color: #fff;
    padding: 0 12px 0 20px;
    *padding: 06px010px;
}

.NewStyles .checkin-btn-inact {
    background: #89A2C0 url(/images/CUMessaging/checkin-inact.png) no-repeat 3px center !important;
    color: #B0C3D2;
    padding: 0 12px 0 20px;
    *padding: 06px010px;
    height: 30px;
}

.NewStyles .checkout-btn-inact {
    background: #89A2C0 url(/images/CUMessaging/checkout-inact.png) no-repeat 3px center !important;
    color: #B0C3D2;
    padding: 0 12px 0 20px;
    *padding: 06px010px;
    height: 30px;
}

.NewStyles .completed-btn-act {
    background: #89A2C0 url(/images/CUMessaging/completed_act.png) no-repeat 3px center !important;
    color: #FFF;
    padding: 0 12px 0 20px;
    *padding: 06px010px;
    height: 30px;
}

.NewStyles .completed-btn-inact {
    background: #89A2C0 url(/images/CUMessaging/completed_ina.png) no-repeat 3px center !important;
    color: #B0C3D2;
    padding: 0 12px 0 20px;
    *padding: 06px010px;
    height: 30px;
}

.NewStyles .helpdesk-btn-inact {
    background: #89A2C0 !important;
    color: #B0C3D2 !important;
    height: 30px;
}

.NewStyles .composeMessageBar {
    width: 100%;
    margin: 0;
    padding: 0;
}

.NewStyles .alignRight {
    float: right;
    padding-right: 5px;
}

.NewStyles .composeControlBackground {
    width: 100%;
    background-color: #C2D3E4;
}

.NewStyles .composeControlContainer {
    float: left;
    padding: 5px 0px 0px 0px;
    background-color: #C2D3E4;
}

.NewStyles .NewStyles .composeMessageContainer {
    width: 100%;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px;
    min-height: 400px;
}

.NewStyles .messageFormLabel {
    font-weight: bold;
    padding-left: 10px;
}

.NewStyles .messageToText {
    width: 350px;
}

.NewStyles .NewStyles .messageSubjectText {
    width: 640px;
}

.NewStyles .spacer {
    height: 10px;
    padding: 10px;
}

.NewStyles .addButton {
    padding: 0px;
}

.NewStyles .messageGroup {
    width: 250px;
    margin-left: 4px;
}

.NewStyles .popupTextWidth {
    width: 200px;
}

.NewStyles .dateTimeSpace {
    padding-left: 10px;
}

.NewStyles .deletefolder {
    padding-left: 2px;
    padding-top: 0px;
    float: right;
}

.NewStyles #rq-filter {
    float: left;
    height: 256px;
    background: #fff;
    margin: 0;
}

.NewStyles .rq-filter-lt {
    float: left;
    width: 13px;
    height: 47px;
    background: url(/images/cumessaging/Blue_leftbg.png);
    margin-left: 10px;
    margin-top: 15px;
}

.NewStyles .rq-filter-md {
    float: left;
    width: 750px;
    height: 47px;
    background: url(/images/cumessaging/Blue_miidlebg.png);
    margin-top: 15px;
}

.NewStyles .rq-filter-rt {
    float: left;
    width: 16px;
    height: 47px;
    background: url(/images/cumessaging/Blue_rightbg.png);
    margin-top: 15px;
}

.NewStyles .rq-filter-rt1 {
    font-family: Verdana;
    font-size: 12px;
    padding-left: 5px;
    float: left;
    margin-top: 11px;
    width: 22%;
    font-weight: bold;
}

.NewStyles .buttons {
    float: left;
    margin-top: 11px;
    margin-left: 12px;
    width: 70%;
}

.NewStyles #heading {
    float: left;
    width: 780px;
}

.NewStyles #heading h3 {
    margin: 0 !important;
    width: 780px;
    float: left;
    background: url(/images/cumessaging/line.png) repeat-x left 26px;
    padding: 4px 4px 4px 0px;
}

.NewStyles #heading h3 span {
    color: #999;
    padding-left: 10px !important;
    margin: 0 !important;
    float: left;
    font-family: Verdana;
    font-size: 14px;
    padding-top: 15px;
    background: #fff;
    text-align: center;
    padding-right: 3px;
}

.NewStyles #heading ul {
    float: left;
    line-height: 20px;
    font-family: Verdana;
    font-size: 11px;
    list-style-image: url(/images/cumessaging/Bullet.png);
    color: #366694;
    font-weight: bold;
    margin: 0 !important;
    padding: 4px 0 0 35px !important;
}

.NewStyles .formSheetSettingsActions {
    float: left;
    margin-top: 15px;
    padding: 12px 0 30px 0;
    border-top: 3px solid #c2d3e4;
    background: url('/Images/General/bg-formActions.gif') top repeat-x;
    width: 100%;
}

.NewStyles .messageSuccess {
    color: #148F04;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
}

.NewStyles .removeUnderline {
    padding-left: 10px;
    text-decoration: none;
}

.NewStyles .composeModelTitle {
    float: left;
    padding: 9px !important;
}

.NewStyles .minTextLink {
    float: right !important;
}

.NewStyles .linkMailItemRead {
    color: #000 !important;
    font-weight: lighter !important;
}

.NewStyles .messagingPager p {
    float: right;
    display: inline;
    padding-top: 2px;
    margin-right: 20px;
    background-color: white;
}

.NewStyles .messagingPager .enabledButton {
    margin-right: 10px;
    float: right;
    color: #000;
    background-color: white;
    font-weight: bold;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #6C6C6C;
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    cursor: pointer;
    padding: 1px 5px;
    text-decoration: none;
}

.NewStyles .messagingPager .disabledButton {
    margin-right: 10px;
    float: right;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #6C6C6C;
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    background-color: #DEDEDE;
    color: white;
    text-decoration: none;
    padding: 1px 5px;
}

.NewStyles .messageStatusPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .messagePreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 50%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .messageDetailsTooltip {
    display: none;
    background: url("/Images/CuMessaging/message-tip-content.png") repeat-y transparent;
    width: 308px;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 4px;
    margin-top: 5px;
}

.NewStyles .messageDetailsHeader {
    background: url("/Images/CuMessaging/message-tip-top.png") no-repeat 0 0 transparent;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 15px;
    height: 31px;
    width: 308px;
}

.NewStyles .messageDetailsBottom {
    background: url("/Images/CuMessaging/message-tip-bottom.png") no-repeat top left transparent;
    height: 14px;
    width: 308px;
    position: absolute;
    bottom: -14px;
}

.NewStyles .messageDetailsSeparator {
    background: url("/Images/CuBanking/acct-tip-separator.png") no-repeat top left transparent;
    height: 11px;
    width: 308px;
}

.NewStyles .messageStatusEmptyRowDiv {
    background-color: #FFF;
    color: #000;
    text-align: left;
    margin-left: 15px;
    width: 90%;
    min-height: 47px;
}

.NewStyles .messageStatusDetailsRowDiv {
    background-color: #FFF;
    color: #000;
    text-align: left;
    margin-left: 15px;
    width: 90%;
}

.NewStyles .messageStatusDetailsRowDivData {
    background-color: #FFF;
    text-align: right;
    color: #000;
}

.NewStyles .messageDetailsRowDiv {
    background-color: #FFF;
    color: #000;
    text-align: left;
    margin-left: 15px;
    width: 90%;
    overflow: hidden;
    height: 100px;
}

.NewStyles .messageDetailsRowDivData {
    background-color: #FFF;
    text-align: left;
    float: left;
    color: #000;
}

.NewStyles .toggle {
    float: none;
    padding-right: 10px;
}

.NewStyles .toggle a {
    float: right;
    padding-right: 10px;
    font-weight: bold;
}

.NewStyles span.PagerCurrentIndex {
    border: solid 1px #bbc7cd;
    background-color: #fff;
    padding: 5px;
    color: #000;
    font-weight: bold;
}

.NewStyles td.PagerCell {
    padding: 6px;
    color: #fff;
}

.NewStyles a.PagerHyperlinkStyle {
    padding: 6px;
    text-decoration: none;
    white-space: nowrap;
}

.NewStyles a.PagerHyperlinkStyle:link {
    border: solid 1px #fff;
    background-color: #F1F5FA;
    padding: 5px;
    color: #336799;
}

.NewStyles a.PagerHyperlinkStyle:visited {
    color: #fff;
}

.NewStyles a.PagerHyperlinkStyle:hover {
    border: solid 1px #9ecde7;
    background-color: #F1F5FA;
    color: #336799;
    padding: 5px;
}

.NewStyles a.PagerHyperlinkStyle:active {
    color: #30d1d3;
}

.NewStyles a.PagerDisabled {
    background-color: transparent;
    color: Gray;
    padding: 6px;
}

.NewStyles td.PagerCellSeperator {
    border-right: solid 1px #c0c0c0;
    padding-left: 1px;
    padding-right: 1px;
}

.NewStyles .pagerSection {
    padding: 2px;
    float: right;
}

.NewStyles .messageActionLabel {
    color: #FFF;
    font-size: 1.8em;
    font-weight: normal;
    padding-left: 10px;
}

.NewStyles .messageList_HeaderSize_type1 {
    width: 29%;
}

.NewStyles .messageinnerList_HeaderSize_type1 {
    width: 29%;
}

.NewStyles .messageList_DateHeader_type1 {
    width: 22%;
}

.NewStyles .messageinnerList_DateHeader_type1 {
    width: 22%;
}

.NewStyles .messageList_HeaderSize_type2 {
    width: 20%;
}

.NewStyles .messageinnerList_HeaderSize_type2 {
    width: 20%;
}

.NewStyles .messageinnerList_DateHeader_type2 {
    width: 20%;
}

.NewStyles .messageList_DateHeader_type2 {
    width: 20%;
}

.NewStyles .messageList_HeaderSize_type3 {
    width: 31%;
}

.NewStyles .messageinnerList_HeaderSize_type3 {
    width: 31%;
}

.NewStyles .messageList_DateHeader_type3 {
    width: 22%;
}

.NewStyles .messageinnerList_DateHeader_type3 {
    width: 22%;
}

.NewStyles .messageList_HeaderSize_type4 {
    width: 21%;
}

.NewStyles .messageinnerList_HeaderSize_type4 {
    width: 21%;
}

.NewStyles .messageinnerList_DateHeader_type4 {
    width: 21%;
}

.NewStyles .messageList_DateHeader_type4 {
    width: 21%;
}

.NewStyles .message_enabledButton {
    background-image: url(/images/grid-btn-bg.gif);
    background-repeat: repeat-x;
    color: #426386;
    font-weight: bold;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #6C6C6C;
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    cursor: pointer;
}

.NewStyles .message_disabledButton {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #6C6C6C;
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
    background-color: #DEDEDE;
    color: #FFF;
}

.NewStyles messagegroup_gridTable {
    width: 100%;
    border-collapse: separate !important;
    border: 0px solid #AAC0D7;
    float: left;
}

.NewStyles .message_gridTable {
    width: 100%;
    border-collapse: separate !important;
    border: 0px solid #AAC0D7;
    float: left;
}

.NewStyles .message_grid_head {
    color: #333230;
    border-left: 1px solid #F0F5F9;
    border-right: 1px solid #AAC0D7;
    background: #C2D3E3 url(/images/gridHeadBg.gif) repeat-x left top;
    line-height: 8px;
    font-weight: bold;
    padding: 5px 0 5px 5px;
}

.NewStyles .message_grid_head a {
    color: #333230;
    padding-right: 0px;
    background: url(/images/grid_desc.gif) no-repeat right center;
    display: block;
}

.NewStyles .message_grid_head_first {
    border-left-color: #c5d5e5;
}

.NewStyles .message_grid_item a {
    text-decoration: none;
    color: #386793;
    font-weight: bold;
    float: left;
    display: block;
    vertical-align: middle;
}

.NewStyles .message_grid_readItem .message_grid_item {
    background: #F5F5F5;
    border-bottom: 1px dotted #C1D2E3;
    font-weight: normal;
}

.NewStyles .message_grid_item {
    background: #FFF;
    border-bottom: 1px dotted #C1D2E3;
    font-weight: bold;
}

.NewStyles .message_headerinnergrid .message_grid_item {
    background: #f3f3cd;
    border-bottom: 0px;
    font-weight: normal;
}

.NewStyles .message_innergrid .message_grid_item {
    background: #fcfbe9;
    border-bottom: 0px;
    font-weight: normal;
}

.NewStyles .message_innergrid_unread {
    background: #fcfbe9;
    border-bottom: 1px dotted #C1D2E3;
    font-weight: bold;
}

.NewStyles .selectedRow_grid .message_grid_item {
    background: #c5e7ff;
    border-bottom: 0px;
    font-weight: normal;
}

.NewStyles .messagelistDeletedRow .message_grid_item {
    background: #FE9191;
    color: #FFF;
    border-bottom: 0px;
    font-weight: normal;
    vertical-align: middle;
}

.NewStyles .messagelistDeletedRow .message_grid_item a {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    vertical-align: middle;
    float: left;
}

.NewStyles .paddingPrint {
    padding-left: 20px;
}

.NewStyles .messagestatus {
    background: none repeat scroll 0 0 #FFF1A8;
    color: #000;
    text-align: center;
    font-weight: bold;
}

.NewStyles .messageStatusLabel {
    color: #FFF;
    font-weight: normal;
    padding-left: 10px;
}

.NewStyles .confirmbutton {
    float: right;
    width: 150px !important;
    float: none !important;
    background: none;
    padding: 0;
    margin-right: 10px !important;
    border-top: 3px solid #c2d3e4;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    margin-left: 130px;
}

.NewStyles .confirmbutton .left {
    float: left;
    line-height: 28px;
    background: url(/Images/General/btn-left_green.gif) top left no-repeat;
    padding: 0 0 0px 0px;
    margin: 0;
}

.NewStyles .confirmbutton .right {
    float: left;
    line-height: 28px;
    background: url(/Images/General/btn-right_green.gif) top right no-repeat;
    padding: 0 45px 0px 10px;
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.NewStyles .confirmTwobutton {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right !important;
    text-decoration: none;
    width: 150px !important;
    padding-right: 13px;
}

.NewStyles .confirmTwobutton .left {
    float: left;
    line-height: 28px;
    background: url(/Images/General/btn-left_green.gif) top left no-repeat;
    padding: 0 0 0px 0px;
    margin: 0;
}

.NewStyles .confirmTwobutton .right {
    float: left;
    line-height: 28px;
    background: url(/Images/General/btn-right_green.gif) top right no-repeat;
    padding: 0 45px 0px 10px;
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.NewStyles .confirmcenter {
    float: right;
    padding-right: 100px;
}

.NewStyles .buttonServiceRequest {
    float: right;
    width: 200px;
    background: none;
    padding: 0;
    margin-right: 15px;
    border: 0;
    cursor: pointer;
    cursor: hand;
}

.NewStyles .commonRequest {
    width: 80%;
    float: left;
    margin: 0;
    padding: 0px;
    border-bottom: 2px solid #CBD9E7;
}

.NewStyles .confirmModal {
    border-top: 3px solid #C2D3K4;
    float: left;
    margin-left: -10px;
    margin-top: 15px;
    padding: 12px 0 0;
    width: 620px;
}

@media print {
    .NewStyles #site-head, .NewStyles #dashboardButton, .NewStyles .contentSideCol, .NewStyles #messageList, .NewStyles .pageTitleFull, .NewStyles .linkGroup, .NewStyles .msgToolContainer, .NewStyles .expandVertical, .NewStyles .noprint {
        display: none;
    }

    .print {
        display: block;
    }
}

@media screen {
    .NewStyles .screen {
        display: none;
    }
}

.NewStyles .messageBtn {
    height: 22px;
    background: url("/Images/General/widget-title.gif") repeat-x scroll center top transparent;
    border: solid 1px #2A6934;
    color: #6699CC;
    text-decoration: none;
    vertical-align: top;
    margin-top: 2px;
    cursor: pointer;
    cursor: hand;
    font-weight: bolder;
}

.NewStyles .messageBtn:hover {
    color: #336699;
}

.NewStyles .SendButton .left {
    line-height: 25px !important;
}

.NewStyles .SendButton .right {
    line-height: 25px !important;
    padding-left: 10px;
}

.NewStyles .lintbtnBg {
    background: url(/Images/btn-bg.gif) repeat-x right center;
    padding: 10px 0;
}

.NewStyles .confirmContinue {
    float: right;
    padding-right: 0px;
}

.NewStyles .headerStyle {
    font-weight: bold;
    text-align: left;
    font-size: large;
}

.NewStyles .floatRightCancelButton {
    float: right;
    width: auto;
}

.NewStyles .confirmformSheetActions {
    float: left;
    margin-top: 15px;
    padding: 12px 0 0px 0;
    border-top: 3px solid #c2d3e4;
    margin-left: -10px;
    width: 420px;
}

.NewStyles .formSheetLabel {
    margin: 0 auto;
    width: 75%;
}

.NewStyles .formSheetActions {
    float: left;
    margin-top: 0px;
    padding: 12px 0 30px 0;
    border-top: 3px solid #c2d3e4;
    background: url('/Images/loginsprite.png') top repeat-x;
    margin-left: -10px;
    width: 385px;
    background-position: 0 0;
    height: 67px;
}

.NewStyles .register .formActions a {
    float: left;
    margin-left: 20px;
    color: #999;
    text-decoration: none;
    line-height: 28px;
}

.NewStyles .wfProgressDiv {
    float: right;
    width: 220px;
    text-align: center;
    margin-top: -82px;
    display: inline;
}

.NewStyles .olProgress {
    list-style: decimal;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    margin-left: -40px;
}

.NewStyles .olProgress li {
    float: left;
    width: 100%;
    line-height: 38px;
    color: #999;
    background: #d9e3ee;
    border-bottom: 1px solid #c1d2e3;
    border-top: 1px solid #fff;
    list-style: decimal inside;
    text-indent: 10px;
    font-size: 9pt;
}

.NewStyles .olProgress li.focus {
    background: none;
    color: #333;
    font-weight: bold;
    border-bottom: 0;
}

.NewStyles .olProgress li.done {
    background: #e7ecf2 url('../../Images/General/icn-tick.png') 6px 13px no-repeat;
    text-indent: 28px;
    list-style: none;
    color: #809dba;
}

.NewStyles .registration {
    float: left;
    background: #fff;
    width: 100%;
    border: 1px solid #c1d2e3;
    margin: 0 0 15px;
    position: relative;
    display: inline;
}

.NewStyles .registration.flowRegister {
    background: #fff url(../../Images/CuAuthentication/bg-side_right.gif) right repeat-y;
}

.NewStyles .register {
    float: left;
    position: relative;
    display: inline;
    width: 75%;
}

.NewStyles .register .formRow .tip {
    font-size: 11px;
    color: #999;
    font-style: italic;
    line-height: 25px;
}

.NewStyles .register .formRow .text {
    margin-right: 5px;
}

.NewStyles .registration h1 {
    float: left;
    line-height: 52px;
    font-size: 19px;
    font-weight: bold;
    color: #336699;
    margin: 10px 0 20px 0;
    width: 100%;
}

.NewStyles .registration h1 span {
    float: left;
    width: 67px;
    background: url(../../Images/CuAuthentication/bg-step.gif) left no-repeat;
    font-size: 30px;
    margin-right: 10px;
    text-align: center;
}

.NewStyles .address2 {
    margin-top: 3px;
    margin-left: 150px;
}

.NewStyles .register .formRow {
    width: 95%;
    clear: left;
    margin-left: 15px;
    margin-bottom: 5px;
    background: url(../../Images/CuAuthentication/dot.gif) bottom repeat-x;
    padding-bottom: 7px;
    margin-bottom: 5px;
}

.NewStyles .step {
    float: left;
    width: 67px;
    background: url(../../Images/CuAuthentication/bg-step.gif) left no-repeat;
    font-size: 30px;
    margin-right: 10px;
    text-align: center;
}

.NewStyles .register .formRow.last {
    background: none;
}

.NewStyles .register .formRow .label {
    width: 150px;
    line-height: 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.NewStyles .register .formRow .formElements {
    width: 550px;
}

.NewStyles .register .formRow .formElements .tip {
    font-size: 11px;
    color: #999;
    font-style: italic;
    line-height: 25px;
    vertical-align: middle;
}

.NewStyles .register .formActions {
    width: 782px;
}

.NewStyles .register .desc {
    width: 95%;
    margin: 0 0 15px 15px;
    line-height: 16px;
}

.NewStyles .register.loginDetails label {
    width: auto;
    margin-right: 5px;
    color: #666;
    text-align: right;
}

.NewStyles .register.loginDetails .confirm {
    float: left;
    width: 280px;
}

.NewStyles .register.activate {
    min-height: 400px;
}

.NewStyles .register.activate .formActions {
    margin-top: 113px;
}

.NewStyles .register.registerPC {
    min-height: 400px;
}

.NewStyles .register.registerPC input {
    margin-left: 20px;
}

.NewStyles .register.registerPC .formActions {
    margin-top: 150px;
}

.NewStyles .sitemarker {
    float: left;
    width: 770px;
    font-size: 1.1em;
}

.NewStyles .register.sitemarker .formRow {
    width: 100%;
    clear: left;
    margin-left: 15px;
    margin-bottom: 5px;
    background: url(../../Images/CuAuthentication/dot.gif) bottom repeat-x;
    padding-bottom: 7px;
    margin-bottom: 5px;
}

.NewStyles .upload {
    position: absolute;
    right: 5px;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}

.NewStyles .tips {
    font-size: 11px;
    color: #999;
    font-style: italic;
    line-height: 25px;
    vertical-align: middle;
}

.NewStyles .siteMarkerSelect {
    border-bottom: #900 3px solid;
    border-top: #900 3px solid;
    border-right: #900 3px solid;
    border-left: #900 3px solid;
}

.NewStyles .register .formActions a {
    float: left;
    margin-left: 20px;
    color: #999;
    text-decoration: none;
    line-height: 28px;
}

.NewStyles .Highlight {
    background: #c5e7ff !important;
    padding: 6px 5px 8px 5px;
    vertical-align: middle;
    line-height: 18px;
}

.NewStyles .group-manage {
    padding: 3px 25px 167px 9px;
}

.NewStyles .group-manage .left {
    width: 503px;
    float: left;
    display: inline;
}

.NewStyles .group-manage .right {
    width: 427px;
    float: right;
    display: inline;
}

.NewStyles .group-form label {
    width: 92px;
    float: left;
    display: inline;
    padding: 3px 5px 0 0;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

.NewStyles .group-form input.field {
    width: 160px;
    float: left;
    display: inline;
    margin-bottom: 12px;
    font-size: 11px;
    padding: 2px 5px;
    margin-right: 6px;
}

.NewStyles .group-form .fieldset {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding-bottom: 1px;
}

.NewStyles .group-form input.group-submit {
    float: left;
    background: #3c843c url('/images/bg-btn.gif') top repeat-x;
    border: 1px solid #32703b;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    text-decoration: none;
    font-size: 11px;
    cursor: pointer;
}

.NewStyles .group-holder {
    width: 390px;
    background: #e1ebf5 url(/images/group-holder-t.gif) no-repeat 0 top;
    margin: 0 0 12px 13px;
}

.NewStyles .group-holder-b {
    background: url(/images/group-holder-b.gif) no-repeat 0 bottom;
    padding: 9px 0 7px 0;
    height: 100%;
}

.NewStyles .group-holder .heading {
    height: 13px;
    padding: 0 0 7px 8px;
}

.NewStyles .group-holder .heading h3 {
    font-size: 11px;
    font-weight: bold;
    background: url(/images/folder-ico.gif) no-repeat left 0;
    padding: 0 0 0 25px;
    line-height: 12px;
    height: 13px;
    width: 250px;
    float: left;
}

.NewStyles .group-holder a.remove-link {
    text-transform: uppercase;
    color: #a7bed4;
    font-weight: bold;
    text-decoration: none;
    float: right;
    width: 20px;
}

.NewStyles .group-holder a.remove-link:hover {
    color: #003366;
}

.NewStyles .dragable {
    height: 18px;
    width: 340px;
    background: #c9d7e6 url(/images/dragable.gif) no-repeat 4px 4px;
    border-bottom: 1px solid #fff;
    padding: 7px 22px 0 20px;
    font-size: 11px;
    position: relative;
    z-index: 99;
}

.NewStyles .dragable p {
    float: left;
    display: inline;
    color: #003366 !important;
}

.NewStyles .dragable p span {
    color: #3f6d9b;
}

.NewStyles .dragable strong {
    float: right;
    display: inline;
    text-align: right;
    padding-right: 12px;
    font-weight: normal;
    color: #009900;
    margin-right: 10px;
}

.NewStyles .dragable strong.red-txt {
    color: #990000;
}

.NewStyles .dragable a.remove-link {
    height: 18px;
    width: 18px;
    display: block;
    position: absolute;
    top: 7px;
    right: 2px;
    font-weight: bold;
}

.NewStyles .group-manage .right h3 {
    font-size: 17px;
    color: #333;
    padding: 0 0 8px 0;
}

.NewStyles .group-manage .right p {
    color: #999;
    line-height: 14px;
}

.NewStyles .drag-menu {
    padding-top: 24px;
}

.NewStyles .drag-menu .dragable {
    padding-right: 0;
    width: 340px;
}

.NewStyles .right .drag-menu h3 {
    font-size: 13px;
    padding-bottom: 12px;
}

.NewStyles .right .drag-menu h3 a {
    color: #003366;
    text-decoration: none;
    padding-left: 19px;
    background: url(/images/minus-ico.png) no-repeat left 1px;
}

.NewStyles .right .drag-menu h3 a.expanded {
    background-image: url(/images/plus-ico.png);
    font-weight: bold;
}

.NewStyles .right .drag-menu h3 a:hover {
    text-decoration: underline;
}

.NewStyles .drag-holder {
    padding-left: 20px;
    padding-bottom: 3px;
}

.NewStyles span.handler {
    height: 25px;
    width: 14px;
    position: absolute;
    left: 1px;
    top: 0;
    cursor: move;
}

.NewStyles .fullProd .usr-manage .formActions a.centered {
    width: 90px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    display: block;
    float: none;
}

.NewStyles .drag-menu-widget {
    padding-top: 24px;
}

.NewStyles .drag-menu-widget .dragable-widget {
    padding-right: 0;
    width: 285px;
}

.NewStyles .right .drag-menu-widget h3 {
    font-size: 13px;
    padding-bottom: 12px;
}

.NewStyles .right .drag-menu-widget h3 a {
    color: #003366;
    text-decoration: none;
    padding-left: 19px;
    background: url(/images/minus-ico.png) no-repeat left 1px;
}

.NewStyles .right .drag-menu-widget h3 a.expanded {
    background-image: url(/images/plus-ico.png);
    font-weight: bold;
}

.NewStyles .right .drag-menu-widget h3 a:hover {
    text-decoration: underline;
}

.NewStyles .drag-holder-widget {
    padding-left: 20px;
    padding-bottom: 3px;
}

.NewStyles span.handler-widget {
    height: 25px;
    width: 14px;
    position: absolute;
    left: 1px;
    top: 0;
    cursor: move;
}

.NewStyles .dragable-widget {
    height: 18px;
    width: 285px;
    background: #c9d7e6 url(/images/dragable.gif) no-repeat 4px 4px;
    border-bottom: 1px solid #fff;
    padding: 7px 22px 0 20px;
    font-size: 11px;
    position: relative;
    z-index: 99;
}

.NewStyles .dragable-widget p {
    float: left;
    display: inline;
    color: #003366 !important;
}

.NewStyles .dragable-widget p span {
    color: #3f6d9b;
}

.NewStyles .dragable-widget strong {
    width: 46px;
    float: right;
    display: inline;
    text-align: right;
    padding-right: 12px;
    font-weight: normal;
    color: #009900;
}

.NewStyles .dragable-widget strong.red-txt {
    color: #990000;
}

.NewStyles .dragable-widget a.remove-link-widget {
    height: 18px;
    width: 18px;
    display: block;
    position: absolute;
    top: 7px;
    right: 2px;
    font-weight: bold;
}

.NewStyles .nodragable-widget {
    height: 18px;
    width: 285px;
    background: #c9d7e6 4px 4px;
    border-bottom: 1px solid #fff;
    padding: 7px 22px 0 20px;
    font-size: 11px;
    position: relative;
    z-index: 99;
}

.NewStyles .nodragable-widget p {
    float: left;
    display: inline;
    color: #003366 !important;
}

.NewStyles .nodragable-widget p span {
    color: #3f6d9b;
}

.NewStyles .nodragable-widget strong {
    width: 46px;
    float: right;
    display: inline;
    text-align: right;
    padding-right: 12px;
    font-weight: normal;
    color: #009900;
}

.NewStyles .nodragable-widget strong.red-txt {
    color: #990000;
}

.NewStyles .nodragable-widget a.remove-link-widget {
    height: 18px;
    width: 18px;
    display: block;
    position: absolute;
    top: 7px;
    right: 2px;
    font-weight: bold;
}

.NewStyles .group-holder-widget {
    width: 407px;
    background: #e1ebf5 url(/images/group-holder-t.gif) no-repeat 0 top;
    margin: 0 0 12px 13px;
}

.NewStyles .group-holder-b-widget {
    background: url(/images/group-holder-b.gif) no-repeat 0 bottom;
    padding: 9px 0 7px 0;
    height: 100%;
}

.NewStyles .group-holder-widget .heading-widget {
    height: 13px;
    padding: 0 0 7px 8px;
}

.NewStyles .group-holder-widget .heading-widget h3 {
    font-size: 11px;
    font-weight: bold;
    background: url(/images/folder-ico.gif) no-repeat left 0;
    padding: 0 0 0 25px;
    line-height: 12px;
    height: 13px;
    width: 250px;
    float: left;
}

.NewStyles .group-holder-widget a.remove-link-widget {
    text-transform: uppercase;
    color: #a7bed4;
    font-weight: bold;
    text-decoration: none;
    float: right;
    width: 20px;
}

.NewStyles .group-holder-widget a.remove-link-widget:hover {
    color: #003366;
}

.NewStyles .cl-widget {
    line-height: 0;
    text-indent: -4000px;
    height: 0px;
    clear: both;
    font-size: 0px;
}

.NewStyles .heading-widget-right {
    height: 13px;
    padding: 0 0 7px 8px;
}

.NewStyles .heading-widget-right h3 {
    font-size: 11px;
    font-weight: bold;
    background: url(/images/folder-ico.gif) no-repeat left 0;
    padding: 0 0 0 25px;
    line-height: 12px;
    height: 13px;
    width: 285px;
    float: left;
}

.NewStyles .loan_grid_item {
    vertical-align: top !important;
    text-align: left !important;
}

.NewStyles .directdepositsStatusPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 90%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .directdepositsPreView {
    border: none 0px #000;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: 0px 90%;
    display: inline;
    margin-top: 2px;
}

.NewStyles .directdepositsDetailsTooltip {
    display: none;
    background-color: #fdfde5;
    width: 495px;
    font-size: 11px;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 11px;
    margin-top: 11px;
    margin-right: 11px;
    border-left: 1px;
    border-left-color: Red;
    outline-color: Red;
    border: 2px;
    text-align: left;
    padding-right: 5px;
    padding-bottom: 5px;
}

.NewStyles .directdepositsDetailsRowDiv {
    color: #000;
    text-align: left;
    padding-left: 18px;
    width: 97%;
    overflow: hidden;
}

.NewStyles .directdepositsDetailsRowDivData {
    text-align: left;
    float: left;
    color: #000;
}

.NewStyles .directdepositsDetailsHeader {
    background: url("/Images/CuBanking/acct-tip-top_500.png");
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
    padding: 0px 0 0 0px;
    height: 26px;
    width: 501px;
}

.NewStyles .directdepositsDetailsBottom {
    background: url("/Images/CuBanking/acct-tip-bottom_500.png") repeat-x scroll left bottom transparent;
    height: 14px;
    width: 501px;
    position: absolute;
    bottom: -14px;
}

.NewStyles .directdepositsDetailsSeparator {
    background: url("/Images/CuBanking/acct-tip-separator.png") repeat-x scroll top left transparent;
    height: 11px;
    width: 503px;
}

.NewStyles .directdeposits .widgetSubHeader span {
    padding-left: 6px;
    line-height: 22px;
    color: #fff;
}

/* account summary css */
.NewStyles .accountSummary {
    position: relative;
    height: 100%;
    margin: 7px 7px 0 8px;
}

.NewStyles .accountSummary .drop-down {
    z-index: 0;
    border-bottom: #999 1px solid;
    position: absolute;
    border-left: #999 1px solid;
    width: 155px;
    background: url(../images/widget-dd-bg.gif) #e4e4e3 repeat-x 0 0;
    border-top: #999 1px solid;
    border-right: #999 1px solid;
}

.NewStyles .accountSummary .drop-down .trigger {
    display: block;
    background: url(../images/drop-down-trigger.gif) no-repeat 139px center;
    height: 20px;
    color: #666;
    padding: 0 5px;
}

.NewStyles .accountSummary .drop-down UL {
    padding-bottom: 2px;
    display: none;
}

.NewStyles .accountSummary .drop-down UL LI {
    border-bottom: #999 1px solid;
    line-height: 20px;
    margin: 0 5px;
    padding: 0 5px;
}

.NewStyles .accountSummary .drop-down UL LI.last {
    border-bottom: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.NewStyles .accountSummary TH {
    border-bottom: #c1d2e3 1px solid;
    text-align: left;
    padding-bottom: 4px;
    font-weight: bold;
}

.NewStyles .accountSummary TH.balance {
    text-align: right;
    color: #999;
    font-weight: normal;
}

.NewStyles .accountSummary TD {
    padding: 4px 0;
}

.NewStyles .accountSummary TD.amount {
    text-align: right;
}

.NewStyles .accountSummary-heading {
    margin-bottom: 22px;
    border-bottom: 2px solid #C1D2E3;
}

.NewStyles .accountSummary-heading H3 {
    display: inline;
    float: left;
    font-size: 12px;
    font-weight: 700;
    padding-top: 7px;
}

.NewStyles .accountSummary-heading .drop-down {
    border-bottom: 0;
    position: relative;
    border-left: 0;
    width: 39px;
    display: inline;
    background: url(../images/account-summery-dd-t.gif) no-repeat 0 0;
    float: right;
    height: 27px;
    border-top: 0;
    border-right: 0;
}

.NewStyles .accountSummary-heading .drop-down A.trigger {
    width: 33px;
    display: block;
    height: 20px;
    padding: 7px 0 0 6px;
}

.NewStyles .accountSummary-heading .drop-down UL {
    background: #e0e8f1;
    height: auto;
    padding: 0;
}

.NewStyles .accountSummary-heading .drop-down UL LI {
    border-bottom: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    margin: 0;
    padding: 0;
}

.NewStyles .accountSummary-heading .drop-down UL LI A {
    text-align: center;
    display: block;
    padding: 3px 0;
}

.NewStyles .accountSummary-heading .drop-down UL LI A:hover {
    background: #c8d5e3;
}

.NewStyles .accountSummary-heading .drop-down UL LI .dd-b {
    position: relative;
    width: 39px;
    margin-bottom: -5px;
    height: 5px;
}

.NewStyles .cl {
    line-height: 0;
    text-indent: -4000px;
    height: 0;
    clear: both;
    font-size: 0;
}

.NewStyles #account-summary-details TABLE {
    padding-bottom: 17px;
}

.NewStyles #account-summary-details TABLE TD {
    vertical-align: middle;
    padding: 0;
}

.NewStyles #account-summary-details TABLE TD A IMG {
    z-index: 1;
    position: relative;
    top: 0;
}

.NewStyles .accountSummary .drop-down A, #account-summary-details TABLE TD A {
    text-decoration: none;
}

/*sub menu */
.NewStyles .subwidgetSettings {
    display: none;
    height: 89px;
    width: 102px;
    background: url('../../Images/General/widget-settings-selected.png');
    position: absolute;
    top: 2px;
    right: 20px;
    z-index: 4;
}

/*New Account, Loan App Collapsable Header*/
.NewStyles .collapsableHeader {
    vertical-align: top;
    padding-left: 5px;
}

.NewStyles .formUnitNormal {
    float: left;
    padding: 0px 0;
    width: 95%;
}

.NewStyles .formUnitNormal .formLabel {
    float: left;
    font-family: inherit;
    font-size: 1.1em;
    font-style: inherit;
    font-weight: bold;
    line-height: 25px;
    padding-left: 0px;
    padding-right: 5px;
}

/* CU Forms */
.NewStyles .CUForms {
    background-color: #FFFFFF;
    float: left;
    text-align: left;
    position: relative;
    width: 300px;
    left: 0px;
    list-style-type: square;
    color: #6595C5;
    font-size: 10pt;
    padding: 5px;
}

.NewStyles .CUForms li {
    float: left;
    font-size: 8pt;
    margin-left: -15px;
    margin-right: 35px;
}

.NewStyles .CUForms li a {
    text-decoration: none;
}

.NewStyles .calendarCtl {
    width: 99%;
}

.NewStyles .repeater {
    width: 99%;
}

.NewStyles .margin2px {
    margin: 2px;
}

.NewStyles .widgetBG {
    background-color: #FFF;
}

.NewStyles .reorder {
    background: #C9D7E6 url(/images/dragable.gif) no-repeat scroll 10px 10px;
    border-bottom: 1px solid #FFFFFF;
    font-size: 11px;
    height: 18px;
    padding: 7px 20px 10px 30px;
    position: relative;
    width: 285px;
    z-index: 99;
    vertical-align: middle;
    cursor: move;
}

/* User account settings save changes button*/
.NewStyles .accountSettingsSaveChanges {
    float: left;
    margin-left: -10px;
    margin-top: 15px;
    width: 100%;
    padding: 12px 0 10px 10px;
}

.NewStyles .accountSettingsGridView {
    padding-left: 10px;
    padding-top: 10px;
}

.NewStyles .submit-btn {
    background: url(/Images/loginsprite.png) no-repeat scroll left top transparent;
    background-position: 0 -198px;
    height: 31px;
    float: left;
    line-height: 28px;
    border: 1px solid #32703B;
    color: #FFF;
    cursor: pointer;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    margin: 0;
    padding: 1px 8px 3px;
}

.NewStyles .myProfileLabel {
    display: block;
    padding-bottom: 4px;
}

.NewStyles .myProfileQuickText {
    color: #999;
    display: inline;
    float: right;
    font-size: 11px;
    font-weight: 400;
    text-align: right;
    width: auto;
    margin: 0 10px 0 0;
    padding: 0;
}

.NewStyles .myProfileTextBox {
    background: url(../images/bg_input.gif) no-repeat scroll left top #FFF;
    border: 1px solid #69C;
    width: 176px;
    padding: 5px 6px;
}

/* Styles for Quick Links */
.NewStyles .Carousel-Image {
    height: 60px;
    width: 95px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.NewStyles #header .quickLinks {
    float: left;
    width: 115px;
    text-align: center;
    position: absolute;
    top: 53px;
}

.NewStyles #header .quickLinks a {
    float: left;
    width: 100%;
    height: 26px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    background: url('/Images/carousel/bg_quickLinks.gif') 0 0 no-repeat;
    text-decoration: none;
}

.NewStyles #header .quickLinks a:hover {
    background: url('/Images/carousel/bg_quickLinks.gif') 0 -52px no-repeat;
}

.NewStyles #header .quickLinks a.focus {
    background: url('/Images/carousel/bg_quickLinks.gif') 0 -26px no-repeat;
}

.NewStyles #carouselContainer {
    float: left;
    width: 1003px;
    position: relative;
    background: #6699cc;
    z-index: 10000;
    top: 10px;
}

.NewStyles #carousel-shadow {
    position: absolute;
    top: 100px;
    left: 0;
    height: 8px;
    width: 1003px;
}

.NewStyles #carousel-prev {
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    cursor: hand;
    z-index: 99999;
}

.NewStyles #carousel-next {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    cursor: hand;
}

.NewStyles #carousel {
    float: left;
    position: relative;
    width: 955px;
    margin-left: 4px;
    height: 100px;
    overflow: hidden;
    z-index: 10000;
}

.NewStyles #carousel ul {
    float: left;
    position: relative;
    width: 900px;
    margin-top: 5px;
}

.NewStyles #carousel ul li {
    float: left;
    width: 103px;
    height: 90px;
    text-align: center;
}

.NewStyles #carousel ul li span {
    float: left;
    width: 100%;
    clear: left;
}

.NewStyles #carousel ul li a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.NewStyles #carousel ul li a:hover {
    color: #FFC;
}

.NewStyles #carousel.textLinks ul {
    width: 970px;
    margin-top: 9px;
    z-index: 10000;
}

.NewStyles #carousel.textLinks ul li {
    width: 160px;
    height: auto;
    text-align: left;
    background: none;
    line-height: 20px;
}

.NewStyles #carousel.textLinks ul li a {
}

.NewStyles .modes {
    position: absolute;
    right: 136px;
    top: 0;
    background: #669acc;
    height: 0;
    display: none;
    overflow: hidden;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.NewStyles .modes ul {
    padding: 0;
    height: 26px;
}

.NewStyles .modes ul li {
    float: left;
    display: inline;
    width: 122px;
}

.NewStyles .modes ul li a {
    color: #fff;
    padding-left: 15px;
    line-height: 24px;
    text-decoration: none;
}

.NewStyles .modes ul li.active a {
    color: #ddd;
}

.NewStyles .modes ul li a.icons-view {
    background: url(/Images/carousel/icons-view.png) no-repeat 0 2px;
}

.NewStyles .modes ul li a.text-view {
    background: url(/Images/carousel/text-view.png) no-repeat 0 2px;
}

.NewStyles .modes ul li a:hover {
    text-decoration: underline;
}

.NewStyles .mode {
    display: none;
}

.NewStyles .visible {
    display: block;
}

.NewStyles a[disabled=disabled] {
    color: #C0C0C0;
}

/* Calendar Recurrence Options */
.NewStyles .recurrenceList {
    float: left;
    margin: 0;
    padding: 0;
}

.NewStyles .recurrenceList ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.NewStyles .recurrenceList ul li {
    width: 98%;
    float: left;
    padding: 2px;
    list-style: none;
}

.NewStyles .recurrenceList ul li label {
    padding-left: 2px;
}

.NewStyles .recurrenceList ul li input {
    vertical-align: sub;
}

/* Calendar Checkbox List Styles */
.NewStyles .daysChkBoxList label {
    padding-left: 1px;
}

.NewStyles .daysChkBoxList {
    padding-top: 3px;
}

.NewStyles .daysChkBoxList input {
    vertical-align: sub;
}

.NewStyles .usersChkBxLst label {
    padding-left: 1px;
}

.NewStyles .usersChkBxLst input {
    vertical-align: sub;
}

/*No Link*/
.NewStyles .noLink {
    cursor: default;
}

/* All day CheckBox */
.NewStyles .allDayChk label {
    padding-left: 2px;
    vertical-align: middle;
}

.NewStyles .allDayChk input {
    vertical-align: middle;
}

.NewStyles input, .NewStyles label {
    padding-left: 2px;
}

/*for widget menu*/
.NewStyles .widgetSettings ul li div {
    top: -20px !important;
}

/*for popup*/
.NewStyles .popup-body {
    padding: 0px !important;
}

.NewStyles .popup-body .formActionsleft {
    width: 97%;
    padding-bottom: 0px;
}

/* Account Summary Drag */
.NewStyles .dragable strong span {
    text-align: right;
}

/*Added css for Myprofilesettings*/
.NewStyles .AdditionalEmail span.left {
    display: none;
}

.NewStyles .AdditionalEmail span.Disabledleft {
    display: none;
}

.NewStyles .directdeposits .grid-2 {
    text-align: center;
}

.NewStyles .directdeposits .widgetFooterLine a.button.small {
    margin-left: 10px;
}

.NewStyles .directdeposits .formUnit:last-child {
    background: none;
}

/* Login challenge phrase*/
.NewStyles .questionsFrame .formRow {
    padding-left: 10px;
}

/* account-profile */
.NewStyles .acc-profile {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
    padding: 0 0 7px;
    line-height: 15px;
    font-size: 14px;
    margin-bottom: 11px;
    position: relative;
    float: none !important;
    min-height: 30px;
    clear: both;
}

.NewStyles .acc-profile .formLabel {
    float: left;
}

/* Account Profile User Name Alert*/
.NewStyles .userNameChangeAlert {
    background: url(../Images/warning-ico.gif) no-repeat 0px 0px;
    color: #996600;
    padding-left: 22px;
    font-family: Verdana, Geneva, sans-serif;
}

/* Widget Rewards */
.NewStyles .dark {
    background: url("/images/icn-important.png") no-repeat scroll 17px 10px #F9E8E8;
    border-bottom: 1px solid #D9BABA;
    color: #333333;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -15px;
    margin-right: -10px;
    padding-left: 37px;
}

.NewStyles .darkQualified {
    background: url("/images/ok-ico.gif") no-repeat scroll 17px 10px #ECF9E8;
    border-bottom: 1px solid #BFDABB;
    color: #333333;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -15px;
    margin-right: -10px;
    padding-left: 37px;
}

.NewStyles .dash-entry {
    border-bottom: 1px solid #C1D2E3;
    padding: 13px 2px 36px;
    color: #666666;
}

.NewStyles .darker-bottom {
    background: url("../images/icn-cashearned.png") no-repeat scroll left top transparent;
    color: #666666;
    line-height: 14px;
    padding: 21px 10px 24px 51px;
    margin-left: -25px;
}

.NewStyles .widget-bottom {
    background: url("../images/icn-cashearned.png") no-repeat scroll 13px 16px #E8F1F9;
    border-top: 2px solid #C1D2E3;
    margin-left: -12px;
    margin-right: -10px;
    padding: 15px 0px 20px 70px;
}

.NewStyles .not_Qulified_reward_widget-bottom {
    background: url("/images/icn-important.png") no-repeat scroll 13px 16px #E8F1F9;
    border-top: 2px solid #C1D2E3;
    margin-left: -12px;
    margin-right: -10px;
    padding: 15px 35px 70px;
    line-height: 20px;
}

.NewStyles .oldMonthNotQualified_widget-bottom {
    background: url("/images/icn-important.png") no-repeat scroll 17px 10px #E8F1F9;
    border-top: 1px solid #C1D2E3;
    color: #333333;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -15px;
    margin-right: -10px;
    padding-left: 37px;
}

.NewStyles .rewrd_dash-entry {
    padding: 13px 2px 36px;
    color: #666666;
}

.NewStyles .oldMonthQualified_widget-bottom {
    background: url("../images/icn-cashearned.png") no-repeat scroll 13px 16px #E8F1F9;
    border-top: 1px solid #C1D2E3;
    margin-left: -12px;
    margin-right: -10px;
    padding: 15px 0px 22px 70px;
}

.NewStyles .cl {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    text-indent: -4000px;
}

/* CUDeposit Widget */
.NewStyles .deposits-widget .dash-entry span.action-ico {
    width: 25px;
}

.NewStyles .deposits-widget .dash-entry h3 {
    font-weight: bold;
    padding-left: 3px;
}

.NewStyles span.action-ico {
    float: left;
    width: 16.5%;
}

.NewStyles span.action-ico img {
    margin: 4px 0 0 10px;
}

.NewStyles .dash-entry-cnt {
    float: left;
    width: 82.5%;
}

.NewStyles .directdeposits .dash-entry {
    float: left;
    padding: 5px 0 5px !important;
    width: 100%;
}

/* Empty Widget */
.NewStyles .cuWidget-Empty {
    float: left;
    background: #fff;
    width: 316px;
    border: 1px solid #c1d2e3;
    margin: 0 15px 15px 0;
    position: relative;
}

.NewStyles .cuWidget-Empty .corner {
    background: none;
}

/* Widget move icon alignment */
.NewStyles .windowCommands .dragHandle {
    margin-top: 12px;
}

.NewStyles .loyalty-points .tranLabel {
    line-height: 16px;
    margin-left: 10px;
}

.NewStyles .helpUSaveDetails {
    margin-top: -10px;
    margin-left: -10px;
}

.NewStyles .spendAnalysisDetails {
    margin-top: -10px;
    margin-left: -10px;
}
/*Account Details*/
.NewStyles .accountTransDays {
    float: right;
    padding-right: 10px;
}

/* Added by amir - 01082011 to fix the overlap issue */
.NewStyles .mainCol .searchAdv fieldset.block3 label {
    width: 50px;
}

.NewStyles .mainCol .searchAdv fieldset.block4 label {
    width: 47px;
}

/*.loadingimage{ background: none repeat scroll 0 0 yellow;margin-left: 604px;margin-top: 56px;position: fixed;}*/
.NewStyles #loader-test {
    float: left;
    z-index: 10001;
    height: 56px;
    margin-top: 24px;
    position: fixed;
    display: none;
}

.NewStyles #loader-test .load-mid {
    float: left;
    height: 56px;
    height: 56px;
    width: 187px;
    padding: 0 15px;
}

/* Fund transfer widget confirmation summary  */
.NewStyles .fundTCSummary {
    font-weight: bold;
    margin-top: 10px;
    margin-left: 15px;
}

.NewStyles .mainCol .accountDetailFieldSection {
    width: 754px;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
}

.NewStyles .mainCol .summary dl.columnWiseFields {
    float: left;
    font-size: 11px;
    line-height: 20px;
    padding-left: 10px;
}

.NewStyles .mainCol .summary dl.columnWiseFields dt {
    float: left;
    width: 194px;
    color: #666;
}

.NewStyles .mainCol .summary dl.columnWiseFields dd {
    float: left;
    width: 420px;
    padding-left: 8px;
    font-weight: bold;
}

.NewStyles .memberDropDownStyle {
    width: 145px;
}

.NewStyles .accountHoldExpander {
    background: url(../../Images/General/icn-plus2.gif) no-repeat top left;
    position: absolute;
    left: 5px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.NewStyles .accountHoldExpander.active {
    background: url(../../Images/General/icn-minus2.gif) no-repeat top left;
    position: absolute;
    left: 5px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.NewStyles .balanceLeftTD {
    width: 50%;
    font-weight: normal;
    text-align: left;
    padding-top: 4px;
}

.NewStyles .balanceRightTD {
    width: 50%;
    text-align: right;
    font-weight: bold;
}

.NewStyles .passcodeBlock {
    width: 280px;
    background: url(../images/summary.gif) repeat-y 0 0;
    float: right;
    display: inline;
    position: inherit;
    margin-top: -83px;
}

.NewStyles .RegisterUserFormLabel {
    float: left;
    font-family: inherit;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    padding-left: 0px;
    padding-right: 5px;
    color: #8C8C8C;
}

.NewStyles .RegisterUserEditLink {
    line-height: 25px;
}

.NewStyles .LineSpacingStyle {
    float: left;
    padding: 4px 0;
    width: 95%;
}

.NewStyles .LineSpacingStyle .formLabel {
    float: left;
    font-family: inherit;
    font-size: 1.1em;
    font-style: inherit;
    font-weight: bold;
    line-height: 25px;
    padding-left: 0px;
    padding-right: 5px;
}

.NewStyles .secondaryHasRightsAccount {
    font-weight: bold;
}

.NewStyles .secondaryHasNoRightsAccount {
    font-weight: normal;
    color: Gray;
}

/*To Align Grid view Item Template Content*/
.NewStyles .grid-items td {
    background: #EEF3F9;
    padding: 6px 5px 8px 5px;
    vertical-align: text-top;
    line-height: 18px;
}

.NewStyles .grid-alternate-items td {
    background: #F6FAFD;
    padding: 6px 5px 8px 5px;
    vertical-align: text-top;
    line-height: 18px;
}

.NewStyles .tranRB {
    padding-left: 30px;
    padding-top: 15px;
}

.NewStyles .tranRB label {
    font-weight: lighter;
}

.NewStyles .tranDiv .grid-12 {
    padding-top: 8px;
}

/* For transaction list in account summary detail page*/
.NewStyles .AccountSummaryDetails {
    padding: 0px 0px 0px 195px;
}

/* Internal background popup */
.NewStyles .backgroundPopup {
    display: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: fixed;
    height: 100% !important;
    width: 110%;
    top: -0.2%;
    left: -2.3%;
    background: #ffffff;
    border: 1px solid #cecece;
    z-index: 102;
}

/* Modify Nickname */
.NewStyles .cpgrid-12 {
    width: 99%;
}

.NewStyles .NickNamePanel {
    height: 210px;
    width: 500px;
    position: fixed;
    z-index: 103;
    left: 320px;
    top: 160px;
    display: none;
}

.NewStyles #canvas .container .registration .cpgrid-12 {
    padding-bottom: 5px;
    padding-left: 17px;
}

/* For Message preview - Bug 53610 */
.NewStyles .msgbodyfull ol {
    list-style: decimal;
}

.NewStyles .msgbodyfull ul {
    list-style: disc;
}

.NewStyles .composeMessageContainer ol {
    list-style: decimal;
}

.NewStyles .composeMessageContainer ul {
    list-style: disc;
}

.NewStyles .divBackgroundPopup {
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

.NewStyles .screenHelper {
    cursor: pointer;
    float: right;
}

.NewStyles #backgroundPopup {
    position: fixed;
    _position: absolute;
    height: 100% !important;
    width: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
    border: 1px solid #cecece;
    z-index: 1;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

/*To align Header and Footer of help framework*/
.NewStyles .frameWorkHeader {
    padding-left: 15px;
}

.NewStyles .frameWorkFooter {
    padding-left: 15px;
    padding-bottom: 10px;
}

.NewStyles .tooltipcontent {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("../../images/toolpoint.png") no-repeat scroll -10px 5px #AFDEF8;
    border: 2px solid #AFDEF8;
    color: black;
    display: none;
    font-size: 12px;
    font-weight: normal;
    margin-left: 15px;
    margin-top: -4px;
    padding: 10px 12px;
    position: absolute;
    width: 200px;
    z-index: 5;
}

.NewStyles .tool-tip {
    background: url("../../images/toolpoint.png") no-repeat scroll left top transparent;
    height: 19px;
    left: -10px;
    position: absolute;
    top: 5px;
    width: 10px;
    z-index: 5;
}

/* To align Private notes public notes in Transfer and Writecheck summary panel */
.NewStyles .wordwraptransfer {
    word-wrap: break-word;
    width: 228px;
}

/* To apply styles to 'Amount' header in transfer list grid */
.NewStyles .amountStyle a {
    color: #333230;
    text-decoration: none;
    padding-right: 1px !important;
}

.NewStyles .requiredField {
    background: none repeat scroll 0 0 #FEEBEB;
    border-color: #CC0000;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}

.NewStyles .messagePreviewlink {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 5px 9px 6px 328px;
    text-decoration: none;
    margin-left: 380px;
}

.NewStyles .toolTopOuterDiv {
    width: 100%;
    float: left;
    padding-left: 10px;
}

.NewStyles .toolTopInnerDiv {
    width: 45%;
    float: left;
    margin-left: 4px;
}

/* Open New Account Tooltip */
.NewStyles .newAccountTooltip {
    width: 500px;
    background: url("/Images/CuBanking/acct-tip-content.png") repeat-y transparent;
    font-size: 11px;
    color: #fff;
    z-index: 5;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 4px;
    margin-top: 5px;
}

.NewStyles .newAccountTooltip .tooltip_top {
    float: left;
    font-weight: bold;
    font-size: 11pt;
    text-align: left;
    color: #fff;
}

.NewStyles .newAccountTooltip .tooltip_top_lft {
    float: left;
    background: url(../../Images/General/pop-top_lft.png) no-repeat transparent;
    width: 15px;
    height: 38px;
}

.NewStyles .newAccountTooltip .tooltip_top_mid {
    float: left;
    background: url(../../Images/General/pop-top_mid.png) repeat-x transparent;
    width: 450px;
    height: 38px;
}

.NewStyles .newAccountTooltip .tooltip_top_rht {
    float: left;
    background: url(../../Images/General/pop-top_rht.png) no-repeat transparent;
    width: 15px;
    height: 38px;
}

.NewStyles .newAccountTooltip .tooltip_mid {
    float: left;
    color: #000;
    text-align: left;
    margin-left: 9px;
    width: 99%;
    overflow: hidden;
    height: 210px;
    padding-top: 5px;
    background-color: #fdfde5;
    border-right: 1px solid #d6dada !important;
    border-left: 1px solid #d6dada !important;
    width: 460px;
}

.NewStyles .newAccountTooltip .tooltip_btm {
    float: left;
    margin-left: 9px;
}

.NewStyles .newAccountTooltip .tooltip_btm_lft {
    float: left;
    background: url(../../Images/General/acct-tip-bottom_lft.png) no-repeat transparent;
    width: 7px;
    height: 14px;
}

.NewStyles .newAccountTooltip .tooltip_btm_mid {
    float: left;
    background: url(../../Images/General/acct-tip-bottom_mid.png) repeat-x transparent;
    width: 448px;
    height: 14px;
}

.NewStyles .newAccountTooltip .tooltip_btm_rht {
    float: left;
    background: url(../../Images/General/acct-tip-bottom_rht.png) no-repeat transparent;
    width: 7px;
    height: 14px;
}

.NewStyles .CheckImageContainer {
    overflow: auto;
    width: 80%;
    height: 250px;
    background-color: #808080;
    position: relative;
}

.NewStyles .CheckImageContainer .CheckImage {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.NewStyles .wraptext-grid {
    display: block;
    word-wrap: break-word;
    width: 250px;
}

.NewStyles .fullnamewrap {
    .WrapTextCommon;
    max-width: 500px !important;
}
/*Styles_Merge-END*/
.loginErrorText {
    display: block;
    color: @error-msg-font-color;
    padding-bottom: 10px;
}

.accountSummaryOptions select {
    padding-right: 30px !important;
}
//AccountServices-Begin
.ExpandIcon {
    background: @accountservices-expand-icon;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 8px;
    z-index: 1;
    height: 14px;
    width: 14px;
    background-color: @accountservices-expand-icon-bgcolor;
    background-position: center;
    border-radius: 2px;
}

.CollapseIcon {
    background: @accountservices-collapse-icon;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 8px;
    z-index: 1;
    height: 14px;
    width: 14px;
    background-color: @accountservices-collapse-icon-bgcolor;
    background-position: center;
    border-radius: 2px;
}

.Padl {
    padding-left: 28px !important;
}

.acctSevicesUL > li {
    height: auto;
    border-bottom: 1px solid @accountservices-detailitem-bottom-border-color;
    padding: 5px 0;
}

.acctSevicesUL > li:last-child {
    border-bottom: 0px;
}

.acctSevicesUL {
    //background: white;
    padding: 0px 5px 20px 25px;
    background: @accountservices-container-bgcolor;
    color: @accountservices-container-font-color;
}

.acctSevicesUL ul li:last-child a {
    border-bottom: 0;
}

.loadingServices {
    padding: 15px 5px 25px 25px;
}

.loadingServices:before {
    opacity: .5;
    content: attr(loader-text);
    background-color: transparent;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ExpandIcon {
        background-size: 6px 6px;
    }

    .CollapseIcon {
        background-size: 6px 6px;
    }
}

.noborderbottom {
    border-bottom: 0 !important;
}

.activeColor {
    background-color: @accountservices-details-active-bgcolor;
}

.activeColor .acctSevicesUL {
    background-color: @accountservices-details-active-bgcolor;
}

.NewUIBodyCSS .fancybox-skin {
    background: @popup-bgcolor !important;
}

.SSODisclaimerCheckboxMargin {
    margin-top: -3px !important;
}

.tranCategoryDiv select {
    width: 100%;
}

.nicknameradioctrl {
    vertical-align:top;
    margin-left:-1px;
}

#popupDiv .eventUsers input[type="checkbox"] {
    margin-top: 6px !important;
}

#popupDiv .eventUsers label {
    padding-left: 0px;
}

.favTransferLbl {
    margin-top: 3px !important;
    padding: 0px !important;
}
//AccountServices-End
.acctTranSearch {
    padding: 0 50%;
}

.tranByCat {
    padding-left: 0;
    display: inline-flex;
}

.tranByDesc {
    display: inline-flex;
    width: 35% !important;
}

.marlauto {
    margin-left: auto;
}

.secUserManageAuthCustomizePnl {
    border: 1px solid;
    padding-bottom: 10px !important;
}

.secUserManageAuthNotificationPnl {
    border: 1px solid;
    background: none;
    padding-bottom: 10px !important;
}

.allAcctsChk label {
    margin-top: 0px !important;
}

.addNewBtn .icon-plus {
    padding-top: 22px;
    background-size: 18px 18px;
    background-image: @addnew-button-icon-plus;
}

a.button.addNewBtn {
    color: @addnew-button-font-color;
    background: @addnew-button-bgcolor;
    font-size: @addnew-button-font-size;
    box-shadow: inset 0 0 0 1px @addnew-button-boxshadow-color, inset 0 -3px 0 0 @addnew-button-boxshadow-color;
    border: 1px solid @addnew-button-border-color;
}

a.button.addNewBtn:hover {
    background: @addnew-button-hover-bgcolor;
    color: @addnew-button-hover-font-color;
}
.manageAcctGrpHelpText {
    display: block;
    margin-bottom: 10px;
}
/* 4.2.0.39 start */
	.cuform-Paperclip{
				background-image: url(_images/paper-clip.png);
			}
		
		
			.cuform-row {
				display: flex;
				flex-flow: row wrap;
				align-items: center;
				padding-bottom:5px;
			}

		
			.cuform-row label {
				margin: 5px 10px 5px 0;
			}

		
			.cuform-row input {
				vertical-align: middle;
				height: 30px;
				margin: 5px 10px 5px 0;
				background-color: #fff;
				border: 1px solid #ddd;
				  width: 95%;
				  max-width:350px;
			}

		
			.cuform-row select {
				vertical-align: middle;
				height: 40px;
				margin: 5px 10px 5px 0;
				background-color: #fff;
				border: 1px solid #ddd;
				  width: 95%;
				  max-width:350px;
			}
			
		
			.cuform-row button {
				padding: 10px 20px;
				background-color: dodgerblue;
				border: 1px solid #ddd;
				color: white;
				cursor: pointer;
			}

		
			.cuform-row button:hover {
				background-color: royalblue;
			}

		
			.cuform-div-style {
				padding-right: 5px !important;
				padding-left: 5px !important;
				float: left !important;
			}

		
			.cuform-div-border{
				border-width:1px;
				border-style: solid;
				border-color: grey;
			}

		
			.cuform-Control-NoWidth {
				width: auto;
				padding-left: 2px;
			}
			
		
			.cuform-onecolumns {
				width: 100%;
				padding-left: 2px;
			}
			
		
			.cuform-onecolumns input{
				width: 95%;
				max-width:350px;
			}
			
	
			.cuform-onecolumns textarea{
				width: 95% !important;
				max-width:350px !important;
			}
			
		
			.cuform-onecolumns div{
				width:50%
			}
			
		
			.cuform-onecolumn {
				width: 100%;
				padding-left: 2px;
			}
			

			.cuform-onecolumn input{
				width: 95%;
				max-width:350px;
			}
			
		
			.cuform-onecolumn textarea{
				 
				 width: 96% !important;
				height: 90px !important;
				margin: 5px 0 !important;
				max-width:350px !important;
				min-width:120px !important;
			}
			
		
			.cuform-onecolumn div{
				width:50%
			}
			
		
			.cuform-twocolumns {
				width: 100%;
				padding-left: 2px;
				display: inline-flex;
			}
			
		
			.cuform-twocolumns input{
				width: 95%;
				max-width:350px;
			}
			
		
			.cuform-twocolumns div{
				width:50%;
				padding-right:5px;
			}

		
			.cuform-threecolumns {
			   width: 100%;
				
				padding-left: 2px;
				display: inline-flex;
			}
			
		
			.cuform-threecolumns div{
				width:33.3%;
				padding-right:5px;
			}
			
		
			.cuform-fourcolumns{
				width: 100%;
			   padding-left: 2px;
			   display: inline-flex;
			}
			
		
			.cuform-fourcolumns div{
				width:25%;
				padding-right:5px;
			}

		
			.cuform-fivecolumns {
			  width: 100%;
				padding-left: 2px;
				display: inline-flex;
			}
			
		
			.cuform-fivecolumns div{
				width:20%;
				padding-right:5px;
			}

		
			.cuform-image-control {
			  width: 98%;
			  height: auto;
			  padding: 3px;
			  text-align: center;
			  
			}

		
			.cuform-DivBorder {
				border:1px solid grey;
			}

		
			.cuform-row-height {	
				min-height:470px; width:100%;
			}

		
			 .cuform-row input[type="radio"] {
				width: 14px !important;
				height:14px !important;
				width: auto;
				margin: 2px 2px 3px 0px;
			}

		
			.cuform-row input[type="checkbox"] {
				width: 14px !important;
				height:14px !important;
				margin: 2px 2px 2px 2px;
				top: 0px;  
				left: 0px;
			}
					
		
			.cuform-row input[type="checkbox"]:checked:after {
				content: '';
				position: absolute;
				background-image: #fff;
				width: 14px;
				height: 14px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: 14px 14px;
			   top: 0px;  
					 left: 0px;
			}

		
			#FormRunnerMainContainer{
				min-height:400px;
				max-width:900px;
			 }
			
			.cuform-row-checkboxList{
				 span::after {
							content: "\A";
							display: block;
						}
			}
		
			
			.cuform-row-radiobuttonList{
				span::after {
					content: "\A";
					display: block;
	 
				}
			}
			
			.cuform-row-table table
			 {
			   min-width:70%;
			 }


 			
			 .cuform-row-table label
			 {
				min-width: 200px; 
				max-width:400px;
				display: block;
				float: none !important;
				margin-top:0.3em;
				padding-right:5px;
			  }

 		
			.cuform-StatusLabel-New {
				color: #919eab;
			}

		
			.cuform-StatusLabel-Pending {
				color: #c05717;
			}

		
			.cuform-StatusLabel-Rejected {
				color: #e74c3c;
			}

		
			.cuform-StatusLabel-Approved {
				color: #27ae60;
			}

		
			.cuform-highlightFormControl {
				outline: 2px solid #ff0000 !important;
			}

		
			.cuform-errorValidText,.errorValidText {
				color: #FF0000;
				font-style: italic;
				font-weight: bold;
				font-size: 1.1em;
			}

		
			.cuform-sucessValidText, .sucessValidText {
				color: #008040;
				font-style: italic;
				font-weight: bold;
				font-size: 1.1em;
			}

		
			.cuform-Promptlabel, .labelDisabled {
							margin-left:50px;
							margin-right:50px;
			}
		
			.cuform-row input[type=checkbox] {
				float: left;
			}
/* 4.2.0.39 end */
/* 4.3.0.30 Start */
		.table.table {
			tr {
				td {
					input[type='radio'] {
						width: 14px !important;
					}
				}
			}
		}
   
		#securityAccountSettingsPanel  h3,
		#OtherAccountSettingspanel  h3,
		#personalAccountSettingspanel  h3 {
			 font-size: 100% !important;
			line-height: 1.1em !important;
			margin-bottom: 1px !important;
		}

	 
	
		 .messageList .thread.start td.highlightrow
			{
					background: -moz-linear-gradient(top, #ffffff 0%, #FFCC6D 100%)!important;
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #FFCC6D))!important;
					background: -ms-linear-gradient(top,  #ffffff 0%,#FFCC6D 100%)!important;
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFCC6D',GradientType=0 )!important;
			}

	
	.clearleft {clear:left;}	
	
	.messageList {margin-top: 0 !important;}	
	
	.msglistminheight {min-height: 200px;}	
	
	.messageList {float: left; width: 100%;}	
	
	.messageList dd {float: left; width: 100%; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px dotted #c1d2e3; line-height: 16px; color: #666; font-size: 12px;}	
	
	.messageList dd span {float: right; background: #fff; padding-left: 8px; color: #999; }	
	
	.messageList dd input {float: left; margin: 0 5px 0 0;}	
	
	.messageList dd strong {color: #333;}	
	
	.messageList dd p {float: left; width: 235px;}	
	
	.messageList {float: left; width: 833px; border-top: 1px solid #8eacca; margin-left: 1px;}	
	
	.messageList th {background: @MessageListHeadingBGColor url('../../images/bg-inbox-header.gif') top repeat-x; border-bottom: 1px solid #8eacca; border-left: 1px solid #aac0d6; border-right: 1px solid #f1f5f9; padding: 0 3px;  line-height: 19px; vertical-align: middle; }	
	.messageList th img {margin: 0;}	
	.messageList th.threadOption {width: 18px; border-left: 0;}	
	.messageList th.action {width: 10px !important; text-align: center;}	
	.messageList th.action input {margin: 0;}	
	.messageList th.status {width: 8px !important; text-align: center;}	
	.messageList th.attachment {width: 8px !important; text-align: center;}	
	.messageList th.from {width:29% !important; }	
	.messageList th.subject {width:45% !important; }	
	.messageList th.date {width: 100px  !important; border-right: 0;}	
	.messageList td {position: relative; border-bottom: 1px dotted #c1d2e3; padding: 0 3px; line-height: 19px; vertical-align: middle; }	
	.messageList td img {margin: 0;}	
	.messageList td a {font-weight: bold; text-decoration: none;}	
	.messageList td.threadOption {width: 18px; text-align: center;}	
	.messageList td.action {width: 10px !important; text-align: center;}	
	.messageList td.action input {margin: 0;}	
	.messageList td.status {width: 8px !important; text-align: center;}	
	.messageList td.attachment {width: 8px !important; text-align: center;}	
	.messageList td.information {width: 8px !important; text-align: center;}	
	.messageList td.from { width:29% !important;}	
	.messageList td.subject {width:45% !important; }	
	.messageList td.date {width: 100px !important; }	
	.messageList td.date .time {float: right;}	
	.messageList tr.read td {background: @MessageListCellReadBGColor; color: #666;}	
	.messageList tr.read td a {color: #666; font-weight: normal;}	
	.messageList tr.thread.start td {background: @MessageListCellThreadBGColor; border-bottom: 0;}	
	.messageList tr.thread td {background: @MessageListCellBGColor; border-bottom: 0; position: relative;}	
	.messageList tr.thread td.threadOption {background: @MessageListCellThreadBGColor;}	
	.nav-utilityText { color: @nav-utility-text !important;}
		/* 4.3.0.30 End */
	@import "products.less?ts=4.4.2.14.01";
	@import "FrameWork_V2.less?ts=4.4.2.14.01";