/* Font face declarations, must be outside media queries */
@font-face {
  font-family: 'MarketWeb';
  src: url("../font/MarketWeb.eot?") format('embedded-opentype'), url("../font/MarketWeb.woff") format('woff'), url("../font/MarketWeb.ttf") format('truetype');
}

@font-face {
  font-family: 'MarketWeb-Bold';
  src: url("../font/MarketWeb-Bold.eot?") format('embedded-opentype'), url("../font/MarketWeb-Bold.woff") format('woff'), url("../font/MarketWeb-Bold.ttf") format('truetype');
}

@font-face {
  font-family: 'MarketWeb-CondMedium';
  src: url("../font/MarketWeb-CondMedium.eot?") format('embedded-opentype'), url("../font/MarketWeb-CondMedium.woff") format('woff'), url("../font/MarketWeb-CondMedium.ttf") format('truetype');
}

@font-face {
  font-family: 'OCRAStd';
  src: url("../font/OCRAStd.eot?") format('embedded-opentype'), url("../font/OCRAStd.woff") format('woff'), url("../font/OCRAStd.ttf") format('truetype');
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/691f57f2-18ae-438d-ae65-6285c1fa13b0.woff2) format("woff2"), url(../font/830aeb20-cda4-4b30-9f05-7e5321980567.woff) format("woff"), url(../font/43a1309d-3e52-4cd5-bafd-2e574c7f3551.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/2d390732-fc05-41fc-81f9-84e83acf42b4.woff2) format("woff2"), url(../font/0785a979-1d47-4ba3-8c6d-d9ae7c86606b.woff) format("woff"), url(../font/9d70baa5-5d59-4641-b298-4a099c9bf30a.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/2192a26c-de1c-4c50-88d1-e5136033c15a.woff2) format("woff2"), url(../font/0212d203-ce3f-42e2-862a-edf988621728.woff) format("woff"), url(../font/c48fd17b-25da-4fc6-92e5-50a069fb141e.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/d08e3748-ad0b-438d-9345-08f3d219794d.woff2) format("woff2"), url(../font/1e6b5b27-87a9-4cd9-b0c6-60f590a92a3f.woff) format("woff"), url(../font/d20399e0-bcd3-47e4-8ef4-0add6668b6fe.ttf) format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/198fd78b-3655-4768-89c4-31caf65ea363.woff2) format("woff2"), url(../font/49631ce8-9201-47a8-8874-45371417c35f.woff) format("woff"), url(../font/7c8b66a8-a481-4bfd-91b0-d190b68ecb3e.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/18c3cd43-d882-4746-81f4-8df46f1c2577.woff2) format("woff2"), url(../font/b4f938d0-a505-41bc-b632-2d7494c5485c.woff) format("woff"), url(../font/0d32c543-a8d4-42da-a403-0952cc1aa800.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/1a14dcac-7c9e-471c-8039-33c730f871f2.woff2) format("woff2"), url(../font/558ed534-0c60-42cf-8b94-d0a16eb70d37.woff) format("woff"), url(../font/c5638ad1-cf7f-4f3b-b944-c3c51c8a3971.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/6acb9b26-7e8e-46b4-b68b-631ab07d6ed7.woff2) format("woff2"), url(../font/2914a90e-d766-4cf8-97b9-04c5fe897f06.woff) format("woff"), url(../font/c82855f9-121f-4b48-adb7-0d458c665f79.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/5393f1cf-e069-4466-bb37-f26f99fb4cf7.woff2) format("woff2"), url(../font/26b8484e-52e3-44ac-b958-865809934ebb.woff) format("woff"), url(../font/f1bb5bea-e76e-4842-9dea-78c029884622.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/02f2f356-cfd2-43fe-90f2-eda8d3b96bd9.woff2) format("woff2"), url(../font/b3eb078b-6b36-4aed-812d-7514af6da90a.woff) format("woff"), url(../font/86f34e5b-08bd-45df-9371-7f905a61e8a5.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/d9122e8d-bf26-4f1c-bab9-c06599397b59.woff2) format("woff2"), url(../font/db0cec12-a947-40fe-a115-c5ce22ee79f6.woff) format("woff"), url(../font/7d5fadf4-1c20-48ef-9d53-ed17dece64db.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/500cb60b-8895-4dfc-aea6-47ee4c4da6ac.woff2) format("woff2"), url(../font/baa6d879-f39c-4d66-8f17-a55f3ea11cff.woff) format("woff"), url(../font/1cb7daba-f8e7-470b-8b2e-d6a57ddfb9ad.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/c415f3fd-ff27-40fe-af94-8b4a54b4b4e4.woff2) format("woff2"), url(../font/a1da20c7-4dc9-4af5-bd6f-9ebe50b6788d.woff) format("woff"), url(../font/d97d6994-a426-43f8-a392-2870e4cc705f.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/ef2b3292-135d-4624-b27d-f269ec1f152d.woff2) format("woff2"), url(../font/7b4f3bc7-dcf6-4adf-8a71-7665710d23bd.woff) format("woff"), url(../font/5aca0aff-204f-4418-af3c-67ca2781fd3d.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/af1fce28-d2e4-49d4-992b-52775f356a0f.woff2) format("woff2"), url(../font/3e72cddd-a14a-4d07-a597-60d0c65d4a4b.woff) format("woff"), url(../font/2deb5962-c7a7-45ee-8db3-7515ffb46efc.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica W06";
    src: url(../font/e5ee0059-9877-4e8e-982a-d4115f37d896.woff2) format("woff2"), url(../font/dfd1d66d-5d6e-4c84-8cfd-8a2486e5604e.woff) format("woff"), url(../font/52ca273f-4bba-47e5-b752-8a322e6cde51.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

/* Media screen/projection query start */

@media screen, projection {

    HTML {
        height: 100%;
    }
    BODY {
        min-width: 960px;
        min-height: 100vh;
        padding-bottom: 200px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative;
    }
    BODY.in_window {
        min-width: 500px;
    }
    BODY.in_admin {
        min-width: 600px;
    }

    H1 {
        font-size: 20px;
        line-height: 30px;
    }
    H2 {
        font-size: 16px;
        line-height: 25px;
    }
    H3, H4, H5, H6 {
        font-size: 13px;
        line-height: 20px;
    }

    h1 .de-emphasize,
    h2 .de-emphasize,
    h3 .de-emphasize {
        font-weight: normal !important;
    }

    h2 a.ico-tooltip {
        vertical-align: middle;
        margin-top: -4px;
    }

    H2.small-caps,
    H3.small-caps {
        font-size: 13px;
        line-height: 20px;
        text-transform: uppercase;
    }
    H3.alt {
        margin: 2em 0 -1em;
    }
    H3.caption {
        margin: 0;
        padding: 5px 10px 0;
        border-top: 1px solid #e0e0eb;
        font-size: 16px;
        line-height: 30px;
        font-weight: normal;
    }
    H3.alt {
        border-bottom: 1px solid #e8e8e8;
    }
    TABLE.grid + H3.caption {
        padding-top: 0;
        border: none;
    }

    A {
        color: #4a83c2;
        text-decoration: none;
    }
    A:hover {
        text-decoration: underline;
    }
    A:focus {
        outline: none;
    }
    A SPAN.extra {
        color: #999;
        position: relative;
        right: -1px;
    }
    A.alt:hover,
    A.alt:focus,
    A.alt:active {
        text-decoration: none;
    }
    A.alt:hover SPAN,
    A.alt:focus SPAN,
    A.alt:active SPAN {
        text-decoration: underline;
    }
    A.alt:hover SPAN.extra,
    A.alt:focus SPAN.extra,
    A.alt:active SPAN.extra {
        text-decoration: none;
    }
    A.alt.button:hover SPAN,
    A.alt.button:focus SPAN,
    A.alt.button:active SPAN {
        text-decoration: none;
    }

    .button.small:not(.hidden) + .button.small,
    .button.small:not(.hidden) + .button.small.disabled,
    .button.small:not(.hidden) + .button.small:hover,
    .button.small:not(.hidden) + .button.small.disabled:hover {
        margin-left: 5px;
    }

    .button + .meta {
        margin-left: 10px;
    }

    .cta .button {
        margin-bottom: 10px;
    }

    p.action .button.small:not(.hidden) + .button.small,
    p.action .button.small:not(.hidden) + .button.small.disabled,
    p.action .button.small:not(.hidden) + .button.small:hover,
    p.action .button.small:not(.hidden) + .button.small.disabled:hover {
        margin-left: 0;
    }

    DT {
        font-weight: 600;
    }
    OL {
        margin-left: 3em;
    }
    OL OL {
        margin: .5em 0 .5em 2.5em;
    }
    UL {
        margin-left: -1em;
    }
    UL LI {
        padding-left: 13px;
        background: url(bg-ul.svg) no-repeat 0 7px;
    }
    UL UL {
        margin: .5em 0 .5em 1.5em;
    }

    BLOCKQUOTE {
        padding-left: 80px;
        background: url(bg_quote.png) no-repeat 0 0;
    }
    BLOCKQUOTE P {
        margin-top: 20px;
    }
    CITE {
        margin-top: .5em;
        color: #b2b2b2;
        font-size: 11px;
        font-weight: 600;
        font-style: normal;
    }
    IMG {
        -ms-interpolation-mode: bicubic;
    }

    /* =layout
    -------------------------------------------------- */
    #wrap {
        width: 966px;
        margin: 0 auto;
    }
    #wrapper {
        min-height: 280px;
        padding-top: 10px;
    }
    #wrapper.sub {
        background: url(bg_wrapper.png) no-repeat 190px 20px;
    }
    #left {
        float: left;
        width: 150px;
        padding: 20px 0 30px;
    }
    #sidebar {
        float: left;
        width: 220px;
        padding-top: 10px;
    }
    #content {
        float: right;
        width: 700px;
        padding: 20px 0 40px;
    }
    #content-popup {
        width: auto;
        max-width: 700px;
        padding: 10px;
        float: none;
    }
    #content-admin {
        width: 700px;
        padding: 10px;
        float: none;
    }
    #content-admin #nav p#meta a {
        color: #000;
    }
    #content-wide {
        float: right;
        width: 780px;
    }
    #content-sidebarless {
        float: none;
        width: 100%;
    }
    #content-wide H1 {
        display: none;
    }

    /* =header
    -------------------------------------------------- */
    #header {
        width: 960px;
        height: 95px;
        margin: 0 auto;
        position: relative;
        z-index: 4;
    }
    #header p {
        margin: 0;
    }
    #header a {
        color: #222;
        text-decoration: none;
    }

    #logo,
    #tools {
        position: absolute;
    }
    #mobile-menu {
        display: none;
    }
    /* =logo
    -------------------------------------------------- */

    #logo,
    #logo A {
        height: 40px;
        overflow: hidden;
    }
    #logo {
        width: 84px;
        background: url(lhv-logo.svg) no-repeat scroll 100% 0 transparent;
        top: 33px;
        left: 0;
        margin: 0;
        padding: 0;
        border: none;
        text-indent: -5000px;
    }
    #logo A {
        display: block;
    }
    #logo-print {
        display: none;
    }

    /* =tools
    -------------------------------------------------- */
    #tools {
        top: 18px;
        right: 0px;
        width: 870px;
        text-transform: uppercase;
    }
    #tools .col1 {
        float: left;
    }

    body[class^="lt-"] #tools .col1 {
        padding-top: 20px;
        float: left;
    }

    #tools .col2 {
        padding-top: 20px;
        float: right;
        font-weight: 600;
    }

    #tools .link {
        padding: 2px;
        line-height: 16px;
    }
    #tools .link A {
        padding: 2px 15px;
    }

    #tools .selected {
        font-weight: 600;
    }

    #lang,
    #mobile-lang,
    #support-link {
        float: left;
        border-right: 1px solid #efefef;
    }
    #lang,
    #mobile-lang {
        padding: 0 0 0 15px;
        border-right: 0;
    }
    #lang a,
    #mobile-lang a {
        float: left;
        padding: 2px 5px;
    }
    #lang span,
    #mobile-lang span {
        display: none;
    }

    #support-link {
        padding-right: 10px;
    }
    #support-link a {
        display: block;
        padding: 2px 10px 2px 22px;
    }

    /* =search
    -------------------------------------------------- */
    #search {
        float: right;
        position: relative;
        top: 30px;
        right: -2px;
        width: 140px;
    }
    #search-field {
        width: 140px;
        height: 19px;
        overflow: hidden;
        margin: 0;
        background: url(bg_search.png) no-repeat 0 0;
        white-space: nowrap;
    }
    #search-field INPUT {
        width: 110px;
        height: 15px;
        margin: 0 0 0 21px;
        padding: 3px 0;
        border: none;
        background: none;
        outline: none;
        line-height: normal !important;
    }
    *+html #search-field INPUT {
         padding-top: 2px;
    }

    /* layer */

    #search-layer {
        display: none;
        position: absolute;
        right: -7px;
        width: 238px;
        min-height: 100px;
    }
    #search-layer DL {
        margin: 0;
    }
    #search-layer P,
    #search-layer DT,
    #search-layer DD {
        background: url(bg_search_layer.png) no-repeat;
    }
    #search-layer DT {
        height: 30px;
        overflow: hidden;
        padding: 0 19px;
        background-position: -238px -11px;
        line-height: 30px;
        text-transform: uppercase;
        cursor: default;
    }
    #search-layer DT.first {
        padding-top: 11px;
        background-position: 0 0;
    }
    #search-layer DD {
        padding: 0 9px;
        background-repeat: repeat-y;
        background-position: 0 -41px;
    }
    #search-layer DD.last {
        padding-bottom: 2px;
        background-position: 0 100%;
    }
    #search-layer DD + DD A {
        border-top: 1px solid #e8e8e8;
    }

    #search-layer DL A,
    #search-layer DL SPAN,
    #search-layer DL STRONG {
        display: block;
    }
    #search-layer DL A {
        min-height: 1px;
        padding: 8px 10px;
        text-decoration: none;
    }
    #search-layer DL SPAN {
        color: #6f6f6f;
    }
    #search-layer DL A:hover {
        text-decoration: underline;
    }
    #search-layer DL A:hover SPAN {
        color: #222;
    }

    #search-layer P.footer {
        height: 25px;
        overflow: hidden;
        padding: 6px 14px 11px;
        background-position: -238px 100%;
        line-height: 20px;
    }

    #search-layer P.empty {
        height: 30px;
        overflow: hidden;
        padding: 7px 12px 2px;
        background-position: -214px 0;
        line-height: 30px;
        text-align: center;
    }

    /* =nav
    -------------------------------------------------- */
    #navContainer {
        position: absolute;
        left: 0;
        right: 0;
        background: rgb(71,71,84); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(71,71,84,1) 0%, rgba(59,59,71,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(71,71,84,1) 0%,rgba(59,59,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(71,71,84,1) 0%,rgba(59,59,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474754', endColorstr='#3b3b47',GradientType=0 ); /* IE6-9 */
        height: 50px;
        min-width: 966px;
    }

    #nav {
        position: relative;
        z-index: 3;
        width: 960px;
        height: 50px;
        margin: 0 auto 6px;
    }
    #nav.docked {
        margin-bottom: -53px;
    }
    #nav.login {
    }
    #nav.logged-out {
    }

    #nav a span {
        cursor: pointer;
    }
    #nav P.field,
    #nav P.action,
    #nav .tabs-small a {
        color: #2c3034;
    }
    #nav .tabs-small {
        float: left;
        height: 35px;
        overflow: hidden;
        margin: 0;
        padding: 15px 15px 0 10px;
    }
    #nav .tabs-small li {
        margin: 0 5px 0 0;
    }
    #navlogin,
    #navlogin .tab-content {
        float: left;
        height: 50px;
        overflow: hidden;
    }
    #nav .ui-state-active A,
    #nav .ui-state-active SPAN {
        cursor: default;
    }
    #nav .ui-state-active A {
        background: #596781;
        color: #fff !important;
    }
    #nav .ui-state-active SPAN {
        background: #596781;
    }
    #nav .tabs-small A:hover,
    #nav .tabs-small A:focus {
        background: #fff;
    }
    #nav .tabs-small A:hover SPAN,
    #nav .tabs-small A:focus SPAN {
        background: #fff;
    }

    #nav .ui-state-active A:hover,
    #nav .ui-state-active a:hover SPAN {
        background: #596781;
    }

    #nav P.field,
    #nav P.action {
        float: left;
        margin: 0;
        padding: 10px 0 0 10px;
    }
    #nav P.action {
        padding-left: 10px;
    }
    #nav SPAN.label {
        float: left;
        padding-right: 10px;
    }
    #nav SPAN.field {
        width: 120px;
    }
    #nav SPAN.field INPUT {
        width: 112px;
    }

    #home,
    #meta,
    #links {
        height: 50px;
        overflow: hidden;
    }

    #home {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: url(bg-navi-home.svg) no-repeat center right;
    }

    #home,
    #links,
    #links li,
    #meta a,
    #meta span {
        float: left;
        text-decoration: none;
    }

    #home a,
    #home span,
    #quick a,
    #quick span,
    #links a,
    #links span {
        display: block;
        color: #f4f4f4;
    }

    #quick {
        opacity: .6;
        width: 36px !important;
        margin-right: 18px !important;
    }

    #quick .quick-ico {
        margin-left: -10px;
    }

    #home a:hover,
    #quick a:hover,
    #quick span:hover,
    #links a:hover,
    #links span:hover {
        text-decoration: underline !important;
    }

    #home span,
    #quick a,
    #links a,
    #meta a,
    #meta span {
        height: 50px;
        overflow: hidden;
        color: #f4f4f4;
        font-weight: 600;
        line-height: 50px;
        outline: none;
    }
    #home span {
        padding-top: 19px;
        line-height: 1em;
    }

    #nav .quick-ico,
    #nav .quick-title {
        float: left;
        white-space: nowrap;
    }
    #home .quick-title {
        padding-right: 25px;
        padding-left: 20px;
    }
    #nav .quick-ico {
        margin: 5px 0 0 5px;
    }
    #nav .truncated {
        width: 50px;
    }
    #nav .truncated .quick-ico {
        float: none;
        display: block;
    }
    #nav .truncated .quick-title {
        display: none;
        min-width: 0;
    }

    #home {
        overflow: hidden;
        margin: 0;
        text-transform: uppercase;
        cursor: default;
    }

    #home.truncated {
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
        min-width: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        background: none;
    }

    #home .quick-ico {
        margin: 5px;
    }

    #home a:hover,
    #home a:focus {
        text-decoration: none;
    }

    #meta,
    #quick {
        float: right;
        margin: 0;
    }

    #meta {
        padding: 0 16px 0 0;
        white-space: nowrap;
    }

    /* virtual */
    #virtual {
        height: 35px;
        width: 960px;
        margin: 0 0 0 3px;
        background: #fcf69e;
        position: absolute;
        top: 148px;
        z-index: 1;
    }
    #virtual p {
        font-size: 13px;
        line-height: 30px;
        margin: 0;
        display: inline-block;
        padding-left: 40px;
    }
    #virtual p span.icon {
        display: inline-block;
        width: 40px;
        background: url(bg-quick-icons.svg) no-repeat -880px -5px;
    }

    /* user */

    #user,
    #user SPAN {
        background: url(sprite-user.svg) no-repeat -100px 0;
    }
    #user {
        margin-left: 18px;
        padding-right: 18px;
        background-position: 100% 0;
    }
    #user .person,
    #user .company {
        padding-left: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 135px;
        white-space: nowrap;
    }
    #user .person {
        background-position: 0 -53px;
    }
    #user .company {
        background-position: 0 -103px;
    }

    /* user select */

    #user-layer {
        display: none;
        position: absolute;
        margin: 35px 0 0;
        padding: 1px;
        background: #3B3B47;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 9px rgba(0,0,0,0.8);
        -webkit-box-shadow: 0 1px 9px rgba(0,0,0,0.8);
        box-shadow: 0 1px 9px rgba(0,0,0,0.8);
        z-index: 999999;
    }
    #user-layer LI {
        display: inline;
        padding: 0;
        background: none;
        cursor: pointer;
    }
    #user-layer A {
        display: block;
        padding: 1px 10px 1px 25px;
        background: url(sprite-user.svg) no-repeat -100px 0;
        color: #f4f4f4;
        font-size: 13px;
        line-height: 20px;
        text-decoration: none !important;
    }
    #user-layer .person A {
        background-position: 5px -167px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }
    #user-layer .company A {
        background-position: 6px -217px;
    }
    #user-layer A:hover {
        background-color: #6f6f6f;
        color: #fff;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }
    #user-layer .company A:hover {
        background-position: 6px -217px;
    }

    /* messages */

    #messages-slot {
        margin-right: 18px;
    }

    #messages,
    #messages SPAN {
        background: url(ico-envelope.svg) no-repeat -100px 0;
    }
    #messages {
        background-position: 100% 0;
        width: 50px;
    }
    #messages .envelope {
        padding-left: 20px;
        margin-left: 18px;
        background-position: 0 15px;
    }

    #messages .badge {
        position: relative;
        display: none;
        line-height: 1.5em !important;
        top: 9px;
        right: 10px;
        text-align: center;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        height: 16px !important;
        width: 22px;
        border-radius: 8px;
        background-color: #FF6764;
        color: white;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0;
    }

    /* Log out */

    #logout {
        margin-left: 18px;
    }

    .vertical-bar {
        box-sizing: border-box;
        height: 16px !important;
        margin: auto;
        position: relative;
        top: 34%;
        bottom: 0;
        width: 1px;
        border-left: 1px solid rgba(255,255,255,0.2);
    }

    /* links */

    #links,
    #links A,
    #links LI {
        height: 50px;
    }
    #links {
        width: 400px !important;
        overflow: hidden;
        margin: 0;
        padding: 0;
        visibility: hidden;
    }
    #links LI {
        padding: 0;
        background: none;
    }
    #links .quick-title {
        padding-right: 10px;
    }
    #links .sort,
    #links .sort SPAN {
        cursor: move;
    }
    #links A.pointer,
    #links A.pointer SPAN {
        cursor: pointer;
    }
    #links A.ico {
        position: relative;
        z-index: 1;
        margin: -25px 0 0 25px;
        padding: 0;
    }

    .quick-ico {
        display: block;
        width: 40px !important;
        height: 40px !important;
        overflow: hidden;
        background: url(bg-quick-icons.svg) no-repeat;
        text-indent: -5000px;
    }
    .quick-ico.ico01 { background-position: 0 0 }
    .quick-ico.ico02 { background-position: -40px 0 }
    .quick-ico.ico03 { background-position: -80px 0 }
    .quick-ico.ico04 { background-position: -120px 0 }
    .quick-ico.ico05 { background-position: -160px 0 }
    .quick-ico.ico06 { background-position: -200px 0 }
    .quick-ico.ico07 { background-position: -240px 0 }
    .quick-ico.ico08 { background-position: -280px 0 }
    .quick-ico.ico09 { background-position: -320px 0 }
    .quick-ico.ico10 { background-position: -360px 0 }
    .quick-ico.ico11 { background-position: -400px 0 }
    .quick-ico.ico12 { background-position: -440px 0 }
    .quick-ico.ico13 { background-position: -480px 0 }
    .quick-ico.ico14 { background-position: -520px 0 }
    .quick-ico.ico15 { background-position: -560px 0 }
    .quick-ico.ico16 { background-position: -600px 0 }
    .quick-ico.ico17 { background-position: -640px 0 }
    .quick-ico.ico18 { background-position: -680px 0 }
    .quick-ico.ico19 { background-position: -720px 0 }
    .quick-ico.ico20 { background-position: -760px 0 }
    .quick-ico.ico21 { background-position: -800px 0 }
    .quick-ico.ico22 { background-position: -840px 0 }
    .quick-ico.ico23 { background-position: -880px 0 }
    .quick-ico.ico24 { background-position: -920px 0 }
    .quick-ico.ico25 { background-position: -960px 0 }
    .quick-ico.ico26 { background-position: -1000px 0 }
    .quick-ico.ico27 { background-position: -1040px 0 }
    .quick-ico.ico29 { background-position: -1120px 0 }
    .quick-ico.ico30 { background-position: -1160px 0 }
    .quick-ico.ico31 { background-position: -1200px 0 }

    .disabled .quick-ico {
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

    /* =qedit
    -------------------------------------------------- */
    #qedit {
        position: relative;
        min-height: 1px;
        margin: 50px auto 0px;
        padding: 0 1px;
        background: #3B3B47;
        cursor: default;
        box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    }
    #qedit LI .ico {
        display: none !important;
    }
    #qedit LI .quick-ico {
        margin: 0 auto;
    }
    #qedit DIV.a {

    }
    #qedit DIV.b {
        padding: 14px 0 20px;

    }
    #qedit H2 {
        margin: 0;
        padding: 1px 0 9px;
        color: #f4f4f4;
        font-weight: normal;
        text-align: center;
    }
    #qedit UL {
        margin: 0;
    }
    #qedit LI {
        float: left;
        width: 140px !important;
        height: 70px !important;
        overflow: hidden;
        padding: 0 10px;
        background: none;
        font-size: 11px;
        line-height: 15px;
        text-align: center;
    }
    #qedit LI A {
        display: block;
        outline: none;
        color: #f4f4f4;
        text-decoration: none !important;
    }
    #qedit LI A,
    #qedit LI SPAN {
        cursor: default;
    }
    #qedit .enabled A,
    #qedit .enabled SPAN {
        cursor: move;
    }
    #qedit .ui-draggable-dragging {
        z-index: 99;
    }
    #qedit .disabled A,
    #qedit .disabled SPAN {
        cursor: default;
    }
    #qedit .disabled A {
        color: #888;
        background-position: 0 -60px !important;
    }

    #qedit LI A:hover,
    #qedit LI A:focus {
        background-position: 0 -20px;
    }
    #qedit LI A:active {
        background-position: 0 -40px;
    }
    #qedit P.close {
        position: absolute;
        top: 18px;
        right: 11px;
    }
    #qedit P.close A.ico {
        height: 0 !important;
        padding-top: 20px;
        overflow: hidden;
        text-indent: 0;
    }
    #qedit P.action {
        margin-top: 10px;
        text-align: center;
    }

    /* =page
    -------------------------------------------------- */
    #page {
        min-height: 311px; /* 333px without padding */
        padding: 2px 13px 50px;
    }
    #page.docked {
        min-height: 261px;
        margin-top: 51px;
    }
    #page.docked #wrapper {
        padding-top: 10px;
    }
    #page #content {
        padding-top: 0;
    }
    #page.virtual {
        padding-top: 38px;
    }
    #page .content {
        padding-top: 1px;
    }

    /* =intro
    -------------------------------------------------- */
    #intro {
        position: relative;
        height: 320px;
        overflow: hidden;
        margin-top: -5px;
        border-bottom: 1px solid #e8e8e8;
    }

    #intro-slogan {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        text-indent: -5000px;
    }

    #intro #intro-content {
        position: absolute;
        top: 145px;
        left: 360px;
        width: 180px;
        height: 130px;
        overflow: hidden;
        padding-left: 40px;
        border-left: 1px solid #e8e8e8;
        color: #909090;
        font-size: 16px;
        line-height: 25px;
    }
    #intro-plain #intro-content {
        position: absolute;
        top: 40px;
        left: 300px;
        width: 585px;
        height: 250px;
        overflow: hidden;
        padding-left: 30px;
        border-left: 1px solid #e8e8e8;
        color: #909090;
        font-size: 16px;
        line-height: 25px;
    }
    #intro-content h2 {
        margin: 0 0 20px;
    }
    #intro-content P {
        margin: 0 0 20px;
    }
    #intro-plain #intro-content .more {
        position: absolute;
        top: 225px;
        width: 525px;
        text-align: center;
    }
    #intro-plain #intro-content .more a {
        font-size: 13px;
        color: #7c7c7c;
    }

    #intro-plain {
        position: relative;
        height: 320px;
        border-bottom: 1px solid #e8e8e8;
        overflow: hidden;
        background: url(bg-intro-plain.jpg) no-repeat 50% 100%;
    }

    #one-year,
    #six-months {
        position: absolute;
        display: block;
        width: 150px;
        height: 152px;
        text-indent: -1000em
    }
    .et #one-year {
        top: 57px;
        left: 108px;
        background: transparent url(et/rates-1y.png) 50% 0 no-repeat;
    }
    .et #six-months {
        top: 57px;
        left: 344px;
        background: transparent url(et/rates-6m.png) 50% 0 no-repeat;
    }
    .et #two-years {
        position: absolute;
        top: 45px;
        left: 219px;
        display: block;
        width: 160px;
        height: 160px;
        background: transparent url(et/rates-2y.png) 50% 0 no-repeat;
        text-indent: -1000em;
    }
    #two-years-shadow-cont {
        position: absolute;
        top: 5px;
        left: 180px;
        display: block;
        width: 238px;
        height: 240px;
    }
    .et #two-years-shadow {
        display: block;
        width: 238px;
        height: 240px;
        background: transparent url(et/rates-2y-bg.png) 50% 0 no-repeat;
    }

    .en #one-year {
        top: 57px;
        left: 108px;
        background: transparent url(en/rates-1y.png) 50% 0 no-repeat;
    }
    .en #six-months {
        top: 57px;
        left: 344px;
        background: transparent url(en/rates-6m.png) 50% 0 no-repeat;
    }
    .en #two-years {
        position: absolute;
        top: 45px;
        left: 219px;
        display: block;
        width: 160px;
        height: 160px;
        background: transparent url(en/rates-2y.png) 50% 0 no-repeat;
        text-indent: -1000em;
    }
    .en #two-years-shadow {
        display: block;
        width: 238px;
        height: 240px;
        background: transparent url(en/rates-2y-bg.png) 50% 0 no-repeat;
    }

    #enterbank,
    #goodrates {
        height: 35px;
        text-indent: -10000em;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }

    #intro #front-loggedin {
        position: absolute;
        top: 135px;
        left: 50px;
        width: 380px;
        color: #909090;
        font-size: 16px;
        line-height: 25px;
    }

    #intro-plain #front-loggedin {
        position: absolute;
        top: 85px;
        left: 30px;
        width: 300px;
        color: #909090;
        font-size: 16px;
        line-height: 25px;
    }

    #front-loggedin P {
        margin: 0;
    }
    #front-loggedin P.more {
        margin-top: 20px;
    }

    #intro #frontlogin {
        position: absolute;
        top: 115px;
        left: 0;
        width: 350px;
    }
    #frontlogin h2 {
        margin: 0 0 20px;
    }
    #frontlogin div.message h2 {
        margin: 0;
    }
    #intro-plain #frontlogin {
        position: absolute;
        top: 40px;
        left: 0;
        width: 300px;
    }
    #frontlogin .tabs-small {
        margin: 0;
        padding: 0;
    }
    #frontlogin .tabs-small li {
        margin: 0 3px 0 0;
    }
    #frontlogin .tabs-small a {
        color: #727e94;
    }
    #frontlogin .tabs-small .ui-state-active A {
        background-color: #acb3c0;
        color: #fff;
    }

    #frontlogin  .tabs-small .active SPAN,
    #frontlogin  .tabs-small .active STRONG,
    #frontlogin .tabs-small .ui-state-active A,
    #frontlogin .tabs-small .ui-state-active SPAN {
        background-color: #acb3c0;
    }

    #frontlogin DIV.tab-content {
        clear: both;
        min-height: 1px;
        padding-top: 20px;
    }
    #frontlogin P {
        margin: 0 0 10px;
    }
    #frontlogin label {
        float: left;
    }
    #frontlogin .label {
        float: left;
        width: 140px;
        margin-right: 20px;
        background: rgba(255,255,255,0.56);
        color: #909090;
        text-align: right;
    }
    #frontlogin LABEL.remember {
        padding-left: 160px;
        color: #909090;
    }


    #intro #frontlogin .label {
        float: left;
        width: 140px;
        margin-right: 20px;
        background: rgba(255,255,255,0.56);
        color: #909090;
        text-align: right;
    }
    #intro #frontlogin LABEL.remember {
        padding-left: 160px;
        color: #909090;
    }
    #intro-plain #frontlogin .label {
        float: left;
        width: 100px;
        margin-right: 20px;
        background: rgba(255,255,255,0.56);
        color: #909090;
        text-align: right;
    }
    #intro-plain #frontlogin LABEL.remember {
        padding-left: 120px;
        color: #909090;
    }

    #frontlogin P.action {
        margin: 20px 0 0;
    }

    #intro #frontlogin .tabs-small {
        padding-left: 100px;
    }
    #intro-plain #frontlogin .tabs-small {
        padding-left: 60px;
    }
    #intro #frontlogin P.action {
        padding-left: 160px;
    }
    #intro-plain #frontlogin P.action {
        padding-left: 120px;
    }

    #intro #frontlogin .more {
        margin: 2em 0 0;
        padding-left: 160px;
    }
    #intro-plain #frontlogin .more {
        margin: 2em 0 0;
        padding-left: 120px;
    }

    #frontlogin .tabs-small {
        padding-left: 160px;
    }
    #frontlogin P.action {
        padding-left: 160px;
    }

    #frontlogin .more {
        margin: 2em 0 0;
        padding-left: 160px;
    }
    #frontlogin .more a {
        font-size: 13px;
        color: #adadad;
    }

    .site-desc + #frontlogin {
        height: 180px;
        margin-top: 35px;
        padding-left: 40px;
        border-bottom: 1px solid #e8e8e8;
    }
    .site-desc + #frontlogin .tabs-small {
        padding-left: 160px;
    }

    /* mobile id login */
    #mobileid-login span.label {
        float: left;
        width: 140px;
        margin-right: 10px;
        text-align: right;
    }
    #mobileid-login .action button {
        margin-left: 150px;
    }


    /* =campaign
    -------------------------------------------------- */
    #campaign {
        height: 298px;
        border: 1px solid #dee1e6;
        background: #efeff5;
        padding: 0 5px;
    }

    /* =funds
    -------------------------------------------------- */
    #funds {
        background: transparent url(bg-shadow.png) 50% 45px no-repeat;
        margin-top: 30px;
    }
    #funds UL {
        margin: 0 0 0 40px;
        list-style: none;
        text-align: center;
    }
    #funds .fund-title {
        float: left;
        width: 100px;
        margin: 0 10px;
        padding: 0;
        background: transparent none;
    }
    #funds .active {
        background: transparent url(ico-arrow-up.png) 50% 100% no-repeat;
    }
    #funds .fund-title A {
        display: inline-block;
        position: relative;
        height: 100px;
        width: 100%;
        outline: none;
        background: transparent url(bg-shadow-circ.png) -110px 100% no-repeat;
    }
    #funds .active A {
        background: transparent url(bg-shadow-circ.png) 8px 100% no-repeat;
    }
    #funds A:hover, #funds A:focus {
        text-decoration: none;
    }
    #funds .fund-title A SPAN {
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 0;
        padding-top: 100px;
        height: 0;
        width: 70px;
        margin: 0 15px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-image: url(ico-funds.png);
        overflow: hidden;
        cursor: pointer;
    }
    #funds .fund-xl SPAN { background-position: 0 0; }
    #funds .fund-l  SPAN { background-position: -117px 0; }
    #funds .fund-m  SPAN { background-position: -236px 0; }
    #funds .fund-s  SPAN { background-position: -359px 0; }
    #funds .fund-xs SPAN { background-position: -470px 0; }

    DIV.stats {
        margin-top: 1em;
        padding: 5px 0;
        border: 1px solid #E8E8E8;
        border-width: 1px 0 1px 0;
    }
    DIV.stats DL {
        float: left;
        margin: 0;
        width: 175px;
        text-align: center;
    }
    DIV.stats DT, DIV.stats DD {
        display: inline;
    }
    DIV.stats DT {
        width: 100px;
        font-weight: normal;
        text-align: right;
    }
    DIV.stats DD {
        width: 60px;
        font-weight: 600;
    }
    DIV.stats DD.negative {
        color: #CC0000;
    }
    DIV.stats DD.positive {
        color: #32A600;
    }

    UL.links {
        margin: 1em 0 0;
    }
    UL.links LI {
        margin: 0 0 5px;
        padding: 0;
        background: none transparent;
        text-align: right;
    }
    UL.links A {
        font-weight: 600;
    }
    .fund {
        margin-right: 20px;
    }
    .fund .tagline {
        margin-top: 1em;
        font-size: 16px;
    }
    .sidenote {
        padding: 20px 0 10px;
        border-top: 1px solid #e8e8e8;
        font-size: 11px;
        color: #999;
    }
    .notice {
        color: #999;
    }

    .meta {
        color: #666;
    }

        table.grid .meta {
            font-size: 13px;
        }

        table.grid.font-small .meta {
            font-size: 11px;
        }

    .product-name {
        display: inline-block;
        font-weight: 400;
    }

    h3.product-name {
        margin-top: 0;
    }

    .card-icon {
        display: inline-block;
        vertical-align: middle;
        height: 15px;
        width: 24px;
    }

    .card-icon.card-JA-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 0;
    }

    .card-icon.card-VA-small,
    .card-icon.card-VAC-small,
    .card-icon.card-VFD-small,
    .card-icon.card-VFC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -20px;
    }

    .card-icon.card-HA-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -40px;
    }

    .card-icon.card-RO-small,
    .card-icon.card-ROC-small,
    .card-icon.card-RFD-small,
    .card-icon.card-RFC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -60px;
    }

    .card-icon.card-KA-small,
    .card-icon.card-KAC-small,
    .card-icon.card-PFD-small,
    .card-icon.card-PFC-small,
    .card-icon.card-PDC-small,
    .card-icon.card-PCC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -80px;
    }

    .card-icon.card-MU-small,
    .card-icon.card-MUC-small,
    .card-icon.card-MFD-small,
    .card-icon.card-MFC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -100px;
    }

    .card-icon.card-RR-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -120px;
    }

    .card-icon.card-GCO-small,
    .card-icon.card-GCR-small,
    .card-icon.card-KFC-small,
    .card-icon.card-KFD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -160px;
    }

    .card-icon.card-BUS-small,
    .card-icon.card-BFD-small,
    .card-icon.card-BFC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -180px;
    }

    .card-icon.card-MUC-small-back {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -200px;
    }

    .card-icon.card-VAC-small-back {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -220px;
    }

    .card-icon.card-ROC-small-back {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -240px;
    }

    .card-icon.card-KAC-small-back {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -260px;
    }

    .card-icon.card-GCO-small-back {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -280px;
    }

    .card-icon.card-JFD-small,
    .card-icon.card-JCC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -300px;
    }

    .card-icon.card-PPD-small,
    .card-icon.card-PBD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -320px;
    }

    .card-icon.card-PPC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -340px;
    }

    .card-icon.card-TMP-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -360px;
    }

    .card-icon.card-VDC-small,
    .card-icon.card-VCC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -380px;
    }

    .card-icon.card-MDC-small,
    .card-icon.card-MCC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -400px;
    }

    .card-icon.card-RDC-small,
    .card-icon.card-RCC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -420px;
    }

    .card-icon.card-KDD-small,
    .card-icon.card-KCC-small,
    .card-icon.card-KLD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -440px;
    }

    .card-icon.card-BDD-small,
    .card-icon.card-BCC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -460px;
    }

    .card-icon.card-PBC-small,
    .card-icon.card-PLD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -480px;
    }

    .card-icon.card-VYD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -500px;
    }

    .card-icon.card-MYD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -520px;
    }

    .card-icon.card-NYD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -540px;
    }

    .card-icon.card-BGD-small,
    .card-icon.card-BGC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -560px;
    }

    .card-icon.card-ACC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -580px;
    }

    .card-icon.card-PDB-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -600px;
    }

    .card-icon.card-WYD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -620px;
    }

    .card-icon.card-BYD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -640px;
    }

    .card-icon.card-PTC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -660px;
    }

    .card-icon.card-PTD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -660px;
    }

    .card-icon.card-PRC-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -700px;
    }

    .card-icon.card-PRD-small {
        background: url(cards/sprite-cards-small.svg) no-repeat 0 -720px;
    }


        .product-name.icon-prefix {
            padding-left: 35px;
            position: relative;
        }

            .product-name.icon-prefix .card-icon {
                position: absolute;
                top: 0;
                left: 0;
            }

            .font-small .product-name.icon-prefix .card-icon {
                margin-top: 1px;
            }

            .product-name.icon-suffix .card-icon {
                margin: -3px 0 0 10px;
            }

            .context-tools .product-name.icon-prefix .card-icon {
                margin-top: 1px;
            }

    .multi-card {
        position: relative;

    }
        .multi-card .multiple {
            display: block;
            position: absolute;
            top: 2px;
            left: 11px;
        }


    /* =login-standalone
    -------------------------------------------------- */
    DIV.login-standalone H1 {
        padding-bottom: 12px !important;
        border-bottom: 1px solid #e8e8e8;
    }
    DIV.login-standalone P.action {
        margin-top: 20px !important;
        padding-top: 20px !important;
        border-top: 1px solid #e8e8e8;
    }
    DIV.login-standalone DIV.message,
    DIV.login-standalone UL.tabs-small {
        margin: 20px 0 0 !important;
    }

    /* =ribbon
    -------------------------------------------------- */
    #ribbon,
    #path SPAN {
        background: url(bg_ribbon.png) no-repeat 0 0;
    }
    #ribbon {
        width: 710px;
        height: 30px;
        margin: 0 0 15px -10px;
    }
    #content-wide #ribbon,
    #content-sidebarless #ribbon {
        width: 940px;
        margin: 0 0 15px;
        background-position: 0 -35px;
    }

    #path {
        float: left;
        height: 30px;
        overflow: hidden;
        margin: 0;
    }
    #path A,
    #path SPAN,
    #path STRONG {
        float: left;
        font-size: 11px;
        line-height: 30px;
    }
    #path SPAN {
        background-position: -710px 0;
    }
    #path A {
        outline: none;
        color: #202020;
    }
    #path A:hover {
        text-decoration: none;
    }
    #path SPAN {
        width: 19px;
        height: 30px;
        overflow: hidden;
        text-indent: -5000px;
    }
    #path STRONG {
        font-weight: normal;
    }
    #path .home {
        position: relative;
        width: 30px;
        height: 30px;
        overflow: hidden;
        margin-right: -7px;
        background: url(sprite-views-icons.svg) no-repeat 0 0;
        text-indent: -5000px;
    }
    #path .home:hover,
    #path .home:focus {
        background-position: 0 -30px;
    }
    #path .home:active {
        background-position: 0 -60px;
    }

    #views {
        float: right;
    }
    #views A,
    #views UL,
    #views LI,
    #views SPAN,
    #views STRONG {
        float: left;
    }
    #views UL {
        margin: 0;
    }
    #views LI {
        height: 30px;
        overflow: hidden;
        padding: 0;
        background: none;
        font-size: 11px;
        line-height: 30px;
        white-space: nowrap;
    }
    #views A,
    #views SPAN,
    #views STRONG {
        background: url(bg_views.png) no-repeat -260px 0;
    }
    #views A:hover,
    #views A:focus {
        text-decoration: none;
        background: url(bg_views.png) no-repeat 0 -60px;
    }
    #views .last A:hover,
    #views .last A:focus {
        background-position: 100% -150px;
    }
    #views A,
    #views STRONG {
        padding-left: 10px;
    }
    #views A {
        border-left: 1px solid #eaeaea;
        color: #222;
    }
    #views SPAN {
        padding-right: 10px;
    }
    #views A SPAN {
        cursor: pointer;
    }
    #views STRONG {
        background-position: -60px 0;
        background-color: #6f6f6f;
        color: #fff;
        cursor: default;
    }
    #views STRONG SPAN {
        background-position: 100% 0;
    }
    #views .last STRONG SPAN {
        background-position: 100% -90px;
    }
    #views .last STRONG SPAN {
        background-position: 100% -90px;
    }

    #views .ico-views .active {
        background: url(bg_views.png) no-repeat 0 0;
    }
    #views .ico-views .active.last {
        background-position: -30px 0;
    }
    #views .ico-views .active + LI A {
        border: none;
    }
    #views .ico-views STRONG {
        background-position: 0 0;
    }
    #views .ico-views A,
    #views .ico-views STRONG {
        width: 30px;
        height: 30px;
        overflow: hidden;
        padding: 0;
        background: url(bg_views_icons.png) no-repeat;
        text-indent: -5000px;
    }

    #views .ico-views A.ico01 { background-position: -30px 0; }
    #views .ico-views A.ico01:hover,
    #views .ico-views A.ico01:focus { background-position: -30px -30px; }
    #views .ico-views A.ico01:active { background-position: -30px -60px; }
    #views .ico-views STRONG.ico01 { background-position: -30px -90px; }

    #views .ico-views A.ico02 { background-position: -60px 0; }
    #views .ico-views A.ico02:hover,
    #views .ico-views A.ico02:focus { background-position: -60px -30px; }
    #views .ico-views A.ico02:active { background-position: -60px -60px; }
    #views .ico-views STRONG.ico02 { background-position: -60px -90px; }

    #views .ico-views A.ico03 { background-position: -90px 0; }
    #views .ico-views A.ico03:hover,
    #views .ico-views A.ico03:focus { background-position: -90px -30px; }
    #views .ico-views A.ico03:active { background-position: -90px -60px; }
    #views .ico-views STRONG.ico03 { background-position: -90px -90px; }

    /* =mini-data
    -------------------------------------------------- */
    TABLE.mini-data {
        width: 100%;
        margin-top: 20px;
    }
    TABLE.mini-data TH,
    TABLE.mini-data TD {
        padding: 7px 10px;
        border-top: 1px solid #e0e0eb;
        font-size: 11px;
        line-height: 15px;
    }
    TABLE.mini-data TR:first-child TH,
    TABLE.mini-data TR:first-child TD {
        border-top: none;
    }
    TABLE.mini-data TH {
        font-weight: normal;
    }
    TABLE.mini-data TH.tag {
        padding-left: 30px;
    }
    TABLE.mini-data SPAN.tag {
        margin: 0 2px -1px -2px;
    }

    SPAN.tag {
        display: -moz-inline-box;
        display: inline-block;
        width: 16px;
        height: 16px;
        overflow: hidden;
        background: url(bg_tag.png) no-repeat -2px -2px;
        vertical-align: top;
    }
    SPAN.minus {
        color: #FF7A7A;
    }
    SPAN.plus {
        color: #00B155;
    }

    .zero {
        color: #b2b2b2;
    }

    tr.booked .minus {
        color: #e57f7f;
    }

    tr.booked .plus {
        color: #e57f7f;
    }

    SPAN.button-wrap {
        display: -moz-inline-box;
        display: inline-block;
        padding-top: 2px;
        line-height: 0;
        vertical-align: top;
        white-space: nowrap;
    }
    SPAN.date-badge {
        float: left;
        width: 14px;
        height: 17px;
        overflow: hidden;
        margin-right: 10px;
        background: url(bg_date_badge.png) no-repeat 0 0;
        color: #fff;
        font-size: 9px;
        line-height: 21px;
        text-align: center;
        font-weight: 600;
        cursor: help;
    }
    SPAN.date-badge.important {
        background-position: 0 -17px;
    }

    /* =plain
    -------------------------------------------------- */
    table.plain {
        width: 100%;
    }
    /* =editable
    -------------------------------------------------- */
    TABLE.editable {
        width: 100%;
        margin-top: 5px;
        border-bottom: 1px solid #e0e0eb;
        table-layout: fixed;
    }
    TABLE.editable THEAD TH {
        font-weight: 600;
        color: #999;
        text-transform: uppercase;
    }
    TABLE.editable TH,
    TABLE.editable TD {
        padding: 2px 0;
        line-height: 25px;
        border-top: 1px solid #e0e0eb;
    }
    TABLE.editable TH {
        font-weight: 600;
    }

    TABLE.editable INPUT.saveable[type='text'] {
        width: 76px;
        text-align: right;
        vertical-align: middle;
    }
    TABLE.editable SPAN.select {
        position: relative;
        top: 2px;
    }
    * + html TABLE.editable SPAN.select {
        top: 0;
    }
    TABLE.editable SPAN.select.editable {
        position: relative;
        top: 0;
        vertical-align: inherit;
    }
    * + html TABLE.editable SPAN.select.editable {
        top: -5px;
    }
    TABLE.editable .button {
        position: relative;
        top: 2px;
    }
    TABLE.editable + DIV.action {
        margin-top: 0;
        padding-top: 5px;
        border: 0 none;
    }

    .editable .view .subview td,
    .editable .view .subview th,
    .editable .view + .subview td,
    .editable .view + .subview th {
        border-top: none;
    }

    .editable td > div.action {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        border: 0 none;
    }

        .editable td > div.action span.action {
            line-height: 20px;
        }

    .editable a.tooltip {
        margin-top: 2px;
    }

    TABLE.editable SPAN.checkbox {
        display: inline-block;
        padding-right: 27px;
        line-height: 22px;
        background: transparent url(ico_allow.svg) 99% -38px no-repeat;
    }
    TABLE.editable SPAN.checkbox.checked {
        background: transparent url(ico_allow.svg) 99% 2px no-repeat;
    }
    TABLE.editable TD P.error {
        margin: 5px 0 0;
        color: #c00;
        font-size: 12px;
        line-height: 1.2;
    }
    .allowed {
        padding: 0 0 2px 24px;
        background: transparent url(ico_allow.svg) 0 0 no-repeat;
    }
    .disallowed {
        padding: 0 0 2px 24px;
        background: transparent url(ico_allow.svg) 0 -40px no-repeat;
    }

    .inline-stack {
        text-align: left;
        float: right;
    }

    /* =graph
    -------------------------------------------------- */
    DIV.graph-wrap {
        width: 680px;
        margin: 0 auto;
    }
    DIV.graph-wrap .col1 {
        float: left;
        width: 220px;
    }
    DIV.graph-wrap .col2 {
        float: right;
        width: 440px;
    }
    DIV.graph-wrap H2 {
        margin: 20px -10px 0;
        padding: 5px 10px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 20px;
        line-height: 25px;
        font-weight: normal;
    }
    DIV.graph-wrap H2.cat1 {
        border-color: #dbecfa;
    }
    DIV.graph-wrap H2.cat2 {
        border-color: #d6edcc;
    }
    DIV.graph-wrap P.title {
        margin-top: 5px;
        font-size: 11px;
        line-height: 20px;
        font-weight: 600;
        text-transform: uppercase;
    }
    DIV.graph-wrap DIV.graph,
    DIV.graph-wrap DIV.graph-row {
        margin-top: 20px;
    }
    DIV.graph-wrap DIV.graph {
        height: 100px;
    }
    DIV.graph-wrap .timeframe {
        margin-top: 5px;
        font-size: 11px;
        line-height: 20px;
    }
    DIV.graph-wrap .timeframe .sep {
        display: none;
    }
    DIV.graph-wrap .timeframe-start {
        float: left;
    }
    DIV.graph-wrap .timeframe-end {
        float: right;
    }

    .limit-graph {
        overflow: hidden;
    }

    .limit-graph .meter {
        display: block;
        height: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #d3d3d3;
        overflow: hidden;
    }

        .limit-graph .meter span {
            background: url(bg-limit-graph.svg) no-repeat -1px 0;
            display: block;
            height: 10px;
            width: 0;
            float: right;
        }

    .limit-graph .total-limit,
    .limit-graph .free-limit {
        text-transform: uppercase;
        font-size: 11px;
        color: #909090;
    }

    .limit-graph .total-limit {
        float: left;
        text-align: left;
        font-weight: 600;
    }

    .limit-graph .free-limit {
        float: right;
        text-align: right;
        font-weight: 600;
    }

        .limit-graph .free-limit .value {
            color: #111;
        }

    /* =mini-graph
    -------------------------------------------------- */
    UL.summary {
        width: 720px;
        margin: 20px 0 0;
        font-size: 11px;
        line-height: 15px;
        white-space: nowrap;
    }
    UL.summary LI {
        float: left;
        width: 220px;
        height: 165px;
        overflow: hidden;
        margin: 0 20px 20px 0;
        padding: 0;
        background: none;
    }
    UL.summary .placeholder {
        background: #ecf5fd;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
    }
    UL.summary H2 {
        margin: 0;
        font-size: 11px;
        line-height: 45px;
        text-transform: uppercase;
    }
    UL.summary .more {
        margin: 0;
        padding: 8px 0 7px;
        text-align: right;
    }
    UL.summary .more A {
        color: #b2b2b2;
    }
    UL.summary .more A:hover,
    UL.summary .more A:focus {
        color: #1F1F2C;
    }

    .graph-row {
        position: relative;
        height: 90px;
        font-size: 11px;
        line-height: 15px;
    }
    .graph-row .img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80px;
        height: 87px;
        overflow: hidden;
        margin: 0;
    }
    .graph-row .img IMG {
        display: block;
    }
    .graph-row .clip {
        position: absolute;
        clip: rect(10px 90px 90px 10px);
        margin: -10px 0 0 -10px;
    }
    .graph-row .content {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 130px;
    }
    .graph-row .row {
        margin: 0;
        padding: 7px 0;
        border-top: 1px solid #e8e8e8;
    }
    .graph-row .row:first-child {
        padding-top: 8px;
        border: none;
    }
    .graph-row .row STRONG {
        float: left;
        font-weight: normal;
    }
    .graph-row .row SPAN {
        float: right;
    }
    .graph-row .row SPAN.date-badge {
        float: left;
        margin-top: -1px;
        margin-bottom: -1px;
    }
    .graph-row .row SPAN.legenddot {
        float: left;
        margin: 5px 5px 0 0;
    }

    #summary LI {
        position: relative;
    }
    #summary .graph-tools {
        position: absolute;
        z-index: 4;
        top: 13px;
        right: 0;
        width: 40px;
        height: 20px;
        margin: 0;
    }
    #summary .graph-tools .ico {
        float: left;
        margin: 0;
    }
    #summary .graph-tools .ico-add {
        display: none;
    }
    #summary .graph-overlay {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 220px;
        height: 165px;
        overflow: hidden;
    }
    #summary LI.disabled .graph-overlay {
        background: #fff;
        filter: alpha(opacity=80);
        opacity: .80;
    }

    SPAN.legenddot {
        display: -moz-inline-box;
        display: inline-block;
        width: 5px;
        height: 5px;
        overflow: hidden;
        background: url(bg_legenddot.png) no-repeat 0 0;
        vertical-align: top;
    }

    #content-sortable .placeholder {
        margin: 10px 0 10px 0;
        background: #ecf5fd;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
    }
    .sortable,
    .sortable table,
    .sortable p {
        background-color: #fff;
    }

    .relative {
        position: relative;
    }
    .bottom-right {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    BUTTON.bottom-right {
        bottom: .5em;
    }

    /* =content
    -------------------------------------------------- */
    .important {
        font-weight: 600;
    }
    .text {
        margin: 10px 0 15px;
        box-shadow: none !important;
    }

    DIV.intro {
        width: 780px;
    }
    DIV.intro IMG {
        display: block;
    }
    .singlerow {
        clear: both;
        margin: 0 !important;
    }

    .disabled-section {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5;
        opacity: 0.5;
    }
    .paid-payment {
        text-decoration: line-through;
    }

    /* close */

    P.close {
        margin: 0;
    }

    /* title */

    H2.title {
        padding-bottom: 5px;
        border-bottom: 1px solid #e8e8e8;
    }
    DIV.title {
        margin: 40px 0 20px 0;
        padding-bottom: 2px;
        border-bottom: 1px solid #e8e8e8;
    }
    DIV.title.img {
        padding-right: 220px;
    }
    DIV.title.alt {
        padding-right: 220px;
    }

    H3.title {
        margin: 7px 0 0;
        font-size: 16px;
        font-weight: normal;
        border: 0;
    }

    /* title-steps */

    DIV.title-steps {
        padding-bottom: 12px;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 10px;
    }

    DIV#portfolio-view-title-steps.title-steps {
        display: none;
    }

    BODY.in_admin DIV#portfolio-view-title-steps.title-steps {
        display: block;
    }

    DIV.no-botbor {
        border-bottom: none 0;
    }
    DIV.title-steps P,
    DIV.title-steps H1 {
        float: left;
    }
    DIV.title-steps P.steps,
    DIV.title-steps P.steps SPAN {
        color: #b2b2b2;
    }
    DIV.title-steps P.steps {
        margin: 0 0 0 20px;
        font-size: 20px;
        line-height: 30px;
    }
    DIV.title-steps P.steps SPAN {
        display: inline-block;
        padding: 0 1px;
        font-size: 12px;
        line-height: 12px;
        margin-top: -4px;
        font-weight: 600;
        font-family: "Neue Helvetica W06", "Minion Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, "Courier New", Courier, monospace;
        vertical-align: middle;
    }
    DIV.title-steps P.steps STRONG {
        color: #222;
    }

    DIV.title-steps P.steps EM {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-indent: -10000px;
        color: transparent;
        vertical-align: middle;
        margin-top: -3px;
    }

    DIV.title-steps P.datepicker {
        margin: 2px 0 0 10px;
        padding: 2px 0 0 0;
        display: inline-block;
        float: none;
    }
    DIV.title-steps INPUT.date,
    DIV.title-steps INPUT.date-range {
        margin: 0;
        padding: 0 !important;
        border: none;
        font-size: 20px;
        line-height: 24px;
        vertical-align: top;
        outline: none;
    }
    DIV.title-steps INPUT.date {
        width: 125px !important;
        background-position: 100% 2px !important;
    }
    DIV.title-steps INPUT.date-range {
        width: 250px !important;
        background-position: 100% 2px !important;
    }
    DIV.title-steps P.account {
        float: right;
        margin: 5px 0 0;
        font-weight: 600;
    }
    DIV.title-steps UL.tools + form P.account {
        margin: 5px 15px 0;
    }
    DIV.title-steps UL.tools + UL.tabs {
        margin: 4px 15px 0;
    }

    DIV.title-steps .tabs-small {
        clear: both;
    }

    /* subtitle */
    DIV.subtitle {
        padding: 40px 0 2px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e8e8e8;
    }
    DIV.subtitle H2 {
        float: left;
        margin: 0;
        font-size: 16px;
        line-height: 30px;
    }
    DIV.subtitle H2 .ico-tooltip {
        margin-top: 4px;
    }
    * + html DIV.subtitle H2 .ico-tooltip {
        margin-top: 0;
    }
    DIV.subtitle + TABLE.grid {
        margin-top: 0;
    }

    /* controls-title */
    DIV.controls-title {
        padding: 20px 0 0;
    }
    DIV.controls-title + TABLE {
        margin-top: 0;
    }
    DIV.controls-title H2 {
        float: left;
        margin: 0;
        font-size: 16px;
        line-height: 30px;
    }

    /* toggle-title */

    DIV.toggle-title {
        min-height: 1px;
        margin-top: 20px;
        padding: 0;
    }
    DIV.toggle-title.alt {
        margin: 0;
        padding: 0 0 7px;
    }
    DIV.toggle-title H2 {
        float: left;
        margin: 0;
        padding: 5px 0;
        font-size: 16px;
        line-height: 25px;
        font-weight: 600;
        outline: none;
        text-decoration: none;
        max-width: 540px;
    }

        div.toggle-title h2 a,
        div.toggle-title h2 a:hover {
            text-decoration: none;
            cursor: pointer;
        }

    DIV.toggle-title H3 {
        float: left;
        margin: 10px 0 0;
        font-size: 16px;
        line-height: 1.5;
        font-weight: normal;
    }
    DIV.toggle-title H3 .title-meta {
        float: right;
    }
    DIV.toggle-title P.toggle {
        float: right;
        margin-top: 10px;
    }

    .toggle-title .modify {
        float: right;
        margin-top: 10px;
    }

    .toggle-title .toggle,
    .toggle-title .modify {
        margin-left: 5px;
    }

    div.toggle-title .actions {
        float: right;
        margin-top: 10px;
    }

        div.toggle-title .actions label {
            margin-right: 10px;
        }

    DIV.toggle-title P.meta {
        float: right;
        margin: 10px 10px 0 0;
        font-size: 16px;
        line-height: 1.5em;
    }
    DIV.toggle-title P.meta.positive {
        color: #32a701;
    }
    DIV.toggle-title P.meta.negative {
        color: #d43031;
    }

    DIV.toggle-title P.meta .positive {
        content: '+';
    }

    DIV.toggle-title .change {
        display: inline-block;
        width: 90px;
        text-align: right;
    }

    DIV.toggle-title SUP {
        font-size: 10px;
        display: inline-block;
        vertical-align: top;
        margin-top: -8px;
    }

    .toggle-title .action {
        float: right;
        margin-top: 10px;
        border-top: none;
        padding-top: 0;
    }

    .toggle-title .toggle a {
        display: block;
    }
    DIV.toggle-title-closed,
    DIV.toggle-title-border {
        border-bottom: 1px solid #dee1e6;
    }
    .toggle-title-desc {
        clear: both;
        padding-top: 0;
    }
    .toggle-title-desc p {
        margin-top: 3px;
    }

    .toggle-wrap {
        overflow: auto;
    }

    .toggle-wrap.alt {
        padding-bottom: 30px;
        border-bottom: 1px solid #dee1e6;
    }
    P.toggle-sum {
        display: none;
        color: #909090;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
    }
    P.toggle-sum  strong {
        color: #000;
        font-weight: 600;
    }

    H3.caption + TABLE.grid,
    DIV.toggle-title + TABLE.grid,
    DIV.toggle-wrap TABLE:first-child {
        margin: 0;
    }

    h2 + table.grid {
        margin-top: 5px;
    }

    DIV.toggle-title-border {
        padding-left: 0;
    }
    DIV.toggle-title-border H2 A {
        color: #222222;
    }

    SPAN.title-desc {
        font-weight: normal;
    }

    .title-promo-button {
        float: right;
        margin: 10px 5px 0 0;
        font-weight: 600;
        font-size: 11px;
    }

    /* group-title */

    DIV.group-title {
        min-height: 1px;
        margin-top: 20px;
        padding: 0;
    }
    DIV.group-title.alt {
        margin: 0;
        padding: 0 0 7px;
    }
    DIV.group-title H2 {
        float: left;
        margin: 0;
        padding: 5px 0;
        font-size: 16px;
        line-height: 25px;
        font-weight: 600;
    }
    DIV.group-title H2 {
        outline: none;
        text-decoration: none;
    }
    DIV.group-title H3 {
        float: left;
        margin: 10px 0 0;
        font-size: 16px;
        line-height: 1.5;
        font-weight: normal;
    }
    DIV.group-title H3 .title-meta {
        float: right;
    }
    DIV.group-title P.action {
        float: right;
        margin-top: 10px;
    }
    DIV.group-title P.meta {
        float: right;
        margin: 10px 10px 0 0;
        font-size: 16px;
    }
    DIV.group-title P.meta.positive {
        color: #32a701;
    }
    DIV.group-title P.meta.negative {
        color: #d43031;
    }

    DIV.group-title P.action {
        float: right;
    }

    DIV.group-title {
        border-bottom: 1px solid #e8e8e8;
    }

    .group-title-desc {
        clear: both;
        padding-top: 0;
    }
    .group-title-desc p {
        margin-top: 3px;
    }

    DIV.group-title + TABLE.grid {
        margin: 0;
    }

    /* content steps */

    .content-steps {
        border-bottom: 1px solid #e8e8e8;
        padding: 5px 0;
    }

    .content-steps .steps,
    .content-steps .steps span,
    .content-steps .steps a {
        color: #d2d2d2;
    }

    .content-steps .steps a,
    .content-steps .steps a:hover {
        text-decoration: none
    }

    .content-steps .steps {
        margin: 0;
        font-size: 16px;
        line-height: 30px;
        font-weight: 600;
    }

    .content-steps .steps span {
        padding: 0 5px;
        font-size: 22px;
        line-height: 30px;
        font-weight: 600;
        font-family: "Courier New", Courier, monospace;
        vertical-align: top;
    }

    .content-steps .steps strong,
    .content-steps .steps strong a {
        color: #222;
        font-weight: 600;
    }

    .content-steps .steps strong.completed,
    .content-steps .steps strong.completed a {
        color: #8f8f8f;
    }

    .content-steps p.steps em {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-indent: -10000px;
        line-height: 20px;
    }

    /* inline */

    SPAN.meta {
        color: #b2b2b2;
    }

    SPAN.card-meta {
        font-size: 11px;
        color: #909090;
        line-height: normal;
    }

    SPAN.card-value {
        font-size: 11px;
        color: #111;
        font-weight: bold;
        line-height: normal;
    }

    SPAN.keyword {
        display: -moz-inline-box;
        display: inline-block;
        margin-left: 1px;
        padding: 0 7px;
        border: 1px solid #d3d3d3;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background: #e8e8e8;
        line-height: 14px;
        cursor: default;
    }

    /* headings */

    H2.tagline {
        margin: 1.5em 0 .75em;
        font-size: 20px;
        line-height: 1.5;
        font-weight: normal;
    }

    /* paragraphs */

    P.i {
        float: right;
        margin: 10px 0;
    }

    P.more A:hover {
        text-decoration: none;
    }
    P.more A:hover SPAN {
        cursor: pointer;
        text-decoration: underline;
    }
    P.more2 {
        margin-top: 4px;
        padding-right: 10px;
        text-align: right;
    }

    P.caption {
        margin-top: 2em;
        color: #909090;
    }

    P.comment {
        margin: 5px;
        color: #909090;
        font-size: 11px;
        line-height: 15px;
    }
    TABLE.data + P.comment {
        margin-top: 8px;
    }
    P.tagline {
        margin: 1.5em 0 .75em;
        font-size: 20px;
        line-height: 1.5;
    }

    /* more */
    P.more A,
    LI.more A {
        padding-left: 15px;
        background: transparent url(ico-arrow-blue.gif) 0 5px no-repeat;
        font-weight: 600;
    }
    A.more:hover,
    A.more:focus,
    A.less:hover,
    A.less:focus,
    A.down:hover,
    A.down:focus,
    P.more A:hover,
    P.more A:focus,
    LI.more A:hover,
    LI.more A:focus {
        text-decoration: underline;
    }

    P.more-less A {
        font-size: 11px;
        font-weight: 600;
    }
    P.more-less A.more {
        padding: 3px 15px 0 0;
        background: transparent url(ico-arrow-blue.gif) 100% -27px no-repeat;
        color: #909090;
        font-weight: 600;
    }
    P.more-less A.less {
        padding: 3px 0 0 15px;
        background: transparent url(ico-arrow-blue.gif) 0 -44px no-repeat;
        color: #909090;
        font-weight: 600;
    }
    P.more-less A.less + A.more {
        margin-left: 10px;
    }

    A.more {
        background: transparent url(ico-arrow-blue.gif) 0 5px no-repeat;
        font-weight: 600;
        padding-left: 15px;
    }
    A.less {
        background: transparent url(ico-arrow-blue.gif) 0 5px no-repeat;
        font-weight: 600;
        padding-right: 15px;
    }
    A.back {
        padding-left: 15px;
        background: transparent url(ico-arrow-blue.gif) 0 -13px no-repeat;
    }
    A.next {
        padding-right: 15px;
        background: transparent url(ico-arrow-blue.gif) 100% 5px no-repeat;
    }
    A.down {
        padding-right: 15px;
        color: #909090;
        font-weight: 600;
        font-size: 11px;
        background: transparent url(ico-arrow-blue.gif) 100% -65px no-repeat;
    }

    .more-link {
        font-weight: 600;
    }

    .more-link.alt {
        color: #9e9e9e;
    }

    /* more-small */
    P.more-small {
        font-size: 11px;
        font-weight: 600;
        text-align: right;
    }
    P.more-small A {
        padding-right: 15px;
        color: #202020;
        background: transparent url(ico-arrow-blue.gif) 100% -82px no-repeat;
    }
    P.more-small A:hover,
    P.more-small A:focus {
        text-decoration: underline;
    }


    /* =postit
    -------------------------------------------------- */
    .postit,
    .postit p,
    .postit strong {
        font-weight: normal;
    }
    .postit,
    .postit .a {
        color: #909097;
    }
    .postit {
        padding-top: 17px;
        overflow: hidden;
        margin: 10px auto;
        font-weight: 600;
        text-align: center;
    }
    .postit .a {
        min-height: 105px;
        padding: 0 25px 20px 10px;
        background-position: 0 100%;
    }
    .postit p {
        margin: 0;
        font-size: 12px;
        line-height: 20px;
        font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
    }

    .ru .postit p,
    .lv .postit p {
        font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-style: oblique;
        font-size: 12px;
    }

    .postit p + p {
        margin-top: 10px;
    }
    .postit strong {
        display: block;
        color: #00B155;
        font-size: 16px;
        font-weight: 600;
    }

    .postit strong.over {
        color: #FF7A7A;
    }

    .postit .to,
    .postit .from,
    .postit .sign {
        display: block;
    }

    .postit hr {
        border: none;
        background: url(bg-postit-separator.png) no-repeat center center;
        display: block;
        width: 115px;
        height: 5px;
    }

    .postit-alt {
        width: 220px;
        height: 140px;
        overflow: hidden;
        margin-top: 16px;
        background: url(bg_postit_alt.png) no-repeat 0 0;
    }
    .postit-alt .inner {
        padding: 15px 25px 0 15px;
    }
    .postit-alt p,
    .postit-alt h2 {
        margin: 0;
    }
    .postit-alt h2 {
        margin-bottom: 10px;
        font-size: 11px;
        line-height: 20px;
        text-transform: uppercase;
    }
    .postit-alt p {
        color: #434343;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        font-family: 'Neue Helvetica W06', 'MarketWeb-Bold', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
    }

    .ru .postit-alt p {
        font-size: 12px;
        font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-style: oblique;
    }

    .postit-alt .hr {
        width: 172px;
        height: 30px;
        overflow: hidden;
        margin: 0 auto;
        background: url(bg_postit_hr.svg) no-repeat 50% 10px;
    }
    .postit-alt .hr hr {
        display: none;
    }

    .used-up {
        filter: alpha(opacity=40);
        opacity: 0.4;
    }

    /* currency */

    P.currency {
        height: 30px;
        padding: 16px 0 0 16px;
        background: url(bg_postit_currency.svg) no-repeat 2px 0;
    }
    P.currency SPAN,
    P.currency STRONG {
        float: left;
        height: 19px;
        overflow: hidden;
    }
    P.currency SPAN {
        width: 45px;
        text-indent: -5000px;
    }
    .flag {
        width: 24px;
        background: url(bg_flags.png) no-repeat -100px 0;
        text-indent: -5000px;
    }
    .flag-eek {
        background-position: 0 0;
    }
    .flag-usd {
        background-position: 0 -19px;
    }

    /* cookie */

    DIV.cookie {
        width: 140px;
        height: 140px;
        overflow: hidden;
        margin: 10px 30px 0 30px;
        background: url(bg_cookie.svg) no-repeat 0 -200px;
        background-size: auto 140px;
    }

    DIV.cookie.christmas {
        background: url(bg_cookie_christmas.png) no-repeat 0 -200px;
        background-size: auto 140px;
    }

    /* =letter
    -------------------------------------------------- */
    P.letter-meta {
        margin: 0;
        color: #b2b2b2;
        font-size: 11px;
        font-weight: 600;
        line-height: 20px;
    }
    DIV.letter-content P {
        margin-top: 15px;
    }

    DIV.letter-sent {
        margin-top: 30px;
        padding: 183px 0 20px;
        background: url(bg_letter_sent.jpg) no-repeat 50% 0;
        text-align: center;
    }
    DIV.letter-sent P,
    DIV.letter-sent H2 {
        margin: 0;
    }
    DIV.letter-sent H2 {
        font-size: 20px;
        line-height: 30px;
    }
    DIV.letter-sent P {
        color: #b2b2b2;
        font-weight: 600;
    }

    /* =news
    -------------------------------------------------- */
    P.news-author {
        clear: both;
        padding-top: 5px;
        color: #b2b2b2;
    }
    P.lead {
        font-style: italic;
    }
    P.disclaimer {
        font-style: italic;
        font-size: 85%;
    }
    P.note {
        margin: 0;
        font-style: italic;
        color: #666;
    }
    P.explanation {
        width: 450px;
        margin: 45px auto 20px;
        text-align: center;
    }


    BLOCKQUOTE.article {
        margin: 30px 0 0;
        padding-left: 30px;
        background: url(ico-quote-open.gif) no-repeat 0 0;
        font-size: 16px;
    }
    BLOCKQUOTE.article span {
        display: inline;
        padding-right: 15px;
        background: transparent url(ico-quote-close.gif) no-repeat 100% 100%;
        height: 1%;
    }
    CITE.article {
        display: block;
        margin: 1em 0 0 30px;
        color: #b2b2b2;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
    }

    /* =tools
    -------------------------------------------------- */
    UL.tools {
        float: right;
        margin: 5px 0 0;
    }
    UL.tools A,
    UL.tools LI {
        float: left;
    }
    UL.tools LI {
        padding: 0 0 0 5px;
        background: none;
    }

    h2 + .tools {
        margin-top: -21px;
    }

    ul.tools li .button {
        vertical-align: top;
    }

    /* =htools
    -------------------------------------------------- */
    UL.htools {
        float: right;
        margin: 5px 0 0;
    }
    UL.htools LI {
        float: left;
        padding: 0;
        background: none;
    }
    UL.htools A.ico {
        display: block;
    }
    UL.htools LI + LI {
        margin-left: 5px;
    }

    /* =lists
    -------------------------------------------------- */
    DL.rows {
        margin-top: 15px;
    }
    DL.rows DT {
        padding: 5px 0;
    }
    DL.rows DD {
        padding: 5px 0;
        border-top: 1px solid #e8e8e8;
    }

    DIV.news {
        float: left;
        width: 220px;
        margin-right: 20px;
        padding-top: 20px;
    }
    DIV.news.last {
        margin-right: 0;
    }
    DIV.news H2 {
        margin: 0;
        font-size: 13px;
        line-height: 1.538;
    }
    DIV.news H2 A {
        display: block;
    }
    DIV.news P.meta,
    DIV.news P.desc {
        margin: 0;
    }
    DIV.news P.meta {
        color: #b2b2b2;
        font-size: 11px;
        line-height: 1.818;
    }

    /* statuslist */
    .statuslist {
        margin: 1em 0;
    }
    .statuslist li {
        position: relative;
        padding: 0;
        border-bottom: 1px solid #eaeaea;
        background: none;
    }
    .statuslist li:first-child {
        border-top: 1px solid #eaeaea;
    }
    .statuslist li div.b {
        padding: 10px 0;
    }
    .statuslist li.active {
        background: transparent url(bg_qedit.png) 50% 50%;
    }
    .statuslist li.active div.a {
        background: transparent url(bg_qedit_a.gif) 50% 0 repeat-x;
    }
    .statuslist li.active div.b {
        padding: 20px;
        background: transparent url(bg_qedit_b.gif) 50% 100% repeat-x;
    }
    .statuslist li.passive {
        opacity: .5;
    }
    .statuslist .title,
    .statuslist .description {
        margin: 0;
        font-size: 16px;
        font-weight: normal;
    }
    .statuslist .title {
        padding-right: 100px;
    }
    .statuslist .description {
        padding-right: 30px;
    }
    .statuslist .status {
        position: absolute;
        top: 10px;
        right: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
    }
    .statuslist .nochange {
        margin-right: 35px;
    }
    .statuslist .status .change {
        display: inline-block;
        font-size: 16px;
        font-weight: normal;
        color: #1f1f1f;
        vertical-align: middle;
    }
    .statuslist .status .change:hover,
    .statuslist .status .change:focus,
    .statuslist .status .change:active {
        text-decoration: none;
    }
    .statuslist .status .change span {
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-left: 10px;
        background: transparent url(sprite-ico.svg) -150px 0;
        overflow: hidden;
        text-indent: -10000em;
        vertical-align: text-bottom;
    }
    .statuslist .status .change:hover span,
    .statuslist .status .change:focus span {
        background-position: -150px -25px;
    }
    .statuslist .status .change:active span {
        background-position: -150px -50px;
    }
    .statuslist .meta {
        margin: 0;
        font-size: 10px;
        font-weight: 600;
        color: #999;
        text-transform: uppercase;
    }
    .statuslist .denied {
        color: #c00 !important;
    }

    .statuslist .data {
        margin: 0;
    }
    * + html .statuslist .data {
        padding-bottom: 15px;
    }
    .statuslist .ico-close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    /* switcher */
    .switchable {
        position: relative;
        display: inline-block;
        width: 80px;
        height: 20px;
        font-size: 11px;
        font-weight: 600;
        background: transparent url(bg_switch.png) 0 0 no-repeat;
    }
    .switchable:hover {
        background-positon: 0 -20px;
    }
    .switchable .uncheck {
        color: #fff;
        text-shadow: 0 0 1px #222;
    }
    .switchable.checked {
        background-position: 0 -40px;
        color: #fff;
        text-shadow: 0 0 1px #222;
    }
    .switchable.checked:hover {
        background-positon: 0 -60px;
    }
    .switchable.checked .uncheck {
        color: #222;
        text-shadow: none;
    }

    .switchable .check,
    .switchable .uncheck {
        display: inline-block;
        width: 40px;
        text-align: center;
        cursor: pointer;
    }
    .switchable input {
        position: absolute;
        left: -1000em;
    }


    /* =charts
    -------------------------------------------------- */
    .highcharts-legend LI {
        padding: 0;
        background: none;
    }
    .highcharts-credits {
        display: none;
    }
    .highcharts-tooltip {
        padding: 0 !important;
        font: 11px/16px 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif !important;
        text-align: center !important;
    }

    DIV.stack {
        position: relative;
        width: 700px;
        height: 22px;
        overflow: hidden;
        margin: 10px 0 -2px;
    }
    DIV.stack .shape {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        display: block;
        width: 700px;
        height: 22px;
        background: url(bg_stack.png) no-repeat 0 0;
    }
    DIV.stack UL {
        margin: 0;
    }
    DIV.stack LI,
    DIV.stack LI SPAN {
        height: 20px;
        overflow: hidden;
    }
    DIV.stack LI {
        float: left;
        margin-left: -1px;
        padding: 0;
        border-left: 1px solid #fff;
        background: none;
        text-indent: -5000px;
    }
    DIV.stack LI SPAN {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }
    DIV.stack LI SPAN:hover {
        background: rgba(255,255,255,0.15);
        cursor: help;
    }

    /* =messages
    -------------------------------------------------- */
    DIV.message .row {
        background: #F3F2F1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        min-height: 20px;
        margin-top: 2px;
        padding: 15px 10px 15px 47px;
        background-repeat: no-repeat;
        background-image: url(icon-sprite-messages-20.svg);
        background-position: -1000px -1000px;
    }
    DIV.message .table-msg{
        padding-top: 5px;
    }

    DIV.message .msg-ok {
        background-image: url(icon-sprite-messages-20.svg);
        background-position: -108px -105px;
    }

    DIV.message .msg-info {
        background-image: url(icon-sprite-messages-20.svg);
        background-position: -228px 15px;
    }

    DIV.message .msg-info-currency {
        background-image: url(icon-sprite-messages-20.svg);
        background-position: -228px 15px;
    }

    .message.message-surprise {
        background: #0ABACA;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
    }

    .message.message-surprise .row {
        text-align: center;
        padding: 10px;
    }

    .message.message-surprise,
    .message.message-birthday {
        color: #fff;
    }

    .message.message-surprise a,
    .message.message-birthday a {
        color: #fff;
    }

    .message.message-birthday {
        background: rgb(240,86,128);
        background: -moz-linear-gradient(top, rgba(240,86,128,1) 0%, rgba(0,0,17,1) 100%);
        background: -webkit-linear-gradient(top, rgba(240,86,128,1) 0%,rgba(0,0,17,1) 100%);
        background: linear-gradient(to bottom, rgba(240,86,128,1) 0%,rgba(0,0,17,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05680', endColorstr='#000011',GradientType=0 );
        font-size: 48px;
        font-weight: 200;
    }

    .message.message-birthday .row {
        text-align: center;
        padding: 10px;
        line-height: 0;
        background: none;
    }

    .message.message-birthday .flower {
        display: inline-block;
        width: 240px;
        vertical-align: middle;
        padding: 15px 10px 15px 0;
    }

    .message.message-birthday .greeting {
        display: inline-block;
        width: 300px;
        line-height: 48px;
        vertical-align: middle;
        padding: 0 0 0 10px;
    }

    .nyroModalCont .inner > .message {
        margin: 0 auto 10px auto;
    }

    DIV.message .msg-alert {
        background-image: url(icon-sprite-messages-20.svg);
        background-position: -168px -45px;
    }

    DIV.message .msg-error {
        background-image: url(icon-sprite-messages-20.svg);
        background-position: -48px -165px;
    }

    DIV.message .msg-secure {
        background-image: url(icon-sprite-messages-20.svg);
        background-position: 10px -240px;
    }

    div.message .close {
        float: right;
        width: 10px;
        height: 10px;
        margin: 5px 5px 0 0;
        background: url(icon-sprite-10.svg) no-repeat 0 0;
    }

    div.message .close:hover {
        background-position: 0 -10px;
    }

    div.message .close:active {
        background-position: 0 -20px;
    }

    div.message.message-surprise .close,
    div.message.message-surprise .close:hover,
    div.message.message-surprise .close:active,
    div.message.message-birthday .close,
    div.message.message-birthday .close:hover,
    div.message.message-birthday .close:active {
        background-position: 0 -30px;
    }

    DIV.message P,
    DIV.message H2,
    DIV.message OL,
    DIV.message UL {
        margin: 0;
    }
    DIV.message H2 {
        font-size: 13px;
        line-height: 20px;
    }
    DIV.message H2 A {
        font-weight: normal;
    }

    DIV.message H2 A.button.alt {
        font-weight: 600;
        margin-top: 10px;
    }

        div.message.closable h2,
        div.message.closable p {
            padding-right: 30px;
        }


    DIV.message P {
        font-size: 11px;
        line-height: 16px;
    }
    DIV.message P.action {
        margin-top: 9px;
    }

    DIV.message .text {
        float: left;
        font-size: 13px;
        line-height: 24px;
    }

    DIV.message .buttons {
        margin-top: 10px;
    }

    DIV.message .button.small {
        margin-right: 15px;
        height: 32px;
        font-size: 13px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
        padding: 0 15px 0 15px;
    }

    DIV.message OL {
        margin-left: 0;
        font-size: 11px;
        line-height: 16px;
    }

    TR.error TD {
        background-color: #F1E9EA !important;
    }
    TD.msg-error {
        background-image: url(bg_arrow_top.png);
        background-position: 10px 100%;
        background-repeat: no-repeat;
    }
    TR.msg-error TD, TD.msg-error {
        color: #CF0F0F;
    }
    TR.queue {
        font-weight: 600;
    }
    .guide {
        text-align: center;
    }

    P.sep {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #E8E8E8;
    }

    .empty-content-message {
        padding: 60px 80px;
    }
        .empty-content-message.grid-columns {
            padding: 60px 120px;
        }

        .empty-content-message dt {
            font-size: 40px;
            font-weight: 200;
            line-height: 48px;
            color: #b2b2b2;
            margin-bottom: 30px;
        }

        .empty-content-message dd .action {
            margin-top: 30px;
            line-height: 30px;
        }

            .empty-content-message dd .action a,
            .content-message dd .action button {
                display: inline-block;
                vertical-align: middle;
            }

            .empty-content-message dd .action .button {
                margin-bottom: 10px;
                margin-right: 15px;
                margin-top: 5px;
            }

    .content-message {
        padding: 60px 10px 60px 160px;
    }

        .content-message dt {
            font-size: 32px;
            font-weight: 300;
            line-height: 40px;
            color: #1f1f1f;
            margin-bottom: 10px;
        }

        .content-message dt .icon {
            background: url(icon-sprite-messages-60.svg) no-repeat -1000px -1000px;
            float: left;
            width: 60px;
            height: 60px;
            margin: -10px 0 0 -80px;
        }

        .content-message dd .action {
            margin-top: 20px;
            padding-right: 0;
            line-height: 30px;
        }

        .content-message dd p {
            padding-right: 70px;
        }

            .content-message dd .action a,
            .content-message dd .action button {
                display: inline-block;
                vertical-align: middle;
            }

            .content-message dd .action .button {
                margin-bottom: 10px;
            }

        .content-message dt .icon.success {
            background-position: 0 0;
        }

        .content-message dt .icon.success.alt {
            background-position: 0 -60px;
        }

        .content-message dt .icon.waitlist {
            background-position: 0 -120px;
        }


        .content-message dt .icon.authenticated {
            background-position: 0 -180px;
        }

        .content-message dt .icon.error {
            background-position: 0 -240px;
        }

        .content-message dt .icon.alert {
            background-position: 0 -300px;
        }

        .content-message dt .icon.waitlist.animated {
            background-image: url(animated-clock-60.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 60px 60px;
        }

        .content-message dd ol {
            margin-left: 0;
        }

        .content-message-title {
            font-size: 32px;
            font-weight: 300;
            line-height: 40px;
            color: #b2b2b2;
        }


    /* inline */

    DIV.msg-inline {
        margin-top: 10px 0;
        text-align: center;
    }
    DIV.msg-inline H2 {
        display: -moz-inline-box;
        display: inline-block;
        padding: 7px 0 7px 34px;
        background-position: 0 10px;
        background-repeat: no-repeat;
        font-size: 20px;
        line-height: 25px;
    }
    DIV.msg-inline H2 .small {
        font-size: 11px;
    }

    DIV.msg-inline H2.msg-secure {
        background-position: 0px -110px;
    }

    DIV.message.inline {
        text-align: center;
    }

        DIV.message.inline .row {
            padding-left: 0;
        }

        DIV.message.inline H2 {
            display: -moz-inline-box;
            display: inline-block;
            padding: 0 0 0 40px;
            background-repeat: no-repeat;
        }

            DIV.message.inline H2 .field {
                margin-top: -5px;
                margin-left: 10px;
                margin-bottom: -10px;
            }

            DIV.message.inline H2 .code {
                display: inline-block;
                font-size: 20px;
                vertical-align: top;
                margin-top: -1px;
            }

    /* search symbol */
    A.ico-find {
        height: 20px;
        width: 20px;
        display: inline-block;
        background: url(sprite-ico.svg) no-repeat -575px 0;
        outline: none;
    }

    A.ico-find:hover {
        background-position: -575px -25px;
    }

    A.ico-find:active {
        background-position: -575px -50px;
    }

    P.form A.ico-find {
        margin: 4px 0 0 4px;
    }

    #find-symbol {
        width: 320px;
        position: absolute;
        z-index: 101;
        display: none;
        top: 0;
        left: 0;
        margin: 19px 0 0 -145px;
        border: 2px solid #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
    }

    #find-symbol .find-header {
        padding: 0 6px;
        background: -moz-linear-gradient(top,  #fefefe 0%, #f7f7f7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7));
        background: -webkit-linear-gradient(top,  #fefefe 0%,#f7f7f7 100%);
        background: -o-linear-gradient(top,  #fefefe 0%,#f7f7f7 100%);
        background: -ms-linear-gradient(top,  #fefefe 0%,#f7f7f7 100%);
        background: linear-gradient(to bottom,  #fefefe 0%,#f7f7f7 100%);
    }
    #find-symbol DIV.find-header P.form {
        margin-top: 0;
        white-space: nowrap;
        text-align: center;
    }
    #find-symbol DIV.find-header P.form LABEL {
        line-height: 30px;
        display: inline-block;
        font-size: 11px;
        font-weight: 500;
        text-align: right;
        margin-right: 2px;
        max-width: 105px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #find-symbol DIV.find-header P.form INPUT.find-input {
        width: 70px;
        margin-left: 0;
        background-color: #fff;
    }
    #find-symbol DIV.find-header P.form BUTTON {
        margin: 0 0 0 4px;
    }
    #find-symbol DIV.find-content {
        padding: 2px 0;
        background: #fff;
    }
    #find-symbol DIV.find-content DIV {
        height: 200px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    /* =symbols */
    TABLE.symbols {
        margin-top: 0;
        width: 100%;
    }
    TABLE.symbols TR#no-results {
        display: none;
    }
    TABLE.symbols TH,
    TABLE.symbols TD {
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        padding: 0 5px;
    }
    TABLE.symbols TH {
        width: 40px;
    }
    TABLE.symbols TD A {
        color: #222;
    }
    TABLE.symbols TR.alt TH,
    TABLE.symbols TR.alt TD {
        background-color: #fafafa;
    }

    /* other */

    P.message {
        margin-top: 15px;
        text-align: center;
    }

    /* =front-slot
    -------------------------------------------------- */
    #front-slot {
        border-bottom: 1px solid #e8e8e8;
    }
    #front-slot IMG {
        display: block;
    }
    #front-slot .col1 {
        float: left;
    }
    #front-slot .col2 {
        float: right;
    }

    /* =banners
    -------------------------------------------------- */
    DIV.slot {
        position: relative;
        padding: 30px 0;
    }
    DIV.slot IMG {
        display: block;
    }

    /* 4 banners */

    DIV.slot4 DIV.col1,
    DIV.slot4 DIV.col2,
    DIV.slot4 DIV.col3,
    DIV.slot4 DIV.col4 {
        float: left;
    }
    DIV.slot4 DIV.col1,
    DIV.slot4 DIV.col2,
    DIV.slot4 DIV.col3 {
        margin-right: 20px;
    }

    /* 3 banners */

    DIV.slot3 DIV.col1,
    DIV.slot3 DIV.col2,
    DIV.slot3 DIV.col3 {
        float: left;
        width: 300px;
    }
    DIV.slot3 DIV.col1,
    DIV.slot3 DIV.col2 {
        margin-right: 20px;
    }

    /* 2 banners */

    DIV.slot2 DIV.col1,
    DIV.slot2 DIV.col2 {
        float: left;
        width: 460px;
    }
    DIV.slot2 DIV.col1 {
        margin-right: 20px;
    }

    /* 3-3-6 banners */

    DIV.slot-3-3-6 DIV.col1,
    DIV.slot-3-3-6 DIV.col2,
    DIV.slot-3-3-6 DIV.col3 {
        float: left;
    }
    DIV.slot-3-3-6 DIV.col1,
    DIV.slot-3-3-6 DIV.col2 {
        width: 220px;
        margin-right: 20px;
    }
    DIV.slot-3-3-6 DIV.col3 {
        width: 460px;
    }

    /* 3-6-3 banners */

    DIV.slot-3-6-3 DIV.col1,
    DIV.slot-3-6-3 DIV.col2,
    DIV.slot-3-6-3 DIV.col3 {
        float: left;
    }
    DIV.slot-3-6-3 DIV.col1,
    DIV.slot-3-6-3 DIV.col2 {
        margin-right: 20px;
    }
    DIV.slot-3-6-3 DIV.col1,
    DIV.slot-3-6-3 DIV.col3 {
        width: 220px;
    }
    DIV.slot-3-6-3 DIV.col2 {
        width: 460px;
    }

    /* 6-3-3 banners */

    DIV.slot-6-3-3 DIV.col1,
    DIV.slot-6-3-3 DIV.col2,
    DIV.slot-6-3-3 DIV.col3 {
        float: left;
    }
    DIV.slot-6-3-3 DIV.col1,
    DIV.slot-6-3-3 DIV.col2 {
        margin-right: 20px;
    }
    DIV.slot-6-3-3 DIV.col1 {
        width: 460px;
    }
    DIV.slot-6-3-3 DIV.col2,
    DIV.slot-6-3-3 DIV.col3 {
        width: 220px;
    }

    /* =ticker
    -------------------------------------------------- */
    #ticker,
    #ticker P,
    #ticker UL,
    #ticker LI,
    #ticker H2,
    #ticker H2 A,
    #ticker H3,
    #ticker H3 A {
        height: 29px;
        overflow: hidden;
        margin: 0;
    }
    #ticker {
        border-top: 1px solid #e8e8e8;
        background: url(bg_ticker.png) no-repeat 100% 0;
    }
    #ticker UL,
    #ticker H2,
    #ticker H3 {
        float: left;
    }
    #ticker A {
        display: block;
        color: #222;
        outline: none;
    }
    #ticker H2,
    #ticker H2 A {
        width: 150px;
        background: url(bg_ticker_logo.png) no-repeat 100% 0;
    }
    #ticker H2 {
        margin-right: 10px;
        text-indent: -5000px;
    }

    #ticker UL {
        width: 780px;
    }
    #ticker LI {
        padding: 0;
        background: none;
        vertical-align: top;
    }
    #ticker P,
    #ticker H3 {
        font-size: 11px;
        line-height: 28px;
    }
    #ticker P {
        float: right;
        width: 300px;
        color: #909090;
        text-align: right;
    }
    #ticker H3 {
        width: 460px;
        font-weight: normal;
    }

    /* =menu
    -------------------------------------------------- */
    #cmenu {
        clear: both;
        min-height: 1px;
        margin-top: 30px;
    }
    #cmenu DIV.col {
        float: left;
        width: 140px;
        overflow: hidden;
        margin-right: 20px;
    }
    #cmenu DIV.cat6 {
        margin-right: 0;
    }
    #cmenu A {
        display: block;
        outline: none;
    }
    #cmenu H2,
    #cmenu H2 A {
        color: #909090;
    }
    #cmenu H2 {
        margin: 0;
        font-weight: normal;
    }
    #cmenu H2 A {
        padding: 30px 0 5px;
        border-bottom: 1px solid #e8e8e8;
        background: url(sprite-bg-cmenu-icons.svg) no-repeat -5000px 0;
    }
    #cmenu H2 A:hover {
        color: #222;
        text-decoration: none;
    }
    #cmenu UL {
        margin: 0;
        padding: 6px 0 5px;
    }
    #cmenu LI {
        padding: 0;
        background: none;
    }
    #cmenu LI A {
        padding: 2px 0 3px;
        color: #222;
    }
    #cmenu LI.alt A {
        color: #909090;
    }
    #cmenu LI.alt A:hover {
        text-decoration: none;
    }
    #cmenu LI.alt A:hover SPAN {
        text-decoration: underline;
    }

    #cmenu .cat1 H2 A { background-position: 0 0; }
    #cmenu .cat1 H2 A:hover { background-position: 0 -160px; }
    #cmenu .cat1 H2 A:active { background-position: 0 -240px; }

    #cmenu .cat2 H2 A { background-position: -160px 0; }
    #cmenu .cat2 H2 A:hover { background-position: -160px -160px; }
    #cmenu .cat2 H2 A:active { background-position: -160px -240px; }

    #cmenu .cat3 H2 A { background-position: -320px 0; }
    #cmenu .cat3 H2 A:hover { background-position: -320px -160px; }
    #cmenu .cat3 H2 A:active { background-position: -320px -240px; }

    #cmenu .cat4 H2 A { background-position: -480px 0; }
    #cmenu .cat4 H2 A:hover { background-position: -480px -160px; }
    #cmenu .cat4 H2 A:active { background-position: -480px -240px; }

    #cmenu .cat5 H2 A { background-position: -800px 0; }
    #cmenu .cat5 H2 A:hover { background-position: -800px -160px; }
    #cmenu .cat5 H2 A:active { background-position: -800px -240px; }

    #cmenu .cat6 H2 A { background-position: -640px 0; }
    #cmenu .cat6 H2 A:hover { background-position: -640px -160px; }
    #cmenu .cat6 H2 A:active { background-position: -640px -240px; }

    body[class^="lt-"] #cmenu .cat5 H2 A { background-position: -640px 0; }
    body[class^="lt-"] #cmenu .cat5 H2 A:hover { background-position: -640px -160px; }
    body[class^="lt-"] #cmenu .cat5 H2 A:active { background-position: -640px -240px; }

    body[class^="lt-"] #cmenu .cat6 H2 A { background-position: -800px 0; }
    body[class^="lt-"] #cmenu .cat6 H2 A:hover { background-position: -800px -160px; }
    body[class^="lt-"] #cmenu .cat6 H2 A:active { background-position: -800px -240px; }


    .cmenu-extra H2 {
        height: 80px;
    }
    .cmenu-extra h2 A {
        position: relative;
        height: 40px;
    }
    .cmenu-extra h2 A SPAN {
        position: absolute;
        bottom: 5px;
        cursor: pointer;
    }
    /* =cnav
    -------------------------------------------------- */
    #cnav {
        height: 41px;
        overflow: hidden;
        margin: 0 -10px;
    }
    #cnav LI {
        float: left;
        width: 160px;
        padding: 0;
        background: url(bg_cmenu.png) no-repeat 0 0;
    }
    #cnav A {
        display: block;
        padding: 0 0 10px 40px;
        background: url(sprite-bg-cmenu-icons.svg) no-repeat -5000px 0;
        color: #6f6f6f;
        font-size: 11px;
        font-weight: 600;
        line-height: 40px;
        outline: none;
    }
    #cnav A:hover,
    #cnav A:focus {
        color: #222;
        text-decoration: none;
    }

    #cnav .cat1 {
        background-position: -1px 0;
    }
    #cnav .cat1-active {
        background-position: -1px -41px;
    }
    #cnav .cat2-active,
    #cnav .cat3-active,
    #cnav .cat4-active,
    #cnav .cat5-active,
    #cnav .cat6-active {
        background-position: 0 -41px;
    }
    #cnav .cat1-active A,
    #cnav .cat2-active A,
    #cnav .cat3-active A,
    #cnav .cat4-active A,
    #cnav .cat5-active A,
    #cnav .cat6-active A {
        color: #222;
    }

    #cnav .cat1 A { background-position: 10px 10px; }
    #cnav .cat1 A:hover { background-position: 10px -150px; }
    #cnav .cat1 A:active { background-position: 10px -230px; }
    #cnav .cat1 A.active { background-position: 10px -70px !important; }

    #cnav .cat2 A { background-position: -150px 10px; }
    #cnav .cat2 A:hover { background-position: -150px -150px; }
    #cnav .cat2 A:active { background-position: -150px -230px; }
    #cnav .cat2 A.active { background-position: -150px -70px !important; }

    #cnav .cat3 A { background-position: -310px 10px; }
    #cnav .cat3 A:hover { background-position: -310px -150px; }
    #cnav .cat3 A:active { background-position: -310px -230px; }
    #cnav .cat3 A.active { background-position: -310px -70px !important; }

    #cnav .cat4 A { background-position: -470px 10px; }
    #cnav .cat4 A:hover { background-position: -470px -150px; }
    #cnav .cat4 A:active { background-position: -470px -230px; }
    #cnav .cat4 A.active { background-position: -470px -70px !important; }

    #cnav .cat5 A { background-position: -790px 10px; }
    #cnav .cat5 A:hover { background-position: -790px -150px; }
    #cnav .cat5 A:active { background-position: -790px -230px; }
    #cnav .cat5 A.active { background-position: -790px -70px !important; }

    #cnav .cat6 A { background-position: -630px 10px; }
    #cnav .cat6 A:hover { background-position: -630px -150px; }
    #cnav .cat6 A:active { background-position: -630px -230px; }
    #cnav .cat6 A.active { background-position: -630px -70px !important; }

    body[class^="lt-"] #cnav .cat5 A { background-position: -630px 10px; }
    body[class^="lt-"] #cnav .cat5 A:hover { background-position: -630px -150px; }
    body[class^="lt-"] #cnav .cat5 A:active { background-position: -630px -230px; }
    body[class^="lt-"] #cnav .cat5 A.active { background-position: -630px -70px !important; }

    body[class^="lt-"] #cnav .cat6 A { background-position: -790px 10px; }
    body[class^="lt-"] #cnav .cat6 A:hover { background-position: -790px -150px; }
    body[class^="lt-"] #cnav .cat6 A:active { background-position: -790px -230px; }
    body[class^="lt-"] #cnav .cat6 A.active { background-position: -790px -70px !important; }

    /* =sidebar
    -------------------------------------------------- */

    DIV.menu {
        min-height: 1px;
        margin: 0 0 10px;
        background: #fff;
    }

    DIV.menu.bottom-nav {
        border-top: 1px solid #e8e8e8;
        padding-top: 8px;
        padding-bottom: 50px;
    }

    DIV.menu:active {

    }
    DIV.menu A,
    DIV.menu SPAN {
        display: block;
    }
    DIV.menu A {
        color: #222;
        text-decoration: none;
    }
    DIV.menu A:hover {
        text-decoration: none;
    }
    DIV.menu A:hover SPAN {
        cursor: pointer;
        text-decoration: underline;
    }
    DIV.menu H2,
    DIV.menu LI {
        position: relative;
    }
    DIV.menu H2 {
        height: 28px;
        overflow: hidden;
        margin: 0;
        text-transform: uppercase;
        white-space: nowrap;
        background-image: url(open.svg);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 10px;
    }
    DIV.menu H2 A {
        padding: 0 9px 9px 15px;
        background-position: -1110px 0;
        line-height: 28px;
        outline: none;
    }
    DIV.menu H2:hover {
    }
    DIV.menu H2:active {
    }
    div.menu h2:hover a,
    div.menu h2 a:hover,
    div.menu h2 a:hover span {
        text-decoration: none;
    }

    div.menu.open h2 {
        background-image: url(minus.svg);
    }

    DIV.menu UL {
        margin: 0;
        padding: 6px 0 4px;
    }
    DIV.menu LI {
        padding: 0;
        background: none;
    }
    DIV.menu LI A {
        padding: 2px 10px 3px 16px;
    }
    DIV.menu EM {
        position: absolute;
        top: 7px;
        margin-left: 8px;
        background: #444B57;
        color: #fff;
        height: 14px;
        overflow: hidden;
        line-height: 14px;
        font-style: normal;
        text-align: center;
        text-decoration: none !important;
        font-weight: 600;
        cursor: pointer;
        min-width: 10px;
        padding-left: 6px;
        padding-right: 6px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
    DIV.menu UL EM {
        top: 2px;
        background: #ABABB0;
    }

    DIV.menu UL EM.problem {
        background-color: #FF7A7A;
    }

    .js DIV.menu UL {
        display: none;
    }
    .js DIV.menu.open UL {
        display: block;
    }

    /* =left
    -------------------------------------------------- */
    #left UL {
        margin: 0;
    }
    #left LI {
        display: inline;
        padding: 0;
        background: none;
    }
    #left LI A,
    #left LI STRONG {
        display: block;
        padding: 7px 10px 8px;
        font-size: 11px;
        line-height: 15px;
        text-align: right;
        font-weight: 600;
        text-transform: uppercase;
    }
    #left LI A {
        color: #222;
    }
    #left LI STRONG {
        color: #909090;
        cursor: default;
    }
    #left LI.alt A:hover {
        text-decoration: none;
    }
    #left LI.alt A:hover SPAN {
        text-decoration: underline;
    }

    /* =tabs
    -------------------------------------------------- */
    UL.tabs {
        float: right;
        margin: 0;
    }
    UL.tabs LI {
        float: left;
        width: 126px;
        height: 22px;
        overflow: hidden;
        padding: 0;
        background: none;
    }
    UL.tabs A,
    UL.tabs STRONG {
        display: block;
        background: url(bg_popup_tabs.png) no-repeat -127px 0;
        font-size: 11px;
        line-height: 22px;
        font-weight: 600;
        text-align: center;
    }
    UL.tabs A {
        color: #222;
        text-decoration: none !important;
    }
    UL.tabs STRONG {
        background-color: #6f6f6f;
        background-position: -127px -22px;
        color: #fff;
        cursor: default;
    }
    UL.tabs IMG {
        margin-top: 6px;
        vertical-align: top;
    }
    *+html UL.tabs IMG {
        margin-top: 2px;
    }

    UL.tabs .first,
    UL.tabs .last {
        width: 127px;
    }
    UL.tabs .first.small,
    UL.tabs .last.small {
        width: 90px;
    }
    UL.tabs .first A {
        background-position: 0 0;
    }
    UL.tabs .first STRONG {
        background-position: 0 -22px;
    }
    UL.tabs .last A {
        background-position: 100% 0;
    }
    UL.tabs .last STRONG {
        background-position: 100% -22px;
    }
    DIV.title-steps Ul.tabs {
        margin: 6px 0 0 13px;
    }

    .tabs.account-selection {
        float: none;
        text-align: center;
        font-size: 0;
    }

        .tabs.account-selection > li {
            float: none;
            display: inline-block;
        }

        .tabs.account-selection > li strong,
        .tabs.account-selection > li a {
        }



    /* =tabs-small
    -------------------------------------------------- */
    UL.tabs-small {
        margin: 0;
        list-style: none;
        margin-bottom: 10px;
    }
    UL.tabs-small LI {
        float: left;
        margin: 10px 10px 0 0;
        padding: 0;
        background: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
    }
    UL.tabs-small A,
    UL.tabs-small STRONG {
        display: block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    UL.tabs-small A,
    UL.tabs-small STRONG {
        height: 20px;
        padding-left: 6px;
        padding-right: 6px;
        color: #909090;
        font-weight: 600;
        line-height: 20px;
        outline: none;
        white-space: nowrap;
    }
    UL.tabs-small A:hover {
        -moz-box-shadow: inset 0 0 0 1px #e5e5e5;
        -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
        box-shadow: inset 0 0 0 1px #e5e5e5;
        text-decoration: none;
    }

    UL.tabs-small .active SPAN,
    UL.tabs-small .active STRONG,
    UL.tabs-small .ui-state-active A,
    UL.tabs-small .ui-state-active SPAN {
        cursor: default;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #909090;
    }
    UL.tabs-small .active STRONG,
    UL.tabs-small .ui-state-active A {
        color: #fff;
    }
    UL.tabs-small .active SPAN,
    UL.tabs-small .ui-state-active SPAN {

    }

    .ui-tabs .ui-tabs-hide {
        display: none;
    }

        .tabs-small span em {
            display: inline-block;
            padding: 0px;
            font-style: normal;
            color: #fff;
            height: 14px;
            line-height: 14px;
            margin-left: 5px;
            text-align: center;
            min-width: 10px;
            padding-left: 6px;
            padding-right: 6px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            background: #000;
        }

        .tabs-small li.active span em {
            color: #666;
            background: #fff;
        }

    label em.attention {
        display: inline-block;
        padding: 0px;
        font-style: normal;
        color: #fff;
        height: 14px;
        line-height: 14px;
        margin: -4px 10px 0 10px;
        font-size: 11px;
        font-weight: 600;
        vertical-align: middle;
        text-align: center;
        min-width: 10px;
        padding-left: 6px;
        padding-right: 6px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background: #000;
    }


    /* =gallery
    -------------------------------------------------- */
    #gallery {
        width: 700px;
        overflow: hidden;
    }
    #gallery .inner {
        width: 12000px;
    }
    #gallery .gallery {
        float: left;
        width: 700px;
    }

    UL.gallery {
        margin: 0;
    }
    UL.gallery LI {
        float: left;
        width: 220px;
        margin: 25px 20px 0 0;
        padding: 0;
        background: none;
    }
    UL.gallery LI.alt {
        margin-right: 0;
    }
    UL.gallery LI.sep {
        float: none;
        clear: both;
        width: 100%;
        height: 1px;
        margin: 0;
    }
    UL.gallery IMG,
    UL.gallery SPAN,
    UL.gallery STRONG {
        display: block;
    }
    UL.gallery SPAN {
        font-size: 11px;
        line-height: 1.818;
        margin-left: 1px;
    }
    UL.gallery STRONG {
        padding-top: 5px;
        font-weight: normal;
        line-height: 1.538;
        margin-left: 1px;
    }

    /* image */

    P.img {
        margin-top: 20px;
    }
    P.img IMG,
    P.img SPAN,
    P.img STRONG {
        display: block;
    }
    P.img SPAN {
        font-size: 11px;
        line-height: 1.818;
    }
    P.img STRONG {
        padding-top: 5px;
        line-height: 1.538;
    }

    /* =box
    -------------------------------------------------- */
    DIV.box {
        padding-top: 20px;
    }

    /* =results
    -------------------------------------------------- */
    DL.results {
        margin: 0;
    }
    DL.results P.nr,
    DL.results P.rel,
    DL.results DIV.content {
        float: left;
    }
    DL.results DIV.content {
        width: 540px;
        margin-right: 40px;
        margin-top: 4px;
    }
    DL.results DT,
    DL.results P.nr {
        font-size: 20px;
        font-weight: normal;
        line-height: 1.25;
    }
    DL.results DT {
        margin: 20px 0 -10px;
        padding-left: 60px;
    }
    DL.results DD {
        padding-top: 20px;
    }
    DL.results P.nr,
    DL.results P.rel,
    DL.results P.rel SPAN,
    DL.results DIV.content {
        overflow: hidden;
    }
    DL.results P,
    DL.results H2 {
        margin: 0;
    }
    DL.results H2 {
        font-size: 13px;
        line-height: 1.538;
    }
    DL.results P.nr {
        width: 35px;
        margin-right: 25px;
        color: #d2d2d2;
        text-align: right;
    }
    DL.results P.path {
        color: #b2b2b2;
        font-size: 11px;
        line-height: 1.818;
    }
    DL.results P.path A {
        color: #b2b2b2;
    }
    DL.results P.path A:hover {
        color: #1F1F2C;
    }
    DL.results P.rel,
    DL.results P.rel SPAN {
        width: 50px;
        height: 10px;
        background: url(bg_relevancy.gif) repeat-x 0 -10px;
    }
    DL.results P.rel {
        margin-top: 25px;
        text-indent: -5000px;
        cursor: help;
    }
    DL.results P.rel SPAN {
        display: block;
        background-position: 0 0;
    }
    DL.results P.rel1 SPAN {
        width: 10px;
    }
    DL.results P.rel2 SPAN {
        width: 20px;
    }
    DL.results P.rel3 SPAN {
        width: 30px;
    }
    DL.results P.rel4 SPAN {
        width: 40px;
    }

    DL.results DD.bg-shadow {
        background: url(bg_frame_top.png) no-repeat left 10px;
    }
    DL.results DD.bg-shadow P.nr {
        color: #000;
    }
    DL.results DD.bg-shadow DIV.inner {
        padding-bottom: 15px;
        background: url(bg_frame_bottom.png) no-repeat left bottom;
    }
    DL.results DIV.text {
        min-height: 40px;
        display: none;
        overflow: hidden;
    }
    DL.results DIV.text DIV.wrapper {
        opacity: 0;
    }
    DL.results DIV.text DIV.wrapper P {
        margin-top: 20px;
    }
    DL.results DIV.text DIV.wrapper P.path {
        font-size: 13px;
        color: #222;
    }
    DL.results DIV.text DIV.wrapper P.path A {
        font-size: 11px;
        color: #1F1F2C;
        font-weight: 500;
    }
    DL.results A.close-block {
        display: none;
        float: right;
        margin: 0 15px 0 0;
    }
    DL.results DD.bg-shadow A.close-block {
        display: block;
    }
    DL.results DIV.hidden {
        display: none;
    }

    .results ul {
        margin-left: 0;
    }

    DL.alt DT,
    DL.alt DD {
        float: left;
        margin-bottom: 5px;
    }
    DL.alt DT {
        clear: both;
        width: 220px;
        margin-right: 10px;
        white-space: nowrap;
    }
    DL.alt DD {
        width: 110px;
    }

    DL.alt DD.positive:before {
        content: '+';
    }

    /* =pager
    -------------------------------------------------- */
    DIV.pager P {
        float: left;
        margin-top: 20px;
    }

    DIV.pager .pages {
        float: left;
    }
    DIV.pager .pages LI {
        margin: 0;
        padding: 10px 0 0 10px;
    }

    .pager .pages li:first-child {
        padding-left: 0;
    }

    DIV.pager-bottom {
        margin-top: 30px;
        border-top: 1px solid #e8e8e8;
    }

    DIV.pager-suggestions {
        padding: 30px 0;
        border-bottom: 1px solid #e8e8e8;
        text-align: center;
    }
    DIV.pager-suggestions UL {
        display: inline-block;
    }

    DIV.pager .more-less {
        float: right;
        margin-right: 10px;
    }

    .pager + table.grid {
        margin-top: 10px;
    }

    .table-pager {
        border-top: 1px solid #dee1e6;
    }

    table.grid + .table-pager {
        margin-top: -1px;
    }

        .table-pager .pages {
            padding-top: 0;
        }

        .table-pager .more-less {
            margin-top: 10px;
        }

    /* =suggestions
    -------------------------------------------------- */
    #suggestions {
        height: 160px;
        overflow: hidden;
        width: 540px;
        margin-left: 60px;
    }
    #suggestions DIV.inner {
        width: 2250px;
    }
    #suggestions DL.results {
        float: left;
        width: 540px;
        margin: 0;
    }
    #suggestions DL.results DD {
        margin-bottom: 6px;
        padding-top: 0;
    }
    H2.padded-title {
        font-size: 20px;
        line-height: 20px;
        color: #bbb;
        font-weight: 500;
        padding: 30px 0 0 60px;
    }

    /* =pager
    -------------------------------------------------- */
    UL.pager {
        margin: 0 auto;
        padding: 4px 0 20px;
        border-bottom: 1px solid #e8e8e8;
        text-align: center;
        line-height: 0;
        width: 220px;
    }
    UL.pager LI {
        display: -moz-inline-box;
        display: inline-block;
        padding: 0;
        background: none;
    }
    *+HTML UL.pager LI {
        display: inline;
        zoom: 1;
    }
    * HTML UL.pager LI {
        display: inline;
        zoom: 1;
    }
    UL.pager A {
        display: block;
        width: 20px;
        height: 20px;
        overflow: hidden;
        background: url(bg_popup_pager.png) no-repeat 0 -20px;
        text-align: left;
        text-indent: -5000px;
    }
    UL.pager A {
        outline: none;
    }
    UL.pager A:hover,
    UL.pager A:focus {
        background-position: 0 -40px;
    }
    UL.pager A:active {
        background-position: 0 -60px;
    }
    UL.pager .active A {
        background-position: 0 0 !important;
        cursor: default;
    }

    /* =grid
    -------------------------------------------------- */
    DIV.grid {
        clear: both;
    }

    .col1,
    .col2,
    .col3 {
        min-height: 1px;
    }

    DIV.grid-5-4 DIV.col1 {
        float: left;
        width: 380px;
    }
    DIV.grid-5-4 DIV.col2 {
        float: right;
        width: 300px;
    }
    DIV.grid-5-4-wide DIV.col1 {
        float: left;
        width: 400px;
    }
    DIV.grid-5-4-wide DIV.col2 {
        float: right;
        width: 280px;
    }

    DIV.grid-4-5 DIV.col1 {
        float: left;
        width: 300px;
    }
    DIV.grid-4-5 DIV.col2 {
        float: right;
        width: 380px;
    }
    DIV.grid-4-5-wide DIV.col1 {
        float: left;
        width: 265px;
    }
    DIV.grid-4-5-wide DIV.col2 {
        float: right;
        width: 435px;
    }

    DIV.grid-3-6 DIV.col1 {
        float: left;
        width: 220px;
    }
    DIV.grid-3-6 DIV.col2 {
        float: right;
        width: 460px;
    }

    DIV.grid-6-3 DIV.col1 {
        float: left;
        width: 460px;
    }
    DIV.grid-6-3 DIV.col2 {
        float: right;
        width: 220px;
    }


    DIV.grid-4-6 DIV.col1 {
        float: left;
        width: 300px;
    }
    DIV.grid-4-6 DIV.col2 {
        float: right;
        width: 460px;
    }

    DIV.grid-6-4 DIV.col1 {
        float: left;
        width: 460px;
    }
    DIV.grid-6-4 DIV.col2 {
        float: right;
        width: 300px;
    }

    DIV.grid-2-7 DIV.col1 {
        float: left;
        width: 140px;
        margin-right: 20px;
    }
    DIV.grid-2-7 DIV.col2 {
        float: right;
        width: 540px;
    }

    DIV.grid-7-2 DIV.col1 {
        float: left;
        width: 540px;
    }
    DIV.grid-7-2 DIV.col2 {
        float: right;
        width: 140px;
        margin-right: 20px;
    }

    div.grid-1-8 div.col1 {
        float: left;
        width: 60px;
        margin-right: 20px;
    }
    div.grid-1-8 div.col2 {
        float: right;
        width: 620px;
    }

    div.grid-8-1 div.col1 {
        float: left;
        width: 629px;
    }
    div.grid-8-1 div.col2 {
        float: right;
        width: 60px;
        margin-right: 20px;
    }

    DIV.grid-3-3 {
        width: 460px;
    }
    DIV.grid-3-3 col1,
    DIV.grid-3-3 col2 {
        width: 220px;
    }

    DIV.grid-2-5-2 DIV.col1,
    DIV.grid-2-5-2 DIV.col3 {
        float: left;
        width: 140px;
    }
    DIV.grid-2-5-2 DIV.col1,
    DIV.grid-2-5-2 DIV.col2 {
        margin-right: 20px;
    }
    DIV.grid-2-5-2 DIV.col2 {
        float: left;
        width: 380px;
    }

    DIV.grid-3-3 {
        clear: left;
        width: 460px;
    }
    DIV.grid-3-3 DIV.col1,
    DIV.grid-3-3 DIV.col2 {
        width: 220px;
    }
    DIV.grid-3-3 DIV.col1 {
        float: left;
    }
    DIV.grid-3-3 DIV.col2 {
        float: right;
    }
    DIV.grid-6-6 DIV.col1,
    DIV.grid-6-6 DIV.col2 {
        float: left;
        width: 460px;
    }
    DIV.grid-6-6 DIV.col1 {
        margin-right: 10px;
    }
    DIV.grid-3-4 {
        clear: left;
        width: 580px;
    }
    DIV.grid-3-4 DIV.col1 {
        width: 220px;
        float: left;
    }
    DIV.grid-3-4 DIV.col2 {
        width: 340px;
        float: right;
    }
    DIV.grid-3-4 DIV.col2-345 {
        width: 345px;
        float: right;
    }

    DIV.grid-3-3-3 DIV.col1,
    DIV.grid-3-3-3 DIV.col2,
    DIV.grid-3-3-3 DIV.col3 {
        float: left;
        width: 220px;
    }
    DIV.grid-3-3-3 DIV.col1,
    DIV.grid-3-3-3 DIV.col2 {
        margin-right: 20px;
    }

    DIV.grid-50-50 DIV.col1,
    DIV.grid-50-50 DIV.col2 {
        width: 340px;
    }
    DIV.grid-50-50 DIV.col1 {
        float: left;
    }
    DIV.grid-50-50 DIV.col2 {
        float: right;
    }

    .clearfix {
        clear: both;
    }

    /* =groups
    -------------------------------------------------- */
    DIV.group {
        padding-top: 20px;
    }
    DIV.group DL,
    DIV.group TABLE {
        margin-top: 20px;
    }
    DIV.group TABLE {
        width: 100%;
    }
    DIV.group TH,
    DIV.group TD {
        padding: 0 10px 0 0;
    }
    DIV.group TH {
        font-weight: normal;
    }

    DIV.group DIV.col1,
    DIV.group DIV.col2,
    DIV.group DIV.col3 {
        float: left;
        width: 220px;
    }
    DIV.group DIV.col1,
    DIV.group DIV.col2 {
        margin-right: 20px;
    }
    DIV.group DIV.col1-wide,
    DIV.group DIV.col2-wide {
        float: left;
        width: 460px;
    }
    DIV.group DIV.col1-wide {
        margin-right: 20px;
    }

    /* =map
    -------------------------------------------------- */
    #map {
        width: 700px;
        overflow: hidden;
        margin-top: 20px;
    }
    #map IMG {
        display: block;
    }
    #map .ui-tabs-hide {
        display: block;
        position: absolute;
        top: -10000px;
        left: -10000px;
    }

    .map-canvas,
    #map .ui-tabs-panel {
        width: 700px;
        height: 350px;
    }
    #map .ui-tabs-panel {
        margin-top: 20px;
    }
    .map-content DL {
        margin: 0;
    }

    /* =tables
    -------------------------------------------------- */

    /* data */

    TABLE.data {
        width: 100%;
        margin-top: 15px;
    }
    TABLE.data TH,
    TABLE.data TD {
        padding: 5px 10px;
        font-size: 14px;
    }
    TABLE.data TD,
    TABLE.data TBODY TH {
        border: solid #dbecfa;
    }
    TABLE.data TD {
        border-width: 1px 0 1px 1px;
    }
    TABLE.data TH.alt {
        font-weight: normal;
    }
    TABLE.data TFOOT TH,
    TABLE.data TFOOT TD {
        border: none;
    }
    TABLE.data TD:first-child {
        border-left: none;
    }
    TABLE.data THEAD TH {
        padding-top: 0;
        border: 1px solid #dbecfa;
        border-width: 0 0 0 1px;
    }
    TABLE.data THEAD TH:first-child {
        border-left: 0;
    }
    TABLE.data THEAD TH.border-left:first-child {
        border-left: 1px solid #E0E0EB;
    }
    TABLE.data TBODY TH {
        border-width: 1px 1px 1px 0;
        text-align: right;
        font-weight: normal;
    }
    TABLE.data TD.alt,
    TABLE.data TR.alt TD {
        background: #ecf5fd;
        word-break: break-word;
    }
    TABLE.data TD.strong,
    TABLE.data TR.strong TD {
        font-weight: 600;
    }
    TABLE.data TR.total TH,
    TABLE.data TR.total TD {
        border-bottom: none;
        font-size: 20px;
        line-height: 25px;
    }
    TABLE.data TR.total TD {
        width: 1%;
        font-weight: 600;
        white-space: nowrap;
    }
    TABLE TD.empty {
        border-width: 1px 0 !important;
    }
    TABLE.data TH.empty {
        padding: 3px 6px 3px 5px;
        border-width: 0 !important;
    }
    TABLE.data + H2 {
        margin-top: 2em;
    }
    H2 + TABLE.data {
        margin-top: 5px;
    }

    TABLE.data COL.pension-change-overview {
        width: 270px;
    }

    TABLE.data TD SMALL {
        font-size: 11px;
    }

    TABLE.grid TD.total {
        background: #ecf5fd;
    }

    TD P.more {
        margin: 0;
    }
    TD P.btn01 {
        margin-top: 15px;
    }
    TH.hidden, TD.hidden {
        display: none;
    }

    SMALL.order-magazine {
        display: inline-block;
        margin-top: 10px;
        font-weight: 600;
    }

    table.totals {
        width: 100%;
        margin-top: 15px;
        border-top: 1px solid #e8e8e8;
    }

    .grid + .totals,
    .totals + .totals,
    .toggle-wrap + .totals {
        margin-top: 0;
        border-top: none;
        width: auto;
        float: right;
    }

    table.totals + * {
        clear: both;
    }

    table.totals th,
    table.totals td {
        padding: 7px 10px;
    }

    table.totals td {
        font-weight: 600;
    }

    table.totals th {
        width: 100%;
        text-align: right;
        font-weight: normal;
    }

    .grid + .totals th,
    .totals + .totals th {
        width: auto;
    }

    table.totals .highlight td {
        background: #fafafa;
        font-weight: 600;
    }

    .summary-totals {
        border-top: 1px solid #e8e8e8;
        margin: 50px 0;
        padding: 0;
        text-align: right;
    }

        .summary-totals li {
            display: inline-block;
            padding: 10px 0 0 50px;
            margin: 0;
        }

        .summary-totals li:first-child {
            padding-left: 0;
        }

            .summary-totals li .value,
            .summary-totals li .label {
                display: block;
            }

            .summary-totals li .label {
                font-weight: normal;
                color: #909090;
                line-height: 2.307em;
            }

            .summary-totals li .value {
                font-weight: 600;
                font-size: 1.230em;
            }

        .summary-totals .show-on-hover {
            display: none;
        }

        .summary-totals:hover .show-on-hover {
            display: inline-block;
        }

        .summary-totals:hover .hide-on-hover {
            display: none;
        }

    /* grid */
    TABLE.grid {
        width: 100%;
        margin-top: 15px;
        border-bottom: 1px solid #e8e8e8;
    }
    TABLE.grid TH,
    TABLE.grid TD {
        border-top: 1px solid #e8e8e8;
        padding: 4px 5px;
        vertical-align: top;
    }

    .font-small.grid th,
    .font-small.grid td {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .grid td.indent {
        width: 40px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-top: none !important;
    }

    .grid td.indent.wauto {
        width: auto !important;
    }

    table.grid th:first-child,
    table.grid td:first-child {
        padding-left: 10px;
    }

    table.grid th:last-child,
    table.grid td:last-child {
        padding-right: 10px;
    }

    TABLE.grid THEAD TH {
        color: #909090;
        font-size: 10px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    table.grid .thead {
        font-weight: 600;
    }

    .sortable table.grid .thead {
        font-weight: 400;
    }

    TABLE.grid TH.sort {
        padding: 0 !important;
    }
    TABLE.grid TH.sort A {
        display: inline-block;
        padding: 5px 10px;
        background: url(bg_sort.gif) no-repeat -20px 0;
        color: #222;
        line-height: 20px;
    }

    table.grid.fixed .sort a {
        line-height: inherit;
    }

    table.grid .sort .ascending,
    table.grid .sort .descending,
    table.grid .sort .change{
        padding-right: 22px;
    }

    table.grid .sort .descending,
    table.grid .sort .ascending:hover {
        background-position: 100% 13px;
    }

    table.grid .sort .ascending,
    table.grid .sort .descending:hover {
        background-position: 100% -83px;
    }

    table.grid.fixed .sort .descending,
    table.grid.fixed .sort .ascending:hover {
        background-position: 100% 11px;
    }

    table.grid.fixed .sort .ascending,
    table.grid.fixed .sort .descending:hover {
        background-position: 100% -85px;
    }


    TABLE.grid .sort .change {
        background-position: 100% -139px;
    }
    TABLE.grid TFOOT TD {
        border-top: 1px solid #fff;
    }
    TABLE.grid TFOOT TD.total {
        background: #ecf5fd;
    }
    TABLE.grid TFOOT TR:first-child TD {
        border-top: 1px solid #e8e8e8;
    }
    TABLE.grid TBODY TR:last-child TD {
        border-bottom: 1px solid #e8e8e8;
    }
    TABLE.grid TR.alt {
        background: #fafafa;
    }
    TABLE.grid TR.alt2 {
        background: #fff;
    }
    TABLE.grid TR.new {
        font-weight: 600;
    }
    TABLE.grid TD.ico,
    TABLE.grid TD.date,
    TABLE.grid TD.check,
    TABLE.grid TH.check {
        width: 1%;
    }
    
    TABLE.grid TH.ico {
        width: 5%;
    }

    TABLE.grid TD.check INPUT[type="checkbox"],
    TABLE.grid TH.check INPUT[type="checkbox"] {
       margin-top: 9px;
    }

    TABLE.grid TD.ico,
    TABLE.grid TD.date {
        white-space: nowrap;
    }
    TABLE.grid TD.ico {
        text-align: center;
        width: auto;
    }
    TABLE.grid TD.ico-alt {
        padding-right: 0;
    }
    TABLE.grid TD.tags {
        padding-left: 5px;
    }
    TABLE.grid TD.check,
    TABLE.grid TH.check {
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 0;
    }
    TABLE.grid TD.title {
        padding: 0 10px;
    }
    TABLE.grid TD.title A {
        display: block;
        padding: 5px 0;
        color: #222;
    }
    TABLE.grid TD.action {
        width: 1%;
        white-space: nowrap;
    }
    TABLE.grid .date-badge {
        margin-top: 1px;
    }
    TABLE.grid TD.tag A {
        float: right;
    }
    TABLE.grid TD.tag + TD.ico {
        padding-left: 0;
    }

    TABLE.grid TR.disabled {
        cursor: default;
    }
    TABLE.grid TR.disabled TD.tags,
    TABLE.grid TR.disabled TD.ico-alt {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    table.grid td.inline-edit {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    table.grid tr.problem td.status {
        font-weight: 600;
    }

    table.grid td.status.ico {
        width: 20px;
    }

    table.grid.font-small a.ico {
        margin: -2px 0;
    }

    table.grid tr.disabled td {
        color: #919191;
    }

    table.grid tr.subtitle td,
    table.zebra tr.subtitle td,
    table.grid tr.subtotal td,
    table.zebra tr.subtotal td {
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }

    table.grid tr.booked td {
        color: #909090;
    }

    .grid .free-amount {
        color: #909090;
    }

    /* report */

    TABLE.grid-report TH,
    TABLE.grid-report TD {
        padding: 5px;
    }
    TABLE.grid-report THEAD TH {
        text-transform: none;
        white-space: normal;
    }
    TABLE.grid-report TR.alt2 TD {
        border-top-color: #fff;
        background: #f7f7fa;
    }
    TABLE.grid-report THEAD TH.normal,
    TABLE.grid-report THEAD TD.normal {
        font-weight: normal;
        text-transform: none;
    }
    TABLE.grid-report THEAD TH.normal STRONG,
    TABLE.grid-report THEAD TD.normal STRONG {
        font-weight: 800;
    }
    TABLE.grid-report TH.bottom,
    TABLE.grid-report TD.bottom {
        vertical-align: bottom;
    }
    TABLE.grid-report TFOOT TD.footnote {
        padding: 0;
        border: none;
        color: #909090;
        font-style: normal;
    }

    table div.additional-info {
        position: absolute;
        border: 1px solid #ccc;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
        padding: 10px 20px;
        display: none;
        z-index: 200;
        margin-top: 20px;
        white-space: initial;
    }

        table div.additional-info dl, table div.additional-info p {
            margin: 0;
            padding: 0;
            min-width: 210px;
            color: #000;
        }

        table div.additional-info dl {
            max-width: 400px;
        }

        table div.additional-info p {
            max-width: 210px;
        }

            table div.additional-info dl dt {
                float: left;
                width: 100px;
                clear: left;
                padding: 3px 5px 3px 0;
            }

            table div.additional-info dl .error {
                color: #f00;
            }

            table div.additional-info dl dd {
                float: left;
                min-width: 100px;
                max-width: 290px;
                padding: 3px 0 3px 5px;
            }

    .row-details dl {
        margin: 0;
        padding: 0 0 10px 0;
        color: #111;
    }

        .row-details dl dt {
            float: left;
            width: 100px;
            clear: left;
            padding: 3px 5px 3px 0;
        }

        .row-details dl .error {
            color: #f00;
        }

        .row-details dl dd {
            float: left;
            min-width: 100px;
            max-width: 290px;
            padding: 3px 0 3px 5px;
        }

        .row-details .ico {
            margin-top: 0 !important;
        }

    .has-row-details {
        cursor: pointer;
    }

    .row-details {
        background: #fff;
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 99%, rgba(211,211,211,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(99%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 99%,rgba(211,211,211,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 99%,rgba(211,211,211,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 99%,rgba(211,211,211,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 99%,rgba(211,211,211,1) 100%);
    }

    table.grid .row-details td:first-child {
        padding-left: 0;
    }

    table.grid .row-details td:last-child {
        padding-right: 0;
    }

        .row-details .field-row:first-child {
            margin-top: 0px;
        }

    table.grid .row-details.open td {
        border-top: none;
    }

    .has-row-details.row-details-closed + .row-details {
        display: none;
    }

    .has-row-details.row-details-open,
    .alt.has-row-details.row-details-open {
        background: #fff;
        background: -moz-linear-gradient(top,  rgba(211,211,211,1) 0%, rgba(255,255,255,1) 8%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(8%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 8%);
        background: -o-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 8%);
        background: -ms-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 8%);
        background: linear-gradient(to bottom,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 8%);
    }

    .has-row-details.row-details-open td,
    .alt.has-row-details.row-details-open td {
        color: rgba(0, 0, 0, 0.25);
        border-top: none;
    }

    .row-details .error {
        color: #f00;
    }

    .row-details.open + .has-row-details.row-details-open {
        border-top: 1px solid #b2b2b2;
    }

    table.excludable tr:hover td {
        background: #f7f7fa;
    }

    tr:hover .additional-info {
        display: block !important;
    }

    table.excludable .excluded td {
        color: #ccc !important;
        background: #fff;
    }

    /* zebra */

    TABLE.zebra,
    TABLE.zebra TH,
    TABLE.zebra TD {
        border: none;
    }
    TABLE.zebra {
        border-top: 1px solid #dee1e6;
    }
    TABLE.zebras {
        border-top: none 0;
    }
    TABLE.zebra THEAD TH {
        border-bottom: 1px solid #dee1e6;
    }
    TABLE.zebra THEAD TR.thead TH,
    TABLE.zebra THEAD TR.thead TD {
        font-size: 11px;
        color: #222;
        text-transform: none !important;
    }
    TABLE.zebra TFOOT TR:first-child TD {
        border-top: 1px solid #dee1e6;
    }
    TABLE.zebra TBODY TR:last-child TD {
        border-bottom: 1px solid #dee1e6;
    }

    table td.separated,
    table th.separated {
        border-bottom: 1px solid #dee1e6;
    }

    TABLE.zebras TR.thead TH {
        color: #909090;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: normal;
    }
    TABLE.zebras TR.thead TH.title {
        padding-left: 0px;
    }
    TABLE.zebras TR.thead TH.title H2 {
        font-size: 20px;
    }
    TABLE.zebras TR.thead H2 {
        text-transform: none;

    }
    TABLE.zebras TR.thead-last TH {
        border: 1px solid #dee1e6 !important;
        border-width: 1px 0 !important;
    }
    TABLE.zebras TR.tfoot-first TD {
        border-top: 1px solid #dee1e6;
    }

    /* zebras. zebra x n */

    TABLE.zebras,
    TABLE.zebras TH,
    TABLE.zebras TD {
        border: none;
    }
    TABLE.zebras TR.foot-first TD {
        border-top: 1px solid #dee1e6;
    }
    TABLE.zebras TR.head-last TH {
        border: 1px solid #dee1e6 !important;
        border-width: 1px 0 !important;
    }
    TABLE.zebras .total {
        background-color: #ECF5FD;
    }

    /* zebra-alt */
    TABLE.zebra-alt THEAD TH {
        font-weight: normal;
        border: 1px solid #dee1e6;
        border-width: 1px 0;
    }

    TABLE.zebra-alt TH,
    TABLE.zebra-alt TD {
        padding: 5px;
        border: none;
    }
    TABLE.zebra-alt .alt,
    TABLE.zebra-alt .alt + tr {
        background-color: #fafafa;
    }
    TABLE.zebra-alt .alt TH,
    TABLE.zebra-alt .alt TD {
        border-top: 1px solid #b2b2b2;
    }
    TABLE.zebra-alt .alt + TR TH,
    TABLE.zebra-alt .alt + TR TD {
        border-bottom: 1px solid #b2b2b2;
    }

    /* data preview */

    TABLE.data-preview TR.title TH {
        padding-top: 15px;
        border-width: 1px 0;
        text-align: left;
        font-weight: 600;
    }

    /* report */
    TABLE.report THEAD TH {
        padding: 3px 5px;
        border: 1px solid #E0E0EB;
        border-right-width: 0;
        color: #909090;
        white-space: nowrap;
    }
    TABLE.report THEAD TH:first-child {
        border-left-width: 0;
    }
    TABLE.report THEAD TH.last {
        border-right-width: 0
    }
    TABLE.report TBODY A {
        font-weight: 600;
    }
    /* form */

    TABLE.form,
    TABLE.form-printable {
        width: 100%;
        margin-top: 15px;
        table-layout: fixed;
    }

    .nyroModalCont table.form {
        width: 100%;
        margin-top: 15px;
        table-layout: fixed;
    }

    TABLE.form TH,
    TABLE.form-printable TH {
        width: 220px;
        padding: 4px 10px 0 0;
        text-align: right;
        font-weight: normal;
        line-height: 21px;
    }
    TABLE.form TD,
    TABLE.form-printable TD {
        padding: 4px 0 5px 10px;
        line-height: 21px;
    }

    table.form tr.separated td,
    table.form tr.separated th,
    table.form-printable tr.separated td,
    table.form-printable tr.separated th {
        padding-bottom: 25px;
    }

    table.form tr td.stacked,
    table.form-printable tr td.stacked {
        padding-top: 10px;
    }

    table.form td input[type=file] {
        margin-top: 5px;
    }
    table.form td .free,
    table.form-printable td .free {
        color: #909090;
        white-space: nowrap;
        cursor: default;
        display: block;
    }

    table.form td .free .amount,
    table.form-printable td .free .amount {
        display: none;
    }

    table.form td .free:hover .amount,
    table.form-printable td .free:hover .amount {
        display: inherit;
    }

    table.form td .free:hover .toggler,
    table.form-printable td .free:hover .toggler {
        display: none;
    }

    TABLE.form TH LABEL,
    TABLE.form-printable TH LABEL {
        display: block;
        margin-top: 5px;
        line-height: 21px;
    }

    table.form th label.hidden,
    table.form-printable th label.hidden {
        display: none;
    }

    table.form th strong,
    table.form-printable th strong {
        display: block;
        margin-top: 5px;
        line-height: 21px;
    }

    TABLE.form.small TH LABEL {
        margin-top: 0;
    }
    TABLE.form TD.data,
    TABLE.form-printable TD.data,
    .form-container span.data {
        padding: 9px 0 10px 10px;
    }
    TABLE.form TD.check,
    TABLE.form-printable TD.check {
        padding: 9px 0 10px 10px;
    }
    TABLE.form TD.check INPUT,
    TABLE.form TD.check LABEL,
    TABLE.form-printable TD.check INPUT,
    TABLE.form-printable TD.check LABEL {
        display: -moz-inline-box;
        display: inline-block;
        vertical-align: middle;
    }
    TABLE.form TD.check LABEL,
    TABLE.form-printable TD.check LABEL {
        line-height: 20px;
    }
    TABLE.form .action TD,
    TABLE.form-printable .action TD {
        padding-top: 15px;
    }
    TABLE.form TD A.add,
    TABLE.form-printable TD A.add {
        margin: 2px 0;
    }
    TABLE.form TD A.ref,
    TABLE.form-printable TD A.ref {
        display: -moz-inline-box;
        display: inline-block;
        margin-top: 5px;
        margin-left: 5px;
        vertical-align: middle;
    }

    TABLE.form TD INPUT[type="radio"],
    TABLE.form TD INPUT[type="checkbox"],
    TABLE.form TD INPUT[type="radio"] + LABEL,
    TABLE.form TD INPUT[type="checkbox"] + LABEL,
    TABLE.form-printable TD INPUT[type="radio"],
    TABLE.form-printable TD INPUT[type="checkbox"],
    TABLE.form-printable TD INPUT[type="radio"] + LABEL,
    TABLE.form-printable TD INPUT[type="checkbox"] + LABEL {
        vertical-align: middle;
    }

    TABLE.form TD.radio-tooltip > span {
        float:left;
    }

    TABLE.form TD.radio-tooltip a.tooltip {
        margin-left:10px;
    }

    TABLE.form LABEL + INPUT[type="radio"] {
        margin-left: 10px;
    }

    TABLE.form TR.title TH,
    TABLE.form-printable TR.title TH {
        padding: 5px 0;
        text-align: left;
        font-weight: 600;
    }

    table.form tr td .has-input + .has-input{
        margin-left: 12px;
    }

    TABLE.form TBODY + TBODY TR.title > TH,
    TABLE.form TR + TR.title > TH {
        padding-top: 25px;
    }


    TABLE.form TR.title SPAN,
    TABLE.form-printable TR.title SPAN {
        display: block;
        padding: 5px 0;
        border-bottom: 1px solid #e8e8e8;
    }

        table.form tr.title span a {
            font-weight: normal;
            float: right;
        }

        table.form tr.title span a.tooltip {
            float: none;
        }

    TABLE.form DIV.data,
    TABLE.form-printable DIV.data {
        padding: 0;
    }

    TABLE.form TH.cell50pc {
        width: 48%;
    }
    TABLE.form .ico-tooltip {
        position: relative;
        top: 4px;
    }

    TABLE.form .title .ico-tooltip {
        top: 1px;
    }

    TABLE.form SMALL.notice {
        display: block;
        font-size: 11px;
        margin-top: 5px;
    }

    .tabular-field-row .field-unit,
    .field-row .field-unit,
    table.form .field-unit,
    table.form-grid .field-unit {
        line-height: 30px;
        padding: 0 5px;
    }

    .tabular-field-row .value {
        margin-top: 4px;
    }

    table.form .has-description {
        font-weight: 600;
    }

    table.form .label-description {
        padding-left: 20px;
        margin-bottom: 10px;
    }

    .field-column {
        float: left;
        width: 200px;
    }

    .field-row .field-column-label {
        display: none;
    }

    /* form-extended */
    TABLE.form-extended {
        width: 100%;
        margin: 15px 0 10px;
        table-layout: fixed;
    }
    TABLE.form-extended TH {
        padding: 3px 0;
        font-weight: normal;
    }
    TABLE.form-extended TD {
        padding: 3px 0;
    }
    TABLE.form-extended .ico-action {
        width: 25px;
    }
    TABLE.form-extended .ico {
        margin-top: 5px;
    }
    TABLE.form-extended TH LABEL {
        display: block;
        margin-top: 5px;
        line-height: 20px;
    }
    TABLE.form-extended .ico-tooltip {
            margin-top: 4px;
    }
    TABLE.form-extended TFOOT TD {
        padding-top: 10px;
    }

    TABLE.form-extended TD INPUT[type="radio"],
    TABLE.form-extended TD INPUT[type="checkbox"],
    TABLE.form-extended TD INPUT[type="radio"] + LABEL,
    TABLE.form-extended TD INPUT[type="checkbox"] + LABEL {
        vertical-align: middle;
    }

    TABLE.form-extended TH.cell50pc {
        width: 48%;
    }

    /* form-grid */
    table.form-grid {
        margin: 15px 0 10px;
        max-width: 100%;
    }

    table.form-grid th {
        padding: 3px 0 3px 10px;
        font-weight: normal;
    }

    table.form-grid th:first-child {
        padding: 3px 0;
    }

    table.form-grid td {
        padding: 3px 0 3px 10px;
    }

    table.form-grid td:first-child {
        padding: 3px 0;
    }

    table.form-grid th .ico-tooltip {
        margin-top: 0;
    }

    table.form-grid .actions,
    table.form .actions {
        padding-top: 8px;
    }

    table.form-grid .file {
        vertical-align: middle;
    }

    table.form-grid span.select {
        vertical-align: middle;
    }

    table.form-grid tfoot td.total {
        font-weight: 600;
    }

    /* fixed */
    TABLE.fixed {
        width: 700px;
        margin-top: 5px;
        table-layout: fixed;
        border-bottom: 0 none;
    }

    table TH.cell10 {
        width: 10px;
    }
    table TH.cell25 {
        width: 25px;
    }
    table TH.cell35 {
        width: 35px;
    }
    table TH.cell40 {
        width: 40px;
    }
    table TH.cell50 {
        width: 50px;
    }
    table TH.cell55 {
        width: 55px;
    }
    table TH.cell4 {
        width: 80px;
    }
    table TH.cell5 {
        width: 75px;
    }
    table TH.cell6 {
        width: 50px;
    }
    table TH.cell60 {
        width: 60px;
    }
    table TH.cell65 {
        width: 65px;
    }
    table TH.cell70 {
        width: 70px;
    }
    table TH.cell75 {
        width: 75px;
    }
    table TH.cell80 {
        width: 80px;
    }
    table TH.cell90 {
        width: 90px;
    }
    table TH.cell105 {
        width: 105px;
    }
    table TH.cell125 {
        width: 125px;
    }
    table TH.cell175 {
        width: 175px;
    }
    table TH.cell190 {
        width: 190px;
    }
    table TH.cell200 {
        width: 200px;
    }
    table TH.cell240 {
        width: 240px;
    }
    table TH.cell255 {
        width: 255px;
    }
    table TH.cell300 {
        width: 300px;
    }

    TABLE.fixed TH, TABLE.fixed TD {
        padding: 5px;
    }
    TABLE.fixed TH.sort {
        padding: 0 5px !important;
    }
    TABLE.fixed TH {
        text-transform: uppercase !important;
    }
    TABLE.fixed THEAD.text-normal TH {
        text-transform: none !important;
    }
    TABLE.fixed TD.thead {
        font-weight: 600;
    }
    TABLE.fixed TH.sort A {
        color: #909090;
    }
    TABLE.fixed SPAN.container {
        white-space: nowrap;
    }

    /* functional */
    TABLE.functional {
        width: 100%;
        margin-top: 20px;
        border-collapse: separate;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #d7d7d7;
    }

    TABLE.functional TH,
    TABLE.functional TD {
        padding: 10px;
        border-top: 1px solid #dbdbdb;
    }
    TABLE.functional TR:first-child TH,
    TABLE.functional TR:first-child TD {
        border-top: none;
    }
    TABLE.functional TH {
        text-align: right;
        font-weight: 600;
    }
    TABLE.functional P {
        margin: 0;
    }
    TABLE.functional .calendar-periods {
        margin-top: 5px;
    }
    TABLE.functional .calendar-periods A {
        padding-right: 10px;
        font-size: 11px;
        font-weight: 600;
        color: #888;
    }
    TABLE.functional .actions {
        text-align: right;
    }
    TABLE.form TR.title SPAN.error {
        display: block;
        padding: 5px 0;
        color: #c00 !important;
        border-bottom: 1px solid #e8e8e8;
    }

    table.functional ul.filter:first-child {
        margin-top: 0;
    }

        table.functional ul.filter li {
            background: none;
        }

        table.functional .clone + .clone td,
        table.functional .clone + .clone th {
            border-top: 1px solid transparent;
        }

    table.functional td .select + .button,
    table.functional td .select + .select,
    table.functional td .button + .button,
    table.functional td .select + input,
    table.functional td .select + .input,
    table.functional td input + .select,
    table.functional td input + .button,
    table.functional td input + input,
    table.functional td .input + .select,
    table.functional td .input + .button,
    table.functional td .input + input {
        margin-left: 10px;
    }

    table.functional .until {
        font-size: 16px;
        padding-left: 5px;
        padding-right: 5px;
    }

    table.functional td label {
        display: inline-block;
        line-height: 21px;
    }

    table.functional td .has-input {
        margin-right: 15px;
    }

    .functional .grouping-radio {
        padding-left: 20px;
    }

    .functional .functional-section {
        padding-bottom: 10px;
    }

    .functional .functional-section:last-child {
        padding-bottom: 0;
    }

    .functional .grouping-radio > input[type="radio"] {
        margin-left: -20px;
    }

    .functional .grouping-radio > label {
        margin-left: 5px;
    }

    table.functional .has-input .card-icon {
        margin: -3px 5px 0 0;
    }

    table.functional .has-parent-account {
        margin-left: 20px;
    }

    .table-toggler {
        text-align: center;
        padding: 5px 0 0 0;
    }

        .table-toggler a {
            text-align: center;
            display: inline-block;
            background: url(bg-toggle-filter.svg) no-repeat 0 -32px;
            padding-left: 15px;
            color: #909090;
            font-weight: 600;
            font-size: 11px;
        }

        .table-toggler a.alt-state {
            background-position: 0 8px;
        }

            .table-toggler a span {
                background: url(bg-toggle-filter.svg) no-repeat 100% -52px;
                display: inline-block;
                padding-right: 15px;
            }

            .table-toggler a.alt-state span {
                background-position: 100% -12px;
            }

    .functional .shortcut-button {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(sprite-ib-filter-buttons.svg) no-repeat 0 0;
        vertical-align: middle;
        margin: -2px 0 0 5px;
    }

    .functional .shortcut-button:hover {
        background-position: 0 -16px;
    }

    .functional .shortcut-button:active {
        background-position: 0 -32px;
    }

    .functional .shortcut-button.close {
        background-position: -16px 0;
    }

    .functional .shortcut-button.close:hover {
        background-position: -16px -16px;
    }

    .functional .shortcut-button.close:active {
        background-position: -16px -32px;
    }

    .functional .disabled-filter-selection {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.row-link {
    cursor: pointer;
}

    /* =graphs */

    TABLE.graphs {
        width: 100%;
        font-size: 14px;
    }
    TABLE.graphs TH {
        border-bottom: 1px solid #d3d3d3;
    }
    TABLE.graphs TH H3 {
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: normal;
        line-height: 30px;
    }
    TABLE.graphs TD {
        padding: 5px 5px 5px 0;
    }
    TABLE.graphs TD.title {
        width: 40%;
        font-weight: 600;
    }
    TABLE.graphs TD.graph {
        width: 50%;
    }
    TABLE.graphs TD.graph DIV {
        height: 4px;
        width: 1%;
        margin: 10px 0;
        background-color: #d3d3d3;
    }
    TABLE.graphs TD.percent {
        width: 10%;
        text-align: right;
        font-weight: 600;
    }
    TABLE.graphs TR.special TD.graph DIV {
        background-color: #F0AB00;
    }

    DIV.fund TABLE.graphs TD.title {
        width: 30%;
        font-weight: normal;
        text-align: left !important;
    }
    DIV.fund TABLE.graphs TD.graph {
        width: 60%;
    }
    DIV.fund TABLE.graphs TD.title {
        font-weight: normal;
        text-align: left !important;
    }
    DIV.fund TABLE.graphs TR.special TD.graph DIV {
        background-color: #000;
    }
    DIV.fund TABLE.graphs TD.percent {
        font-weight: normal;
    }
    DIV.fund TABLE.graphs TR.special TD.percent {
        font-weight: 600;
    }

    /* =gridform
    -------------------------------------------------- */
    TR.gridform TD {
        padding: 0 !important;
        border: none !important;
    }
    TR.gridform P {
        margin: 0;
    }
    TR.gridform + TR TD {
        border-top: none;
    }

    DIV.gridwrap {
        height: 50px;
        overflow: hidden;
        padding: 5px 10px;
        background: #e1e3e8 url(bg_gridform.png) no-repeat 0 0;
    }
    DIV.gridwrap.small {
        height: 20px;
        background-position: 0 -60px;
    }

    P + DIV.tbl-wrap {
        margin-top: 10px;
    }
    DIV.tbl-wrap P.field,
    DIV.tbl-wrap P.action,

    /* =textboxlist (block removed)
    -------------------------------------------------- */

    /* =icons
    -------------------------------------------------- */
    A.ico,
    SPAN.ico {
        display: -moz-inline-box;
        display: inline-block;
        width: 20px !important;
        height: 20px !important;
        overflow: hidden;
        background-image: url(sprite-ico.svg);
        background-repeat: no-repeat;
        text-align: left;
        text-indent: -5000px;
        outline: none;
        vertical-align: top;
    }
    A.ico.disabled,
    SPAN.ico.disabled {
        cursor: default !important;
    }
    A.ico + A.ico {
        margin-left: 1px;
    }

    .ico-reply { background-position: 0 0; }
    .ico-reply:hover,
    .ico-reply:focus { background-position: 0 -25px; }
    .ico-reply:active { background-position: 0 -50px; }
    SPAN.ico-reply,
    .ico-reply.disabled { background-position: 0 -75px !important; }

    .ico-delete { background-position: -25px 0; }
    .ico-delete:hover,
    .ico-delete:focus { background-position: -25px -25px; }
    .ico-delete:active { background-position: -25px -50px; }
    SPAN.ico-delete,
    .ico-delete.disabled { background-position: -25px -75px !important; }

    .ico-print { background-position: -50px 0; }
    .ico-print:hover,
    .ico-print:focus { background-position: -50px -25px; }
    .ico-print:active { background-position: -50px -50px; }
    SPAN.ico-print,
    .ico-print.disabled { background-position: -50px -75px !important; }

    .ico-email { background-position: -75px 0; }
    .ico-email:hover,
    .ico-email:focus { background-position: -75px -25px; }
    .ico-email:active { background-position: -75px -50px; }
    SPAN.ico-email,
    .ico-email.disabled { background-position: -75px -75px !important; }

    .ico-pdf { background-position: -100px 0; }
    .ico-pdf:hover,
    .ico-pdf:focus { background-position: -100px -25px; }
    .ico-pdf:active { background-position: -100px -50px; }
    SPAN.ico-pdf,
    .ico-pdf.disabled { background-position: -100px -75px !important; }

    .ico-csv { background-position: -125px 0; }
    .ico-csv:hover,
    .ico-csv:focus { background-position: -125px -25px; }
    .ico-csv:active { background-position: -125px -50px; }
    SPAN.ico-csv,
    .ico-csv.disabled { background-position: -125px -75px !important; }

    .ico-edit { background-position: -150px 0; }
    .ico-edit:hover,
    .ico-edit:focus { background-position: -150px -25px; }
    .ico-edit:active { background-position: -150px -50px; }
    SPAN.ico-edit,
    .ico-edit.disabled { background-position: -150px -75px !important; }

    .ico-rule { background-position: -175px 0; }
    .ico-rule:hover,
    .ico-rule:focus { background-position: -175px -25px; }
    .ico-rule:active { background-position: -175px -50px; }
    SPAN.ico-rule,
    .ico-rule.disabled { background-position: -175px -75px !important; }

    .ico-toggle { background-position: -225px 0; }
    .ico-toggle:hover,
    .ico-toggle:focus { background-position: -225px -25px; }
    .ico-toggle:active { background-position: -225px -50px; }
    SPAN.ico-toggle,
    .ico-toggle.disabled { background-position: -225px -75px !important; }

    .ico-toggle-closed { background-position: -250px 0; }
    .ico-toggle-closed:hover,
    .ico-toggle-closed:focus { background-position: -250px -25px; }
    .ico-toggle-closed:active { background-position: -250px -50px; }
    SPAN.ico-toggle-closed,
    .ico-toggle-closed.disabled { background-position: -250px -75px !important; }

    .ico-minus { background-position: -325px 0; }
    .ico-minus:hover,
    .ico-minus:focus { background-position: -325px -25px; }
    .ico-minus:active { background-position: -325px -50px; }
    .ico-minus.disabled { background-position: -325px -75px !important; }

    .ico-plus { background-position: -350px 0; }
    .ico-plus:hover,
    .ico-plus:focus { background-position: -350px -25px; }
    .ico-plus:active { background-position: -350px -50px; }
    .ico-plus.disabled { background-position: -350px -75px !important; }

    .ico-th5 { background-position: -375px 0; }
    .ico-th5:hover,
    .ico-th5:focus { background-position: -375px -25px; }
    .ico-th5:active { background-position: -375px -50px; }
    SPAN.ico-th5,
    .ico-th5.disabled { background-position: -375px -75px !important; }

    .ico-exclamation { background-position: -400px 0; }
    a.ico-exclamation:hover,
    .ico-exclamation:focus { background-position: -400px -25px; }
    .ico-exclamation:active { background-position: -400px -50px; }
    .ico-exclamation.disabled { background-position: -400px -75px !important; }

    .ico-globe { background-position: -425px 0; }
    a.ico-globe:hover,
    .ico-globe:focus { background-position: -425px -25px; }
    .ico-globe:active { background-position: -425px -50px; }
    .ico-globe.disabled { background-position: -425px -75px !important; }

    .ico-checked { background-position: -450px 0; }
    a.ico-checked:hover,
    .ico-checked:focus { background-position: -450px -25px; }
    .ico-checked:active { background-position: -450px -50px; }
    .ico-checked.disabled { background-position: -450px -75px !important; }

    .ico-info { background-position: -475px 0; }
    .ico-info:hover,
    .ico-info:focus { background-position: -475px -25px; }
    .ico-info:active { background-position: -475px -50px; }
    .ico-info.disabled { background-position: -475px -75px !important; }

    .ico-watch { background-position: -500px 0; }
    .ico-watch:hover,
    .ico-watch:focus { background-position: -500px -25px; }
    .ico-watch:active { background-position: -500px -50px; }
    .ico-watch.disabled { background-position: -500px -75px !important; }

    .ico-tocredit { background-position: -525px 0; }
    .ico-tocredit:hover,
    .ico-tocredit:focus { background-position: -525px -25px; }
    .ico-tocredit:active { background-position: -525px -50px; }
    .ico-tocredit.disabled { background-position: -525px -75px !important; }

    .ico-lhv { background-position: -550px 0; }
    a.ico-lhv:hover,
    .ico-lhv:focus { background-position: -450px -25px; }
    .ico-lhv:active { background-position: -450px -50px; }
    .ico-lhv.disabled { background-position: -450px -75px !important; }

    /* alternative icons */

    A.ico.alt,
    SPAN.ico.alt,
    EM.ico.alt {
        background-image: url(sprite-bg-icons.svg);
    }

    .ico-tag { background-position: 100% 0; }

    .ico-close { background-position: 0 -240px; }
    .ico-close:hover,
    .ico-close:focus { background-position: 0 -260px; }
    .ico-close:active { background-position: 0 -280px; }

    .ico-tooltip { background-position: -602px 0; }
    .ico-tooltip:hover,
    .ico-tooltip:focus { background-position: -602px -25px; }
    .ico-tooltip:active,
    .ico-tooltip-active { background-position: -602px -50px !important; }

    .ico-add { background-position: 0 -300px; }
    .ico-add:hover,
    .ico-add:focus { background-position: 0 -320px; }
    .ico-add:active { background-position: 0 -340px; }

    .ico-move { background-position: 0 -360px; cursor: move; }
    .ico-move:hover,
    .ico-move:focus { background-position: 0 -380px; }
    .ico-move:active { background-position: 0 -400px; }

    .ico-completed {
        background-position: 0 -480px;
    }

    STRONG .ico-completed {
        background-position: 0 -500px;
    }

    .actions A.ico {
        float: right;
        margin-left: 5px;
    }

    .form .actions a.ico {
        float: left;
        margin-right: 5px;
    }

    /* other icons */

    A.add-comment,
    A.edit-comment {
        display: block;
        background-image: url(sprite-bg-icons.svg);
    }
    A.add-comment {
        background-position: 100% -180px;
    }
    A.add-comment:hover,
    A.add-comment:focus {
        background-position: 100% -200px;
    }
    A.add-comment:active {
        background-position: 100% -220px;
    }
    A.edit-comment {
        background-position: 100% -120px;
    }
    A.edit-comment:hover,
    A.edit-comment:focus {
        background-position: 100% -140px;
    }
    A.edit-comment:active {
        background-position: 100% -160px;
    }

    A.add-tag,
    A.edit-tag {
        display: -moz-inline-box;
        display: inline-block;
        height: 20px;
        overflow: hidden;
        padding-right: 23px;
        background: url(sprite-bg-icons.svg) no-repeat;
        color: #222;
        text-align: right;
    }
    A.add-tag {
        background-position: 100% -60px;
    }
    A.add-tag:hover,
    A.add-tag:focus {
        background-position: 100% -80px;
    }
    A.add-tag:active {
        background-position: 100% -100px;
    }
    A.edit-tag {
        background-position: 100% 0;
    }
    A.edit-tag:hover,
    A.edit-tag:focus {
        background-position: 100% -20px;
    }
    A.edit-tag:active {
        background-position: 100% -40px;
    }

    A.taglabel {
        display: -moz-inline-box;
        display: inline-block;
        outline: none;
        color: #222;
        text-decoration: none !important;
    }
    A.taglabel .ico {
        margin-right: 5px;
    }
    A.taglabel .ico-radio { background-position: -275px 0; }
    A.taglabel:hover .ico-radio,
    A.taglabel:focus .ico-radio { background-position: -275px -25px; }
    A.taglabel:active .ico-radio { background-position: -275px -50px; }

    A.taglabel-checked { font-weight: 600; }
    A.taglabel-checked .ico-radio { background-position: -300px 0; }
    A.taglabel-checked:hover .ico-radio,
    A.taglabel-checked:focus .ico-radio { background-position: -300px -25px; }
    A.taglabel-checked:active .ico-radio { background-position: -300px -50px; }

    P.back {
        margin-bottom: 1em;
    }
    P.back A {
        padding-left: 15px;
        font-size: 14px;
        font-weight: 600;
        color: #222222;
        text-transform: uppercase;
        background: transparent url(ico-arrows.png) 2px 4px no-repeat;
    }
    /* =check
    -------------------------------------------------- */
    UL.check {
        margin: 1em 0 0;
    }
    UL.check LI {
        float: left;
        width: 175px;
        overflow: hidden;
        padding: 0;
        background: none;
        white-space: nowrap;
    }
    UL.check INPUT,
    UL.check LABEL {
        vertical-align: middle;
    }
    UL.check LABEL {
        line-height: 30px;
    }

    P.check-label {
        padding: 5px 0;
        line-height: 20px;
    }
    UL.check-nofloat {
        width: 300px;
        margin: 1em auto 1em;
    }
    UL.check-nofloat LABEL {
        line-height: 20px;
    }
    UL.check-nofloat LI {
        float: none;
        width: auto;
        overflow: visible;
    }

    /* =form
    -------------------------------------------------- */
    P.form,
    DIV.form-row P.form,
    DIV.form-row P.form + P.form {
        margin-top: 20px;
    }
    .inner P.form {
        margin: 0;
    }
    P.form + P.form {
        margin-top: 10px;
    }
    P.form.small SPAN,
    P.form.small LABEL,
    P.form.small INPUT,
    P.form.small BUTTON {
        vertical-align: middle !important;
    }
    .form.small .select + INPUT {
        margin-left: 6px;
    }
    P.form SPAN.label {
        display: block;
    }
    P.form SPAN.label,
    P.form SPAN.label LABEL {
        line-height: 20px;
    }
    P.form BUTTON.small {
        margin-left: 6px;
    }
    P.form LABEL + INPUT,
    P.form LABEL + SPAN.select {
        margin-left: 6px;
    }
    P.form INPUT + LABEL,
    P.form SPAN.select + LABEL {
        margin-left: 12px;
    }
    P.form SPAN.text {
        line-height: 30px;
        padding: 4px 0;
        vertical-align: middle;
    }
    P.form SPAN.checkbox INPUT {
        vertical-align: middle;
        margin-top: 2px;
    }
    P.form SPAN.text + SPAN.field,
    P.form SPAN.text + SPAN.checkbox {
        margin-left: 2px;
    }
    SPAN.field + SPAN.text,
    SPAN.checkbox + SPAN.text,
    SPAN.field + SPAN.field,
    SPAN.select + SPAN.select,
    SPAN.select + .text {
        margin-left: 8px;
    }
    SPAN.field + SPAN.select.error,
    SPAN.error + SPAN.select.error {
        margin-left: 2px;
    }
    SPAN.field + SPAN.sep {
        line-height: 30px;
        vertical-align: middle;
    }

    .field.hidden {
        display: none;
    }

    * + html SPAN.field + SPAN.sep {
        position: relative;
        top: 7px;
        left: 2px;
    }
    P.ver-row {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #E8E8E8;
    }
    P.ver-row label {
        display: inline-block;
        line-height: 30px;
    }
    P.ver-row BUTTON {
        margin-left: 6px;
    }

    DIV.form-row P.form {
        float: left;
    }
    DIV.form-row P.form + P.form {
        padding-left: 20px;
    }

    /* accept */

    P.accept {
        margin: 20px 0;
    }
    P.accept .accept-check,
    P.accept .accept-label {
        float: left;
    }
    P.accept .accept-check {
        width: 25px;
        padding-left: 20px;
    }
    P.accept .accept-label {
        width: 655px;
    }

    DIV.accept-disabled,
    DIV.accept-disabled A,
    DIV.accept-disabled INPUT {
        cursor: default !important;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }
    DIV.accept-disabled,
    DIV.accept-disabled P {
        color: #909090 !important;
    }
    DIV.accept-disabled A,
    DIV.accept-disabled INPUT {
        outline: none;
    }
    DIV.accept-disabled A {
        color: #a4cff3 !important;
        text-decoration: none !important;
    }

    /* =action
    -------------------------------------------------- */
    DIV.action {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e8e8e8;
        text-align: center;
    }
    DIV.action P {
        display: inline;
        margin: 0;
    }
    * + HTML DIV.action P {
        margin: 0 3px;
    }

    div.pager + div.action {
        margin-top: 10px;
    }

    DIV.action2 {
        margin-top: 20px;
        margin-bottom: 40px;
        text-align: center;
    }
    DIV.action2 BUTTON + BUTTON {
        margin-left: 6px;
    }
    *+HTML DIV.action2 BUTTON + BUTTON {
        margin: 0 10px;
    }
    table.data.grid9 + DIV.action {
        margin-top: 50px;
    }

    table.grid + div.action {
        border: none;
        margin-top: 0 !important;
    }

    table.grid.hidden + div.action {
        border-top: 1px solid #e8e8e8;
        margin-top: 20px !important;
    }

    /* =frame
    -------------------------------------------------- */
    DIV.frame {
        height: 340px;
        margin-top: 30px;
        background: url(bg_frame.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    DIV.frame .inner {
        height: 290px;
        padding: 15px;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
    }

    /* =editbox
    -------------------------------------------------- */
    #pop {
        display: none;
        position: absolute;
        z-index: 999;
        width: 298px;
        font-size: 11px;
        line-height: 20px;
    }
    #pop P {
        margin: 0;
    }
    #pop P.form {
        padding: 5px 5px 0 0;
    }
    #pop P.text {
        padding: 5px 5px 0 0;
    }
    #pop P.action {
        padding: 5px 0;
        white-space: nowrap;
    }
    #pop DIV.inner {
        min-height: 30px;
    }
    #pop INPUT.text {
        width: 150px;
        padding: 2px;
        border: 1px solid #939cad;
        font-size: 11px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    #pop INPUT.text:focus {
        outline: 1px solid rgba(255,255,255,0.3);
    }

    /* common */

    #pop-add,
    #pop-edit,
    #pop-rule,
    #pop-delete,
    #pop-header,
    #pop-footer,
    #pop-content {
        padding-left: 9px;
        padding-right: 9px;
        background: url(bg_pop.png) no-repeat;
    }
    #pop-header,
    #pop-footer {
        overflow: hidden;
    }
    #pop-add,
    #pop-edit,
    #pop-rule,
    #pop-delete {
        display: none;
        overflow: hidden;
        padding: 0 14px;
        background-position: 0 -43px;
    }
    #pop-add {
        border: none;
    }
    #pop-add P.form,
    #pop-edit P.form,
    #pop-delete P.text {
        float: left;
    }
    #pop-add P.action,
    #pop-edit P.action,
    #pop-delete P.action {
        float: right;
    }
    #pop-rule P.action {
        padding-top: 0;
        text-align: right;
    }
    #pop-rule P.action BUTTON {
        float: left;
    }

    /* header */

    #pop-header {
        height: 43px;
        padding: 0 15px 0 19px;
        background-position: 0 0;
    }
    #pop-header .inner {
        padding-top: 11px;
    }
    #pop-header P.title {
        float: left;
        font-size: 11px;
        font-weight: 600;
        line-height: 32px;
        text-transform: uppercase;
    }
    #pop-header P.close {
        float: right;
        margin-top: 6px;
    }

    /* content */

    #pop-content {
        padding: 1px 9px 0;
        background-position: 0 -193px;
    }
    #pop-content UL {
        margin: 0;
        max-height: 150px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #pop-content LI {
        height: 30px;
        overflow: hidden;
        padding: 0 5px;
        background: #fff;
        vertical-align: top;
    }
    #pop-content .action,
    #pop-content .taglabel {
        margin-top: 5px;
    }
    #pop-content .taglabel {
        float: left;
    }
    #pop-content .action {
        float: right;
    }
    #pop-content .action A {
        float: left;
    }
    #pop-content A.ico + A.ico {
        margin-left: 5px;
    }
    #pop-content LI.alt {
        background: #fafafa;
    }
    #pop-content .taglabel .ico {
        text-indent: 0;
    }

    /* footer */

    #pop-footer {
        height: 43px;
        padding: 0 15px;
        background-position: 0 100%;
        line-height: 20px;
    }
    #pop-footer P {
        padding-top: 7px;
    }
    #pop-footer .col1 {
        float: left;
    }
    #pop-footer .col2 {
        float: right;
    }

    /* overlay */

    #pop-overlay {
        display: none;
        position: absolute;
        width: 280px;
        height: 183px;
        margin-left: 9px;
        background: #fff;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    /* =tooltip
    -------------------------------------------------- */
    DIV.tooltip {
        display: none;
        position: absolute;
        z-index: 101;
        width: 278px;
        font-size: 11px;
    }
    DIV.tooltip-header,
    DIV.tooltip-content {
        background: url(bg-tooltip.svg) no-repeat 0 0;
        color: #222;
    }
    DIV.tooltip-header {
        padding: 31px 29px 0;
    }
    DIV.tooltip-header H2 {
        float: left;
        margin: 0;
        font-size: 13px;
        line-height: 16px;
    }
    DIV.tooltip P.close {
        float: right;
        margin: -12px -12px 0 0;
    }
    DIV.tooltip-content {
        padding: 0 29px 31px;
        background-position: 0 100%;
    }
    DIV.tooltip-content P,
    DIV.tooltip-content DL,
    DIV.tooltip-content OL,
    DIV.tooltip-content UL {
        margin-top: 0;
        padding-bottom: 10px;
        font-weight: normal;
    }

    DIV.tooltip-content P:first-child,
    DIV.tooltip-content DL:first-child,
    DIV.tooltip-content OL:first-child,
    DIV.tooltip-content UL:first-child {
        padding-top: 10px;
    }

    DIV.tooltip-content P + UL,
    DIV.tooltip-content P + OL {
        margin-top: -10px;
    }

    DIV.tooltip-content P:last-child,
    DIV.tooltip-content DL:last-child,
    DIV.tooltip-content OL:last-child,
    DIV.tooltip-content UL:last-child {
        padding-bottom: 0px;
    }

    .tooltip-content ul li {
        background-position: 3px 9px;
    }

    /* =overlay */
    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        height: 100%;
        width: 100%;
        z-index: 5000;
        background: transparent url(bg-transparent.png) repeat 50% 50%;
    }
    #overlay-alert {
        position: absolute;
        top: 100px;
        left: 50%;
        display: none;
        width: 520px;
        margin-left: -260px;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 15px #000;
        -webkit-box-shadow: 0 0 15px #000;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 10000;
    }
    #overlay-alert .inner {
        padding: 30px;
    }
    #overlay-alert .inner .buttons {
        margin: 1em 0 0;
        text-align: center;
    }
    #overlay-alert .close {
        display: none;
        position: absolute;
        top: 5px;
        right: 5px;
    }
    #overlay-alert:hover .close {
        display: block;
    }
    #overlay-alert .close .ico-delete {
        display: block;
        height: 0 !important;
        width: 20px;
        padding: 20px 0 0;
        overflow: hidden;
        text-indent: 0;
    }

    #overlay-pop {
        display: none;
        position: absolute;
        top: 100px;
        left: 50%;
        width: 720px;
        margin-left: -360px;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 15px #000;
        -webkit-box-shadow: 0 0 15px #000;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 6000;
    }
    #overlay-pop .header {
        padding: 15px 0 10px;
        border-bottom: 1px solid #e8e8e8;
    }
    #overlay-pop .header h1 {
        float: left;
        margin: 8px 0 0 20px;
    }
    #overlay-pop .header UL.tools {
        margin-top: 10px;
    }
    #overlay-pop .inner {
        padding: 10px;
    }
    #overlay-pop .content {
        margin: 30px 20px;
        padding: 0;
    }
    #overlay-pop .content table {
        margin-top: 0;
    }
    #overlay-pop .footer {
        padding: 24px 0 21px;
        border-top: 1px solid #e8e8e8;
    }
    #overlay-pop .footer .buttons {
        text-align: center;
    }
    #overlay-pop .footer .button {
        margin: 0 5px;
    }
    #overlay-pop .close {
        display: none;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    #overlay-pop:hover .close {
        display: block;
    }
    #overlay-pop .close .ico-delete {
        display: block;
        height: 0 !important;
        width: 20px;
        padding: 20px 0 0;
        overflow: hidden;
        text-indent: 0;
    }

    /* =footer
    -------------------------------------------------- */
    #footerContainer {
        position: absolute;
        left: 0;
        right: 0;
        background: rgb(71,71,84); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(71,71,84,1) 0%, rgba(59,59,71,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(71,71,84,1) 0%,rgba(59,59,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(71,71,84,1) 0%,rgba(59,59,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474754', endColorstr='#3b3b47',GradientType=0 ); /* IE6-9 */
        bottom: 0;
        min-width: 966px;
    }

    #footer {
        color: #222;
        margin-top: 50px;
        padding: 40px 10px 40px;
        max-width: 960px;
        margin: 0 auto 6px;
    }

    #footer P,
    #footer DL {
        margin: 0;
    }
    #footer P,
    #footer DD {
        float: left;
    }
    #footer DL {
        float: left;
    }
    #footer DT {
        display: none;
    }
    #footer DD {
        margin-right: 30px;
    }

    #footer DD A {
        color: #222;
        text-decoration: underline;
    }

    #footerContainer #footer,
    #footerContainer #footer DD A {
        color: #f4f4f4;
    }

    #footer .disclaimer {
        display: inline-block;
        text-align: justify;
        font-size: 11px;
        font-style: normal;
        margin-top: 15px;
        line-height: 16px;
        color: #f4f4f4;
    }

        #footer .disclaimer a {
            color: #f4f4f4;
            text-decoration: underline;
        }

    /* =themes
    -------------------------------------------------- */
    H2.cat1,
    H2.cat1 A,
    STRONG.cat1,
    .cat1 H2.tagline {
        color: #222;
    }
    H2.cat2,
    H2.cat2 A,
    STRONG.cat2,
    .cat2 H2.tagline,
    .cat2 DL.rows DT {
        color: #222;
    }
    H2.cat3,
    H2.cat3 A,
    STRONG.cat3,
    .cat3 H2.tagline {
        color: #222;
    }
    H2.cat4,
    H2.cat4 A,
    H3.cat4,
    STRONG.cat4,
    .cat4 H2.tagline {
        color: #222;
    }
    H2.cat5,
    H2.cat5 A,
    STRONG.cat5,
    .cat5 H2.tagline {
        color: #222;
    }
    H2.cat6,
    H2.cat6 A,
    STRONG.cat6,
    .cat6 H2.tagline {
        color: #222;
    }
    H2.cat7,
    H2.cat7 A,
    STRONG.cat7,
    .cat7 H2.tagline {
        color: #222;
    }

    .cat2 DL.rows DD {
        border-color: #d6edcc;
    }

    .cat7 TABLE.data TD,
    .cat7 TABLE.data TBODY TH {
        border-color: #e0e0eb;
    }
    .cat7 TABLE.data TD.alt,
    .cat7 TABLE.data TR.alt TD,
    .cat7 TABLE.data-preview TD {
        background: #fafafa;
    }

    /* =dropdowns
    -------------------------------------------------- */
    A.dropdown {
        padding-right: 15px;
        background: transparent url(ico-dropdown.svg) 100% 4px no-repeat;
        position: static !important;
    }
    A.dropdown-ico {
        display: inline-block;
        padding: 12px 5px 0;
        width: 8px;
        height: 0;
        background-position: 5px 6px;
        overflow: hidden;
    }
    *+html A.dropdown-ico {
        background-position: 5px 2px;
    }
    UL.dropdown-menu {
        position: absolute;
        top: 3px;
        right: 0;
        z-index: 999;
        display: none;
        max-width: 460px;
        padding: 5px 0;
        background: #fff;
        border: 1px solid #cecece;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    }
    UL.dropdown-menu LI {
        margin: 0;
        padding: 0;
        height: 1%;
        background: none;
        font-size: 13px;
        line-height: 20px;
    }

    UL.dropdown-menu A {
        display: block;
        margin: 1px;
        padding: 0 5px;
        outline: none;
        font-weight: normal;
    }
    UL.dropdown-menu A:link, UL.dropdown-menu A:visited {
        color: #000;
        text-decoration: none;
        background-color: #fff;
    }
    UL.dropdown-menu A:hover, UL.dropdown-menu A:focus, UL.dropdown-menu A:active {
        color: #fff;
        background-color: #6F6F6F;
    }

    UL.links UL.dropdown-menu {
        right: 15px;
        top: 10px;
    }
    UL.links UL.dropdown-menu A {
        white-space: nowrap;
    }
    UL.links A.dropdown {
        background-position: 100% 50%;
    }


    /* =no-content
    ------------------------------------------------------ */
    .no-content {
        margin: 45px 85px 0;
        font-size: 20px;
        line-height: 1.5;
    }
    .no-content.content-small {
        font-size: 100%;
    }
    .no-content H2 {
        color: #b2b2b2;
        font-size: 45px;
        line-height: 1.5;
        font-weight: normal;
        letter-spacing: -1px;
    }
    .no-content UL {
        margin: 1.5em 0 0;
    }
    .no-content LI {
        padding: 0;
        background: none;
    }

    BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
        color: #222;
        font-size: 13px;
        -webkit-font-smoothing: antialiased;
        font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif !important;
    }
    BODY {
        line-height: 20px;
    }
    
    STRONG,
    B,
    H1, H2, H3, H4, H5, H6 {
        font-weight: 600;
    }

    div.menu h2,
    ul.tabs-small,
    #frontlogin,
    #header,
    #header input,
    #nav,
    #sidebar,
    #cmenu ul,
    #footer {
        font-size: 11px;
        line-height: 15px;
    }

    #cmenu h2 {
        font-size: 16px;
        line-height: 1.25;
    }

    .font-small,
    .font-small TH,
    .font-small TD {
        font-size: 14px;
        line-height: 20px;
    }

    .newframe-font-small,
    .newframe-font-small TH,
    .newframe-font-small TD {
        font-size: 12px;
        line-height: 18px;
    }

    P.font-small input {
        position: relative;
        top: 2px;
    }
    .font-normal {
        font-weight: normal !important;
    }
    .font-large {
        font-size: 16px;
        line-height: 1.5em;
    }
    .positive {
        color: #32A600;
    }

    .negative {
        color: #CC0000;
    }

    /* colors
    -------------------------------------------------- */
    .color {
        padding-left: 20px;
        background: transparent url(ico-colors.png) 0 0 no-repeat;
    }
    .color.yellow {
        background-position: 0 2px;
    }
    .color.yellow-50 {
        background-position: 0 -18px;
    }
    .color.yellow-25 {
        background-position: 0 -38px;
    }
    .color.red {
        background-position: 0 -58px;
    }
    .color.red-50 {
        background-position: 0 -78px;
    }
    .color.red-25 {
        background-position: 0 -98px;
    }
    .color.gray {
        background-position: 0 -118px;
    }
    .color.gray-50 {
        background-position: 0 -138px;
    }
    .color.gray-25 {
        background-position: 0 -158px;
    }
    .color.green {
        background-position: 0 -178px;
    }
    .color.green-50 {
        background-position: 0 -198px;
    }
    .color.green-25 {
        background-position: 0 -218px;
    }
    .color.blue {
        background-position: 0 -238px;
    }
    .color.blue-50 {
        background-position: 0 -258px;
    }
    .color.blue-25 {
        background-position: 0 -278px;
    }
    /* =dimensions
    -------------------------------------------------- */
    .wauto { width: auto !important;}
    .w25 { width: 25px !important }
    .w30 { width: 30px !important }
    .w40 { width: 40px !important }
    .w50 { width: 50px !important }
    .w60 { width: 60px !important }
    .w70 { width: 70px !important }
    .w75 { width: 75px !important }
    .w85 { width: 85px !important }
    .w90 { width: 90px !important }
    .w100 { width: 100px !important }
    .w110 { width: 110px !important }
    .w115 { width: 115px !important }
    .w120 { width: 120px !important }
    .w125 { width: 125px !important }
    .w128 { width: 128px !important }
    .w130 { width: 130px !important }
    .w132 { width: 132px !important }
    .w140 { width: 140px !important }
    .w145 { width: 145px !important }
    .w150 { width: 150px !important }
    .w155 { width: 155px !important }
    .w160 { width: 160px !important }
    .w165 { width: 165px !important }
    .w175 { width: 175px !important }
    .w178 { width: 178px !important }
    .w180 { width: 180px !important }
    .w190 { width: 190px !important }
    .w200 { width: 200px !important }
    .w210 { width: 210px !important }
    .w220 { width: 220px !important }
    .w225 { width: 225px !important }
    .w230 { width: 230px !important }
    .w240 { width: 240px !important }
    .w260 { width: 260px !important }
    .w270 { width: 270px !important }
    .w290 { width: 290px !important }
    .w300 { width: 300px !important }
    .w310 { width: 310px !important }
    .w325 { width: 325px !important }
    .w320 { width: 320px !important }
    .w330 { width: 330px !important }
    .w335 { width: 335px !important }
    .w340 { width: 340px !important }
    .w350 { width: 350px !important }
    .w380 { width: 380px !important }
    .w390 { width: 390px !important }
    .w620 { width: 620px !important }
    .w640 { width: 640px !important }
    .w690 { width: 690px !important }
    .w740 { width: 740px !important }
    .w800 { width: 800px !important }
    .w960 { width: 960px !important }

    .select.w25 { width: 0px !important }
    .select.w30 { width: 5px !important }
    .select.w40 { width: 15px !important }
    .select.w40 { width: 25px !important }
    .select.w60 { width: 35px !important }
    .select.w70 { width: 45px !important }
    .select.w75 { width: 50px !important }
    .select.w85 { width: 60px !important }
    .select.w90 { width: 65px !important }
    .select.w100 { width: 75px !important }
    .select.w110 { width: 85px !important }
    .select.w115 { width: 90px !important }
    .select.w120 { width: 95px !important }
    .select.w125 { width: 100px !important }
    .select.w128 { width: 103px !important }
    .select.w130 { width: 105px !important }
    .select.w132 { width: 107px !important }
    .select.w140 { width: 115px !important }
    .select.w145 { width: 120px !important }
    .select.w150 { width: 125px !important }
    .select.w155 { width: 130px !important }
    .select.w160 { width: 135px !important }
    .select.w165 { width: 140px !important }
    .select.w175 { width: 150px !important }
    .select.w178 { width: 153px !important }
    .select.w180 { width: 155px !important }
    .select.w190 { width: 165px !important }
    .select.w200 { width: 175px !important }
    .select.w210 { width: 185px !important }
    .select.w220 { width: 195px !important }
    .select.w225 { width: 200px !important }
    .select.w230 { width: 205px !important }
    .select.w240 { width: 215px !important }
    .select.w260 { width: 235px !important }
    .select.w270 { width: 245px !important }
    .select.w290 { width: 265px !important }
    .select.w300 { width: 275px !important }
    .select.w310 { width: 285px !important }
    .select.w320 { width: 295px !important }
    .select.w325 { width: 300px !important }
    .select.w330 { width: 305px !important }
    .select.w335 { width: 310px !important }
    .select.w340 { width: 315px !important }
    .select.w350 { width: 325px !important }
    .select.w380 { width: 355px !important }
    .select.w390 { width: 365px !important }
    .select.w620 { width: 595px !important }
    .select.w640 { width: 615px !important }
    .select.w690 { width: 665px !important }
    .select.w740 { width: 715px !important }
    .select.w800 { width: 775px !important }
    .select.w960 { width: 935px !important }

    .w10p { width: 10% !important }
    .w15p { width: 15% !important }
    .w20p { width: 20% !important }
    .w25p { width: 25% !important }
    .w30p { width: 30% !important }
    .w40p { width: 40% !important }
    .w50p { width: 50% !important }
    .w75p { width: 75% !important }
    .w100p { width: 100% !important }

    .grid1 { width:  60px !important }
    .grid2 { width: 140px !important }
    .grid3 { width: 220px !important }
    .grid4 { width: 300px !important }
    .grid5 { width: 380px !important }
    .grid6 { width: 460px !important }
    .grid7 { width: 540px !important }
    .grid8 { width: 620px !important }
    .grid9 { width: 700px !important }
    .grid50 { width: 340px !important }

    .grid1m { width:  70px !important }
    .grid2m { width: 150px !important }
    .grid3m { width: 230px !important }
    .grid4m { width: 310px !important }
    .grid5m { width: 390px !important }
    .grid6m { width: 470px !important }
    .grid7m { width: 550px !important }
    .grid8m { width: 630px !important }

    .select.grid1 { width:  33px !important }
    .select.grid2 { width: 113px !important }
    .select.grid3 { width: 193px !important }
    .select.grid4 { width: 273px !important }
    .select.grid5 { width: 353px !important }
    .select.grid6 { width: 433px !important }
    .select.grid7 { width: 513px !important }
    .select.grid8 { width: 593px !important }
    .select.grid9 { width: 673px !important }
    .select.grid50 { width: 313px !important }

    .select.error.grid1 { width:  31px !important }
    .select.error.grid2 { width: 111px !important }
    .select.error.grid3 { width: 191px !important }
    .select.error.grid4 { width: 271px !important }
    .select.error.grid5 { width: 351px !important }
    .select.error.grid6 { width: 431px !important }
    .select.error.grid7 { width: 511px !important }
    .select.error.grid8 { width: 591px !important }
    .select.error.grid9 { width: 671px !important }
    .select.error.grid50 { width: 311px !important }

    .select.grid1m { width:  43px !important }
    .select.grid2m { width: 123px !important }
    .select.grid3m { width: 203px !important }
    .select.grid4m { width: 283px !important }
    .select.grid5m { width: 363px !important }
    .select.grid6m { width: 443px !important }
    .select.grid7m { width: 523px !important }
    .select.grid8m { width: 603px !important }

    .select.error.grid1m { width:  41px !important }
    .select.error.grid2m { width: 121px !important }
    .select.error.grid3m { width: 201px !important }
    .select.error.grid4m { width: 281px !important }
    .select.error.grid5m { width: 361px !important }
    .select.error.grid6m { width: 441px !important }
    .select.error.grid7m { width: 521px !important }
    .select.error.grid8m { width: 601px !important }

    INPUT.grid1,  TEXTAREA.grid1 { width:  54px !important }
    INPUT.grid2,  TEXTAREA.grid2 { width: 134px !important }
    INPUT.grid3,  TEXTAREA.grid3 { width: 214px !important }
    INPUT.grid4,  TEXTAREA.grid4 { width: 294px !important }
    INPUT.grid5,  TEXTAREA.grid5 { width: 374px !important }
    INPUT.grid6,  TEXTAREA.grid6 { width: 454px !important }
    INPUT.grid7,  TEXTAREA.grid7 { width: 534px !important }
    INPUT.grid8,  TEXTAREA.grid8 { width: 614px !important }
    INPUT.grid9,  TEXTAREA.grid9 { width: 694px !important }
    INPUT.grid50, TEXTAREA.grid50 { width: 336px !important }

    INPUT.grid1m, TEXTAREA.grid1m { width:  64px !important }
    INPUT.grid2m, TEXTAREA.grid2m { width: 144px !important }
    INPUT.grid3m, TEXTAREA.grid3m { width: 224px !important }
    INPUT.grid4m, TEXTAREA.grid4m { width: 304px !important }
    INPUT.grid5m, TEXTAREA.grid5m { width: 384px !important }
    INPUT.grid6m, TEXTAREA.grid6m { width: 464px !important }
    INPUT.grid7m, TEXTAREA.grid7m { width: 544px !important }
    INPUT.grid8m, TEXTAREA.grid8m { width: 624px !important }

    .field INPUT.grid1,  .field TEXTAREA.grid1 { width:  40px !important }
    .field INPUT.grid2,  .field TEXTAREA.grid2 { width: 120px !important }
    .field INPUT.grid3,  .field TEXTAREA.grid3 { width: 200px !important }
    .field INPUT.grid4,  .field TEXTAREA.grid4 { width: 280px !important }
    .field INPUT.grid5,  .field TEXTAREA.grid5 { width: 360px !important }
    .field INPUT.grid6,  .field TEXTAREA.grid6 { width: 440px !important }
    .field INPUT.grid7,  .field TEXTAREA.grid7 { width: 520px !important }
    .field INPUT.grid8,  .field TEXTAREA.grid8 { width: 600px !important }
    .field INPUT.grid9,  .field TEXTAREA.grid9 { width: 680px !important }
    .field INPUT.grid50, .field TEXTAREA.grid50 { width: 312px !important }

    .field INPUT.grid2.phone-picker { width: 76px !important }
    .field INPUT.grid3.phone-picker { width: 156px !important }
    .field INPUT.grid4.phone-picker { width: 236px !important }
    .field INPUT.grid5.phone-picker { width: 316px !important }
    .field INPUT.grid6.phone-picker { width: 396px !important }
    .field INPUT.grid7.phone-picker { width: 476px !important }
    .field INPUT.grid8.phone-picker { width: 556px !important }
    .field INPUT.grid9.phone-picker { width: 636px !important }

    .field INPUT.grid1m, .field TEXTAREA.grid1m { width:  58px !important }
    .field INPUT.grid2m, .field TEXTAREA.grid2m { width: 138px !important }
    .field INPUT.grid3m, .field TEXTAREA.grid3m { width: 218px !important }
    .field INPUT.grid4m, .field TEXTAREA.grid4m { width: 298px !important }
    .field INPUT.grid5m, .field TEXTAREA.grid5m { width: 378px !important }
    .field INPUT.grid6m, .field TEXTAREA.grid6m { width: 458px !important }
    .field INPUT.grid7m, .field TEXTAREA.grid7m { width: 538px !important }
    .field INPUT.grid8m, .field TEXTAREA.grid8m { width: 618px !important }

    .inner .field INPUT.grid4, .inner .field TEXTAREA.grid4 { width: 248px !important }
    .inner .field INPUT.grid5, .inner .field TEXTAREA.grid5 { width: 328px !important }
    .inner .field INPUT.grid6, .inner .field TEXTAREA.grid6 { width: 408px !important }


    .m-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .u-case {
        text-transform: uppercase;
    }
    .l-case {
        text-transform: lowercase;
    }
    .mt0 { margin-top: 0 !important }
    .mt5 { margin-top: 5px !important }
    .mt10 { margin-top: 5px !important }
    .mt15 { margin-top: 15px !important }
    .mt20 { margin-top: 20px !important }
    .mt25 { margin-top: 25px !important }
    .mt30 { margin-top: 30px !important }
    .mt40 { margin-top: 40px !important }
    .mt50 { margin-top: 50px !important }
    .mt60 { margin-top: 60px !important }
    .mt70 { margin-top: 70px !important }
    .mt80 { margin-top: 80px !important }
    .mt90 { margin-top: 90px !important }
    .mt100 { margin-top: 100px !important }

    .top0 { top: 0 !important }
    .ml0 { margin-left: 0px !important }
    .mr10 { margin-right: 10px !important }
    .w116 { width: 116px !important }
    .pr10 { padding-right: 10px !important }

    .black { color: #000 !important }

    .mid_challenge {font-size:22pt;line-height:100%;text-align:center;}
    .mid_left {float:left;width:70%;}
    .mid_right {float:right;}

    .sid_challenge {font-size:22pt;line-height:100%;text-align:center;}
    .sid_left {float:left;width:70%;}
    .sid_right {float:right;}

    .no-background { background: none !important; }
    .no-botbor { border-bottom: none 0 !important; }
    .no-topbor { border-top: none 0 !important; }
    .no-text-decoration { text-decoration: none !important; }
    .no-botbor TD { border-bottom: none 0 !important; }

    .et #intro { background: url(et/bg_intro.png) no-repeat 0 0; }
    .en #intro { background: url(en/bg_intro.png) no-repeat 0 0; }
    .lv #intro { background: url(lv/bg_intro.png) no-repeat 0 0; }
    .lt #intro { background: url(lt/bg_intro.png) no-repeat 0 0; }

    .et #enterbank { background-image: url(et/title-enterbank.png); }
    .et #goodrates { background-image: url(et/title-goodrates.png); }
    .en #enterbank { background-image: url(en/title-enterbank.png); }
    .en #goodrates { background-image: url(en/title-goodrates.png); }

    .lh0 { line-height: 0 !important }

    .illustration {
        padding-right: 100px;
    }

        .illustration.suggestion {
            background: url(images/illustration-suggestion.png) no-repeat 620px top;
        }

    /* do not show print classes */
    .print-show {
        display: none;
    }

    /* Default styling for jQuery Datepicker v4.0.0. */
    .datepick-popup {
        z-index: 9999 !important;
        margin-left: -2px;
    }
    .datepick,
    .datepick th,
    .datepick td {
        color: #222;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .datepick-nav {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .datepick {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        -moz-box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        border: 1px solid #ccc; /* IE8 hack */
        border: 0px solid rgba(0, 0, 0, 0); /* IE8 hack */
    }

    .datepick-disable {
        position: absolute;
        background-color: white;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .datepick a {
        color: #fff;
        text-decoration: none;
        outline: none;
    }
    .datepick a.datepick-disabled {
        color: #888;
        cursor: auto;
    }

    .datepick-cmd {
        background: #fff url(../cal/bg_nav.png) no-repeat;
    }
    .datepick-nav {
        float: left;
        width: 100%;
        height: 40px;
        overflow: hidden;
        font-weight: 600;
    }
    .datepick-ctrl {
        display: none;
    }
    .datepick-cmd {
        width: 30px;
        height: 40px;
        overflow: hidden;
        text-align: left;
        text-indent: -5000px;
    }
    .datepick-cmd-today {
        display: none;
    }
    .datepick-cmd-prev {
        float: left;
        background-position: 0 -30px;
    }
    .datepick-cmd-prev:hover,
    .datepick-cmd-prev:focus {
        background-position: 0 -70px;
    }
    .datepick-cmd-prev:active {
        background-position: 0 -110px;
    }
    .datepick-cmd-prev.datepick-disabled {
        background-position: 0 -150px !important;
    }
    .datepick-cmd-next {
        float: right;
        background-position: 0 -190px;
    }
    .datepick-cmd-next:hover,
    .datepick-cmd-next:focus {
        background-position: 0 -230px;
    }
    .datepick-cmd-next:active {
        background-position: 0 -270px;
    }
    .datepick-cmd-next.datepick-disabled {
        background-position: 0 -310px !important;
    }
    .datepick-month-row {
        clear: left;
    }
    .datepick-month {
        float: left;
        width: 218px;
        padding: 0;
        text-align: center;
    }
    .datepick-month.first {
        padding-right: 0;
    }
    .datepick-month.last {
        padding-left: 7px;
        background: url(../cal/bg_separator.gif) repeat-y 0 0;
    }
    .datepick-month-header {
        width: 180px;
        height: 40px;
        overflow: hidden;
        margin: -30px auto 0;
        font-weight: 600;
        line-height: 30px;
        text-transform: uppercase;
        cursor: default;
        background: #fff;
    }

    .datepick-month-header input {
        height: 1.4em;
        border: none;
    }

    .datepick-month-header .select {
        margin-top: 5px;
    }

    .datepick-month-header input {
        position: absolute;
        display: none;
    }
    .datepick-month-header select.datepick-month-year {
        display: inline;
        margin: 5px 0 0;
    }

    .datepick-month-header .select select.datepick-month-year {
        margin: 0;
    }

    .datepick-month-header select.datepick-month-year:first-child {
        margin-right: 3px;
    }
    .datepick-month table {
        width: 100%;
        margin: 0;
        table-layout: fixed;
        border-collapse: collapse;
        border: none !important;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .datepick-month thead {
        border-bottom: 1px solid #aaa;
    }
    .datepick-month th,
    .datepick-month td {
        width: 30px;
        margin: 0;
        padding: 0;
        font-weight: normal;
        text-align: center;
        overflow: hidden;
    }
    .datepick-month th {
        border: 1px solid #fafafa;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #f3f3f3;
    }

    .datepick-month th:first-child {
        border-left: none;
    }

    .datepick-month th:last-child {
        border-right: none;
    }

    .datepick-month tbody td:first-child {
        border-left: none !important;
    }

    .datepick-month tbody td:last-child {
        border-right: none !important;
    }

    .datepick-month tbody tr:last-child td {
        border-bottom: none !important;
    }

    .datepick-month tbody tr:last-child td:first-child {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
    }

    .datepick-month tbody tr:last-child td:last-child {
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
    }

    .datepick-month th,
    .datepick-month th a {
        background-color: #fafafa;
    }
    .datepick-month td {
        border: 1px solid #f3f3f3;
    }
    .datepick-month a,
    .datepick-month span {
        display: block;
        line-height: 30px;
    }
    .datepick-month a {
        width: 100%;
        color: #222;
        text-decoration: none;
    }
    .datepick-month span {
        width: 100%;
    }
    .datepick-month td span {
        color: #909090;
    }
    .datepick-month th .datepick-dow-0,
    .datepick-month th .datepick-dow-6,
    .datepick-month td .datepick-weekend {
        font-weight: 600;
    }
    .datepick-month td .datepick-other-month {
        background-color: #fff;
    }
    .datepick-month td .datepick-today {
        background: #f6f6f6;
        font-weight: 600;
        text-shadow: 0 1px 0 #fff;
    }
    .datepick-month td .datepick-highlight {
        background: #f6f6f6;
    }
    .datepick-month td .datepick-selected,
    .datepick-month td .datepick-selected.datepick-today {
        background: #8d9096;
        background: -moz-linear-gradient(#8d9096, #c6cbd0);
        background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, #c6cbd0),
            color-stop(1, #8d9096)
        );
        font-weight: 600 !important;
        color: #fff;
        text-shadow: 0 -1px 0 #606367;
    }

    .datepick-status {
        clear: both;
        background-color: #ddd;
        text-align: center;
    }
    .datepick-clear-fix {
        clear: both;
    }
    .datepick-cover {
        display: none;
        display/**/: block;
        position: absolute;
        z-index: -1;
        filter: mask();
        top: -1px;
        left: -1px;
        width: 100px;
        height: 100px;
    }

    .datepick-shortcuts {
        clear: both;
        width: 445px;
        table-layout: fixed;
        margin: 0;
        border-top: 1px solid #d3d3d3;
        -moz-box-shadow: inset 0 2px 1px rgba(0,0,0,0.08);
        -webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,0.08);
        box-shadow: inset 0 2px 1px rgba(0,0,0,0.08);
    }
    .datepick-shortcuts TD {
        width: 73px;
        padding: 0;
        border-right: 1px solid #d3d3d3;
        background: #fff;
        color: #fff;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
    }
    .datepick-shortcuts TD.last {
        border-right: none;
    }
    .datepick-shortcuts A {
        display: block;
        padding: 7px 5px;
        color: #222;
        line-height: 13px;
    }
    .datepick-shortcuts A:hover,
    .datepick-shortcuts A:focus {
        text-decoration: underline !important;
    }

    /* bank logos */
    .logos {
        margin: 30px 0;
        padding: 0;
    }
    .logos li {
        float: left;
        margin: 0 40px 0 0;
        padding: 0;
        background: none;
    }
    .logos a {
        display: block;
        height: 0;
        overflow: hidden;
    }
    .logos .logo {
        background: transparent url(logo_banks.png) 0 0 no-repeat;
    }
    .logos .swedbank {
        width: 131px;
        padding-top: 30px;
        background-position: 0 0;
    }
    .logos .swedbank:hover,
    .logos .swedbank:focus,
    .logos .swedbank:active {
        background-position: 0 -40px;
    }

    .logos .seb {
        width: 68px;
        padding-top: 30px;
        background-position: -172px 0;
    }
    .logos .seb:hover,
    .logos .seb:focus,
    .logos .seb:active {
        background-position: -172px -40px;
    }
    .logos .sampo {
        width: 129px;
        padding-top: 30px;
        background-position: -274px 0;
    }
    .logos .sampo:hover,
    .logos .sampo:focus,
    .logos .sampo:active {
        background-position: -274px -40px;
    }

    /* graph */

    #pension {
        width: 698px;
        overflow: hidden;
    }
    .charts {
        border: 1px solid #d7d7d7;
        border-top: 1px solid #bababa;
        border-bottom: 1px solid #eaeaea;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        overflow: hidden;

    }
    .charts .header {
        padding: 3px 0;
        text-align: center;
        border-bottom: 1px solid #eaeaea;
        background-color: #fafafa;
    }
    .charts .header.small {
        padding: 3px 0 3px 0;
    }
    .charts .header table {
        width: 100%;
        margin: 0 auto;
        border: 0 none;
        background-color: transparent;
    }

    .charts .header table.center {
        width: auto;
    }

    .charts .header th,
    .charts .header td {
        padding: 5px;
        border: none;
    }

    .charts .header th {
        text-align: right;
    }

    .charts .header label {
        display: inline-block;
        line-height: 30px;
        font-weight: 600;
    }
    .charts .header.small label {
        line-height: 15px;
    }
    .charts .header label + span {
        margin-left: 5px;
    }

    .charts .header span + label {
        margin-left: 5px;
    }

    .charts .header .select {
        text-align: left;
    }

    .charts .header .field {
        vertical-align: middle;
    }

    .charts .header .field + button,
    .charts .header .select + button {
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
        margin-top: -2px;
    }

    .charts table {
        width: 100%;
        margin: 0;
        border: 1px solid #eaeaea;
        border-width: 1px 0 0;
        border-collapse: collapse;
        background-color: #fff;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .charts th,
        .charts td {
            padding: 5px 10px;
            border-top: 1px solid #eaeaea;
            font-weight: normal;
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        .charts th {
            border-left: 0;
        }

        .charts .grid tbody tr:last-child td {
            border-bottom: none;
        }

    .chart-legend-dot {
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-right: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: relative;
    }

        .chart-legend-dot .ring {
            border: 1px solid #efefef;
            border: 1px solid rgba(0, 0, 0, 0.1);
            opacity: 0.95;
            filter: alpha(opacity=95);
            display: block;
            width: 8px;
            height: 8px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            z-index: 2;
            background: transparent;
            top: 0;
            left: 0;
            position: absolute;
        }

        .chart-legend-dot .dot {
            display: block;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.85;
            filter: alpha(opacity=85);
            z-index: 1;
        }

    .highcharts-container {
        left: 0 !important;
        margin-top: -1px;
    }

    .chart-legend-dot.series-hidden {
        opacity: 0.25;
        filter: alpha(opacity=25);
    }

    .chart-legend-dot.has-invoices {
        cursor: pointer;
    }

    /* cards */
    .card-container.new-card {
        border-top: 1px solid #e8e8e8;
    }

    .select-card-color .label {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-top: -2px;
    }

    .select-card-color .cardcolor {
        vertical-align: middle;
        cursor: pointer;
    }

    .cardcolor {
        display: inline-block;
        width: 24px;
        height: 0;
        padding-top: 24px;
        margin: -2px 2px 2px 0;
        overflow: hidden;
        background: transparent url(/gfx/ibank/ico-cards.svg) 0 0 no-repeat;
    }

        .field-row .select-card-color .cardcolor {
            margin-top: 0;
        }

    .cardcolor.black,
    .cardcolor.MU,
    .cardcolor.MUC,
    .cardcolor.MFD,
    .cardcolor.MFC,
    .cardcolor.MDC,
    .cardcolor.MCC,
    .cardcolor.MYD,
    .cardcolor.BYD {
        background-position: -240px 0px;
    }

    .cardcolor.black:hover,
    .cardcolor.MU:hover,
    .cardcolor.MUC:hover,
    .cardcolor.MFD:hover,
    .cardcolor.MFC:hover,
    .cardcolor.MDC:hover,
    .cardcolor.MCC:hover,
    .cardcolor.MYD:hover,
    .cardcolor.BYD:hover {
        background-position: -240px -40px;
    }

    .cardcolor.black.selected,
    .cardcolor.MU.selected,
    .cardcolor.MUC.selected,
    .cardcolor.MFD.selected,
    .cardcolor.MFC.selected,
    .cardcolor.MDC.selected,
    .cardcolor.MCC.selected,
    .cardcolor.MYD.selected,
    .cardcolor.BYD.selected {
        background-position: -240px -80px;
    }

    .cardcolor.pearl,
    .cardcolor.VA,
    .cardcolor.VAC,
    .cardcolor.VFD,
    .cardcolor.VFC,
    .cardcolor.VDC,
    .cardcolor.VCC,
    .cardcolor.VYD,
    .cardcolor.WYD,
    .cardcolor.PTC,
    .cardcolor.PTD,
    .cardcolor.KLD{
        background-position: -200px 0;
    }

    .cardcolor.pearl:hover,
    .cardcolor.VA:hover,
    .cardcolor.VAC:hover,
    .cardcolor.VFD:hover,
    .cardcolor.VFD:hover,
    .cardcolor.VDC:hover,
    .cardcolor.VCC:hover,
    .cardcolor.VYD:hover,
    .cardcolor.WYD:hover,
    .cardcolor.PTC:hover,
    .cardcolor.PTD:hover,
    .cardcolor.KLD:hover{
        background-position: -200px -40px;
    }

    .cardcolor.pearl.selected,
    .cardcolor.VA.selected,
    .cardcolor.VAC.selected,
    .cardcolor.VFD.selected,
    .cardcolor.VFC.selected,
    .cardcolor.VDC.selected,
    .cardcolor.VCC.selected,
    .cardcolor.VYD.selected,
    .cardcolor.WYD.selected,
    .cardcolor.PTC.selected,
    .cardcolor.PTD.selected,
    .cardcolor.KLD.selected{
        background-position: -200px -80px;
    }

    .cardcolor.grey,
    .cardcolor.HA {
        background-position: -120px 0;
    }

    .cardcolor.grey:hover,
    .cardcolor.HA:hover {
        background-position: -120px -40px;
    }

    .cardcolor.grey.selected,
    .cardcolor.HA.selected {
        background-position: -120px -80px;
    }

    .cardcolor.pink,
    .cardcolor.RO,
    .cardcolor.ROC,
    .cardcolor.RFD,
    .cardcolor.RFC,
    .cardcolor.RDC,
    .cardcolor.RCC {
        background-position: -160px 0;
    }

    .cardcolor.pink:hover,
    .cardcolor.RO:hover,
    .cardcolor.ROC:hover,
    .cardcolor.RFD:hover,
    .cardcolor.RFC:hover,
    .cardcolor.RDC:hover,
    .cardcolor.RCC:hover {
        background-position: -160px -40px;
    }

    .cardcolor.pink.selected,
    .cardcolor.RO.selected,
    .cardcolor.ROC.selected,
    .cardcolor.RFD.selected,
    .cardcolor.RFC.selected,
    .cardcolor.RDC.selected,
    .cardcolor.RCC.selected {
        background-position: -160px -80px;
    }

    .cardcolor.green,
    .cardcolor.RR {
        background-position: -40px 0;
    }

    .cardcolor.green:hover,
    .cardcolor.RR:hover {
        background-position: -40px -40px;
    }

    .cardcolor.green.selected,
    .cardcolor.RR.selected {
        background-position: -40px -80px;
    }

    .cardcolor.blue,
    .cardcolor.JA,
    .cardcolor.JFD,
    .cardcolor.JCC {
        background-position: -80px 0;
    }

    .cardcolor.blue:hover,
    .cardcolor.JA:hover,
    .cardcolor.JFD:hover,
    .cardcolor.JCC:hover {
        background-position: -80px -40px;
    }

    .cardcolor.blue.selected,
    .cardcolor.JA.selected,
    .cardcolor.JFD.selected,
    .cardcolor.JCC.selected {
        background-position: -80px -80px;
    }

    .cardcolor.orange,
    .cardcolor.KA,
    .cardcolor.KAC,
    .cardcolor.PFD,
    .cardcolor.PFC,
    .cardcolor.PDC,
    .cardcolor.PCC {
        background-position: -280px 0;
    }

    .cardcolor.orange:hover,
    .cardcolor.KA:hover,
    .cardcolor.KAC:hover,
    .cardcolor.PFD:hover,
    .cardcolor.PFC:hover,
    .cardcolor.PDC:hover,
    .cardcolor.PCC:hover {
        background-position: -280px -40px;
    }

    .cardcolor.orange.selected,
    .cardcolor.KA.selected,
    .cardcolor.KAC.selected,
    .cardcolor.PFD.selected,
    .cardcolor.PFC.selected,
    .cardcolor.PDC.selected,
    .cardcolor.PCC.selected {
        background-position: -280px -80px;
    }

    .cardcolor.BUS,
    .cardcolor.BFD,
    .cardcolor.BFC,
    .cardcolor.BDD,
    .cardcolor.BCC {
        background-position: -320px 0;
    }

    .cardcolor.BUS:hover,
    .cardcolor.BFD:hover,
    .cardcolor.BFC:hover,
    .cardcolor.BDD:hover,
    .cardcolor.BCC:hover {
        background-position: -320px -40px;
    }

    .cardcolor.BUS.selected,
    .cardcolor.BFD.selected,
    .cardcolor.BFC.selected,
    .cardcolor.BDC.selected,
    .cardcolor.BCC.selected {
        background-position: -320px -80px;
    }

    .cardcolor.NYD {
        background-position: -360px 0;
    }

    .cardcolor.NYD:hover {
        background-position: -360px -40px;
    }

    .cardcolor.NYD.selected {
        background-position: -360px -80px;
    }

    .card-login {
        padding: 100px 0 50px;
    }

    .card-login .grid-6-6 .col1 {
        width: 260px;
        margin: 0 0 0 165px;
        padding-right: 60px;
        border-right: 1px solid #ebebeb;
    }
    .card-login .grid-6-6 .col2 {
        width: 350px;
        margin: 0 0 0 80px;
    }
    .card-login .grid-6-6 h2 {
        font-size: 24px;
        font-weight: normal;
    }
    .card-login .grid-6-6 h2 strong {
        font-weight: 600;
    }
    .card-login .grid-6-6 h2 + p {
        margin-top: 20px;
    }
    .card-login .grid-6-6 a {
        display: block;
        margin-left: -25px;
        padding-left: 25px;
        font-size: 24px;
        line-height: 1.2;
        background: transparent url(ico-arrow-l.svg) 0 6px no-repeat;
    }
    .card-login .grid-6-6 a strong {
        display: block;
        font-weight: 600;
    }

    .card {
        width: 276px;
        height: 172px;
        margin: 20px auto 0;
        color: #c0c0c0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        position: relative;
        text-decoration: none;
    }

    .form td .card,
    .field-row .card {
        margin-top: 5px;
        margin-left: 0;
        margin-right: 0;
    }

    .card-VA,
    .card-MU,
    .card-HA,
    .card-PU,
    .card-JA,
    .card-RO,
    .card-RR,
    .card-KA,
    .card-BUS,
    .card-GCR,
    .card-TMP {
        background-image: url(cards/sprite-cards-272.svg);
    }

    .card-VAC,
    .card-MUC,
    .card-ROC,
    .card-KAC,
    .card-GCO {
        background-image: url(cards/sprite-cards-combo-272.svg);
    }

    .card-VFD,
    .card-VFC,
    .card-MFD,
    .card-MFC,
    .card-RFD,
    .card-RFC,
    .card-PFD,
    .card-PFC,
    .card-KFD,
    .card-KFC,
    .card-BFD,
    .card-BFC,
    .card-JFD,
    .card-PPD,
    .card-PPC {
        background-image: url(cards/sprite-cards-nfc-272.svg);
    }

    .card-VDC,
    .card-VCC,
    .card-MDC,
    .card-MCC,
    .card-RDC,
    .card-RCC,
    .card-PDC,
    .card-PCC,
    .card-KDD,
    .card-KCC,
    .card-BDD,
    .card-BCC,
    .card-JCC,
    .card-PBD,
    .card-PBC,
    .card-PLD {
        background-image: url(cards/sprite-cards-2018-nfc-272.svg);
    }

    .card-KLD {
      background-image: url(cards/sprite-cards-debit-gold-front.svg);
    }

    .card-VYD,
    .card-NYD,
    .card-MYD {
        background-image: url(cards/sprite-cards-youth-nfc-272.svg);
    }

    .card-BGD,
    .card-BGC {
        background-image: url(cards/sprite-cards-business-2019-nfc-272.svg);
    }

    .card-ACC {
        background-image: url(cards/sprite-cards-alexela-2020-nfc-272.svg);
    }    

    .card-ACC.card-ACC-back {
        background-position: 2px -200px;
    }

    .card-PLD {
        background-position: 2px -3000px;
    }

    .card-PDB {
        background-image: url(cards/sprite-cards-2021-272.svg);
    }

    .card-PRC {
        background-image: url(cards/sprite-cards-credit-premium-front.svg);
        background-size: contain;
    }

    .card-PRC.card-PRC-back {
        background-image: url(cards/sprite-cards-credit-premium-back.svg);
    }

    .card-PRD {
        background-image: url(cards/sprite-cards-debit-premium-front.svg);
        background-size: contain;
    }

    .card-PRD.card-PRD-back {
        background-image: url(cards/sprite-cards-debit-premium-back.svg);
    }

    .card-BYD {
        background-image: url(cards/sprite-cards-youth-nfc-272-2.svg);
    }

    .card-BYD.card-BYD-back {
        background-position: 2px -196px;
    }

    .card-WYD {
        background-image: url(cards/sprite-cards-youth-nfc-272-2.svg);
    }

    .card-PTC {
        background-image: url(cards/sprite-cards-credit-platinum-2024-front.svg);
        background-size: contain;
    }

    .card-PTD {
        background-image: url(cards/sprite-cards-debit-platinum-2025-front.svg);
        background-size: contain;
    }

    .card-WYD.card-WYD-back {
        background-position: 2px -588px;
    }

    .card-PTC.card-PTC-back {
        background-image: url(cards/sprite-cards-credit-platinum-2024-back.svg);
    }

    .card-PTD.card-PTD-back {
        background-image: url(cards/sprite-cards-debit-platinum-2025-back.svg);
    }

    label.for-card-number {
        margin-top: 100px;
    }
    label.for-card-number-new-youth {
        margin-top: 58px;
    }
    .card:hover {
        text-decoration: none;
    }

    .value .card {
        margin-top: 0;
    }

    .card .virtual {
        background: url(cards/virtual-ribbon.svg) 0 0 no-repeat;
        width: 276px;
        height: 42px;
        display: block;
        position: absolute;
        top: 0px;
        left: 2px;
    }

    .card .virtual span.virtual-text {
        font-size: 8px;
        font-weight: 500;
        color: #fff;
        transform: rotate(-31deg);
        display: block;
        width: 50px;
        margin-top: 7px;
        margin-left: 0px;
        text-align: center;
    }

    .card .status {
        width: calc(100% - 4px);
        margin-left: 2px;
        height: 20px;
        display: block;
        position: absolute;
        top: 65px;
        left: 0;
        text-align: center;
        font-size: 20px;
        color: #000;
        padding: 8px 0 6px 0;
        background: #f4f4f4;
    }

    .grid-4-5-wide .col1 .card {
        margin: 28px 0 0 0;
    }

    /* Regular */
    .card-VA {
        background-position: 2px 0;
        color: #888;
    }
    .card-MU {
        background-position: 2px -200px;
    }
    .card-HA {
        background-position: 2px -400px;
    }
    .card-PU {
        background-position: 2px -600px;
    }
    .card-JA {
        background-position: 2px -800px;
    }
    .card-RO {
        background-position: 2px -1000px;
        color: #777;
    }
    .card-RR {
        background-position: 2px -1200px;
        color: #ccc;
    }
    .card-KA {
        background-position: 2px -1400px;
    }
    .card-BUS {
        background-position: 2px -1600px;
    }
    .card-GCR {
        background-position: 2px -1800px;
    }

    /* Combo */
    .card-VAC {
        background-position: 2px 0px;
        color: #888;
    }
    .card-MUC {
        background-position: 2px -200px;
    }
    .card-ROC {
        background-position: 2px -400px;
        color: #777;
    }
    .card-KAC {
        background-position: 2px -600px;
    }
    .card-GCO {
        background-position: 2px -800px;
    }

    /* NFC */
    .card-VFD {
        background-position: 2px 0px;
        color: #888;
    }
    .card-VFC {
        background-position: 2px -200px;
        color: #888;
    }
    .card-MFD {
        background-position: 2px -400px;
    }
    .card-MFC {
        background-position: 2px -600px;
    }
    .card-RFD {
        background-position: 2px -800px;
        color: #777;
    }
    .card-RFC {
        background-position: 2px -1000px;
        color: #777;
    }
    .card-PFD {
        background-position: 2px -1200px;
    }
    .card-PFC {
        background-position: 2px -1400px;
    }
    .card-KFD {
        background-position: 2px -1600px;
    }
    .card-KFC {
        background-position: 2px -1800px;
    }
    .card-BFD {
        background-position: 2px -2000px;
    }
    .card-BFC {
        background-position: 2px -2200px;
    }
    .card-JFD {
        background-position: 2px -2400px;
    }
    .card-PPD {
        background-position: 2px -2600px;
    }
    .card-PPC {
        background-position: 2px -2800px;
    }
    .card-TMP {
        background-position: 2px -2000px;
    }

    /* NFC 2018 */
    .card-VDC {
        background-position: 2px 0px;
        color: #888;
    }
    .card-VCC {
        background-position: 2px -200px;
        color: #888;
    }
    .card-MDC {
        background-position: 2px -400px;
    }
    .card-MCC {
        background-position: 2px -600px;
    }
    .card-RDC {
        background-position: 2px -800px;
        color: #777;
    }
    .card-RCC {
        background-position: 2px -1000px;
        color: #777;
    }
    .card-PDC {
        background-position: 2px -1200px;
    }
    .card-PCC {
        background-position: 2px -1400px;
    }
    .card-KDD {
        background-position: 2px -1600px;
    }
    .card-KCC {
        background-position: 2px -1800px;
    }
    .card-KLD {
        background-position: 2px 0;
    }
    .card-BDD {
        background-position: 2px -2000px;
    }
    .card-BCC {
        background-position: 2px -2200px;
    }
    .card-JCC {
        background-position: 2px -2400px;
    }
    .card-PBD {
        background-position: 2px -2600px;
    }
    .card-PBC {
        background-position: 2px -2800px;
    }

    /* Youth cards */
    .card-MYD {
        background-position: 2px 0;
    }

    .card-NYD {
        background-position: 2px -200px;
    }

    .card-VYD {
        background-position: 2px -400px;
    }

    /* Business 2019 */
    .card-BGD {
        background-position: 2px 0;
    }

    .card-BGC {
        background-position: 2px -200px;
    }

    /* Alexela 2020 */
    .card-ACC {
        background-position: 2px 0px;
    }

    /* 2021 */
    .card-PDB {
        background-position: 2px 0px;
    }

    /* Youth card 2023 */
    .card-BYD {
        background-position: 2px 0px;
    }

    .card-WYD {
        background-position: 2px -392px;
    }

    .card-PTC {
        background-position: 2px 0px;
    }

    .card-PTD {
        background-position: 2px 0px;
    }

    /* Premium debit card 2024 */
    .card-PRD {
        background-position: 2px;
    }

    .card-PRC {
        background-position: 2px;
    }

    .card-text {
        padding: 100px 10px 0 28px;
        font-family: OCRAStd;
        font-size: 10px;
        text-transform: uppercase;
        text-shadow: 0 0 1px #666;
        display: block;
    }

    .card-ACC .card-text {
        display: none;
    }

    .card-ACC.card-ACC-back .card-text {
        display: block;
    }

    .card-BYD .card-text {
        display: none;
    }

    .card-BYD.card-BYD-back .card-text {
        display: block;
    }

    .card-WYD .card-text {
        display: none;
    }

    .card-PTC .card-text {
        display: none;
    }

    .card-PTD .card-text {
        display: none;
    }

    .card-WYD.card-WYD-back .card-text {
        display: block;
    }

    .card-PRD.card-PRD-back  .card-text {
        display: block;
    }

    .card-PTC.card-PTC-back .card-text {
        display: block;
    }

    .card-PTD.card-PTD-back .card-text {
        display: block;
    }

    .card-PRD .card-text {
        display: none;
    }

    .card-PRC.card-PRC-back .card-text {
        display: block;
    }

    .card-PRC .card-text {
        display: none;
    }

    .card-text .sep {
        display: inline-block;
        width: 11px;
    }
    .card-number,
    .card-name,
    .card-valid {
        display: block;
    }
    
    .card-number {
        font-size: 16px;
    }

    .card-ACC.card-ACC-back .card-number {
        font-size: 10px;
    }

    .card-ACC.card-ACC-back .card-text {
        padding-left: 18px;
    }

    .card-ACC.card-ACC-back .card-valid {
        margin-left: 40px;
    }

    .card-ACC.card-ACC-back .card-name {
        margin-top: 6px;
    }

    .card-BYD.card-BYD-back .card-number {
        font-size: 10px;
    }

    .card-BYD.card-BYD-back .card-text {
        padding-top: 58px;
        padding-left: 14px;
    }

    .card-BYD.card-BYD-back .card-name {
        margin-top: 8px
    }

    .card-BYD.card-BYD-back .card-valid {
        margin-left: 2px;
        margin-top: 22px;
    }

    .card-WYD.card-WYD-back .card-number {
        font-size: 10px;
    }

    .card-PTC.card-PTC-back .card-number {
        font-size: 10px;
    }

    .card-PTD.card-PTD-back .card-number {
        font-size: 10px;
    }

    .card-WYD.card-WYD-back .card-text {
        padding-top: 58px;
        padding-left: 14px;
        text-transform: uppercase;
        text-shadow: 0 0 1px #666;
    }

    .card-PTC.card-PTC-back .card-text {
        padding-top: 70px;
        padding-left: 20px;
        text-transform: uppercase;
        text-shadow: 0 0 1px #666;
    }

    .card-PTD.card-PTD-back .card-text {
        padding-top: 70px;
        padding-left: 20px;
        text-transform: uppercase;
        text-shadow: 0 0 1px #666;
    }

    .card-PRC.card-PRC-back .card-text,
    .card-PRD.card-PRD-back .card-text {
        padding-top: 70px;
        padding-left: 20px;
        text-transform: uppercase;
        text-shadow: 0 0 1px #666;
    }

    .card-PRD.card-PRD-back .card-number,
    .card-PRC.card-PRC-back .card-number {
        font-size: 10px;
        margin-top: -8px;
    }

    .card-PRD.card-PRD-back .card-name,
    .card-PRC.card-PRC-back .card-name {
        margin-top: -45px
    }


    .card-WYD.card-WYD-back .card-name {
        margin-top: 8px
    }

    .card-PTC.card-PTC-back .card-name {
        margin-top: 8px
    }

    .card-PTD.card-PTD-back .card-name {
        margin-top: 8px
    }

    .card-WYD.card-WYD-back .card-valid {
        margin-left: 2px;
        margin-top: 22px;
    }

    .card-PTC.card-PTC-back .card-valid {
        margin-left: 2px;
        margin-top: 22px;
    }

    .card-PTD.card-PTD-back .card-valid {
        margin-left: 2px;
        margin-top: 22px;
    }

    .card-PRD.card-PRD-back .card-valid,
    .card-PRC.card-PRC-back .card-valid {
        margin-left: 15px;
        margin-top: 45px;
        font-size: 7px;
    }

    .card-valid {
        margin: 4px 0 2px 94px;
        font-size: 11px;
        line-height: 15px;
    }
    
    .card-name {
        margin-top: 2px;
        width: 160px;
        font-size: 10px;
        line-height: 12px;
    }

    .card-number .field {
        margin-top: -7px;
    }

    .card-text-inline .card-number {
        font-family:  OCRAStd;
        font-size: 16px;
        line-height: 30px;
        text-transform: uppercase;
        display: inline;
    }

    .shower {
        position: absolute;
        top: 89px;
        left: 206px;
        display: inline-block;
        width: 50px;
        height: 20px;
        border: 2px solid #f00;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 0 2px rgba(255,0,0,0.5);
        -webkit-box-shadow: 0 0 2px rgba(255,0,0,0.5);
        box-shadow: 0 0 2px rgba(255,0,0,0.5);
    }

    .card-legalname {
        display: block;
        line-height: 10px;
    }
    .card-buttons-under-card {
        display: flex;
        justify-content: center;
    }
    .card-details {
        margin-left: 30px;
    }
    .card-details .card-data {
        margin-top: 20px;
    }
    .card-details .card-data dt {
        clear: both;
        float: left;
        width: 160px;
        margin-right: 10px;
        padding: 3px 0;
    }
    .card-details .card-data dd {
        float: left;
        width: 230px;
        padding: 5px 0;
    }

    .card-info h3 {
        margin: 28px 0 0;
        font-size: 16px;
    }

    .card-info h3 a:hover .card-number,
    .card-info h3 a:focus .card-number,
    .card-info h3 a:active .card-number {
        text-decoration: underline;
    }

    .card-info dt,
    .card-info dd {
        float: left;
    }
    .card-info dt {
        width: 150px;
        padding-right: 10px;
        clear: left;
    }
    .card-info dd {
        width: 220px;
    }

    .card-info .card-number {
        font-size: inherit;
    }

    .card-info.separated dl {
        border-bottom: 1px solid #e8e8e8;
        overflow: hidden;
        margin-top: 10px;
    }
    .card-info.separated dt,
    .card-info.separated dd {
        border-top: 1px solid #e8e8e8;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .card-info dt.card-name {
        width: 380px;
        font-weight: 600;
        font-size: 15px;
    }
    .card-info dt.card-no {
        width: 380px;
        font-weight: 600;
        font-size: 15px;
    }
    .card-info .ico-tooltip {
        float: right;
        margin-top: 4px;
    }

    .card-info .card-buttons .ico-tooltip {
        float: none;
        margin-top: 0px;
    }
    .card-details-form dt,
    .card-details-form dd {
        line-height: 30px;
    }
    .card-buttons {
        bottom: 0;
    }

    .card-buttons .button {
        margin-right: 5px;
        margin-top: 5px;
        float: left;
    }

    .card-buttons .button + .button {
        margin-left: 0 !important;
    }

    .card-actions td {
        height: 40px;
    }
    .card-actions thead th {
        font-weight: 600;
        text-align: center;
        text-transform: capitalize !important;
    }
    .card-actions .input-row {
        text-align: right;
    }
    .card-actions .ico-tooltip,
    .action .ico-tooltip {
        position: relative;
        right: 0;
        top: 4px;
    }
    .card-actions .ico-tooltip {
        margin-left: 5px;
    }
    .actions .ico-tooltip {
        position: relative;
        right: 0;
        top: 4px;
    }

    .invalid-cards {
        background: url(separator.png) no-repeat top center;
        padding-top: 60px;
    }

    /* vertical-menu */
    .vertical-menu {
        list-style: none;
        margin: 20px 0;
    }
    .vertical-menu li {
        padding: 0;
        background: none;
    }
    .vertical-menu li:first-child {
        border-top: 0;
    }
    .vertical-menu a {
        display: block;
        padding: 7px 0;
        font-size: 16px;
        font-weight: 400;
    }
    .vertical-menu a strong {
        font-weight: 600;
    }
    .vertical-menu .nicearrow {
        font-family: 'Neue Helvetica W06', "Minion Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, Arial, sans-serif;
        text-decoration: none !important;
    }
    .vertical-menu a:hover,
    .vertical-menu a:focus,
    .vertical-menu a:active {
        text-decoration: none;
    }
    .vertical-menu a:hover strong,
    .vertical-menu a:focus strong,
    .vertical-menu a:active strong {
        text-decoration: underline;
    }

    .nyroModalCont .vertical-menu {
        margin: 0 0 20px 0;
    }

    /* offers */
    .offer {
        margin: 20px 0 1em;
        border: 1px solid #dbdbdb;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: inset 0 1px 0 #ccc;
        -webkit-box-shadow: inset 0 1px 0 #ccc;
        box-shadow: inset 0 1px 0 #ccc;
    }
    .offer .header {
        padding: 0 20px 10px;
        border-bottom: 1px solid #dbdbdb;
    }
    .offer h2 {
        float: left;
        margin: 14px 0 0;
    }
    .offer .offermenu {
        float: right;
        margin: 15px 0 0;
        list-style: none;
    }
    .offer .offermenu li {
        float: left;
        padding: 0;
        background: none;
    }
    .offer .offermenu a {
        display: block;
        padding: 2px 0 2px 20px;
    }
    .offer .grid-2-5-2 {
        padding: 15px;
    }
    .offer .grid-2-5-2 .col2 {
        width: 348px;
    }
    .offer .grid-2-5-2 .col2 p {
        margin: 0;
    }
    .offer .grid-2-5-2 .col3 {
        text-align: right;
    }

    .offer .grid-6-3 {
        padding: 15px;
    }
    .offer .grid-6-3 .col1 {
        width: 428px;
    }
    .offer .grid-6-3 .col1 p {
        margin: 0;
    }
    .offer .grid-6-3 .col2 {
        text-align: right;
    }


    .cardstack {
        position: relative;
    }
    .cardstack img {
        position: absolute;
        top: 0;
        right: 0
    }
    .cardstack img + img {
        top: 20px;
        right: 10px;
    }


    .calc-summary {
        float: right;
        width: 250px;
        margin: 0;
    }
    .calc-summary dt,
    .calc-summary dd {
        float: left;
    }
    .calc-summary dt {
        width: 58%;
        padding-right: 2%;
    }
    .calc-summary dd {
        clear: right;
        width: 40%;
        text-align: right;
    }

    DIV.action SPAN.link {
        float: left;
        margin-right: 15px;
    }
    DIV.action SPAN.action {
        float: right;
        line-height: 30px;
        font-size: 0;
    }

    DIV.center.action SPAN.action {
        float: none;
    }

        DIV.action SPAN.action .button,
        DIV.action SPAN.link .button {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        DIV.center.action SPAN.action .button {
            margin: 5px;
        }

        DIV.action SPAN.action SPAN.meta {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        DIV.center.action SPAN.action SPAN.meta {
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
        }


    DIV.footer DIV.action {
        margin: 0;
        padding: 0;
        border: 0;
    }

    /* =taskbox */
    .taskbox {
        margin-top: 1em;
        border: 1px solid #dbdbdb;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: inset 0 1px 0 #ccc;
        -webkit-box-shadow: inset 0 1px 0 #ccc;
        box-shadow: inset 0 1px 0 #ccc;
    }
    .taskbox p {
        margin: 0;
        padding: 10px;
        border-top: 1px solid #dbdbdb;
    }
    .taskbox label {
        font-size: 11px;
        padding-right: 15px;
    }
    .taskbox .content {
        float: left;
        padding: 0 !important;
    }
    .taskbox .content input + label {
        position: relative;
        top: -2px;
    }
    * + html .taskbox .content input + label {
        position: static;
        vertical-align: text-top;
    }
    .taskbox .title {
        float: left;
        width: 100px;
        padding-right: 20px;
        text-align: right;
        font-weight: 600;
        font-size: 100%;
    }
    .taskbox .title-l {
        line-height: 32px;
    }
    .taskbox .titleless {
        margin-left: 120px;
    }
    .taskbox p.titleless {
        padding-left: 130px;
        margin-left: 0;
    }
    .taskbox .date-suggestions {
        display: block;
        padding: 5px 0;
    }
    .taskbox .ico {
        float: right;
        margin-left: 5px;
    }
    .date-suggestions a {
        padding: 0 15px 0 0;
        font-size: 11px;
        font-weight: 600;
        color: #707070;
    }

    /* select-trigger */
    .select-trigger-child .title {
        margin: 10px 0 0;
        font-weight: 600;
    }

    /* pension icons */
    .ico-fund {
        display: block;
        height: 31px;
        width: 31px;
        background: transparent url(i/pensionfunds.png) 0 0 no-repeat;
        text-indent: -1000em;
    }
    .ico-fund.xl {
        background-position: 0 0;
    }
    .ico-fund.xl:hover,
    .ico-fund.xl:focus {
        background-position: 0 -31px;
    }
    .ico-fund.xl:active {
        background-position: 0 -62px;
    }
    .ico-fund.l {
        background-position: 0 -94px;
    }
    .ico-fund.l:hover,
    .ico-fund.l:focus {
        background-position: 0 -125px;
    }
    .ico-fund.l:active {
        background-position: 0 -156px;
    }
    .ico-fund.m {
        background-position: 0 -188px;
    }
    .ico-fund.m:hover,
    .ico-fund.m:focus {
        background-position: 0 -219px;
    }
    .ico-fund.m:active {
        background-position: 0 -250px;
    }
    .ico-fund.s {
        background-position: 0 -282px;
    }
    .ico-fund.s:hover,
    .ico-fund.s:focus {
        background-position: 0 -313px;
    }
    .ico-fund.s:active {
        background-position: 0 -344px;
    }
    .ico-fund.xs {
        background-position: 0 -376px;
    }
    .ico-fund.xs:hover,
    .ico-fund.xs:focus {
        background-position: 0 -407px;
    }
    .ico-fund.xs:active {
        background-position: 0 -438px;
    }

    /* expander */
    .expander + .expandable {
        padding-top: 10px;
    }
    .expandable {
        display: none;
        margin-bottom: 1em;
    }
    .expandable label {
        line-height: 30px !important;
    }


    .mw220 {
        min-width: 220px !important;
        }
    .mw140 {
        min-width: 140px !important;
    }

    /* nyroModal */
    .nyroModalBg {
        position: fixed;
        overflow: hidden;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #fff;
        opacity: 0.7;
        z-index: 5000;
    }
    .nmReposition {
        position: absolute;
    }
    .nyroModalCloseButton {
        top: 8px;
        right: 10px;
        width: 44px;
        height: 44px;
        z-index: 5002;
        background: transparent url(sprite-modal.svg) 10px 10px no-repeat;
        text-indent: -1000em;
    }
    .nyroModalCloseButton:hover,
    .nyroModalCloseButton:focus {
        background-position: 10px -25px;
    }
    .nyroModalCloseButton:active {
        background-position: 10px -60px;
    }
    .nyroModalTitle {
        top: -26px;
        left: 0;
        margin: 0;
        font-size: 1.1em;
        color: #ddd;
        z-index: 5001;
    }
    .nyroModalCont {
        position: absolute;
        min-width: 100px;
        max-width: 960px;
        max-height: 90%;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 40px #ccc;
        -webkit-box-shadow: 0 0 40px #ccc;
        box-shadow: 0 0 40px #ccc;
        z-index: 5001;

    }
    .nyroModalCont iframe {
        width: 620px;
        height: 400px;
    }
    .nyroModalError {
        border: 4px solid red;
        color: red;
        width: 250px;
        height: 250px;
    }
    .nyroModalError div {
        min-width: 0;
        min-height: 0;
        padding: 10px;
    }
    .nyroModalImage, .nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
        position: relative;
        min-height: 50px;
        min-width: 200px;
        max-width: 960px;
    }
    .nyroModalDom {
        overflow: hidden;
    }
    .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
        position: relative;
        overflow: hidden;
    }
    .nyroModalGallery {
        overflow: visible !important;
    }
    .nyroModalGallery .nyroModalClose,
    .nyroModalEmbedly .nyroModalClose,
    .nyroModalIframe .nyroModalClose,
    .nyroModalImg .nyroModalClose {
        right: -54px !important;
        top: -10px;
    }
    .nyroModalGallery .nyroModalImage img {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        width: auto;
        max-height: 960px;
        overflow: hidden !important;
    }
    .nyroModalImage {
        position: relative;
    }
    .nyroModalImage img {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
    }
    .nyroModalHidden {
        left: -9999em;
        top: -9999em;
    }
    .nyroModalLoad {
        position: absolute;
        width: 100px;
        height: 100px;
        background: #fff url(animated-loader.svg) no-repeat center;
        background-size: 48px 48px;
        padding: 0;
        opacity: 0.5;
    }
    .nyroModalPrevLink,
    .nyroModalNextLink {
        outline: none;
        position: relative;
        top: 0;
        height: 60%;
        width: 150px;
        min-height: 50px;
        max-height: 300px;
        cursor: pointer;
        text-indent: -9999em;
    }
    .nyroModalImage .nyroModalPrevLink,
    .nyroModalImage .nyroModalNextLink {
        position: absolute;
        height: 100%;
        width: 40%;
        max-height: none;
    }
    .nyroModalPrevLink {
        left: 0;
    }
    .nyroModalNextLink {
        right: 0;
    }

    .nyroModalPrev,
    .nyroModalNext {
        position: relative;
        display: block;
        height: 100%;
    }
    .nyroModalPrev strong,
    .nyroModalNext strong {
        position: relative;
        top: 50%;
        display: block;
        width: 44px;
        height: 44px;
        margin-top: -22px;
    }

    .nyroModalPrevLink strong {
        left: -54px;
        background: url(sprite-modal.svg) -25px 10px no-repeat;
    }
    .nyroModalPrevLink:hover strong,
    .nyroModalPrevLink:focus strong{
        background-position: -25px -25px;
    }
    .nyroModalPrevLink:active strong {
        background-position: -25px -60px;
    }

    .nyroModalNextLink strong {
        float: right;
        right: -54px;
        background: url(sprite-modal.svg) -60px 10px no-repeat;
    }
    .nyroModalNextLink:hover strong,
    .nyroModalNextLink:focus strong {
        background-position: -60px -25px;
    }
    .nyroModalNextLink:active strong {
        background-position: -60px -60px;
    }

    .nyroModalCont .header {
        padding: 15px 20px 14px;
    }
    .nyroModalDom .header {
        padding-right: 60px;
    }
    .nyroModalDom .header + img {
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        overflow: hidden;

    }
    .nyroModalCont .header h1,
    .nyroModalCont .header h2,
    .nyroModalCont .header h3 {
        margin: 2px 0 0;
        padding: 0;
        border: none;
        font-size: 20px;
        line-height: 28px;
        font-weight: normal;
    }
    .nyroModalCont .header h1 strong,
    .nyroModalCont .header h2 strong,
    .nyroModalCont .header h3 strong {
        font-weight: 600;
    }
    .nyroModalCont .header p {
        margin: 0;
        line-height: 16px;
    }

    .nyroModalCont .inner {
        padding: 20px;
        border-top: 1px solid #e8e8e8;

        overflow: auto;
        overflow-x:hidden;
    }

    .nyroModalCont .message .inner {
        padding: 0;
    }

    .nyroModalCont .inner UL.tools {
        margin: 10px 0;
    }
    .nyroModalCont table {
        margin-top: 0;
    }
    .nyroModalCont .footer {
        padding: 20px;
        border-top: 1px solid #e8e8e8;
    }
    .nyroModalCont .footer .buttons {
        text-align: center;
    }

    /* =printable
    -------------------------------------------------- */
    .printable {
        background: white none;
    }
    .printable,
    .printable input,
    .printable select,
    .printable textarea,
    .printable th,
    .printable td {
        font-size: 8pt;
    }

    span.intable {
        display:inline-block;
        padding-top: 3px;
    }
    .printable .wrap {
        line-height: 11pt;
        font-size: 8pt;
    }
    .printable h1 {
        float: left;
        font-size: 26pt;
    }
    .printable h2 {
        clear: both;
        font-size: 14.5pt;
    }
    .printable .accounts {
        float: right;
        margin-top: 8pt;
        text-align: right;
        color: #999;
    }
    .printable table {
        width: 100%;
        border: 1pt solid black;
        border-width: 1px 0;
    }
    .printable thead {
        border-bottom: 1pt solid black;
        font-weight: 600;
        text-transform: uppercase;
    }
    .printable tfoot {
        border-top: 1pt solid black;
    }
    .printable table th,
    .printable table td {
        padding: 2.25pt 3.75pt;
    }

    .printable .sum {
        float: right;
        width: auto;
        border: 0 none;
    }
    .printable .sum th,
    .printable .sum td {
        padding: 2.25pt 3.75pt;
        text-align: right;
    }
    .printable .total th,
    .printable .total td {
        font-weight: 600;
    }
    .printable .total td {
        color: white;
        background: black;
    }
    .printable .footer {
        height: 96pt;
        padding: 0 11pt;
        background: transparent url(pdf-footer.png) 50% 100% no-repeat;
        color: #999;
        text-transform: uppercase;
    }
    .printable .footer a {
        color: #999;
        text-decoration: none;
    }
    .printable .footer SPAN {
        padding-right: 11pt;
    }

    .padselect {
        margin: 20px 0 30px;
        padding: 0;
        list-style: none;
    }
    .padselect li {
        float: left;
        margin: 0 0 1em 17px;
        padding: 0;
        background: none repeat scroll 0 0 transparent;
    }
    .padselect li:first-child {
        margin-left: 0;
    }
    .padselect label {
        position: relative;
        display: block;
        width: 140px;
        min-height: 130px;
        padding: 9px;
        background-color: #fff;
        border: 1px solid #d7d7d7;
        border-top: 1px solid #bababa;
        border-bottom: 1px solid #eaeaea;
        cursor: pointer;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        font-size: 11px;
    }

    .padselect.two-choices label {
        width: 320px;
    }

    .padselect label:hover,
    .padselect label:focus {
        background: #ededed;
        background: linear-gradient(top, #fff 0%, #ededed 50%);
        background: -o-linear-gradient(top, #fff 0%, #ededed 50%);
        background: -moz-linear-gradient(top, #fff 0%, #ededed 50%);
        background: -webkit-linear-gradient(top, #fff 0%, #ededed 50%);
        background: -ms-linear-gradient(top, #fff 0%, #ededed 50%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #ededed));
    }
    .padselect label.active,
    .padselect label.active:hover {
        color: #fff;
        border-color: #8d8d8d;
        background: #959595;
        -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.5);
        box-shadow: inset 0 2px 5px rgba(0,0,0,0.5);
    }
    .padselect .trigger {
        left: -9999px;
        position: absolute;
    }
    .padselect .title {
        margin: 0;
        font-weight: 600;
        font-size: 16px;
    }

    /* plain list */
    .plain {
        list-style: none;
    }
    .plain li {
        background: none;
        padding-bottom: 7px;
    }

    td .plain {
        margin: 0;
    }
    td .plain li {
        padding-left: 0;
    }

    /* rarr */
    .rarr {
        display: inline-block;
        width: 5px;
        min-height: 9px;
        margin: 0 10px;
        text-indent: -1000em;
        background: transparent url(rarr.svg) 0 50% no-repeat;
    }

    .hidden {
        display: none !important;
    }

    .invisible {
        visibility: hidden !important;
    }

    .footnote {
        position: relative;
        padding-top: 15px;
        border-top: 1px solid #e8e8e8;
        color: #999;
    }
    * + html .footnote {
        font-style: normal;
    }
    .footnote.alt {
        clear: both;
        padding-top: 5px;
        border-top: 1px solid #e8e8e8;
        font-style: normal;
    }
    .footnote.simple {
        border: none;
        clear: both;
        padding-top: 0;
        margin: 0;
    }

        .footnote small {
            font-size: 11px;
        }

    .helvetica-neue-thin {
        font-family: HelveticaPro-Th;
    }
    .ico-predef {
        display: inline-block;
        height: 0;
        width: 16px;
        padding-top: 16px;
        background: transparent url(ico-predefined.svg) 0 0 no-repeat;
        overflow: hidden;
    }
    .domestic {
        background-position: 0 0;
    }
    .foreign {
        background-position: 0 -20px;
    }

    .no_top_bord {
        border-top: 0px !important;
    }

    .eqHeight {
        position: relative;
    }
    .eqFoot {
        bottom: 0;
    }

    #graph01 {
        width: 140px;
        height: 140px;
    }
    #graph02 {
        height: 200px;
    }
    #graph03 {
        height: 200px;
    }

    UL.plain {
        margin-left: 0;
    }
    UL.plain li {
        padding-left: 0;
        background: none;
    }

    TABLE.screen-user TH {
        font-weight: 600;
        text-align: right;
        width: 1%;
        white-space: nowrap;
    }

    TABLE.screen-user TD {
        padding-left: 5px;
        text-align: left;
    }

    TABLE.profile TD {
        padding: 5px;
    }
    TABLE.profile TH {
        font-weight: normal;
        vertical-align: middle;
        padding: 5px;
    }
    TABLE.profile TH.p300 {
        width: 300px;
    }
    TABLE.profile TH.p70 {
        width: 70px;
        border: 1px solid #eeeeee;
        text-align: center;
        padding: 5px;
    }
    TABLE.profile TH.p10 {
        width: 10px;
    }
    TABLE.profile TD.p_row {
        border: 1px solid #eeeeee;
        padding: 5px;
    }
    TABLE.profile TD.p_radio {
        border: 1px solid #eeeeee;
        text-align: center;
    }
    DIV.profile-text ul li {
        background: none;
    }
    SPAN.profile-question {
        display: block;
        font-weight: 600;
        border-bottom: 1px solid #E8E8E8;
        padding: 5px 0;
        line-height: 20px !important;
    }
    P.profile-answer {
        display: block;
        width: 100%;
        padding: 0 0 5px 10px;
    }
    DIV.profile {
        padding-top: 10px;
        width: 100%;
    }
    .graph-container {
        height: 100px;
    }

    .graph-loader {
        height: 100px;
        background: #fff url(animated-loader.svg) no-repeat center;
        background-size: 48px 48px;
    }

    .content-loader {
        height: 100px;
        background: #fff url(animated-loader-alt.svg) no-repeat center;
        background-size: 24px 24px;
    }

    .content-loader.small {
        display: inline-block;
        height: 12px;
        width: 12px;
        background-size: 12px 12px;
    }

    .content-loader.after-text {
        height: 24px;
        margin-left: -240px;
        margin-top: 10px;
    }

    .content-loader-alt {
        height: 100px;
        background: #fff url(animated-loader-alt.svg) no-repeat center;
        background-size: 24px 24px;
    }

    .highcharts-tooltip .hc-tooltip {
        padding: 2px 10px;
    }
    .highcharts-tooltip .hc-tooltip b {
        padding-left: 10px;
    }
    .highcharts-legend path {
        display: block;
        height: 13px;
        width: 13px;
        border-radius: 13px;
    }

    TABLE.bulk TH.action {
        width: 20px !important;
    }

    TABLE.predef TD.action {
        width: 40px !important;
    }
    .invoice-preview {
        overflow: hidden;
        width: 720px;
        margin: 20px -10px 20px -10px;
    }

        .invoice-preview li {
            width: 224px;
            list-style: none;
            float: left;
            margin: 0 8px;
        }

            .invoice-preview li > div {
                padding: 12px 12px 16px 12px;
                margin: 4px 0 14px 0;
                background: #f3f2f1;
            }

            .invoice-preview li h2 {
                margin-top: 0;
                line-height: 20px;
                padding-bottom: 10px;
            }

                .invoice-preview li h2 a {
                    color: #000;
                }

            .invoice-preview li dl {
                overflow: hidden;
                position: relative;
                margin: 0 -10px;
                padding: 0 10px 0 0;
            }

                .invoice-preview li dt {
                    float: left;
                    clear: right;
                    font-size: 11px;
                    padding: 0 0 0 10px;
                }

                .invoice-preview li dd {
                    display: block;
                    text-align: right;
                    font-size: 11px;
                    margin-right: -10px;
                    padding: 0 10px 0 0;
                }

                .invoice-preview li a {
                    color: #000;
                }

                .invoice-preview li dd.problem {
                    background: url(bg-invoice-listing-problem.png) no-repeat center center;
                }

                .invoice-preview li .price {
                    font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
                    vertical-align: bottom;
                    font-size: 16px;
                    border-top: 1px dotted #dddcd8;
                    padding: 10px 0 0 0;
                    margin: 10px 0 0 0;
                }

                .ru .invoice-preview li .price {
                    font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
                    font-size: 16px;
                    font-style: oblique;
                }

                .invoice-preview li .price.payed {
                    color: #00B155;
                }

                .invoice-preview li dt.price {
                    width: 75px;
                    float: left;
                    font-weight: normal;
                    margin: 10px 0 0 10px;
                }

                .invoice-preview li dd.price {
                    width: 125px;
                    float: right;
                    margin: 10px 0 0 0;
                    font-weight: 600;
                }

            .invoice-preview li .actions {
                clear: both;
                overflow: hidden;
                margin-top: 10px;
            }

                .invoice-preview li .actions .pay {
                    float: right;
                }

    .invoice-slide {
        width: 560px;
        margin: -1px auto 0 auto;
        position: relative;
        overflow: hidden;
        height: 30px;
    }

        .invoice-slide .slot {
            width: 560px;
            height: 6px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            padding: 0;
            margin: 0;
        }

        .invoice-slide .slip {
            width: 460px;
            position: absolute;
            bottom: 0;
            left: 8px;
            z-index: 1;
            padding: 30px 42px;
        }

            .invoice-slide .slip h2 {
                margin: 0;
            }

            .invoice-slide .slip .deadline {
                display: block;
                font-size: 16px;
            }

            .invoice-slide .slip .deadline.overdue {
                background: url(bg-invoice-problem.png) no-repeat -10px center;
                margin-left: -10px;
                padding-left: 10px;
            }

            .invoice-slide .slip dl {
                border-top: 1px dotted #dddcd8;
                overflow: hidden;
                padding-top: 20px;
                line-height: 25px;
            }

                .invoice-slide .slip dl dt {
                    float: left;
                    text-align: right;
                    width: 180px;
                    padding-right: 20px;
                    clear: both;
                    padding-bottom: 5px;
                    position: relative;
                    z-index: 2;
                }

                .invoice-slide .slip dl dd {
                    float: right;
                    width: 260px;
                    padding-bottom: 5px;
                    position: relative;
                    z-index: 1;
                }

                .invoice-slide .slip dl dd.problem {
                    background: url(bg-invoice-listing-problem.png) no-repeat left center;
                    margin-left: -120px;
                    padding-left: 120px;
                }

                .invoice-slide .slip dl .price {
                    border-top: 1px dotted #dddcd8;
                    padding-top: 20px;
                    margin-top: 10px;
                }

                .invoice-slide .slip dl dd.price {
                    font-size: 24px;
                    font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
                    line-height: 28px;
                }

                .ru .invoice-slide .slip dl dd.price {
                    font-size: 24px;
                    font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
                    font-style: oblique;
                    font-weight: 600;
                }

                .invoice-slide .slip dl .price.payed {
                    color: #00B155;
                }

                .invoice-slide .slip dl .payment-meta {
                    font-size: 11px;
                    color: #909090;
                    display: block;
                    font-family: 'Neue Helvetica W06', 'Helvetica Neue', 'HelveticaNeue', Arial, Helvetica, sans-serif;
                }

    .invoice-slide + .action {
        width: 544px;
        margin-left: auto;
        margin-right: auto;
        border-top: none;
        margin-top: 10px;
    }

    .tooltipy {
        position: absolute;
        top: -10000px;
        left: -10000px;
        visibility: hidden;
    }

        .tooltipy .body {
            background: #fff;
            font-size: 11px;
            font-weight: normal;
            max-width: 300px;
            padding: 10px;
            border: 1px solid #dfdfdf;
            border: 1px solid rgba(255, 255, 255, 0);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.40);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            z-index: 50;
            line-height: 16px;
        }

        .tooltipy canvas {
            width: 18px;
            height: 10px;
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -9px;
            z-index: 100;
        }

    .button-menu {
        position: absolute;
        top: -10000px;
        left: -10000px;
        visibility: hidden;
        z-index: 10000;
    }

        .button-menu .body {
            background: #fff;
            font-size: 11px;
            font-weight: normal;
            padding: 5px 10px;
            border: 1px solid #dfdfdf;
            border: 1px solid rgba(255, 255, 255, 0);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.40);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            z-index: 50;
            line-height: 16px;
            overflow: hidden;
            white-space: nowrap;
        }

        .button-menu.dark .body {
            background: #3B3B47;
        }

            .button-menu .body ul {
                overflow: hidden;
                margin: 0;
                padding: 0;
            }

                .button-menu .body ul li {
                    float: none;
                    display: block;
                    margin: 0;
                    padding: 0;
                    background: none;
                }

                .button-menu .body ul li.separated {
                    margin-top: 10px;
                }

                    .button-menu .body ul li a {
                        font-weight: 600;
                        color: #111;
                        text-decoration: none;
                        display: block;
                        float: none;
                        padding: 3px 0;
                    }

                    .button-menu.dark .body ul li a {
                        color: #f4f4f4;
                        font-size: 13px;
                        font-weight: 400;
                    }

                    .button-menu .body ul + ul {
                        border-top: 1px solid #e8e8e8;
                        margin-top: 5px;
                        padding-top: 5px;
                    }

                    .button-menu .body ul li a:hover {
                        color: #6f6f6f;
                    }

                    .button-menu.dark .body ul li a:hover {
                        color: rgba(255,255,255,0.7);
                    }

                    .button-menu .body ul.radio-list li a {
                        padding-left: 20px;
                    }

                    .button-menu .body ul.radio-list li a.selected {
                        background: url(sprite-button-menu.svg) no-repeat 3px 8px;
                        cursor: default;
                    }

                    .button-menu .body ul.radio-list li a.selected:hover {
                        color: #111;
                    }

                    .button-menu .body ul.radio-list li a.checked {
                        background: url(sprite-button-menu.svg) no-repeat 3px -192px;
                    }

                    .button-menu .body ul.radio-list li a.checked:hover {
                        background: url(sprite-button-menu.svg) no-repeat 3px -92px;
                    }

        .button-menu canvas {
            width: 18px;
            height: 10px;
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -9px;
            z-index: 100;
        }

    .context-tools-link {
        cursor: pointer;
        padding-right: 16px;
    }

        .context-tools-link .action-indicator {
            display: inline-block;
            vertical-align: middle;
            height: 16px;
            background: url(hover-indicator.svg) no-repeat center right;
            width: 0;
            margin: 0;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            position: absolute;
        }

        .context-tools-link.inline {
            padding-right: 16px;
            font-weight: 600;
            color: #111;
        }

        .context-tools-link.inline:hover {
            color: #6f6f6f;
            text-decoration: none;
        }

        .context-tools-link.inline .action-indicator {
            margin-top: 2px;
        }

        td:hover .action-indicator {
            width: 16px;
        }

    .context-tools {
        position: absolute;
        top: -10000px;
        left: -10000px;
        visibility: hidden;
    }

        .context-tools .body {
            background: #fff;
            font-size: 11px;
            font-weight: normal;
            padding: 15px;
            border: 1px solid #dfdfdf;
            border: 1px solid rgba(255, 255, 255, 0);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.40);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            z-index: 50;
            line-height: 16px;
            overflow: hidden;
            white-space: normal;
            width: 200px;
        }

        .context-tools .body .button {
            margin-top: 10px;
        }

        .context-tools h2 {
            margin-top: 0;
            padding-right: 30px;
        }

        .context-tools button.close {
            width: 16px;
            height: 16px;
            position: absolute;
            top: 15px;
            right: 15px;
            background: url(sprite-bg-icons.svg) no-repeat -2px -242px;
        }

        .context-tools button.close:hover {
            background-position: -2px -262px;
        }

        .context-tools button.close:active {
            background-position: -2px -282px;
        }

        .context-tools canvas {
            width: 18px;
            height: 10px;
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -9px;
            z-index: 100;
        }

        .context-tools.bottom-arrow canvas{
            top: auto;
            bottom: -10px;
            transform: rotate(180deg);
        }

        .context-tools .list-link {
            display: block;
            color: #222;
            font-weight: 600;
            text-decoration: none;
            padding: 3px 0;
        }

        .context-tools .list-link:hover {
            color: #6f6f6f;
        }

    .select-account {
        color: #222;
    }

        .select-account .action-indicator {
            margin-top: 4px;
        }

    .sample-montly-payment,
    .sample-maximum-monthly-payment,
    .sample-maximum-financed-amount {
        font-weight: 600;
        font-size: 22px;
    }


    .calculator-tab-links {
        font-size: 16px;
        margin: 40px 0 20px 0;
        text-align: center;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 10px;
    }

        .calculator-tab-links a {
            display: inline-block;
            color: #1f1f1f;
            padding: 0 10px;
        }

        .calculator-tab-links a.active {
            color: #b2b2b2;
        }

        .calculator-tab-links a.active:hover {
            text-decoration: none;
            cursor: default;
        }


    a.expander {
        font-weight: 600;
        padding-right: 15px;
        display: inline-block;
    }

    .font-large a.expander {
        font-weight: normal;
    }

    a.expander.open {
        background: no-repeat 100% 8px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAP0lEQVQIW2Nwm//0AhD/x4MvMAAJATwKQeICDCAAVfgBTQGIL/D//38GOAAKGCApBNEGIHEURUgKH8AUwBQBAF1kXNLLnMncAAAAAElFTkSuQmCC);
    }

    a.expander.close {
        background: no-repeat 100% 8px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAP0lEQVQIW2NgQAJu858aAPEDEA0T+///P4aCD0D8H0oboCgCCghATfiPhEF8AbAiqIILaApgGCQuwIBHAVwhAGE5XLJvv9dCAAAAAElFTkSuQmCC);
    }

    a.expander.hidden {
        display: none !important;
    }

    .expand-child {
        display: none;
    }

        .expand-child.separator {
            margin-top: -20px;
            clear: both;
        }

    .timeline {
        background: url(timeline-stripe.png) repeat-y top center;
        overflow: hidden;
        clear: both;
    }

        .timeline .titles {
            overflow: hidden;
            background: url(timeline-top-gradient.png) repeat-x top center;
            min-height: 70px;
        }

            .timeline .titles h3 {
                font-size: 16px;
                margin-top: 10px;
            }

            .timeline .titles .account {
                color: #909090;
                margin-top: 5px;
            }

            .timeline .titles .debit,
            .timeline .titles .credit {
                width: 330px;
            }

            .timeline .titles .debit {
                float: left;
                text-align: right;
            }

            .timeline .titles .credit {
                float: right;
                text-align: left;
            }

        .timeline .events {
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

            .timeline .events .payer,
            .timeline .events .date,
            .timeline .events .amount {
                min-height: 1px;
            }

            .timeline .events .debit,
            .timeline .events .credit {
                width: 340px;
                overflow: hidden;
                height: 16px;
                padding-top: 7px;
                padding-bottom: 7px;
            }

            .timeline .events .debit {
                float: left;
                padding-right: 17px;
            }

            .timeline .events .credit {
                float: right;
                padding-left: 17px;
            }

                .timeline .events .debit .payer,
                .timeline .events .debit .date,
                .timeline .events .debit .amount {
                    float: left;
                    text-align: right;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .timeline .events .credit .payer,
                .timeline .events .credit .date,
                .timeline .events .credit .amount {
                    float: right;
                    text-align: left;
                }

            .timeline .events .payer {
                width: 190px;
                font-weight: 600;
                color: #111;
            }

            .timeline .events .date {
                width: 50px;
                color: #909090;
            }

            .timeline .events .amount {
                width: 80px;
                color: #111;
            }

            .timeline .events .debit .amount {
                padding-left: 10px;
            }

            .timeline .events .credit .amount {
                padding-right: 10px;
                text-align: right;
            }

            .timeline .events li {
                list-style: none;
                background: url(sprite-timeline-events.svg) no-repeat -1000px -1000px;
            }

            .timeline .events .debit.inbound {
                background-position: right -91px;
            }

            .timeline .events .debit.outbound {
                background-position: right 9px;
            }

            .timeline .events .credit.inbound {
                background-position: 0 -91px;
            }

            .timeline .events .credit.outbound {
                background-position: 0 9px;
            }

            .timeline .events .debit.onhold {
                background-position: right -191px;
            }

            .timeline .events .credit.onhold {
                background-position: 0 -191px;
            }

            .timeline .events .transfer {
                width: 363px;
                padding-top: 5px;
                padding-bottom: 9px;
            }

            .timeline .events .debit.transfer {
                background: url(timeline-transfer-to-credit.svg) no-repeat left center;
            }

            .timeline .events .credit.transfer {
                background: url(timeline-transfer-to-debit.svg) no-repeat right center;
            }

            .timeline .events .transfer + .transfer {
                margin-top: 5px;
            }

        .timeline .break {
            text-align: center;
            font-size: 20px;
            font-weight: normal;
            height: 20px;
            padding: 35px 0;
            margin: 0;
            background: url(timeline-break-gradient.png) repeat-x center center;
        }

        .timeline .totals {
            overflow: hidden;
            padding-top: 20px;
        }

            .timeline .totals > div {
                overflow: hidden;
            }


            .timeline .totals .debit,
            .timeline .totals .credit {
                width: 330px;
            }

            .timeline .totals .debit {
                float: left;
                text-align: right;
            }

            .timeline .totals .credit {
                float: right;
                text-align: left;
            }

            .timeline .totals dt {
                font-weight: normal;
                clear: left;
            }

            .timeline .totals dd {
                text-align: right;
            }

            .timeline .totals .debit dd {
                float: right;
            }

            .timeline .totals .credit dd {
                float: left;
            }

            .timeline .totals dl {
                overflow: hidden;
                margin-top: 0;
                padding-top: 1em;
            }

            .timeline .totals .onhold {
                background: #fff url(sprite-timeline-events.svg) no-repeat center -175px;
            }

            .timeline .totals .outbound {
                background: #fff url(sprite-timeline-events.svg) no-repeat center 25px;
            }

            .timeline .totals .inbound {
                background: #fff url(sprite-timeline-events.svg) no-repeat center -75px;
            }

            .timeline .totals .free {
                background: transparent url(sprite-timeline-events.svg) no-repeat center -275px;
            }

                .timeline .totals .free dd {
                    font-weight: 600;
                }

                .timeline .totals .outbound dd {
                    color: #d80000;
                }

                .timeline .totals .inbound dd {
                    color: #32a500;
                }



    .titles .iban {
        display: none;
    }

    .titles .bban {
        display: block;
    }

    .titles:hover .iban {
        display: block;
    }

    .titles:hover .bban {
        display: none;
    }

    .credit-indicator {
        background: #b2b2b2;
        float: right;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        line-height: 15px;
        height: 15px;
        padding: 0 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    .field-row {
        clear: both;
        padding-left: 240px;
        line-height: 21px;
        min-height: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
        overflow: hidden;
        width: auto;
    }

    .field-row.spanning {
        padding-left: 0;
    }

    .field-row.total {
        font-weight: 600;
    }

    .field-row .free {
        color: #909090;
        white-space: nowrap;
        cursor: default;
        display: block;
    }

    .field-row .free .amount {
        display: none;
    }

    .field-row .free:hover .amount {
        display: inherit;
    }

    .field-row .free:hover .toggler {
        display: none;
    }

        .field-row .notice {
            display: block;
            clear: both;
            font-size: 11px;
            line-height: 16px;
            margin-top: 5px;
        }

        .field-row label {
            display: block;
            float: left;
            margin-left: -240px;
            width: 220px;
            text-align: right;
            padding-top: 4px;
            line-height: 21px;
        }

        .field-row label.wide {
            width: auto;
        }


        .font-small .field-row label {
            padding-top: 0;
            line-height: 20px;
        }

        .field-row label.has-input {
            padding-top: 0;
        }

        .field-row.spanning label {
            width: auto;
            float: none;
            margin-left: 0;
            text-align: left;
            display: inline;
        }

        .field-row.spanning .field-pair label{
            display: block;
        }

        .field-row .label {
            display: block;
            float: left;
            margin-left: -240px;
            width: 220px;
            text-align: right;
            line-height: 21px;
            padding-top: 4px;
        }

        .font-small .field-row .label {
            line-height: 20px;
        }

        .field-row .label.req {
            color: #222;
            font-weight: 600;
        }

        .field-row .value {
            float: left;
            max-width: 340px;
            padding-top: 4px;
        }

        .field-row .group {
            float: left;
        }

        .field-row .group label {
            width: auto;
            float: none;
            margin-left: 0;
            text-align: left;
        }

        .field-row a.tooltip {
            margin-left: 10px;
            margin-top: 4px;
        }

        .field-row.spanning a.tooltip {
            margin-top: 0;
        }

        .field-row .group .notice {
            margin-top: 0px;
        }

        .field-row .group .notice:not(:last-child) {
            margin-bottom: 5px;
        }

    .field-row + .field-row.separated {
        margin-top: 30px;
    }

    .field-row .row-actions {
        padding-top: 5px;
        display: inline-block;
        padding-left: 5px;
    }

        .field-row .row-actions a {
            float: left;
            margin-right: 5px;
            margin-top: 0px;
        }

        .field-row .row-actions a:last-child {
            margin-right: 0;
        }

    .field-set-title {
        border-bottom: 1px solid #e8e8e8;
        overflow: hidden;
        padding: 0 0 5px 0;
        margin: 0 0 10px 0;
        clear: both;
    }

    .field-set-title h2 {
        float: left;
    }

    .field-set-title .action {
        float: right;
    }

    .field-row .ico-tooltip {
        position: relative;
    }

    .tabular-field-row {
        clear: both;
    }

        .tabular-field-row .field-pair {
            float: left;
            margin: 0 10px 5px 0;
        }

        .tabular-field-row .row-actions {
            padding-top: 35px;
        }

            .tabular-field-row .field-pair label {
                margin-bottom: 5px;
            }

        .tabular-field-row + .tabular-field-row label {
            display: none !important;
        }

        .tabular-field-row + .tabular-field-row .row-actions {
            padding-top: 5px;
        }

        .tabular-field-row .field-pair input[type=checkbox],
        .tabular-field-row .field-pair input[type=radio] {
            margin-top: 8px;
        }

    .submit-row {
        clear: both;
        padding-left: 240px;
        margin-top: 30px;
        border-top: 1px solid #e8e8e8;
        padding-top: 12px;
    }

    .submit-row.business-electronic {
        padding-left: 140px;
    }

    .submit-row.simple {
        margin-top: 10px;
        border-top: none;
        padding-top: 0px;
    }

    .row-details .submit-row {
        padding-bottom: 10px;
    }

    .action .submit-row {
        padding-top: 0;
        border-top: none;
        padding-left: 0;
        margin-top: 10px;
    }

    .submit-row .back {
        display: block;
        float: left;
        margin-left: -240px;
        width: 220px;
        line-height: 30px;
    }

    .submit-row #buttonLoadAnimate{
        margin-left: -240px;
    }

    .submit-row .button,
    .submit-row .button.disabled,
    .submit-row .button:hover,
    .submit-row .button:active,
    .submit-row .button.disabled:hover,
    .submit-row .button.disabled:active {
        vertical-align: middle;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
    }

    .submit-row .submit .button,
    .submit-row .submit .button:hover {
        margin-left: 0;
        margin-right: 10px;
    }

    .submit-row .submit .button:first-child{
        margin-left: 0px;
    }

    .payment-search-layer {
        position: absolute;
        display: none;
        top: 0;
        right: 0;
        left: 0;
        max-width: 400px;
        z-index: 1000;
    }

        .payment-search-layer .body {
            display: block;
            background: #fff;
            padding: 2px;
            border: 1px solid #dfdfdf;
            border: 1px solid rgba(255, 255, 255, 0);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.40);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            line-height: 21px;
            position: relative;
            overflow: auto;
        }

        .payment-search-layer a {
            display: block;
            padding: 5px;
            color: #111;
            font-size: 13px;
            text-decoration: none;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            cursor: pointer;
        }

        .payment-search-layer a small {
            color: #909090;
        }

        .payment-search-layer a:hover,
        .payment-search-layer a.selected {
            text-decoration: none;
            background: #6f6f6f;
            color: #fff;
        }

        .payment-search-layer .close {
            width: 16px;
            height: 16px;
            position: absolute;
            top: 5px;
            right: -25px;
            background: url(sprite-ib-filter-buttons.svg) no-repeat -16px 0;
            background-color: rgba(255, 255, 255, 1.0);
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            -moz-box-shadow: 0 0 4px 5px #fff;
            -webkit-box-shadow: 0 0 4px 5px #fff;
            box-shadow: 0 0 4px 5px #fff;
        }

        .payment-search-layer .close:hover {
            background-position: -16px -16px;
        }

        .payment-search-layer .close:active {
            background-position: -16px -32px;
        }

        .mobile-show {
            display: none !important;
        }

        .mobile-hide {
            display: block !important;
        }

    .payment-by {
        vertical-align: middle;
    }

    /*  Flex select */

    .flexselect_dropdown {
        display: none;
        position: absolute;
        z-index: 999999;
        margin: 0;
        padding: 0;
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: left;
        box-shadow: 0 6px 12px #ccc;
        -webkit-box-shadow: 0 6px 12px #ccc;
        background: #fff;
        box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        line-height: 21px;
    }

    .flexselect_dropdown ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .flexselect_dropdown li {
        margin: 0px;
        padding: 0px 5px;
        cursor: pointer;
        display: block;
        width: 100%;
        overflow: hidden;
        background: none;
    }

    .flexselect_dropdown .flexselect_selected {
        background: #6f6f6f;
        color: #fff;
    }

    .step-bullets {
        margin: 0;
        padding: 0;
    }

        .step-bullets > li {
            background: url(sprite-step-bullets.svg) no-repeat -1000px -1000px;
            min-height: 60px;
            list-style: none;
            margin: 0;
            padding: 10px 0 10px 80px;
        }

        .step-bullets > li.one {
            background-position: -420px 0;
        }

        .step-bullets > li.two {
            background-position: -360px -60px;
        }

        .step-bullets > li.three {
            background-position: -300px -120px;
        }

        .step-bullets > li.four {
            background-position: -240px -180px;
        }

        .step-bullets > li.five {
            background-position: -180px -240px;
        }

        .step-bullets > li.success {
            background-position: -120px -300px;
        }

        .step-bullets > li.person {
            background-position: -60px -360px;
        }

        .step-bullets > li.company {
            background-position: 0 -420px;
        }

    hr.separator {
        border: none;
        background: #e8e8e8;
        height: 1px;
        display: block;
        margin: 0;
        padding: 0;
    }

    hr.separator.large {
        background: url(separator.png) no-repeat center center;
        height: 30px;
    }

    hr.separator.large.flipped {
        background: url(separator-flipped.png) no-repeat center center;
        height: 30px;
    }

    .illustration-sign-up {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 20px;
        position: relative;
        min-height: 330px;
    }

    .illustration-sign-up-alternative {
        min-height: 198px;
    }

    .illustration-sign-up-bank {
        height: 450px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(illustration-sign-up-gradient.png) no-repeat bottom right;
        background-size: 171px auto;
    }

    .illustration-sign-up-portal {
        height: 330px;
        position: absolute;
        bottom: 0;
        right: 45px;
        background: url(illustration-sign-up-gradient.png) no-repeat bottom right;
        background-size: 100% auto;
    }

    .illustration-sign-up-portal-2 {
        height: 198px;
        position: absolute;
        bottom: 0;
        right: 45px;
        background: url(illustration-sign-up-gradient.png) no-repeat bottom right;
        background-size: 100% auto;
    }

    a .nicearrow {
        font-family: "Neue Helvetica W06", "Minion Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, Arial, sans-serif;
        font-weight: normal;
    }

    .open-account {
        float: right;
        color: #999;
        font-weight: 600;
        border-left: 1px solid #dadbdb;
        padding: 2px 20px 2px 15px;
        height: 16px;
        margin: 15px 0 0 0;
    }

    .emphasized {
        background: #f1f1f1;
        background-image: linear-gradient(top, #fff 0%, #f2f2f2 50%);
        background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 50%);
        background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 50%);
        background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 50%);
        background-image: -ms-linear-gradient(top, #fff 0%, #f2f2f2 50%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f2f2f2));
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 20px !important;
        -moz-box-shadow: 0 1px 30px rgba(128, 128, 128, 0.65);
        -webkit-box-shadow: 0 1px 30px rgba(128, 128, 128, 0.65);
        box-shadow: 0 1px 3px rgba(128, 128, 128, 0.65);
        display: block;
        border: 1px solid #efefef;
        border: 0px solid rgba(255, 255, 255, 0);
    }

    .emphasized.flat {
        background: #f7f7f7;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    .emphasized.includes-form {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .includes-form .field-row {
        padding-left: 220px;
    }

    .includes-form .field-row .label {
        width: 200px;
        margin-left: -220px;
    }

    .partner-card-upgrade {
        margin-left: -20px;
    }

    p.action .button {
        vertical-align: middle;
        margin-right: 10px;
    }

    p.action .button.small {
        vertical-align: middle;
        margin-right: 0;
        margin-bottom: 4px;
    }

    .button.small + .button.small{
        margin-left: 5px !important;
    }

    p.action .button + .button,
    p.action .button:hover + .button,
    p.action .button + .button:hover {
        margin-left: 0;
    }

    .finance-container.title {
        padding-bottom: 10px;
    }

        .finance-container h1 {
            float: left;
        }

    .finance-free-limit {
        background: #32a700;
        border-radius: 2px;
        text-align: center;
        padding: 5px 10px;
        float: right;
        margin: 0;
    }

        .finance-free-limit .label,
        .finance-free-limit .amount,
        .finance-free-limit a {
            display: block;
            color: #fff;
            line-height: 21px;
        }

        .finance-free-limit .label {
            float: left;
            padding-right: 10px;
        }

        .finance-free-limit .amount {
            font-size: 20px;
            float: right;
            font-weight: 600;
        }

        .finance-free-limit a,
        .finance-free-limit a:hover {
            font-size: 11px;
            text-decoration: none;
            clear: both;
        }

        .finance-free-limit a:hover strong {
            text-decoration: underline;
        }

    .coflink-placeholder {
        vertical-align: middle;
        height: 20px;
        margin-top: -2px;
    }

    #map-canvas-account {
        width: 100%;
        height: 300px;
    }

    .excess-bar-negative {
        width: 50%;
        overflow: hidden;
        float: left;
    }

    .excess-bar-positive {
        width: 50%;
        overflow: hidden;
        float: right;
    }

    .excess-bar-bar {
        display: block;
        height: 15px;
    }

    .excess-bar-negative .excess-bar-bar {
        background: #f3cbb5;
        float: right;
    }

    .excess-bar-positive .excess-bar-bar {
        background: #cbe3de;
        float: left;
    }

    .excess-bar-negative .excess-bar-bar-rounded {
        background: #f3cbb5;
        float: right;
        border-radius: 4px;
    }

    .excess-bar-positive .excess-bar-bar-rounded {
        background: #cbe3de;
        float: left;
        border-radius: 4px;
    }

}

