/* Minification failed. Returning unminified contents.
(3294,2): run-time error CSS1030: Expected identifier, found ' '
(3294,2): run-time error CSS1019: Unexpected token, found ' '
(3294,3): run-time error CSS1019: Unexpected token, found '{'
(3295,13): run-time error CSS1030: Expected identifier, found ' '
(3295,14): run-time error CSS1031: Expected selector, found '0'
(3295,14): run-time error CSS1025: Expected comma or open brace, found '0'
(3296,14): run-time error CSS1030: Expected identifier, found ' '
(3296,21): run-time error CSS1031: Expected selector, found ';'
(3296,21): run-time error CSS1025: Expected comma or open brace, found ';'
(3297,1): run-time error CSS1019: Unexpected token, found '}'
(4531,18): run-time error CSS1036: Expected expression, found '@Arial'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */




.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

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

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: -1px;
    }

.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

/*.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

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

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

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

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

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

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

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

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

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

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

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}*/

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(../web/styles/themes/nature_theme/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
       border: 1px solid #c5dbec;
        background: #dfeffc;
        font-weight: bold;
        color: #2e6e9e;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #2e6e9e;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #79b7e7;
        background: #d0e5f5;
        font-weight: bold;
        color: #1d5987;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #FCFDFD;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #79b7e7;
        background: #f5f8f9 url(../web/styles/themes/nature_theme/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #e17009;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #e17009;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88;
    color: #363636;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../web/styles/themes/nature_theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../web/styles/themes/nature_theme/images/ui-icons_469bdd_256x240.png);
}

.ui-widget-content .ui-icon {
    /*background-image: url(../web/styles/themes/nature_theme/../web/styles/themes/nature_theme/images/ui-icons_469bdd_256x240.png);*/
}

.ui-widget-header .ui-icon {
    /*background-image: url(../web/styles/themes/nature_theme/images/ui-icons_d8e7f3_256x240.png);*/
}

.ui-state-default .ui-icon {
    background-image: url(../web/styles/themes/nature_theme/images/ui-icons_6da8d5_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../web/styles/themes/nature_theme/images/ui-icons_217bc0_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(../web/styles/themes/nature_theme/images/ui-icons_f9bd01_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(../web/styles/themes/nature_theme/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../web/styles/themes/nature_theme/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

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

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

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

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

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

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

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

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

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

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(../web/styles/themes/nature_theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
}
   
/*
 * jQuery UI Datepicker 1.8.17
 * NOTE: This is inherited from older version of UI
 *
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */ 

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

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

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

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

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

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

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

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

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

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

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

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

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
@charset "utf-8";
.cusel { 
	height: 29px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	outline:none !important;
}
.cuselFrameRight {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	background:url(../images/bg-select-right.gif) no-repeat;
	width:20px;
	height:100%;
}
.cuselText { 
	background:url(../images/bg-select-left.gif) no-repeat;
	height:29px;
	padding: 7px 8px 0 10px; 
	cursor: pointer;
	overflow: hidden;
	outline:none !important;
	position: relative;
	z-index: 1;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	position: absolute;
	top: 0;
	left: 0;
}
* html .cuselText { 
	height: 22px;
}
.cusel span { 
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 2px 15px 2px 5px; 
}
.cusel span:hover,
.cusel .cuselOptHover { 
	background: #3399ff;
	color: #fff;
}
.cusel .cuselActive { 
	background: #3399ff;
	color: #fff;
	cursor: default;
}
/* styles for scrollbar */
.cusel-scroll-wrap { 
	display: block;
	visibility: hidden;
	position: absolute;
	z-index:1500;
	left: 0;
	top: 100%;
	background: #fff; 
	min-width: 100%;
	width: auto;
}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 500;
	border: 1px solid #999; 
}

.cusel .jScrollPaneTrack { 
	height: 100%;
	width: 7px !important;
	background: #ccc;
	position: absolute;
	top: 0;
	right: 4px;
}
.cusel .jScrollPaneDrag { 
	position: absolute;
	background-position: -40px -26px;
	cursor: pointer;
	width: 15px !important;
	height: 27px !important;
	right: -4px;
	
}
.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollArrowUp { 
	position: absolute;
	top: 0;
	right: 2px;
	width: 26px;
	height: 12px;
	cursor: pointer;
	background-position: -2px -26px;
	overflow: hidden;
}
.cusel .jScrollArrowDown { 
	width: 25px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: 0;
	right: 3px;
	cursor: pointer;
	background-position: -21px -26px;
	overflow: hidden;
}
.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 12px;
    line-height: 14px;
    direction: ltr;
    box-shadow: none;
    padding: 2px;
}

.qtip-content, .qtip-titlebar {
    position: relative;
    overflow: hidden;
}

.qtip-content {
    padding: 5px 9px;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 700;
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important;
    }

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal 700 10px/13px Tahoma,sans-serif;
        color: inherit;
        background: -100em -100em no-repeat;
    }

.qtip-default {
    border: 1px solid #ADD9ED;
    background-color: #E5F6FE;
    color: #0C4769;
    border-radius: 2px;
    border-top-left-radius: 0px;
}

    .qtip-default .qtip-titlebar {
        background-color: #FFEF93;
    }

    .qtip-default .qtip-icon {
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111;
    }

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

.qtip .qtip-tip, x:-o-prefocus {
    visibility: hidden;
}

    .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
        position: absolute;
        color: #123456;
        background: 0 0;
        border: 0 dashed transparent;
    }

        .qtip .qtip-tip canvas {
            top: 0;
            left: 0;
        }

        .qtip .qtip-tip .qtip-vml {
            behavior: url(#default#VML);
            display: inline-block;
            visibility: visible;
        }




/* Css 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, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, fieldset {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0;
}
/*td {
    vertical-align:middle;
}*/

.newEntryClass {
    background-color: lightpink;
}
/* Custom blue style for Tooltip */
.myBlue .ui-tooltip-content {
    background-color: #E5F6FE;
    color: #0C4769;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border-color: #ADD9ED;
    border-width: 1px;
    text-align: center;
    padding: 5px;
}

.theadClass {
    text-align: left !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 19px !important;
    padding: 11px 21px 15px !important;
    background: #3ca1da url(../../Images/bg-info-data-th.gif) repeat-x 0 100% !important;
    font-weight: normal !important;
    border-bottom: none !important;
}

.myBlue .ui-tooltip-content div {
    border: 1px solid #666;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

.err_validation {
    width: 300px;
    height: 20px;
    font-size: 12px;
    color: #ff0000;
    font-style: italic;
    position: relative;
    line-height: 14px;
    padding: 5px 0 5px 26px;
    background: url(../Web/Images/ico_warning.png) 1px 3px no-repeat;
    margin: 0;
}

/* General Styles */
body {
    margin: 0;
    color: #666;
    font: 14px Arial, Helvetica, sans-serif;
    /*background-color: #0C4769;*/
    /*Arindam Da*/
    /*background: url(../Web/Images/bg-body.gif) repeat-x;*/
    min-width: 1180px; /* Removed because in HD monitor .wrapper doesnot align to center     max-width:1600px;     */
}

/*.bodyBg {
	background:#fff url(../Web/Images/bg-body.gif) repeat-x;
}*/

img {
    border: 0;
}

a {
    color: #3792c5;
    text-decoration: none;
}

    a:focus, a:hover {
        text-decoration: underline;
    }
/* wrapper */
.wrapper-holder {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#wrapper {
    width: 100%;
    max-width: 1761px;
    min-width: 1180px;
    margin: 0 auto;
}
/* header */
/*.header
{
    height: 70px;
    padding: 4px 0 0;
    overflow: hidden;
}*/

/*#header {
    height: 70px;
    padding: 4px 0 0;
    overflow: hidden; /*background: #0c4769 url(../Web/Images/bg-body.gif) repeat-x 100%;
}*/

#header {
    height: 65px;
    margin: 0 0 0px;
    padding: 4px 0 0px;
    width: 100%;
    background-color: #0C4769;
    /*border-bottom: 5px solid #ececec;*/
    border-bottom: 5px solid #d5d3d3;
    /*background: #0c4769 url(../Web/Images/bg-body.gif) repeat-x 100% !important;*/
}

.logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url(../Web/Images/bg-logo.png) no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

    .logo a {
        display: block;
        height: 100%;
    }

.user-area {
    float: right;
    display: inline;
    padding: 20px 0 0;
    margin: 0 2% 0 0;
}

/* -- for Operator */
.user-area-operator {
    float: right;
    display: inline;
    padding: 20px 50px 0;
    margin: 0 2% 0 0;
}

.user-info {
    display: block;
    background: url(../Web/Images/ico-user.svg) no-repeat 0 4px;
    line-height: 17px;
    padding: 0px 0 0px 20px;
    color: #fff;
    background-size: 15px 15px;
}

    .user-info .decorated {
        color: #6ac1f2;
    }

.top-nav {
    overflow: hidden;
    text-align: right;
}

    .top-nav ul {
        font-size: 11px;
        margin: 0 -5px 0 0;
        padding: 0;
        list-style: none;
        font-weight: bold;
    }

    .top-nav li {
        display: inline;
        background: url(../Web/Images/bg-top-nav.gif) no-repeat 0 2px;
        padding: 0 7px 0 11px;
    }

        .top-nav li:first-child {
            background: none;
        }

    .top-nav a {
        color: #6cf;
    }

/* -- top-nav: New */
.top-nav-new {
    overflow: hidden;
    text-align: right;
}

    .top-nav-new ul {
        font-size: 11px;
        margin: 0 -5px 0 0;
        padding: 0;
        list-style: none;
        font-weight: bold;
    }

    .top-nav-new li {
        display: inline;
        padding: 0 7px 0 11px;
    }

        .top-nav-new li:first-child {
            background: none;
        }

    .top-nav-new a {
        color: #6cf;
    }
/* nav-area */
.nav-area {
    overflow: hidden;
    padding: 19px 0 0;
}

.nav-holder {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.nav-frame {
    float: left;
    left: 50%;
    position: relative;
}

#nav {
    float: left;
    left: -50%;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 17px;
    list-style: none;
}

    #nav li {
        float: left;
        padding: 0 7px;
    }

    #nav a {
        float: left;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        padding: 0 0 0 8px;
    }

        #nav .active a, #nav a:hover {
            color: #5dc6f1;
            /*background: url(../Web/Images/bg-nav-hover.gif) no-repeat 0 100%;*/
            border-bottom: 4px solid #2278ca;
            margin-bottom: 0px;
            height: 46px;
        }

    #nav .active a {
        font-weight: bold;
    }

    #nav span {
        float: left;
        padding: 0 8px 33px 0;
    }

