@charset "utf-8";
/* Developed by Innotech 2010.
Version : [M01_1.00]. Date : [17/03/10]. Ver. history : [...]
Website : http://www.innotech.vn. Email : info@innotech.vn
All rights reserved.
--------------------------------------*/
/* HEADER
------------------------------------------------------ */
h1.logo {
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
}

    h1.logo a {
        display: block;
        text-indent: -9999px;
        background: url('Images/logo.png') no-repeat top left;
        width: 420px;
        height: 75px;
    }

.welcome {
    right: 0px;
    white-space: nowrap;
    color: #333;
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    /*background: url('Images/iconset/avatar.png') no-repeat center left;*/
    margin: 0;
    cursor: pointer;
}

    .welcome span {
        font-weight: bold;
    }

.divider {
    background: #0c5b9c;
    width: 1px;
    display: block;
    height: 20px;
}

.tbAccount {
    font-weight: normal;
    color: #1268b3;
}

.home {
    background: url("Images/home.png") no-repeat scroll 0pt 0pt transparent;
    padding-left: 18px !important;
}

.notifyBox {
    display: block;
    padding: 0px 20px;
    width: 21px;
    height: 50px;
    background: url('Images/iconset/icon_notify.png') no-repeat center center;
    /*position: relative;*/
}

    .notifyBox:hover, #notifyBox.active {
        background: #1268b3 url('Images/iconset/icon_notify.png') no-repeat center center;
    }

#notifyBox .badge-danger {
    background-color: #999;
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 2px 5px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    background: red;
    position: absolute;
    /*right: 2px;*/
    top: 5px;
}

.privateInfo {
    display: block;
    padding: 0px 10px;
    width: 21px;
    height: 44px;
    /*background: url('Images/iconset/icon_private.png') no-repeat center center;*/
}

    .privateInfo:hover, #privateInfo.active {
        /*background: #1268b3 url('Images/iconset/icon_private.png') no-repeat center center;*/
    }

.lang_navigation {
    position: absolute;
    z-index: 10002;
    top: 0px;
    right: 0px;
    height: 27px;
    display: block;
    font: bold 1.1em/1.4em Arial, sans-serif;
}

    .lang_navigation .currentAcc {
        float: right;
        padding-top: 3px;
        margin-right: 5px;
    }

        .lang_navigation .currentAcc span, .lang_navigation .currentAcc span a {
            color: #353535;
        }

            .lang_navigation .currentAcc span a {
                text-decoration: underline;
            }

                .lang_navigation .currentAcc span a:hover {
                    color: #d91e3e;
                }

    .lang_navigation .lang_bar {
        float: right;
        position: relative;
    }

        .lang_navigation .lang_bar span {
            float: left;
        }

        .lang_navigation .lang_bar .lang_control {
            background: url('Images/combo10.png' ) no-repeat;
            width: 5px;
            height: 27px;
            position: absolute;
            display: block;
            overflow: hidden;
        }

        .lang_navigation .lang_bar .tl {
            position: absolute;
            top: 0;
            left: 0;
            background-position: 0px 0px;
        }

        .lang_navigation .lang_bar .tr {
            position: absolute;
            top: 0;
            right: 0;
            background-position: 0px -70px;
        }

        .lang_navigation .lang_bar .lang_link {
            position: relative;
            height: 27px;
            background: url('Images/langnav_bg.png' ) repeat-x top left;
            margin: 0 5px;
        }

            .lang_navigation .lang_bar .lang_link ul li {
                float: left;
                display: block;
            }

                .lang_navigation .lang_bar .lang_link ul li a {
                    line-height: 2.2em;
                    color: #363636;
                    padding: 0px 5px;
                }

                .lang_navigation .lang_bar .lang_link ul li:hover ul {
                    display: block;
                }

            .lang_navigation .lang_bar .lang_link ul.subLang {
                display: block;
                position: absolute;
                z-index: 9999;
                top: 25px;
                _top: 26px;
                *top: 26px;
                right: -4px;
                width: 90px;
                _width: 95px;
            }

                .lang_navigation .lang_bar .lang_link ul.subLang li {
                    display: block;
                    padding: 0;
                }

                    .lang_navigation .lang_bar .lang_link ul.subLang li.subLang_top {
                        background: url('Images/bg_lang_detail_tb.png' ) no-repeat top left;
                        width: 90px;
                        _width: 95px;
                        height: 8px;
                    }

                    .lang_navigation .lang_bar .lang_link ul.subLang li.subLang_middle {
                        background: url('Images/bg_lang_detail.png' ) repeat-y top left;
                        width: 90px;
                        _width: 95px;
                        padding: 0;
                        overflow: hidden;
                    }

                        .lang_navigation .lang_bar .lang_link ul.subLang li.subLang_middle a {
                            font-weight: normal;
                            color: #000;
                            display: block;
                            padding: 2px 5px;
                            margin-right: 2px;
                            line-height: 1.4em;
                            width: 115px;
                        }

                            .lang_navigation .lang_bar .lang_link ul.subLang li.subLang_middle a:hover {
                                text-decoration: none;
                                color: #fff;
                                background: #019e53;
                            }

                        .lang_navigation .lang_bar .lang_link ul.subLang li.subLang_middle .active {
                            color: #333;
                        }

                    .lang_navigation .lang_bar .lang_link ul.subLang li.subLang_bottom {
                        background: url('Images/bg_lang_detail_tb.png' ) no-repeat bottom left;
                        width: 90px;
                        _width: 95px;
                        height: 13px;
                        z-index: 9999px;
                    }

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

.lang_t2 {
    _margin-top: 5px;
    display: block;
}