.midpage-separated-section {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 5px 0;
}

.midpage-separated-section a {
    font-weight: 600;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    hr.separator.large.flipped {
        background-size: 350px 15px;
    }
}

/* CL css for CF frame*/
lhv-card {
    padding: 0 !important;
}

lhv-table th {
    font-size: 10px !important;
    line-height: 1rem !important;
}

lhv-table thead th {
    padding-top: 9.25px !important;
    padding-bottom: 9.25px !important;
}

lhv-table th, lhv-table td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

lhv-table td  .lhv-icon-button--size-medium .lhv-icon {
    margin-bottom: 5px;
}

.lhv-read-only__value,
.lhv-read-only__content {
    font-size: 14px !important;
}

/* NEWFRAME */
.newframe {
    height: auto;
    background: transparent;
}

.newframe body {
    width: 100%;
    min-width: 100%;
    min-height: 0;
    overflow-x: hidden;
}

.newframe body .nyroModalCont {
    max-height: none;
}

.newframe #wrap {
    width: 100%;
}

.newframe #wrap #page {
    padding: 0;
}

.newframe #wrap #page #sidebar {
    width: 296px;
    background: #fff;
    border-radius: 4px;
    padding: 13px 17px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.newframe #wrap #page.docked {
    padding-top: 0;
    margin-top: 0;
    min-height: auto;
}