table.tblHeaderCompact tr th {
    color: #3792c5;
}

#nav .active span, #nav a:hover span {
    /*background: url(../Web/Images/bg-nav-hover-holder.gif) no-repeat 100% 100%;*/
}
/* main */
#main {
    width: 100%;
}

    #main:after {
        content: "";
        clear: both;
        display: block;
    }

.main-row {
    /*margin: 0 -9999px 11px;
    padding: 0 9999px;*/
    position: relative;
    width: 100%;
    background: #e3eef4;
    border-bottom: 1px solid #909fa7;
    max-height: 75px;
    min-height: 40px;
}

    .main-row .holder {
        padding: 11px 0 0 194px;
        overflow: hidden;
    }

.breadcrumbs {
    margin: 0;
    padding: 0 0 13px;
    list-style: none;
    overflow: hidden;
    width: 100%;
    font-size: 13px;
    color: #0c4769;
    font-weight: bold;
}

    .breadcrumbs li {
        float: left;
        background: url(../Web/Images/bg-breadcrumbs.gif) no-repeat 0 3px;
        padding: 0 6px 0 11px;
        margin: 0 11px 0 -11px;
    }

    .breadcrumbs a {
        font-weight: normal;
        color: #689bb6;
    }
/* tab-nav */
.tab-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150%;
    overflow: hidden;
    font-weight: bold;
    position: relative;
    top: -7px;
}

    .tab-nav li {
        /*float: left;*/
        padding: 0 4px 0 0;
        display: inline-block;
    }

    .tab-nav a {
        color: #999;
        float: left;
        line-height: 40px;
        padding: 0 17px;
        background: #f1f1f1;
        border: 1px solid #93a2aa;
        border-bottom: 1px solid #f1f1f1;
    }

        .tab-nav .active a, .tab-nav a:hover {
            border-bottom: 1px solid #fff;
            color: #5a5b5b;
            text-decoration: none;
            background: #fff;
        }
            .tab-nav .active a::after {
                content: "";
                width: 100%;
                height: 3px;
                background: #fff;
                display: block;
                position: absolute;
                left: 0;
            }

            .tab-nav li a:hover::after {
                content: "";
                width: 100%;
                height: 3px;
                background: #fff;
                display: block;
                position: absolute;
                left: 0;
            }


    .tab-nav .active, .tab-nav a {
        position: relative;
    }

@-moz-document url-prefix() {

    .tab-nav {
        top: -8px;
    }
}

/* main-holder */
.main-holder {
    width: 100%;
    overflow: hidden;
}

    .main-holder div.tab {
        display: none;
        width: 100%;
        overflow: hidden;
    }

    .main-holder div.active-tab {
        display: block;
    }
/* aside */
.aside {
    background: url(../Web/Images/bg-aside.gif) repeat-y 100% 0;
    float: left;
    margin: 0 36px -9999px 0;
    padding: 8px 0 9999px;
    width: 195px;
}

.side-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
    line-height: 18px;
    text-align: right;
}

    .side-nav li {
        border-top: 1px solid #c2c2c2;
        border-right: 1px solid #cfcfcf;
        padding: 10px 13px 11px 0;
        margin: -2px 0 1px;
    }

    .side-nav a {
        color: #828181;
    }

        .side-nav .active a, .side-nav a:hover {
            color: #0c4769;
            text-decoration: none;
        }

    .side-nav .active {
        padding: 17px 13px 19px 0;
        border-right: 1px solid #fff;
    }

        .side-nav .active a {
            font-weight: bold;
            padding: 0 14px 0 0;
            background: url(../Web/Images/bg-side-nav-active.gif) no-repeat 100% 4px;
        }

/*content-box with zero padding*/
.content-box-zreo-padding {
    overflow: hidden;
}

    .content-box-zreo-padding .ico-list {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        overflow: hidden;
    }

        .content-box-zreo-padding .ico-list li {
            float: left;
            background: none;
            padding: 0 16px 0 0;
        }

    .content-box-zreo-padding ul {
        margin: 0; /*padding: 5px 0 17px;*/
        list-style: none;
        line-height: 17px;
    }

        .content-box-zreo-padding ul li {
            background: url(../Web/Images/bullet-list.gif) no-repeat 0 8px; /*padding: 0 0 2px 9px;*/
        }

/* content-box */
.content-box {
    overflow: hidden;
    padding: 15px 0 20px;
}

    .content-box h4, .content-box h3, .content-box h2, .content-box h1 {
        margin: 0 0 11px;
        color: #0c4769;
        font-size: 18px;
        line-height: 21px;
        font-weight: normal;
    }

    .content-box h1 {
        font-size: 20px;
        line-height: 23px;
    }

    .content-box h3 {
        font-size: 16px;
        line-height: 19px;
    }

    .content-box h4 {
        font-size: 15px;
        line-height: 18px;
    }

    .content-box .blue-ttl {
        color: #3ca1da;
    }

    .content-box .ttl-area {
        border-bottom: 1px solid #ccc;
        margin: 0 0 11px;
        padding: 0 0 3px;
        height: 32px; /*width: 1241px;*/
        width: 95%;
    }

        .content-box .ttl-area .title {
            display: block;
            padding: 0 0 12px;
            color: #666;
            font-size: 16px;
            line-height: 19px;
            font-weight: bold;
        }

    .content-box .ttl-area-billing {
        border-bottom: 4px solid black;
        margin: 0 0 11px;
        padding: 0 0 3px;
        height: 32px; /*width: 1241px;*/
        width: 940px;
    }

        .content-box .ttl-area-billing .title {
            display: block;
            padding: 0 0 12px;
            color: #666;
            font-size: 16px;
            line-height: 19px;
            font-weight: bold;
        }

.holder-txt {
    padding: 0 0 15px;
}

.content-box .decor-txt {
    display: block;
    margin: 0 0 5px;
    line-height: 17px;
    color: #999;
}

.content-box p {
    margin: 0 0 15px;
    line-height: 17px;
}

.content-box ul {
    margin: 0; /*padding: 5px 0 17px;*/
    list-style: none;
    line-height: 17px;
}
/*padding: 0 0 2px 9px;*/
/*.content-box ul li {
        background: url(../Web/Images/bullet-list.gif) no-repeat 0 8px; 
       
    }*/
/* info-row */
.info-row {
    overflow: hidden;
    margin: 0 20px 18px 0;
    padding: 5px 3px;
    background: #bafbc9;
    border: 1px solid #7bc5d6;
    width: 95%;
}

    .info-row .ico-area {
        float: left;
        position: relative;
        width: 32px;
        padding: 0 10px 0 0;
    }

        .info-row .ico-area img {
            display: block;
            margin: 0 auto;
        }

    .info-row span.txt {
        display: block;
        padding: 6px 0 0;
        overflow: hidden;
        line-height: 17px;
        color: #138220;
    }

        .info-row span.txt .ttl {
            color: #085b12;
        }

.information-section {
    background: #b7e2f9;
}

    .information-section span.txt {
        color: #2e759e;
    }

        .information-section span.txt .ttl {
            color: #0c4769;
        }

.attention-section {
    background: #fdeb9a;
    border: 1px solid #af7373;
}

    .attention-section span.txt {
        color: #a98c08;
    }

        .attention-section span.txt .ttl {
            color: #746007;
        }

.error-section {
    background: #fcdcdc;
    border: 1px solid #af7373;
}

    .error-section span.txt {
        color: #a25151;
    }

        .error-section span.txt .ttl {
            color: #742727;
        }

.check-section {
    background: #f9f8e1;
    border: 1px solid #b8c7cf;
}

    .check-section span.txt {
        color: #5185a2;
    }

.advanced-section {
    background: #e3eef4;
    border: 1px solid #b8c7cf;
}

    .advanced-section span.txt {
        color: #5185a2;
    }

    .advanced-section .link {
        color: #5185a2;
        padding: 0 14px 0 0;
        background: url(../Web/Images/bg-arrow-down.png) no-repeat 100% 7px;
    }

.info-block {
    width: 100%;
    padding: 0 0 22px;
    overflow: hidden;
}

    .info-block .block {
        float: left;
        width: 31%;
        margin: 0 2% 0 0;
    }

    .info-block .hold {
        float: left;
        margin: 0 6% 0 0;
    }

.txt-holder {
    width: 100%;
    overflow: hidden;
}

span.hold-txt, span.txt-hold {
    display: block;
    padding: 9px 0 0;
}

span.hold-txt {
    padding: 5px 0 0;
}

.active-help, .inactive-help {
    float: left;
    background: url(../Web/Images/ico-help-inactive.gif) no-repeat 100% 2px;
    color: #0c4769;
    line-height: 18px;
    padding: 10px 37px 10px 0;
}

.active-help {
    background: url(../Web/Images/ico-help.gif) no-repeat 100% 2px;
}

strong.bold-txt {
    color: #0c4769;
}

