/* STRUCTURE */
/*  
    1. RESET
    2. TYPOGRAPHY
    3. MAIN
    4. HEADER
    5. FOOTER
    6. INTERNET BANKING
    7. RESPONSIVE
*/
/**/
@font-face {
    font-family: 'myriadpro-bold-webfont';
    src: url('fonts/myriadpro-bold-webfont.eot');
    src: url('fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-bold-webfont.woff') format('woff'), url('fonts/myriadpro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-cond-web-webfont';
    src: url('fonts/myriadpro-cond-web-webfont.eot');
    src: url('fonts/myriadpro-cond-web-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-cond-web-webfont.woff') format('woff'), url('fonts/myriadpro-cond-web-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-boldcond-webfont';
    src: url('fonts/myriadpro-boldcond-webfont.eot');
    src: url('fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-boldcond-webfont.woff') format('woff'), url('fonts/myriadpro-boldcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*-------------------------------------------------------------- 
1. RESET
-------------------------------------------------------------- */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

b, strong {
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
}

li {
    display: list-item;
}

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

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

q {
    quotes: none;
}

    q:before, q:after {
        content: '';
        content: none;
    }

sub, sup, small {
    font-size: 90%;
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

.svg {
    overflow: hidden;
}

.alpha {
    margin-left: 0 !important;
}

.omega {
    margin-right: 0 !important;
}

.prefix_1 {
    padding-left: 5px !important;
}

.prefix_2 {
    padding-left: 10px !important;
}

.prefix_3 {
    padding-left: 15px !important;
}

.prefix_4 {
    padding-left: 20px !important;
}

.prefix_5 {
    padding-left: 25px !important;
}

.prefix_6 {
    padding-left: 30px !important;
}

.suffix_1 {
    padding-right: 5px !important;
}

.suffix_2 {
    padding-right: 10px !important;
}

.suffix_3 {
    padding-right: 15px !important;
}

.suffix_4 {
    padding-right: 20px !important;
}

.suffix_5 {
    padding-right: 25px !important;
}

.suffix_6 {
    padding-right: 30px !important;
}

.suffix_8 {
    padding-right: 40px !important;
}

.wrap01 {
    padding: 5px 0;
}

.wrap02 {
    padding: 10px 0;
}

.wrap03 {
    padding: 15px 0;
}

.wrap04 {
    padding: 20px 0;
}

.wrap05 {
    padding: 25px 0;
}

.wrap06 {
    padding: 30px 0;
}

.wrap1 {
    padding: 5px;
}

.wrap2 {
    padding: 10px;
}

.wrap3 {
    padding: 15px;
}

.wrap4 {
    padding: 20px;
}

.wrap5 {
    padding: 25px;
}

.wrap6 {
    padding: 30px;
}

.wrap0 {
    padding: 0;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.dive {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.cf:before, .cf:after {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.cf:after {
    clear: both;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}
/*.icon (background:url(images/btn_delete.png) no-repeat; width:100px;height:100px;)*/
.text-center {
    text-align: center !important;
}

.sfMenu, ul.otherNews, .breadcrum ul, .productList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.banner img, figure img {
    display: block;
}

.figure, figure {
    overflow: hidden;
}

    .figure img {
        height: 100%;
        max-width: none;
    }

.figure, figure {
    text-align: center;
    display: block;
}

.reset {
    margin-bottom: 0;
}

    .reset td {
        padding: 0;
    }

.cover img {
    width: 100%;
}

.cover {
    overflow: hidden;
}

.relative {
    position: relative;
}

.figure2 {
    display: block;
    overflow: hidden;
}

    .figure2 img {
        width: 100%;
        height: auto;
        min-height: 100%;
    }
/*[class^="grid_"] input[type='text'],[class^="grid_"] input[type='password'],[class^="grid_"] textarea{width:99%}
[class^="grid_"] select{width:99.7%}*/
.notext {
    border: 0;
    text-indent: -999em;
    font-size: 0;
}
/* --------------------------------------------------------------
2. TYPOGRAPHY
-------------------------------------------------------------- */
html {
    font-size: 100.01%;
}

body {
    font-size: 12px;
    color: #111;
    line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.3;
}

h1 {
    font-size: 150%;
    font-weight: normal;
}

h2 {
    font-size: 125%;
    margin-bottom: 10px;
}

h3 {
    font-size: 100%;
    margin-bottom: 10px;
}

h4 {
    font-size: 87.5%;
    margin-bottom: 10px;
}

h5 {
    font-size: 87.5%;
    text-transform: uppercase;
}

h6 {
    font-size: 75%;
    margin-bottom: 5px;
}

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
        margin: 0;
        vertical-align: middle;
    }

    h6 a {
        color: #ecfff2;
    }

        h6 a:hover {
            color: #fff;
        }

input[type='button'], input[type='submit'] {
    cursor: pointer;
}

hr {
    border: medium none;
    border-top: 1px dotted #ccc;
    clear: both;
    float: none;
    margin: 0 0 10px;
    width: 100%;
}

    hr.style1 {
        border-top: 1px solid #ccc;
    }

    hr.style2 {
        border-top: 1px dashed #ccc;
    }

ul.style1 {
    padding: 0;
    margin: 0 0 20px 0;
}

    ul.style1 li {
        list-style-type: none;
        margin: 0;
        background: url(images/icon-check.png) no-repeat 5px .5em;
        padding-left: 30px;
    }

ul.style2 {
    padding: 0;
    margin: 0 0 10px 0;
}

    ul.style2 li {
        list-style-type: none;
        margin: 0;
        background: url(images/ul_style2.gif) no-repeat 5px .7em;
        padding: 4px 4px 4px 20px;
    }

table.style1 tr td {
    vertical-align: top;
    padding: 0 10px 5px 0;
    text-align: left;
}

table.style2 tr.alt {
    background: #f5f5f5;
}

table.style2 thead th {
    background: #fff;
}

table.style2 tbody th {
    background: #f5f5f5;
    text-align: right;
    padding-right: 15px;
    border-right: 1px dotted #e5e5e5;
}

table.style2 tbody tr.alt th {
    background: #efefef;
}

table.style3 th, .style3 td {
    padding: 2px 10px;
}

:focus {
    outline: 0;
}

input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    color: #000;
}

    input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {
        border-color: #8bade4 !important;
    }

select {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}

/* Text elements
-------------------------------------------------------------- */
p {
    margin: 0 0 .8em;
}

.p {
    margin-bottom: 5px;
}

a {
    text-decoration: none;
    outline: 0;
    color: #393838;
}

    a:hover {
        color: #444;
    }

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong, dfn {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

sup, sub {
    line-height: 0;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console',monospace;
    line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */
li ul, li ol {
    margin: 0;
}

ul, ol {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

    dl dt {
        font-weight: bold;
    }

dd {
    margin-left: 1.5em;
}

/* Tables
-------------------------------------------------------------- */
table {
    margin-bottom: .4em;
    width: 100%;
}

th {
    font-weight: bold;
}

thead th {
    background: #c3d9ff;
}

th, td, caption {
    padding: 4px 10px 4px 4px;
    vertical-align: middle;
}

tfoot {
    font-style: italic;
}

caption {
    background: #eee;
}
/*****Common style*****/
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0 7px;
    border: 0;
    white-space: nowrap;
}


button[disabled], html input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    padding: 0;
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

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

textarea {
    overflow: auto;
    vertical-align: top;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

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

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

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

    input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url] {
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 29px;
        margin: 0;
        padding: 0 8px;
        background: #fff;
        border: 1px solid #d9d9d9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }

        input[type=email]:hover, input[type=radio]:hover, input[type=number]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover {
            border: 1px solid #b9b9b9;
        }

        input[type=email]:focus, input[type=radio]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus {
            outline: none;
            border: 1px solid #4d90fe;
        }

        input[type=email][disabled=disabled], input[type=number][disabled=disabled], input[type=password][disabled=disabled], input[type=tel][disabled=disabled], input[type=text][disabled=disabled], input[type=url][disabled=disabled] {
            border: 1px solid #e5e5e5;
            background: #f1f1f1;
        }

            input[type=email][disabled=disabled]:hover, input[type=number][disabled=disabled]:hover, input[type=password][disabled=disabled]:hover, input[type=tel][disabled=disabled]:hover, input[type=text][disabled=disabled]:hover, input[type=url][disabled=disabled]:hover {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

        input[type=email][readonly=readonly], input[type=number][readonly=readonly], input[type=password][readonly=readonly], input[type=text][readonly=readonly], input[type=url][readonly=readonly] {
            border: 1px solid #d9d9d9;
        }

            input[type=email][readonly=readonly]:hover, input[type=number][readonly=readonly]:hover, input[type=password][readonly=readonly]:hover, input[type=text][readonly=readonly]:hover, input[type=url][readonly=readonly]:hover, input[type=email][readonly=readonly]:focus, input[type=number][readonly=readonly]:focus, input[type=password][readonly=readonly]:focus, input[type=text][readonly=readonly]:focus, input[type=url][readonly=readonly]:focus {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

        input[type=checkbox].form-error, input[type=email].form-error, input[type=number].form-error, input[type=password].form-error, input[type=text].form-error, input[type=tel].form-error, input[type=url].form-error {
            border: 1px solid #dd4b39;
        }

    input[type=checkbox], input[type=radio] {
        -webkit-appearance: none;
        appearance: none;
        width: 13px;
        height: 13px;
        margin: 0;
        cursor: pointer;
        vertical-align: bottom;
        background: #fff;
        border: 1px solid #dcdcdc;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }

        input[type=checkbox]:active, input[type=radio]:active {
            border-color: #c6c6c6;
            background: #ebebeb;
        }

        input[type=checkbox]:hover {
            border-color: #c6c6c6;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
            -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
        }

    input[type=radio] {
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        width: 15px;
        height: 15px;
    }

        input[type=checkbox]:checked, input[type=radio]:checked {
            background: #fff;
        }

            input[type=radio]:checked::after {
                content: '';
                display: block;
                position: relative;
                top: 3px;
                left: 3px;
                width: 7px;
                height: 7px;
                background: #666;
                -webkit-border-radius: 1em;
                -moz-border-radius: 1em;
                border-radius: 1em;
            }

            input[type=checkbox]:checked::after {
                content: url(images/checkmark.png);
                display: block;
                position: absolute;
                top: -6px;
                left: -5px;
            }

    input[type=checkbox]:focus {
        outline: none;
        border-color: #4d90fe;
    }

select {
    display: inline-block;
    height: 29px;
    margin: 0;
    padding: 3px;
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

    select:hover {
        border: 1px solid #b9b9b9;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    }

    select:focus {
        outline: none;
        border: 1px solid #4d90fe;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }

    select[disabled=disabled] {
        border: 1px solid #e5e5e5;
        background: #f1f1f1;
    }

        select[disabled=disabled]:hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

.select[readonly=readonly] {
    border: 1px solid #d9d9d9;
}

select[readonly=readonly]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.rv5-button {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    color: #444;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    padding: 0 8px;
    line-height: 27px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -ms-transition: all 0.218s;
    -o-transition: all 0.218s;
    transition: all 0.218s;
    border: 1px solid #dcdcdc;
    background-color: #3079ed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a3ccfa), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #a3ccfa, #f1f1f1);
    background-image: -moz-linear-gradient(top, #a3ccfa, #f1f1f1);
    background-image: -ms-linear-gradient(top, #a3ccfa, #f1f1f1);
    background-image: -o-linear-gradient(top, #a3ccfa, #f1f1f1);
    background-image: linear-gradient(top, #a3ccfa, #f1f1f1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}

* + html .rv5-button {
    min-width: 70px;
}

button.rv5-button, input[type=submit].rv5-button {
    height: 29px;
    line-height: 29px;
    vertical-align: bottom;
    margin: 0;
}

* + html button.rv5-button, * + html input[type=submit].rv5-button {
    overflow: visible;
}

.rv5-button:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #21838d;
    cursor: pointer;
}

.rv5-button:active {
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
    background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
    background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.rv5-button:visited {
    color: #666;
}

.rv5-button-white {
    border: 1px solid #dcdcdc;
    color: #666;
    background: #fff;
}

    .rv5-button-white:hover {
        border: 1px solid #c6c6c6;
        color: #333;
        background: #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        cursor: pointer;
    }

    .rv5-button-white:active {
        background: #21838d;
        color: #ffffff;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    }

.rv5-button-whiteactive {
    background: #21838d;
    color: #ffffff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}


/**********/
/* --------------------------------------------------------------
3. MAIN
-------------------------------------------------------------- */

body {
    background: url(images/bg-body.jpg) top repeat-x;
    font-family: arial,sans-serif;
    font-size: 13px;
    color: #161616;
}

.clearfix {
    width: 100%;
    clear: both;
}

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

/* 4. HEADER */
header {
    height: 113px;
    position: relative;
    z-index: 200;
    min-width: 960px;
}

.container {
    max-width: 960px;
    margin: 0 auto;
}

.logo {
    float: left;
    margin: 0;
}

.wrap-nav {
    float: right;
    margin: 0px 0px 0 0; /*width: 709px;*/
}

.top-nav {
    position: relative;
    float: right;
    text-align: right;
    height: 69px;
}

    .top-nav .menu-top {
        float: left;
        margin-top: 24px;
    }

    .top-nav ul li {
        float: left;
        list-style: none;
        border-right: 1px solid #d3d3d3;
        line-height: 12px;
    }

        .top-nav ul li a {
            font-size: 11px;
            text-transform: uppercase;
            color: #393838;
            padding: 0px 8px;
            display: inline-block;
        }

            .top-nav ul li a:hover, .top-nav ul li a.active {
                color: #cd061e;
            }

/* 5. FOOTER */
/* FOOTER */
footer {
    padding: 0px 0 20px;
    clear: both;
}

.fmenu {
    float: right;
    color: #00717c;
    font-size: 11px;
    text-align: right;
}

    .fmenu a {
        color: #00717c;
    }

    .fmenu ul {
        margin: 0;
        padding: 0;
        text-align: right;
        float: right;
    }

        .fmenu ul li {
            list-style: none;
            float: left;
        }

            .fmenu ul li a {
                color: #00717c;
                font-size: 11px;
                border-left: 1px solid #00717c;
                line-height: 8px;
                display: inline-block;
                padding: 0 5px;
            }

                .fmenu ul li a:hover {
                    color: #333;
                }

            .fmenu ul li:first-child a {
                border-left: none;
            }

.wrap-shareblock {
    display: block;
    clear: both;
    float: none;
}

    .wrap-shareblock a {
        padding-top: 8px;
        display: block;
        float: right;
        margin-left: 8px;
    }

        .wrap-shareblock a:hover {
            opacity: .8;
        }

.f-li {
    background: #aeaeae;
    width: 1px;
    height: 10px;
    position: relative;
    top: 5px;
    margin: 0 5px;
}

.info-f {
    float: left;
    text-align: left;
    color: #4d4d4d;
    font-size: 11px;
    padding-left: 88px;
    background: url(images/logo2.png) left center no-repeat;
    min-height: 38px;
}

    .info-f a {
        color: #4d4d4d;
    }

.copyright {
    display: block;
    clear: both;
    text-align: right;
    padding-top: 5px;
}

    .copyright a {
        margin-left: 10px;
    }

/*6. INTERNET BANKING*/
.internetbanking {
    background: #005663 url(images/bg-banking.jpg) top center no-repeat !important;
}

    .internetbanking .container {
        max-width: 970px !important;
    }

.bg-banking {
    margin-top: 70px;
}

.container.relative.bg-banking {
    top: 0px;
    left: 0px;
}
/*.banking-slogan {
    text-align: right;
    padding: 58px 0 5px 0;
    color: #005663;
    font-family: 'Arial',sans-serif;
    font-size: 34px;
}*/
.banking-slogan {
    text-align: right;
    padding: 0;
    height: 105px;
    background: url(images/Head-Banner.png) no-repeat;
    background-position: top right 0;
}

.sloganright {
    color: #005663;
    font-family: 'Arial' !important;
    font-size: 36px;
    font-weight: normal;
}

.bg-banking .banking-wrap {
    background: #fff;
    min-height: 480px;
}

.bg-banking .tab-wrap {
    width: 100%;
    float: left;
    background: #005663;
}

.bg-banking .tab-nav {
    width: 19.5%;
    float: left;
    background-image: none; /*background: #005663;*/
    min-height: 504px;
}

.bg-banking .tab-navhome {
    min-height: 600px;
}

.bg-banking .tab-nav ul {
    list-style: none;
    margin: 0;
    padding: 40px 0 0 12px !important;
}

    .bg-banking .tab-nav ul li {
        margin-bottom: 0px;
        width: 100%;
    }

        .bg-banking .tab-nav ul li#lifirst {
            margin-bottom: 0px;
            width: 100%;
        }

        .bg-banking .tab-nav ul li:after {
            content: ' ';
            border-bottom: 1px solid #4d8991;
            width: 97%;
            height: 1px;
            display: block;
            margin-left: 6px;
        }

        .bg-banking .tab-nav ul li:hover:after, .bg-banking .tab-nav ul li.active:after {
            border-bottom: 1px solid #005663;
        }

        .bg-banking .tab-nav ul li a {
            padding: 22px 8px 21px 60px;
            text-decoration: none;
            cursor: pointer;
            font-size: 13px;
            color: #fff;
            display: block;
            font-weight: bold;
            position: relative;
            z-index: 20;
            text-align: left;
            text-transform: uppercase;
            -webkit-border-radius: 8px 0 0 8px;
            -moz-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;
            width: auto;
        }

        .bg-banking .tab-nav ul li#lifirst a {
            padding: 22px 8px 21px 60px;
            text-decoration: none;
            cursor: pointer;
            font-size: 13px;
            color: #fff;
            display: block;
            font-weight: bold;
            position: relative;
            z-index: 20;
            text-align: left;
            text-transform: uppercase;
            border: none;
            -webkit-border-radius: 8px 0 0 8px;
            -moz-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;
            width: auto;
            margin: 0;
        }

        .bg-banking .tab-nav ul li a.active, .bg-banking .tab-nav ul li a:hover {
            color: #005663;
            background-image: none;
            background-color: #fff;
        }

        .bg-banking .tab-nav ul li#lifirst a.active, .bg-banking .tab-nav ul li#lifirst a:hover {
            color: #005663;
            background-image: none;
            background-color: #fff;
        }

        .bg-banking .tab-nav ul li a span {
            display: block;
            clear: both;
            color: #666;
            font-size: 16px;
            font-weight: normal;
        }

        .bg-banking .tab-nav ul li#lifirst a span {
            display: block;
            clear: both;
            color: #666;
            font-size: 16px;
            font-weight: normal;
        }

        .bg-banking .tab-nav ul li a.active span, .bg-banking .tab-nav ul li a:hover span {
            color: #fff;
        }

        .bg-banking .tab-nav ul li#lifirst a.active span, .bg-banking .tab-nav ul li#lifirst a:hover span {
            color: #fff;
        }

.bg-banking .tab-container {
    width: 80.5%;
    float: left;
    background: #ffffff;
}

.bg-banking .tab-contents {
    padding: 0 0 0 0px;
    margin: 0;
    background-image: none;
    width: 100%;
}

.bg-banking .tab-content {
    display: none;
    padding: 0;
}

.bg-banking .tab-right-content {
    text-align: left;
    padding-top: 30px;
}

.bg-banking .tab-right-content2 {
    text-align: left;
}

.bg-banking .tab-content:first-child {
    display: block;
}

.bg-banking .title-tab-content {
    font-family: 'myriadpro-cond-web-webfont',sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
}

.bg-banking .title-tab-content2 {
    padding: 20px 0 0 0;
    font-family: 'myriadpro-cond-web-webfont',sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
}

.bg-banking a.Bdangnhap {
    background: url(images/banking/login.png) 8px center no-repeat !important;
    margin-top: 20px;
}

    .bg-banking a.Bdangnhap:hover, .bg-banking a.Bdangnhap.active {
        background: #fff url(../images/login1.png) 8px center no-repeat !important;
    }

.bg-banking a.info {
    background: url(images/banking/info.png) 8px center no-repeat !important;
    /*margin-top: 20px;*/
}

    .bg-banking a.info:hover, .bg-banking a.info.active {
        background: #fff url(images/banking/info1.png) 8px center no-repeat !important;
    }
/*********out**********/
.Bgioithieudvout {
    background: url(images/banking/introout.png) 12px center no-repeat;
}

    .Bgioithieudvout.activeout {
        background: #fff url(images/banking/introout1.png) 12px center no-repeat !important;
        color: #005663 !important;
    }

.Bcauhoitnout {
    background: url(images/banking/questionout.png) 12px center no-repeat;
}

    .Bcauhoitnout.activeout {
        background: #fff url(images/banking/questionout1.png) 12px center no-repeat !important;
        color: #005663 !important;
    }

.Bquydinhout {
    background: url(images/banking/quydinh.png) 8px center no-repeat !important;
}

    .Bquydinhout.activeout {
        background: #fff url(images/banking/quydinh1.png) 8px center no-repeat !important;
        color: #005663 !important;
    }

.Bbieuphiout {
    background: url(images/banking/bieuphiout.png) 8px center no-repeat !important;
    /*padding: 20px 8px 20px 66px !important;*/
}

    .Bbieuphiout.activeout {
        background: #fff url(images/banking/bieuphiout1.png) 8px center no-repeat !important;
        color: #005663 !important;
    }
/******************/

.BTransfer {
    background: url(images/banking/transfer.png) 8px center no-repeat !important;
}

    .BTransfer:hover, .BTransfer.active {
        background: #fff url(images/banking/transfer1.png) 8px center no-repeat !important;
    }

.BTransferOut {
    background: url(images/banking/innertransfer.png) 8px center no-repeat !important;
}

    .BTransferOut:hover, .BTransferOut.active {
        background: #fff url(images/banking/innertransfer1.png) 8px center no-repeat !important;
    }

.BDeposit {
    background: url(images/banking/question.png) 8px center no-repeat !important;
}

    .BDeposit:hover, .BDeposit.active {
        background: #fff url(images/banking/question1.png) 8px center no-repeat !important;
    }

.Bquydinh {
    background: url(images/banking/quydinh.png) 8px center no-repeat !important;
}

    .Bquydinh:hover, .Bquydinh.active {
        background: #fff url(images/banking/quydinh1.png) 8px center no-repeat !important;
    }

.Bcustomer {
    background: url(images/banking/bieuphi.png) 8px center no-repeat !important;
    /*padding: 20px 8px 20px 66px !important;*/
}

    .Bcustomer:hover, .Bcustomer.active {
        background: #fff url(images/banking/bieuphi1.png) 8px center no-repeat !important;
    }

.BOnlineService {
    background: url(images/banking/TsHsCard_W.png) 8px center no-repeat !important;
    /*padding: 20px 8px 20px 66px !important;*/
}

    .BOnlineService:hover, .BOnlineService.active {
        background: #fff url(images/banking/TsHsCard_005663.png) 8px center no-repeat !important;
    }

.BVisaCard {
    background: url(images/banking/VisaCard_W.png) 8px center no-repeat !important;
    /*padding: 20px 8px 20px 66px !important;*/
}

    .BVisaCard:hover, .BVisaCard.active {
        background: #fff url(images/banking/VisaCard_005663.png) 8px center no-repeat !important;
    }

.BJCBCard {
    background: url(images/banking/VisaCard_W.png) 8px center no-repeat !important;
}

    .BJCBCard:hover, .BJCBCard.active {
        background: #fff url(images/banking/VisaCard_005663.png) 8px center no-repeat !important;
    }

.BePurse {
    background: url(images/banking/eWallet.png) 8px center no-repeat !important;
}

    .BePurse:hover, .BePurse.active {
        background: #fff url(images/banking/eWallet1.png) 8px center no-repeat !important;
    }

.BBilling {
    background: url(images/banking/Bill_W.png) 8px center no-repeat !important;
}

    .BBilling:hover, .BBilling.active {
        background: #fff url(images/banking/Bill_Blue.png) 8px center no-repeat !important;
    }

.internetbanking .fmenu a {
    color: #fff;
    background: url(images/banking/Bhome.png) right no-repeat !important;
    padding-right: 50px;
    display: block;
    line-height: 30px;
    font-weight: bold;
}

    .internetbanking .fmenu a:hover {
        opacity: .85 !important;
    }

.headermenulistview {
    float: left;
    display: block;
    font-size: 12px;
    color: #666;
    background: #fff;
    padding: 10px 10px 2px 0;
    width: 100%;
    border-bottom: solid 2px #c20010;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.listgroup {
    margin-top: 15px !important;
}

.banking-right-content {
    width: 22%;
    float: right;
    padding: 0.2% 2% 1% 1%;
}

    .banking-right-content .bank-menu {
        background: #e5f0f2; /*#c8e2e6;*/
        padding: 0 10px 0 0;
        margin: 0;
        display: block;
    }

        .banking-right-content .bank-menu ul {
            margin: 0;
            padding: 0;
        }

            .banking-right-content .bank-menu ul li {
                list-style: none;
                display: block;
            }

                /*.banking-right-content .bank-menu ul li {
                padding: 0 0 10px 10px;
            }*/

                .banking-right-content .bank-menu ul li a {
                    font-size: 12px;
                    color: #005663;
                    text-decoration: none;
                    float: left;
                    display: block;
                    padding: 10px 0 10px 10px;
                    width: 98%;
                    border-bottom: solid 1px rgba(0,0,0,0.1);
                }

                    .banking-right-content .bank-menu ul li a::before {
                        content: "";
                        display: block;
                        background: url(images/link.png) no-repeat left 4px;
                        width: 6px;
                        height: 16px;
                        float: left;
                        margin: 0 6px 0 0;
                    }

                    .banking-right-content .bank-menu ul li a.active {
                        font-weight: bold;
                    }

                    .banking-right-content .bank-menu ul li a:hover {
                        font-weight: bold;
                        /*color:#df1f22;*/
                    }

.internetbanking .footer {
    margin-top: 40px;
}

span.noteAll {
    text-align: right;
    font-style: italic;
    font-size: 12px;
    color: #5e5e5e;
    float: right;
    display: block;
    font-weight: normal;
}
/*login*/
.tablogin {
    margin: 40px 0 0;
}

.banking-login {
    width: 71%;
    float: left;
    padding-left: 15px;
    min-height: 470px;
}

.bg-banking .banking-login .note {
    font-style: italic;
    color: #5e5e5e;
    padding-top: 10px;
    width: 100%;
    clear: both;
}

.bg-banking .banking-login input[type=text] {
    display: block;
    padding: 10px 5px !important;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0px;
    width: 45%;
    color: #005663;
    float: left;
    font-weight: bold;
    height: 35px;
}

.inputlogin {
    float: left;
    display: inline-block;
    width: 49%;
}

    .inputlogin input[type=text] {
        display: inline-block;
        padding: 10px 5px !important;
        border: 1px solid #ccc !important;
        margin: 0 10px 0 0 !important;
        width: 95% !important;
        color: #005663;
        float: left;
        font-weight: bold;
        border-color: #8bade4;
        height: 35px;
    }

        .inputlogin input[type=text]:focus {
            border: solid 1px #8bade4 !important;
        }

    .inputlogin input[type=password] {
        display: inline-block;
        padding: 10px 5px !important;
        margin: 0 10px 0 0;
        border: 0px solid #ccc !important;
        width: 80% !important;
        color: #005663;
        float: left;
        font-weight: bold;
        border-color: #8bade4;
        height: 33px;
    }

        .inputlogin input[type=password]:focus {
            border: solid 0px #8bade4 !important;
        }

.inputpwdkeyboard {
    display: inline-block;
    border: 1px solid #ccc !important;
    margin: 0 10px 0 5px !important;
    width: 95% !important;
    color: #005663;
    float: left;
    font-weight: bold;
    border-color: #8bade4;
    height: 33px;
}

.inputpwdkeyboardfocus {
    border: solid 1px #8bade4 !important;
}

.inputpwdkeyboard img {
    margin-top: 10px;
}

.inputlogin span {
    margin: 0;
}

.bg-banking .Blogin {
    padding: 10px 0 0 0;
    clear: both;
}

    .bg-banking .Blogin input[type=submit] {
        font-family: Arial !important;
        padding: 10px;
        text-align: center;
        display: block;
        background: #c20010;
        color: #ffffff !important;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
        float: none;
        clear: both;
        width: 46.8% !important;
        border: none;
        margin: 10px 0 15px 0 !important;
    }

        /*.bg-banking .Blogin{padding:10px 0;text-align: center;display: block;background: #c20010;color: #fff;text-transform: uppercase;font-size: 16px;font-weight: bold;margin-bottom: 15px;text-decoration: none;float: none;clear: both;width: 46.2%;}*/

        .bg-banking .Blogin input[type=submit]:hover {
            background: #a6000e;
            color: #fff;
        }

.bcapchakeyboard {
    float: left;
    width: 100%;
    display: block;
    clear: both;
}

.Bcapcha {
    margin: 10px 0 !important;
    padding: 10px 0 0 0;
    width: 46%;
    display: block;
    float: left;
}

.inputcapcha {
    display: inline-block;
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    margin: 0 10px 0 0 !important;
    width: 46.6% !important;
    color: #005663;
    float: left;
    font-weight: bold;
    border-color: #8bade4;
}

.kbstyle {
    float: left;
    margin: 10px 0 0 20px !important;
    padding: 10px 0 0 0;
    width: 46%;
    display: inline-block;
}
/* 7. Common*/
.spanerror {
    float: left;
    width: 100%;
    display: block;
    padding: 5px 0 0 0;
    color: #dd4b39;
    font-size: 12px;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .alert, .alert h4 {
        color: #c09853;
    }

        .alert h4 {
            margin: 0;
        }

        .alert .close {
            position: relative;
            top: -2px;
            right: -21px;
            line-height: 20px;
        }

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success h4 {
        color: #468847;
    }

.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

    .alert-danger h4, .alert-error h4 {
        color: #b94a48;
    }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info h4 {
        color: #3a87ad;
    }

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0;
    }

    .alert-block p + p {
        margin-top: 5px;
    }

.alert-margintop {
    margin: 10px 0;
}

/******END COMMON********/
/*Begin intro form*/
.divintro {
    width: 100%;
}

.divintro2 {
    width: 97%;
    padding: 0 5px 5px 5px;
}

.divintro p {
    /*text-indent: 30px;*/
    text-indent: 0;
    width: 99%;
}

.divintro ol {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    width: 100%;
}

.divintro li {
    padding: 3px 0 3px 0;
    list-style-type: square;
    margin-left: 35px;
    width: 93%;
}

.divtitle {
    list-style: none;
    font-weight: bold;
    width: 96%;
    font-family: 'Arial',sans-serif;
    font-size: 25px;
    color: #248690;
}

/*End intro form*/

/***faq***/
.faq {
    line-height: 30px;
    text-align: justify;
    color: #000 !important;
    font-family: Arial;
    font-size: 12px;
}

    .faq span {
        text-align: justify;
        color: #000 !important;
    }

    .faq a {
        color: #175d65;
        font-style: normal;
        text-decoration: none;
    }

    .faq div div a div {
        line-height: 1.5;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .faq a:active, a:focus {
        color: #bf2934;
    }

    .faq p {
        text-indent: 30px;
        line-height: 1.5;
    }

    .faq ol {
        list-style-type: square;
        display: block;
        padding: 0 0 0 15px;
    }

        .faq ol.classdecimal {
            list-style-type: decimal;
        }

            .faq ol.classdecimal li {
                font-weight: bold;
            }

            .faq ol.classdecimal ul {
                font-weight: normal;
            }

                .faq ol.classdecimal ul li {
                    font-weight: normal;
                }

        .faq ol li.single {
            line-height: 1.5;
        }

.singlespace {
    line-height: 1.5;
    padding-top: 5px;
}

/***end faq***/
/****rate deposit****/

.olrule ol.classpoint {
    list-style-type: circle;
}

    .olrule ol.classpoint li {
        font-weight: normal;
        text-indent: 0;
    }

.olrule ul.classpoint2 {
    list-style-type: circle;
    padding: 0 0 0 25px;
}

    .olrule ul.classpoint2 li {
        font-weight: normal;
    }

.olrule ul.classpoint3 {
    list-style-type: square;
    padding: 0 0 0 25px;
}

    .olrule ul.classpoint3 li {
        font-weight: normal;
    }

.olrule {
    list-style-type: none !important;
}
/****Logo support****/
.middleleftcoltop {
    float: right;
    height: 8px;
    width: 148px;
    display: block;
    background: url(images/bg-rightlash.jpg) bottom repeat-x;
    padding: 0 0 10px 0;
    margin-bottom: 5px;
}

.middleleftcol {
    float: right;
    height: 66px;
    width: 148px;
    display: block;
    background: url(images/bg-rightlash.jpg) bottom repeat-x;
    padding: 0 0 10px 0;
    margin-bottom: 5px;
}

.supportlogo {
    float: right;
    width: 148px;
    display: block;
    background: url(images/bg-rightlash.jpg) bottom repeat-x;
    padding: 0 0 10px 0;
    margin-bottom: 5px;
}
/********************/
/******inner page******/
.B-breadcrum {
    height: 40px;
    background: #c20010;
    color: #fff;
    line-height: 40px;
    padding: 0 15px;
    margin-bottom: 15px;
    width: 96.12403101%;
}

.Btime {
    float: left;
    height: 40px;
    line-height: 40px;
    max-width: 130px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.Btimedatetime {
    max-width: 30% !important;
}

.welcom {
    float: right;
}

    .welcom a {
        color: #fff;
        text-decoration: none;
    }

.head-tab {
    border-bottom: 1px dotted #005663;
    color: #005663;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

    .head-tab .accept {
        color: #005663;
        float: left;
        display: block;
        font-weight: bold;
        width: 50%;
    }

.bank-menu h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #013d46;
    font-family: 'myriadpro-cond-web-webfont',sans-serif;
    margin: 0 0 15px;
}

.banking-online, .banking-transfer {
    width: 71%;
    float: left;
    padding: 0 0 20px 15px;
}

.banking-transfer {
    width: 71%;
    float: left;
    padding: 0 0 20px 15px;
    min-height: 550px;
}
/*  .banking-online, .banking-transfer{width: 96%;padding: 0px 2% 30px;}*/
.titlenews_detail:first {
    font-family: 'myriadpro-bold-webfont',sans-serif;
    font-size: 25px;
    color: #248690;
}

.titlenews_detail {
    font-family: 'myriadpro-bold-webfont',sans-serif;
    font-size: 25px;
    color: #248690;
    margin: 15px 0 0 0;
}

/***********/
/*Begin transinfo his*/
.transinput {
    float: left;
    width: 100%;
}

    .transinput ol {
        list-style: none;
        color: #000;
        width: 99.49367089%;
        padding: 0;
        margin: 0;
    }

    .transinput li {
        float: left;
        list-style: none;
        color: #000;
        background-color: #fff;
        width: 100%;
        border-bottom: solid 1px #f4f4f4;
        padding: 5px 0;
    }

    .transinput ol li label {
        float: left;
        height: 23px;
        line-height: 23px;
        width: 100px;
        margin-right: 7px;
        margin-top: 3px;
        color: #000;
    }

    .transinput ol li input[type=text] {
        float: left;
        display: inline-block;
    }

    .transinput ol li input[type=checkbox] {
        float: left;
        display: inline-block;
        margin: 8px 5px 0 0;
    }

    .transinput ol li span {
        float: left;
        padding: 5px;
    }

    .transinput ol li select {
        float: left;
    }

    .transinput ol li#specli {
        float: left;
        list-style: none;
        color: #000;
        background-color: #fff;
        width: 100%;
        border-top: dotted 1px #005663;
        padding: 15px nt-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        width: 100%;
        padding-bottom: 5px;
    }

.openbalance {
    text-align: right;
    color: #000;
    font-weight: bold;
}

.openbalancevalue {
    color: #000000;
    font-weight: bold;
    line-height: 25px;
    height: 25px;
    background-color: #e8eaea;
}

.openbalancevaluespan {
    color: #ff0000;
    padding-left: 5px;
}

.tdstt {
    width: 20px;
    text-align: center;
}

.tddatelastmaint {
    width: 125px;
    text-align: center;
}

.tdcontent2 {
    max-width: 1000% !important;
}

    .tdcontent2 span {
        word-break: break-all; /* webkit */
        word-wrap: break-word;
        white-space: pre;
        white-space: -moz-pre-wrap; /* fennec */
        white-space: pre-wrap;
        white-space: pre\9; /* IE7+ */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        display: block;
    }

.tdcontent {
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    white-space: pre\9;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

    .tdcontent a {
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre;
        white-space: -moz-pre-wrap;
        white-space: pre-wrap;
        white-space: pre\9;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
    }

    .tdcontent span {
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre;
        white-space: -moz-pre-wrap;
        white-space: pre-wrap;
        white-space: pre\9;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
    }
/*
pre
{
    word-break: break-all; 
    word-wrap: break-word;
   
    white-space: pre\9;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}*/
.tdbalamtinc {
    width: 110px;
    background-color: #f6f6f7;
    text-align: right !important;
}

.tdbalamtdown {
    width: 110px;
    background-color: #f6f6f7;
    text-align: right !important;
}

.tdtotalbal {
    text-align: right;
    color: #000;
    font-weight: bold;
}

.tdtotalbalvalueinc {
    color: #000000;
    font-weight: bold;
    line-height: 25px;
    height: 25px;
    text-align: right !important;
}

.tdtotalbalvaluespan {
    color: #ff0000;
    padding-left: 5px;
    text-align: right !important;
}

.tdtotalbalvaluedown {
    color: #000000;
    font-weight: bold;
    line-height: 25px;
    height: 25px;
    text-align: right !important;
}

.tdtotalbalvaluedownspan {
    color: #ff0000;
    padding-left: 5px;
}

.tdendbalamt {
    text-align: right;
    color: #000;
    font-weight: bold;
}

.tdendbalamtvalue {
    color: #000000;
    font-weight: bold;
    line-height: 25px;
    height: 25px;
}

.tdendbalamtvaluespan {
    color: #ff0000;
    padding-left: 5px;
}
/****transinfo grid style****/

/***Transfer***/
.divlink {
    float: left;
    width: 100%;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

    .divlink dl dt cite {
        padding-right: 5px;
    }

    .divlink dl dt {
        font-weight: normal;
    }

.cfalink {
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #0000ff;
    font-weight: bold;
}

    .cfalink:hover {
        text-decoration: underline;
        font-weight: bold;
    }

    .cfalink:visited; {
        text-decoration: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #0000ff;
        font-weight: bold;
    }

.divpayreceipt {
    float: left;
    width: 100%;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

.dislink {
    color: #b4b4b4;
    cursor: default;
}

.transinputtable {
    float: left;
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

    .transinputtable table {
        border: none;
    }

        .transinputtable table tr {
            border: none;
        }

            .transinputtable table tr td {
                border: none;
            }

                .transinputtable table tr td label {
                    text-align: left;
                    width: 110px;
                    display: block;
                    color: #005663;
                }

                .transinputtable table tr td table {
                    border: none;
                }

                    .transinputtable table tr td table tr td {
                        border: none;
                    }

                        .transinputtable table tr td table tr td label {
                            float: left;
                            width: 160px;
                            color: #005663;
                            padding-right: 3px;
                        }

.transferbal {
    float: left;
    text-align: left;
    white-space: nowrap;
}

.savereceiveinfo {
    float: left;
    width: 100% !important;
}

.chkschedule {
    color: #ff0000 !important;
    font-weight: bold;
    width: 15px;
    height: 15px;
}

.ulschedule {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .ulschedule li {
        float: left;
        width: 100%;
        padding: 5px 0;
        list-style-type: none;
        display: block;
    }

.lableschedule {
    width: 100% !important;
    display: block;
}

.labelscheduledate {
    width: 100% !important;
    display: block;
    font-weight: bold;
    color: #ff0000 !important;
    padding: 7px 0 0 0;
}

.spschedule {
    color: #000000 !important;
    font-weight: normal;
}

.bordertop {
    width: 100%;
    border-top: 1px dotted #005663;
    margin-top: 15px;
    padding-top: 15px;
}

.bordertop2 {
    width: 99.3% !important;
    border-top: 1px dotted #005663;
    margin-top: 15px;
    padding-top: 15px;
}

.divtransconfirm {
    float: left;
    width: 99.7%;
    margin: 0 auto;
}

.divtransconfirmres {
    float: left;
    width: 99%;
    height: 50px;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    display: none;
}

.transconfirmext {
    float: left;
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: solid 1px #ece9d8;
    padding: 0px;
    margin: 0px;
}

    .transconfirmext table {
        list-style: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        width: 100%;
    }

        .transconfirmext table tr td {
            list-style: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 12px;
            padding: 6px 0 6px 0;
            color: #000;
            background-color: #fff;
            border-bottom: solid 1px #f4f4f4;
        }

            .transconfirmext table tr td label {
                float: right;
                text-align: right;
                padding-right: 5px;
                color: #000;
            }

            .transconfirmext table tr td span {
                color: #0b5c64;
                width: auto;
                color: #0b5c64;
                font-weight: bold;
            }

.previewdivcmd {
    float: left;
    display: block;
    width: 100%;
    padding: 15px 5px 5px 0;
}
/***End Transfer***/
/*begin for payment receipt*/
.csspaymentreceipt {
    width: 95%;
    font-family: Arial;
    font-size: 12px;
    color: #4f004f;
    font-weight: normal !important;
}

    .csspaymentreceipt tr td {
        padding: 0px;
        text-align: left;
        font-weight: normal !important;
    }

        .csspaymentreceipt tr td.tdleft {
            width: 120px;
            text-align: left;
            color: #01565b;
            font-weight: normal !important;
        }

        .csspaymentreceipt tr td dl {
            width: 100%;
            text-align: left;
            margin: 0px;
            padding-bottom: 5px;
            padding-top: 5px;
            color: #01565b;
            font-weight: normal !important;
        }

            .csspaymentreceipt tr td dl dt {
                width: 100%;
                text-align: left;
                color: #01565b;
                font-weight: normal !important;
            }

                .csspaymentreceipt tr td dl dt .dlfix {
                    width: 100%;
                    text-align: left;
                    font-weight: normal !important;
                }

            .csspaymentreceipt tr td dl#dlheader {
                font-size: 12px;
                color: #01565b;
                width: 100%;
                text-align: left;
                font-weight: normal !important;
            }

            .csspaymentreceipt tr td dl dt#dtsubheader1 {
                font-size: 12px;
                color: #01565b;
                width: 100%;
                text-align: left;
                font-weight: normal !important;
            }

            .csspaymentreceipt tr td dl dt#dtsubheader2 {
                font-size: 12px;
                color: #01565b;
                width: 100%;
                text-align: left;
                font-weight: normal !important;
            }

            .csspaymentreceipt tr td dl#dlheader dt#dtheader {
                font-size: 12px !important;
                font-weight: bold;
                width: 100%;
                text-align: left;
                color: #01565b;
            }

            .csspaymentreceipt tr td dl#dltitle {
                text-align: center;
                font-weight: normal !important;
            }


                .csspaymentreceipt tr td dl#dltitle dt#dttitle {
                    font-size: 16px !important;
                    font-weight: bold;
                    width: 100% !important;
                    text-align: center;
                    color: #01565b;
                }

            .csspaymentreceipt tr td dl dt#dtcommit {
                font-size: 13px !important;
                font-weight: bold;
                width: 100% !important;
                text-align: center;
                color: #01565b;
            }

            .csspaymentreceipt tr td dl dt#dtnumtotext1 {
                font-size: 11px !important;
                font-weight: normal !important;
                font-style: italic;
                width: 100% !important;
                text-align: right;
                color: #01565b;
                vertical-align: text-top;
            }

            .csspaymentreceipt tr td dl dt#dtnumtotext2 {
                font-size: 11px !important;
                font-weight: normal !important;
                font-style: italic;
                width: 100% !important;
                text-align: right;
                color: #01565b;
                vertical-align: text-top;
            }

            .csspaymentreceipt tr td dl dt#dtnumtotext3 {
                font-size: 11px !important;
                font-weight: normal !important;
                font-style: italic;
                width: 100% !important;
                text-align: right;
                color: #01565b;
                vertical-align: text-top;
            }
/*Begin identity transfer*/
.idctransferpick {
    float: left;
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border-bottom: solid 1px #f4f4f4 !important;
    padding: 0 0 10px 0;
}

    .idctransferpick div#divdynamic {
        float: left;
        width: 100%;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
    }

        .idctransferpick div#divdynamic ol {
            list-style: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 12px;
            color: #000;
            width: 100%;
            padding: 0;
        }

        .idctransferpick div#divdynamic li {
            float: left;
            list-style: none;
            font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 12px;
            color: #000;
            background-color: #fff;
            margin-top: 1px;
            width: 100%;
            min-height: 25px;
            padding-bottom: 2px;
            border: none !important;
            padding-top: 10px;
        }

            .idctransferpick div#divdynamic li label {
                color: #005663;
            }

            .idctransferpick div#divdynamic li ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .idctransferpick div#divdynamic li ul li {
                    list-style: none;
                    float: left;
                    width: auto;
                    border: none;
                    margin: 0;
                    display: block;
                }

                    .idctransferpick div#divdynamic li ul li input[type=checkbox] {
                        width: auto;
                        margin: 2;
                    }

                    .idctransferpick div#divdynamic li ul li label {
                        width: auto;
                        line-height: 23px;
                        height: 23px;
                        color: #005663;
                    }

.labelbranch {
    float: left;
    min-width: 140px !important;
    line-height: 23px;
    height: 23px;
    display: block;
}

.selectbank {
    max-width: 75% !important;
}

.idctransferpick div#divdynamic li ul li span {
    line-height: 23px;
    height: 23px;
    padding: 0 2px 0 2px;
}

.transinputtableint {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}

    .transinputtableint table {
        padding: 0;
        margin: 0;
    }

        .transinputtableint table tr {
            padding: 0;
            margin: 0;
        }

            .transinputtableint table tr td {
                padding: 7px 2px;
                margin: 0;
            }

                .transinputtableint table tr td label {
                    color: #005663;
                }

.transinputtableint2 {
    padding: 0;
    margin: 0;
}

    .transinputtableint2 tr {
        padding: 0;
        margin: 0;
    }

        .transinputtableint2 tr td {
            padding: 0;
            margin: 0;
        }

.idcardint {
    width: 120px;
}

.issuedateint {
    width: 80px;
}

.placebyint {
    width: 101px !important;
}

.tdtopamt {
    vertical-align: text-top;
    padding-top: 10px;
}

.spanamounttotext {
    text-align: left;
    color: #0b5c64;
    font-weight: normal;
    font-style: italic;
}

.divcashlitmit {
    float: left;
    color: #0b5c64;
    padding-top: 5px;
    min-height: 16px;
    width: 97%;
}

.spanlitmit {
    color: #bf2934;
    font-weight: bold;
    padding-left: 2px;
}

.spancashlimitamt {
    color: #bf2934;
    font-weight: bold;
    padding-left: 2px;
}

.spancharge {
    color: #bf2934;
    font-weight: bold;
}

.spanoutcharge {
    margin-left: 5px;
    height: 20px;
    padding-top: 8px;
}

.exttransfercmd {
    float: left;
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

    .exttransfercmd a {
        text-decoration: none;
        color: #0b5b62;
        padding-bottom: 3px;
        border-bottom: solid 1px #0b5c64;
    }

        .exttransfercmd a:hover {
            color: #000000;
            text-decoration: underline;
            border-bottom: solid 2px #0b5c64;
        }

/*End identity transfer*/
/******Prefer payment*****/
.prefertable {
    float: left;
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

    .prefertable table {
        border: none;
    }

        .prefertable table tr {
            border: none;
        }

            .prefertable table tr td {
                border: solid 1px #dcdcdc;
                text-align: center;
            }

                .prefertable table tr td a {
                    font-weight: bold;
                    text-decoration: none;
                }

                .prefertable table tr td ul {
                    margin: 0;
                    padding: 0;
                    width: 395px;
                    height: 150px;
                    list-style: none;
                }

.prefertableul {
    margin: 0;
    padding: 0;
    width: 395px;
    height: 400px;
    list-style: none;
}

.prefertable table tr td ul li.liimg {
    float: left;
    width: 100px;
    padding: 5px;
    overflow: visible;
}

.prefertable table tr td ul li.litext {
    float: left;
    margin: 0;
    padding: 5px;
    width: 270px;
    height: 140px;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    border-left: solid 1px #dcdcdc;
}

.prefertable table tr td ul li div.divtextmore {
    float: left;
    margin: 0;
    padding: 5px;
    width: 270px;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    border-left: solid 1px #dcdcdc;
}

.prefertable table tr td ul li div.divtextmorehide {
    float: left;
    margin: 0;
    padding: 5px;
    width: 270px;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    border-left: solid 1px #dcdcdc;
    display: none;
}

.prefertableul {
    margin: 0;
    padding: 0;
    width: 575px;
    height: 300px;
    list-style: none;
}

.prefertableulliimg {
    float: left;
    width: 100px;
    padding: 5px;
    min-height: 110px;
    text-align: center;
    overflow: visible;
}

    .prefertableulliimg span {
        font-weight: bold;
        text-decoration: none;
        color: #5700ee;
        text-align: center;
    }

.prefertableullitext {
    float: left;
    margin: 0;
    padding: 5px;
    width: 450px;
    min-height: 150px;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    border-left: solid 1px #dcdcdc;
}
/*************************/
/*div notes*/
.divnotes {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 20px;
}

    .divnotes label {
        font-style: italic;
        color: #5e5e5e;
    }

.divschtrans {
    float: left;
    width: 100%;
}

.ulfilterschtrans {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .ulfilterschtrans li {
        padding: 5px;
        margin: 0;
        width: 100%;
        list-style: none;
        list-style-type: none;
    }

        .ulfilterschtrans li label {
            width: 100px;
        }
/****Customer****/

.banking-customer {
    width: 71%;
    float: left;
    padding-left: 30px;
}

.caution-title {
    text-transform: uppercase;
    color: #c20010;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dotted #005663;
    padding-bottom: 10px;
    margin-bottom: 12px;
}
/***************/
/*Begin customer info*/
.fieldset {
    float: left;
    width: 96%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    list-style: none;
    border: solid 1px #a3bec2;
}

    .fieldset table {
        float: left;
        list-style: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        margin-left: 0px;
        width: 100%;
        padding-left: 5px;
        border-collapse: collapse;
    }

        .fieldset table tr {
        }

            .fieldset table tr td {
                text-align: left;
                padding-left: 20px;
                border-bottom: dotted 1px #ccc;
            }

            .fieldset table tr .tdleft {
                width: 180px;
            }

            .fieldset table tr td label {
                float: left;
                text-align: left;
                height: 23px;
                color: #000;
                padding-top: 4px;
                color: #005663;
            }

            .fieldset table tr td span {
                float: left;
                text-align: left;
                color: #0b5c64;
                font-weight: bolder;
                padding-left: 5px;
                padding-right: 10px;
                padding-top: 4px;
            }

            .fieldset table tr td input[type=checkbox] {
            }

.fieldset2 {
    float: left;
    width: 96%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    list-style: none;
    border: solid 1px #a3bec2;
}

.services {
    width: 100%;
    padding: 0;
}

    .services ul {
        border: none;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .services ul li {
            border: none;
            list-style-type: none;
            padding: 0 5px 0 0;
        }

            .services ul li label {
                padding: 10px 10px 10px 5px;
            }

            .services ul li input[type='checkbox'] {
                margin-bottom: 2px;
            }

.divserviceacct {
    float: left;
    width: 28%;
    padding: 5px 5px 5px 0;
    color: #005663;
}

.divserviceacct2 {
    float: left;
    width: 69%;
    padding: 0 5px 5px 0;
    color: #005663;
}

.divserviceproduct {
    float: left;
    width: 99%;
    padding: 5px 5px 5px 0;
    color: #005663;
}

.label {
    width: 98%;
    display: block;
    padding: 7px 0 7px 5px !important;
}

.label2 {
    display: block;
    padding: 7px 0 7px 5px !important;
}

.spanvalue {
    font-family: 'myriadpro-bold-webfont',sans-serif;
    font-size: 18px;
    color: #005663;
}
/*sub account info*/
.subcustomerinfo tr {
}

    .subcustomerinfo tr td {
        text-align: left;
        border-bottom: dotted 1px #ccc;
    }

        .subcustomerinfo tr td#tdtitle {
            text-align: left;
            padding: 5px;
            border: solid 1px #fceda9;
            background-color: #f4f4f4;
        }

            .subcustomerinfo tr td#tdtitle span {
                color: #000000;
            }

    .subcustomerinfo tr .tdleft {
    }

    .subcustomerinfo tr td label {
        float: left;
        text-align: left;
        color: #000;
        padding: 5px 0 5px 0;
    }

    .subcustomerinfo tr td span {
        text-align: left;
        color: #0b5c64;
        font-weight: bold;
        padding: 0 5px;
    }
/*****template holder****/
.templateholderinfo {
    width: 100%;
}

    .templateholderinfo ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.lileft {
    float: left;
    width: 21%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
}

.liright {
    width: 75%;
    margin: 0;
    display: inline-block;
    padding: 5px !important;
}

.liright2 {
    width: 75%;
    margin: 0;
    display: inline-block;
    padding: 5px 5px 5px 2px !important;
}

.templateholderinfo ul li label {
    width: 150px !important;
    margin: 0;
    padding: 0;
}

.divleft {
    float: left;
    width: 21%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
}

.divright {
    width: 75%;
    margin: 0;
    display: inline-block;
    padding: 5px !important;
}

.templateholdercmd {
    margin-top: -10px;
    display: block;
    padding: 0 0 10px 5px;
    text-align: right;
    border-bottom: solid 2px #005663;
}

.tempaddcmd {
    text-decoration: none;
    color: #005663 !important;
}

    .tempaddcmd:hover {
        text-decoration: none;
        color: #ff0000 !important;
    }

.ultemplate {
    margin: 0;
    padding: 0;
}

.ulchangepwd {
    margin: 0;
    padding: 0;
}

.ulchangepwdspan {
    float: left;
    width: 99% !important;
    display: block;
}

.lileftpwd {
    float: left;
    width: 25%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
}

.lirightpwd {
    width: 71%;
    margin: 0;
    display: inline-block;
    padding: 5px !important;
}

#divOption {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

    #divOption fieldset {
        float: left;
        width: 96%;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        list-style: none;
        border: solid 1px #a3bec2;
    }

        #divOption fieldset legend {
            padding: 10px;
        }

        #divOption fieldset ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            #divOption fieldset ul li {
                height: 25px;
            }

                #divOption fieldset ul li input {
                    margin-top: 3px;
                }

                #divOption fieldset ul li label {
                    padding: 3px;
                    margin-top: -2px;
                }
/******view hist*****/
.clsdivpop {
    float: left;
    width: 600px;
    height: 500px;
    border: solid 5px #87b6d9;
    background: #fdfeff;
}

.clsdivpoptitle {
    float: left;
    width: 590px;
    height: 20px;
    background: #87b6d9;
    padding: 5px;
    color: #fff;
}

.clsdivpopcontent {
    float: left;
    width: 600px;
    height: 464px;
    overflow: scroll;
}

.clsdivpopmsg {
    float: left;
    width: 300px;
    height: 100px;
    padding: 0;
    border: solid 5px #87b6d9;
    background: #fdfeff;
}

.clsdivpopmsgtitle {
    float: left;
    width: 290px;
    height: 20px;
    background: #87b6d9;
    padding: 5px;
    color: #fff;
}

.clsdivpopmsgcontent {
    float: left;
    width: 280px;
    padding: 10px;
    color: #ff0000;
}

.clslblbtn {
    border: solid 1px #87b6d9;
    padding: 5px;
    cursor: pointer;
}

.clslblbtnactive {
    border: solid 1px #87b6d9;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    color: #fff;
    background: #21838d;
}

#simplemodal-container a.modalCloseImg {
    background: url(Images/x.png) no-repeat; /* adjust url as required */
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -18px;
    cursor: pointer;
}

.viewhis {
    float: left;
    width: 99%;
    padding: 5px;
    display: block;
}

    .viewhis ul {
        float: left;
        margin: 0;
        padding: 0;
        display: block;
        min-height: 50px;
    }

        .viewhis ul li {
            float: left;
            display: inline-block;
            padding: 0 5px 0 0;
            cursor: pointer;
        }

            .viewhis ul li a {
                display: inline-block;
                white-space: nowrap;
            }

.licmdlast {
    float: left;
    display: block;
    padding: 0 5px 0 0;
    cursor: pointer;
    margin: 10px 0 0 0;
}
/*****deposit*******/
.deposittable {
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

.depositrule {
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
}

.divrowdeposit {
    float: left;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

.divrowdepositext {
    padding: 5px 0 5px 5px;
}

.divinrowlabel {
    float: left;
    width: 10%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
    color: #005663;
}

.divinrowinput {
    float: left;
    width: 13%;
    display: block;
    margin: 0;
    display: inline-block;
    padding: 8px !important;
    color: #005663;
}

.divleftcoldeposit {
    float: left;
    width: 27%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
    color: #005663;
}

.divleftcoldeposit2 {
    width: 22%;
}

.divleftcoldeposit3 {
    width: 18%;
}

.divrightcoldeposit {
    width: 67%;
    margin: 0;
    display: inline-block;
    padding: 5px !important;
    color: #005663;
}

.divrightcoldeposit2 {
    width: 72%;
}

.divrightcoldeposit3 {
    width: 76%;
}

.divrightwarning {
    padding: 5px 0;
    display: block;
    width: 99%;
}

.divrightcolfinal {
    width: 67%;
    margin: 0;
    display: inline-block;
    padding: 8px 5px 5px 5px !important;
}

.divdeposittitle {
    width: 98%;
    background: #f8f8f8;
    padding: 6px 5px 6px 0;
    display: block;
    font-weight: bold;
    font-size: 16px;
    /*border-bottom:solid 2px #bdbdbd;*/
}

.divleftcoldepositcfm {
    float: left;
    width: 40%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
    color: #005663;
    text-align: right;
}

.divrightcoldepositcfm {
    width: 55%;
    margin: 0;
    display: inline-block;
    padding: 5px !important;
    color: #005663;
}

.divrightcoldepositmsg {
    width: 98%;
    padding: 10px;
    text-align: center;
}

.spanconfirm {
    width: auto;
    color: #0b5c64;
    font-weight: bold;
}

.ulrightcoldeposit {
    margin: 0;
    padding: 0;
    width: 100%;
}

.lileftcoldeposit {
    float: left;
    width: 40%;
    margin: 0;
    display: block;
    padding: 0 !important;
}

    .lileftcoldeposit input[type=text] {
        width: 100%;
    }

    .lileftcoldeposit select {
        width: 100%;
    }

.lileftcoldeposit2 input[type=text] {
    width: 95%;
}

.lileftcoldeposit2 select {
    width: 95%;
}

.lirightcoldeposit {
    width: 57%;
    margin: 0;
    display: inline-block;
    padding: 0 0 0 5px !important;
    min-height: 30px;
    color: #005663;
    list-style-type: none;
}

.lirightcoldepositSingle {
    width: 57%;
    margin: 0;
    display: inline-block;
    padding: 5px 0 0 5px !important;
    min-height: 30px;
    color: #005663;
    list-style-type: none;
}

.rightbold {
    font-weight: bold;
    padding: 7px 5px 0 5px !important;
}

.spannumtotext {
    padding-top: 5px;
    display: block;
}

.divnotesdeposit {
    border: solid 1px #dddddd !important;
    padding: 0 5px 5px 5px;
}

.uldepnotes {
    float: left;
    margin: 0;
    padding: 5px 0 0 20px;
    list-style-type: square;
}

    .uldepnotes li {
        float: left;
        padding: 2px 0;
        width: 100%;
    }

.ulsubdepnotes {
    float: left;
    width: 97%;
    margin: 0;
    padding: 5px 0 0 20px;
    list-style-type: disc;
}

    .ulsubdepnotes li {
        float: left;
        padding: 2px 0;
        width: 97%;
    }

.spanbaldeposit {
    float: left;
    padding: 0;
    margin: 0;
}

.ulnotesint {
    padding: 0 5px 5px 20px;
    margin: 0;
    float: left;
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

    .ulnotesint li {
        list-style-type: square;
        padding: 3px;
        margin: 0;
    }
/*Begin progress*/
.loadprogress {
    display: block;
    position: absolute;
    padding: 2px 3px;
}

.loadprocontainer {
    border: solid 1px #808080;
}

.loadproheader {
    /* background: url(imagesctl/sprite.png) repeat-x 0px 0px;*/
    background-color: #f2f2f2;
    border-color: #808080 #808080 #ccc;
    padding: 0px 10px;
    color: #000;
    line-height: 1.9;
    font-family: arial,helvetica,clean,sans-serif;
    padding: 10px;
}

.loadprobody {
    background-color: #fafafa;
    border-color: #808080;
    padding: 10px;
}

.loadprogressdiv {
    position: absolute;
    top: 50%;
    left: 48%;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #aeaeae;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 99998;
}

.loadprogressdiv-info {
    color: #000;
    background-color: #d3d3d3;
    border-color: #f1eeee;
    z-index: 99999;
}

/*End progress*/
/****End transinfo grid style****/


/*End trans his input*/

/******button******/
.Bagree {
    padding: 9px 0;
    text-align: center;
    display: block; /* background: #005663;*/
    background: #c20010;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
    float: left;
    width: 30%;
    margin-right: 10px;
    border: none !important;
}

.Bagreewidth {
    width: 35%;
}

.BagreePad {
    padding-left: 10px;
    padding-right: 10px;
    width: 40%;
}

.Bagree:hover {
    /*background: #0c7888;*/
    background: #a6000e;
    color: #fff;
}

.Bagreemiddle {
    padding: 9px 0;
    text-align: center;
    display: block;
    background: #c20010;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin: 0 10px 15px 10px;
    text-decoration: none;
    float: left;
    width: 30%;
    border: none !important;
}

    .Bagreemiddle:hover {
        background: #a6000e;
        color: #fff;
    }

.Bcancel {
    padding: 9px 0;
    text-align: center;
    display: block;
    background: #9c9c9c;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
    float: left;
    width: 30%;
    border: none !important;
}

    .Bcancel:hover {
        background: #b9b8b8;
    }

.Bfilter {
    padding: 6px 0;
    text-align: center;
    background: #c20010;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
    width: 20%;
    margin-right: 10px;
    border: none !important;
}

    .Bfilter:hover {
        background: #a6000e;
        color: #fff;
    }

.Bsmallagree {
    padding: 9px 0;
    text-align: center;
    display: block;
    background: #c20010;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 5px;
    text-decoration: none;
    float: right;
    width: 20%;
    margin-right: 10px;
    border: none !important;
}

    .Bsmallagree:hover {
        background: #a6000e;
        color: #fff;
    }

.Bsmallcancel {
    padding: 9px 0;
    text-align: center;
    display: block;
    background: #9c9c9c;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 5px;
    text-decoration: none;
    float: right;
    width: 20%;
    border: none !important;
}


    .Bsmallcancel:hover {
        background: #b9b8b8;
    }



/*******Modal for history detail********/
.modalBackground {
    background-color: #fdfeff;
    filter: alpha(opacity=60);
    opacity: 0.7;
}

.ModalWindowTitle {
    float: left;
    text-align: center;
    width: 640px;
    background: #87b6d9;
    padding: 5px;
    color: #fff !important;
    height: 20px;
}

.ModalWindowMsg {
    float: left;
    text-align: center;
    width: 650px;
}

.ModalWindowContent {
    float: left;
    text-align: center;
    width: 640px;
    height: 390px;
    padding: 5px;
    display: block;
    overflow: scroll;
}

.ModalWindowCmd {
    float: left;
    background-color: #f6f6f7;
    padding: 5px 5px 0 5px;
    display: block;
    width: 98%;
}

.ModalWindow {
    border: solid 5px #87b6d9;
    background: #f0f0f0;
    padding: 0px10px10px10px;
    position: absolute;
    top: -1000px;
    width: 650px;
    background: #fdfeff;
    height: 480px;
}

.ModalWindowTitle2 {
    float: left;
    text-align: center;
    width: 99%;
    background: #87b6d9;
    padding: 5px;
    color: #fff !important;
    height: 20px;
}

.ModalWindowMsg2 {
    float: left;
    text-align: center;
    width: 100%;
}

.ModalWindowContent2 {
    float: left;
    text-align: center;
    width: 60%;
    padding: 5px;
    display: block;
    overflow: scroll;
}

.ModalWindowCmd2 {
    float: left;
    background-color: #f6f6f7;
    padding: 5px 5px 0 5px;
    display: block;
    width: 98%;
}

.ModalWindow2 {
    border: solid 5px #87b6d9;
    background: #f0f0f0;
    padding: 0px10px10px10px;
    position: absolute;
    top: -1000px;
    width: 60%;
    background: #fdfeff;
}

.currencytype {
    text-align: center !important;
}

.curramount {
    text-align: right !important;
}

.transdetailcontent {
    padding-left: 2px;
    padding-right: 2px;
    width: 98%;
    display: block;
}

.transdate {
    width: 65px;
    background-color: #f6f6f7;
    text-align: center;
}

.transplace {
    width: 120px;
    background-color: #f6f6f7;
}

.transdesc {
    background-color: #f6f6f7;
    width: 140px;
}

.transtoacct {
    background-color: #f6f6f7;
    width: 60px;
}

.transfullname {
    background-color: #f6f6f7;
    width: 110px;
}

.transbalamt {
    width: 90px;
    background-color: #f6f6f7;
    text-align: right !important;
}

.section {
    float: left;
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    width: 100%;
    text-align: right;
}

.returnpage {
    display: block;
    width: 100%;
    float: left;
}

.row1, .row1 a {
    color: #C0BAB6;
    background-color: #333333;
}

.row2 {
    color: #979797;
    background-color: #FFFFFF;
}

    .row2 a {
        color: #FF9900;
        background-color: #FFFFFF;
    }

.h1 {
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: normal !important;
    font-family: Arial;
}

.h2 {
    font-size: 17px !important;
    font-weight: normal !important;
    line-height: normal !important;
    font-family: Arial;
}

.spanrequired {
    float: left !important;
    display: block;
    width: 80%;
    padding: 0 0 0 103px;
}

.paneldefaultbtn {
    float: left;
    width: 100%;
}

.olparent {
    margin: 0;
    list-style-type: none !important;
}

    .olparent li {
        margin: 0 !important;
        background: url('images/bullet.gif') no-repeat;
        background-position: 0 10px;
        padding-left: 20px;
        color: #262626;
    }

.olchild {
    margin: 0;
    list-style-type: none !important;
}

    .olchild li {
        margin: 0 !important;
        background: url('images/checkmark.gif') no-repeat;
        background-position: 0 5px;
        padding-left: 20px;
        color: #262626;
    }

.olchild2 {
    margin: 0;
    list-style-type: none !important;
}

    .olchild2 li {
        margin: 0 !important;
        background: url('images/bullet-white-alt.png') no-repeat;
        background-position: 0 5px;
        padding-left: 20px;
        color: #262626;
    }
/********Tooltip new*******/

.divtipstyle {
    left: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    height: 20px;
    width: 34%;
    /* border: solid 4px #c2e1f5;*/
    color: #e02b2f;
    font-family: Arial, Verdana, Tahoma;
    margin-bottom: 1em;
    position: absolute;
    background: #88b7d5;
    /* border-top: 1px solid #c2e1f5;
    border-left: 1px solid #c2e1f5;
    border-bottom: 1px solid #c2e1f5;
    border-right: solid transparent;
    border: solid transparent;*/
    -moz-box-shadow: 1px 1px 2px 1px #ccc;
    -webkit-box-shadow: 1px 1px 2px 1px #ccc;
    box-shadow: 1px 1px 2px 1px #ccc;
}

    .divtipstyle:after { /*arrow added to downarrowdiv DIV*/
        /*   content: '';
        display: block;
        position: absolute;
        top:30%;
        left: 100%; /*should be set to 100% */
        /* right: 0;
        width: 0;
        height: 0;
        /*border-color: #a3ccfa transparent transparent transparent; /*border color should be same as div div background color*/
        /* border-style: solid;
    border-width: 10px;*/
        /* border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #88b7d5;
        /*border: solid transparent;*/
        content: '';
        display: block;
        position: absolute;
        top: 100%; /*should be set to 100% */
        left: 50%;
        width: 0;
        height: 0;
        border-color: #a3ccfa transparent transparent transparent; /*border color should be same as div div background color*/
        border-style: solid;
        border-width: 10px;
    }

.spimagenew {
    background: url('Images/icon-news.png');
    background-repeat: no-repeat;
    width: 26px;
    float: left;
    height: 13px;
}

.arrow_box {
    left: 27%;
    bottom: 0;
    position: relative;
    background: #88b7d5;
    border: 3px solid #c2e1f5;
    color: #e02b2f;
    font-family: Arial, Verdana, Tahoma;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    height: 80px;
    /*max-height:30px;*/
    max-width: 450px;
    padding: 5px;
}

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

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #88b7d5;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #c2e1f5;
        border-width: 15px;
        margin-left: -15px;
    }

.hlink {
    color: #666;
}

    .hlink:hover {
        color: #c20010;
    }

/******dep for org*******/
.divcreatetransdep {
    width: 98%;
    padding: 6px 5px;
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    font-size: 16px !important;
    color: #01565b;
    text-transform: uppercase;
}
/***********************/

/*******temp ecom******/

.lileftecom {
    float: left;
    width: 25%;
    margin: 0;
    display: block;
    padding: 0px 5px 5px 5px !important;
}

.lileftepurse {
    float: left;
    width: 28%;
    margin: 0;
    display: block;
    padding: 0px 5px 5px 5px !important;
}

.lileftecom3 {
    padding: 8px 5px 5px 5px !important;
}

.lileftecom4 {
    padding: 6px 5px 5px 5px !important;
}

.lileftecom5 {
    width: 30%;
}

.lileftecom2 {
    float: left;
    width: 50%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
}

.lirightecom {
    width: 69%;
    margin: 0;
    display: inline-block;
    padding: 0 5px 5px 5px !important;
}

    .lirightecom table tr td input {
        top: 0 !important;
        padding: 2px;
    }

    .lirightecom table tr td label {
        margin-top: 0 !important;
        padding: 0 3px 3px 5px !important;
    }

.lirightecom2 {
    width: 100%;
    margin: 0;
    display: inline-block;
    padding: 5px 5px 5px 2px !important;
}

.lileftecom label {
    width: 99%;
    margin: 0;
    padding: 0;
}

.lirightecom5 span {
    display: inline-block;
    padding: 5px 5px 5px 0;
}

.lispan {
}

    .lispan input {
        top: 0 !important;
        padding: 2px;
    }

    .lispan label {
        margin-top: 5px !important;
        padding: 3px 3px 3px 5px !important;
    }

.ecomcapcha {
    margin: 0 !important;
    padding: 0;
}

.etax {
    float: left;
    width: 100%;
}

.etaxcatitem {
    border-bottom: solid 1px #01565b;
}

.etaxcatitem2 {
    margin-top: 15px;
}

/*******end temp ecom********/
/**********temp epurse*****/



.lileftepurse {
    float: left;
    width: 28%;
    margin: 0;
    display: block;
    padding: 0px 5px 5px 5px !important;
}


.lileftepurse3 {
    padding: 8px 5px 5px 5px !important;
}

.lileftepurse4 {
    padding: 6px 5px 5px 5px !important;
}

.lileftepurse5 {
    width: 30%;
}

.lileftepurse2 {
    float: left;
    width: 50%;
    margin: 0;
    display: block;
    padding: 8px 5px 5px 5px !important;
}

.lirightepurse {
    float: left;
    width: 66%;
    margin: 0;
    display: inline-block;
    padding: 0 5px 5px 5px !important;
}

.lileftepursegroup {
    padding: 0;
    float: left;
    display: inline-block;
}

.lispanepursegroup input {
    float: left;
    width: auto !important;
    padding: 5px;
    margin-top: 2px;
}

.lispanepursegroup label {
    float: left;
    display: inline-block;
    width: auto !important;
    padding: 0 5px 5px 10px !important;
    margin-left: 5px;
}

.accountePurse {
    width: auto !important;
    margin-top: 0;
}

    .accountePurse tr {
        width: auto !important;
    }

        .accountePurse tr td {
            width: auto !important;
            margin: 0;
            padding: 0;
        }

            .accountePurse tr td span input {
                float: left;
                width: auto !important;
                padding: 5px;
                margin-top: 2px;
            }

            .accountePurse tr td span label {
                float: left;
                display: inline-block;
                width: auto !important;
                padding: 5px 5px 5px 10px !important;
                margin-left: 5px;
            }

            .accountePurse tr td input {
                float: left;
                width: auto !important;
                padding: 5px;
                margin-top: 2px;
            }

            .accountePurse tr td label {
                float: left;
                display: inline-block;
                width: auto !important;
                padding: 0 5px 5px 10px !important;
            }

.laccountePurse tr td span input {
    top: 0 !important;
    padding: 2px;
}

.accountePurse tr td span label {
    margin-top: 0 !important;
    padding: 0 3px 3px 5px !important;
}

.lirightepurse2 {
    width: 100%;
    margin: 0;
    display: inline-block;
    padding: 5px 5px 5px 2px !important;
}

.lirigh2 {
    padding: 0 0 0 5px !important;
}

.lileftepurse label {
    width: 99%;
    margin: 0;
    padding: 0;
}

.lirightepurse select {
    color: #ff0000 !important;
}

.lirightepursem5 span {
    display: inline-block;
    padding: 5px 5px 5px 0;
}


.lileftepurse6 {
    float: left;
    display: inline-block;
    padding-bottom: 8px !important;
}

.lileftepurse7 {
    float: left;
    display: inline-block;
    padding-bottom: 12px !important;
}

.lileftepurse8 {
    padding-left: 12px;
}

.eursecapcha {
    margin: 0 !important;
    padding: 0;
}

.ulformgroup {
    float: left;
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 0;
}
/*******end temp epurse**/

/*****************/
/* 7. RESPONSIVE */
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}



/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}

.topfrom20 {
    padding-top: 20px !important;
}

.topfrom10 {
    padding-top: 10px !important;
}

.topfrom107 {
    padding-top: 7px !important;
}

.mgtopfromminus5 {
    margin-top: -5px !important;
    margin-left: 10px !important;
}

.imgrefesh {
    width: 22px;
    display: inline;
    border: 0;
    height: 22px;
    margin: 0;
}

.bottomfrom20 {
    padding-bottom: 20px !important;
    clear: both;
}

.bottomfrom10 {
    padding-bottom: 10px !important;
    clear: both;
}

.bottomfrom5 {
    padding-bottom: 5px !important;
    clear: both;
}

.chcode {
    font-weight: bold !important;
    font-size: 19px !important;
}

.ccodenote {
    font-weight: normal;
    font-style: italic;
    color: #c20010;
}

.BagreeMix {
    padding: 9px 10px;
    text-align: center;
    display: block; /* background: #005663;*/
    background: #c20010;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
    float: left;
    margin-right: 10px;
    border: none !important;
}



    .BagreeMix:hover {
        /*background: #0c7888;*/
        background: #a6000e;
        color: #fff;
    }

.topfrom0 {
    padding-top: 0 !important;
}

.checkbox-inline {
    padding-top: 5px;
    padding-bottom: 10px;
}

    .checkbox-inline input, .checkbox label {
        display: inline-block;
        vertical-align: middle;
    }

    .checkbox-inline input {
        color: #000000 !important;
        border-color: #4e4e4e;
    }

    .checkbox-inline label {
        margin-right: 20px;
        padding-left: 5px;
        color: #005663;
    }

.sbold {
    font-weight: bold;
}

.sred {
    color: red;
}

.topctrl9 {
    padding-top: 9px !important;
}

.notessm {
    color: #ff0000;
    font-weight: bold;
    padding-bottom: 8px !important;
    line-height: 22px !important;
}

.hidden {
    display: none !important;
}

.autochooseauth {
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 5px;
}

.redcolor {
    color: #ff0000;
}

.bluecolor {
    color: #248690;
}

.hhover a:hover {
    color: #0f727c;
}

.helptitle {
    font-size: 16px;
}

.commonct {
    display: block !important;
    text-align: center !important;
    margin: 0 auto;
}

.BagreeCustomize {
    padding: 9px 0;
    text-align: center;
    background: #c20010;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
    width: 30%;
    margin-right: 10px;
    border: none !important;
}

BagreeCustomize:hover {
    /*background: #0c7888;*/
    background: #a6000e;
    color: #fff;
}

.BcancelCustomize {
    padding: 9px 0;
    text-align: center;
    background: #9c9c9c;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial !important;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
    width: 30%;
    border: none !important;
}

    .BcancelCustomize:hover {
        background: #b9b8b8;
    }
/***Begin popup up***/

/***End***/

.fancybox-image {
    cursor: pointer !important;
}

@media print {
    #btnPrintag {
        display: none !important;
    }
    #btnCancel {
        display: none !important;
    }
}
.divrightcoldeposit a {
    color:#0b5c64;
}