.main_nav {
    position: absolute;
    top: 80px;
    background: #e2e2e2;
    width: 100%;
    z-index: 1000;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

ul.main_menu {
    display: block;
    padding-left: 57px;
}

    ul.main_menu li {
        float: left;
    }

        ul.main_menu li a {
            color: #333;
            font: normal 1.2em/1.8em Arial;
            /*border-right: 1px solid #bbb;*/
            display: block;
            float: left;
            text-shadow: 1px 1px #fff;
        }

            ul.main_menu li a span {
                padding: 0px 14px;
                /*margin: 1px; */
                display: block;
                font-weight: bold;
                /*border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; */
            }

            ul.main_menu li a:hover {
                color: #00703b;
            }

    ul.main_menu .active_m1 {
        text-decoration: none;
        text-shadow: none;
        /*background: url('Images/mainTab.png') no-repeat top left; */
    }

    ul.main_menu .active_m2 {
        margin-top: -4px;
        background: #008346;
        padding: 5px 15px 0;
        _padding: 5px 15px 1px;
        *padding: 5px 15px 1px;
        color: #fff;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }

    ul.main_menu li a:hover span {
    }

.submenu {
    position: absolute;
    top: 103px;
    left: 0;
    height: 24px;
    padding: 1px 0px;
    font: normal 1.2em/1.4em Arial;
    background: #008346;
    /*width: 1000px;*/
    min-width: 200px;
    z-index: 1;
}

    .submenu a {
        color: #fff;
        line-height: 1.6em;
        padding: 5px 15px 4px;
        background: url(Images/dot-white.png) no-repeat 4px center;
        line-height: 24px;
    }

        .submenu a:hover, .submenu a.active {
            text-decoration: none;
            background: #ed1c24 url(Images/dot-white.png) no-repeat 4px center;
        }

.current_date {
    position: absolute;
    top: 85px;
    right: 20px;
    z-index: 10001;
}

    .current_date span {
        font-size: 1.1em;
        font-weight: bold;
        color: #5a5a5a;
    }

.btn_disable {
    background: #ccc !important;
}
/* LOGIN PAGE
----------------------------------------------------- */
.login_round {
    display: block;
    margin: 0 auto;
    width: 510px;
    padding: 10px;
    background: #e8e8e8;
}

.activate_sucess_round {
    display: block;
    margin: 0 auto;
    width: 710px;
    padding: 10px;
    background: #e8e8e8;
}

h2.login_title {
    width: 100%;
    height: 40px;
    background: #d6e7de;
    color: #fff;
    font: normal 1.4em/1.4em Arial;
    /*text-transform: uppercase;*/
    position: relative;
    margin-bottom: 0 !important;
}

    h2.login_title span {
        position: absolute;
        left: 12px;
        bottom: 5px;
        font-weight: bold;
        color: #333;
    }

table.login_detail {
    width: 100%;
    background: #fff;
}

h3.login_name {
    margin-left: 12px;
    padding-left: 25px;
    padding-top: 8px;
    background: url('Images/combo10.png' ) no-repeat 0px -1370px;
    height: 30px;
    font: bold 1.4em/1.4em Arial;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h3.activate_title {
    margin: 8px 0 0 12px;
    padding-left: 25px;
    background: url('Images/combo10.png' ) no-repeat 0px -1620px;
    height: 30px;
    font: bold 1.3em/1.4em Arial;
    font-style: italic;
    color: #606060;
}

h3.activate_success {
    margin: 8px 0 10px 12px;
    padding-left: 25px;
    background: url('Images/combo10.png' ) no-repeat 0px -1670px;
    height: 30px;
    font: bold 1.2em/1.4em Arial;
    color: #64B600;
}

table.login_detail .login_img {
    margin-left: 5px;
    vertical-align: bottom;
    cursor: pointer;
}

table.login_detail .login_t1 {
    font-size: 12px;
    padding-left: 12px;
    font-weight: bold;
}

table.login_detail .login_token_title {
    font-size: 1.4em;
    padding-left: 12px;
    color: #e31937;
    font-style: oblique;
    font-weight: bold;
}

table.login_detail .activate_txt {
    width: 100px;
    font-size: 12px;
    padding-left: 12px;
    color: #606060;
}

table.login_detail .login_token_txt {
    width: 100px;
    font-size: 12px;
    padding-left: 12px;
}

.input_captcha {
    float: left;
    width: 120px;
}

.captcha {
    float: left;
    display: block;
    width: 98px;
    margin-left: 5px;
}

.captchaForgetPassword {
    display: inline-block;
    vertical-align: middle;
    _margin-bottom: 17px;
    *margin-bottom: 17px;
    /*display: block;
	width: 98px;
	height: 20px;
	margin-left: 5px;
	ding-top:15px;	
	*/
}

    .captchaForgetPassword img {
        -moz-border-radius: 3px;
    }

.t_chaptcha {
    display: block;
    color: #fff;
    font: normal 1.4em/1.4em Arial;
    text-align: center;
    width: 98px;
    letter-spacing: 2px;
}

table.login_detail .login_btn {
    padding: 10px 2px;
}

table.login_detail .login_t2 {
    padding-bottom: 2px;
    color: #999;
}

    table.login_detail .login_t2 a {
        font-size: 12px;
        color: #999;
    }

        table.login_detail .login_t2 a:hover {
            color: #303030;
            text-decoration: none;
        }

table.login_detail .red {
    color: #e31937;
}

table.login_detail .login_ptop {
    padding-top: 15px;
}

.activate_accData {
    width: 100%;
    background: #fff;
}

.accData {
    text-align: left;
    font: bold 1.4em/1.4em Arial;
    color: #4f4f4f;
    text-transform: uppercase;
    padding-left: 15px;
}

.accData_title {
    color: #282828;
    font-size: 12px;
    padding-left: 35px;
}

/* STOCK QUOTES
----------------------------------------------------- */

.price_panel {
    padding: 0px 5px 1px 5px !important;
    width: 33%;
    white-space: nowrap;
}

.i_MarketQuotes_content {
    margin: 0px auto 0;
    table-layout: fixed;
}

    .i_MarketQuotes_content th, .i_MarketQuotes_content td {
        padding: 0;
    }

.im_r1, .im_r2 {
    font-size: 1.1em;
    nowrap: nowrap;
}

.market_status {
    font-weight: bold;
    color: #6d6d6a;
}

.market_name {
    font-weight: bold;
    color: #4a4a4a;
    padding-left: 2px;
}

.market_img {
    width: 28px;
}

    .market_img img {
        max-width: 28px;
    }

.market_index {
    font-weight: bold;
    color: #4a4a4a;
    padding-left: 2px;
    font-size: 12px;
}

.up_down_value {
    padding-left: 4px;
}

.comp_c {
    padding-left: 6px;
}

.market_detail {
    font: bold 11px/14px Arial;
}


/*
.i_MarketQuotes_content
{
	margin: 0 auto;
	display: block;
	width: 960px;
	position: relative;
	padding: 5px 0;
}
.i_MarketQuotes_content .up_down_market_img
{
	float: left;
	display: block;
}
.price_panel
{
	display: block;
	width: 48%;
}
.market_status_name
{
	float: left;
	display: block;
	text-decoration: underline;
}
.index_market
{
	_float: left;
	display: block;
	font-size: 12px;
	color: #000;
	position: relative;
	line-height: 1.6em;
}
.index_market .index_market_r1
{
	display: block;
}
.index_market .index_market_r1 .market_general
{
	float: left;
	margin-left: 5px;
	text-align: left;
}
.market_general .market_name, .market_general .market_index
{
	margin-right: 4px;
	font-weight: bold;
	color: #6d6d6a;
}
.index_market .index_market_r1 .up_down_value
{
	margin-left: 3px;
}
.up_down_value .up_down_value_c1, .up_down_value .up_down_value_c2
{
	padding-right: 2px;
}
.index_market .index_market_r1 .statistics_company
{
	float: right;
	_width: 32%;
	text-align: right;
}
.statistics_company .statistics_company_c
{
	padding-left: 5px;
	_padding-left: 2px;
}
.index_market .index_market_r2
{
	_clear: both;
	display: block;
}
.index_market .index_market_r2 .market_volume
{
	float: left;
	width: 32%;
	text-align: left;
}
.index_market .index_market_r2 .market_value
{
	float: left;
	width: 32%;
	text-align: left;
}
.index_market .index_market_r2 .market_quantity
{
	float: right;
	width: 25%;
	text-align: right;
}
.index_market_r2 .num
{
	padding-left: 5px;
}

.index_market .green
{
	color: #00b400;
}
*/

/* CONTENT
----------------------------------------------------- */
/* TRADING : attention block; BUTTON Buy/Sell/Cancel
	----------------------------------------------------- */
.trading {
    display: block;
}

    .trading .trading_top {
        position: relative;
        padding-top: 3px;
        z-index: 1000;
    }

        .trading .trading_top .attention {
            float: left;
            /*margin-left: 20px;*/
            padding-top: 1px;
            width: 650px;
            color: #585858;
            font: normal 1.0em/1.4em Verdana;
            text-align: center;
            position: absolute;
            z-index: 20;
        }

            .trading .trading_top .attention .description {
                font-weight: bold;
                text-decoration: underline;
            }

        .trading .trading_top .trading_btn {
            padding-right: 20px;
            position: relative;
            z-index: 10;
            text-align: right;
        }

.btn_order {
    border: none;
    height: 22px;
    width: 81px;
    color: #fff;
    position: relative;
    z-index: 100;
    font: bold 1.1em/1.4em Arial;
    text-transform: uppercase;
    display: inline;
    margin: 1px;
    float: none;
    _margin-right: 2px;
    *margin-right: 2px;
}

    .btn_order:hover {
        background-position: center -30px;
        cursor: pointer;
    }

    .btn_order span {
        background-image: none !important;
        height: auto !important;
        padding: 0 !important;
    }

.btn_order_active {
    background-position: 0 -59px !important;
    position: relative;
    _padding-top: 8px;
    *padding-top: 8px;
    bottom: -2px;
    _top: 4px;
    *top: 4px;
    width: 103px;
    height: 30px !important;
}

    .btn_order_active span {
        position: relative;
        /*top: -3px;
	_top: 4px; *top:4px;*/
        background-image: none !important;
        height: auto !important;
        padding: 0 !important;
    }

.btn_buy {
    background: url('Images/buy.png' ) no-repeat top center;
}

.btn_sell {
    background: url('Images/sell.png' ) no-repeat top center;
}

.btn_cancel {
    background: url('Images/cancel.png' ) no-repeat top center;
}

.trading_detail {
    clear: both;
    /*position: relative;*/
    min-height: 50px;
    height: 100% !important;
    height: 50px;
    display: block;
    background: #f3f3f3;
}

/*.trading_detail { border: 1px solid #e7e8e8; position: relative; z-index: 1; min-height: 50px; height: auto !important; height: 50px; margin-bottom: 15px; } */
.trading_buy {
    /*background: #ff8a80;*/
    /*color: #fff !important;*/
}

/*.trading_buy .divTradingMarquee, .trading_buy .price_order_notice, .trading_buy .info_top1, .trading_buy .label-sell, .trading_buy .label-buy {
        color: #fff !important;
    }*/

.trading_sell {
    /*background: #9fc3f1;*/
}

.trading_cancel {
    background: #fff !important;
    min-height: 180px;
    overflow: hidden;
}

/* ORDER INFORMATION DETAILS : buy, sell, cancel
		----------------------------------------------------- */
.order_info {
    display: block;
    /*margin: 1px 8px 2px;*/
    margin: 0;
    padding: 0;
    position: relative;
}

.order_info_top {
    display: block;
    padding-bottom: 6px;
    width: 100%;
}

.order_info_top_item {
    float: left;
    height: 20px;
    *height: 20px;
    /*background: #898b8e;*/
    margin-right: 6px;
    padding: 1px 3px 0px 5px;
    border-radius: 3px;
    display: block;
}

/*.trading_buy .order_info_top {
    background: #ff8a80;
}

.trading_sell .order_info_top {
    background: #9fc3f1;
}*/

.order_info_top_item_newStyle {
    float: left;
    height: 26px;
    *height: 20px;
    margin-right: 10px;
    padding: 0px 0px 0px 5px;
    display: block;
}

.save_passOrder {
    float: left;
    background: #fff;
    color: #5b5b5b;
    font: bold 1.1em/1.2em Arial;
    margin-right: 10px;
    border: 1px solid #e6e6e7;
    padding: 2px;
    _padding: 0px;
    _line-height: 1.6em;
    *padding: 0px;
    *line-height: 1.6em;
}

    .save_passOrder span {
        float: left;
        padding-left: 2px;
    }

.saveAuhenCode {
    display: inline-block;
    text-transform: none !important;
    color: #333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    border: 0px solid #e6e6e7;
    padding: 2px;
}

    .saveAuhenCode span {
        float: left;
    }

    .saveAuhenCode label {
        padding-left: 5px;
    }

.info_top1 {
    /*width: 70px;*/
    color: #000;
    font: bold 12px Arial;
    height: 19px;
    padding: 0 6px 0 6px;
}

.info_top1_newStyle {
    width: 63px;
    color: #000;
    font: bold 12px Arial;
    height: 25px;
    padding: 0 2px 0 2px;
}

.priceUnit {
    padding: 0;
}

.info_top2 {
    color: #fff;
    font: bold 12px Arial;
    padding: 0 2px 0 2px;
    float: right;
    width: 20px;
}

.info_top_input {
    width: 80px;
}

/*.price_text {
    width: 32px !important;
}*/

.price_input {
    width: 80px !important;
}

.secure_code_text {
    width: 50px !important;
}

.secure_code_input {
    width: 65px !important;
}

.order_info_bottom {
    clear: both;
    display: block; /*margin-top:10px;*/
    position: relative;
    /*background: #fff;*/
    padding: 5px;
    /*border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;*/
    /*border-radius: 3px;
    border: 0px solid #b5b5b5;*/
}

.order_info_l {
    float: left;
    display: block;
    width: 30%;
    height: 80px;
    _height: 80px;
    background: #fff;
    font: normal 12px Arial;
    color: #000;
    padding: 7px 10px 8px;
    margin-right: 5px;
    border-radius: 4px;
    /*position: relative;*/
}

    .order_info_l span {
        display: block;
    }

.order_l_bold {
    height: 20px;
    display: block;
}

    .order_l_bold span {
        display: block;
        float: left;
        font-weight: bold;
    }

.order_l_normal span {
    display: block;
    float: left;
}

.l_l {
    width: 60%;
}

.l_r {
    width: 40%;
    text-align: right;
}

.order_info_r {
    float: left;
    display: block;
    width: 66%;
    height: 90px;
    background: #fff;
    /*border: 1px solid #cccdce;*/
    color: #0b333c;
    padding: 3px 5px 2px;
    border-radius: 4px;
    /*position: relative;*/
}

    .order_info_r h2, .order_info_r .comp_info_title {
        font: normal 12px Arial;
        color: #000;
        margin: 0;
    }

.comp_name {
    font: bold 1.4em/1.4em Arial;
    width: 680px;
    height: 24px;
    overflow: hidden;
}

    .comp_name .comp_code {
        color: #0b333c;
    }

    .comp_name .comp_name_content {
        color: #333;
    }

ul.comp_info {
    display: block;
    margin-top: -8px;
}

    ul.comp_info .comp_info_1 {
        float: left;
        display: block;
    }

.ci_img {
    width: 15px;
    padding-top: 15px;
}

.ci1 {
    width: 25%;
}

.ci2 {
    width: 20%;
}

.ci3 {
    width: 18%;
}

.ci4 {
    width: 17%;
}

.ci5 {
    width: 17%;
}

ul.comp_info li span {
    font-size: 12px;
    line-height: 20px;
}

ul.comp_info li li {
    display: block;
    float: left;
}

.comp_info_1 li {
    display: block;
    width: 100%;
}

    .comp_info_1 li span {
        margin-right: 5px;
    }

.info1 {
    width: 30px;
    float: left;
    display: block;
}

.info2 {
    width: 65px;
    text-align: center;
    float: left;
    display: block;
}

.info3 {
    width: 40px;
    text-align: right;
    float: left;
    display: block;
}

.info_4 {
    width: 77px;
    float: left;
    display: block;
}

.info_5 {
    width: 65px;
    text-align: right;
    float: left;
    display: block;
}

.comp_ceiling {
    width: 70px;
    float: left;
    display: block;
    color: #ff00ff !important;
}

.comp_ref {
    width: 70px;
    float: left;
    display: block;
    color: #edaf07 !important;
}

.comp_floor {
    width: 70px;
    float: left;
    display: block;
    color: #00b8d3 !important;
}

.info_6 {
    width: 36px;
    text-align: right;
    float: left;
    display: block;
}

.info_7 {
    width: 70px;
    float: left;
    display: block;
}

.info_8 {
    width: 35px;
    text-align: right;
    float: left;
    display: block;
}

.bid {
    width: 105px;
    display: block;
    text-align: right;
}

.order_error {
    /*font: bold 1.2em/1.4em Arial;*/
    color: #e31937;
    white-space: nowrap;
    display: block;
    position: relative;
    text-align: center;
    /*text-align: left;*/
}

.price_notice {
    display: block;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    color: #000;
    /*background: #fff;*/
    margin: 3px 0 0 !important;
    padding: 0 2px !important;
}

.price_notice_text {
    display: block;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    color: #333;
    /*margin: 3px 0 0 !important;*/
    /*padding: 3px 2px !important;*/
}

.price_order_notice {
    display: block;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    color: #000;
    margin: 0px 0px !important;
    padding-left: 5px;
    float: left;
    /*padding: 5px 2px !important;*/
}

.align_left {
    text-align: left;
}
/* Order confirm box ----------------------*/
.trading .confirm_order {
    width: 490px;
    display: block;
    border: 10px solid #e8e8e8;
    position: relative;
}

    .trading .confirm_order .co_close {
        width: 13px;
        height: 13px;
        background: url('Images/combo10.png' ) no-repeat 0px -1440px;
        overflow: hidden;
        text-indent: -9999px;
        display: block;
        position: absolute;
        top: 4px;
        right: 4px;
    }

.co_title {
    border-bottom: 1px solid #bac9ba;
    font: bold 1.2em/1.4em Arial;
    text-transform: uppercase;
    padding: 15px 0px 2px 12px;
}

.co_t1 {
    font: bold 12px Arial;
    color: #333;
    padding: 5px 0px 0px 12px;
    text-transform: none;
}

.co_t2 {
    /*font-size: 14px;  font-weight: bold; 	text-transform: uppercase;*/
    font-weight: bold;
    text-align: left;
    margin: 0 0 0 30px;
    padding: 0;
    text-transform: none;
}

.co_t3 {
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.co_t2 span {
    /*margin-right: 5px;*/
    display: inline-block;
    width: 110px;
    padding-bottom: 3px;
}

.co_t2_name {
    /*margin-right: 5px;*/
    display: inline-block;
    width: 110px;
}

.co_t2_value {
    width: 200px !important;
}

.co_btn {
    margin-left: 150px;
    padding: 25px 0px 15px;
    display: block;
}

.co_t2 .green {
    color: #68a026;
}

.co_t2 .red {
    color: #e31937;
}

.co_t2 .yellow {
    color: #feae19;
}

.black {
    color: #1A1A1A;
}


.boxMsgConfirm {
    float: left;
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    width: 100%;
    margin: 0;
    padding: 10px 0px 0px 0px;
    text-transform: none;
}

    .boxMsgConfirm table {
        width: 100%;
        border: 0px solid #dedede;
        border-spacing: 0;
    }

        .boxMsgConfirm table table th, .boxMsgConfirm table table td {
            line-height: 20px;
            border: 1px solid #fff;
            font-weight: bold;
            text-align: center;
        }

        .boxMsgConfirm table th {
            background-color: #505050;
            color: #fff;
        }

        .boxMsgConfirm table table td {
            background-color: #f3f3f3;
        }

    .boxMsgConfirm th.buy_text {
        clear: both;
        background: #FF5C5C;
        font-size: 30px;
        color: #fff;
        width: 80px;
        vertical-align: middle;
        display: table-cell;
    }

    .boxMsgConfirm th.sell_text {
        clear: both;
        background: #2196f3;
        font-size: 30px;
        color: #fff;
        width: 80px;
        vertical-align: middle;
        display: table-cell;
    }

    .boxMsgConfirm span.co_t2_value {
        clear: both;
        width: 100px;
    }

    .boxMsgConfirm .co_t1 {
        padding: 0;
        margin: 0;
    }

.cancel_success {
    color: #ff0000;
}

.scrollGroupOrderList .StockQuote_order_green a {
    background: none !important;
    font-weight: bold;
    color: red !important;
    text-decoration: none !important;
}

.scrollGroupOrderList .StockQuote_order_red a {
    background: none !important;
    font-weight: bold;
    color: #0878f0 !important;
    text-decoration: none !important;
}
/* STOCK QUOTES : add stock, table stock data
	----------------------------------------------------- */
div[name="FO_TF_SQ"] .container {
    background: #202020 !important;
}

.StockQuote {
    clear: both;
    margin: 0 auto;
    width: 100%;
    display: block;
    /*padding-bottom: 60px;*/
    background: #000;
}

    .StockQuote .add_stock {
        height: 35px;
        background: #babcbe;
        display: block;
    }

.add_stock_m1, .add_stock_m2 {
    display: inline-block;
    float: left;
    margin: 8px 0 5px 8px;
}

.add_stock_m4 {
    display: inline-block;
    float: right;
    margin: 8px 5px 5px 5px;
}

.add_stock_m3 {
    display: block;
    float: right;
    margin: 5px 5px 5px 8px;
}

.add_stock_m5 {
    display: block;
    float: right;
    margin: 2px 5px 0px 8px;
}

    .add_stock_m5 div {
        font: bold 1.1em/1.4em Arial;
        color: #000;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
    }

    .add_stock_m5 a {
        font: bold 1.1em/1.4em Arial;
        color: #000;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
    }

.add_stock_m2 span {
    font: bold 1.1em/1.4em Arial;
    color: #000;
    padding-right: 5px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

/*Add Stock details -----------------------------*/
.add_stock_detail {
    clear: both;
    display: block;
    margin-top: 2px;
    margin-bottom: 15px;
}

    .add_stock_detail li {
        float: left;
        height: 23px;
        border-style: solid;
    }

.tabround {
    margin: 0 !important;
    _margin-bottom: -2px !important;
    *margin-bottom: -2px !important;
}

.add_stock_detail li.tabnum1, .add_stock_detail li.tabnum2, .add_stock_detail li.tabnum3 {
    width: 60px;
    border-color: #BFBFBF;
    border-width: 1px 0px 1px 1px;
    text-align: center;
}

    .add_stock_detail li.tabnum1 a, .add_stock_detail li.tabnum2 a, .add_stock_detail li.tabnum3 a {
        font: bold 1.1em/2.0em Arial;
        color: #333;
    }

        .add_stock_detail li.tabnum1 a:hover, .add_stock_detail li.tabnum2 a:hover, .add_stock_detail li.tabnum3 a:hover {
            color: #1369b4;
            text-decoration: none;
        }

        .add_stock_detail li.tabnum1 a.tabactive, .add_stock_detail li.tabnum2 a.tabactive, .add_stock_detail li.tabnum3 a.tabactive {
            color: #333;
            text-decoration: none;
        }

.add_stock_detail li.tabnum4 {
    width: 801px;
    border-width: 1px 0px 1px 1px;
    border-color: #BFBFBF;
    border-top: 1px solid #fff;
    padding-left: 15px;
}

    .add_stock_detail li.tabnum4 a {
        font: bold 1.1em/2.0em Arial;
        color: #232323;
        margin-left: 12px;
    }

.add_stock_detail li.tabnum5 {
    width: 555px;
    border-width: 1px 0px 1px 1px;
    border-color: #BFBFBF;
    border-top: 1px solid #fff;
    padding-left: 15px;
}

    .add_stock_detail li.tabnum5 a {
        font: bold 1.1em/2.0em Arial;
        color: #232323;
        margin-left: 12px;
    }

.add_stock_detail .tabactive {
    border-width: 1px 0px 0px 1px !important;
}

.choose_stock {
    clear: both;
    display: block;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #BFBFBF;
    padding: 5px 0;
    position: relative;
    top: -1px;
}

.choose_stock_t1 {
    font-size: 12px;
    width: 995px;
    min-height: 80px;
    height: auto !important;
    height: 190px;
    max-height: 190px;
    overflow: auto;
}

.choose_stock_t1_intra {
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    width: 748px;
    min-height: 80px;
    height: 250px !important;
    max-height: 250px;
    overflow: auto;
}

.choose_stock_t2 {
    width: 40px;
    padding: 5px 7px;
    _padding: 4px 7px;
    *padding: 4px 7px;
    /*_padding: 5px 6px 5px; *padding:5px 6px 5px;*/
}

    .choose_stock_t2 input {
        margin-right: 2px;
    }

.choose_stock_submit {
    margin: 10px 0px 10px 350px;
}

.choose_stock_submit_intra {
    padding: 10px 20px 10px 10px;
    background: #fff;
}

.stock_quote_data {
    clear: both;
    display: block;
}

.stock_quote_list {
    width: 100%;
    height: 600px;
    z-index: 10;
    position: fixed;
}


/* PORTFOLIO
	------------------------------------------------------ */
.stock_balance_t1, .cash_balance_t1 {
    clear: both;
    display: block;
    padding: 15px 20px 2px 2px;
    font: bold 1.2em/1.4em Arial;
    color: #333;
}

.portfolio_note {
    clear: both;
    display: block;
    position: relative;
    width: 180px;
    z-index: 100;
}

li.note_1 {
    display: block;
    float: left;
    padding-left: 25px;
}

ul.portfolio_detail {
    display: block;
    background: #fff;
    color: #000;
    font-size: 12px;
    padding: 10px;
    border: 1px solid #b7babc;
    z-index: 1;
}
/* ACCOUNT INFORMATION
	------------------------------------------------------ */
.disable_tab {
    color: #ccc !important;
    border-color: #ccc !important;
}

a:hover.disable_tab {
    cursor: text !important;
    background-color: #f2f2f3 !important;
}

ul.subtab2 {
    display: block;
    margin-top: 10px;
    margin-bottom: 0 !important;
    position: relative;
    /*z-index: 1000;*/
}

    ul.subtab2 li {
        display: inline;
    }
        /*ul.subtab2 li a.subtab2_t1
{
	font: bold 1.2em/1.4em Arial;
	color: #232323;
	padding: 4px 12px;
	border-style: solid;
	border-width: 1px 1px 0px;
	border-color: #019e53;
}*/
        ul.subtab2 li a.subtab2_t1 {
            background: none repeat scroll 0 0 #00A651;
            color: #FFFFFF;
            text-shadow: 1px 1px 1px #767676;
        }

        ul.subtab2 li a:hover {
            /*background: #fff;*/
            background: #019e53 url(Images/main_menu_hover.png) repeat-x top left;
            color: #fff;
            text-decoration: none;
            padding-bottom: 5px;
        }

        ul.subtab2 li a.tabactive {
            color: #fff;
            font-weight: bold;
            background: #019e53;
            position: relative;
            top: 1px;
            padding-top: 5px;
            border-color: #39A075 !important;
        }

            ul.subtab2 li a.tabactive:hover {
                /*background: #fff;*/
                background: #019e53;
                color: #fff;
            }

.subtab2_content {
    display: block;
    /*background: #fff;*/
    /*border: 4px solid #019e53;*/
    margin-top: 3px;
    padding: 0px 4px 20px;
    overflow: hidden;
}

    .subtab2_content .subtab2_content_title {
        background: url('Images/dot.png' ) repeat-x bottom left;
        color: #333;
        height: 20px;
    }

h3.subtab2_content_title_t1 {
    float: left;
    font: bold 1.4em/1.4em Arial;
    margin-bottom: 0 !important;
}

a.subtab2_content_title_t2 {
    float: right;
    font: bold 1.2em/1.4em Arial;
    color: #008ed4;
}

.subtab2_content_notice {
    clear: both;
    display: block;
    font-size: 12px;
    color: #595959;
    margin-top: 3px;
}

div.temp_acc {
    display: block;
    clear: both;
    margin-bottom: 10px;
    color: #035ca9;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
}

    div.temp_acc div {
        display: block;
        padding: 5px 0px;
    }

table.temp_acc {
    display: block;
    clear: both;
    margin: 5px 0 0 10px;
}

    table.temp_acc td {
        text-align: left;
        padding: 3px 0px;
    }

.boxMoneyTransfer .acc_title {
    color: #282828;
    font-size: 12px;
    padding: 5px 0px !important;
    font-weight: bold;
    width: 160px !important;
    border-bottom: 0px dotted #ccc;
    vertical-align: top;
}

    .boxMoneyTransfer .acc_title i {
        color: red;
        font-style: normal;
    }

.boxMoneyTransfer th {
    font-weight: normal !important;
    text-align: left;
}

.boxMoneyTransfer td {
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0px 0px !important;
}

.acc_title {
    color: #282828;
    font-size: 12px;
    /*padding-right: 40px;*/
    font-weight: bold;
    width: 180px;
    border-bottom: 0px dotted #ccc;
}

.acc_subtitle {
    color: #019e53;
    font-size: 12px;
    font-weight: bold; /*font-style:italic;*/
    padding: 6px 0px;
}

.acc_content {
    color: #232323;
    padding: 2px 0px !important;
    font-size: 12px;
}

.acc_content_money_transfer {
    width: 500px;
}



.acc_content_stock_transfer {
    width: 680px;
}

.acc_paddright {
    padding-right: 30px;
}

table.temp_acc .ptop {
    padding-top: 20px;
}

table.reg_info {
    clear: both;
    margin-bottom: 10px;
    margin-left: 40px;
}

.acc_title_change {
    color: #4c4c3d;
    font: bold 1.2em/1.2em Arial;
    font-style: italic;
    background: #ffffcc;
    border: 1px solid #e5e5e5;
    padding: 2px 20px 2px 0px;
    width: 140px;
    display: block;
}

.acc_ptd {
    padding: 1px !important;
}

ul.infoform1 {
    display: block;
    margin-top: 15px;
    padding-left: 40px;
}

    ul.infoform1 li {
        list-style-image: url('Images/square.png' );
        margin-top: 15px;
    }

span.infoform1_t1 {
    font-size: 1.3em;
    font-weight: bold;
    color: #232323;
    line-height: 18px;
}

span.infoform1_t2 {
    font-size: 12px;
    font-weight: bold;
    color: #019e53;
    padding: 0 8px;
}

a.infoform1_t3 {
    text-transform: uppercase;
    font-weight: bold;
    color: #008fd5;
    padding-left: 8px;
    border-left: 1px solid #008fd5;
}

.infoform1_t4 {
    font-size: 12px;
    color: #5b5b5b;
    font-style: italic;
}

.t-explanation {
    font-size: 12px;
    color: #595959;
    font-style: italic;
}

.confirmblock {
    margin: 2px 0px 20px;
    padding: 5px 15px;
    border: 1px solid #e7e7e7;
    width: 600px;
}

.order_confirm {
    clear: both;
    display: block;
    margin-top: 20px;
}

    .confirmblock h4, .order_confirm h4 {
        color: #019e53;
        font-weight: bold;
        font-size: 12px;
    }

    .confirmblock table.confirm_content, .order_confirm table.confirm_content {
        margin-left: 15px;
    }

.confirm_content_t1 {
    font-style: italic;
    color: #575757;
    font-weight: bold;
    font-size: 12px;
}

.identify_title {
    font: bold 1.2em/1.4em Arial;
    font-style: italic;
    color: #595959;
}

.mleft {
    margin-left: 40px;
    position: relative;
    z-index: 101;
}

ul.order_type_select {
    display: block;
    margin: 10px 0 5px;
}

    ul.order_type_select li {
        display: inline;
        padding-right: 70px;
        font-size: 12px;
        color: #323232;
        font-weight: bold;
    }

        ul.order_type_select li input {
            margin-right: 5px;
        }

ul.cash_advance_select {
    display: block;
    margin: 6px 0 0;
}

    ul.cash_advance_select li {
        display: inline;
        padding-right: 30px;
        font-size: 1.1em;
        color: #323232;
        font-weight: bold;
    }

        ul.cash_advance_select li input {
            margin-right: 5px;
        }

.order_type_notice {
    clear: both;
    color: #595959;
    font-size: 12px;
    padding-top: 5px;
    _padding-top: 0px;
}
/* FOOTER
------------------------------------------------------ */
.tbFooter {
    margin: -2px auto;
    width: 1000px;
}

.support {
    display: block;
    padding-top: 10px;
    padding-left: 5px;
}

ul.footer_submenu {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    ul.footer_submenu li {
        float: left;
        color: #333;
        padding-bottom: 2px;
    }

        ul.footer_submenu li a {
            color: #333;
            font-weight: bold;
            margin: 0 10px;
        }

.support .support_info {
    clear: both;
    display: block;
    padding: 0px 5px 0px 9px;
    _padding: 4px 5px 5px 9px;
    *padding: 4px 5px 5px 9px;
    margin: 0 !important;
    line-height: 1.5em;
}

    .support .support_info a, .support .support_info span {
        font-weight: bold;
        color: #171717;
    }

.innotech a {
    color: #666;
}

.supportAfterLogin {
    clear: both;
    margin-left: 8px;
    color: #171717;
    font: bold 11px/14px arial;
}

.hotline {
    color: #ed1c24;
}

.yahoo a, .skype a {
    color: #333;
}

.supportAfterLogin .spanSupport {
    color: #171717;
    font: bold 11px/14px arial;
}

.topcopyright {
    vertical-align: top;
    text-align: right;
    padding-right: 25px;
    width: 28%;
    position: relative;
}

.go_to_top {
    display: block;
    float: right;
    background: url('Images/go_to_top.png' ) no-repeat top left;
    width: 93px;
    height: 22px;
}

    .go_to_top span {
        margin: 0 auto;
        font-weight: bold;
        margin: 0 auto;
        display: block;
        color: #fff;
        text-align: center;
        line-height: 1.4em;
    }

        .go_to_top span img {
            margin: 0 2px;
        }

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

.disable_menu {
    color: #a8a8a8 !important;
    cursor: auto !important;
}

ul.main_menu li a:hover.disable_menu {
    text-decoration: none;
    background-image: none !important;
}

ul.main_menu li .disable_menu span:hover {
    background: none;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

    #tooltip h3, #tooltip div {
        margin: 0;
    }
/* ORDER STATUS
	------------------------------------------------------ */
.grey_temp {
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0px 10px 25px;
}

.temp1_h {
    display: block;
    /*height: 30px;*/
    position: relative;
    text-align: center;
}

.temp1_title {
    float: left;
    font-weight: bold;
    font-size: 1.5em;
    color: #019E53;
    text-transform: uppercase;
}

.temp1_title1 {
    font: normal 1.6em/1.6em Arial;
    color: #000;
    font-weight: normal;
}

.temp1_refresh {
    float: right;
    background: url('Images/refresh2.jpg' ) no-repeat left center;
    margin: 0 10px 0 0;
    padding: 4px 0 4px 27px;
    font: bold 1.1em/1.4em Arial;
    color: #292929;
    display: block;
}

.temp1_email, .emailExp {
    float: right;
    background: url('Images/email.png' ) no-repeat left center;
    display: block;
    margin-left: 3px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    font: bold 1.1em/1.4em Arial;
    color: #8a8787;
}

.temp1_print, .printExp {
    float: right;
    background: url('Images/print2.jpg' ) no-repeat left center;
    display: block;
    margin-left: 3px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    font: bold 1.1em/1.4em Arial;
    /*color: #8a8787;*/
}

.print_image {
    float: right;
    background: url('images/print.png') no-repeat left center;
    display: block;
    padding: 3px 12px 3px 25px;
    font: bold 1.1em/1.4em Arial;
    color: #8a8787;
}

.temp1_excel, .excelExp {
    float: right;
    background: url('Images/excel.png' ) no-repeat left center;
    display: block;
    margin-left: 3px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    font: bold 1.1em/1.4em Arial;
    color: #8a8787;
}

.temp1_close {
    float: right;
    background: url('Images/del.png' ) no-repeat 0px 0px;
    margin-left: 10px;
    padding-left: 20px;
    font: bold 1.1em/1.4em Arial;
    color: #8a8787;
}

ul.temp1_filter {
    /*clear: both;
	text-align: right;
	margin-right: 5px;*/
    margin-bottom: 0 !important;
    padding-top: 4px !important;
}

    ul.temp1_filter li {
        display: block;
        display: inline;
        text-align: left;
        font-size: 12px;
        line-height: 1.4em;
    }

li.filter_1 {
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
}

ul.temp1_filter li.filter_2 {
    white-space: nowrap;
}

li.filter_2 input {
    margin: 0px 2px;
}

.os_note {
    font-size: 12px;
    margin: 0 10px;
}

    .os_note .order_status_note {
        clear: both;
        display: block;
        color: #3e3e3e;
        width: 200px;
        position: relative;
        z-index: 100;
    }

    .os_note .active {
        background: none repeat scroll 0 0 #FFFFFF;
        border-color: #B7BABC;
        border-style: solid;
        border-width: 1px 1px 0;
        color: #333;
        font-size: 12px;
        font-weight: bold;
        line-height: 22px;
        margin-bottom: -1px;
        padding: 5px 15px;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.05);
    }

ul.order_status_note_detail {
    display: block;
    background: #fff;
    color: #000;
    font-size: 12px;
    padding: 10px;
    /*border: 1px solid #b7babc;*/
    width: 620px;
    z-index: 1;
}

    ul.order_status_note_detail li.note_1 {
        display: block;
        float: left;
        padding-left: 10px;
    }

        ul.order_status_note_detail li.note_1 ul.note_2 {
            display: block;
        }

            ul.order_status_note_detail li.note_1 ul.note_2 li {
                margin-bottom: 2px;
            }

                ul.order_status_note_detail li.note_1 ul.note_2 li img {
                    padding-right: 5px;
                }

.note_2 {
    line-height: 22px;
}

/*GUIDE TO USE -----------------------------------------*/
.guide_to_use {
    margin: 0;
}

    .guide_to_use ul {
        list-style-image: url(Images/square.png);
    }

.gtu_content_list {
    margin-bottom: 15px;
}

.gtu_title {
    text-align: center;
    font-size: 1.6em;
    color: #008df4;
}

.gtu_title_2 {
    text-align: center;
    font-size: 1.4em;
    font-style: italic;
}

.gtu_title_line {
    color: #c0c2c4;
    text-align: center;
}

.gtu_title_contentList {
    margin: 0 auto;
    padding-left: 190px;
}

.gtu_title_lv1 a {
    font: bold 1.5em/1.4em Arial;
    margin-bottom: 10px;
    color: #333;
}

.gtu_title_lv2 a {
    font: bold 1.3em/1.4em Arial;
    margin-bottom: 5px;
    color: #002185;
    padding-left: 20px;
}

.gtu_title_lv3 a {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #002185;
    padding-left: 40px;
}

.gtu_lv1 {
    font: bold 1.5em/1.5em Arial;
    margin-bottom: 5px;
    color: #002185;
}

.gtu_lv2 {
    font: bold 1.3em/1.5em Arial;
    margin-bottom: 3px;
    color: #008df4;
    margin-top: 10px;
    text-transform: uppercase;
}

.gtu_lv3 {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
}

ul.gtu_lv4 {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
    padding-left: 50px;
    display: block;
}

ul.gtu_lv5 {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
    padding-left: 70px;
    display: block;
}

.gtu_subtitle2 {
    padding-left: 30px;
    font: bold 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #333;
}

.gtu_subtitle2_2 {
    padding-left: 30px;
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
}

.gtu_img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 100%;
}

    .gtu_img img {
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 800px;
    }

.img_note {
    text-align: center;
    font: normal 1.2em/1.4em Arial;
    color: #002185;
    font-style: italic;
}

.go_to_top_normal {
    float: right;
    display: block;
    background: url('Images/go_to_top.png' ) no-repeat top left;
    width: 100px;
    height: 18px;
}

    .go_to_top_normal span {
        margin: 0 auto;
        font-weight: bold;
        margin: 0 auto;
        display: block;
        color: #000;
        text-align: center;
        padding-right: 5px;
        line-height: 1.4em;
    }
/* ACCOUNT MANAGEMENT
	------------------------------------------------------ */
select, option {
    z-index: 0;
    position: relative;
    cursor: pointer;
}

.filterHistory {
    margin: 10px 0 5px;
    overflow: hidden;
}

    .filterHistory div {
        display: inline-block;
    }

.calendarSpan {
    margin-right: 10px;
    font-size: 12px;
    color: #2c9167;
    font-weight: bold;
}

.dateInputCalendar {
    width: 20px;
    padding: 0px 2px;
    margin-right: 3px;
}

.yearInputCalendar {
    width: 40px;
    padding: 0px 2px;
}

.blockR {
    float: left;
    margin-left: 75px;
    margin-bottom: 7px;
    *margin-left: 0px;
}

.blockSpan {
    margin-right: 10px;
    font-size: 12px;
    line-height: 1.5em;
    color: #2c9167;
    margin-bottom: 2px;
    font-weight: bold;
}

.blockSpanNotifier {
    margin-right: 10px;
    line-height: 1.5em;
    color: #2c9167;
}

.blockSpan_btn {
    margin-left: 10px;
    line-height: 1.8em;
}

.inputNormal {
    width: 70px;
}

.inputCalendar {
    font-size: inherit;
    width: 68px;
}

.inputStock {
    width: 90px;
}

.iconStatus {
    margin-right: 3px;
}

.spanTitle {
    display: inline-block;
    width: 95px;
}

.spanTitleRIR {
    display: inline-block;
    width: 75px;
}

.spanTitleNotifierIN {
    display: inline-block;
    width: 199px;
}

.spanTitleNotifierPr {
    display: inline-block;
    width: 199px !important;
    margin: 0 10px 5px 0;
}

.spanTitleNotifierPrDate {
    display: inline-block;
    width: 95px;
}

.spanTitleNotifier {
    display: inline-block;
    width: 199px !important;
    margin: 0 10px 5px 0;
}

.spanRe {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    cursor: help;
}

/*.spanTitleNotifier { display: inline-block; width:199px; }*/
/* UTILITY MANAGEMENT
	------------------------------------------------------ */
.gridChangeOption {
    margin: 10px 0px;
}

    .gridChangeOption .temp_acc {
        padding: 0;
        display: block;
    }

.gCOtitle {
    font-size: inherit;
    font-size: 12px;
    color: #fff;
    margin: 0;
    background: #1268b3;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

h3.gCOtitle a {
    background: #2b92d0;
    display: inline-block;
    padding: 0;
    transform: skewX(-40deg);
    margin-left: 12px;
}

h3.gCOtitle span {
    display: inline-block;
    padding: 7px 10px;
    transform: skewX(40deg);
    color: #fff;
}

.ratio {
    margin-right: 30px;
}

    .ratio input {
        margin-right: 5px;
    }
/* FOOTER static page
	------------------------------------------------------ */
.start_mess {
    font: normal 1.2em/1.4em Arial;
    color: #626262;
    margin-bottom: 15px;
}

.whiteblur ol li.blueTitle {
    font-weight: bold;
    color: #019E53;
    margin: 20px 32px 5px;
    font-size: 12px;
}

.static_normal {
    _font-weight: normal;
    font-size: 12px;
    _font-size: 1.0em;
    *font-size: 1.0em;
    *font-weight: normal;
    color: #393939;
    margin-bottom: 12px;
    text-align: justify;
    line-height: 1.4em;
    margin-left: 15px;
}

ul.ct_hotline {
    list-style-image: url(Images/rec_bullets.png);
    margin-left: 10px;
}

    ul.ct_hotline li {
        margin-bottom: 5px;
        line-height: 1.4em;
    }

.ct_hotline_t1, .ct_hotline_t2 {
    font-size: 12px;
}

ul.service_support {
    list-style-image: url(Images/square.png);
    margin: 3px 0px 15px 50px;
}

    ul.service_support li {
        margin-bottom: 3px;
        font-size: 12px;
        _font-size: 1.0em;
        *font-size: 1.0em;
        line-height: 1.4em;
    }

.branch_list {
    clear: both;
    background: #fff;
    border: 1px solid #e8e9ea;
    padding: 10px 10px 20px;
}

table.bl_details {
    text-align: left;
    font-size: 12px;
}

    table.bl_details th, table.bl_details td {
        padding: 5px 20px 5px 5px;
        text-align: left;
    }

    table.bl_details th {
        color: #4f4f4f;
        padding-right: 30px;
    }

    table.bl_details .bl_details_grey {
        background: #f0f0f0;
    }

ol.privacy_t1 {
    margin-left: 20px;
    margin: 5px 0 12px 35px;
}

    ol.privacy_t1 li {
        margin-bottom: 8px;
        line-height: 1.4em;
    }

ol.term_t2 {
    margin: 5px 5px 20px 35px;
    display: block;
}

    ol.term_t2 li {
        line-height: 1.4em;
        margin-bottom: 10px;
        text-align: justify;
        margin-left: 13px;
        _margin-left: 13px;
        *margin-left: 13px;
    }

.term_t3 {
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
    _font-size: 1.0em;
    *font-size: 1.0em;
    color: #202020;
    padding-left: 32px;
}

.privacy_t2 {
    font-size: 12px;
    _font-size: 1.0em;
    *font-size: 1.0em;
    color: #202020;
    font-weight: normal;
}

.bank_title {
    color: #019e53;
    font-size: 12px; /*font-style:italic;*/
    font-weight: bold;
    margin: 0 0 10px 2px;
}

ol.bank_title li {
    color: #282828;
    font-size: 12px;
}

.bank_acc {
    width: 35%;
    margin-left: 100px;
    text-align: left;
    vertical-align: top;
    float: left;
}

.bank_acc {
    /*border-right:1px solid #ccc;*/
}

.internal_acc {
    width: 40%;
    margin-left: 100px;
    text-align: left;
    vertical-align: top;
    float: right;
}

.TO_TableSaoke_normal {
    font-size: 10px;
}

/*GUIDE TO USE -----------------------------------------*/
.guide_to_use {
    margin: 0;
}

    .guide_to_use ul {
        list-style-image: url(Images/square.png);
    }

.gtu_content_list {
    margin-bottom: 15px;
}

.gtu_title {
    text-align: center;
    font-size: 1.6em;
    color: #333;
}

.gtu_title_2 {
    text-align: center;
    font-size: 1.4em;
    font-style: italic;
}

.gtu_title_line {
    color: #c0c2c4;
    text-align: center;
}

.gtu_title_contentList {
    margin: 0 auto;
    padding-left: 190px;
}

.gtu_title_lv1 a {
    font: bold 1.5em/1.4em Arial;
    margin-bottom: 10px;
    color: #333;
}

.gtu_title_lv2 a {
    font: bold 1.3em/1.4em Arial;
    margin-bottom: 5px;
    color: #333;
    padding-left: 20px;
}

.gtu_title_lv3 a {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #008000;
    padding-left: 40px;
}

.gtu_lv1 {
    font: bold 1.5em/1.5em Arial;
    margin-bottom: 5px;
    color: #333;
}

.gtu_lv2 {
    font: bold 1.3em/1.5em Arial;
    margin-bottom: 3px;
    color: #0071ba;
}

.gtu_lv2_1 {
    font: bold 1.3em/1.5em Arial;
    margin-bottom: 3px;
    color: #333;
    margin-left: 10px;
}

.gtu_lv2_2 {
    font: bold 1.3em/1.5em Arial;
    margin-bottom: 3px;
    color: #333;
    margin-left: 20px;
}

.gtu_lv3 {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
    margin-left: 20px;
}

.gtu_lv3_2 {
    font: bold 1.3em/1.5em Arial;
    margin-bottom: 3px;
    color: #333;
    margin-left: 30px;
}

.gtu_lv4 {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
    padding-left: 50px;
    display: block;
}

.gtu_lv5 {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
    padding-left: 70px;
    display: block;
}

.gtu_lv6 {
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
    padding-left: 80px;
    display: block;
}

.gtu_subtitle2 {
    padding-left: 30px;
    font: bold 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #333;
}

.gtu_subtitle2_2 {
    padding-left: 30px;
    font: normal 1.2em/1.5em Arial;
    margin-bottom: 3px;
    color: #292929;
}

.gtu_img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 100%;
}

    .gtu_img img {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

.img_note {
    text-align: center;
    font: normal 1.2em/1.4em Arial;
    color: #008000;
    font-style: italic;
}

.go_to_top_normal {
    float: right;
    display: block;
    background: url('Images/go_to_top.png') no-repeat top left;
    width: 100px;
    height: 18px;
}

    .go_to_top_normal span {
        margin: 0 auto;
        font-weight: bold;
        margin: 0 auto;
        display: block;
        color: #000;
        text-align: center;
        padding-right: 5px;
        line-height: 1.4em;
    }

.gtu_img {
    text-align: center;
}

table.table_orderhistory {
    display: block;
    position: relative;
    padding-top: 10px;
}

/*table.table_orderhistory .ptop {
        padding-top: 20px;
    }

    table.table_orderhistory .ptop10 {
        padding-top: 10px;
    }*/

.company_name_print {
    font-size: 12px;
    color: #1d377d;
}

.print_header {
    font-size: 2.6em;
    color: #1d377d;
    font-weight: bold;
}

.print_datefooter {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    color: #1d377d;
}

.lightBlue {
    color: #008FD4 !important;
}

.pointer {
    cursor: pointer;
}

.whiteBg {
    /*background: #fff;
	border: 4px solid #019e53;*/
    margin-top: 3px;
    padding: 8px 5px 10px;
}

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

.font_normal {
    font-weight: normal;
}

.nowrap {
    white-space: nowrap;
}

.print_date {
    color: #333;
    font-weight: bold;
}

.sum {
}

    .sum td {
        /*background: #e1e1e1 !important;*/
        font-weight: bold;
        padding: 6px 4px;
    }

.date_print {
    font-size: 12px;
    color: #008ED4;
    text-align: center;
}

.normalLinkBlue {
    color: #0088ff;
    text-decoration: underline;
    font-weight: bold;
}

.boldBlue {
    color: #0088ff;
    font-weight: bold;
    padding: 2px 0;
}

.cash_transfer {
    text-align: left;
    width: 160px;
}

.acc_details {
    color: #282828;
    font-size: 12px;
    font-weight: bold;
    padding-right: 30px;
}

.txtArea {
    padding: 5px 0;
    width: 100%;
}

.tdSpace {
    background-color: #FFF;
    padding: 0px !important;
    *padding: 1px !important;
    line-height: 1px;
}

.input_L {
    width: 500px;
}

.bankList {
    margin-top: 5px;
}

.btmTable {
    border-color: #fff !important;
    /*background: #f2f0f0 !important;*/
    padding: 6px 0px;
}

    .btmTable span {
        margin: 6px 0 0;
        float: right;
        font-size: 1.1em;
        font-weight: bold;
        color: #323232;
    }

.warning {
    background: url('images/warning.png') no-repeat top left;
    padding-left: 20px;
    font: bold 12px Arial;
    color: #035ca9;
    text-align: left;
    margin: 0px 10px;
    padding-bottom: 10px;
}

.warning_mgTop {
    margin-top: 10px;
}

.order_confirm2 {
    clear: both;
    margin: 0;
    padding-left: 35px;
}

.cf_Title {
    margin: 0;
    color: #008ed4;
    font-weight: bold;
    font-size: 12px;
}

.successReply {
    background: url('images/success.png') no-repeat top left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 30px;
    margin-left: 10px;
    font: bold 16px Arial;
    color: #535353;
    text-align: left;
}

.confirmSuccess {
    background: url('images/iconset/icon_success_40.png') no-repeat top left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 50px;
    margin-left: 10px;
    font: bold 16px Arial;
    color: #535353;
    text-align: left;
    line-height: 40px;
    min-height: 50px;
}

.UF_MT_succcessoutTimeMessage {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
    font: bold 1.2em/1.6em Arial;
    color: #f80a0a;
    text-align: left;
}

.successDetail {
    color: #666666;
    font-size: 12px;
    font-style: italic;
    line-height: 1.6em;
    padding-left: 40px !important;
}

.btnQuick {
    margin: 20px 10px 15px 20px;
}

.divmarquee {
    clear: both;
    font-size: 11px;
    padding: 5px 14px;
    text-align: left;
}

.divTradingMarquee {
    float: left;
    display: block;
    width: 100%;
    margin: 10px 0px 3px 0px;
    padding-left: 5px;
    font-size: 12px;
    color: #000;
}

/*================Begin IntraDay====================*/
.intraday_bestBuySell {
    width: 211px !important;
}

.intraday_bestBuySellTitle {
    font: bold 1.1em/1.4em Arial;
}

.intraday_2_div_left_1 {
    width: 100%;
}

.intraday_2_div_left_2 {
    width: 785px;
    float: left;
    left: 0pt;
}

.priceboardDetail {
    display: none;
    width: 212px;
    float: right;
}

.contentDetail {
    width: 100%;
    margin: 0 0 7px;
    background-color: White;
}

.intraday_2_head {
    width: 235px;
    height: 14px;
    padding: 6px 0 3px 10px;
    background: url("Images/bgHeaderData.png") repeat-x scroll 0 0 transparent;
    /*border: 1px solid #dfdfdf;*/
    color: Black;
}

.intraday_2_body {
    width: 235px;
}

.partheader {
    background: #504b4c;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#777173));
    background: -moz-linear-gradient(top, #222222, #777173);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#777173');*/
    color: #fff;
    padding: 4px 0 5px 5px;
    text-align: center;
    font: bold 12px Arial;
}

.paint_chart_small {
    height: 150px !important;
    width: 205px !important;
    float: left;
    font-size: 1.1em;
    background-color: #151515;
    color: #FFFFFF !important;
}

.paint_chart_normal {
    /*height:321px !important; */
    width: 100% !important;
    /*float:left;
     font-size:1.1em;
     color:White !important;*/
}

.span_intraday_header {
    color: #2c9167;
    font-weight: bold;
}

.intraday_title {
    padding: 5px;
    background-color: rgb(34, 34, 34);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.intraday_background {
    color: rgb(0, 255, 0);
    background-color: Transparent;
}

.intraday_table {
    width: 100%;
    cellspacing: 1;
    cellpadding: 3;
    border: 1px solid rgb(80, 80, 80);
}

.intraday_tr {
    text-align: center;
    background-color: rgb(68, 68, 68);
    font-weight: bold;
    colspan: 2;
}

.pagingPriceBoard {
    margin: 1px 5px 0px 10px;
}

    .pagingPriceBoard a {
        background: url("Images/btn_num.png") no-repeat bottom left;
        color: #fff;
        width: 21px;
        height: 21px;
        display: block;
        float: left;
        font-weight: bold;
    }

        .pagingPriceBoard a span {
            margin: 2px 5px 0 6px;
            color: #fff;
            display: block;
            padding: 0;
        }

        .pagingPriceBoard a:hover, .pagingPriceBoard a.active {
            background: url("Images/btn_num.png") no-repeat top left;
            text-decoration: none;
        }

    .pagingPriceBoard span {
        display: inline-block;
        padding-top: 2px;
    }
/*End IntraDay*/

.lisub_menu {
    padding: 2px 0 0 0px;
    font-size: 11px;
    font-weight: bold;
}

.create_favorite {
    border-top: 0px solid #BABCBE;
}

.all_favorite {
    border-top: 0px solid #BABCBE !important;
}

.divQuoteCard {
    margin: 0 auto;
    text-align: center;
}

.intraday_table3 {
    width: 100%;
    text-align: right;
    font: bold 12px/14px Arial;
    background-color: #000;
}

.intraday_div_click {
    border: 1px solid #183d9e;
    width: 250px;
    height: 114px;
    /*float: left;*/
    display: inline-block;
    margin: 2px 1px 3px 1px;
}

.intraday_div_over {
    border: 1px solid #183d9e;
    border-radius: 2px;
    width: 24%;
    height: auto;
    margin: 5px;
    display: inline-block;
    position: relative;
}

.intraday_div {
    border: 1px solid #777;
    border-radius: 2px;
    width: 24%;
    height: auto;
    margin: 5px;
    display: inline-block;
    position: relative;
}

    .intraday_div .form-control, .intraday_div_over .form-control {
        width: 56%;
    }

    .intraday_div table tr.intraBorder td, .intraday_div_over table tr.intraBorder td {
        border: none;
    }

.intraday_divFloat {
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 2px;
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    border-left: 1px solid #777;
    height: auto;
    margin: 2px;
    position: absolute;
    z-index: 200;
    top: -3px;
    left: -3px;
}

    .intraday_divFloat table {
        width: 100%;
    }

.intraday_divFloatWithHeader {
    top: -15px;
}

.intraday_div table, .intraday_div_over table {
    color: #fff;
}

.intraday_div_click .divStockNameCard {
    background: none repeat scroll 0 0 #183d9e;
}

.intraday_div .code {
    background: #3C3C3C;
}

.intraday_div_over .code {
    background: none repeat scroll 0 0 #183d9e;
}

.intraday_div_click .code {
    background: none repeat scroll 0 0 #183d9e;
}

.imageDeleteCard {
    margin-right: 0px;
}

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

.intraday_table3 span {
    margin-right: 4px;
}

.intraday_table3 .code {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}

tr.intraBorder {
}

    tr.intraBorder td {
        border: 1px solid #333;
        border-left: 0px;
        font-weight: bold;
    }

.intraBorderHeader td {
    background: #282828;
}

.intraday_table3_header {
    padding: 5px;
    background-color: #343434;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.intraday_table3_border {
    border: 1px solid #333;
}

.intraday_td3 {
    text-align: center;
    font-weight: bold;
}

.intraday_table_selected {
    border-bottom: 2px;
    border-top: 2px;
    border-right: 2px;
    border-left: 2px;
}

.paging {
    margin: 3px 3px 5px; /*width:950px; */
}

    .paging a {
        border: 1px solid #CCCCCC;
        border-radius: 3px 3px 3px 3px;
        float: left;
        color: #666;
        cursor: default;
        display: block;
        font: bold 12px/16px Arial;
        margin: 0 2px;
        width: 23px;
        height: 18px;
        text-align: center;
        background-image: linear-gradient(bottom, #ccc 0%, #FFFFFF 53%);
        background-image: -o-linear-gradient(bottom, #ccc 0%, #FFFFFF 53%);
        background-image: -moz-linear-gradient(bottom, #ccc 0%, #FFFFFF 53%);
        background-image: -webkit-linear-gradient(bottom, #ccc 0%, #FFFFFF 53%);
        background-image: -ms-linear-gradient(bottom, #ccc 0%, #FFFFFF 53%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.53, #FFFFFF) );
    }

        .paging a span {
            margin: 1px 1px 0 0;
            display: inline-block;
        }

        .paging a:hover {
            box-shadow: 0 0 5px #999;
            text-decoration: none;
        }

    .paging .active {
        border: 1px solid #50a5fd;
        color: #fff;
        cursor: pointer;
        background: #50a5fd;
        text-shadow: none;
        background: -webkit-gradient(linear, left top, left bottom, from(#50a5fd), to(#087fff));
        background: -moz-linear-gradient(top, #50a5fd, #087fff);
        background: -0-linear-gradient(top, #50a5fd, #087fff);
        background: -ms-linear-gradient(top, #50a5fd, #087fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a5fd', endColorstr='#087fff');
    }

.intraday_data_grid10 {
    width: 100% !important;
    table-layout: fixed;
}

.scrollChartLeft {
    width: 100%;
    overflow: auto;
    height: 442px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollVoltransRight {
    height: 441px;
    overflow: auto;
    width: 100%;
}

.intraday_data_grid10_head {
    background: #504b4c;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#777173));
    background: -moz-linear-gradient(top, #222222, #777173);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#777173');*/
}

    .intraday_data_grid10_head th {
        font: bold 12px Arial;
        color: #fff;
        padding: 2px 2px 4px;
    }

.intraday_data_grid10 thead tr th {
    border: 1px solid #1e1e1e;
}

.intraday_data_grid10 tbody tr td {
    border: 1px solid #1e1e1e;
}

.intraday_data_grid10 tbody, .intraday_data_grid10 .grey {
    background: #3e3e3e !important;
}

    .intraday_data_grid10 tbody tr td {
        margin: 1px;
    }

.intraday_bold {
    font-weight: bold !important;
}

.intraday_data_grid10 .odd {
    background: #0f0f0f;
    font: normal 12px Arial;
    font-weight: bold;
}

.intraday_data_grid10 .even {
    background: #000;
    font: normal 12px Arial;
    font-weight: bold;
    vertical-align: middle;
}
/*====================================*/
/* Pop-up Form Style */
.changeAccForm {
    width: 600px;
    position: absolute;
    top: 52px;
    right: 0;
    background: #fff;
    color: #333;
    padding: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#menuLoginPopup.active, #menuLoginPopup:hover {
    background-color: #1268b3;
}

.agreementForm {
    width: 980px;
}

.marketChartForm {
    width: 500px;
}

.marketChart {
    height: 321px !important;
}

.addFavForm {
    width: 755px;
    height: 370px;
}

.lockImg {
    background: url(images/lock.png) no-repeat top left;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 18px;
    right: 30px;
}

.popUpLogin {
    background: none !important;
    height: auto !important;
}

.popUpLoginInside {
    background: #1268b3;
    padding: 10px 5px;
    position: relative;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.loginInfo {
    margin-bottom: 6px;
    text-align: center;
    display: block;
}

    .loginInfo input[type="text"], .loginInfo input[type="password"] {
        width: 230px;
        padding: 3px 5px 3px;
        border: none !important;
    }

.noBackground {
    background-color: transparent !important;
}

.PopupChangeDefaultAccount .popUpForm {
    padding: 0 !important;
}

.popUpForm {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

    .popUpForm .popUpHeader {
        /*position: relative;
        background: #1268b3;
        border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        cursor: move;*/
        position: relative;
        background: #fec70b;
        border-bottom: 1px solid #fec70b;
        border-radius: 8px 8px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        cursor: move;
        padding: 5px 0px;
        top: -1px;
    }

        .popUpForm .popUpHeader h1, .popUpForm .popUpHeaderCancelGroup h1 {
            float: left;
            font: 400 14px Arial;
            color: #333;
            margin: 0;
            padding: 5px 0 0 10px;
            text-transform: uppercase;
        }

    .popUpForm .popUpHeaderCancelGroup {
        position: relative;
        background: #0071ba;
        border-bottom: 1px solid #0071ba;
        border-radius: 8px 8px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        cursor: move;
        padding: 5px 0px;
        top: -1px;
    }

        .popUpForm .popUpHeader a.closeBtn, .popUpForm .popUpHeaderCancelGroup a.closeBtn {
            text-indent: -9999px;
            float: right;
            background: url(Images/jwindows/close.png) no-repeat top left;
            width: 19px;
            height: 19px;
            margin: 0px 5px 0 10px;
        }


    .popUpForm .popUpBody {
        padding: 7px 10px 5px;
        overflow: auto;
        background: #fff;
        font-size: 12px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .popUpForm .popUpFooter {
        clear: both;
        text-align: center;
        margin: 6px 0 10px;
        font-size: 12px;
    }

.popUpGrid {
    width: 100% !important;
    background-color: #FFF;
}

    .popUpGrid thead th {
        background: #fff;
        padding: 6px 4px;
        font: bold 11px Arial;
        text-align: center;
        border: 1px solid #ddd;
    }

    .popUpGrid tbody td {
        font: normal 12px Arial;
        padding: 6px 4px;
        border: 1px solid #ddd;
    }

    .popUpGrid tfoot td {
        font: normal 12px Arial;
        padding: 6px 4px;
        border: 1px solid #ddd;
        font-weight: bold;
    }

    .popUpGrid tbody td a.chooseAccNormal, .changeAccForm a.chooseAccNormal {
        background: url(Images/chooseAcc.png) no-repeat top left;
        width: 16px;
        height: 14px;
        display: block;
    }

    .popUpGrid tbody td a.chooseAccSticked, .changeAccForm a.chooseAccSticked {
        background: url(Images/chooseAcc.png) no-repeat bottom left;
        width: 16px;
        height: 14px;
        display: block;
    }

    .popUpGrid tbody tr.odd td {
        background: #fff;
    }

    .popUpGrid tbody tr.even td {
        /* background: #d9d9d9; */
        background: #f1f1f1;
    }

    .popUpGrid tbody td.tdSplit {
        background: #4c4c4c;
        padding: 0;
        height: 2px;
    }

/* a.defaultBtn {
 background: url(Images/defaultBtn.png) repeat-x top left;
 background: url(Images/btn_submit.png) repeat-x top left;
 text-align: center;
 font: bold 1.1em/2.0em Arial;
 color: #fff;
 height: 20px;
 padding: 3px 15px;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 }
 a:hover.defaultBtn  {
      background-position: bottom left;
      text-decoration: none;
  }*/

.menu_top_accmargin {
    padding: 0 0 0 5px;
    color: #A6A0A0;
}

    .menu_top_accmargin span {
        color: #D91E3E !important;
        font-size: 13px;
        font-weight: bold;
    }

    .menu_top_accmargin a {
        color: #fff;
        text-decoration: none;
        display: inline-block;
        text-align: center;
    }

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

.default_accmargin {
    color: #333;
    font-weight: bold;
}

.login .default_accmargin {
    color: #fff;
    line-height: 52px;
    padding: 0px 10px;
}

.msg_branchBank {
    color: Red;
}
/* MARGIN STOCK LIST */
.search {
    margin: 5px 0px;
    padding: 0;
    clear: both;
    float: left;
    display: block;
    width: 100%;
}

    .search ul {
        margin: 0;
        padding: 0;
    }

    .search li {
        display: inline-block;
    }

    .search .subTitle {
        font: bold 1.2em/1.4 Arial;
        color: #232323;
    }

    .search input {
        color: #333;
        font-weight: bold;
        width: 130px;
    }

        .search input[type="text"] {
            margin: 0px;
            padding: 0px;
            font-weight: normal;
            font-family: Arial, Sans-Serif;
            color: #333;
            font-size: 12px;
            vertical-align: middle;
            height: 22px;
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 1px 0px;
        }

    .search .button {
        line-height: 22px;
    }

.account_loading {
    display: none;
}

.alphabetList {
    margin: 5px 5px 0;
}

    .alphabetList a {
        padding: 5px 4px;
        margin-right: 5px;
        font: bold 1.2em/1.4em Arial;
        color: #232323;
    }

        .alphabetList a:hover {
            color: #2E936A;
        }

        .alphabetList a.all {
            color: #2E936A;
        }

.marginStockList {
    width: 600px;
}

.buyBtn {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    color: #2E936A;
}

.buyBtn_disable {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    color: #B5B5B5;
}

/*.search {
    display: none;
}*/

.search ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.search li {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.search label.globalInputText {
    padding: 2px 5px 0px 0px;
    margin: 0;
}

table.topAccountSearch, table.topAccountSearch td {
    border: none !important;
}

.topAccountSearch label {
    font-weight: bold;
    color: #1268b3;
}
/*----DEFAULT PAGING ----*/
.defaultPaging {
    margin: 0px 0;
    text-align: right;
}

    .defaultPaging a {
        float: left;
    }

        .defaultPaging a.first, .defaultPaging a.prev, .defaultPaging a.next, .defaultPaging a.last {
            border: 1px solid #ddd;
            color: #1d377d;
            cursor: pointer;
            display: block;
            font: normal 12px/16px Arial;
            margin: 0;
            padding: 5px 8px;
            text-align: center;
        }

        .defaultPaging a.first_disabled, .defaultPaging a.prev_disabled, .defaultPaging a.next_disabled, .defaultPaging a.last_disabled {
            border: 1px solid #ccc;
            color: #999999;
            cursor: default;
            display: block;
            font: normal 12px/16px Arial;
            margin: 0;
            padding: 5px 8px;
            text-align: center;
        }

        .defaultPaging a:hover.first_disabled, .defaultPaging a:hover.prev_disabled, .defaultPaging a:hover.next_disabled, .defaultPaging a:hover.last_disabled {
            text-decoration: none;
        }


        .defaultPaging a.normal {
            border: 1px solid #2196f3;
            background: #2196f3;
            color: #fff;
            font: normal 12px/16px Arial;
            margin: 0;
            padding: 5px 8px;
            cursor: pointer;
        }


        .defaultPaging a.normal_disabled {
            border: 1px solid #ccc;
            color: #999;
            cursor: default;
            display: block;
            font: normal 12px/16px Arial;
            margin: 0;
            padding: 5px 8px;
            text-align: center;
        }

        .defaultPaging a:hover.normal_disabled {
            text-decoration: none;
        }

        .defaultPaging a.active {
            color: #2E936A;
            text-decoration: underline;
        }

        .defaultPaging a.prev_disabled {
            border-right: 0px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .defaultPaging a.next, .defaultPaging a.next_disabled {
            border-left: 0px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
/* COO DIEU KIEN LENH THOI GIAN */
.cooForm {
    padding: 10px 5px 2px;
    background: #fff;
    border: 1px solid #CCCDCE;
}

    .cooForm .cooHeader, .cooForm .cooBody, .cooForm .cooFooter {
        clear: both;
    }

    .cooForm .cooHeader {
        padding-bottom: 2px;
        background: url(Images/dot.png) repeat-x bottom left;
        width: 100%;
    }

        .cooForm .cooHeader h2 {
            font-weight: bold;
            font-size: 1.4em;
            color: #008FD5;
            padding: 0;
            margin: 0;
        }

    .cooForm .cooBody {
    }

        .cooForm .cooBody .cooBodyRow {
            clear: both;
            font-size: 12px;
        }

            .cooForm .cooBody .cooBodyRow .cooBodyTitle {
                color: #008fd5;
                font-weight: bold;
                background: url(../images/squareBullet.png) no-repeat center left;
                padding-left: 10px;
            }

            .cooForm .cooBody .cooBodyRow .cooColumn1 {
                width: 150px;
                margin-right: 15px;
            }

            .cooForm .cooBody .cooBodyRow .cooColumn2 {
                width: 80px;
                margin-right: 15px;
            }

            .cooForm .cooBody .cooBodyRow .cooColumn3 {
                width: 220px;
                margin-right: 15px;
            }

            .cooForm .cooBody .cooBodyRow .cooColumn4 {
                width: 220px;
                margin-right: 15px;
            }

        .cooForm .cooBody input[type="text"] {
            margin: 2px 5px;
        }

    .cooForm .cooFooter {
        text-align: center;
        padding-bottom: 10px;
    }

.captionBtn {
    width: 18px;
    height: 16px;
    display: block;
    background: url(../images/ybullet.png) no-repeat;
}
/* END COO DIEU KIEN LENH THOI GIAN */
.portfolio_div {
    display: inline;
    margin: 0 2px 0 5px;
    color: #800000;
}

    .portfolio_div span {
        font-weight: normal;
        color: #000;
        margin-left: 5px;
    }

.portfolio_span {
    color: blue;
    font-weight: bold;
    margin-right: 20px;
}

.img_del {
    height: 11px;
    width: 11px;
}

.nowrap {
    white-space: nowrap;
}


/*-------------------------------- FORM LOGIN ----------------------------*/
.bgr_form_login td, .bgr_form_login th, .bgr_form_login tr {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    /*padding: 4px;    */
}

.bgr_form_login {
    width: 480px;
    height: 240px;
    background: url(images/bgr_form_login.jpg) no-repeat top;
    behavior: url( "iepngfix.htc" );
}

.text_title_login {
    color: #fff !important;
    font-weight: bold;
    /*text-transform: uppercase;*/
    font-size: 14px !important;
    vertical-align: middle;
    padding-left: 110px !important;
    text-transform: uppercase;
}

.title_login {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    /*font-style: italic;*/
}

.login_mtop {
    margin: 10px 10px 0;
}

ul.loginUtility {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-image: url(images/roundBullet.png);
}

    ul.loginUtility a {
        font-size: 12px;
        font-weight: bold;
        color: #7d7d7d;
        text-decoration: none;
    }

        ul.loginUtility a:hover {
            text-decoration: underline;
            color: #019E53;
        }

.rightLogin {
    background: url(images/list.jpg) no-repeat top left;
    width: 487px;
    height: 241px;
}

.loginList {
    margin: 10px 25px 25px;
}

.listTitle {
    color: #019E53;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 12px;
}

.listUtility {
    list-style-image: url(images/roundBulletS.png);
    padding: 2px 0 10px 40px;
}

    .listUtility li {
        margin-bottom: 3px;
        font-size: 12px;
    }

.text_subtitle_login {
    color: #666666;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 13px;
}

/*-------------------------------- END FORM LOGIN ----------------------------*/

/*---------------------------------- FORM STATIC -----------------------------*/
.staticPage {
    margin: 0 auto;
    padding-top: 10px;
    width: 900px;
    font-family: Arial, Verdana, sans-serif;
    font-size: inherit;
}

    .staticPage ul, .staticPage li, .staticPage a, .staticPage p, .staticPage h2 {
        margin: 0;
        padding: 0;
    }

.spRound {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #ccc;
    background: #edfcf4;
}

.sTitle {
    background: #006940;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding-left: 10px;
}

    .sTitle h2 {
        padding: 5px 5px 5px 0;
        font: bold 16px/20px Arial;
        color: #fff;
    }

.sContent {
    padding: 5px 15px 20px;
    border: 4px solid #187952;
}

.sBlock {
    margin-bottom: 10px;
}

.sGreen {
    color: #006940;
}

.sBlock h3 {
    font: bold 15px/18px Arial;
}

.sBlock p {
    font: normal 12px/18px Arial;
    margin-bottom: 20px;
    margin-left: 25px;
}

.sBlock .comTitle {
    border-bottom: 1px solid #006940;
}

.sBlock .address_com_info {
    font: 12px/18px Arial;
}

p.sm {
    margin-bottom: 5px;
}

div.sBlock_sub {
    margin-left: 20px;
}

ul.sList {
    list-style-type: square;
    margin-left: 60px;
}

    ul.sList li {
        font: normal 12px/18px Arial;
        margin-bottom: 10px;
    }

.st_comp_info {
    font-size: 15px !important;
    margin-bottom: 8px !important;
    width: 55%;
}

.sml {
    margin-left: 20px;
}

ul.loginCap {
    font-family: Arial;
    font-size: 11px;
    color: #666;
    list-style-type: square;
    padding: 0 0 0 40px;
}

.loginCap li {
    padding: 0;
}

/*---------------------------------- END FORM STATIC -----------------------------*/
.buy_text {
    font-size: 16px;
    vertical-align: middle;
}

.sell_text {
    font-size: 16px;
    vertical-align: middle;
}

.co_s1 {
    width: 330px !important;
}

.co_s2 {
    width: 65px !important;
}

.tooltip_header {
    background: #ffffff;
    color: #000;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 0px solid #d2d2d2;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.9;
}

.tooltip_body {
    background-image: linear-gradient(bottom, #eeeeee 18%, #ffffff 59%);
    background-image: -o-linear-gradient(bottom, #eeeeee 18%, #ffffff 59%);
    background-image: -moz-linear-gradient(bottom, #eeeeee 18%, #ffffff 59%);
    background-image: -webkit-linear-gradient(bottom, #eeeeee 18%, #ffffff 59%);
    background-image: -ms-linear-gradient(bottom, #eeeeee 18%, #ffffff 59%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.18, #eeeeee), color-stop(0.59, #ffffff) );
    color: #000;
    opacity: 0.9;
    font-size: 12px;
    border: 1px solid #dcdcdc;
    padding: 5px 15px 7px;
    width: auto;
    max-width: 400px;
    width: expression(this.offsetWidth > 400? "400px" : "auto");
    overflow: auto;
    cursor: help;
    -moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    border-radius: 0 0 5px 5px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}


/* TICKER STYLE */
.headlines {
    height: 23px;
}

    .headlines .title {
        padding: 5px 3px 5px 0;
    }

    .headlines .btnArea {
        padding: 5px 0 5px;
    }

    .headlines .ctn {
        height: 15px !important;
        overflow: hidden;
        margin: 5px 5px 2px 11px;
        position: static !important;
        width: 450px;
        text-align: left !important;
        display: inline-block;
        background: #fff;
    }

    .headlines .title {
        color: #ab0000;
        font-weight: bold;
        text-transform: uppercase;
    }

    .headlines .ctn a {
        color: #1e1eff;
        position: static !important;
        text-decoration: none;
        font: bold 12px/14px Arial;
    }

        .headlines .ctn a:hover {
            text-decoration: underline;
        }

    .headlines .btnArea a.btn_tickers {
        background-image: url(Images/ticker-news.png);
        background-repeat: no-repeat;
        margin-left: 5px;
        width: 15px;
        height: 13px;
        display: block;
    }

    .headlines .btnArea a.back {
        background-position: 0 0;
    }

    .headlines .btnArea a:hover.back {
        background-position: 0 -13px;
    }

    .headlines .btnArea a.next {
        background-position: -21px 0;
    }

    .headlines .btnArea a:hover.next {
        background-position: -21px -13px;
    }


#ticker-wrapper * {
    margin: 0px;
}

#ticker-wrapper.has-js {
    /*background-color: #ffffff;
	border: 1px solid #CFCFCF;*/
    width: 595px;
    display: block;
    height: 24px;
}

#ticker {
    /*padding: 0px 0px 0px 10px;*/
    width: 450px;
    height: 23px;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

#ticker-title {
    float: left;
    color: #990000;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    display: block;
    line-height: 2.2em;
}

#ticker-content {
    margin: 0px;
    float: left;
    line-height: 2.2em;
    color: #1F527B;
    font-weight: bold;
    white-space: nowrap;
    background-color: #fff;
}


    #ticker-content A {
        text-decoration: none;
        color: #1F527B;
        text-transform: uppercase;
    }

        #ticker-content A:hover {
            text-decoration: underline;
            color: #0D3059;
        }

#ticker-swipe {
}

    #ticker-swipe SPAN {
    }

#ticker-controls {
    margin: 5px 10px 0px 0px;
    list-style-type: none;
    float: left;
}

    #ticker-controls li {
        float: left;
        cursor: pointer;
        background-image: url("Images/ticker-news.png");
        background-repeat: no-repeat;
        display: block;
        height: 13px;
        margin-left: 5px;
        width: 15px;
    }

        #ticker-controls li#play-pause {
            /*background-image: url('images/controls.png');
	background-position: 32px 16px;*/
        }

            #ticker-controls li#play-pause.over {
                /*background-position: 32px 32px;*/
            }

            #ticker-controls li#play-pause.down {
                /*background-position: 32px 0px;*/
            }

            #ticker-controls li#play-pause.paused {
                /*background-image: url('images/controls.png');	
	background-position: 48px 16px;*/
            }

                #ticker-controls li#play-pause.paused.over {
                    /*background-position: 48px 32px;*/
                }

                #ticker-controls li#play-pause.paused.down {
                    /*background-position: 48px 0px;*/
                }

        #ticker-controls li#prev {
            background-position: 0 0;
        }

            #ticker-controls li#prev.over {
                background-position: 0 -13px;
            }

            #ticker-controls li#prev.down {
                /*background-position: 0px 0px;*/
            }

        #ticker-controls li#next {
            background-position: -21px 0;
        }

            #ticker-controls li#next.over {
                background-position: -21px -13px;
            }

            #ticker-controls li#next.down {
                /*background-position: 16px 0px;*/
            }

.js-hidden {
    display: none;
}
/* END TICKER */

.close_order_form {
    position: absolute;
    top: -3px;
    right: -16px;
    cursor: pointer;
}

    .close_order_form a.closeBtn {
        text-indent: -9999px;
        background: url(Images/closeBtn.png) no-repeat bottom left;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 5px;
        top: 5px;
        _right: 20px;
        top: 5px;
    }

    .close_order_form a:hover.closeBtn {
        background-position: top left;
    }

.message_alert {
    margin: 1px auto 0;
    background: #fff1a8;
    /*color: #000000;*/
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 15px;
    text-align: center;
    min-height: 24px;
    border: 1px solid #ffcf65;
    text-align: left;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.message_alert1 {
    font-size: 12px;
    font-weight: normal;
    padding: 3px 5px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    border: 1px solid rgba(255, 255, 0, 0.2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    color: red;
}

.message_alert a {
    color: #333;
    text-decoration: underline;
    margin-left: 15px;
}

    .message_alert a:hover {
        color: #000;
    }

.group .order_img_expand {
    float: left;
    /*width: 17%;*/
    padding-top: 2px;
}

.group .order_stock_code {
    float: right;
    width: 80%;
    cursor: pointer;
    display: inline;
}

    .group .order_stock_code a {
        color: #187952;
        font-weight: bold;
        margin-left: 5px;
        text-decoration: underline;
    }

.order_status_detail {
    margin-left: 4px;
}

.stock_code_name {
    color: #1d377d;
    font-weight: bold !important;
    text-decoration: none !important;
}

.loadingtextpanel {
    width: 240px;
    margin: 0pt auto;
    display: block;
    text-align: center;
}

.loadingtext {
    margin: 5px 0pt 0pt;
    font: bold 1.1em/1.4em Arial;
    float: left;
}

.cs_pointer {
    cursor: pointer;
}

.message_alert a.closeBtn {
    text-indent: -9999px;
    float: left;
    display: inline-block;
    background: url(Images/closeBtn.png) no-repeat bottom left;
    width: 15px;
    height: 15px;
    /*position: absolute; */
    top: 7px;
    /*_right: 20px; */
}

.message_alert a:hover.closeBtn {
    background-position: top left;
}

.message_alert1 a.closeBtn {
    text-indent: -9999px;
    margin: 0px 2px 0px 6px;
    padding: 1px 1px 1px 0px;
    display: inline-block;
    background: url(Images/jwindows/close.png) no-repeat center center;
    width: 13px;
    height: 13px;
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    border-radius: 2px;
    top: 7px;
    /*position: absolute; */
    /*_right: 20px; */
}

.message_alert1 a:hover.closeBtn {
    /*border: 1px solid rgba(255, 255, 255, 0.6);*/
}

.capitalize {
    text-transform: capitalize;
}

.margin_list {
    background: url("Images/lang_bg.png") no-repeat scroll right center #E97E00;
    border: 1px dotted rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font: bold 1.1em/1.4em Arial;
    padding: 2px 22px 1px 12px;
    text-transform: capitalize;
    display: inline-block;
    float: right;
}

#footpanel {
    background: none repeat scroll 0 0 #FCE8EB;
    border-color: #C3C3C3 #C3C3C3 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    bottom: 0;
    left: 0;
    margin: 0 73%;
    position: fixed;
    width: 27%;
    z-index: 99999;
}

#notifier_header {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666;
    background: #CCC url(images/title.gif) top repeat-x;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
    text-transform: uppercase;
}

#notifier_content {
    padding: 1em 1.75em;
    margin: 0em;
}

#notifier_show {
    background: none repeat scroll 0 0 #E3E2E2;
    border-color: #C3C3C3 #C3C3C3 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    bottom: 0;
    height: 26px;
    left: 0;
    margin: 0 94%;
    position: fixed;
    width: 7%;
    z-index: 99999;
    text-align: center;
}

.icon_maximize_notifier {
    display: block;
    background: url(Images/maximize.gif) no-repeat 73px 50%;
    /*text-transform: capitalize;*/
    text-decoration: underline;
    padding: 4px 0;
    width: 91px;
}

.icon_minimize_notifier {
    background: url("Images/minimize.png") no-repeat scroll left bottom transparent;
    height: 19px;
    position: absolute;
    right: 11px;
    text-indent: -9999px;
    top: 8px;
    width: 18px;
}

.so_waiting {
    display: block;
    background: url(Images/waiting.png) no-repeat bottom left;
    line-height: 1.4em;
    margin-right: -2px;
    text-align: left;
    text-indent: 20px;
}

.so_processing {
    display: block;
    background: url(Images/loader.gif) no-repeat bottom left;
    line-height: 1.4em;
    margin-right: -2px;
    text-align: left;
    text-indent: 20px;
}

.so_success {
    display: block;
    background: url(Images/success.png) no-repeat bottom left;
    line-height: 1.4em;
    margin-right: -2px;
    text-indent: 20px;
    text-align: left;
}

.so_warning {
    display: block;
    background: url(Images/warning.png) no-repeat bottom left;
    line-height: 1.4em;
    margin-right: -2px;
    text-indent: 20px;
    text-align: left;
}
/*Intraday Style 03/08/2011 */
ul.tabStockBoard {
    list-style: none;
    display: block;
    margin-top: 5px;
    margin-bottom: 0 !important;
    position: relative;
}

    ul.tabStockBoard li {
        display: inline;
        color: #232323;
        cursor: pointer;
        cursor: pointer;
        border: #187952 solid;
        border-width: 2px 2px 0px;
        margin-right: 0px;
        padding: 2px 0;
    }

        ul.tabStockBoard li a {
            color: #232323;
            text-align: center;
            font: bold 1.1em/1.4em Arial;
            padding: 0 7px;
        }

        ul.tabStockBoard li:hover, ul.tabStockBoard li.active {
            background: #187952 url("Images/main_menu_hover.png") repeat-x top left;
            text-decoration: none;
        }

            ul.tabStockBoard li:hover a, ul.tabStockBoard li.active a {
                color: #fff;
            }

.stockBoardContent {
    clear: both;
    background-color: #000;
    position: relative;
}

    .stockBoardContent ul.option {
        list-style: none;
        margin: 6px 10px 8px;
    }

        .stockBoardContent ul.option li {
            display: block;
            float: left;
        }

            .stockBoardContent ul.option li a {
                font: bold 1.1em/1.4em Arial;
                color: #232323;
                padding: 2px 14px 3px;
                margin-right: 5px;
                text-decoration: none;
                background: #F5FFFA;
                border: 1px solid #d2d2d2;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -moz-box-shadow: 1px 1px 2px #ccc;
                -webkit-box-shadow: 1px 1px 2px #ccc;
                box-shadow: 1px 1px 2px #ccc;
            }

                .stockBoardContent ul.option li a:hover {
                    color: #185f9b;
                }

                .stockBoardContent ul.option li a.active {
                    background: #2CB376;
                    color: #fff;
                }

    .stockBoardContent .content {
        clear: both;
        margin: 5px 2px 2px;
    }

    .stockBoardContent .price_notice {
        color: #eee;
    }

.companyInfo {
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    color: #187952;
}

    .companyInfo span {
        padding-right: 20px;
    }
/*.favouriteTitle { padding: 4px 10px; background: url("Images/btn_submit.png") repeat-x top left; font: bold 12px/14px Arial; color: #fff;
                  -moz-border-radius: 3px 5px 5px 3px; -webkit-mozborder-radius: 3px 5px 5px 3px; border-radius: 3px 5px 5px 3px;
                  } */

.companyInfoTitle {
    color: #DCBE82;
    font-weight: bold;
}

.companyInfoBorder {
    color: #DCBE82;
    font-weight: bold;
    margin-left: -15px;
    margin-right: -15px;
}

.companyInfoComma {
    color: #DCBE82;
    font-weight: bold;
    margin-left: -20px;
    margin-right: -5px;
}

.companyInfovalue {
    font-weight: bold;
    margin-left: -15px;
}

.input_FavName {
    height: 17px;
    margin: 0px 2px 0 0;
}

.sel_Fav {
    height: 21px;
    margin: 0px 2px 0 0;
}

.marketdetailcontent {
    font: bold 1.7em/1.5em Arial;
    padding: 2px;
}

/*div#divIntraDayPanel
 {
     font: Tahoma;
 }
 */
div#divGroup {
    float: left;
    width: 999px;
    margin-left: 2px;
}

div#menuTabMarket {
    width: 300px;
    height: 26px;
    background-color: #232323;
}

table.tabMarket {
    list-style: none;
    position: relative;
    width: 100%;
}

    table.tabMarket td {
        border-style: solid;
        border-width: 1px 1px 1px;
        border-color: #5C5C5C;
        text-align: center;
        width: 30%;
        cursor: pointer;
    }

        table.tabMarket td a {
            color: white;
            text-align: center;
            font: bold 1.2em/1.8em Arial;
        }

        table.tabMarket td.active {
            background-color: #5C5C5C;
            text-decoration: none;
        }

        table.tabMarket td:hover {
            background-color: blue;
        }

            table.tabMarket td:hover a, table.tabMarket td.active a {
                color: white;
            }
/*****Start : Breaking News Style 18/08/2011 *********/


.BreakingNews_conten a {
    font-size: 12px;
    color: #65AA42;
    font-weight: bold;
}

.BreakingNews_title {
    color: #006600;
    font-size: 13px;
    font-weight: bold;
    margin-top: 0px;
    padding-bottom: 3px;
    text-transform: uppercase;
    height: 18px;
    vertical-align: middle;
}

    .BreakingNews_title .title {
        padding-top: 5px;
        border-bottom: 2px solid #663300;
    }

.titleDetail {
    padding-top: 5px;
}

.table_listnews {
}

    .table_listnews .row_list {
        border-bottom: 1px solid #164a89;
        padding: 8px 5px 7px 10px;
    }

        .table_listnews .row_list a {
            color: #fff;
            padding-bottom: 2px;
            padding-top: 2px;
            /*background: url("Images/arrow2.png") no-repeat 0px 7px;*/
            /*padding-left: 14px;*/
            vertical-align: top;
            text-decoration: none;
            font-size: 12px;
            font-family: Arial, Sans-Serif;
            font-weight: normal;
            text-shadow: 1px 1px rgba(0,0,0,0.3);
        }

            .table_listnews .row_list a:hover {
            }

.insideContent .table_listnews .row_list a {
    color: #323232;
    text-shadow: 0px 0px #fff;
    font-weight: bold;
}

.insideContent .table_listnews .row_list .time {
    color: #666;
}

.titleDetail h2 {
    color: #0048B3;
    font: bold 13px Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-left: 15px;
}

.extra_info {
    border-bottom: 1px dotted #AAAAAA;
    color: #555555;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 15px;
}

.contain_detail {
    padding: 5px 10px 15px 15px;
    font-size: 12px;
    margin-bottom: 20px;
}

.newViewDetails {
    color: #1d377d;
    font-size: 11px;
    text-decoration: none;
}

.table_listnews .row_list .time {
    color: #9EBFAF;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    padding-left: 3px;
}

.BreakingNews_conten .Back {
    margin-left: 15px;
    line-height: 25px;
    color: #006600;
    font-weight: bold;
    font-size: 11px;
}

    .BreakingNews_conten .Back a {
        border: none;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        height: 20px;
        padding: 4px 12px 4px 10px;
        background: url( 'Images/btn_submit.png') repeat-x top left;
        overflow: hidden;
        text-indent: 0;
        cursor: pointer;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-decoration: none;
    }

        .BreakingNews_conten .Back a:hover {
            background: url( 'Images/btn_submit.png') repeat-x left bottom;
            height: 20px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            text-decoration: none;
        }

.TopNews {
    color: #1d377d;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 10px 5px 11px;
}
/*****End : Breaking News Style 18/08/2011 *********/


/* new style for login of vpbs - truc.truong*/
.loginWrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    font-family: Myriad Pro, Verdana, sans-serif;
}

.logoLogin {
    margin: 0 auto;
    width: 400px;
}

    .logoLogin img {
        margin-top: 50px;
        width: 350px;
        height: 68px;
    }

.loginForm h2 {
    margin: 0px 0 10px 8px;
    font-family: Myriad Pro;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.loginForm label {
    clear: both;
    display: block;
}

.loginForm .account, .loginWrap .loginForm .password {
    background: url(images/inputBg.png) no-repeat top left;
    padding: 14px 5px 15px 15px;
    width: 250px;
    border: 0 none;
    color: #807d7d;
    font-weight: bold;
    font-size: 14px;
}

.loginForm .loginBtn {
    background: url(images/btnLogin.png) no-repeat top left;
    width: 153px;
    height: 36px;
    border: 0 none;
    margin: 10px 0 0 6px;
    color: #fff;
    text-transform: uppercase;
    font: bold 14px/14px Arial;
    cursor: pointer;
}

    .loginForm .loginBtn:hover {
        background-position: bottom left;
    }

.forgotPassword {
    margin-top: 20px;
}

    .forgotPassword a {
        margin-left: 8px;
        font: bold 14px/16px Myriad pro, sans-serif;
        color: #807d7d;
        text-decoration: none;
    }

        .forgotPassword a:hover {
            text-decoration: underline;
            color: #00A651;
        }

.footerLogin {
    clear: both;
    position: absolute;
    bottom: 12px;
    width: 100%;
}

    .footerLogin .link {
        text-align: center;
        color: #fff;
        font-size: 11px;
    }

        .footerLogin .link a {
            display: inline-block;
            color: #fff;
            font: normal 11px/18px Arial;
            padding: 0px 8px;
            text-decoration: none;
        }

        .footerLogin .link span a {
            padding: 0;
        }

        .footerLogin .link span {
            font-size: 11px;
            font-family: Arial;
        }

.langLogin {
}

    .langLogin a {
        display: inline-block;
        margin: 0 2px;
        width: 20px;
        height: 17px;
        text-indent: -9999px !important;
    }

.boxShadow {
    display: inline-block;
    -moz-box-shadow: inset 0 0 10px #ccc;
    -webkit-box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
}

.loginItem {
    margin: 5px 0px 0px 8px;
}

/*.vi {
    background: url(images/vi.jpg) no-repeat top left;
}

.en {
    background: url(images/en.jpg) no-repeat top left;
}*/

.footerLogin .supportInfo {
    font: bold 11px/14px Arial;
    text-align: center;
}

    .footerLogin .supportInfo .sred {
        color: #80a292;
    }

    .footerLogin .supportInfo .sgreen, .supportInfo span a {
        color: #ccdad3;
        text-decoration: none;
    }

        .supportInfo span a:hover {
            text-decoration: underline;
        }

.link .langLogin, .link .langLogin a {
    font: bold 11px/14px Arial;
}

.supportInfo .innotech, .supportInfo .innotech a {
    color: #666;
}

.footerLogin .copyright, .footerLogin .copyright a {
    margin-top: 10px;
    color: #807d7d;
    text-decoration: none;
    font-weight: normal;
}



.loginWrap a:hover, .footerLogin a:hover {
    text-decoration: underline;
}

.pointer {
    cursor: pointer;
}

.loginWrap .login_t2 {
    color: #999;
    font: bold 14px/14px Arial;
    margin-left: 10px;
    padding-bottom: 2px;
    padding-top: 15px;
    position: absolute;
}

.loginWrap .errorForgetPassword {
    color: #e31937;
    margin-left: 8px;
    font: bold 11px/14px Arial;
}

.linkActiveFooter {
    color: #EBB200 !important;
}

.text_color {
    color: #008FD4;
    font-size: 12px;
}

#tat_table {
    z-index: 9999;
}
/*end new style for login of vpbs*/

.divAlertVerifyPassword {
    padding-left: 7px;
}

.contentChartTime {
    width: 100%;
}

.chartTimeTransInfo {
    float: left;
    width: 35%;
    left: 0pt;
    background-color: #000;
    height: 464px;
}

.chartTime {
    float: right;
    width: 64%;
    height: 465px;
    background-color: #000;
    overflow: hidden;
}

.chartRight {
    height: 435px;
    /*width: 100%;*/
    min-width: 668px;
    margin: 5px;
    font: bold 1.2em/1.4em Tahoma;
}

.menuStockInfo {
    display: block;
    background-color: #000;
    width: 100%;
    height: 25px;
    margin-bottom: 2px;
}

.volTransDetail {
    float: right;
    width: 34%;
    height: 464px;
    background-color: #000;
}

.volPieChartLeft {
    float: left;
    width: 50%;
    height: 359px;
}

.volPieChartRight {
    float: right;
    width: 49%;
    height: 359px;
    margin-left: 2px;
}

.contentChartVolume {
    width: 100%;
    display: none;
}

.contentVolTrans {
    float: left;
    width: 65%;
    height: 464px;
    background-color: #000;
}

div#divBuy_Sell {
    display: none;
    height: 432px;
    background-color: #000;
}

.marketIntraDetail {
    background-color: #000;
    float: left;
    width: 34%;
    height: 491px;
}

.marketInfoIntraDetail {
    height: 157px;
}

.marketIntraPieChart {
    background-color: #000;
    height: 211px;
}

.marketInfoIntraChart {
    background-color: #000;
    float: right;
    width: 65%;
    height: 491px;
}

.marketInfoIntraChartDetail {
    display: inline-block;
    width: 100%;
    height: 134px;
}

div#divMarketDetailRight {
    float: right;
    width: 696px;
    overflow: auto;
    height: 491px;
    background-color: black;
}

.pieVolumnChart {
    height: 333px !important;
    background: #141414;
}

.sysbolVoltrans_Title {
    float: left;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.textVoltrans_Title {
    float: left;
    margin-left: 5px;
    display: inline-block;
}

.pieVolumnChart text {
    text-shadow: none !important;
}

.pieVolumnChart path {
    stroke-width: 1px;
}
/* GTD */
.order_info1 {
    display: block;
    margin: 1px 6px 2px;
}

.grey_temp_M {
    clear: both;
    position: relative;
    padding: 0px 14px 0px;
    display: block;
    margin: 0 auto;
}

.tempGTD {
    border: 1px solid #CCCDCE;
    background: #FFF;
    margin-top: 8px;
    bottom: 8px;
}

.tempST {
    border: 1px solid #CCCDCE;
    background: #FFF;
    margin-top: 8px;
    bottom: 8px;
}

.tittle {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
    background: url(Images/dot.png) repeat-x bottom;
    padding-left: 10px;
}

.green1 {
    color: #008000;
}

.redsell {
    color: #E31937;
}

.Manage {
    float: right;
    font-size: 12px;
    margin-top: 10px;
    padding-right: 20px;
}

    .Manage div {
        float: left;
    }

        .Manage div a {
            color: #505050;
            text-decoration: underline;
            padding-right: 5px;
        }
/* end GTD */
.sfhtHeader {
    position: absolute;
    overflow: hidden;
}

.sfhtData {
    overflow: auto;
}

.mi_w1 {
    width: 300px;
}


/* ======= Widget =============*/
#widgetscontainer {
    width: 333px;
    right: 90px;
    top: 53px;
    bottom: 0px;
    position: absolute;
    list-style: none;
    padding: 2px 0px 0px 4px;
    margin-right: 10px;
    z-index: 49;
}

    #widgetscontainer .placeHolder div {
        background-color: #aaa;
        border: dotted 1px #fff;
        width: 230px;
    }

    #widgetscontainer li {
        padding-top: 2px;
        padding-bottom: 2px;
        position: relative;
        margin-bottom: 7px;
    }


