html, body {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: normal;
    color: black;
    text-decoration: none;
    margin-top: 0px;
    margin-left: 0px;
    background: #fff;
}

.textbox {
    height: 14px;
    border: #787878 thin solid;
    padding: 2px;
}

.btnfdsbuy {
    height: 24px;
    width: 80px;
    color: black;
    font-size: 13px;
    background: #a7ccf0;
    border: 1px solid black;
    cursor: pointer;
}

    .btnfdsbuy:hover {
        background: #bad2ea;
    }

    .btnfdsbuy:disabled {
        background: #575757;
        cursor: default;
    }

.btnfdssell {
    height: 24px;
    width: 80px;
    color: black;
    font-size: 13px;
    background: #f5c5d9;
    border: 1px solid black;
    cursor: pointer;
}

    .btnfdssell:hover {
        background: #f6d2e1;
    }

    .btnfdssell:disabled {
        background: #575757;
        cursor: default;
    }


.btnGreen {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    background: #4bb825;
    text-decoration: none;
    font-weight: bold;
    height: 24px;
    width: 80px;
    border: 1px solid #4bb825;
    cursor: pointer;
    text-transform: uppercase;
}

    .btnGreen:hover, .btnGreen:focus {
        background: #4bb825;
        text-decoration: none;
        border: 1px solid #4bb825;
    }

    .btnGreen:disabled {
        cursor: not-allowed!important;
        background: #80C360;
        text-decoration: none;
        border: 1px solid #80C360;
    }

.btnReset {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    background: #979797;
    text-decoration: none;
    font-weight: bold;
    height: 24px;
    width: 80px;
    border: 1px solid #979797;
    cursor: pointer;
    text-transform: uppercase;
}

    .btnReset:hover, .btnReset:focus {
        background: #979797;
        text-decoration: none;
        border: 1px solid #979797;
    }

    .btnReset:disabled {
        cursor: not-allowed!important;
        background: #979797;
        text-decoration: none;
        border: 1px solid #979797;
    }

.btnReset2 {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    background: #b3b3b3;
    text-decoration: none;
    font-weight: bold;
    height: 24px;
    width: 80px;
    border: 1px solid #b3b3b3;
    cursor: pointer;
    text-transform: uppercase;
}

    .btnReset2:hover, .btnReset:focus {
        background: #b3b3b3;
        text-decoration: none;
        border: 1px solid #b3b3b3;
    }

    .btnReset2:disabled {
        cursor: not-allowed!important;
        background: #b3b3b3;
        text-decoration: none;
        border: 1px solid #b3b3b3;
    }

.btnGreen2 {
    height: 20px;
    width: 40px;
    color: #fff;
    background: #268a40;
    border: 0px;
    cursor: pointer;
    font-size: 11px;
}

    .btnGreen2:hover {
        background: #0aa402;
    }

.btnGreen3 {
    height: 23px;
    width: 70px;
    color: #fff;
    font-size: 13px;
    background: #268a40;
    border: 0px;
    cursor: pointer;
}

    .btnGreen3:hover {
        background: #0aa402;
    }

    .btnGreen3:disabled {
        background: #575757;
        cursor: default;
    }

.btnGreen5 {
    height: 23px;
    width: 118px;
    color: #fff;
    font-size: 13px;
    background: #268a40;
    border: 0px;
    cursor: pointer;
}

    .btnGreen5:hover {
        background: #0aa402;
    }

    .btnGreen5:disabled {
        background: #575757;
        cursor: default;
    }

.btnRed { 
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    background: #fe4f4f;
    text-decoration: none;
    font-weight: bold;
    height: 24px;
    width: 80px;
    border: 1px solid #4bb825;
    cursor: pointer;
    text-transform: uppercase;
}

    .btnRed:hover {
        background: #ee1818;
    }