.copy-link {
    float: left;
    background: url(../Web/Images/ico-copy-code.gif) no-repeat 0 2px;
    line-height: 17px;
    padding: 7px 0 9px 38px;
    color: #666;
}

.note-txt {
    display: block;
    background: url(../Web/Images/ico-note.gif) no-repeat;
    padding: 4px 0 10px 38px;
    color: #2f7ca2;
    line-height: 17px;
}

    .note-txt .txt-decor {
        color: #0c4769;
    }

.upload-link {
    float: left;
    line-height: 18px;
    background: url(../Web/Images/ico-upload.gif) no-repeat;
    padding: 3px 0 1px 37px;
    color: #666;
}

    .upload-link span {
        padding: 0 12px 0 0;
        background: url(../Web/Images/ico-arrow-up.gif) no-repeat 100% 6px;
    }

.color-option-txt {
    display: block;
    background: url(../Web/Images/ico-color-options.gif) no-repeat;
    padding: 2px 0 5px 31px;
    line-height: 17px;
}

.info-area {
    width: 100%;
    /*overflow: hidden;*/
}

    .info-area .block-holder, .info-area .block-hold {
        padding: 0 0 12px;
    }

    .info-area .holder {
        width: 100%;
        overflow: hidden;
    }

        .info-area .holder .box {
            float: left;
            width: 43%;
        }

        .info-area .holder .box-section {
            float: right;
            width: 52%;
        }

    .info-area .block {
        width: 45%;
        float: left;
    }

    .info-area .hold {
        margin: 0 5% 0 0;
        width: 49%;
    }

.content-box .btn-list {
    margin: 0;
    padding: 0 0 28px;
    list-style: none;
    width: 100%;
    /*overflow: hidden;*/
}

    .content-box .btn-list li {
        background: none;
        padding: 0 15px 0 0;
        float: left;
    }

.chkbtnlist label {
    text-align: left;
    width: 100px;
}

.add-btn {
    border-style: none;
    background-image: url('../Web/Images/bg-general-btn.gif');
    background-repeat: no-repeat;
    height: 30px;
    overflow: hidden;
    width: 63px;
    padding: 0 0 0 14px;
}


.general-btn {
    overflow: hidden;
    height: 28px;
    background: #f1f1f1;
    border-radius: 50px;
    border: 1px solid #bbb;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    min-width: 65px;
}


    .general-btn a {
        /*float: left;*/
        /*background: url(../Web/Images/bg-general-btn.gif) no-repeat;*/
        overflow: hidden;
        color: #5a5b5b;
        cursor: pointer;
        font-size: 12px;
        line-height: 28px;
        padding: 5px 18px;
        text-align: center;
    }

    .general-btn span {
        /*float: left;
        padding: 0 14px 0 0;*/
        /*background: url(../Web/Images/bg-general-btn.gif) no-repeat 100% 100%;*/
        height: 28px;
        overflow: hidden;
        text-align: center;
    }

    .general-btn a:hover span, .general-btn a:hover {
        text-decoration: underline;
    }

    .general-btn em.arrow {
        font-style: normal;
        padding: 0 8px 0 0;
        background: url(../Web/Images/bg-arrow-right.png) no-repeat 100% 50%;
    }