.newframe #wrap #page.docked #wrapper {
    padding: 0;
    min-height: auto;
}

.newframe #wrap #page #wrapper #content {
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 4px;
    padding: 0;
}

.newframe #wrap #page #wrapper #content .title-steps {
    border: none;
}

.newframe #wrap #page #wrapper #content .title-steps P.datepicker {
    margin-left: 0;
}

.newframe #wrap #page #wrapper #content .title-steps P.datepicker input {
    background-color: transparent !important;
}

.newframe #wrap #page #wrapper #content #submenu{
    display: none;
}

.newframe #wrap #page #wrapper #content .title-steps h1 {
    display: none;
}

.newframe body.in_admin #wrap #page #wrapper #content .title-steps h1 {
    display: inline-block;
}

.newframe #wrap #page #wrapper #content .submit-row + .title-steps h1 {
    display: inline-block;
}

.newframe #wrap #page #wrapper #content .title-steps P.steps {
    margin-left: 0;
}

.newframe #wrap #page #wrapper #content .empty-content-message {
    background: #ffffff;
    border-radius: 4px;
}

.newframe #wrap #page #wrapper #content .message {
    margin-bottom: 20px;
}

.newframe #wrap #page #wrapper #content .message .row {
    background-color: #E0EAF5;
}

.newframe #wrap #page #wrapper #content .message.message-birthday .row {
    background-color: transparent;
}