.btnRed2 {
    background: #fe4f4f;
    width: 40px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 11px;
    color: #fff;
}

    .btnRed2:hover {
        background: #ee1818;
    }

    .btnRed2:disabled {
        background: #575757;
        cursor: default;
    }

.dropdown {
    font-size: 13px;
    border: #787878 thin solid;
}

.company_logo {
    background: url("Images/logo_text_white.svg") no-repeat 0;
    /*background-size: cover;*/
    height: 190px;
    margin-top: -90px;
    width: 365px;
    margin-left: -95px;
}

.home_company_logo {
    background: url("Images/logo_text_white.svg") no-repeat 0;
    background-size: cover;
}

.headerAccount {
    float: left;
    height: 55px;
    width: 400px;
    line-height: 56px;
}

.headerDate {
    float: right;
    height: 55px;
    width: 100px;
    line-height: 56px;
    text-align: right;
}

.headerLogout {
    float: right;
    height: 55px;
    width: 100px;
    line-height: 56px;
    text-align: right;
}

.pricediv {
    height: 30px;
    line-height: 31px;
}

.container {
    width: 100%;
    background-color: #fff;
}

.header {
    background: url("Images/mstrade_bg.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    height: 52px;
}
/* Header */
.headerPane {
    background-position: left top;
    background-repeat: no-repeat;
}

    .headerPane .headerTop {
        height: 55px;
    }

.hearderTop1000 {
    height: 55px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.templateTitle {
    float: left;
    margin-left: 15px;
    margin-top: 11px;
}

    .templateTitle a {
        text-decoration: none;
        font-size: x-large;
        color: White;
    }

.loginControl {
    float: right;
    margin-top: 17px;
    margin-right: 25px;
    font-size: 12px;
}

    .loginControl a {
        color: blue;
        text-decoration: none;
        border-bottom: dashed 1px White;
    }

/* Footer */
.footerPane {
    position: relative;
    height: 100%;
}

.footerMenu {
    float: right;
    padding-top: 7px;
}

.content {
    padding: 5px;
}


/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}

.form-field {
    margin-bottom: 8px;
}

.field-validation-error {
    font-size: 11px;
    color: Red;
}


/* iOS */
.dxsplVSeparator_iOS,
.dxsplHSeparator_iOS {
    border-width: 0px !important;
}

.dxsplPane_iOS.leftPane,
.dxsplPane_iOS.rightPane,
.dxsplPane_iOS.contentPane {
    border-width: 1px !important;
}

.dxsplControl_iOS .templateTitle {
    margin-top: 3px;
}

    .dxsplControl_iOS .templateTitle a {
        color: #303030;
        font-size: 26px;
        line-height: 1em;
        font-weight: bold;
    }

.dxsplControl_iOS .headerTop,
.dxsplControl_iOS .content {
    font-family: HelveticaNeue,Helvetica,Verdana,sans-serif;
}

.dxsplControl_iOS .loginControl {
    margin-top: 4px;
}

    .dxsplControl_iOS .loginControl a {
        color: #0160E7;
        text-decoration: underline;
        font-size: 20px;
        font-weight: bold;
    }

.dxsplControl_iOS .headerTop {
    height: 33px;
}

.dxsplControl_iOS .headerMenu {
    margin-top: 0px;
}



.dxsplPane_iOS.footerPane {
    border-width: 1px !important;
}

.dxsplControl_iOS .accountHeader p {
    color: #303030;
    font-size: 18px;
}

.dxsplControl_iOS .accountHeader h2 {
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}


/* Aqua */
.dxsplControl_Aqua {
    font-family: Tahoma;
}

    .dxsplControl_Aqua .headerPane,
    .dxsplControl_Aqua .footerPane,
    .dxsplControl_Aqua .footerMenu li {
        background-color: #BFDBFF;
    }

    .dxsplControl_Aqua .headerPane {
        background-image: url('images/AquaHeader.jpg');
    }

    .dxsplControl_Aqua .headerMenu .dxm-separator b {
        height: 23px !important;
    }

    .dxsplControl_Aqua .accountHeader h2 {
        color: #5689C5;
    }


/* DevEx */
.dxsplControl_DevEx {
    font-family: Verdana;
    color: #201F35;
}

    .dxsplControl_DevEx .headerPane,
    .dxsplControl_DevEx .footerPane,
    .dxsplControl_DevEx .footerMenu li {
        background-color: #F2F3F4;
    }

    .dxsplControl_DevEx .templateTitle a,
    .dxsplControl_DevEx .loginControl,
    .dxsplControl_DevEx .loginControl a {
        color: #4B4B57;
    }

        .dxsplControl_DevEx .loginControl a {
            border-bottom-color: #4B4B57;
        }

    .dxsplControl_DevEx .headerMenu {
        margin-top: 13px;
    }

    .dxsplControl_DevEx .accountHeader p {
        font-size: 11px;
    }


/* BlackGlass */
.dxsplControl_BlackGlass {
    font-family: Tahoma;
}

    .dxsplControl_BlackGlass .headerPane,
    .dxsplControl_BlackGlass .footerPane,
    .dxsplControl_BlackGlass .footerMenu li {
        background-color: #2A2A2A;
        color: white;
    }

    .dxsplControl_BlackGlass .headerPane {
        background-image: url('images/BlackGlassHeader.jpg');
    }

    .dxsplControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul {
        border-bottom: 1px solid black;
    }

    .dxsplControl_BlackGlass .accountHeader p {
        color: #585858;
    }


/* Glass */
.dxsplControl_Glass {
    font-family: Tahoma;
}

    .dxsplControl_Glass .headerPane,
    .dxsplControl_Glass .footerPane,
    .dxsplControl_Glass .footerMenu li {
        background-color: #CFE0E7;
    }

    .dxsplControl_Glass .headerPane {
        background-image: url('images/GlassHeader.jpg');
    }

    .dxsplControl_Glass .footerMenu * {
        background-image: none !important;
    }

    .dxsplControl_Glass .headerMenu .dxm-separator b {
        height: 25px !important;
    }

    .dxsplControl_Glass .templateTitle a,
    .dxsplControl_Glass .loginControl,
    .dxsplControl_Glass .loginControl a {
        color: #4B4B57;
    }

        .dxsplControl_Glass .loginControl a {
            border-bottom-color: #4B4B57;
        }

    .dxsplControl_Glass .accountHeader h2 {
        color: #387FA4;
    }

    .dxsplControl_Glass .accountHeader p {
        color: #575757;
    }

/* Office2003Blue */
.dxsplControl_Office2003Blue {
    font-family: Tahoma;
}

    .dxsplControl_Office2003Blue .headerPane,
    .dxsplControl_Office2003Blue .footerPane,
    .dxsplControl_Office2003Blue .footerMenu li {
        background-color: #BCD4F6;
    }

    .dxsplControl_Office2003Blue .footerMenu div {
        background: transparent none;
    }

    .dxsplControl_Office2003Blue .leftPanel > ul {
        background: transparent none;
    }

    .dxsplControl_Office2003Blue .templateTitle a,
    .dxsplControl_Office2003Blue .loginControl,
    .dxsplControl_Office2003Blue .loginControl a {
        color: #4B4B57;
    }

        .dxsplControl_Office2003Blue .loginControl a {
            border-bottom-color: #4B4B57;
        }

    .dxsplControl_Office2003Blue .accountHeader p {
        color: #424242;
    }

    .dxsplControl_Office2003Blue .headerMenu {
        margin-top: 5px;
    }

/* Office2003Olive */
.dxsplControl_Office2003Olive {
    font-family: Tahoma;
}
    .dxsplControl_Office2003Olive .headerPane,
    .dxsplControl_Office2003Olive .footerPane,
    .dxsplControl_Office2003Olive .footerMenu li {
        background-color: #D6DCBB;
    }

    .dxsplControl_Office2003Olive .footerMenu div {
        background: transparent none;
    }

    .dxsplControl_Office2003Olive .leftPanel > ul {
        background: transparent none;
    }

    .dxsplControl_Office2003Olive .templateTitle a,
    .dxsplControl_Office2003Olive .loginControl,
    .dxsplControl_Office2003Olive .loginControl a {
        color: #4B4B57;
    }

        .dxsplControl_Office2003Olive .loginControl a {
            border-bottom-color: #4B4B57;
        }

    .dxsplControl_Office2003Olive .accountHeader p {
        color: #424242;
    }

    .dxsplControl_Office2003Olive .headerMenu {
        margin-top: 5px;
    }

/* Office2003Silver */
.dxsplControl_Office2003Silver {
    font-family: Tahoma;
}

    .dxsplControl_Office2003Silver .headerPane,
    .dxsplControl_Office2003Silver .footerPane,
    .dxsplControl_Office2003Silver .footerMenu li {
        background-color: #D0D0DE;
    }

    .dxsplControl_Office2003Silver .footerMenu div {
        background: transparent none;
    }

    .dxsplControl_Office2003Silver .leftPanel > ul {
        background: transparent none;
    }

    .dxsplControl_Office2003Silver .templateTitle a,
    .dxsplControl_Office2003Silver .loginControl,
    .dxsplControl_Office2003Silver .loginControl a {
        color: #4B4B57;
    }

        .dxsplControl_Office2003Silver .loginControl a {
            border-bottom-color: #4B4B57;
        }

    .dxsplControl_Office2003Silver .accountHeader p {
        color: #424242;
    }

    .dxsplControl_Office2003Silver .headerMenu {
        margin-top: 5px;
    }


/* Office2010Black */
.dxsplControl_Office2010Black {
    font-family: Verdana;
}

    .dxsplControl_Office2010Black .headerPane,
    .dxsplControl_Office2010Black .footerPane,
    .dxsplControl_Office2010Black .footerMenu li {
        background-color: #393939;
        color: white;
    }

    .dxsplControl_Office2010Black .footerMenu a {
        color: white !important;
    }

    .dxsplControl_Office2010Black .accountHeader h2 {
        color: #3C3C3C;
    }

    .dxsplControl_Office2010Black .accountHeader p {
        font-size: 11px;
    }

    .dxsplControl_Office2010Black .headerMenu {
        margin-top: 13px;
    }


/* Office2010Blue */
.dxsplControl_Office2010Blue {
    font-family: Verdana;
}

    .dxsplControl_Office2010Blue .headerPane,
    .dxsplControl_Office2010Blue .footerPane,
    .dxsplControl_Office2010Blue .footerMenu li {
        background-color: #D3E4F6;
    }

    .dxsplControl_Office2010Blue .templateTitle a,
    .dxsplControl_Office2010Blue .loginControl,
    .dxsplControl_Office2010Blue .loginControl a {
        color: Black;
    }

        .dxsplControl_Office2010Blue .loginControl a {
            border-bottom-color: Black;
        }

    .dxsplControl_Office2010Blue .accountHeader h2 {
        color: #498BC2;
    }

    .dxsplControl_Office2010Blue .accountHeader p {
        font-size: 11px;
    }

    .dxsplControl_Office2010Blue .headerMenu {
        margin-top: 13px;
    }


/* Office2010Silver */
.dxsplControl_Office2010Silver {
    font-family: Verdana;
}

    .dxsplControl_Office2010Silver .headerPane,
    .dxsplControl_Office2010Silver .footerPane,
    .dxsplControl_Office2010Silver .footerMenu li {
        background-color: #A9ACB4;
        color: white;
    }

    .dxsplControl_Office2010Silver .accountHeader h2 {
        color: #3B3B3B;
    }

    .dxsplControl_Office2010Silver .accountHeader p {
        font-size: 11px;
    }

    .dxsplControl_Office2010Silver .headerMenu {
        margin-top: 13px;
    }



/* PlasticBlue */
.dxsplControl_PlasticBlue {
    font-family: Tahoma;
}

    .dxsplControl_PlasticBlue .headerPane,
    .dxsplControl_PlasticBlue .footerPane,
    .dxsplControl_PlasticBlue .footerMenu li {
        background-color: #3C4F8F;
        color: white;
    }

    .dxsplControl_PlasticBlue .headerPane {
        background-image: url('images/PlasticBlueHeader.jpg');
    }

    .dxsplControl_PlasticBlue .accountHeader h2 {
        color: #5A83D0;
    }

    .dxsplControl_PlasticBlue .accountHeader p {
        color: #575757;
    }

    .dxsplControl_PlasticBlue .headerMenu {
        margin-top: 12px;
    }


/* RedWine */
.dxsplControl_RedWine {
    font-family: Tahoma;
}

    .dxsplControl_RedWine .headerPane,
    .dxsplControl_RedWine .footerPane,
    .dxsplControl_RedWine .footerMenu li {
        background-color: #78002B;
        color: white;
    }

    .dxsplControl_RedWine .headerPane {
        background-image: url('images/RedWineHeader.jpg');
        background-position: top right;
    }

    .dxsplControl_RedWine .footerMenu div {
        background: transparent none;
    }

    .dxsplControl_RedWine .accountHeader h2 {
        color: #8A0A37;
    }

    .dxsplControl_RedWine .headerMenu {
        margin-top: 9px;
    }


/* SoftOrange */
.dxsplControl_SoftOrange {
    font-family: Tahoma;
}

    .dxsplControl_SoftOrange .headerPane,
    .dxsplControl_SoftOrange .footerPane,
    .dxsplControl_SoftOrange .footerMenu li {
        background-color: #F9F9F9 !important;
        background-image: none !important;
    }

    .dxsplControl_SoftOrange .templateTitle a,
    .dxsplControl_SoftOrange .loginControl,
    .dxsplControl_SoftOrange .loginControl a {
        color: Black;
    }

        .dxsplControl_SoftOrange .loginControl a {
            border-bottom-color: Black;
        }

    .dxsplControl_SoftOrange .accountHeader h2 {
        color: Black;
    }

    .dxsplControl_SoftOrange .accountHeader p {
        color: #707070;
    }

    .dxsplControl_SoftOrange .headerMenu {
        margin-top: 8px;
    }


/* Youthful */
.dxsplControl_Youthful {
    font-family: Tahoma;
}

    .dxsplControl_Youthful .headerPane,
    .dxsplControl_Youthful .footerPane,
    .dxsplControl_Youthful .footerMenu li {
        background-color: #8AA150;
        color: white !important;
    }

    .dxsplControl_Youthful .headerMenu .dxm-separator b {
        height: 35px !important;
    }

    .dxsplControl_Youthful .accountHeader h2 {
        color: #80A70E;
    }

    .dxsplControl_Youthful .headerMenu {
        margin-top: 1px;
    }

/* Metropolis */
.dxsplControl_Metropolis {
    font-family: Segoe UI;
}

    .dxsplControl_Metropolis .headerPane,
    .dxsplControl_Metropolis .footerMenu li {
        background-color: White;
        color: Black;
    }

    .dxsplControl_Metropolis .accountHeader h2 {
        color: #3B3B3B;
    }

    .dxsplControl_Metropolis .accountHeader p {
        font-size: 11px;
    }

    .dxsplControl_Metropolis .headerMenu {
        margin-top: 13px;
    }

    .dxsplControl_Metropolis .loginControl a,
    .dxsplControl_Metropolis .templateTitle a {
        color: Black;
        border-color: Black;
    }

    .dxsplControl_Metropolis .templateTitle a {
        font-size: 28px;
    }

    .dxsplControl_Metropolis .dxsplVSeparator_Metropolis {
        border-bottom: 0!important;
    }

    .dxsplControl_Metropolis .footerPane {
        background: #EDEDED;
    }

.red_normal_10 {
    color: #ff0000;
    font-size: 12px;
}

.black_bold_11 {
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    color: #000;
}

.black_normal_11 {
    font-style: normal;
    font-size: 11px;
    color: #000;
}

.border_button {
    border-top: 1px solid #c9c9c9;
    margin-top: 7px;
}

    .border_button input {
        margin: 10px 10px 7px 0;
    }

.confirmation {
    border: 1px solid #949494;
    background: #ebebeb;
    padding: 4px 6px 4px 6px;
}

.acc_balance_sub .title {
    line-height: 24px;
    text-align: left;
    font-size: 11px;
}

.contentPane {
    background: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{b-body-background-start}*/ ), to( #eee /*{b-body-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #fff /*{b-body-background-start}*/, #eee /*{b-body-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #fff /*{b-body-background-start}*/, #eee /*{b-body-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #fff /*{b-body-background-start}*/, #eee /*{b-body-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #fff /*{b-body-background-start}*/, #eee /*{b-body-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #fff /*{b-body-background-start}*/, #eee /*{b-body-background-end}*/ );
    background-repeat: repeat-x;
    margin: 20px auto;
    width: 98%;
    border: 1px solid #919191;
    background: #ebebeb;
}

.panel-content {
    margin: 5px;
}

.div_investor {
    margin: 5px;
    padding: 5px;
}

.div_investor_tittle {
    margin: 5px 7px 5px 7px;
    padding-bottom: 5px;
    color: #000;
    font: bold 12px arial;
    border-bottom: 1px solid #c6c6c6;
}



.table_detail {
    line-height: 32px;
    padding: 5px 10px 5px 10px;
}

    .table_detail .w25center {
        text-align: center;
        width: 25%;
    }

    .table_detail .w33center {
        text-align: center;
        width: 33%;
    }

.login_button {
    width: 90px;
    padding: 5px 5px;
    cursor: pointer;
    border: 1px solid #eb3d00;
    background-color: #a8a8a7;
    font-size: 16px;
    font-weight: bold;
    width: 120px;
    color: #aa3300;
}

.ResetPass_button {
    height: 25px;
    width: 100px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background: #268a40;
    border: 0px;
    cursor: pointer;
}

    .ResetPass_button:hover {
        background: #0aa402;
    }

.CancelResetPass {
    margin-left: -25px;
    height: 25px;
    width: 70px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background: #268a40;
    border: 0px;
    cursor: pointer;
}

    .CancelResetPass:hover {
        background: #0aa402;
    }

.login_left {
    min-width: 200px;
    width: 24%;
    float: left;
    padding: 10px;
}

    .login_left table {
        border-collapse: separate;
        border-spacing: 10px;
    }

.login_right {
    min-width: 200px;
    width: 24%;
    float: right;
    padding: 10px;
    color: white;
}

    .login_right table {
        border-collapse: separate;
        border-spacing: 10px;
    }

.login_content {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 312px;
    min-width: 860px;
}

.login_center {
    min-width: 600px;
    width: 55%;
    float: left;
    border: 1px solid #999999;
    background-color: #5fa842;
    height: 370px;
    margin-left: 23%;
}

    .login_center table {
        border-collapse: separate;
        border-spacing: 10px;
    }

#tabControlBalance, .module3 ul li a {
    color: #212121;
    font: 12px Arial;
    text-decoration: none;
    padding: 5px 0 5px 10px;
    background: url(../Content/Images/inner_tab.gif) no-repeat top left;
    line-height: 25px;
}

    #tabControlBalance, .module3 ul li a span {
        color: #212121;
        font: 12px Arial;
        text-decoration: none;
        padding: 5px 10px 5px 0;
        background: url(../Content/Images/inner_tab.gif) no-repeat top right;
        line-height: 25px;
    }

    #tabControlBalance, .module3 ul li a.active {
        color: #212121;
        text-decoration: none;
        background: url(../Content/Images/inner_tab_active.gif) no-repeat top left;
        border-bottom: 4px solid white;
    }

        #tabControlBalance, .module3 ul li a.active span {
            color: #212121;
            text-decoration: none;
            background: url(../Content/Images/inner_tab_active.gif) no-repeat top right;
        }