.content-box .add-btn-list {
    margin: 0;
    padding: 0 0 40px;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

    .content-box .add-btn-list li {
        background: none;
        float: left;
        padding: 0 19px 0 0;
    }

    .content-box .add-btn-list img {
        vertical-align: top;
    }

.success-txt, .error-txt {
    padding: 0 0 1px;
    display: block;
    line-height: 17px;
    color: #c00;
}

.success-txt {
    color: #208e20;
}
/* form elements */
.content-box label {
    display: block;
    line-height: 20px;
    padding: 0 0 5px;
}

. {
    padding: 0 0 12px;
    overflow: hidden;
}

    .select-box {
        float: left;
        padding: 0 18px 0 0;
    }

        .select-box label {
            display: inline;
            padding-right: 6px;
        }

        .select-box select {
            padding: 4px;
            border: 1px solid #aaa;
            border-radius: 6px;
            -moz-border-radius: 6px;
        }

    .select-block {
        float: left;
    }

        .select-block select {
            padding: 4px;
            border: 1px solid #aaa;
            border-radius: 6px;
            -moz-border-radius: 6px;
        }

            .select-block select option {
                border: 0px solid #aaa;
            }

    .txt-area label {
        padding: 0 0 10px;
    }

    .decorated-txt-box {
        /*background: url(../Web/Images/bg-decorated--txtarea.png) no-repeat;*/
        width: 481px;
        height: 122px;
        padding: 7px 16px 5px 16px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 6px;
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
        box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    }

        .decorated-txt-box textarea {
            overflow: auto;
            color: #666;
            font-size: 14px;
            padding: 0;
            width: 481px;
            max-width: 481px;
            min-width: 481px;
            height: 102px;
            min-height: 120px;
            max-height: 120px;
            margin: 0;
            border: 0;
            background: none;
            -webkit-appearance: none;
        }


    .decorated-txt-box-small {
        /*background: url(../Web/Images/bg-decorated-small-textarea.png) no-repeat;*/
        width: 350px;
        height: 122px;
        padding: 7px 16px 5px 16px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 6px;
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
        box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    }

        .decorated-txt-box-small textarea {
            overflow: auto;
            color: #666;
            font-size: 14px;
            padding: 0;
            width: 481px;
            max-width: 481px;
            min-width: 481px;
            height: 102px;
            min-height: 120px;
            max-height: 120px;
            margin: 0;
            border: 0;
            background: none;
            -webkit-appearance: none;
        }

    .check-row {
        width: 100%;
        padding: 0 0 15px;
        overflow: hidden;
    }

        .check-row input {
            float: left;
            width: 16px;
            height: 16px;
            margin: 1px 7px 0 0;
        }

        .check-row label {
            float: left;
        }


    .check-row-new {
        width: 100%;
        padding: 0 0 2px;
        overflow: hidden;
    }

        .check-row-new input {
            float: left;
            width: 16px;
            height: 16px;
            margin: 1px 7px 0 0;
        }

        .check-row-new label {
            float: left;
        }



    /*.field-row {
        padding: 0 0 22px;
    }*/

    .decorated-field {
        /*background: url(../Web/Images/bg-decorated-field.gif) no-repeat;*/
        width: 350px;
        height: 33px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 6px;
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
        box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    }

        .decorated-field input {
            float: left;
            padding: 7px 8px 9px;
            width: 334px;
            font-size: 14px;
            height: 17px;
            color: #555;
            border: 0;
            background: none;
        }

    /*Nityananda : required in payment screen*/
    .decorated-field-new {
        min-height: 33px;
        height: 33px;
        height: auto !important;
        border: 1px solid #BBBBBD;
        border-radius: 5px;
        box-shadow: inset 0 0 1px #6B6A6A;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .decorated-field-new input[type=text] {
            font-size: 14px;
            color: #999;
            width: 100%;
            border: 1px solid #BBBBBD;
            padding: 8px 10px 8px 10px;
            margin: 0 auto;
            background: none;
            border: none;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

    .decor-label {
        color: #0c4769;
    }

    .descr-txt {
        display: block;
        padding: 4px 0 0;
        font-size: 12px;
        line-height: 15px;
        color: #999;
    }
    /* icons-lsit */
    .content-box .icons-list {
        margin: 0;
        padding: 0 0 26px;
        list-style: none;
        width: 100%;
        overflow: hidden;
    }

        .content-box .icons-list li {
            padding: 0 14px 0 0;
            background: none;
            float: left;
        }

        .content-box .icons-list img {
            vertical-align: top;
        }

    /*info-grid*/
    .info-grid {
        overflow: hidden;
        width: 100%;
    }

        .info-grid th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 21px 15px;
            background: #3ca1da;
            font-weight: normal;
        }

        .info-grid td {
            padding: 5px 21px 6px;
            color: #0c4769;
            line-height: 17px;
            vertical-align: middle;
        }

        .info-grid .col-last {
            width: 105px;
        }

        .info-grid .decorated td {
            background: #e3eef4;
        }
    /*PB 3259 Investigation: Problem loading icons, please make sure subscribers can load icons quickly and be able to use it.*/
    /* info-data */
    .info-data {
        overflow: hidden;
        width: 94%;
        padding: 0 0 0px;
        height: auto;
    }



        .info-data table {
            background: #F5F5F5;
        }

        .info-data th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 21px 15px;
            background: #3ca1da;
            font-weight: normal;
        }

        .info-data td {
            padding: 5px 21px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
            /*background: #E3EEF4;*/
        }

        .info-data .col-last {
            width: 105px;
        }

        .info-data .decorated td {
            background: #e3eef4;
        }

    /*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

    .info-data_min_td_width {
        overflow: hidden;
        width: 99%;
        padding: 0 0 25px;
        height: auto;
    }



        .info-data_min_td_width table {
        }

        .info-data_min_td_width th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px;
            background: #3ca1da;
            font-weight: normal;
        }

        .info-data_min_td_width td {
            padding: 5px 5px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

    /*[END] :        */

    /* info-data modal-scroll */
    .info-data modal-scroll {
        overflow: auto;
        width: 94%;
        padding: 0 0 0 0px;
        height: auto;
    }

        .info-data modal-scroll table {
        }

        .info-data modal-scroll th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 21px 15px;
            background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
            font-weight: normal;
        }

        .info-data modal-scroll td {
            padding: 5px 21px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

        .info-data modal-scroll .col-last {
            width: 105px;
        }

        .info-data modal-scroll .decorated td {
            background: #e3eef4;
        }

    /*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

    .info-data modal-scroll_min_td_width {
        overflow: hidden;
        width: 99%;
        padding: 0 0 25px;
        height: auto;
    }



        .info-data modal-scroll_min_td_width table {
        }

        .info-data modal-scroll_min_td_width th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px;
            background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
            font-weight: normal;
        }

        .info-data modal-scroll_min_td_width td {
            padding: 5px 5px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

    /*[END] :        */

    .gridviewFooter {
        text-align: left;
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        padding: 11px 5px 15px;
        background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
        font-weight: normal;
    }

    /* info-data-Bad-Lead */
    .info-data-Bad-Lead {
        overflow: hidden;
        width: 94%;
        padding: 0 0 53px;
        height: auto;
    }

        .info-data-Bad-Lead table {
        }

        .info-data-Bad-Lead th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 2px 15px 9px;
            background: #3ca1da;
            font-weight: normal;
        }

        .info-data-Bad-Lead td {
            padding: 5px 58px 6px 9px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

        .info-data-Bad-Lead .col-last {
            width: 105px;
        }

        .info-data-Bad-Lead .decorated td {
            background: #e3eef4;
        }

    /*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

    .info-data-Bad-Lead_min_td_width {
        overflow: hidden;
        width: 99%;
        padding: 0 0 25px;
        height: auto;
    }



        .info-data-Bad-Lead_min_td_width table {
        }

        .info-data-Bad-Lead_min_td_width th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px;
            background: #3ca1da;
            font-weight: normal;
        }

        .info-data-Bad-Lead_min_td_width td {
            padding: 5px 5px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

    /*[END] :        */

    /* info-data  for lead analysis*/

    .info-data-Lead-Analysis {
        overflow: hidden; /*width: 94%;*/
        width: 100%; /*padding: 0 0 53px;*/
        height: auto;
        table-layout: auto;
    }

        .info-data-Lead-Analysis table {
        }

        .info-data-Lead-Analysis th {
            text-align: left;
            color: #fff;
            font-size: 16px; /*line-height: 19px;*/
            line-height: 22px; /*padding: 11px 10px 15px;*/
            background: #3ca1da;
            font-weight: normal;
            padding: 10px 0px 10px 10px;
        }

    .general-btn input {
        background: none;
        border: none;
    }

    .info-data-Lead-Analysis td {
        /*padding: 5px 10px 6px;*/
        padding: 4px;
        color: #0c4769;
        border-bottom: 1px solid #4a7f9d; /*line-height: 17px;*/
        line-height: 22px;
        vertical-align: middle;
    }

    .info-data-Lead-Analysis-Print th {
        text-align: left;
        color: #fff;
        font-size: 16px; /*line-height: 19px;*/
        line-height: 22px; /*padding: 11px 10px 15px;*/
        background: #3ca1da;
        font-weight: normal;
        padding: 10px 0px 10px 10px;
    }

    .info-data-Subscriber-SearchTEST ul {
        border-bottom: 1px solid #4A7F9D;
        color: #0C4769;
        line-height: 15px;
        vertical-align: middle;
    }







    .info-data-Lead-Analysis .col-last {
        width: 105px;
    }

    .info-data-Lead-Analysis .decorated td {
        background: #e3eef4;
    }

    /*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

    .info-data-Lead-Analysis_min_td_width {
        overflow: hidden;
        width: 99%;
        padding: 0 0 25px;
        height: auto;
    }

        .info-data-Lead-Analysis_min_td_width table {
        }

        .info-data-Lead-Analysis_min_td_width th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px;
            background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
            font-weight: normal;
        }

        .info-data-Lead-Analysis_min_td_width td {
            padding: 5px 5px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

    /*[END] :        */

    /*Payment Search*/

    .info-data-Payment-Search {
        overflow: hidden;
        width: 94%;
        padding: 0 0 53px;
        height: auto;
    }

        .info-data-Payment-Search table {
        }

        .info-data-Payment-Search th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 0px 15px 10px;
            background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
            font-weight: normal;
        }

        .info-data-Payment-Search td {
            padding: 5px 0px 6px 10px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

        .info-data-Payment-Search .col-last {
            width: 10px;
        }

        .info-data-Payment-Search .decorated td {
            background: #e3eef4;
        }

    /*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

    .info-data-Payment-Search_min_td_width {
        overflow: hidden;
        width: 99%;
        padding: 0 0 25px;
        height: auto;
    }

        .info-data-Payment-Search_min_td_width table {
        }

        .info-data-Payment-Search_min_td_width th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px;
            background: #3ca1da;
            font-weight: normal;
        }

        .info-data-Payment-Search_min_td_width td {
            padding: 5px 5px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

    /*Payment Search End*/



    /*Info Data for Billing*/
    /* info-data */
    .info-dataBilling {
        overflow: hidden;
        width: 100%;
        padding: 0 0 0 0px;
        height: auto;
    }



        .info-dataBilling table {
        }

        .info-dataBilling th {
            text-align: left;
            color: Black;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px 5px;
            border: 1px solid black;
            font-weight: normal;
        }

        .info-dataBilling td {
            padding: 11px 5px 15px 5px;
            color: Black;
            border: 1px solid black;
            line-height: 17px;
            vertical-align: middle;
        }

        .info-dataBilling .col-last {
            width: 105px;
        }

        .info-dataBilling .decorated td {
        }

    /*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

    .info-dataBilling_min_td_width {
        overflow: hidden;
        width: 100%;
        padding: 0 0 25px;
        height: auto;
    }



        .info-dataBilling_min_td_width table {
        }

        .info-dataBilling_min_td_width th {
            text-align: left;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px;
            font-weight: normal;
        }

        .info-dataBilling_min_td_width td {
            padding: 5px 5px 6px;
            border-bottom: 1px solid;
            line-height: 17px;
            vertical-align: middle;
        }

    /*[END] :Billing        */



    /* info-data-Grid */
    .info-data-Grid {
        overflow: hidden;
        width: 94%;
        padding: 0 0 53px;
        height: auto;
    }



        .info-data-Grid table {
        }

        .info-data-Grid th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 11px 15px 28px;
            background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
            font-weight: normal;
        }

        .info-data-Grid td {
            padding: 5px 129px 5px 10px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

        .info-data-Grid .col-last {
            width: 105px;
        }

        .info-data-Grid .decorated td {
            background: #e3eef4;
        }

    /*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

    .info-data-Grid_min_td_width {
        overflow: hidden;
        width: 99%;
        padding: 0 0 25px;
        height: auto;
    }



        .info-data-Grid_min_td_width table {
        }

        .info-data-Grid_min_td_width th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 5px 15px;
            background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
            font-weight: normal;
        }

        .info-data-Grid_min_td_width td {
            padding: 5px 5px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
        }

    /*[END] :        */














    .gridScroll {
        padding: 10px 0 5px 2px;
        color: #3ca1da;
    }



        .gridScroll table {
        }

        .gridScroll th {
            text-align: left;
            color: #fff;
            font-size: 16px;
            line-height: 19px;
            padding: 11px 10px 10px;
            background: #3ca1da;
            font-weight: normal;
            width: 1px;
        }

        .gridScroll td {
            padding: 5px 10px 6px;
            color: #0c4769;
            border-bottom: 1px solid #4a7f9d;
            line-height: 17px;
            vertical-align: middle;
            width: 1px;
        }

        .gridScroll .col-last {
        }

        .gridScroll .decorated td {
            background: #e3eef4;
        }















    .content-box .ico-list {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        overflow: hidden;
    }

        .content-box .ico-list li {
            float: left;
            background: none;
            padding: 0 16px 0 0;
        }

        .content-box .ico-list img {
            vertical-align: top;
        }

    .view-reports {
        float: left;
        background: url(../Web/Images/bg-view.png) no-repeat;
        color: #0c4769;
        line-height: 17px;
        padding: 10px 0 8px 38px;
    }
/* footer */
#footer {
    margin: 18px 0 0 195px;
    padding: 5px 2px 15px 0;
    border-top: 1px solid #999;
    overflow: hidden;
    width: 82%;
    position: relative;
}

.f-logo {
    float: right;
    background: url(../Web/Images/bg-f-logo.png) no-repeat;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}

    .f-logo a {
        display: block;
        height: 100%;
    }

#footer .text {
    display: block;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 0 0;
}


/* new classes */

.login_bgr {
    width: 100%;
    height: 100%;
    background: #FFF;
    position: absolute;
}

.login_wnd_box {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 421px;
    margin: -171px 0 0 -210px;
}

.login_logo {
    display: block;
    width: 218px;
    height: 61px;
    background: url(../Web/Images/CarChat24-Login.png);
    margin: 0 0 0 98px;
    overflow: hidden;
}

.login_wnd {
    width: 387px;
    margin: 33px 0 32px 0;
    background: url(../Web/Images/bgr_login_wnd.png) 0 0;
    padding: 0 17px 0 17px;
    position: relative;
}

.login_wnd_top {
    width: 421px;
    height: 32px;
    background: url(../Web/Images/bgr_login_wnd.png) -421px 0;
    position: absolute;
    left: 0;
    top: -32px;
}

.login_wnd_bottom {
    width: 421px;
    height: 32px;
    background: url(../Web/Images/bgr_login_wnd.png) -421px -32px;
    position: absolute;
    left: 0;
    bottom: -32px;
}

/*START For Signup Form*/
.login_wnd_SignUp {
    width: 387px;
    margin: 33px 0 32px 0;
    background: none;
    padding: 0 17px 0 17px;
    position: relative;
}

.login_wnd_top_SignUp {
    width: 421px;
    height: 32px;
    background: url(../Web/Images/bgr_login_wnd.png) -421px 0;
    position: absolute;
    left: 0;
    top: -32px;
}

.login_wnd_bottom_SignUp {
    width: 421px;
    height: 32px;
    background: url(../Web/Images/bgr_login_wnd.png) -421px -32px;
    position: absolute;
    left: 0;
    bottom: -32px;
}
/*END For Signup Form*/