/* menu start */

#StartMenu ul {
    margin-top: 20px;
    margin-left: 20px;
    bottom: 0px;
    position: absolute;
}

    #StartMenu ul li {
        margin-left: 2px;
        margin-top: 10px;
        list-style-type: none;
    }

        #StartMenu ul li a {
            background: url("images/priceboard.png") no-repeat scroll left center transparent;
            font-size: 12px;
            color: Black;
            font-family: Arial;
            padding-left: 54px;
            display: block;
            line-height: 3;
            height: 44px;
        }

            #StartMenu ul li a:hover {
                color: Purple;
                font-weight: bold;
                text-decoration: none;
            }

        #StartMenu ul li.shutdown a {
            font-size: 12px;
            color: Black;
            font-family: Arial;
            padding-left: 54px;
        }

.span_buy {
    background: url(images/daucong.png) no-repeat center left;
}
/*.span_sell {background:url(images/daucongsell.png) no-repeat left center;}*/
.sfhtTable {
    width: 100% !important;
}

.sfhtData {
    width: 100% !important;
}

.sfhtHeader {
    width: auto !important;
}

.jwidget {
    position: relative !important;
}

.jfreewindow {
    position: relative !important;
    top: auto !important;
}

.languageVi, .languageEn {
    cursor: pointer;
    display: block;
}

    .languageVi a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
        background: url(images/Lang/flag_vn.png) no-repeat center center;
        display: inline-block;
        line-height: 50px;
        height: 50px;
        width: 30px;
    }

    .languageEn a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
        background: url(images/Lang/flag_en.png) no-repeat center center;
        display: inline-block;
        line-height: 50px;
        height: 50px;
        width: 30px;
    }