div.round_tab a {
    color: #212121;
    font: 12px Arial;
    text-decoration: none;
    padding: 5px 0 5px 10px;
    background: url(../Content/Images/inner_tab.gif) no-repeat top left;
    line-height: 25px;
}

    div.round_tab a span {
        color: #212121;
        font: 12px Arial;
        text-decoration: none;
        padding: 5px 10px 5px 0;
        background: url(../Content/Images/inner_tab.gif) no-repeat top right;
        line-height: 25px;
    }

    div.round_tab a.active {
        color: #212121;
        text-decoration: none;
        background: url(../Content/Images/inner_tab_active.gif) no-repeat top left;
        border-bottom: 4px solid white;
    }

        div.round_tab a.active span {
            color: #212121;
            text-decoration: none;
            background: url(../Content/Images/inner_tab_active.gif) no-repeat top right;
        }

.tabH {
    background-position: 100% 100%;
    min-height: 12px;
    padding-top: 1px;
    color: white !important;
    vertical-align: middle;
}

.gridview_header {
    background-color: #f89c1c;
    color: #002157;
}

.gridfivenews_header {
    background-color: #fff;
    color: #000;
}

.gridfivenews_cell {
    background-color: #000;
    color: #fff;
}

.gridRow-static-height {
    width: 10%;
    margin: 10px auto;
}