.err_pwd_login {
    width: 344px;
    border: 1px solid #cc0000;
    margin: 10px 0 -10px 16px;
    background: #FCE8E8; /* url(../Web/Images/bgr_login_err_msg1.png) ; */
    font-size: 12px;
    color: #ff0000;
    font-style: italic;
    padding: 8px 10px 15px 33px;
    position: relative;
    line-height: 14px;
}

    .err_pwd_login img {
        position: absolute;
        left: 8px;
        top: 8px;
        width: 18px;
        height: 18px;
    }

    .err_pwd_login span {
        line-height: 18px;
    }

.login_form {
    display: block;
    margin: 0 0 0 37px;
    width: 304px;
    padding: 9px 0 15px 0;
}



.login_inp1 {
    width: 304px;
    height: 32px;
    background: url(../Web/Images/bgr_login_input1.png) 0 0;
}

    .login_inp1 input {
        border: 0;
        width: 288px;
        height: 16px;
        padding: 8px;
        background: transparent;
    }

.inp1_label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #3ca1da;
    height: 24px;
}

.login_btn {
    width: 81px;
    height: 33px;
    border: none;
    float: right;
    text-align: center;
    line-height: 30px;
    text-transform: capitalize;
    /*background: url(../Web/Images/button_login.png);*/
    cursor: pointer;
    margin: 13px -1px 0 0;
    background: #f1f1f1;
    border-radius: 50px;
    border: 1px solid #bbb;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    min-width: 65px;
}


.login_btn_span:hover {
    text-decoration: underline !important;
}

.remember_me {
    float: left;
    font-weight: bold;
    color: #0a3e5b;
    font-size: 12px;
    position: relative;
    padding: 0 0 0 22px;
    height: 16px;
    position: relative;
    margin: 22px 0 0 0;
}

    .remember_me input {
        width: 13px;
        height: 13px;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 2px;
        top: 0px;
    }

.lost_your_pwd {
    display: block;
    overflow: hidden;
    margin: 0px 0 0 0px;
    font-size: 12px;
    font-weight: bold;
    color: #0a3e5b;
    text-decoration: underline;
}

    .lost_your_pwd:hover {
        text-decoration: none;
    }

.err_enter_username {
    width: 279px;
    height: 30px;
    font-size: 12px;
    color: #ff0000;
    font-style: italic;
    position: relative;
    line-height: 14px;
    padding: 3px 0 0 26px;
    background: url(../Web/Images/ico_warning.png) 1px 3px no-repeat;
    margin: 0 0 -22px 0;
}

.err_hidden_validation {
    width: 279px;
    height: 30px;
    font-size: 12px;
    color: #ff0000;
    font-style: italic;
    position: relative;
    line-height: 14px;
    padding: 3px 0 0 26px;
    background: url(../Web/Images/ico_warning.png) 1px 3px no-repeat;
    margin: 0 0 -22px 0;
    display: none;
}

.err_enter_password {
    width: 279px;
    height: 21px;
    font-size: 12px;
    color: #ff0000;
    font-style: italic;
    position: relative;
    line-height: 14px;
    padding: 3px 0 0 26px;
    background: url(../Web/Images/ico_warning.png) 1px 3px no-repeat;
    margin: 0 0 -6px 0;
}

.user_input_warning {
    width: 279px;
    height: 21px;
    font-size: 12px;
    color: #ff0000;
    font-style: italic;
    position: relative;
    line-height: 21px;
    padding: 4px 0 4px 26px;
    background: url(../Web/Images/ico_warning.png) 1px 3px no-repeat;
    margin: 0 0 -6px 0;
}

.login_form_separator {
    width: 304px;
    height: 22px;
}

/* Nature Technologies Classes */

.validationMsg {
}

.field-row-compact {
    padding-bottom: 2px;
    clear: both;
}

.success {
    position: absolute;
    background-color: #B2B232;
    color: Green;
    border: 1px solid Green;
    width: 340px;
    height: 30px;
}

.failure {
    position: absolute;
    background: url("../Web/Images/bgr_login_err_msg1.png") repeat scroll 0 0 transparent;
    color: Red;
    border: 1px solid Red;
    width: 340px;
    height: 30px;
}

.subinfo {
    position: relative;
    color: #666;
    font: 10px Arial, Helvetica, sans-serif;
    left: 45px;
}

hr {
    margin-right: 60px;
    height: -15px;
    margin-top: 11px;
}

.mini-link {
    font-size: 10px;
    text-decoration: none;
}

.address-book {
    display: none;
    height: 370px;
    background-color: #A4A4A4;
    border: 1px solid #C2C2C2;
    position: relative;
    left: 525px;
    top: -425px;
    width: 200px;
    overflow: hidden;
}

.contact-list {
    height: 300px;
    overflow: auto;
    position: relative;
    background-color: #E0F8F7;
    font-family: @Arial Unicode MS;
    font-size: small;
}

.email-label {
    top: -20px;
    left: 25px;
    position: relative;
}

.preview {
    left: 115px;
    top: -20px;
    position: relative;
}

.item {
    border-top: 1px solid #DDDDDD;
    display: table;
    padding: 20px 0;
    width: 95.5%;
}

    .item .pic {
        display: table-cell;
        min-height: 100px;
        text-align: center;
        vertical-align: middle;
        width: 200px;
    }

    .item .link {
        margin-left: 30px;
    }

        .item .link a {
            color: #FF5E10;
            text-decoration: none;
        }

    .item .date {
        color: #999999;
        display: block;
        font-size: 80%;
    }

.field-row h2 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px;
}

#ParentDiv h2 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px;
}

.row_padding_left {
    padding-left: 15px;
}

quick-list {
    list-style-type: circle;
}

    quick-list li {
        list-style: url(../Web/Images/bullet.png);
    }

.user-info-row {
    overflow: hidden;
    margin: 0 20px 18px 0;
    padding: 5px 10px;
    background: #e8f1f6;
    border-top: 1px solid #ccc;
}

    .user-info-row span.txt {
        display: block;
        padding: 6px 0 0;
        overflow: hidden;
        line-height: 25px;
        color: #000000;
        font-size: 16px;
    }

        .user-info-row span.txt .ttl {
            color: #138220;
        }

.quick-info-row {
    overflow: hidden;
    margin: 0 20px 18px 0;
    padding: 5px 10px;
    background: #f4f8d6;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

    .quick-info-row span.txt {
        display: block;
        padding: 6px 0 0;
        overflow: hidden;
        line-height: 25px;
        color: #474747;
        font-size: 14px;
    }

        .quick-info-row span.txt .ttl {
            color: #34945d;
        }

span.txt-hold .bolder-txt {
    font-size: 17px;
    font-weight: bold;
    color: #0c4769;
    line-height: 28px;
}

.content-box .add-btn-list {
    margin: 0;
    padding: 0 0 40px;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

    .content-box .add-btn-list li {
        background: none;
        float: left;
        padding: 0 19px 0 0;
    }

.content-box .steps-btn-list {
    margin: 0;
    padding: 0 0 2px;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

    .content-box .steps-btn-list li {
        background: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }

.orange-ttl {
    color: #ff7011;
    font-weight: bold;
}

.steps-hold {
    width: 32%;
}

.content-box .quick-btn-list {
    margin: 0;
    padding: 0 0 2px;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

    .content-box .quick-btn-list li {
        background: none;
        float: left;
        padding: 0 0 0 0;
    }

.content-box .add-btn-list img {
    vertical-align: top;
}

span.txt-hold .blue-ttl {
    font-size: 30px;
    font-weight: bolder;
    vertical-align: middle;
}

/* Styles for Getting Started */

.font {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

    .font a {
        color: #666666;
        text-decoration: none;
        text-align: left;
    }

        .font a:hover {
            color: #ff7011;
        }

.orange {
    font-size: 12px;
    color: #ff7011;
    font-style: normal;
}

#get-started td a {
    font-size: 12px;
    color: #ff7011;
    font-weight: bold;
}

#get-started ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#get-started li {
    background-image: url(../Web/Images/bullet.png);
    background-repeat: no-repeat;
    background-position: .4em;
    padding-left: 1.4em;
    color: #6f6868;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

#get-started img {
    vertical-align: middle;
}

#get-started td {
    vertical-align: top;
}

#get-started th {
    vertical-align: middle;
}

#step-block td {
    vertical-align: middle;
}

.light-blue {
    color: #2f95c0;
}

.orange-bold {
    font-weight: bold;
    color: #ff7011;
}

.blue-bold {
    color: #06597c;
    font-weight: bold;
}

.hide {
    display: none;
}

.link {
    cursor: pointer;
    text-decoration: underline;
}

.decoratedmicro-field {
    /*background: url(../Web/Images/bg-decoratedmicro-field.gif) no-repeat;*/
    width: 122px;
    height: 33px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
}

    .decoratedmicro-field input {
        float: left;
        padding: 7px 8px 9px;
        width: 118px;
        font-size: 14px;
        height: 17px;
        color: #3d3d3d;
        border: 0;
        background: none;
    }

.decoratedmicro-field-grid-textbox {
    /*background: url(../Web/Images/bg-decoratedmicro-field.png) no-repeat;*/
    width: 75px;
    height: 33px;
    overflow: hidden;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    border: 1px solid #ccc;
    border-radius: 6px;
}

    .decoratedmicro-field-grid-textbox input {
        float: left;
        padding: 7px 8px 9px;
        width: 80px;
        font-size: 14px;
        height: 17px;
        color: #999;
        border: 0;
        background: none;
    }

.decoratedmicro-field-bill {
    /*background: url(../Web/Images/bg-decoratedmicro-field.gif) no-repeat;*/
    width: 122px;
    height: 33px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
}

    .decoratedmicro-field-bill input {
        padding: 7px 10px 9px 0px;
        width: 118px;
        font-size: 14px;
        height: 17px;
        color: #3d3d3d;
        border: 0;
        background: none;
        text-align: right;
    }