.cooPopupFooter {
    margin-top: 3px;
    text-align: center;
}

.cooDetailButtonClose {
    color: #FFFFFF !important;
    height: 21px !important;
    padding-top: 6px !important;
    width: 60px !important;
}

.tdSplit {
    height: 1px;
    padding: 0px !important;
}

.data_grid11 tbody td a.chooseAccNormal {
    background: url(Images/chooseAcc.png) no-repeat top left;
    width: 16px;
    height: 14px;
    display: block;
}

.data_grid11 tbody td a.chooseAccSticked {
    background: url(Images/chooseAcc.png) no-repeat bottom left;
    width: 16px;
    height: 14px;
    display: block;
}
/*================ Dropdown menu ====================*/
/* 
	LEVEL ONE
*/
ul.dropdown {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 999;
}

.sub_option {
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}

    .sub_option ul {
        border-radius: 3px;
    }

ul.dropdown li {
    font-weight: bold;
    float: left;
    width: 100%;
    padding: 3px 0px;
    text-align: center;
    position: relative;
    display: inline-block;
}

ul.dropdown a:hover {
    text-decoration: none;
}

ul.dropdown a:active {
    color: red;
    text-decoration: none;
}

ul.dropdown li a {
    display: block;
    color: #fff;
    font: bold 12px Arial;
    padding: 0px 6px;
}

