@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.
--------------------------------------*/
/* IMPORT OTHER STYLESHEETS
-------------------------------------*/
@import url("i_main_detail.css");

/*RESET & BASIC PAGE SETUP
------------------------------------------------------ */
*
{
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
body
{
    font: 62.5% Arial, Verdana, Helvetica, sans-serif;
}
html, body
{
    height: 100%;
    background-color: #fff;
    color: #1a1a1a;
    border-width: 0px;
}
img
{
    border: 0 none;
}
outline
{
    border: none;
}
ul
{
    list-style: none;
}
/* Tables--------------------------------------*/
table
{
    border-color: azure;
    border-spacing: 0;
    border-collapse: collapse;
}
td, th
{
    border-color: cadetblue;
    padding: 2px;
}
th
{
    font-weight: bold;
}
/* TOOL BOX
------------------------------------------------------ */
.left
{
    float: left;
}
.right
{
    float: right;
}
.text_l
{
    text-align: left;
}
.text_c
{
    text-align: center;
}
.text_r
{
    text-align: right;
}
.clear
{
    clear: both;
}

a
{
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
a:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.advances
{
    color: #0d9945;
}
.declines
{
    color: #ff0000;
}

.no_change
{
    color: #ff9600;
}
.red
{
    color: #ff0000;
}
.red_hightlight
{
    color: #000;
    background: #ff0000;
}
.green
{
    color: #03ff04;
}
.green_hightlight
{
    color: #000;
    background: #03ff04;
}

.status_marketopen
{
    color: #0D9945;
}

.yellow
{
    color: #ffff00;
}
.yellow_hightlight
{
    color: #000;
    background: #ffff00;
}
.violet
{
    color: #ff00ff;
}
.violet_hightlight
{
    color: #000;
    background: #ff00ff;
}
.cyan
{
    color: #00ffff;
}
.cyan_hightlight
{
    color: #000;
    background: #00ffff;
}
.white
{
    color: #fff;
}
.dark_yellow
{
    color: #edaf07;
}
button
{
    cursor: pointer;
}
.btn_round
{
    height: 20px;
    background: url( 'Images/btn_submit.png' ) no-repeat top left;
    margin-right: 4px;
}
.btnDisabled 
{ 
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 3px 0 17px;   
    background-color: Gray;
    overflow: hidden;
    text-indent: 0;
    cursor: auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
} 
.btn
{
    border: none;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    height: 20px;
    line-height: 1.8em !important;
    background: url( 'Images/btn_submit.png' ) no-repeat bottom right;
    overflow: hidden;
    text-indent: 0;
    padding:0px 5px 3px 0px;
    cursor:pointer;
    min-width:30px;
    text-align:center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.btn_round:hover
{
    background: url( 'Images/btn_submit_hover.png' ) no-repeat top left;
}
.btn:hover
{
    /*background: url( 'Images/btn_submit_hover.png' ) no-repeat bottom right;*/
    background: url( 'Images/btn_submit_hover.png' ) no-repeat bottom right;
}

.btn_submit_a2
{
    float: left;
    display: block;
    margin-right: 10px;
    height: 27px;
    background: url( 'Images/btn_submit_a2.png' ) no-repeat top left;
}
.btn_submit_a2 .submit_a2
{
    border: none;
    height: 27px;
    margin-left: 4px;
    padding-right: 5px;
    font-size: 1.1em;
    color: #595959;
    font-weight: bold;
    background: url( 'Images/btn_submit_a2.png' ) no-repeat bottom right;
}

.none
{
    display: none;
}

.w30
{
    width: 30px;
}

.w35
{
    width: 35px;
}

.w40
{
    width: 40px;
}
.w45
{
    width: 45px;
}
.w50
{
    width: 50px;
}
.w55
{
    width: 55px;
}
.w60
{
    width: 60px;
}
.w70
{
    width: 70px;
}
.w80
{
    width: 80px;
}
.w90
{
    width: 90px;
}
.w95
{
    width: 97px;
}
.w100
{
    width: 100px;
}
.w105
{
    width: 105px;
}
.w130
{
    width: 130px;
}
.w150
{
    width: 150px;
}
.w151
{
    width: 151px;
}
.w170
{
    width: 170px;
}
.w175
{
    width: 175px;
}
.w180
{
    width: 180px;
}
.w187
{
    width: 187px;
}
.w255
{
    width: 255px;
}
.w260
{
    width: 260px;
}
.w275 {
    width: 275px;
}
.w83
{
    width: 83px;
}
.w190
{
    width: 190px;
}
.w200
{
    width: 200px;
}
.w205
{
    width: 205px;
}
.w210
{
    width: 210px;
}
.w220
{
    width: 223px;
}
.w250
{
    width: 250px;
}
.w270
{
    width: 270px;
}
.w305
{
    width: 305px;
}
.w315
{
    width: 315px;
}
.w320
{
    width: 320px;
}
.w450
{
    width: 450px;
}
.w500
{
    width: 500px;
}
.w595{width: 595px !important;}
.w600
{
    width: 600px !important;
}
.w645{width: 645px !important;}
.w660{width: 660px !important;}
.w682{width: 678px !important;}
.h20{height: 20px !important;}
.minw600
{
min-width: 600px !important;
}
.ptop10
{
    padding-top: 10px;
}
.ptop30
{
    padding-top: 20px;
}
.ptop3
{
    padding-top: 3px  !important;
}
.pbottom10 {
    padding-bottom: 10px;
}
.pbottom15 {
    padding-bottom: 15px  !important;
}
.pright15 {
    padding-right: 15px  !important;
}
.pleft5 {
    padding-left: 5px  !important;
}
.pleft10 {
    padding-left: 10px  !important;
}
.pleft24 {
    padding-left: 24px  !important;
}
.ml50
{
    clear: both;
    margin-left: 50px;
}
.mt35
{
    margin-top: 35px;
}
.mt20
{
    margin-top: 20px;
}
.mt10
{
    margin-top: 10px;
}
.mt5
{
    margin-top: 5px;
}

.ml35
{
    margin-left: 35px;
}
.ml25
{
    margin-left: 25px;
}
.ml60
{
    margin-left: 60px;
}
.ml70
{
    margin-left: 70px;
}
.ml90
{
    margin-left: 90px;
}
.ml125
{
   
    margin-left: 125px;
}
.ml240
{
   
    margin-left: 240px;
}
.mr3 {
    margin-right: 3px;
}
.mr20
{
    margin-right: 20px;
}
.mr360
{
    margin-right: 360px;
}
.mb5
{
    margin-bottom:5px !important;   
}
.uppercase {
    text-transform: uppercase;
}
.stock_code
{
    font-weight: bold;
    text-align: left;
}
.faq1
{
    font-size: 1.1em;
    font-style: italic;
    color: #4c4c4c;
    font-weight: bold;
    padding: 0 2px;
}
/* STRUCTURE & STUFF
-------------------------------------------------------*/

#i_wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
.i_push
{
    height: 30px;
}
#i_header
{
    display: block;
    margin: 0 auto;
    background: url('Images/header_bg.jpg') no-repeat top left;
    width: 1000px;
    height: 90px;
    position: relative;
    z-index: 1;
}
#i_header_login {
    display: block;
    margin: 0 auto 40px;
   /* background: url('Images/header_bg.jpg') repeat-x top left; */
    width: 1000px;
    height: 50px;
    border-bottom: 5px solid #00723E;
    position: relative;
    z-index: 1;
    }
#i_MarketQuotes
{
   display: block;
    margin: 0px auto 0;
    background: url( 'Images/stock_quotes_bg.png' ) no-repeat top left;
    width: 1000px;
    height: 55px;
}
#i_content
{
    display: block;
    margin: 0 auto;
    width: 1000px;
    position: relative;
}
#i_footer
{
    clear: both;
    display: block;
    margin-top: 25px;
    height: 78px;
    width: 1000px;
    background: url( 'Images/footer_bg.png' ) repeat-x top left; /*margin: -78px auto 0;*/
    margin: 0 auto;
    /*_margin: -78px auto 0; *margin:-78px auto 0;*/
    /*position: relative;*/
    font-size:1.1em;
}

/*Table Data Grid 10 ----------------------------------*/
.data_grid10
{
}
.data_grid10 tbody tr:hover { background: #3E3E3E; }
.data_grid10_head
{
    background: #f7f7f7 url( 'Images/data_grid10_bg.png' ) repeat-x bottom left;
}
.data_grid10_head th
{
    font: bold 1.0em/1.4em Tahoma;
    color: #000;
    padding: 2px 2px 4px;
}

.data_grid10 thead tr th
{
    border: 1px solid #b7babc;
}
.data_grid10 tbody tr td
{
    border: 1px solid #1e1e1e;
}

.data_grid10 tbody, .data_grid10 .grey
{
    background: #3e3e3e;
}
.data_grid10 tbody tr td
{
    margin: 1px;
}
/*.data_grid10 tbody tr td { padding: 6px 2px; margin: 1px; } */

.data_grid10 .odd
{
    background: #0f0f0f;
    font: normal 1.1em/1.4em Tahoma, Verdana;
    vertical-align: middle;
}
.data_grid10 .odd img, .data_grid10 .even img
{
    margin-right: 2px;
    margin-top: 2px;
}

.data_grid10 .even
{
    background: #000;
    font: normal 1.1em/1.4em Tahoma, Verdana;
    vertical-align: middle;
}
.data_grid10 .stock_code
{
    font-weight: bold;
    padding: 4px 0;
}
.data_grid10 .normal
{
    text-align: right;
}
.data_grid10 .stock_market_code
{
    font-weight: bold;
    text-align: center;
}

/*.StockQuote_order_green
{
	font-weight: bold;
	text-align: center;
}
.StockQuote_order_green .btn_buy_enable
{
	text-decoration: underline;
	color: #0ae60a;
	padding: 2px 2px;
}
.StockQuote_order_green .btn_buy_enable:hover
{
	color: #00ff01;
	cursor : pointer;
}
.StockQuote_order_red
{
	font-weight: bold;
	text-align: center;
}
.StockQuote_order_red .btn_sell_enable
{
	text-decoration: underline;
	color: #e31937;
}
.StockQuote_order_red .btn_sell_enable:hover
{
	color: #ff0026;
	cursor : pointer;
}
*/
.StockQuote_order_green
{
    font-weight: bold;
    text-align: center;
}
.StockQuote_order_green a
{
    text-decoration: underline;
    color: #0ae60a;
    padding: 1px;
}
.StockQuote_order_green a:hover
{
    color: #00ff01;
}
.StockQuote_order_red
{
    font-weight: bold;
    text-align: center;
}
.StockQuote_order_red a
{
    text-decoration: underline;
    color: #e31937;
    padding: 1px;
}
.StockQuote_order_green a.disable_pri, .StockQuote_order_green a:hover.disable_pri, .StockQuote_order_red a.disable_pri, .StockQuote_order_red a:hover.disable_pri
{    
    color: #5F5F5F;   
    background: #3E3E3E !important;
    cursor:default !important;
}
.StockQuote_order_red a:hover
{
    color: #ff0026;
}

.StockQuote_order_yellow
{
    font-weight: bold;
    text-align: center;
}
.StockQuote_order_yellow a
{
    text-decoration: underline;
    color: #feae19;
}
.StockQuote_order_yellow a:hover
{
    color: #ffc355;
}
/*Table Data Grid 11 ----------------------------------*/
.headGrid11
{
    margin-bottom: 2px;
}
.data_grid11
{
    
    font-family: Tahoma, Verdana;
}
.data_grid11 th, .data_grid11 td
{
    border: 1px solid #b7babc;
}
.data_grid11_head
{
    background: #eeefef url('Images/data_grid11_bg.png') repeat-x bottom left;
}
.data_grid11_noBorder1
{
   border-style: solid solid none solid; 
   border-width: thin thin 1 thin;
   border-top-color: #FFFFFF; 
   border-right-color: #FFFFFF;
   border-bottom-color: inherit;
   border-left-color: #FFFFFF;
}
.data_grid11_noBorder2
{
  border-style: none solid none solid;
  border-width: 1 thin 0px thin; 
  border-top-color: inherit; 
  border-right-color: #FFFFFF; 
  border-bottom-color: inherit; 
  border-left-color: #FFFFFF;
}
.data_grid11_head th
{
    /*white-space:nowrap;*/
    padding: 3px 2px;
    font-size: 10px;
}

.data_grid11_fshead
{
    padding: 9px 2px !important;
}

.data_grid11 tbody td
{
    font-size: 11px;
    padding: 6px 2px;
    background: #fff;
    white-space:nowrap;
    /*word-wrap: break-word;
    word-break: break-word;*/
}
.data_grid11 .green, .popUpGrid .green
{
    color: #00aa00;
    font-weight: bold;
    }
 .data_grid11 .red, .popUpGrid .red 
{
    color: #b40000;
    font-weight: bold;
    }
.data_grid12_head th {
    padding: 3px 2px;
    font-size: 1.2em;
     background: #eeefef url('Images/data_grid11_bg.png') repeat-x bottom left;
}
    
.data_grid12 {
    font-family: Arial,Tahoma, Verdana;
}
.data_grid12 tbody td
{
    font-size: 1.2em;
    padding: 6px 4px;
    background: #fff;
}
.data_grid12 th, .data_grid12 td
{
    border: 1px solid #b7babc;
}
.grey11
{
    background: #eeefef !important;
}
.trGrey
{
    background: #eeefef !important;
}
.sumtr
{
    background: #e0e0e0;
}
.sumtr td, .sumtr th
{
    padding: 6px 2px;
}
.sumtr td
{
    font-weight: bold;
    text-align: right;
}
.subPopupGrid {
    background: #fff;
    margin: 2px;
    }
    .subPopupGrid th 
    {
        background: #fff url("Images/data_grid11_bg.png") repeat-x bottom left;
        font: bold 11px/12px Arial !important;
        padding: 2px 4px;
        border: 1px solid #B2B2B2;
        }
    .subPopupGrid td 
    {
        font-size: 12px !important;
        }
/*Trading template : buy/sell/cancel order ----------------------------------*/
.block_align
{
}
.block_align span
{
    width: 5px;
    height: 5px;
    display: block;
    overflow: hidden;
}
.block_align_bg
{
    background: url( 'Images/combo10.png' ) no-repeat;
}
.trading_buy .tl_corner
{
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -141px;
}
.trading_buy .tr_corner
{
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -211px;
}
.trading_buy .bl_corner
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -280px;
    _bottom: -3px; *bottom: -3px;
}
.trading_buy .br_corner
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -360px;
    _bottom: -3px; *bottom: -3px; 
}

.trading_sell .tl_corner
{
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -420px;
}
.trading_sell .tr_corner
{
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -490px;
}
.trading_sell .bl_corner
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -560px;
}
.trading_sell .br_corner
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -724px;
}

