@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;
}


img
{
    border: 0 none;
}
outline
{
    border: none;
}
ul
{
    list-style: none;
}
/* Tables--------------------------------------*/
table
{
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}
td, th
{
    padding: 2px;
}
th
{
    font-weight: bold;
}
/* TOOL BOX
------------------------------------------------------ */
.left
{
    float: left;
}
.right
{
    float: right;
}
.center
{
    float: center;
}
.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: #ff5050;
}
.red_hightlight
{
    color: #1e1e1e !important;
    background: #ff5050 !important;
}
.d_hightlight
{
    color: #1e1e1e !important;
    background: #ff5050 !important;
}
.d
{
    color: #ff5050;
}
.green
{
    color: #03ff04;
}
.green_hightlight
{
    color: #1e1e1e !important;
    background: #03ff04 !important;
}
.i_hightlight
{
    color: #1e1e1e !important;
    background: #03ff04 !important;
}
.i
{
    color: #03ff04;
}
.status_marketopen
{
    color: #0D9945;
}

.yellow
{
    color: #ffff00;
}
.yellow_hightlight
{
    color: #1e1e1e !important;
    background: #ffff00 !important;
}
.e_hightlight
{
    color: #1e1e1e !important;
    background: #ffff00 !important;
}
.e
{
    color: #ffff00;
}
.violet
{
    color: #ff00ff;
}
.violet_hightlight
{
    color: #1e1e1e !important;
    background: #ff00ff !important;
}
.c_hightlight
{
    color: #1e1e1e !important;
    background: #ff00ff !important;
}
.c
{
    color: #ff00ff;
}
.cyan
{
    color: #00ffff;
}
.cyan_hightlight
{
    color: #1e1e1e !important;
    background: #00ffff !important;
}
.f_hightlight
{
    color: #1e1e1e !important;
    background: #00ffff !important;
}
.f
{
    color: #00ffff;
}
.white
{
    color: #ffffff;
}
.q
{
    color: #00ffff;
}
.dark_yellow
{
    color: #edaf07;
}
button
{
    cursor: pointer;
}
.btn_round
{
    height: 20px;
    padding-top:5px;
    margin-right: 4px;
   /* background: url( '/Content/vpbs/Images/btn_submit.png' ) no-repeat top left; */
}
.ibtn
{
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 20px;    
    text-align: center;
    margin-top:-6px;
    /*
    padding: 3px 0 17px;
    line-height: 1.8em !important;
    
    background: url( '/Content/vpbs/Images/btn_submit.png') repeat-x top left;
    */
    background: #7f7f7f;
    overflow: hidden;
    text-indent: 0;
    cursor: pointer;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;        
}