.div_button {
    float: right;
    padding: 0 15px;
}

.div_grid {
    width: 98%;
    margin: 10px auto;
}

div.dxtc-content {
    padding: 3px !important;
}

.td_head {
    text-align: center;
    padding: 3px;
}

.td_string {
    text-align: center;
    padding: 3px;
}

.td_number {
    text-align: right;
    padding: 3px;
}

.black_bold_12 {
    font-size: 12px;
    font-weight: bold;
}

.panel-header {
    background: url(../Content/Images/panel_header.png);
    height: 22px;
    color: #000;
    padding: 4px 0 0 15px;
    font: bold 14px arial;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.panel-select {
    width: 154px;
}

.div_msg_red {
    color: #FF0000;
    padding: 5px;
}

.panel-control {
    color: white;
    font-size: 12px;
    background-color: transparent;
    margin: 5px auto 10px auto;
    padding: 3px;
    height: 31px;
    line-height: 31px;
    text-align: right;
    width: 94%;
}

.panel-control1 {
    color: #555;
    font-size: 12px;
    background-color: transparent;
    margin: 5px auto 10px auto;
    padding: 3px;
    height: 31px;
    line-height: 31px;
    text-align: right;
    width: 94%;
}

.dxrpControl_Metropolis {
    border-top: 0px;
    border-bottom: 1px solid silver;
}

.acc_balance_sub {
    font: bold 14px arial;
    color: #000;
}

.tooltip {
    position: absolute;
    z-index: 9999;
    left: -9999px;
    background-color: #003B7E;
    padding: 5px;
    border: 1px solid #fff;
    width: 250px;
    color: #fff;
}

    .tooltip p {
        margin: 0;
        padding: 0;
        color: #000;
        padding: 2px 7px;
    }

#popUpContainer {
    background: #eee !important;
}