ul.dropdown li:last-child a {
    border-right: none;
}

ul.dropdown li:hover {
    background-color: #07b6ff;
    color: #fff;
}

ul.dropdown li.hover a {
    color: #fff;
}


/* 
	LEVEL TWO
*/
ul.dropdown ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #ccc;
    display: none;
}

    ul.dropdown ul li {
        font-weight: normal;
        background: #fff;
        color: #323232;
        border-bottom: 1px solid #ccc;
        float: none;
    }

        /* IE 6 & 7 Needs Inline Block */
        ul.dropdown ul li a {
            border-right: none;
            width: 100%;
            display: inline-block;
            padding: 5px 4px 1px 7px;
            font-weight: bold;
            font-family: Arial, Tahoma, Verdana;
            font-size: 12px;
            color: #323232;
            text-align: left;
        }

            ul.dropdown ul li a:hover {
                color: #fff;
            }

        ul.dropdown ul li ul li a {
            padding: 6px 7px 5px;
        }

    /* 
	LEVEL THREE
*/
    ul.dropdown ul ul {
        left: 100%;
        top: 0;
    }

ul.dropdown li:hover > ul {
    visibility: visible;
    display: block;
}


.dropdown_filter {
    border: 1px solid #ddd !important;
    color: #333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 1px 0;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    width: 120px;
    cursor: pointer;
}

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

    .menuTab li {
        float: left;
        display: inline-block;
        margin: 0;
        background: #fff;
    }