.decoratedmicro-field-textbox {
    /*background: url(../Web/Images/bg-decoratedmicro-field.png) no-repeat;*/
    width: 75px;
    height: 33px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
}

    .decoratedmicro-field-textbox input {
        float: right;
        padding: 7px 8px 9px;
        width: 80px;
        font-size: 14px;
        height: 17px;
        color: #999;
        border: 0;
        background: none;
        text-align: right;
    }

.profilePhoto {
    max-height: 120px;
    max-width: 120px;
    padding: 8px 0;
}

.centre-Horizontal {
    display: block;
    margin: 0 auto;
}

.previewProfilePhoto {
    height: 300px;
    width: 300px;
}

#photoGallery img {
    max-height: 120px;
    max-width: 120px;
    padding: 8px;
    cursor: pointer;
}

.thumbnail {
    max-height: 120px;
    max-width: 120px;
}

.displayInline {
    display: inline;
}

.modal-scroll {
    overflow: auto;
    height: 335px;
    width: 100%;
}

.modalTableHeaderDiv th {
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    padding: 11px 21px 15px;
    background: #3ca1da;
    font-weight: normal;
}

.smallModalTableHeaderDiv th {
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    padding: 11px 21px 15px;
    background: #3ca1da;
    font-weight: normal;
}

.no_margin_padding {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: none;
}

#divModalMsg {
    padding: 14px 0 6px 0;
    clear: both;
}

    #divModalMsg img {
        vertical-align: middle;
        width: 24px;
        height: 24px;
    }

.changeImgLink {
    display: inline-block;
    padding: 10px 0 0 0;
}

.sideRightTop {
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top: -90px;
    z-index: 999999;
}

.sideRightTopDiv {
    width: 64px;
    height: 180px;
}

.sideRightTop-chatButton {
    position: relative;
    z-index: 102;
    cursor: pointer; /*background:#ff0000;*/
}
/*Nityananda:Feedback*/
.sideLeftTop {
    position: fixed;
    left: 0px;
    top: 50%;
    margin-top: -90px;
    z-index: 999999;
}

.sideRightTopFeedbackDiv {
    width: 27px;
    height: 94px;
}
/*Nityananda:Signup*/
.validate-error input[type="text"],
.validate-error input[type="password"],
.validate-error input[type="email"],
.validate-error select,
.validate-error input[type="file"],
.validate-error textarea {
    border: 1px solid red !important;
}

.validate-error-textarea {
    border-color: red !important;
}

.validate-error-textbox {
    border-color: red !important;
}

.validate-error-FileUpload {
}

.validate-error-payment {
    position: relative;
    display: block;
    border-color: red !important;
}

.validate-error {
    position: relative;
    display: inline-block;
}

.questionMark {
    position: absolute;
    display: none;
    right: 15px;
    top: 3px;
}

.questionMark-select {
    position: absolute;
    display: none;
    right: -5px;
    top: 3px;
}

.questionMark-Feedback {
    position: absolute;
    display: none;
    right: 12px;
    top: 14px;
}

.questionMark-Feedback-textarea {
    position: absolute;
    display: none;
    right: 12px;
    top: 45px;
}

.questionMark-textbox {
    position: absolute;
    display: none;
    right: 12px;
    top: 45px;
}

.questionMark-Feedback-FileUpload {
    position: absolute;
    display: none;
    right: 75px;
    top: 224px;
}

.questionMark-payment {
    position: absolute;
    display: none;
    right: -20px;
    top: 8px;
}

.validate-error .questionMark,
.validate-error .questionMark-select,
.validate-error-textarea .questionMark-Feedback,
.validate-error-textarea .questionMark-Feedback-textarea,
.validate-error-textbox .questionMark-textbox,
.validate-error-FileUpload .questionMark-Feedback-FileUpload,
.validate-error-payment .questionMark-payment {
    display: block;
}
/*Nityananda:Feedback textbox*/
.divtxt {
    min-height: 10px;
    height: 10px;
    height: auto !important;
    float: left;
    border: 1px solid #BBBBBD;
    border-radius: 5px;
    box-shadow: inset 0 0 1px #6B6A6A;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .divtxt input[type=text],
    .divtxt textarea {
        font-size: 14px;
        width: 450px;
        color: #999;
        padding: 6px 13px 6px 13px;
        margin: 0 auto;
        background: none;
        border: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.divFileUpload {
    border: 1px solid #FCFDFD;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/* -- */
/* info-data */
.info-data2 {
    overflow: hidden;
    width: 94%;
    padding: 0 0 53px;
    height: auto;
}



    .info-data2 table {
    }

.information-section1 {
    background: #3ca1da;
}



/*.info-data2 table {
    background: #F5F5F5;
}*/
.info-data2 th {
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    padding: 11px 0px 15px;
    background: #3ca1da;
    font-weight: normal;
}

.info-row1 {
    overflow: hidden;
    margin: 0 20px 18px 0;
    padding: 5px 3px;
    background: #3ca1da;
    width: 91%;
    height: 30px;
}

.info-data2 td {
    padding: 5px 1px 6px;
    color: #0c4769;
    border-bottom: 1px solid #4a7f9d;
    line-height: 17px;
    vertical-align: middle;
}

.info-data2 .col-last {
    width: 105px;
}

.info-data2 .decorated td {
    background: #e3eef4;
}
/*
#flotingBackToAdmin
{
    width: 180px;
    height: 64px;
    color: Yellow;
    position: absolute;
    right: -90px;
    top: 400px;
    z-index: 150;
    padding-bottom:30px;
    /*vertical-align: middle;*/
/*  display: none;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#flotingBackToAdmin div
{
    margin: 0 auto;
    background-image:url(../Web/Images/backToAdmin.png) no-repeat 0 0;
}

#flotingBackToAdmin a
{
    line-height: 60px;
    margin-left: 40px;
}

*/
info-data-Subscriber-Search {
    overflow: hidden;
    width: 94%;
    padding: 0 0 53px;
    height: auto;
}

.info-data-Subscriber-Search table {
}

.info-data-Subscriber-Search th {
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 17px;
    padding: 10px 2px 10px 2px;
    background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
    font-weight: normal;
}

.info-data-Subscriber-Search td {
    padding: 10px 2px 10px 2px;
    color: #0c4769;
    border-bottom: 1px solid #4a7f9d;
    line-height: 15px;
    vertical-align: middle;
}

.info-data-Subscriber-Search .col-last {
    width: 10px;
}

.info-data-Subscriber-Search .decorated td {
    background: #e3eef4;
}

/*[START] : Info - data without min td width [For gridView like ChatAnalysis] */

.info-data-Subscriber-Search_min_td_width {
    overflow: hidden;
    width: 99%;
    padding: 0 0 25px;
    height: auto;
}

    .info-data-Subscriber-Search_min_td_width table {
    }

    .info-data-Subscriber-Search_min_td_width th {
        text-align: left;
        color: #fff;
        font-size: 16px;
        line-height: 17px;
        background: #3ca1da url(../Web/Images/bg-info-data-th.gif) repeat-x 0 100%;
        font-weight: normal;
    }

    .info-data-Subscriber-Search_min_td_width td {
        color: #0c4769;
        border-bottom: 1px solid #4a7f9d;
        line-height: 15px;
        vertical-align: middle;
    }

.content-box .ico-list-subscriber {
    margin: 0;
    padding: 0;
    list-style: none; /*width: 100%;*/ /*width:%;*/
    overflow: hidden;
}

    .content-box .ico-list-subscriber li {
        background: none; /*padding: 0 6px 0 5px;*/
    }

    .content-box .ico-list-subscriber img {
        vertical-align: top;
    }

#windows-dialog .field-row {
    color: #0C4769;
    font-size: 16px;
    border-bottom: 1px solid #CCCCCC;
    height: 24px;
    padding: 0;
    margin-bottom: 10px;
}

#windows-dialog p {
    font-size: 12px;
}

#windows-dialog ul li {
    font-size: 12px;
    margin-bottom: 5px;
}

#windows-dialog span {
    color: #00b0f0;
}

.pagination-control {
    padding: 10px 0;
}

    .pagination-control button {
        background: #3ca1da;
        background: -moz-linear-gradient(top, #3ca1da 0%, #0c4769 100%);
        margin: 0 4px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ca1da), color-stop(100%,#0c4769));
        background: -webkit-linear-gradient(top, #3ca1da 0%,#0c4769 100%);
        background: -o-linear-gradient(top, #3ca1da 0%,#0c4769 100%);
        background: -ms-linear-gradient(top, #3ca1da 0%,#0c4769 100%);
        background: linear-gradient(to bottom, #3ca1da 0%,#0c4769 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca1da', endColorstr='#0c4769',GradientType=0 );
        padding: 5px 10px;
        border: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: #FFF;
        cursor: pointer;
    }

        .pagination-control button:hover, .pagination-control button:focus, .pagination-control button.active {
            background: #0c4769;
        }

        .pagination-control button:disabled {
            opacity: 0.5;
            filter: alpha(opacity=50);
            cursor: default;
            background: #0c4769;
        }

    .pagination-control .jumpTo {
        float: right;
        width: 100px;
        background: #FFF;
        padding: 6px 12px;
        border: 1px solid #66afe9;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    }

        .pagination-control .jumpTo:focus {
            border: 1px solid #66afe9;
        }

@media (max-width: 1199px) {
    body {
        min-width: initial;
    }

    #wrapper {
        width: 960px;
        max-width: initial;
        min-width: initial;
    }

    #nav li {
        padding: 0 3px;
    }

    #nav a {
        font-size: 12px;
    }

    #nav .active a {
        font-weight: 400;
    }

    .user-info {
        font-size: 12px;
        background-position: 0 4px;
    }

    .info-data, .info-area {
        width: 100% !important;
    }

    table {
        width: 100%;
        max-width: 100%;
        word-break: break-all;
    }

    #footer {
        width: auto;
    }
}

.fixedBottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.more-area {
    position: relative;
    overflow: visible;
}

.fixed {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.5);
    padding: 5px;
    z-index: 100;
    background-color: #FFF;
    display: none;
}