.trading_cancel .tl_corner
{
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -790px;
}
.trading_cancel .tr_corner
{
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -860px;
}
.trading_cancel .bl_corner
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -920px;
}
.trading_cancel .br_corner
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -990px;
}

.tl_green
{
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -140px;
}
.tr_green
{
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -210px;
}
.bl_green
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -280px;
}
.br_green
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -360px;
}

.tl_red
{
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -420px;
}
.tr_red
{
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -490px;
}
.bl_red
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -560px;
}
.br_red
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -720px;
}

.tl_yellow
{
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -790px;
}
.tr_yellow
{
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -860px;
}
.bl_yellow
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -920px;
}
.br_yellow
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -990px;
}

.tl_grey
{
    position: absolute;
    top: -1px;
    left: -1px;
    background-position: 0 -1050px;
}
.tr_grey
{
    position: absolute;
    top: -1px;
    right: -1px;
    background-position: 0 -1100px;
}
.bl_grey
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -1170px;
}
.br_grey
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 0 -1230px;
}
/*UTILITY-------------------------------------------------------------*/
.conOrder
{
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #CCCDCE;
}
.dotBgBottom
{
    background: url(../images/dot.png) repeat-x bottom left;
}
.titleContenth2
{
    font-size: 1.4em;
    font-weight: bold;
    color: #008ED4;
}
.titleContenth3
{
    font-size: 1.2em;
    font-weight: bold;
    color: #008ED4;
}
.orderOption
{
    margin-bottom: 10px;
}
.blockContent
{
    clear: both;
    margin-bottom: 10px;
}
.txtNormal
{
    font-size: 1.2em;
}
.titleBlueNormal
{
    font: bold 1.1em/1.4em Arial;
    color: #002185;
}
.titleName
{
    font: bold 1.3em/1.4em Arial;
    color: #008ED4;
}
/*Top white blur ---------------------------------------------------*/
.whiteblur
{
    clear: both;
    display: block;
    background: url('Images/bg_whiteblur.png') no-repeat center top;
    min-height: 116px;
    margin: 10px auto;
    padding: 10px 15px 0px;
}
.whiteblur_noBorder 
{
    clear: both;
    background: url('Images/bg_whiteblur.png') no-repeat center top;
    display: block;
    min-height: 116px;
    margin: 0px auto 10px;
    padding: 10px 20px 10px;
    }