ul.menuTab ul a, ul.menuTab li ul a {
    color: #000;
    font-weight: normal;
    display: block;
}

.menuTab a {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

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

.menuTab > li {
    display: inline-block;
    margin-right: 3px;
    color: #333;
    border: 1px solid #ddd;
    border-bottom: none;
    box-shadow: 0 1px 10px rgba(0,0,0, 0.1);
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    position: relative;
}

    .menuTab > li.active, .menuTab > li:hover {
        background: #fec70b;
        border-color: #fec70b;
        color: #fff;
    }

        .menuTab > li.active > a, .menuTab > li:hover > a {
            color: #333;
        }

    .menuTab > li > a {
        text-align: center;
        text-transform: uppercase;
        color: #333;
        display: block;
        width: 100%;
        height: 100%;
        padding: 6px 12px;
    }

.menuTab li ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    margin: 0;
    padding: 5px 0px;
    left: 0;
    top: 29px;
    display: none;
    z-index: 50;
    border-radius: 0;
    border-top: 2px solid #fec70b;
}

.menuTab > li:hover > ul {
    visibility: visible;
    display: block;
}

ul.menuTab ul li {
    font-weight: normal;
    background: #fff;
    color: #333;
    border-bottom: 0px solid #ccc;
    float: none;
    display: block;
    padding: 0;
    margin: 0;
}

    ul.menuTab ul li:hover ul, ul.menuTab ul a:hover ul {
        display: block;
        visibility: visible;
        left: 98%;
        top: 0;
        width: 390px;
        background: #fff;
    }