.btn {
    display: inline-block;
    background: #f4f2f2;
    background: -moz-linear-gradient(top, #f4f2f2 0%, #e0dfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f2), color-stop(100%,#e0dfdf));
    background: -webkit-linear-gradient(top, #f4f2f2 0%,#e0dfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f2f2 0%,#e0dfdf 100%);
    background: -ms-linear-gradient(top, #f4f2f2 0%,#e0dfdf 100%);
    background: linear-gradient(to bottom, #f4f2f2 0%,#e0dfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f2', endColorstr='#e0dfdf',GradientType=0 ); /* IE6-9 */
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.instruction-textbox {
    width: 345px;
    height: 30px;
    padding: 7px 8px 9px;
    color: #999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
}

.billing-instruction th, .billing-instruction td {
    padding: 11px 3px 15px;
}


/*for holiday response area style*/
.clearx {
    clear: both;
    height: 0;
}

.holiday-response-area .ttl-area {
    width: 100%;
}

.holiday-response-area .quick-button-area .btn-list {
    padding: 0;
}

    .holiday-response-area .quick-button-area .btn-list li:last-child {
        padding: 0;
    }

.holiday-response-table {
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
}

    .holiday-response-table th, .holiday-response-table td {
        border: 1px solid #ddd;
        line-height: 1.42857;
        vertical-align: top;
        text-align: left;
        padding: 8px;
    }

    .holiday-response-table th {
        background: #3ca1da;
        color: #FFF;
    }

    .holiday-response-table p {
        margin-bottom: 0;
    }

    .holiday-response-table ul {
        margin: 5px 0 0 10px;
    }

        .holiday-response-table ul li {
            padding-left: 10px;
        }

    .holiday-response-table .striped {
        background: #f9f9f9;
    }

        .holiday-response-table .striped td {
            padding: 8px 20px;
        }

    .holiday-response-table .active {
        color: #3c763d;
        font-weight: 700;
    }

    .holiday-response-table .deactive {
        color: #a94442;
        font-weight: 700;
    }

.holiday-response-area .quick-button-area {
    margin-bottom: 10px;
}

.holiday-response-area .btn-group {
    display: inline;
    position: relative;
    vertical-align: middle;
}

    .holiday-response-area .btn-group .btn {
        -moz-user-select: none;
        -o-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857;
        margin-bottom: 0;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        float: left;
        position: relative;
        white-space: nowrap;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        text-shadow: 0 1px 0 #fff;
    }

        .holiday-response-area .btn-group .btn:hover, .holiday-response-area .btn-group .btn:focus {
            background: #eeeeee;
        }

    .holiday-response-area .btn-group .btn-default {
        background-color: #ffffff;
        border-color: #cccccc;
        color: #0c4769;
    }

    .holiday-response-area .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0;
    }

    .holiday-response-area .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .holiday-response-area .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .holiday-response-area .btn-group .afterChecked {
        display: none;
    }

.responsive-table {
    min-height: 0.01%;
    overflow-x: auto;
}

    .responsive-table table {
        max-width: 100%;
        width: 100%;
    }

/*Start - Arnab Ghosh confirm box css*/

#confirmOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(219, 228, 219, 0.2);
    z-index: 100000;
}

#confirmBox {
    /*background:url('body_bg.jpg') repeat-x left bottom #e5e5e5;*/
    background: white;
    width: 460px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -230px;
    -webkit-box-shadow: 0px 0px 39px -1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 39px -1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 39px -1px rgba(0,0,0,0.15);
}

    #confirmBox h1,
    #confirmBox p {
        font: 26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        /*background:url('header_bg.jpg') repeat-x left bottom #f5f5f5;*/
        padding: 18px 25px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
        color: #666;
        min-height: 17px;
    }

    #confirmBox h1 {
        letter-spacing: 0.3px;
        color: #fff;
        background: #78ADD5;
        /* padding-top: 16px; */
        position: relative;
        top: -17px;
        padding: 10px 10px 10px 22px;
        font-size: 17px;
    }

    #confirmBox p {
        background: none;
        font-size: 14px;
        line-height: 1.4;
        position: relative;
        top: -13px;
    }

#confirmButtons {
    text-align: center;
}

.buttonConfirmOrCancel {
    display: inline-block;
    position: relative;
    font: 17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    cursor: pointer;
    text-decoration: none;
    border: none;
    color: #666;
    width: 100%;
    background: #F1F0F0;
    padding: 5px;
}

    .buttonConfirmOrCancel:last-child {
        margin-right: 0;
    }

    .buttonConfirmOrCancel span {
        position: absolute;
        top: 0;
        right: -5px;
        /*background:url('buttons.png') no-repeat;*/
        width: 5px;
        height: 33px
    }

.CC24blue {
    background-position: left top;
}

    .CC24blue span {
        background-position: -195px 0;
    }

    .CC24blue:hover {
        background-position: left bottom;
        background: #fff9f9;
    }

.CC24gray {
    background-position: -200px top;
}

    .CC24gray span {
        background-position: -395px 0;
    }

    .CC24gray:hover {
        background-position: -200px bottom;
        background: #fff9f9;
    }

#confirmBox #CC24CrossDiv {
    position: relative;
    width: 15px;
    float: right;
}

#confirmBox #CC24CrossImg {
    position: absolute;
    width: 15px;
    right: 0;
    top: 1px;
    cursor: pointer;
}

.CarChat24-logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url('../Web/Images/CarChat24-background-logo.png') no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.BoatChat-logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url('../Web/Images/BoatChat-background-logo.png') no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.RVChat-logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url('../Web/Images/RVChat-background-logo.png') no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.LegalChat-logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url('../Web/Images/LegalChat-background-logo.png') no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.REChat-logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url('../../Web/Images/REChat-background-logo.png') no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.ServicesPro-logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url('../Web/Images/ServicesPro-background-logo.png') no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.Chatware-logo {
    float: left;
    margin: 0 0 0 20px;
    display: inline;
    background: url('../Web/Images/Chatware-background-logo.png') no-repeat;
    width: 191px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.CarChat24-f-logo {
    float: right;
    background: url('../Web/Images/CarChat24-bg-f-logo.png') no-repeat;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}

.BoatChat-f-logo {
    float: right;
    background: url('../Web/Images/BoatChat-bg-f-logo.png') no-repeat;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}

.RVChat-f-logo {
    background: url('../Web/Images/RVChat-bg-f-logo.png') no-repeat;
    float: right;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}

.LegalChat-f-logo {
    float: right;
    background: url('../../Web/Images/LegalChat-bg-f-logo.png') no-repeat;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}

.REChat-f-logo {
    float: right;
    background: url('../../Web/Images/REChat-bg-f-logo.png') no-repeat;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}

.ServicesPro-f-logo {
    float: right;
    background: url('../Web/Images/ServicesPro-bg-f-logo.png') no-repeat;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}

.Chatware-f-logo {
    float: right;
    background: url('../Web/Images/Chatware-bg-f-logo.png') no-repeat;
    width: 150px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999px;
}
/*.login_bgr { margin:0 auto;z-index: -1;}
.login_wnd_box {margin:0 auto; position:inherit;}*/


/*Mamata*/

.subscriberTable {
    background: #3ca1da;
}

.subscriberTable_dataRow {
    vertical-align: middle;
    padding: 5px 5px 5px;
    color: #0c4769;
    border-color: white;
    border-bottom: 1px solid #B7CDD9;
}

.monitoringReportPnl {
    background: #E3EEF4;
}

.info-grid table {
    background: #F5F5F5;
}

.GridMissedChatEven tr:nth-child(odd) {
    background: #e3eef4;
}

#tblOperatorMissedChatData tr:nth-child(odd) {
    background-color: #E3EEF4;
}

td.info-data-Actions-AnalysisOnlyHeader {
    text-align: right;
    color: #0c4769;
    font-size: 16px;
    line-height: 22px;
    padding-left: 4px;
    padding-right: 20px;
    font-weight: normal;
}

th.info-data-OnlyHeader {
    text-align: right;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    background: #3ca1da;
    font-weight: normal;
    padding-right: 20px;
}

.advancedReportTable {
    background: none !important;
}

.filterProcessing {
    width: 96%;
    line-height: 30px;
    background: #1B6E96;
    color: #eee;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.failedToReleaseDeco {
    background-color: rgba(255, 235, 59, 0.34);
}

.rowComboClass {
    background-color: #e3eef4;
}

.tbl-head {
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    padding: 11px 12px 15px;
    background: #3ca1da;
    font-weight: normal;
}

.d-table td {
    padding: 5px 21px 6px;
    color: #0c4769;
    line-height: 17px;
    vertical-align: middle;
}

#tblUserInfo tr:nth-child(odd) {
    background: #e3eef4;
}

#ContentPlaceHolder1_pnlImageChooser {
    background: #e3eef4;
}

.content-box .connected-list .ui-state-default::before {
    content: '\2022';
    padding-right: 5px;
    padding-left: 0;
}

.divFacebookSetup {
    background-color: #E3EEF4 !important;
}

.tblIconInviteDetails th {
    color: #fff;
    background-color: #4297D7;
    text-align: center;
}

.accordion-section-title.active, .accordion-section-title:hover {
    background: #3CA1DA;
    /* Type */
    text-decoration: none;
    color: #fff;
}