#keyboardInputMaster
{
    position: absolute;
    border: 2px groove #e3fae6;
    color: #ffffff;
    background-color: #e3fae6;
    text-align: left;
    z-index: 1000000;
    width: auto;
}

#keyboardInputMaster thead tr th
{
    text-align: left;
    padding: 2px 5px 2px 4px;
    background-color: inherit;
    border: 0px none;
}
#keyboardInputMaster thead tr th select, #keyboardInputMaster thead tr th label
{
    color: #000000;
    font: normal 11px Arial,sans-serif;
}
#keyboardInputMaster thead tr td
{
    text-align: right;
    padding: 2px 4px 2px 5px;
    background-color: inherit;
    border: 0px none;
}
#keyboardInputMaster thead tr td span
{
    padding: 1px 4px;
    font: bold 11px Arial,sans-serif;
    border: 1px outset #aaaaaa;
    background-color: #ff0000;
    cursor: pointer;
}
#keyboardInputMaster thead tr td span.pressed
{
    border: 1px inset #999999;
    background-color: #bbbbbb;
}

#keyboardInputMaster tbody tr td
{
    text-align: left;
    margin: 0px;
    padding: 0px 4px 3px 4px;
}
#keyboardInputMaster tbody tr td div
{
    text-align: center;
    position: relative;
    height: 0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout
{
    height: auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table
{
    height: 20px;
    white-space: nowrap;
    width: 100%;
    border-collapse: separate;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter
{
    width: auto;
    margin: 0px auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td
{
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    white-space: pre;
    font: normal 11px 'Lucida Console' ,monospace;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #5d5d5d;
    border-bottom: 1px solid #5d5d5d;
    border-left: 1px solid #e5e5e5;
    background-color: #2f923e;
    cursor: default;
    color: #ffffff;
    min-width: 0.75em;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last
{
    width: 99%;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive
{
    background-color: #ccccdd;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target
{
    background-color: #ddddcc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover
{
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #555555;
    border-bottom: 1px solid #555555;
    border-left: 1px solid #d5d5d5;
    background-color: #ff0000;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed, #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead
{
    border-top: 1px solid #555555;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #555555;
    background-color: #ff0000;
}

#keyboardInputMaster tbody tr td div var
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    font: bold italic 11px Arial,sans-serif;
    color: #444444;
}

.keyboardInputInitiator
{
    margin-left: 3px;
    vertical-align: middle;
    cursor: pointer;
}
.messagestatus
{
    text-align: center;
    font-size: 1.2em;
    color: Red;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 20px;
}
.buy_confirm
{
    color: #53821b;
    text-transform: capitalize;
}
.sell_confirm
{
    color: #b1132b;
    text-transform: capitalize;
}
.cancel_confirm
{
    color: #c6a200;
    text-transform: capitalize;   
}
.recancel_confirm
{
    width:490px;
    position:fixed;
    left:420px;
    top:86px;
    height:130px;
}
.Jcancel_confirm
{
 width: 490px; 
 height: 130px;
 border: 0px none;
 padding: 0px;
 position: fixed;
 z-index: 1002;
 left: 420px;
 top: 86px;
 color: #b1132b;
 text-transform: capitalize;
}
.gridOrderDetailHearder
{
   color: #002185;
    float: left;
    font: bold 7px/7px Arial;
    margin: 0;
    padding: 6px 0 0 0px;
    text-transform: uppercase;  
 }
.recancel_confirm
{
    width:490px;
    position:fixed;
    left:420px;
    top:86px;
    height:130px;
}
.Jcancel_confirm
{
 width: 490px; 
 height: 130px;
 border: 0px none;
 padding: 0px;
 position: fixed;
 z-index: 1002;
 left: 420px;
 top: 86px;
 color: #b1132b;
 text-transform: capitalize;
}
.gridOrderDetailHearder
{
   color: #002185;
    float: left;
    font: bold 7px/7px Arial;
    margin: 0;
    padding: 6px 0 0 0px;
    text-transform: uppercase;  
 }
.buy
{
    background: #00aa00 !important;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

.buy_stocklst
{
    background: #00aa00 !important;
    color: #fff;
    font-weight: bold;
    padding: 1px 10px;
    text-decoration: underline;
    text-transform: uppercase;
}

.sell
{
    background: #b1132b !important;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: underline;
    text-transform: uppercase;
}
.cancel
{
    background: #FFCF65 !important;
    color: #141414;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: underline;
    text-transform: uppercase;
    white-space:nowrap;
}
.disable
{
    background:none repeat scroll 0 0 #DCDCDC !important;
    font-weight:bold;
    color: #828282;
    padding:4px 10px;
    text-transform: uppercase;
    cursor:default !important;
    white-space:nowrap;
}

.disable_stocklst
{
    background:none repeat scroll 0 0 #DCDCDC !important;
    font-weight:bold;
    color: #828282;
    padding:1px 10px;
    text-transform: uppercase;
    cursor:default !important;
}

.buy_confirm
{
    color: #53821b;
    text-transform: capitalize;
}
.sell_confirm
{
    color: #b1132b;
    text-transform: capitalize;
}
.cancel_confirm
{
    color: #c6a200;
    text-transform: capitalize;
}


.highlight_marketinfo
{
    background-color: #ffffd2;
}

.highlight_stockinfo
{
    background-color: #ffffd2;
}
.highlight_purchasepower
{
    background-color: #fffdec !important;
}
.highlight_action
{
    background-color: #ffff00 !important;
}
.bold_marketinfo
{
    font-weight: bold;
}
.order
{
    z-index: 1000px;
}
.hightlight
{
    background: #666;
}

/*=== Begin Calendar ==*/
/*CSS for calendar*/
/* The main calendar widget.  DIV containing a table. */
.calendar {
	position: relative;
	display: none;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	font-size: 11px;
	cursor: default;
	background: #fff;
	color: #008de4;
	font-family: tahoma,verdana,sans-serif;
	z-index:10000;
	}
.calendar table {
	/*border: 1px solid;
	border-color: #fff #000 #000 #fff; */
	font-size: 11px;
	cursor: default;
	background: #fff;
	color: #008de4;
	font-family: tahoma,verdana,sans-serif;
	}
/* Header part -- contains navigation buttons and day names. */
.calendar .button {
	/* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;
	padding: 1px;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background-color: #caebff;
	color: #515151;
	font-weight: bold;
	}
.calendar .nav {
	/*background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;*/
	background-color: #caebff;
	color: #515151;
	}
.calendar thead .title {
	/* This holds the current "month, year" */
	font-weight: bold;
	padding: 1px;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background: #008de4;
	color: #FFFFFF;
	text-align: center;
	}
.calendar thead .headrow {
	/* Row <TR> containing navigation buttons */
	background: #caebff;
	}
.calendar thead .daynames {
	/* Row <TR> containing the day names */
	background: #caebff;
	}
.calendar thead .name {
	/* Cells <TD> containing the day names */
	border-bottom: 1px solid ButtonShadow;
	padding: 2px;
	text-align: center;
	background: #ddd;
	color: #666666;
	}
.calendar thead .weekend {
	/* How a weekend day name shows in header */
	color: #f00;
	}
.calendar thead .hilite {
	/* How do the buttons in header appear when hover */
	border: 2px solid;
	padding: 0px;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	}
.calendar thead .active {
	/* Active (pressed) buttons in header */
	border-width: 1px;
	padding: 2px 0px 0px 2px;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	}
/* The body part -- contains all the days in month. */
.calendar tbody .day {
	/* Cells <TD> containing month days dates */
	width: 2em;
	text-align: center;
	padding: 2px 4px 2px 2px;
	border: solid 1px #ddd;
	color: #000;
	}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #008de4;
	background: #caebff;
}
.calendar tbody .day.othermonth.oweekend {
	color: #008de4;
	background: #caebff;
	}
.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid ButtonShadow;
	background: #caebff;
	color: #262E28;
	}
.calendar tbody .rowhilite td {
	background-color: #6699CC;
	color: HighlightText;
	}
.calendar tbody td.hilite {
	/* Hovered cells <TD> */
	padding: 1px 3px 1px 1px;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	background-color: #6699CC;
	}
.calendar tbody td.active {
	/* Active (pressed) cells <TD> */
	padding: 2px 2px 0px 2px;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	}
.calendar tbody td.selected {
	/* Cell showing selected date */
	font-weight: bold;
	border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 2px 2px 0px 2px;
	background: #002185;
	color: #FFFFFF;
	}
.calendar tbody td.weekend {
	/* Cells showing weekend days */
	color: #000;
	background: #e7f4fe;
}
.calendar tbody td.weekend.selected {
	/* Cells showing weekend days */
	color: #FFFFFF;
	background: #002185;
	}
.calendar tbody td.today {
	/* Cell showing today date */
	font-weight: bold;
	color: #FF0000;
	background: #FFE8F3;
	}
.calendar tbody td.disabled {
	color: GrayText;
	}
.calendar tbody .emptycell {
	/* Empty cells (the best is to hide them) */
	visibility: hidden;
}
.calendar tbody .emptyrow {
	/* Empty row (some months need less than 6 rows) */
	display: none;
	}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow {
	/* The <TR> in footer (only one right now) */
	background: #4C964C;
	color: #FFFFFF;
	}
.calendar tfoot .ttip {
	/* Tooltip (status bar) cell <TD> */
	padding: 1px;
	/*border: 1px solid;
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; */
	text-align: center;
	background: #008de4;
	color: #FFFFFF;
	}
.calendar tfoot .hilite {
	/* Hover style for buttons in footer */
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	padding: 1px;
	background: #e4e0d8;
	}
.calendar tfoot .active {
	/* Active (pressed) style for buttons in footer */
	padding: 2px 0px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
	}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
	position: absolute;
	display: none;
	width: 4em;
	top: 0px;
	left: 0px;
	cursor: default;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	background: #caebff;
	color: MenuText;
	font-size: 90%;
	padding: 1px;
	z-index: 100;
	}
.calendar .combo .label, .calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
	}
.calendar .combo .label-IEfix {
	width: 4em;
	}
.calendar .combo .active {
	padding: 0px;
	border: 1px solid #000;
	}
.calendar .combo .hilite {
	background: Highlight;
	color: HighlightText;
	}
.calendar td.time {
	border-top: 1px solid ButtonShadow;
	padding: 1px 0px;
	text-align: center;
	background: #caebff;
	}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
	padding: 0px 3px 0px 4px;
	border: 1px solid #889;
	font-weight: bold;
	background: #caebff;
	}
.calendar td.time .ampm {
	text-align: center;
	}
.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
	}
.calendar td.time span.hilite {
	border-color: #000;
	background-color: Highlight;
	color: HighlightText;
	}
.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
	}
/*== End Calendar ==*/
.orderBuyTitle
{
    font-size: 22px;
    color: #008000;
    padding-bottom: 7px;
    font-weight: bold;
    display: inline-block;
}
.orderSellTitle
{
    font-size: 22px;
    color: #E31937;
    padding-left: 1px;
    font-weight: bold;
}
.orderCancelTitle
{
    font-size: 22px;
    color: #ECC100;
    padding-left: 1px;
    font-weight: bold;
}
.orderQuickStatusTitle
{
    font-size: 12px;
    color: #333;
    padding-left: 1px;
    font-weight: bold;
}
.ref
{
    color: #EDAF07 !important;
}
.ceiling
{
    color: #FF00FF !important;
}
.floor
{
    color: #00C8C8 !important;
}
.down
{
    color: #FF0000 !important;
}
.up
{
    color: #03B90D !important;
}
.class2
{
    color: Blue !important;
}
.class1
{
    color: Black;
}
.number_bold
{
    font-weight:bold;
}
.mes_time
{
    color:Blue;
    font-weight:bolder !important;
    font-size:small;
    }
    
#selectedHight
{
    background:none repeat scroll 0 0 #3E3E3E
}

.confirm_group_order
{
    text-transform: none;
}

.removeStock {
    background-color: white;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute;
    right: -14px;
    top: 0;
}
.Coo_cancel_confirm {
  
    background: none repeat scroll 0 0 #FFFFE5 !important;
    padding: 0 0 15px;
    text-align: center;
}
.confirm_ST_Edit
{
    text-transform: none !important;    
    width: 700px  !important;
}
.noteReject { margin-bottom: 20px; }

.divCACloseDetail {
    background-color: white;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute;
    right: -17px;
    top: -2px;
}
.imgCACloseDetail{
    margin-bottom: -2px;
}

tfoot .sumTotal
{
  font-size: 11px;
  padding-right: 4px !important;   
}

.splitHeaderCoo
{
    background: none repeat scroll 0 0 #ECFFEC;
    color: #000000;
    font: bold 12px Arial;
    padding: 15px 0 2px 12px;
    text-align: left;
    text-transform: uppercase;
    }

/* NewsList */
.divNewsList
{
    list-style:none;
    width: 100%;
    margin:0;
    padding:0;
}
.divNewsList li
{
    display:block;
    width: 100%;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.divNewsList a
{  
    font-size: 13px;
    color: #333;
    font-weight:bold;    
    text-decoration:none;
    display:block;
    padding-bottom: 5px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.divNewsList a:hover
{
    color: #000;
}
.divNewsList a i
{
    color: #7F7F7F;
    font-weight:normal;
}
.divMore
{
    width: 100%;
   
    display:block;
}
.divMore a
{
    float:right;
    text-decoration:none;
    font-size: 12px;
    color: #fff;
    background: #555;
    padding: 5px 10px;
   -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
     margin-bottom: 20px;
}
.divMore a:hover
{
    background: #444;
}
.divCompanyName
{
    color: #ffa200;
}
/* End NewsList */
.gotoDesktopVersion  
{
    clear:both;
    background-color:#F9F8DB;
    border: 1px solid #FCB900;
    border-radius: 6px;
    padding: 2px 2px;    
    margin-left:5px;
    margin-bottom:5px;
    text-align:center;
}
.gotoDesktopVersion a{
    font-size: 10px !important;
	color: #1E5EAD !important;
	text-decoration: none;
}
/*Fixed bug Chrome 39.0*/
ul li a,.headlines a,.copyright,.temp1_title,.excelExp,.calendarSpan,.blockSpan,.login_title span,.price_notice.right{white-space: nowrap;}

.pLR5
{
    padding-left: 5px;
    padding-right: 5px;
}
.contentOptionItem
{
    font-size: 12px;
}
.contentOptionItem input[type="checkbox"]
{
    width:auto;
}

/* Stype by PagingNumber */ 
div.digg {padding: 3px;  margin: 5px; text-align: center; font-family: Tahoma,Arial; font-size:11px;}
div.digg a {font-family: Tahoma,Arial; font-size:11px;border: #002185 1px solid; padding:2px 5px; margin: 2px;  color: #333333; text-decoration: none}
div.digg a:hover {border: #002185 1px solid; color: #000; }
div.digg a:active {border: #002185 1px solid; color: #000; }
div.digg span.current {border: #002185 1px solid; padding:2px 5px; font-weight: bold;  margin: 2px; color: #fff;background-color: #002185}
div.digg span.disabled {border: #eee 1px solid; padding:2px 5px; margin: 2px; color: #ddd;}


.table-priceBoard
{
    table-layout:inherit;
}

.dashboard
{
    list-style:none;
    width:100%;
    overflow:hidden;
    margin:40px 0px 0px 0px;
    padding:0;
}
.dashboard li
{
    width: 180px;
    height: 150px;
    text-align:center;
    display:inline-block;
}

.dashboard a
{
    display:block;
    width: 100%;
    height:auto;
    text-align:center;
    color:#000;
    font-size: 12px;
   -webkit-transition: .5s;
    transition: .5s;
}
.dashboard a:hover
{
    color:#24aeed;
    
}
.dashboard span, .dashboard label
{
    display:block;
    width: 100%;
    padding-bottom: 10px;
}

.dashboard img
{
    border:1px solid #333;
    border-radius:8px;
}

.dashboard a:hover img
{
    background:#24aeed;
    border:1px solid #24aeed;
}
.hide
{
    display:none !important;    
}
/*-----------------------------*/
/*Table Data Grid CW ----------------------------------*/
.headGridcwStock
{
    margin-bottom: 2px;
}
.data_gridcwStock
{
    
    font-family: Tahoma, Verdana;
}
.data_gridcwStock th, .data_gridcwStock td
{
    border: 1px solid #b7babc;
}
.data_gridcwStock_head
{
    background: #eeefef url('Images/data_grid11_bg.png') repeat-x bottom left;
}
.data_gridcwStock_noBorder1
{
   border-style: solid solid none solid; 
   border-width: thin thin 1 thin;
   border-top-color: #FFFFFF; 
   border-right-color: #FFFFFF;
   border-bottom-color: inherit;
   border-left-color: #FFFFFF;
}
.data_gridcwStock_noBorder2
{
  border-style: none solid none solid;
  border-width: 1 thin 0px thin; 
  border-top-color: inherit; 
  border-right-color: #FFFFFF; 
  border-bottom-color: inherit; 
  border-left-color: #FFFFFF;
}
.data_gridcwStock_head th
{
    /*white-space:nowrap;*/
    padding: 3px 2px;
    font-size: 10px;
}

.data_gridcwStock_fshead
{
    padding: 9px 2px !important;
}

.data_gridcwStock tbody td
{
    font-size: cwStockpx;
    padding: 6px 2px;
    background: #fff;
     /* white-space:nowrap;
  word-wrap: break-word;
    word-break: break-word;*/
}
.data_gridcwStock .green, .popUpGrid .green
{
    color: #00aa00;
    font-weight: bold;
    }
 .data_gridcwStock .red, .popUpGrid .red 
{
    color: #b40000;
    font-weight: bold;
    }