/*
.ibtn_round:hover
{
    background: url( '/Content/vpbs/Images/btn_submit.png') repeat-x left bottom;
} 
*/
.ibtn:hover
{
    /*background: url( '/Content/vpbs/Images/btn_submit_hover.png' ) no-repeat bottom right;
    background: url( '/Content/vpbs/Images/btn_submit.png') repeat-x left bottom;*/
    background: #aca8a8;
    height: 20px;
     border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.btn_submit_a2 {
    float: left;
    display: block;
    margin-right: 10px;
    height: 27px;
    background: url( '/Content/vpbs/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( '/Content/vpbs/Images/btn_submit_a2.png' ) no-repeat bottom right;
}

.none
{
    display: none;
}
.w33per{ width: 33% !important;}
.w35
{
    width: 35px;
}

.w40
{
    width: 40px;
}

.w50
{
    width: 50px;
}
.w60
{
    width: 60px !important;
}
.w67per{ width: 67% !important;}
.w70
{
    width: 70px !important;
}
.w80
{
    width: 80px !important;
}
.w90
{
    width: 90px !important;
}
.w100
{
    width: 100px !important;
}
.w105
{
    width: 105px !important;
}
.w120
{
    width: 120px !important;
}
.w130
{
    width: 130px !important;
}
.w150
{
    width: 150px !important;
}
.w160
{
    width: 160px !important;
}
.w170
{
    width: 170px;
}
.w190
{
    width: 190px;
}
.w200
{
    width: 200px !important;
}
.w220
{
    width: 223px;
}
.w350
{
    width: 350px !important;
}
.w400
{
    width: 400px !important;
}
.w500
{
    width: 500px !important;
}
.ptop30
{
    padding-top: 20px;
}
.ptop3
{
    padding-top: 3px;
}
.ml50
{
    clear: both;
    margin-left: 60px;
}
.marl5
{
    margin-left: 5px;
}
.marl10
{
    margin-left: 10px;
}
.mr20
{
    margin-right: 20px;
}
.mb5
{
    margin-bottom:5px;   
}
.stock_code
{
    font-weight: bold;
    text-align: left;
}
.faq1
{
    font-size: 1.1em;
    font-style: italic;
    color: #4c4c4c;
    font-weight: bold;
    padding: 0 2px;
}
.pad-left5
{
   padding-left:5px;
}
.pad-left10
{
   padding-left:10px;
}
.pad-left296
{
   padding-left:296px;
}
.pad-left242
{
   padding-left:242px;
}
.pad-left175
{
   padding-left:175px;
}
.pad-left36
{
   padding-left:36px;
}
.pad-left350
{
   padding-left:350px;
}
.pad-right5
{
   padding-right:5px;
}
.pad-right10
{
   padding-right:10px;
}
/* STRUCTURE & STUFF
-------------------------------------------------------*/

#i_wrapper
{
    /*min-height: 100%;
    height: auto !important;
    height: 100% */
}
.i_push
{
    /*height: 95px; */
}
#i_header
{
    display: block;
    margin: 0 auto;
   /* background: url('/Content/vpbs/Images/header_bg.jpg') repeat-x top left; */
    width: 1000px;
    height: 130px;
    position: relative;
    z-index: 1;
}
#i_header_login {
    display: block;
    margin: 0 auto 40px;
   /* background: url('/Content/vpbs/Images/header_bg.jpg') repeat-x top left; */
    width: 1000px;
    height: 90px;
    border-bottom: 5px solid #008346;
    position: relative;
    z-index: 1;
	overflow: hidden;
    }
#i_MarketQuotes
{
    display: block;
    margin: 5px auto 0;
    background: url( '/Images/stock_quotes_bg.png' ) no-repeat top left;
    width: 100%;
    height: 55px;
}
#i_content
{
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#i_footer
{
    clear: both;
    width: 100%;
    margin: 25px auto 0;
    background: #fff; /*margin: -78px auto 0;*/
    border-top: 4px solid #b00006;
    /*_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: blue; }
    .data_grid10 tbody tr:hover td { background: blue !important; }
.data_grid10_head
{
    background: #dee7e7 url( '/Content/vpbs/Images/defaultGridBg.png' ) repeat-x top 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;*/
    font: normal 1.1em/1.4em Arial;
    font-weight:bold;
    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;*/
    font: normal 1.1em/1.4em Arial;
    font-weight:bold;
    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: #fff;
    padding: 2px;
    background: #009600;
}
.StockQuote_order_green a:hover
{
    color: #009600;
    background: #c6e0c6;
}
.StockQuote_order_red
{
    font-weight: bold;
    text-align: center;
}
.StockQuote_order_red a
{
    text-decoration: underline;
    color: #fff;
    padding: 2px;
    background: #AA0000;
}
.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: #AA0000;
    background: #ddbdbd;
}

.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: #dee7e7 url('/Content/vpbs/Images/defaultGridBg.png') repeat-x top left;    
}
.data_grid11_head th
{
    /*white-space:nowrap;*/
    padding: 3px 2px;
    font-size: 11px;
    text-align:center !important;
}

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

.data_grid11 tbody td
{
    font-size: 11px;
    padding: 6px 4px;
    background-color: #fff;
}
.data_grid11 .green 
{
    color: #00aa00;
    font-weight: bold;
    }
.data_grid11 .red 
{
    color: #b40000;
    font-weight: bold;
    }

.data_grid11 .yellow 
{
    color: #edaf07;
    font-weight: bold;
    }


.data_grid11 .infowarning 
{
    color: #ffffff !important;
    background-color:#b40000 !important;    
}
.data_grid11 .normal 
{
    color: #ffffff !important;
    background-color:#008346 !important;    
}

.grey11
{
    background-color: #eeefef !important;
}
.trGrey
{
    background-color: #eeefef !important;
}
.sumtr
{
    background-color: #e0e0e0;
}
.data_grid11 .sumtotal td{ 
    background-color: #DCE551 !important; 
}	
.sumtr td, .sumtr th
{
    padding: 6px 2px;
}
.sumtr td
{
    font-weight: bold;
    text-align: right;
}
/*Trading template : buy/sell/cancel order ----------------------------------*/
.block_align
{
}
.block_align span
{
    width: 10px;
    height: 10px;
    display: block;
    overflow: hidden;
}
.block_align_bg
{
    /*background: url( '/Content/vpbs/Images/combo10.png' ) no-repeat;*/
}

.trading_buy .tl_corner
{
    position: absolute;
    top: -2px;
    left: -2px;
    background-position: 0 -141px;
}
.trading_buy .tr_corner
{
    position: absolute;
    top: -2px;
    right: -2px;
    background-position: 0 -211px;
}
.trading_buy .bl_corner
{
    position: absolute;
    bottom: -2px;
    left: -2px;
    background-position: 0 -280px;
    _bottom: -3px; *bottom: -3px;
}
.trading_buy .br_corner
{
    position: absolute;
    bottom: -2px;
    right: -2px;
    background-position: 0 -360px;
    _bottom: -3px; *bottom: -3px; 
}

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