#slider-button {
    position: fixed;
    width: 50px;
    height: 28px;
    right: 0px;
    background: #005180;
    top: 14px;
    color: #EEF;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 6px;
    font: 14px Arial, Helvetica, sans-serif;
    cursor: pointer;
    font-weight: bold;
}

.no_margin_padding td {
    padding: 5px 21px 6px;
    color: #0c4769;
    line-height: 17px;
    vertical-align: middle;
    border: 0;
}

#tblChatSurveyResults td {
    border-bottom: 1px solid #4a7f9d;
}

#noDataFound {
    padding: 5px 10px 6px;
    padding: 4px;
    color: #0c4769;
    float: left;
    border-bottom: 1px solid #4a7f9d;
    line-height: 17px;
    line-height: 22px;
    vertical-align: middle;
    display: none;
    width: 100%;
}

#monthlyInvoiceTable {
    border: 1px solid #4a7f9d;
}

    #monthlyInvoiceTable td {
        border-right: 1px solid #4a7f9d;
    }

    #monthlyInvoiceTable tr td:last-child {
        border-right: none !important;
        /* styles */
    }

.tblInvoice table, .tblInvoice td, .tblInvoice th {
    border: 1px solid #4a7f9d;
    padding: 4px;
    text-align: center;
}

.tblInvoice th {
    background-color: #3CA1DA;
}

.tblReview table, .tblReview td, .tblReview th {
    border: 1px solid #4a7f9d;
    padding: 8px 8px 8px 30px;
    text-align: left;
}

#tblReviewInvoiceNumbers th {
    background: #3CA1DA;
}

#tblSummaryOfRefunds {
    border: 1px solid #4a7f9d;
}

.cell-heading {
    padding: 5px;
    border: 1px solid black;
    font-size: 16px;
    font-weight: 100;
    border-collapse: collapse;
    background: #3ca1da;
    text-align: left;
    color: white;
}

.cell-heading-width {
    padding: 5px;
    border: 1px solid black;
    font-size: 16px;
    font-weight: 100;
    border-collapse: collapse;
    background: #3ca1da;
    text-align: left;
    color: white;
    width: 20%;
}

.cell-heading-width-more {
    padding: 5px;
    border: 1px solid black;
    font-size: 16px;
    font-weight: 100;
    border-collapse: collapse;
    background: #3ca1da;
    text-align: left;
    color: white;
    width: 30%;
}

.cell-row {
    padding: 5px;
    border: 1px solid black;
    border-collapse: collapse;
    color: #0c4769;
    vertical-align: middle;
}

.lblAuditLog {
    margin: 0 0 11px;
    color: #25AAE1;
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
}

.mobile-like-bar {
    width: 100%;
    float: left;
    background: #25AAE1;
    color: white;
    height: 35px;
    margin-bottom: 10px;
    border-radius: 2px;
}


.clsHeadingOuter {
    background: #3ca1da;
}

.clsHeading {
    background: #D5D3D3;
}

.clsHeadingInner {
    background: #bafbc9;
}

.grdLogsTD {
    padding: 5px;
    border: 1px solid black;
    border-collapse: collapse;
    color: #0c4769;
}

.clsLandPageHeader {
    border-bottom: 1px solid #3792c5;
    padding-top: 10px;
}

.clsMissedSMSChatBG {
    background: #e3eef4;
}

.form label {
    float: left;
    clear: both;
    font-weight: bold;
    color: #0077AA;
    padding: 2px 0 2px 0;
}

.lblWebIntegrationAuditLog {
    margin: 0 0 11px;
    color: #25AAE1;
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
}

#grdTwoPageAuditLogs th {
    padding: 5px;
    font-size: 16px;
    font-weight: 100;
    border: 1px solid black;
    border-collapse: collapse;
    background: #3ca1da;
    text-align: left;
    color: white;
}

#grdTwoPageAuditLogs td {
    padding: 5px;
    border: 1px solid black;
    border-collapse: collapse;
    color: #0c4769;
}

.select-area {
    width: 100%;
    padding: 5px 0 5px;
    overflow: hidden;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    border: none !important;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: white !important;
}

.form-custom-control {
    margin: 5px;
}

    .form-custom-control label,
    .form-custom-control input {
        float: left;
    }

    .form-custom-control label {
        min-width: 155px;
        line-height: 35px;
        display: inline-block;
        float: none;
    }

.table-header-background {
    background: #3ca1da;
}

.table-base {
    width: 95%;
    border-collapse: collapse;
}

    .table-base tr:nth-child(odd) {
        background: #e3eef4;
    }

    .table-base td {
        padding: 5px 12px 6px;
        color: #0c4769;
        line-height: 17px;
        vertical-align: middle;
    }

    /*Ramit: CSS for Preview dialog of subscription page*/
.previewModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.divPreviewChanges {
    font-family: arial;
    font-size: 13px;
    box-sizing: border-box;
    position: absolute;
    top: 43%;
    left: 50%;
    /*transform: translate(-12%, -5%);*/
    transform: translate(-50%, -50%);
    /*width: 400px;*/
    /*max-height: 370px;*/
    width: 75%;
    height: 65%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

.divFeatureContainer {
    height: 100%;
    position: relative;
}

.divpreviewHeader {
    border: 1px solid #4297d7;
    /*background: #2384c6;*/
    background: #5c9ccc;
    border-radius: 5px;
    text-align: center;
    margin: .2em;
    padding: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.previewHeaderText {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.divBtnHolder {
    margin: 15px 15px 0;
    /*padding-bottom: 40px;*/
    position: absolute;
    bottom: 15px;
}

    .divBtnHolder .general-btn {
        float: left;
        width: 90px;
        text-align: center;
        margin: 3px;
    }

.divFeature {
    margin: 0 25px 0;
    /*height: 670px;*/
    max-height: 80%;
    overflow: auto;
    position: absolute;
    top: 60px;
    bottom: 55px;
}

.featureHeader {
    background: #5c9ccc;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    /*margin: 0px 450px 0;*/
    /*text-align: center;*/
}

.divDdlSalesManager {
    float: none;
    /*margin-right: 40px;*/
    margin-top: 10px;
}

    .divDdlSalesManager span {
        font-size: 15px;
    }

    .divDdlSalesManager select {
        margin-left: 5px;
        width: 160px;
    }

.tblFeature {
    /*margin-top: 35px;*/
    /*border: 2px ridge #2384c6;*/
    /*border-bottom: 1px groove #ccc;*/
    /*border-radius: 5px;*/
    border-collapse: collapse;
}

    .tblFeature th {
        background: #2384c6;
        color: #ececec;
        font-size: 16px;
        /*border-radius: 5px;*/
        padding: 5px;
        text-align: left;
    }

.trFeature {
    border-bottom: 1px solid #4a7f9d;
}

    .trFeature td {
        padding: 2px;
    }

.trEven {
    background: #e3eef4;
}

    .trEven td {
        background: #e3eef4;
    }

.tdFeatureKey label {
    margin: 5px;
    font-size: 16px;
    padding: 5px;
}

.tdFeatureValue {
    margin: 0 5px 0;
    height: 14px;
}

    .tdFeatureValue div {
        display: inline-flex;
        /*margin: 0px 25px 0;*/
    }

.divDdlValue {
    float: none;
    margin-top: 10px;
}

    .divDdlValue select {
        margin-left: 5px;
        width: 75px;
        padding: 2px !important;
    }

.tdFeatureValue label {
    display: block !important;
    line-height: 22px !important;
    padding: 0 !important;
    font-size: 15px;
}

.tdFeatureValue span {
    /*float: right;*/
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 6px;
    /*margin: 0px 25px 0;*/
    margin: 0px 2px 0;
}

.tdFeatureValue input {
    width: 60px;
    font-size: 15px;
    height: 20px;
    color: #3d3d3d;
    border: 0;
    padding: 0 5px 0;
}

/* width */
.divPreviewChanges ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.divPreviewChanges ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 3px;
}

/* Handle */
.divPreviewChanges ::-webkit-scrollbar-thumb {
    background: #cae7f7;
    border-radius: 3px;
}

    /* Handle on hover */
    .divPreviewChanges ::-webkit-scrollbar-thumb:hover {
        background: #2384c6;
    }

#btnClose:hover {
    text-decoration: underline;
}

#btnClose {
    border-radius: 50px;
    overflow: hidden;
    color: #5a5b5b;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 20px;
    text-align: center;
    background: #f1f1f1;
    border: 1px solid #bbb;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    min-width: 65px;
}
.preview-header-background-color {
    background: #2384c6;
}
    /*Ramit: CSS for Preview dialog of subscription page*/

/*style the main menu*/
	.myMenu {
		margin:0;
		padding:0;
	}
	
	.myMenu li {
		list-style:none;
        display:inline-block;
        padding:0;
		font:12px Arial, Helvetica, sans-serif #111;
        background:none;
        text-align:left;
	}
	
	.myMenu li a:link, .myMenu li a:visited {
		display:block;
		text-decoration:none;
		padding:5px 10px;
		margin:0;
		border-right: 1px solid #3792c5;
	}
	
	.myMenu li a:hover {
        color:#FFF;
	}
	
	/*style the sub menu*/
	.myMenu li ul {
		position:absolute;
		visibility:hidden;
		margin:0;
		padding:0;
        z-index:9999;
        border-top:1px solid #014d79;
	}
	
	.myMenu li ul li {
		display:inline;
		float:none;
	}
	
	.myMenu li ul li a:link, .myMenu li ul li a:visited {
		background-color:#0c4769;
        color:#6cf;
		width:auto;
        border-right:none;
        border-bottom:1px solid #014d79;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:   0px 2px 2px 0px rgba(50, 50, 50, 0.75);
        box-shadow:0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	}
	
	.myMenu li ul li a:hover {
		background-color:#0c4769;
        color:#FFF;
	}
    #liLogout a{
        border-right:none;
    }