ul.menuTab ul ul li {
    display: inline-block;
    width: 180px;
    padding: 7px 5px;
}


.subPriceBoardTab .dropdown-menu li {
    margin: 0px 5px;
    padding: 0;
}

    .subPriceBoardTab .dropdown-menu li:hover {
        background: none;
    }

    .subPriceBoardTab .dropdown-menu li a {
        padding: 6px 5px;
        border-radius: 0px;
    }

    .subPriceBoardTab .dropdown-menu li span {
        padding: 5px;
        border-radius: 0px;
    }

    .subPriceBoardTab .dropdown-menu li a:hover {
        border-radius: 0px;
        background-color: #fec70b;
        background-image: none;
        color: #333;
    }
/* ===========End Dropdown menu=============================== */
.buy_text {
    font: bold 30px Arial;
    color: #fff;
    background: #FF5C5C;
    padding: 10px;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
}

.sell_text {
    font: bold 40px Arial;
    color: #fff;
    background: #2196f3;
    padding: 10px;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
}

.cancel_text {
    font: bold 20px Arial;
    color: #ffa600;
}

.EnterPin {
    display: block;
    clear: both;
    margin: 0px 0 0 38px;
}

    .EnterPin .CodePin {
        margin-left: 5px;
        margin-top: 5px;
        clear: both;
    }

        .EnterPin .CodePin input {
            padding-left: 10px;
        }

.settings {
    /*width:192px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -96px; */
    width: 90px;
    position: absolute;
    right: 1px;
    z-index: 1000;
}

/*---------------------------
Button Default
---------------------------*/


.button span.txt {
    height: 15px;
    /*padding:0 0 0 22px;*/
    background: url(images/cog.png) no-repeat;
    display: block;
    line-height: 16px;
    line-height: 15px\9; /* Dirty IE Hack */
}

.button span.ar {
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 16px;
    line-height: 15px\9; /* Dirty IE Hack */
}

/*---------------------------
Button Menu
---------------------------*/

.menu {
    position: absolute;
    top: 15px;
    right: 2px;
    width: 60px;
    background: #fff;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    /*border:1px solid #c7cbd3;*/
    border-top: 0;
    border-bottom-color: #b3b7c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    display: none;
    z-index: 40000;
}

    .menu ul {
        list-style: none;
        /*padding-top:3px; */
    }

        .menu ul li {
            display: block;
            zoom: 1;
        }

            .menu ul li a {
                padding: 3px 10px;
                font-size: 11px;
                border-top: 1px solid #e7e7f0;
                border-bottom: 1px solid #e7e7f0;
                display: block;
                margin: -1px 0 0 0;
                position: relative;
                text-shadow: 0 1px 1px #fff;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
                zoom: 1;
            }

                .menu ul li a span {
                    position: absolute;
                    bottom: -1px;
                    left: 0;
                    right: 0;
                    height: 1px;
                    display: block;
                    background: #d7dbea;
                    z-index: 20;
                    display: none;
                    zoom: 1;
                }

            /*---------------------------
Button Menu li hover
---------------------------*/

            .menu ul li:hover a {
                border-color: #d7dbea;
                color: #3f586c;
                background: #EBEDF4;
                background: -moz-linear-gradient(top, #EBEDF4 0%, #e5e7ef 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEDF4), color-stop(100%,#e5e7ef));
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEDF4', endColorstr='#e5e7ef',GradientType=0 );
                background: -o-linear-gradient(top, #EBEDF4 0%,#e5e7ef 100%);
                box-shadow: inset 0 1px 0 #fff;
            }

                .menu ul li:hover a span {
                    display: block;
                }

.price_notice_alert {
    display: block;
    text-align: left;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px !important;
    font-style: normal;
    color: #333;
    margin: 5px 10px 5px 0px !important;
    padding: 0 2px !important;
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: #000;
    display: none;
}

.vpbsStatic {
    background: url(images/wallpapers/mainBg.png) repeat;
    height: 100%;
}

#mainStatic {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    -moz-box-shadow: inset 0 0 40px #232725;
    -webkit-box-shadow: inset 0 0 40px #232725;
    box-shadow: inset 0 0 40px #232725;
    /*background-image: url(images/wallpapers/topLeftBg.png), url(images/wallpapers/lightBurBg.png), url(images/wallpapers/topRightBg.png);*/
    background-repeat: no-repeat;
    background-position: top left, top center, top right;
    background-attachment: fixed;
}

#containerStaticPage {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
}

.tooltip_body img {
    float: left;
    margin: 1px 10px 10px 2px;
}


/* CC */

.grid_CC {
    margin: 0 auto;
}

    .grid_CC th {
        font: bold 1.2em/1.4em Arial;
        color: #000;
        text-align: left;
        padding: 0 15px;
    }

    .grid_CC td {
        font: 1.3em/1.4em Arial;
        color: #002185;
        padding: 4px 2px;
        text-align: left;
    }

    .grid_CC input:focus, select:focus {
        border: 1px solid #E2E2E2 !important;
    }

.TermsOfUseCC_Box {
    height: 270px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    overflow: auto;
}

.TermsOfUseCC_Content {
    height: 250px;
    margin: 10px;
}

    .TermsOfUseCC_Content p {
        font-size: 12px;
        color: #595959;
        line-height: 1.5;
    }

.TermsOfUseCC_CheckApprove {
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.TermsOfUseCC_Next {
    margin-bottom: 10px;
    text-align: center;
}
/* CC */
/*Group Order*/
.scrollGroupOrderList {
    width: 100%;
    overflow: auto;
    /*height: 250px;*/
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollGroupOrderList_Row1 {
    width: 25px;
    height: 12px;
}

.scrollGroupOrderList_Row2 {
    width: 85px;
    height: 15px;
}

.scrollGroupOrderList_Row3 {
    width: 81px;
    height: 12px;
}

.scrollGroupOrderList_Row4 {
    width: 84px;
    height: 12px;
}

.scrollGroupOrderList_Row5 {
    width: 117px;
    height: 12px;
}

.scrollGroupOrderList_Row6 {
    width: 107px;
    height: 12px;
}

.scrollGroupOrderList_Row7 {
    width: 162px;
    height: 12px;
}

#tbodyConfirmGroupOrder tr {
    height: 10px;
}
/*End Group Order*/
.text_blue {
    color: blue !important;
}
/* indexcode_slide*/
.caroufredsel_wrapper {
    position: inherit !important;
}

#indexcode_prev, #indexcode_next {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    text-indent: 99px;
    z-index: 9999;
}

#indexcode_prev {
    position: absolute;
    top: 0px;
    height: 22px;
    /*background: rgba(0,0,0,0.1) url(images/core/headlineDropClose.png) no-repeat center center;*/
    background: rgba(0,0,0,0.1) url(images/core/top_arrow.png) no-repeat center center;
    border-radius: 12px 12px 0 0;
    opacity: 1;
}

#indexcode_next {
    height: 22px;
    /*background: rgba(0,0,0,0.1) url(images/core/headlineDropMore.png) no-repeat center center;*/
    background: rgba(0,0,0,0.1) url(images/core/down_arrow.png) no-repeat center center;
    border-radius: 0 0 12px 12px;
    opacity: 1;
    position: absolute;
    bottom: 0px;
}

#indexcode-box {
    padding-top: 22px;
    height: 207px !important;
}
/*Fixed bug Chrome 39.0*/
ul li a, .headlines a, .copyright, .temp1_title, .excelExp, .calendarSpan, .blockSpan, .login_title span, .price_notice.right,
.headerSearchRound,
.itemTitle,
.footerLogin a {
    white-space: nowrap;
}

.row_list a {
    white-space: normal;
}

/* BVSC - CSS */
.btn-blue {
    background: #57a9fc;
    background-image: -webkit-linear-gradient(top, #57a9fc, #0878f0);
    background-image: -moz-linear-gradient(top, #57a9fc, #0878f0);
    background-image: -ms-linear-gradient(top, #57a9fc, #0878f0);
    background-image: -o-linear-gradient(top, #57a9fc, #0878f0);
    background-image: linear-gradient(to bottom, #57a9fc, #0878f0);
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
}

    .btn-blue:hover {
        background: #69b7ff;
        background-image: -webkit-linear-gradient(top, #69b7ff, #0878f0);
        background-image: -moz-linear-gradient(top, #69b7ff, #0878f0);
        background-image: -ms-linear-gradient(top, #69b7ff, #0878f0);
        background-image: -o-linear-gradient(top, #69b7ff, #0878f0);
        background-image: linear-gradient(to bottom, #69b7ff, #0878f0);
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }


#newsLoginedTab.active {
    text-align: left;
    padding-left: 10px;
    line-height: 20px;
}

.loginInfo ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.loginInfo li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

/*.loginInfo .message_alert1 {
    max-width: 250px;
}*/

.loginInfo input.textInputForgotW {
    width: 135px;
    display: inline-block;
    padding: 3px 5px;
    height: 18px;
}

.secureCodeBox {
    display: inline-block;
    text-align: center;
}

.loginInfo li a {
    color: #333;
    font-size: 12px;
}

.loginInfo li.lang_vn a {
    background: url("images/flag/vn.png") no-repeat center left;
    padding-left: 25px;
    display: block;
    line-height: 30px;
}

.loginInfo li.lang_en {
    padding: 0px 60px;
}

    .loginInfo li.lang_en a {
        background: url("images/flag/en.png") no-repeat center left;
        padding-left: 25px;
        display: block;
        line-height: 30px;
    }

.loginInfo li.lang_jp a {
    background: url("images/flag/jp.png") no-repeat center left;
    padding-left: 25px;
    display: block;
    line-height: 30px;
}

.moneyTransferNotice {
    font-family: Arial,Tahoma, Verdana;
    font-size: 12px;
    color: #fb0e0e;
}

#zoomBottomBar {
    background: url("images/iconset/shrink.png") no-repeat center center;
    display: block;
    width: 40px;
    height: 34px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 20000;
}

    #zoomBottomBar.active {
        background: url("images/iconset/enlarge2.png") no-repeat center center;
        width: 40px;
        height: 34px;
    }

.bottomClock {
    margin: 0;
    margin-right: 45px;
    padding: 0;
    /*display: inline-block;*/
    /*min-width: 100px;*/
}

    .bottomClock li {
        display: block;
        margin: 0;
        padding: 0;
        /*padding: 3px 0px 0px 0px;*/
        font-size: 12px;
        color: #fff;
        font-weight: normal;
        text-align: right;
        /*line-height: 34px;*/
    }

        .bottomClock li:last-child {
            padding: 0;
        }

        .bottomClock li.time {
            font-weight: bold;
            font-style: normal;
            font-size: 16px;
        }

.cashtransferSenderInfo {
    width: 90%;
}

    .cashtransferSenderInfo td {
        border-bottom: 1px dotted #ccc;
    }

.cashtransferSenderInfoInput {
    border-bottom: 1px dotted #fff;
}

    .cashtransferSenderInfoInput th {
        padding: 0;
    }

.validateAuthenBox {
    float: left;
    width: 100%;
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    text-align: center;
    border: 1px solid #dedede;
    background: #f3f3f3;
    border-radius: 4px;
}

    .validateAuthenBox h4 {
        display: block;
        padding: 5px 0px 0px 0px;
        margin: 0;
        font-style: italic;
        font-weight: bold;
        font-size: 12px;
    }

    .validateAuthenBox input {
        margin-left: 10px;
    }

    .validateAuthenBox ul {
        margin: 0;
        padding: 0;
    }

    .validateAuthenBox li {
        float: left;
        margin: 0;
        padding: 5px 4px;
        display: block;
        line-height: 20px;
        width: 100%;
    }

.challangeQuestionTitle {
    font-weight: bold;
    color: red;
    text-transform: none !important;
    display: block;
}

.validateAuthenBox input[type="textbox"] {
}

.validateAuthenBox label {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    font-weight: normal;
}

.validateAuthenBox input[type="checkbox"] {
    vertical-align: top;
    margin-top: 0;
}

.validateAuthenBox h4 {
    margin-bottom: 10px;
}
/*.validateAuthenBox .form-control {
    width: 100px;
}*/

.validateAuthenBox .checkbox {
    margin-left: 10px;
}

.boxLangLink {
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 0px 12px;
    text-decoration: none !important;
    line-height: 52px;
}

#boxLangLink.vi {
    text-indent: -9999px;
    background: url(images/flag/vn.png) no-repeat center center;
}

#boxLangLink.en {
    text-indent: -9999px;
    background: url(images/flag/en.png) no-repeat center center;
}

#boxLangLink.jp, #boxLangLink.ja {
    text-indent: -9999px;
    background: url(images/flag/jp.png) no-repeat center center;
}

#boxLangLink:hover, #boxLangLink.active {
    background-color: #1268b3;
}

.boxLang ul {
    display: block;
    position: absolute;
    border-radius: 0 0 3px 3px;
    width: 120px;
    _width: 120px;
    background: #fff;
    margin: 0;
    padding: 0;
    right: 10px;
}

.boxLang li {
    margin: 0;
    padding: 5px 0px;
    width: 100%;
    float: left;
    display: block;
}

    .boxLang li a {
        color: #333;
        margin: 0;
        padding: 3px 10px;
        display: block;
        font-size: 12px;
        font-family: Arial, Tahoma, Verdana;
        font-weight: normal;
        line-height: 25px;
        text-indent: 20px;
    }

        .boxLang li a:hover {
            text-decoration: underline;
        }

#langEnglish {
    background: url(images/flag/en.png) no-repeat center left;
    background-position-x: 5px;
}

#langVietname {
    background: url(images/flag/vn.png) no-repeat center left;
    background-position-x: 5px;
}

#langJapanese {
    background: url(images/flag/jp.png) no-repeat center left;
    background-position-x: 5px;
}