.trading_cancel .tl_corner
{
    position: absolute;
    top: -2px;
    left: -2px;
    background-position: 0 -790px;
}
.trading_cancel .tr_corner
{
    position: absolute;
    top: -2px;
    right: -2px;
    background-position: 0 -860px;
}
.trading_cancel .bl_corner
{
    position: absolute;
    bottom: -2px;
    left: -2px;
    background-position: 0 -920px;
}
.trading_cancel .br_corner
{
    position: absolute;
    bottom: -2px;
    right: -2px;
    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: 6px -1100px;
}
.bl_grey
{
    position: absolute;
    bottom: -1px;
    left: -1px;
    background-position: 0 -1164px;
}
.br_grey
{
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-position: 6px -1225px;
}
/*UTILITY-------------------------------------------------------------*/
.conOrder
{
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #CCCDCE;
}
.dotBgBottom
{
    background: url(/Content/vpbs/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('/Content/vpbs/Images/bg_whiteblur.png') no-repeat center top;*/
    border: 4px solid #aca8a8;
    min-height: 116px;
    /*margin: 10px auto;*/
    margin: 0px auto 10px;
    padding: 10px 5px 10px;
}
.whiteblur_noBorder 
{
    clear: both;
    background: url('/Content/vpbs/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;
    _margin-bottom: 10px; *margin-bottom: 10px;
    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: uppercase;
}
.sell_confirm
{
    color: #b1132b;
    text-transform: uppercase;
}
.cancel_confirm
{
    color: #c6a200;
    text-transform: uppercase;
}
.buy
{
    background: #00aa00 !important;
    color: #fff !important;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: underline;
    text-transform: uppercase;
}
.sell
{
    background: #b1132b !important;
    color: #fff !important;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: underline;
    text-transform: uppercase;
}
.cancel
{
    background: #FFCF65 !important;
    color: #141414;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: underline;
    text-transform: uppercase;
    white-space:nowrap;
    /*cursor:default !important;*/
}
.disable
{
    background: #DCDCDC !important;
    color: #828282;
    font-weight: bold;    
    cursor:default !important;
    text-decoration: none !important;
}

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


.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;
	}
.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;
	position: relative;
	}
/* 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: #99c9b5;
	color: #515151;
	font-weight: bold;
	}
.calendar .nav {
	/*background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;*/
	background-color: #bdffe4;
	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: #008346;
	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: #99c9b5;
	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: #dad43a;
	color: #000;
	}
.calendar tbody td.weekend {
	/* Cells showing weekend days */
	color: #000;
	background: #d7ffec;
}
.calendar tbody td.weekend.selected {
	/* Cells showing weekend days */
	color: #000;
	background: #dad43a;
	}
.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: #008346;
	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: #019e53;
    padding-bottom: 5px;
    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;
}
.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;
 }
 
 /* IndexCode slider */
 .nivo-main-image
 {
     width:100%;
     }
 .indexcode-wrapper {   
    width: 1120px;
    margin: 5px auto 0;
    padding: 0;
    border: 0px solid #dedede;
    position: relative;
    /*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; */
    min-height: 55px;
   
}
#indexcode-list
{
    float: left;
   /* width: 935px;*/
    width: 100%;
    display: block;    
    position: relative;
    /*background-color: #eaebec; */
   background: url( '/Images/stock_quotes_bg.png' ) no-repeat top left;
   min-height: 55px;
}

ul#indexcode-box {
    width: 100%;   
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 30px;
}

ul#indexcode-box li {
    float: left;
    width: 363px;       
    line-height: 57px;
    margin-top: 2px;
    padding: 2px 3px 0px 0px;
    border-right: 1px dotted #cdcbcb;
}
/*ul#indexcode-box li:nth-child(3n){
    border-right: none;
}*/
ul#indexcode-box li:nth-child(4n+1)
{
    padding-left:3px;
}

ul#indexcode-box table {
width: 100%;
}
    
ul#indexcode-box td {
font-weight: bold;
}

#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: 0;
    background: url("/Content/vpbs/Images/arrow-left.png") center no-repeat;
    opacity: 1;    
}

#indexcode-list a.next {
    right: 0;
    background: url("/Content/vpbs/Images/arrow-right.png") center no-repeat;
    opacity: 1;
}

.clearfix {
    float: none;
    clear: both;
}
.textright {
    text-align:right;
}
ul#indexcode-box   td
{
     line-height: 11px;
     /* line-height: 18px; */
}