.newframe .table-responsive {
    overflow-x: auto;
}

.newframe .table-responsive TR.open SPAN.value,
.newframe .table-responsive TD.priority-3,
.newframe .table-responsive TD.priority-4 {
    word-break: break-word;
}

#wrap #page #wrapper #content ibank-insurance-policy-list-element .lhv-table__table>thead>tr>th:first-child, 
#wrap #page #wrapper #content ibank-insurance-policy-list-element .lhv-table__table>tbody>tr>td:first-child {
  padding-left: 10px;
}

#wrap #page #wrapper #content ibank-insurance-policy-list-element .lhv-table__table>thead>tr>th:last-child, 
#wrap #page #wrapper #content ibank-insurance-policy-list-element .lhv-table__table>tbody>tr>td:last-child {
  padding-right: 10px;
}

@media screen and (max-width: 1316px) {
    .newframe #wrap #page #wrapper #content {
        /* width: calc(100% - 320px); */
        width: 100%;
    }
}

@media screen and (max-width: 1256px) {
    .newframe #wrap {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .newframe #wrap #page #wrapper #content {
        width: 100%;
    }
}

/* Media screen/projection query end */

@media screen and (max-width: 768px) {

    .responsive * {
        -webkit-text-size-adjust: none;
    }

    .responsive .mobile-hide {
        display: none !important;
    }

    .responsive .mobile-show {
        display: block !important;
    }

    .responsive #meta .mobile-float-right {
        float: right;
    }

    body.responsive  {
        width: auto;
        min-width: 0;
        background: #fff;
    }

    .responsive ul {
        margin-left: 0;
    }

    .responsive ol {
        margin-left: 1em;
    }

    .responsive #wrap {
        width: auto;
    }

    .responsive #header {
        width: auto;
        min-width: 290px;
        height: 56px;
        padding: 0 10px;
        position: fixed;
        top: 0;
        width: 100%;
        background: white;
        z-index: 9999999;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
    }

    .responsive #user-layer {
        left: 0 !important;
    }

    .responsive UL.tools LI {
        margin-bottom: 5px;
    }

    .responsive #tbl_edit_limits td {
        white-space: nowrap;
        padding: 10px 5px;
    }

    .responsive #tbl_edit_limits td label.has-input {
        padding: 0;
    }

    .responsive #navContainer {
        min-width: initial;
        height: 40px;
        z-index: 999999;
        top: 56px;
    }

    .responsive #nav,
    .responsive #nav.login,
    .responsive #nav.docked {
        width: auto;
        margin: 0;
        height: 40px;
        background-position: 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .responsive #nav .tabs-small {
            background: none;
            padding-right: 5px;
            padding-top: 10px;
            background: none;
        }

            .responsive #nav .tabs-small li {
                float: left;
            }

        .responsive #nav p.field {
            padding-left: 0;
            padding-top: 5px;
        }

            .responsive #nav p.field .label {
                display: none;
            }

        .responsive #nav form {
            float: right;
        }

        .responsive #nav p.action {
            padding-left: 5px;
            padding-top: 5px;
            padding-right: 0px;
        }

            .responsive #nav p.action button {
                padding-left: 10px;
                padding-right: 10px;
            }

        .responsive #nav span.field {
            width: auto;
        }

        .responsive #nav span.field input {

        }

    .responsive #navlogin,
    .responsive #navlogin .tab-content {
        height: 40px;
        float: none;
    }

    .responsive .lang-menu-trigger {
        background: none !important;
        font-weight: 500;
        padding: 0 !important;
        -webkit-tap-highlight-color: transparent;
    }

    .responsive .lang-menu-trigger:active, .responsive .lang-menu-trigger:focus {
        outline: 0;
    }

    .responsive .lang-menu-trigger:after{
        content: url(arrow-16.svg);
        vertical-align: top;
        display: inline-block;
        padding-top: 2px;
        margin-left: 4px;
    }

    .responsive #lang-menu {
        top: 44px !important;
        z-index: 9999999;
        position: fixed;
    }

    .responsive #lang-menu .body {
        border-radius: 4px;
        padding: 10px 20px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    .responsive #lang-menu .body ul li a {
        color: #3b3b47;
        line-height: 32px;
        font-size: 12px;
        font-weight: 500;
        padding: 0;
        -webkit-tap-highlight-color: transparent;
    }

    .responsive #lang-menu.hide-ET .lang-ET,
    .responsive #lang-menu.hide-EN .lang-EN,
    .responsive #lang-menu.hide-RU .lang-RU {
        display: none;
    }

    .responsive #lang-menu canvas {
        display: none;
    }

    .responsive #home {
        display: none;
    }

    .responsive #logo {
        top: 19px;
        background-size: 60px auto;
        width: 60px;
        margin-left: 10px;
    }

    .responsive #tools {
        width: auto;
        top: 8px;
        left: 60px;
        right: 0;
    }

    .responsive #messages-slot {
        margin-right: 6px !important;
    }

    .responsive #support-link {
        display: none;
    }

    .responsive #tools .col1 {
        margin-top: -5px;
    }

    .responsive #tools .col2 {
        padding-top: 0;
        width: 100%;
    }

    .responsive #tools .link a {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .responsive #footer dl {
        float: none;
        display: block;
        clear: both;
    }

    .responsive #wrapper {
        padding-top: 0;
        min-height: 0;
    }

    .responsive #wrapper.sub {
        background: none;
    }

        .responsive #wrapper img {
            max-width: 100%;
        }

    .responsive #left {
        float: none;
        text-align: center;
        width: auto;
        padding: 5px 0;
    }

        .responsive #left li {
            display: inline-block;
        }

            .responsive #left li a,
            .responsive #left li strong {
                padding: 3px 5px;
            }

    .responsive #content,
    .responsive #content-wide {
        width: auto;
        float: none;
    }

    .responsive #content {
        padding: 5px 0 10px 0;
    }

    .responsive #footerContainer {
        min-width: initial;
    }

    .responsive #footer dd {
        float: none;
        margin: 0 5px;
        padding: 0;
        display: inline-block;
    }

    .responsive #footer .copyright {
        margin-top: 10px;
        float: none;
        clear: both;
    }

    .responsive #footer .disclaimer {
        width: auto;
    }

    .responsive #page {
        background: #fff;
        padding: 0 10px 10px 10px;
        padding-top: 66px;
    }

    .responsive #page.docked {
        margin-top: 0;
    }

    .responsive #page.docked #wrapper {
        padding-top: 66px;
    }

    .responsive #cnav {
        margin: 0 -10px;
        text-align: center;
        border-bottom: 1px solid #eaeaea;
    }
        .responsive #cnav li {
            float: none;
            width: auto;
            background: #fff;
            display: inline-block;
        }

        .responsive #cnav a {
            text-indent: -99999px;
        }

        .responsive #cnav li.cat1-active,
        .responsive #cnav li.cat2-active,
        .responsive #cnav li.cat3-active,
        .responsive #cnav li.cat4-active,
        .responsive #cnav li.cat5-active,
        .responsive #cnav li.cat6-active {
            background: #eaeaea;
            background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
            background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
            background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
            background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
            background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%);

        }

    .responsive #cmenu div.col {
        width: 50%;
        margin: 0;
    }

    .responsive .empty-content-message{
        padding: 0 10px;
    }

    .responsive #cmenu .col:nth-child(2n+1) {
        clear: left;
    }

    .responsive #cmenu h2 a {
        background: none;
        padding-top: 10px;
    }

    .responsive ul.tabs-small {
        padding-top: 0;
    }

        .responsive ul.tabs-small li {
            margin-top: 5px;
        }

    .responsive div.slot,
    .responsive div.slot2 {
        text-align: center;
    }

        .responsive div.slot div.col1,
        .responsive div.slot div.col2,
        .responsive div.slot2 div.col1,
        .responsive div.slot2 div.col2 {
            width: auto;
            margin-left: 0;
            margin-right: 0;
            float: none;
        }

        .responsive div.slot img,
        .responsive div.slot2 img {
            max-width: 280px;
            height: 100%;
            display: inline-block;
        }

    .responsive .grid1,
    .responsive .grid2,
    .responsive .grid3,
    .responsive .grid4,
    .responsive .grid5,
    .responsive .grid6,
    .responsive .grid7,
    .responsive .grid8,
    .responsive .grid9,
    .responsive .grid-3-3 {
        width: auto !important;
    }

    .responsive .grid-3-3 .col1,
    .responsive .grid-3-3 .col2 {
        float: none;
    }

    .responsive DIV.grid-5-4 DIV.col1,
    .responsive DIV.grid-5-4 DIV.col2,
    .responsive DIV.grid-5-4-wide DIV.col1,
    .responsive DIV.grid-5-4-wide DIV.col2,
    .responsive DIV.grid-4-5 DIV.col1,
    .responsive DIV.grid-4-5 DIV.col2,
    .responsive DIV.grid-4-5-wide DIV.col1,
    .responsive DIV.grid-4-5-wide DIV.col2,
    .responsive DIV.grid-3-6 DIV.col1,
    .responsive DIV.grid-3-6 DIV.col2,
    .responsive DIV.grid-6-3 DIV.col1,
    .responsive DIV.grid-6-3 DIV.col2,
    .responsive DIV.grid-4-6 DIV.col1,
    .responsive DIV.grid-4-6 DIV.col2,
    .responsive DIV.grid-6-4 DIV.col1,
    .responsive DIV.grid-6-4 DIV.col2,
    .responsive DIV.grid-2-7 DIV.col1,
    .responsive DIV.grid-2-7 DIV.col2,
    .responsive DIV.grid-7-2 DIV.col1,
    .responsive DIV.grid-7-2 DIV.col2,
    .responsive div.grid-1-8 div.col1,
    .responsive div.grid-1-8 div.col2,
    .responsive div.grid-8-1 div.col1,
    .responsive div.grid-8-1 div.col2,
    .responsive DIV.grid-3-3,
    .responsive DIV.grid-3-3 col1,
    .responsive DIV.grid-3-3 col2,
    .responsive DIV.grid-2-5-2 DIV.col1,
    .responsive DIV.grid-2-5-2 DIV.col3,
    .responsive DIV.grid-2-5-2 DIV.col1,
    .responsive DIV.grid-2-5-2 DIV.col2,
    .responsive DIV.grid-2-5-2 DIV.col2,
    .responsive DIV.grid-3-3,
    .responsive DIV.grid-3-3 DIV.col1,
    .responsive DIV.grid-3-3 DIV.col2,
    .responsive DIV.grid-3-3 DIV.col1,
    .responsive DIV.grid-3-3 DIV.col2,
    .responsive DIV.grid-6-6 DIV.col1,
    .responsive DIV.grid-6-6 DIV.col2,
    .responsive DIV.grid-6-6 DIV.col1,
    .responsive DIV.grid-3-4,
    .responsive DIV.grid-3-4 DIV.col1,
    .responsive DIV.grid-3-4 DIV.col2,
    .responsive DIV.grid-3-4 DIV.col2-345,
    .responsive DIV.grid-3-3-3 DIV.col1,
    .responsive DIV.grid-3-3-3 DIV.col2,
    .responsive DIV.grid-3-3-3 DIV.col3,
    .responsive DIV.grid-3-3-3 DIV.col1,
    .responsive DIV.grid-3-3-3 DIV.col2,
    .responsive DIV.grid-50-50 DIV.col1,
    .responsive DIV.grid-50-50 DIV.col2,
    .responsive DIV.grid-50-50 DIV.col1,
    .responsive DIV.grid-50-50 DIV.col2 {
        float: none;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .responsive #frontlogin .tabs-small {
        padding-left: 0;
    }

    .responsive #frontlogin p.action {
        padding-left: 0;
        text-align: center;
    }

    .responsive ul.tabs-small {
        text-align: center;
    }

    .responsive ul.tabs-small li {
        float: none;
        display: inline-block;
    }

    .responsive #frontlogin label {
        display: block;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .responsive #frontlogin .label {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
        width: 160px;
    }

    .responsive #frontlogin p {
        text-align: center;
    }

    .responsive .form-container {
        width: auto;
        min-width: 290px;
        margin: 0 auto;
    }

    .responsive .field-row {
        padding-left: 0;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        overflow: visible;
        position: relative;
    }

    .responsive .field-row label:not(.has-input),
    .responsive .field-row .label {
        display: block;
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    .responsive .card-container .field-row .label{
        float: none;
    }

    .responsive .field-row label:not(.has-input){
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .responsive .field-row.spanning input[type="checkbox"]{
        float: left;
        left: 1px;
        margin-top: 8px;
    }

    .responsive .submit-row .button, 
    .responsive .submit-row .button.disabled, 
    .responsive .submit-row .button:hover, 
    .responsive .submit-row .button:active, 
    .responsive .submit-row .button.disabled:hover, 
    .responsive .submit-row .button.disabled:active{
        margin-left: 0px;
    }

    .responsive .submit-row .submit .button:first-child{
        margin-left: 0;
    }

    .responsive .submit-row .text-center{
        text-align: center;
    }

    .responsive .submit-row .clearfix{
        clear: both;
    }

    .responsive .field-row .value {
        float: none;
    }

    .responsive .field-row .group {
        float: none;
    }

    .responsive .field-row .flex {
        display: flex;
    }

    .responsive .field-row .free .toggler {
        display: none;
    }

    .responsive .field-row .free .amount {
        display: block;
    }

    .responsive .field-row a.tooltip {
        display: inline-block;
        margin-top: 0;
    }

    .responsive .data-preview .field-row .label {
        font-weight: 600;
    }


    .responsive .tabular-field-row .field-pair {
        float: none;
    }

    .responsive .tabular-field-row .row-actions {
        padding-top: 5px;
        padding-left: 0;
    }

        .responsive .tabular-field-row .row-actions a {
            float: none;
            margin-right: 5px;
            margin-left: 0;
        }

        .responsive .tabular-field-row .field-pair label {
            margin-bottom: 0;
            padding-left: 0;
        }

    .responsive .tabular-field-row + .tabular-field-row {
        margin-top: 15px;
    }

        .responsive .tabular-field-row + .tabular-field-row label {
            display: inherit;
        }

    .responsive .submit-row {
        padding-left: 0;
        width: auto;
        min-width: 290px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        float: none;
        border-top: 1px solid #e8e8e8;
        padding-top: 20px;
    }

    .responsive .submit-row .back {
        float: none;
        line-height: 30px;
        margin-left: 0;
        margin-right: 10px;
        display: inline;
        width: auto;
    }

    .responsive .action .submit-row { /* Temprorary style, will be obsolete when we move the submit-row out of the action block */
        padding-top: 0;
        border-top: none;
        margin-top: 10px;
    }

    .responsive div.message .msg-ok + .msg-ok {
        background: none;
    }

    .responsive div.message .msg-info + .msg-info {
        background: none;
    }

    .responsive div.message .msg-alert + .msg-alert {
        background: none;
    }

    .responsive div.message .msg-error + .msg-error {
        background: none;
    }

    .responsive div.message .msg-secure + .msg-secure {
        background: none;
    }

    .responsive div.message .msg-secure {
        display: block;
    }

    .responsive div.message .msg-secure .small {
        display: block;
    }

    .responsive div.message .msg-secure .field {
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .responsive .content-message {
        padding: 0;
        text-align: center;
    }

        .responsive .content-message dt .icon {
            float: none;
            margin: 0 auto;
            display: block;
            background-size: 100%;
        }

        .responsive .content-message dd p {
            padding-right: 0;
        }

    .responsive div.title-steps p.steps {
        display: none;
    }

    .responsive .field INPUT.grid1,  .responsive .field TEXTAREA.grid1 { width:  40px !important }
    .responsive .field INPUT.grid2,  .responsive .field TEXTAREA.grid2 { width: 120px !important }
    .responsive .field INPUT.grid3,  .responsive .field TEXTAREA.grid3 { width: 270px !important }
    .responsive .field INPUT.grid4,  .responsive .field TEXTAREA.grid4 { width: 270px !important }
    .responsive .field INPUT.grid5,  .responsive .field TEXTAREA.grid5 { width: 270px !important }
    .responsive .field INPUT.grid6,  .responsive .field TEXTAREA.grid6 { width: 270px !important }
    .responsive .field INPUT.grid7,  .responsive .field TEXTAREA.grid7 { width: 270px !important }
    .responsive .field INPUT.grid8,  .responsive .field TEXTAREA.grid8 { width: 270px !important }
    .responsive .field INPUT.grid9,  .responsive .field TEXTAREA.grid9 { width: 270px !important }

    .responsive .field INPUT.grid3.phone-picker { width: 214px !important }
    .responsive .field INPUT.grid4.phone-picker { width: 214px !important }
    .responsive .field INPUT.grid5.phone-picker { width: 214px !important }
    .responsive .field INPUT.grid6.phone-picker { width: 214px !important }
    .responsive .field INPUT.grid7.phone-picker { width: 214px !important }
    .responsive .field INPUT.grid8.phone-picker { width: 214px !important }
    .responsive .field INPUT.grid9.phone-picker { width: 214px !important }

    .responsive .field INPUT.grid1m, .responsive .field TEXTAREA.grid1m { width:  46px !important }
    .responsive .field INPUT.grid2m, .responsive .field TEXTAREA.grid2m { width: 126px !important }
    .responsive .field INPUT.grid3m, .responsive .field TEXTAREA.grid3m { width: 266px !important }
    .responsive .field INPUT.grid4m, .responsive .field TEXTAREA.grid4m { width: 266px !important }
    .responsive .field INPUT.grid5m, .responsive .field TEXTAREA.grid5m { width: 266px !important }
    .responsive .field INPUT.grid6m, .responsive .field TEXTAREA.grid6m { width: 266px !important }
    .responsive .field INPUT.grid7m, .responsive .field TEXTAREA.grid7m { width: 266px !important }
    .responsive .field INPUT.grid8m, .responsive .field TEXTAREA.grid8m { width: 266px !important }

    .responsive .select.grid1 { width:  33px !important }
    .responsive .select.grid2 { width: 111px !important }
    .responsive .select.grid3 { width: 263px !important }
    .responsive .select.grid4 { width: 263px !important }
    .responsive .select.grid5 { width: 273px !important }
    .responsive .select.grid6 { width: 273px !important }
    .responsive .select.grid7 { width: 273px !important }
    .responsive .select.grid8 { width: 273px !important }
    .responsive .select.grid9 { width: 273px !important }
    .responsive .select.error.grid1 { width:  31px !important }
    .responsive .select.error.grid2 { width: 111px !important }
    .responsive .select.error.grid3 { width: 271px !important }
    .responsive .select.error.grid4 { width: 271px !important }
    .responsive .select.error.grid5 { width: 271px !important }
    .responsive .select.error.grid6 { width: 271px !important }
    .responsive .select.error.grid7 { width: 271px !important }
    .responsive .select.error.grid8 { width: 271px !important }
    .responsive .select.error.grid9 { width: 271px !important }
    .responsive .select.grid1m { width:  43px !important }
    .responsive .select.grid2m { width: 123px !important }
    .responsive .select.grid3m { width: 283px !important }
    .responsive .select.grid4m { width: 283px !important }
    .responsive .select.grid5m { width: 283px !important }
    .responsive .select.grid6m { width: 283px !important }
    .responsive .select.grid7m { width: 283px !important }
    .responsive .select.grid8m { width: 283px !important }
    .responsive .select.error.grid1m { width:  41px !important }
    .responsive .select.error.grid2m { width: 121px !important }
    .responsive .select.error.grid3m { width: 281px !important }
    .responsive .select.error.grid4m { width: 281px !important }
    .responsive .select.error.grid5m { width: 281px !important }
    .responsive .select.error.grid6m { width: 281px !important }
    .responsive .select.error.grid7m { width: 281px !important }
    .responsive .select.error.grid8m { width: 281px !important }

    .responsive div.intro {
        width: auto;
    }

    .responsive #quick {
        display: none;
    }

    .responsive #meta {
        height: 40px;
        border-left: 0;
        float: none;
        padding-right: 0;
    }

    .responsive #tools .logout {
        float: right;
        margin-top: 11px;
        line-height: 1.8;
        font-weight: 500;
        margin-left: 16px;
        color: #3b3b47;
        -webkit-tap-highlight-color: transparent;
    }

    .responsive #meta a,
    .responsive #meta span {
        height: 40px;
        line-height: 40px;
    }

    .responsive #links {
        display: none;
    }

    .responsive #user {
        background-position: 100% -5px;
        margin-left: 10px;
    }

    .responsive #user .person {
        background-position: 0 -58px;
    }
    .responsive #user .company {
        background-position: 0 -108px;
    }

    .responsive #messages .envelope {
        background-position: 0 10px;
    }

    .responsive #messages .badge {
        top: 4px;
    }

    .responsive #mobile-menu {
        display: inherit;
        float: left;
        margin-left: 10px;
        font-weight: 600;
        height: 40px;
        line-height: 40px;
        color: #222;
    }

    .responsive #header #lang,
    .responsive #header #mobile-lang {
        margin-top: 11px;
        float: right;
    }

    .responsive #header #lang a,
    .responsive #header #mobile-lang a{
        font-weight: 500;
    }

    .responsive #lang a:last-child{
        padding-right: 0;
    }

    .responsive .invoice-preview {
        width: 240px;
    }
    
    .responsive .invoice-slide {
        width: 100%;
        height: 30px;
    }

    .responsive .invoice-slide .slot {
        width: 100%;
    }

    .responsive .invoice-slide .slip {
        width: 100%;
        padding: 10px 0 0 0;
        left: 0;
    }

    .responsive .invoice-slide .slip dl dt {
        text-align: left;
        width: 100%;
    }

    .responsive .invoice-slide .slip dl dd {
        width: 100%;
    }

    .invoice-slide + .action { /* ??? */
        width: 544px;
        margin-left: auto;
        margin-right: auto;
        border-top: none;
        margin-top: 10px;
    }

    .responsive #tools_print {
        display: none;
    }

    .responsive #paym_cookie,
    .postit {
        display: none;
    }

    .responsive table.data th,
    .responsive table.data td {
        padding: 2px 5px;
    }

    .responsive table.data th:first-child,
    .responsive table.data td:first-child {
        padding-left: 0;
    }

    .responsive table.data th:last-child,
    .responsive table.data td:last-child {
        padding-right: 0;
    }

    .responsive table.data td.alt,
    .responsive table.data tr.alt td {
        background: transparent;
    }

    .responsive table.grid th,
    .responsive table.grid td {
        padding: 7px 5px;
    }

    .responsive table.grid th:first-child,
    .responsive table.grid td:first-child {
        padding-left: 0px;
    }

    .responsive table.grid th:first-child,
    .responsive table.grid td:first-child {
        padding-top: 9px;
    }

    .responsive table.grid th.check,
    .responsive table.grid td.check {
        padding-top: 0;
    }

    .responsive table.grid th:last-child,
    .responsive table.grid td:last-child {
        padding-right: 0px;
    }

    .responsive p.i {
        display: none;
    }

    .responsive .product-name {
        font-weight: normal;
    }

    .responsive table td,
    .responsive table th,
    .responsive table tr {
        background: transparent !important;
    }

    .responsive .nowrap {
        white-space: normal !important;
    }

    .responsive td.nowrap {
        white-space: nowrap !important;
    }

    .responsive table.fixed {
        width: auto;
    }

    .responsive ul.check li {
        white-space: normal;
    }

    .responsive .padselect li {
        margin: 0 0 10px 0;
    }

    .responsive .padselect label,
    .responsive .padselect.two-choices label {
        width: auto;
        min-height: 0;
    }

    .responsive div.intro {
        width: auto;
    }

    /* virtual */
    .responsive #virtual {
        height: auto;
        width: 100%;
        margin: 0;
        background: #fcf69e;
        position: relative;
        top: 40px !important;
        z-index: 1;
        padding: 10px 0
    }
    .responsive #virtual p {
        font-size: 13px;
        line-height: 30px;
        margin: 0;
        display: inline-block;
        padding: 0 10px
    }

    .responsive #quick {
        display: none;
    }

    .responsive #links {
        display: none;
    }

    .responsive #user {
        background-position: 100% -5px;
    }

    .responsive #sidebar {
        width: auto;
        position: absolute;
        top: 46px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        padding: 10px;
        z-index: 10000;
        display: none;
    }

    .responsive #sidebar div.menu em {
        position: static;
        margin-left: 10px;
        padding-top: 1px;
        padding-bottom: 2px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .responsive #lang a:last-child {
        padding-right: 0;
    }

    .responsive .invoice-preview {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        width: 240px;
    }

    .responsive #tools_print {
        display: none;
    }

    .responsive #paym_cookie,
    .responsive .postit {
        display: none;
    }

    .responsive table.data td.alt,
    .responsive table.data tr.alt td {
        background: transparent;
    }

    .responsive .product-name {
        font-weight: normal;
    }

    .responsive table td,
    .responsive table th,
    .responsive table tr {
        background: transparent !important;
    }

    .responsive .nowrap {
        white-space: normal !important;
    }

    .responsive table.fixed {
        width: auto;
    }

    .responsive ul.check li {
        white-space: normal;
    }

    .responsive .frame .inner {
        padding: 10px 0;
    }

    .responsive .illustration-sign-up {
        border-bottom: none;
        min-height: 0;
    }

    .responsive .illustration-sign-up-bank,
    .responsive .illustration-sign-up-portal {
        display: none;
    }

    .responsive .open-account {
        display: none;
    }

    .responsive .finance-container h1 {
        float: none;
    }

    .responsive .finance-free-limit {
        float: none;
        margin-top: 10px;
    }

    .responsive .finance-free-limit .amount,
    .responsive .finance-free-limit .label {
        float: none;
        display: inline-block;
    }

    /* functional table start */

    .responsive table.functional{
        border: none;
        margin-top: 0;
    }

    .responsive table.functional th,
    .responsive table.functional td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    .responsive table.functional label.has-input {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .responsive table.functional .form.small {
        display: block;
        width: auto;
        max-width: 320px;
    }

    .responsive table.functional .form.small .select,
    .responsive table.functional .form.small .text{
        width: 100% !important;
        box-sizing: border-box;
        height: 20px;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .responsive table.functional .form.small .select + INPUT {
        display: block;
        margin-left: 0;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .responsive table.functional .form.small input + label,
    .responsive table.functional .form.small span.select + label{
        margin-left: 0px;
    }

    .responsive table.functional input.date {
        width: 72px !important;
    }

    .responsive INPUT.date,
    .responsive P.small INPUT.date,
    .responsive P.small INPUT.date-m-y {
        width: 72px !important;
        background-position: 76px 50% !important;
    }

    .responsive table.functional th {
        text-align: left;
        border-top: none;
        border-bottom: none;
    }

    .responsive table.functional td {
        border-top: none;
        padding-top: 0;
    }

    .responsive table.functional tbody:last-child tr:last-child td {
        border-bottom: none;
    }

    .responsive table.functional td.actions {
        border-bottom: none;
    }

    .responsive div.toggle-title .actions{
        margin-bottom: 6px;
    }

    .responsive table.functional th label {
        display: block;
    }

    .responsive div.action2{
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .responsive table.functional td .has-input{
        margin-right: 0;
    }

    .responsive table.functional ul.filter li{
        padding-left: 0;
    }

    .responsive div.title-steps ul.tools + form p.account{
        margin: 0;
        float: none;
    }

    .responsive div.title-steps ul.tools + form p.account span.select{
        margin-top: 10px;
    }

    /* functional table end */

    #mobile-nav-open-button {
        background-image: url(menu-1.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-align: center;
        font-size: 20px;
        line-height: 60px;
        cursor: pointer;
        z-index: 10001;
        float: right;
        height: 40px;
        width: 40px;
        margin-left: 10px;
        margin-right: 8px;
        -webkit-tap-highlight-color: transparent;
    }

    #mobile-nav-open-button.opened {
        background-image: url(menu-2.svg);
    }

    tr:hover .additional-info {
        display: none !important;
    }

    .responsive table tr td:not(:first-child):hover .additional-info {
        display: block !important;
        left: 36px !important;
    }

    .responsive .desktop-hidden{
        display: inline-block !important;
    }

    .responsive span.context-tools-link-blank span.action-indicator {
        display: inline-block;
        vertical-align: middle;
        height: 16px;
        background: url(hover-indicator.svg) no-repeat center right;
    }

    .responsive tr.row-details .field-row {
        width: calc(100% - 58px) !important;
    }

    .responsive div.menu h2 {
        font-size: 14px;
    }

    .responsive div.menu li {
        font-size: 12px;
        line-height: 20px;
    }

    .responsive .button-group .button{
        border-radius: 16px !important;
        margin: 0 2px 2px 2px !important;
        border: 1px solid #C2C2C5;
    }

    .responsive div.tooltip{
        left: 2% !important;
        width: 96% !important;
        color: black !important;
        background: #fff !important;
        box-shadow: 0 1px 14px rgba(0,0,0,0.2);
        margin-top: 10px;
        border-radius: 4px;
    }

    .responsive DIV.tooltip-header {
        padding: 0;
        top: 18px;
        right: 18px;
        position: absolute;
    }

    .responsive DIV.tooltip-content {
        padding: 15px 30px 15px 20px;
    }

    .responsive TABLE.editable{
        table-layout: auto;
    }

    .responsive TABLE.editable tr.view.subview td{
        padding-bottom: 20px;
    }

    .responsive table.functional label.has-input.has-parent-account{
        width: auto;
    }

    .responsive .card-info.separated dl {
        border-bottom: none;
    }
    .responsive .card-info.separated dt,
    .responsive .card-info.separated dd {
        border-top: none;
    }

    .responsive label.for-card-number {
        margin-top: 0;
        margin-bottom: 6px;
        float: none !important;
    }

    .responsive #page.error-page {
        padding-top: 56px;
    }

    .responsive #page.error-page #footer DD{
        margin-left: 0px;
        line-height: 2;
    }

    .responsive #page.error-page #footer .print-hide{
        margin-top: 10px;
    }

    .responsive #sidebar {
        display: none;
    }

    .responsive #sidebar.m-visible {
        display: block;
        padding-top: 70px;
    }

    .responsive #content {
        display: block;
    }

    .responsive #content.m-visible {
        display: none;
    }
}

@media screen, projection {
    .responsive .desktop-hidden{
        display: none;
    }
}

.responsive #page.error-page #footer,
.responsive #page.error-page #footer DD A {
    color: #222;
}

@media screen and (max-width: 680px) {
    .responsive table .priority-5{
        display: none;
    }
}

@media screen and (max-width: 590px) {
    .responsive table .priority-4{
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .responsive table .priority-3{
        display: none;
    }
}

@media screen and (max-width: 374px) {
    .responsive table .priority-2{
        display: none;
    }
}

.lhv-card {
    padding: 0 !important;
}

.dynamic-tooltip {
    --headerIconLeft: 0px;
    .tooltip-header {
        background: url(bg-tooltip-no-arrow.svg) no-repeat 0 0;
    }
    .tooltip-header.clear::before {
        content: '';
        position: absolute;
        top: 6px;
        width: 12px;
        left: var(--headerIconLeft);
        height: 5px;
        background: url("bg-tooltip-arrow-top.svg");
        background-size: contain;
    }
}