.dxtc-content {
}

.escnote {
    display: none;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.ui-dialog-titlebar-close {
    background-position: -96px -128px;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
    background-color: rgb(248, 248, 247);
    border: 0px;
}

.buttonOK, .ui-dialog-buttonset button {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
    margin: .5em .4em .5em 0;
    cursor: pointer;
    width: 40px;
    height: 30px;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }
/*tree view*/

* {
    margin: 0;
    padding: 0;
}

#P_divMnInfo {
    width: 100%;
}

.on {
    padding-left: 1px;
    padding-top: 4px;
    font-weight: normal;
    background: url("Images/minus2.png") no-repeat 1px 7px;
    cursor: pointer;
}

.active {
    padding-left: 1px;
    padding-top: 4px;
    font-weight: normal;
    background: url("Images/plus2.png") no-repeat 1px 7px;
    cursor: pointer;
}

.iq .on {
    padding-left: 20px;
    padding-top: 4px;
    background: url("Images/minus2.png") no-repeat 1px 7px;
    cursor: pointer;
}

.iq .active {
    padding-left: 20px;
    padding-top: 4px;
    background: url("Images/plus2.png") no-repeat 1px 7px;
    cursor: pointer;
}

.styletd {
    line-height: 20px;
}

.plusorder {
    position: relative;
    background: url("Images/plus2.png") no-repeat 1px 2px;
    bottom: 0px;
    padding-top: 0px;
    cursor: pointer;
}