#notifyList {
    position: absolute;
    margin: 0;
    padding: 0;
    border-radius: 0 0 3px 3px;
    width: 200px;
    background: #fff;
    right: 0px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

    #notifyList li {
        display: block;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        line-height: 20px;
    }

        #notifyList li a {
            color: #333;
            margin: 0;
            padding: 3px 10px;
            display: block;
            font-size: 12px;
            font-family: Arial, Tahoma, Verdana;
            font-weight: normal;
            line-height: 25px;
            text-align: center;
        }

        #notifyList li:last-child {
            border-top: 1px solid #747474;
        }


#privateList {
    position: absolute;
    margin: 0;
    padding: 0;
    border-radius: 0 0 3px 3px;
    width: 170px;
    background: #fff;
    left: 0px;
    top: 52px;
}

    #privateList li {
        display: block;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        line-height: 20px;
    }

        #privateList li a {
            color: #333;
            margin: 0;
            padding: 3px 10px;
            display: block;
            font-size: 12px;
            font-family: Arial, Tahoma, Verdana;
            font-weight: normal;
            line-height: 25px;
            text-indent: 25px;
            text-align: left;
        }

        #privateList li:last-child {
            border-top: 1px solid #747474;
        }

.icon-user {
    background: url(images/iconset/icon_user_20.png) no-repeat;
    background-position: 7px center;
}

.icon-changepwd {
    background: url(images/iconset/icon_lock_20.png) no-repeat;
    background-position: 7px center;
}

.icon-help {
    background: url(images/iconset/icon_help_20.png) no-repeat;
    background-position: 7px center;
}

.icon-logoff {
    background: url(images/iconset/icon_logout_20.png) no-repeat;
    background-position: 7px center;
}

.closing-balance {
    /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F2F5F9), color-stop(1, rgba(149, 151, 153, 0.51)) ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F5F9', endColorstr='#959799');
    background-color: #F2F5F9;
    font-size: 13px;
    font-weight: bold;
    color: #292929;*/
}

.boxMoneyTransfer .acc_titleDetail {
    color: #282828;
    font-size: 12px;
    padding: 5px 0px !important;
    font-weight: bold;
    width: 160px !important;
    border-bottom: 0px dotted #ccc;
    vertical-align: top;
    font-weight: initial;
}

.boxMoneyTransfer .acc_titleDetailBAR {
    color: #282828;
    font-size: 12px;
    padding: 5px 0px !important;
    font-weight: bold;
    /*width: 210px !important;*/
    border-bottom: 0px dotted #ccc;
    vertical-align: top;
    font-weight: initial;
}

.acc_content_money_transferBAR {
    width: 400px;
}

.cashtransferSenderInfo .acc_content_money_transferBAR td {
    border-bottom: none;
}

.boxMoneyTransfer .acc_titleDete {
    color: #282828;
    font-size: 12px;
    padding: 5px 0px !important;
    font-weight: bold;
    /*width: 210px !important;*/
    border-bottom: 0px dotted #ccc;
    vertical-align: top;
    font-weight: initial;
}

.globalInputTextSentMoney input {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 1px 0px;
    width: 397px;
    margin-left: 15px;
}

/*.boxMoneyTransfer input:focus, .boxMoneyTransfer textarea:focus {
    border-color: #0878f0;
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}*/

.boxMoneyTransfer .acc_titleDetailEx {
    font-size: 12px;
    padding: 5px 0px !important;
    font-weight: bold;
    width: 160px !important;
    border-bottom: 0px dotted #ccc;
    vertical-align: top;
    font-weight: initial;
}

.globalInputTextEx input {
    width: 399px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0px 0px;
    margin-left: 4px;
}

.boxMoneyTransfer .acc_titleM {
    color: #282828;
    font-size: 12px;
    padding: 5px 0px !important;
    font-weight: bold;
    width: 500px !important;
    border-bottom: 0px dotted #ccc;
    vertical-align: top;
}
/*.questionOtp {
    margin:0px 0px 10px 0px !important;
}
.questionOtp:before{
    left:90px !important;
}
.questionOtp:after{
    left:94px !important;
}
.contentOptionItem .itemTitle {
    width:90px;
}*/
.input-reqire-note {
    font-size: 12px;
    color: red;
    font-weight: normal;
}

#back-top {
    z-index: 9999;
    position: absolute;
    bottom: 0;
    right: 5px;
    display: none;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    background: url(images/iconset/expand_less_40.png) no-repeat center center;
    opacity: 0.9;
}

    #back-top:hover {
        opacity: 1;
    }

.paddingleft150px {
    padding-left: 150px;
}

.accountInfomationtd {
    text-align: left;
    color: #333;
    padding-top: 20px;
    padding-left: 20px;
}

.accountInfomationtdValue {
    padding-top: 20px;
    color: #1b1b1b;
    border-bottom: 1px #e1e2e2 dashed;
    width: 330px;
}

#topAlertBox {
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 250px;
    text-align: center;
    display: block;
    width: 500px;
    overflow: hidden;
    color: #fff;
    height: 44px;
    line-height: 44px;
}

    #topAlertBox span {
        padding: 10px 0 10px 0px;
        font-size: 12px;
    }

    #topAlertBox a {
        color: #fff;
        font-style: italic;
    }

    #topAlertBox .alert_red {
        color: yellow;
    }

.Hrstyle1 {
    /*border-top: 1px solid #AFACAD;*/
    border-width: 0px;
    background: #e1e2e2;
    height: 1px;
}

.acc_title1 {
    font-size: 12px;
    width: 140px;
}

.acc_title2 {
    font-size: 12px;
    width: 112px;
}

fieldset.fsStyle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    border: 1px solid #999999;
    border-radius: 3px;
    padding: 4px;
    margin: 5px;
}

legend.legendStyle {
    font-size: 90%;
    /*color: #888888;*/
    background-color: transparent;
    font-weight: bold;
}

legend {
    width: auto;
    border-bottom: 0px;
}

.btnViewBoard {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
}

.priceMode1 {
    background: url(images/iconset/filter_1.png) center center no-repeat;
    background-color: #fff;
    /*border-radius: 2px;*/
    border: 1px solid #ddd;
}

.priceMode2 {
    background: url(images/iconset/filter_2.png) center center no-repeat;
    background-color: #fff;
    /*border-radius: 2px;*/
    border: 1px solid #ddd;
}

    .priceMode1:hover, .priceMode2:hover {
        background-color: #ddd;
    }

.boardActive {
    background-color: #ddd;
}

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

    .bottomOrder li {
        display: inline-block;
        float: left;
        margin: 0px 10px 0px 0px;
        padding: 0;
    }

        .bottomOrder li a {
            display: block;
            color: #fff;
            border-radius: 3px;
            padding: 6px 10px;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none !important;
        }

    .bottomOrder a.bottomOrderStatus {
        text-decoration: none;
        display: inline-block;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #ffc92b;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), to(#feaf04));
        background-image: -webkit-linear-gradient(top, #ffc92b, #feaf04);
        background-image: -moz-linear-gradient(top, #ffc92b, #feaf04);
        background-image: -ms-linear-gradient(top, #ffc92b, #feaf04);
        background-image: -o-linear-gradient(top, #ffc92b, #feaf04);
        background-image: linear-gradient(to bottom, #ffc92b, #feaf04);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#feaf04);
    }

        .bottomOrder a.bottomOrderStatus:hover {
            background-color: #FFD65E;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD65E), to(#FEBF04));
            background-image: -webkit-linear-gradient(top, #FFD65E, #FEBF04);
            background-image: -moz-linear-gradient(top, #FFD65E, #FEBF04);
            background-image: -ms-linear-gradient(top, #FFD65E, #FEBF04);
            background-image: -o-linear-gradient(top, #FFD65E, #FEBF04);
            background-image: linear-gradient(to bottom, #FFD65E, #FEBF04);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFD65E, endColorstr=#FEBF04);
        }

.bottomBuy {
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF5C5C;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5C5C), to(#ff4040));
    background-image: -webkit-linear-gradient(top, #FF5C5C, #ff4040);
    background-image: -moz-linear-gradient(top, #FF5C5C, #ff4040);
    background-image: -ms-linear-gradient(top, #FF5C5C, #ff4040);
    background-image: -o-linear-gradient(top, #FF5C5C, #ff4040);
    background-image: linear-gradient(to bottom, #FF5C5C, #ff4040);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF5C5C, endColorstr=#ff4040);
}

    .bottomBuy:hover {
        background-color: #FF8A80;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8A80), to(#ff0d0d));
        background-image: -webkit-linear-gradient(top, #FF8A80, #ff0d0d);
        background-image: -moz-linear-gradient(top, #FF8A80, #ff0d0d);
        background-image: -ms-linear-gradient(top, #FF8A80, #ff0d0d);
        background-image: -o-linear-gradient(top, #FF8A80, #ff0d0d);
        background-image: linear-gradient(to bottom, #FF8A80, #ff0d0d);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF8A80, endColorstr=#ff0d0d);
    }

.bottomSell {
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #64a3f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#64a3f4), to(#287CE8));
    background-image: -webkit-linear-gradient(top, #64a3f4, #287CE8);
    background-image: -moz-linear-gradient(top, #64a3f4, #287CE8);
    background-image: -ms-linear-gradient(top, #64a3f4, #287CE8);
    background-image: -o-linear-gradient(top, #64a3f4, #287CE8);
    background-image: linear-gradient(to bottom, #64a3f4, #287CE8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#64a3f4, endColorstr=#287CE8);
}

    .bottomSell:hover {
        background-color: #3487f1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3487f1), to(#1563c8));
        background-image: -webkit-linear-gradient(top, #3487f1, #1563c8);
        background-image: -moz-linear-gradient(top, #3487f1, #1563c8);
        background-image: -ms-linear-gradient(top, #3487f1, #1563c8);
        background-image: -o-linear-gradient(top, #3487f1, #1563c8);
        background-image: linear-gradient(to bottom, #3487f1, #1563c8);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3487f1, endColorstr=#1563c8);
    }

.footer-rb td {
    vertical-align: middle;
}

.ulFavorite li:last-child a {
    font-weight: bold;
}

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

.boxHotNews {
    display: block;
    width: 100%;
    border: 1px solid #c0c0c0;
    padding: 5px;
}

    .boxHotNews legend {
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        color: #006797;
        margin: 5px 0px;
    }

    .boxHotNews ol {
        overflow: hidden;
        list-style: decimal-leading-zero;
        counter-reset: my-badass-counter;
    }

    .boxHotNews li {
        display: block;
        border-bottom: 1px solid #dedede;
        padding: 5px 5px 6px 5px;
    }


        .boxHotNews li:hover {
            text-decoration: underline;
            /*background: #f3f3f3;
             -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -ms-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out;*/
        }

        .boxHotNews li:nth-child(even) {
            background: #f3f3f3;
        }

    .boxHotNews a {
        font-family: Arial, Tahoma, Verdana;
        font-size: 12px;
        line-height: 18px;
        color: #000;
        display: block;
        width: 100%;
        white-space: normal;
    }

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

        .boxHotNews a:before {
            /*background: #bebcbd;
     padding: 0 7px 0 7px;
     content: counter(my-badass-counter);
            counter-increment: my-badass-counter;*/
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -ms-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

.newsCategory {
    margin: 0;
    padding: 0;
    width: 230px !important;
    list-style: decimal-leading-zero;
    counter-reset: my-badass-counter;
}

    .newsCategory li {
        float: left;
        overflow: hidden;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background: #006aae;
        margin-bottom: 1px;
    }

        .newsCategory li a {
            text-decoration: none;
            font-size: 12px;
            font-weight: normal;
            color: #fff;
            display: block;
            line-height: 30px;
            height: 100%;
            /*padding: 10px 0 10px 0;*/
        }

        .newsCategory li:hover {
            background: #42b2e8;
            color: #fff;
        }

        .newsCategory li a:hover:before {
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
            background: #42b2e8;
            color: #fff;
        }

        .newsCategory li a:before {
            content: counter(my-badass-counter);
            counter-increment: my-badass-counter;
            float: left;
            background: #42b2e8;
            text-decoration: none;
            font-size: 12px;
            font-weight: bold;
            line-height: 30px;
            color: #fff;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -ms-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
            margin-right: 5px;
            width: 30px;
            text-align: center;
            padding: 0 7px 0 7px;
            /*padding: 10px 0 10px 0;*/
        }

    .newsCategory a.selected {
        background: #42b2e8;
        color: #fff;
    }

.newsListBox {
    word-spacing: normal;
    line-height: 20px;
}

    .newsListBox dl {
        margin: 0px 0px 15px 0px;
        padding: 0px 10px;
    }

    .newsListBox dt {
        font-weight: bold;
        font-size: 14px;
        color: #006aae;
        border-bottom: 1px solid #dedede;
        padding: 5px 0px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .newsListBox dd {
        padding: 5px 0px;
    }

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

        .newsListBox a:hover {
            color: #006aae;
        }

.newsListByCategory dd {
    padding: 10px 0px;
    border-bottom: 1px solid #dedede;
}

/*.newsListByCategory dd:hover {
        background: #dedede;
    }*/

.newsListByCategory a {
    text-decoration: none !important;
    display: block;
}

.transferTypeTab {
    float: left;
    width: 100%;
    margin: 0;
    padding: 3px 0px;
}

    .transferTypeTab a {
        color: #333;
        font-size: 13px;
        font-weight: bold;
        border-radius: 3px;
        box-shadow: rgba(0, 0, 0, 0.7);
        border: 1px solid #ccc;
        text-decoration: none !important;
        width: 80%;
        display: block;
        min-width: 200px;
        padding: 8px 10px;
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    }

        .transferTypeTab a:hover, .transferTypeTab a.selected {
            color: #fff;
            background: #2b92d0;
            background: -moz-linear-gradient(top, #2b92d0 0%, #1268b3 100%);
            background: -webkit-linear-gradient(top, #2b92d0 0%,#1268b3 100%);
            background: linear-gradient(to bottom, #2b92d0 0%,#1268b3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b92d0', endColorstr='#1268b3',GradientType=0 );
        }

.bgMoneyTransferBox {
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    width: 1000px;
    border: 1px solid #afaeae;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .bgMoneyTransferBox label.globalInputText {
        background-color: transparent;
    }

.cashTransferTab > li > a {
    padding: 5px 10px;
    text-transform: none;
    color: #0071ba;
    border-color: #0071ba;
    margin-left: 4px;
}

.btn-floatRightMenuClose {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size: 25px;
    color: #5b5b5b;
}

    .btn-floatRightMenuClose:hover {
        color: #333;
    }

.browserUpgrade {
    background: #333;
    color: #fff;
    font-size: 14px;
    height: 100%;
    left: 0;
    line-height: 20px;
    position: fixed;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 9999;
}

    .browserUpgrade p {
        margin-top: 100px;
    }

    .browserUpgrade a {
        font-size: 14px;
        font-weight: bold;
        color: #ffc92b;
    }

#divPriceBoardContextMenuContainer {
    background-color: #fff;
    z-index: 9999;
    position: absolute;
    font-size: 12px;
}

.contextmenu-priceboard-item {
    padding: 3px 5px;
    color: #1E1E1E !important;
    cursor: pointer;
    border-bottom: 0px solid #ddd;
}

    .contextmenu-priceboard-item a {
        color: #1E1E1E !important;
    }

    .contextmenu-priceboard-item:hover,
    .contextmenu-priceboard-item:hover a {
        background-color: #dedede;
        text-decoration: none !important;
    }

    .contextmenu-priceboard-item td {
        vertical-align: middle !important;
    }

.contextmenu-priceboard-item-icon {
    width: 10px;
    text-align: center;
}

.align-items-center {
    display: table;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

/*.ulFavorite li a {
    float: left;
    width: 85%;
}*/

.ulFavorite li span {
    float: right;
}

.ulFavorite li .editing-buttons {
    cursor: pointer;
}

    .ulFavorite li .editing-buttons:hover {
        background-color: #fec70b;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    .ulFavorite li .editing-buttons .winclose {
        background: url(Images/del.png) no-repeat;
        border: 0px solid rgba(255,255,255,0.2);
        margin: 1px;
        padding: 0;
        float: left;
        width: 15px;
        height: 15px;
    }


.priceBoard_Card_tdOrderUnits input[type="textbox"] {
    border: 1px solid #000;
    border-radius: 2px;
    padding: 3px 2px;
}

.priceBoard_Card_BuySellWrapper.SellCard {
    background-color: #c60c30;
}

.priceBoard_Card_BuySellWrapper,
.priceBoard_Card_BuySellWrapper {
    display: block;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 3px;
    width: 96%;
    cursor: pointer;
}

    .priceBoard_Card_BuySellWrapper.BuyCard {
        background-color: #008c03;
    }

/* CSS btnLogin Form */
.priceBoard_btnLogin{
    background-color: #fec70b;
    color: #000;
    font-weight: bold !important;
}

#indexcode-list a.prev, #indexcode-list a.next {
    width: 14px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    font-size: 0;
    text-indent: 99px;
    z-index: 999;
}

#indexcode-list a.prev {
    left: 15px;
    background: url("Images/arrow-left.png") center no-repeat;
    opacity: 1; 
    position: absolute;   
}

#indexcode-list a.next {
    right: 15px;
    background: url("Images/arrow-right.png") center no-repeat;
    opacity: 1;
    position: absolute;
}

#indexcode-list a.prev:hover
{
   background-color: #999;
   border-radius: 4px 0px 0px 4px; 
}

#indexcode-list a.next:hover
{
   background-color: #999;
   border-radius: 0px 4px 4px 0px; 
}
.ag-theme-quartz {
    /* Changes the color of the grid text */
    --ag-foreground-color: #fff !important;
    /* Changes the color of the grid background */
    --ag-background-color: #000 !important;
    /* Changes the header color of the top row */
    --ag-header-background-color: #504b4c !important;
    /* Changes the hover color of the row*/
    --ag-row-hover-color: blue !important;
    --ag-border-radius: 0 !important;
    --ag-wrapper-border-radius: 0 !important;
}
.ag-header-custom {
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px
}
.ag-cell-label-container {
    padding: 0!important;
}