p {
    margin: 10px 0px;
    padding: 5px;
    color: #363636;
}

h1 {
    font: 17px helvetica;
    color: #1C6280;
    padding: 5px 0px 5px 18px;
    border-top: 1px solid #dfdfdf;
    cursor: pointer;
    background: #eaf3fa;
}

.copyright {
    float: left;
    margin-left: 15px;
    margin-top: 1px;
    margin-bottom: 2px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    margin-top: -20px;
    vertical-align: bottom;
}


#popupContactClose {
    cursor: pointer;
    text-decoration: none;
}

#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1;
}

#popupContact {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 384px;
    width: 408px;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
}

    #popupContact h1 {
        text-align: left;
        color: #6FA5FD;
        font-size: 22px;
        font-weight: 700;
        border-bottom: 1px dotted #D3D3D3;
        padding-bottom: 2px;
        margin-bottom: 20px;
    }

#popupContactClose {
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
}

.transparent_class {
    background: #ffffff;
    opacity: 1;
}

#fixheight tr {
    height: 20px;
}

.ui-dialog-titlebar {
    background-position: 0% 100%;
    min-height: 18px;
    line-height: 18px;
    font-size: 14px;
    vertical-align: middle;
    border: none;
    text-overflow: ellipsis;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    border-bottom: 2px solid rgb(61, 131, 26) !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0px 0px 0px 0px;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    margin: 0px 0px 0px 0px;
}

.title_error {
    line-height: 30px;
    color: #f00;
    font-weight: bold;
    font-size: 14px;
}

/*remove the rounded in IOS*/
input[type="text"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    font-family: var(--main-font) !important;

}
button {
   font-family: var(--main-font);
}
.dxpLite_Metropolis {
    font-family: var(--main-font);
}
input {
  font-family: var(--main-font);
}
.td_btnG5 {
    width: 120px;
    text-align: center;
}

.space_btnG5 {
    width: 2%;
}

.hover-logout:hover {
    cursor: pointer;
    text-decoration: underline;
}

.contentPane-SymbolInfo {
    margin: 10px auto;
    width: 98%;
    background: rgb(238, 238, 238);
}

.product-symbol-info-table {
    width: 100%;
    margin-top: 5px;
}

    .product-symbol-info-table tr td {
        height: 25px;
        border: 1px solid #919191;
        padding-left: 5px;
        font-size: 12px;
    }

.replace-font {
    font-weight: 600;
}

.product-symbol-info-table tr {
    background: #ffffff;
}
.ui-widget {
    font-family: var(--main-font) !important;
}
.ui-dialog-titlebar {
    font-family: var(--main-font) !important;
}