@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	outline: 0;
	font-family: Verdana, Arial, sans-serif, 黑體, 新細明體;
	font-size:12px;
	line-height:20px;
	color:#000;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow: scroll;
	}

div.clear, span.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
img {
	border:0px;
}
input {
	font-family: Verdana, Arial, sans-serif, 黑體, 新細明體;
	color:#000;
	font-size:12px;
	line-height:16px;
}

ol, ul {
	list-style:none;
	padding:0;
	margin:0;
}

.select{
	
/*	width:200px; 
	height:30px; */
	border:1px solid #ddd; 
	position:relative; 
}

.select span{
	display:block; 
	color:#333; 
	font-size:12px; 
	padding:0 2px;
}

.select ul{
	display:none; 
	background:#fff; 
	border:1px solid #ddd;
	position:absolute; 
	top:100%; left:0; 
	list-style-type:none; 
	margin:0;
	padding:0; 
	z-index:10;

}

.ui-autocomplete {
    z-index: 10000 !important;
/*    height: 300px; 
    overflow: auto; */
}

.bold{
	font-weight:bold;
}

.underline{
	text-decoration: underline;
}

.aligncenter{
	text-align:center;
}

.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.inline{
	display: inline;
}

.hide{
	display: none;
}

.column5 {
	width:280px;
	margin-right:20px;
}

.column7 {
	width:350px;
	margin-right:20px;
}
.column3 {
	width:270px;
}
/*
@media screen and (min-width: 1920px) {

	.column6 {
		width:940px;
		margin: 0px 0px 0 10px;	
	}
	
	.column4 {
		width:940px;
		margin: 0px 0px 0 10px;		
	}
}

@media screen and (max-width: 1919px) {
*/
	/*Portfolio*/
	.column6 {
		width:270px;
	}
	
	.column4 {
		width:940px;
	}
/*}*/


.column8{
	width:270px;
}


.btn_ok {
	width:90px;
	height:32px;
	float:right;
	background:url(../img/btn_ok.gif) no-repeat 0 0;
	cursor:pointer;
}
.btn_ok:hover {
	background-position:0 -32px;
}

.btn_cancel {
	width:90px;
	height:32px;
	float:right;
	background:url(../img/btn_cancel.gif) no-repeat 0 0;
	cursor:pointer;
}
.btn_cancel:hover {
	background-position:0 -32px;
}
.btn_confirm {
	width:90px;
	height:32px;
	float:right;
	background:url(../img/btn_confirm.gif) no-repeat 0 0;
	cursor:pointer;
}

.btn_common_white {
	width:130px;
	height:32px;
	color: #ffffff;
	text-align:center;
    line-height: 32px;
	background:url(../img/btn_common_white.png) no-repeat 0 0;
	cursor:pointer;
}

.clickable_text:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #0099da;
}

.btn_common_white:hover {
	background-position:0 -32px;
}

.btn_common:hover, .btn_common_sell:hover {
	background-position:0 -32px;
}
.btn_common_small {
	width:70px;
	height:26px;
	color: #ffffff;
	text-align:center;
    line-height: 26px;	
	cursor:pointer;
}
.btn_common_sell_small {
	width:70px;
	height:26px;
	color: #ffffff;
	text-align:center;
    line-height: 26px;	
    background:url(../img/btn_70x26_sell.png) no-repeat 0 0;
	cursor:pointer;
}
.btn_common_small:hover, .btn_common_sell_small:hover {
	background-position:0 -26px;
}

.btn_common_big {
	width:210px;
	height:78px;
	color: #ffffff;
	text-align:center;
    line-height: 78px;	
	cursor:pointer;
	font-size:30px;
}
.btn_common_sell_big {
	width:210px;
	height:78px;
	color: #ffffff;
	text-align:center;
    line-height: 78px;	
	background:url(../img/btn_210x78_sell.png) no-repeat 0 0;
	cursor:pointer;
	font-size:30px;
}

.btn_common {
	width:90px;
	height:32px;
	color: #ffffff;
	text-align:center;
    line-height: 32px;	
	cursor:pointer;
}

.btn_common_120 {
	width: 120px;
	height: 32px;
	color: #ffffff;
	text-align:center;
	line-height: 32px;
	cursor:pointer;
}
.btn_common_buy {
	width:90px;
	height:32px;
	color: #ffffff;
	text-align:center;
    line-height: 32px;	
	background:url(../img/btn_90x32_buy.png) no-repeat 0 0;
	cursor:pointer;
}
.btn_common_sell {
	width:90px;
	height:32px;
	color: #ffffff;
	text-align:center;
    line-height: 32px;	
	background:url(../img/btn_90x32_sell.png) no-repeat 0 0;
	cursor:pointer;
}
.btn_common_long {
	width:134px;
	height:37px;
	color: #ffffff;
	text-align:center;
    line-height: 37px;	
	cursor:pointer;	
	font-size: 16px;
}
.btn_common_long:hover{
	background-position:0 -37px;	
}

.btn_confirm:hover {
	background-position:0 -32px;
}
.btn_common_login {
	width:134px;
	height:37px;
	color: #ffffff;
	text-align:center;
    line-height: 37px;	
	cursor:pointer;	
	font-size: 16px;
}
.btn_common_login:hover{
	background-position:0 -37px;	
}

/**text**/
.blackbold15 {
	color:#000;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	padding-bottom:5px;
}
.black12 {
	color:#000;
	font-size:12px;
	line-height:30px;
}
.grey11 {
	font-size:11px;
	color:#8e8e8e;
	line-height:14px;
}
.redbold30 {
	color:#f00;
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	padding-bottom:5px;
}
.font14 {
	font-size:14px;
}
.font13 {
	font-size:13px;
}
.font12 {
	font-size:12px;
}
.font30 {
	font-size:30px;
	line-height:28px;
}
.gain {
	color:#48a229;
}
.loss {
	color:#bb0000;/*color:#cb0000;*/
}
.level {
	color:#888888;
}
/*
.data {
	color:#0089ba;
}*/
.sell {
	color:#bb0000;
}
.buy {
	color:#0089ba;
}
.short_sell {
	color:#00bb00;
}

.sell_background {
	background-color:#bb0000;
}
.buy_background {
	background-color:#0089ba;
}
.short_sell_background {
	background-color:#00bb00;
}

.placehold {
	color:#dddddd;
}

.white_background{
	background-color:#ffffff;
}

.white_background{
	background-color:#ffffff;
}
.light_gray_background{
	background-color:#f1f1f1;
}
.order_background_green{
	background-color:#98FF98;
}
.order_background_red{
	background-color:#FFBEBE;
}
.order_background_yellow{
	background-color:#fbfb7d;
}
.order_background_grey{
	background-color:#f1f1f1;
}

.search_wrapper{
    display:inline-block;	
}
.search_input {
	color:#7b7b7b; 
	position:relative;
	border:2px;
	padding:2px 5px;
	margin-left:5px;
}
.input_search::-ms-clear {
    display: none;
}
.search_icon {
	background:url(../img/search_button.png) no-repeat 0 0;
	width:20px;
	height:17px;
}

	/**wrapper**/
	#wrapper {
		width:960px;
		margin:0 auto;
		position:relative;
	}	

/*
@media screen and (min-width: 1920px) {

	#dynamicWrapper {
		width:1920px;
		margin:0 auto;
		position:relative;
	}
}

@media screen and (max-width: 1919px) {
*/
	/**dynamicWrapper**/
	#dynamicWrapper {
		width:960px;
		margin:0 auto;
		position:relative;
	}	
/*}*/




/**header**/
#header {
	width:940px;
	padding:0 10px;
}


.header_item {
	float:right;
	color:#8f8f8f;
	font-size:12px;
}
#language {
	padding-top:7px;
	float:right;
	width:160px;
	text-align:right;
}

#datetime {
	padding-top:7px;
	float:right;
	width:160px;
	text-align:right;
}
#log {
	padding-top:18px;
	float:right;
	width:60px;
	text-align:right;
}

#user {
	padding:2px 0 0 5px;
	float:right;
}

#bell { 
	float:right; 
	width:16px; 
	height:20px; 
	padding-top:18px; 
	margin-right:10px; 
	position:relative;
}

.alert {
	border-radius:3px;
	color:#fff;
	background-color:#cb0000;
	position:absolute;
	top:-160px;
	left:-88px;
	text-align:center;
	line-height:14px;
	cursor:pointer;
	font-size:11px;
	padding:2px 5px;
}
/**menu**/
#menubar {
	height:39px;
	width:940px;
	padding:0 10px;
}
#search {
	float:left;
	font-size:13px;
	color:#ddf1f7;
	line-height:36px;
	width:320px;
}
#search_textfield {
	margin-left:3px;
	font-size:10px;
	color:#c2c2c2;
	float:left;
	line-height:20px;
	position:relative;
}
a.search_btn {
	background:url(../img/search_button.png) no-repeat;
	width:20px;
	height:17px;
	position:absolute;
	top:10px;
	right:5px;
}
a.search_btn:hover {
	background-position:0 -17px;
}

/**mainContent**/
#mainContent {
	width:940px;
	padding:0 10px;
}
/*
@media screen and (min-width: 1920px) {
	#dynamicMainContent {
		width:1920px;
		padding:0 10px;
	}
	
	#security_left_panel{
		width:940px;
		float:left;
	}
	
	#security_right_panel{
		width:940px;
		float:left;
	}
}

@media screen and (max-width: 1919px) {
*/
	/**#dynamicMainContent**/
	#dynamicMainContent {
		width:1900px;
		padding:0 0px;
	}
	
	#security_left_panel{
		width:940px;
		float:left;
	}
	
	#security_right_panel{
		width:940px;
		float:left;
		margin-left:5px;
	}
/*}*/

#mainContentMobile {
	width:100%;
	padding:0 10px;
}

#mainContentMobile td{

	height: 64px;	
	
}

#mainContentMobile td{

	font-size:64px;
	line-height:64px;
	
}

#mainContentMobile input[type="text"], #mainContentMobile input[type="password"]{

	height:48px;
	font-size:48px;
}

#mainData {
	padding:11px 0;
	width:940px;
}
.eachData {
	float:left;
	width:140px;
	height:56px;
	border-radius:3px;
	border:2px solid #f0f0f0;
	margin-right:20px;
	padding:9px 14px;
}
.stockName {
	color:#6d6e71;
	font-size:12px;
	line-height:16px;
}
.stockNo {
	font-size:22px;
	line-height:26px;
}
.stockPercent {
	font-size:12px;
	line-height:14px;
}

.broker_block{
	overflow: hidden;
	white-space:nowrap; 
}

#nav_path {
	background:#f0f0f0;
	width:925px;
	line-height:28px;
	height:28px;
	border-radius:3px;
	color:#7b7b7b;
	font-size:14px;
	padding-left:15px;
}


#keystock {
	width:930px;
	border-radius:3px;
	border:2px solid #f0f0f0;
	padding:5px 5px;
	margin:5px 0 0px 0;
}
.keystockcell {
	float:left;
	font-size:12px;
	color:#4e4e4e;
	line-height:16px;
	padding-top:0px;
}
.maincell {
	width:280px;
	padding-top:0;
	padding-right:0px;
}

.clickable_table_row{
	cursor: pointer;	
}
.clickable_table_row:hover{
	background-color: #f2f5a9;		
}
.highlight_table_row:hover{
	background-color: #f2f5a9;		
}

/**quote**/
.quote {
	width:279px;
}
.quoteContent {
	margin:0 0 10px 0;
	width:278px;
}

.order_shortcut_table {
	width:138px;
	float:left;
	margin-right:2px;
	background:url(../img/tab_headline_bg.gif) no-repeat 0 0;
	font-size:12px;
	line-height:20px;
	padding-top:3px;
}

.order_shortcut_table div:hover{
	background-color: #f2f5a9;		
	cursor:pointer;	
}

.quotetabelCell {
	width:138px;
	float:left;
	margin-right:2px;
	background:url(../img/tab_headline_bg.gif) no-repeat 0 0;
	font-size:12px;
	line-height:20px;
	padding-top:3px;
}

.quotetabelCell .align-left {
	padding-left:5px;
	text-align:left;
}

.quotetabelCell .align-right {
	padding-right:5px;
	text-align: right;
	
}

.quote_broker_table_header{
	width:276px;
	float:left;	
	background:url(../img/tab_headline_bg_2.gif) no-repeat 0 0;	
	line-height:20px;	
	padding-top:3px;	
}

.quote_broker_table{
	width:276px;
	float:left;	
	line-height:20px;	
	padding-top:3px;	
}
.quote_broker_table td{
	width:50%;
	text-align:center;		
	height: 20px;
}

.quote_broker_table_id{
	width:276px;
	float:left;
	line-height:20px;
	padding-top:3px;
}

.quote_broker_table_id td{
	width:32px;
	text-align:center;
	height: 20px;
	font-size: 11px;
}

.oddLotTabelCell {
	width:276px;
	height:230px;
	overflow: scroll;
	float:left;
	margin-right:2px;
	background:url(../img/tab_headline_bg.gif) no-repeat 0 0;
	background-size: 100% 200%;
	font-size:12px;
	line-height:20px;
	padding-top:3px;
}
.oddLotTabelCell table td {
	width: 33%;
	text-align: right;
	padding-right: 10px;	
}

/**portfolio**/
.portfolio {
	width:220px;
}
.portfoliotabelCell {
	padding:5px 0 25px 0;
}
.portfoliotabelCell a {
	color:#026296;
}
.portfoliotabelCell a:hover {
	text-decoration:underline;
}
.portfoliotabelCell table td {
	border-bottom:1px #e2e2e2 solid;
	height:20px;
	line-height:16px;
	padding:5px 0;
}

#order_menu_table .btn_order_edit_text, #portfolio_menu_table .btn_edit_cost{
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

#order_menu_table .btn_order_edit_text:hover, #portfolio_menu_table .btn_edit_cost:hover{
	background-position:0 -2px;
}

#order_menu_table .btn_order_edit_text_note{
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

#order_menu_table .btn_order_edit_text_note:hover{
	background-position:0 -2px;
}

/**buysell**/
.buysell {
	width:100%;
}
.buysellTableForm {
	padding:5px 0 10px 0;
	position:relative;
}
.buysellTableForm table td {
	padding-left:5px;
	border-bottom:1px #e2e2e2 solid;
	height:26px;
}

#order_client_method_table {
	width:100%;
}	

#order_client_method_table td{
	padding-left:5px;
	border-bottom:0px #e2e2e2 solid;
}

#order_client_slider_table td,
#vtwap_max_order_client_slider_table td, 
#vtwap_min_order_client_slider_table td,
#vwap_template_order_table td{
	padding-left:0px;
	border-bottom:0px #e2e2e2 solid;
	height:0px;
}

#order_max_floor_table td{
	padding-left:0px;
	border-bottom:0px #e2e2e2 solid;
	height:0px;
}

#schedule_order_table td{
	padding-left:0px;
	border-bottom:0px #e2e2e2 solid;
	height:0px;
}

.special_trigger_order_group input{
	margin: 3px 0px;
}

.buysellModule {
	padding:0px 0 5px 0;
	position:relative;
}

.buysellOrderTable{
	margin-top:10px;
}
.buysellSettingTable{
	margin-top:10px;
}
.buysell_data {
	float:left; 
	margin-top:2px;
}

.datepickerElement:hover{
	cursor:pointer;	
}

.datepickerElement{
	color: #ffffff;
	background-color: #0099da;
	border: solid 0px;
	padding: 2px 10px;
}

.datepickerElement:disabled {
	color: #ffffff;
	background-color: #888888;
	border: solid 0px;
	padding: 2px 10px;	
}

.datepickerElement_sell:hover{
	cursor:pointer;	
}

.datepickerElement_sell{
	color: #ffffff;
	background-color: #bb0000;
	border: solid 0px;
	padding: 2px 10px;
}

.datepickerElement_sell:disabled {
	color: #ffffff;
	background-color: #888888;
	border: solid 0px;
	padding: 2px 10px;	
}

#tabs1 ul li a, #tabs3 ul li a, #tabs4 ul li a, #tabs5 ul li a, #tabs6 ul li a, #tabs7 ul li a,#tabs9 ul li a, #relatedProductTabs ul li a, #securityChartUiTabs ul li a, #orderExecutionModeTab ul li a{
	font-size: 12px;
	font-weight: bold;
}

#tabs2 ul li a{
	font-size: 14px;
	font-weight: bold;	
}

#tabs2 ul li a:focus {
	border: 0px solid #0099da;
}

#relatedProductTabs .ui-tabs-nav li, #securityChartUiTabs .ui-tabs-nav li  {
    width:49%;
}

.buysell .ui-tabs .ui-tabs-nav{
	border-bottom: 0px;
}
.buysell .ui-tabs .ui-tabs-nav li.ui-tabs-active{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.buysell .ui-state-default, .buysell .ui-widget-content .ui-state-default, .buysell .ui-widget-header .ui-state-default{
	border: solid 1px 1px 0 px #d3d3d3;
}

.btn_add {
	margin:4px 3px;
	cursor:pointer;
	float:left;
	width:17px;
	height:17px;
	background:url(../img/symbol_add.png) no-repeat 0 0;
}
.btn_add_sell {
	margin:4px 3px;
	cursor:pointer;
	float:left;
	width:17px;
	height:17px;
	background:url(../img/symbol_add_sell.png) no-repeat 0 0;
}
.btn_add:hover, .btn_add_sell:hover {
	background-position:0 -17px;
}
.btn_reduce {
	margin:4px 3px;
	cursor:pointer;
	float:left;
	width:17px;
	height:17px;
	background:url(../img/symbol_reduce.png) no-repeat 0 0;
}
.btn_reduce_sell {
	margin:4px 3px;
	cursor:pointer;
	float:left;
	width:17px;
	height:17px;
	background:url(../img/symbol_reduce_sell.png) no-repeat 0 0;
}
.btn_reduce:hover, .btn_reduce_sell:hover {
	background-position:0 -17px;
}
.showhide {
	width:100%;
	padding:5px 0 10px 0;
}

.showhide table td table td {
	border:0;
}
.btn_showhide {
	border-radius:3px;
	width:90%;
	height:21px;
	padding:1px 5% 0 5%;
	font-size:12px;
	color:#FFF;
	position:relative;
	cursor:pointer;
}
.arrow_showhide {
	width:15px;
	height:7px;
/*	background:url(../img/btn_showhide.png) no-repeat 0 -8px;*/
	position:absolute;
/*	left: 374px;*/
	right: 20px;
	top: 7px;
}

.arrow_normal { 
	width:20px;
	height:20px;
	background:url(../img/Sorting/sorting_none.png) no-repeat;
	vertical-align: middle;
}

.arrow_up { 
	width:20px;
	height:20px;
	background:url(../img/Sorting/sorting_up.png) no-repeat;
	border:0px;
	vertical-align: middle;
}

.arrow_down {
	width:20px;
	height:20px;
	background:url(../img/Sorting/sorting_down.png) no-repeat;
	vertical-align: middle;
}

.showhide_item {
	width:100%;
	padding:10px 0;
}



#hint_text {
	color:#fff;
	text-align:center;		
}

.btn_calendar {
	cursor:pointer;
	float:left;
	margin-left:3px;
	height:24px;
	width:23px;
	background:url(../img/btn_calendar.gif) no-repeat;
}

.slider { float:left; padding-top:0px;}

select.custom-select {
	-webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
	-moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
	-ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	border: 0 !important;  /*REMOVES BORDER*/ 
 	padding: 3px 5px;
    background-color: #0099da;
    color: #ffffff;
}

/**404**/
#error_page_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 431px;
	background:url(../img/main_bg.jpg) no-repeat;
}
#error_page #error_page_title{
 	margin:20px auto;
 	color: #0099da;
 	font-size: 36px;
}

/** ranking **/
#ranking_slider {
	width: 270px;
	height: 150px;
	overflow-x: hidden;
}

#ranking_slider table{
	width:"100%";
	border-spacing: 0;
    border-collapse: collapse;
}

#ranking_slider .title{
	text-align: center;
	font-weight: bold;
}

.ranking_slide {
	float: left;
	width: 270px;
	height: 150px;
}

.ranking_slide #header {
	float:left;
	width:100%;
	align-text:center;
}

.ranking_holder {
  width: 400%;
}


/**home**/
#home_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 431px;
/*	background:url(../img/main_bg.jpg) no-repeat;*/
}
#home #member_login_title{
 	margin:18px auto;
 	color: #fff;
 	font-size: 20px;	
}
#home .section_header{
 	margin:20px auto;
 	color: #0099da;
 	font-size: 24px;
}
#home #company_introduction{
 	margin:20px auto;
 	color: #666;
 	font-size: 12px;
	text-align: justify;
}

#home #what_news_table{
	width: 100%;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.5);
    border: 2px solid #cccccc;
}

/**public promotion**/
#public_promotion_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 2400px;
	background:url(../img/promotion_bg_2.png) no-repeat;
	background-size: contain;
}

/** profile **/
#profile{
	margin: 0px auto;
}

#profile_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 431px;
/**	background:url(../img/profile_bg.png) no-repeat;**/
}

#profile_content_container .row_header{
	height: 60px;
	font-size: 24px;
	color: #888888;	
}

#profile_content_container .row_data{
	height: 40px;
	font-size: 15px;
	color: #888888;
}

#profile_content_container .row_data td{
	padding: 0px 15px;
}

/** AE Delegate**/
#ae_delegate_content_container .row_header{
	height: 60px;
	font-size: 24px;
	color: #888888;	
}

#ae_delegate_content_container .row_data{
	height: 40px;
	font-size: 15px;
	color: #888888;
}

#ae_delegate_content_container .row_data td{
	padding: 0px 5px;
}


/** enquire_statement **/
#enquire_statement{
	margin: 0px auto;
}

#enquire_statement_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 431px;
/*	background:url(../img/profile_bg.png) no-repeat;*/
}

#enquire_statement_content_container .row_header{
	height: 60px;
	font-size: 24px;
	color: #888888;	
}
#search_client_statement{
	margin: 0px auto;
}

#search_client_statement_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 431px;
}

#search_client_statement_content_container .row_header{
	height: 60px;
	font-size: 24px;
	color: #888888;
}
/** preference **/
preference{
	margin: 0px auto;
}

#preference_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 431px;
/*	background:url(../img/profile_bg.png) no-repeat;*/
}

#preference_content_container .row_header{
	height: 60px;
	font-size: 24px;
	color: #888888;	
}

#preference_content_container .row_data{
	height: 40px;
	font-size: 18px;
}

#preference_content_container .column_header{
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/** contact us **/
#contatc_us{
	margin: 0px auto;
}

#contact_us_content_container{
	margin: 5px 0px;
	width: 100%;
	min-height: 431px;
	background:url(../img/contact_us_bg.png) no-repeat;
}

#contact_us_content_container .row_header{
	height: 60px;
	font-size: 24px;
	color: #888888;	
}

#contact_us_content_container .row_data{
	height: 40px;
	font-size: 15px;
	color: #888888;
}

#contact_us_content_container .row_data td{
	padding: 0px 5px;
}

#contact_us_content_container2{
	border-color: #cccccc;
  	border-style: solid;
	border-width: 2px;
	margin-top:5px; 
	float:left;
	width:920px;
	padding:8px;
	min-height:300px;	
	
}

#contact_us_content_container2 .row_header{
	height: 60px;
	font-size: 24px;
	color: #888888;	
}

#contact_us_content_container2 .row_data{
	height: 40px;
	font-size: 15px;
	color: #888888;
}

#contact_us_content_container2 .row_data td{
	padding: 0px 5px;
}

/**charge and commission**/
#charge_commission{
	padding: 10px;
	margin: 5px 0px 20px 0px;
	border: solid 2px #eeeeee;		
	width: 920px;
}
.charge_commission_table{
	width: 100%;
	border-collapse: collapse;
}

.charge_commission_table .group_page_title_row td{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 20px;
	padding: 0px 2px;
}

.charge_commission_table .group_title_row td{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 16px;
	padding: 0px 2px;
}

.charge_commission_table .group_header_row td{
	color: #000;
	background-color: #eeeeee;
	padding: 2px 5px;	
}

.charge_commission_table .group_data_row td, .charge_commission_table .group_data_row th{
	color: #888888;
	font-weight: normal;
	text-align: left;
	border: 1px solid #cccccc;
	padding: 2px 5px;
}

/**investment**/
#investment{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: solid 2px #eeeeee;		
	width: 920px;
	margin: 5px 0px;
}
#investment_table{
	width: 100%;
	border-collapse: collapse;
}

#investment_table .section_header{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 20px;
	padding: 10px 2px;
}

#investment_table .section_content{
	height: 20px;
	line-height:24px;
	color: #000000;
	font-size: 13px;
	padding: 10px 2px;
}
#investment_table .table_header{
	height: 18px;
	line-height:24px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;	
	padding: 10px 2px;
	
}

#investment_table .table_header_small{
	height: 20px;
	line-height:10px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;	
	padding: 10px 2px;
	
}

#investment_table table td, #investment_table table th{
	font-weight: normal;
	border: 1px solid #cccccc;
}


#investment_table .separator{
	height: 20px;
}

#ipo_information{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: solid 2px #eeeeee;		
	width: 920px;
	margin: 5px 0px;
}
#ipo_information_table{
	width: 100%;
	border-collapse: collapse;
}

#ipo_information_table .section_header{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 20px;
	padding: 10px 2px;
}

#ipo_information_table .section_content{
	height: 20px;
	line-height:24px;
	color: #000000;
	font-size: 13px;
	padding: 10px 2px;
}
#ipo_information_table .table_header{
	height: 18px;
	line-height:24px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;	
	padding: 10px 2px;
	
}

#ipo_information_table .separator{
	height: 20px;
}

#odd_lot_trade{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: solid 2px #eeeeee;		
	width: 920px;
	margin: 5px 0px;
}
#odd_lot_trade_table{
	width: 100%;
	border-collapse: collapse;
}

#odd_lot_trade_table .section_header{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 20px;
	padding: 10px 2px;
}

#odd_lot_trade_table .section_sub_header{
	height: 12px;
	line-height:12px;
	color: #0099da;
	font-size: 14px;
	padding: 10px 2px;
}


#odd_lot_trade_table .section_content{
	height: 20px;
	line-height:24px;
	color: #000000;
	font-size: 13px;
	padding: 10px 2px;
}
#odd_lot_trade_table .table_header{
	height: 18px;
	line-height:24px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;	
	padding: 10px 2px;
	
}

#odd_lot_trade_table .separator{
	height: 20px;
}

#investment_immigration{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: solid 2px #eeeeee;		
	width: 920px;
	margin: 5px 0px;
}
#investment_immigration_table{
	width: 100%;
	border-collapse: collapse;
}

#investment_immigration_table .section_header{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 20px;
	padding: 10px 2px;
}

#investment_immigration_table .section_content{
	height: 20px;
	line-height:24px;
	color: #000000;
	font-size: 13px;
	padding: 10px 2px;
}
#investment_immigration_table .table_header{
	height: 18px;
	line-height:24px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;	
	padding: 10px 2px;
	
}

#investment_immigration_table .separator{
	height: 20px;
}

/**placing**/
#about_us{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: solid 2px #eeeeee;		
	padding: 30px 50px;
	margin: 5px 0px;
}
#about_us_table{
	width: 100%;
	border-collapse: collapse;
}

#about_us_table .section_header{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 20px;
	padding: 10px 2px;
}

#about_us_table .section_content{
	height: 20px;
	line-height:24px;
	color: #000000;
	font-size: 13px;
	padding: 10px 2px;
}
#about_us_table .table_header{
	height: 18px;
	line-height:24px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;	
	padding: 10px 2px;
	
}

.section_content {
	text-align: justify;
}

#about_us_table .separator{
	height: 20px;
}

/**game_information**/
#game_information{
	border: solid 2px #eeeeee;		
	padding: 30px 20px;
	margin: 5px 0px;
}

#game_information .section_header{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 20px;
	padding: 10px 2px;
}

/**download_area**/
#download_area{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: solid 2px #eeeeee;		
	padding: 30px 50px;
	margin: 5px 0px;
}
#download_area_table{
	width: 100%;
	border-collapse: collapse;
	padding:40px 0px;
}

#download_area_table .section_header{
	height: 24px;
	line-height:24px;
	color: #0099da;
	font-size: 24px;
	padding: 10px 2px;	
	
}

#download_area_table .section_content{
	height: 24px;
	line-height:24px;
	color: #000000;
	font-size: 14px;
	padding: 10px 2px;	
}

#download_area_table .download_file_name{
	height: 24px;
	line-height:24px;
	color: #888888;
	font-size: 13px;
	padding: 10px 2px;	
}


/**open_account**/
#open_account_form_table{
	border-color: #cccccc;
  	border-style: solid;
	border-width: 2px;	
}

.open_acocunt_form_part_header{
	background-color: #eeeeee;
	font-size: 16px;
    font-weight: bold;		
    color: #888888;
    padding: 5px;

}

.open_account_form_cell{
	padding: 5px;
}

.open_account_form_label{
	color: #000000;
	font-weight: bold;
}

.open_account_form_checkbox{
	float:left;
	min-width:33%;
}


/**disclaimer**/
#disclaimer_content{
	font-size: 14px;
	margin: 5px 0px;
}

#disclaimer_agree_terms{
	font-size: 14px;
}

/** generate_client_password **/
#generate_client_password{
	width: 100%;
	min-height: 300px;
}

#generate-client_password_content{
	margin: auto 100px;
}

/**login**/
#login_ip_history_table td{
	line-height:15px;
}

.login_2fa_code_input{
	margin: 1% 20%;
	line-height:30px;
	width:30px;
	font-size:24px;
	text-align:center;
	color: #666666;
}

.login_2fa_code_input::-webkit-outer-spin-button,
.login_2fa_code_input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.login_2fa_code_input {
	-moz-appearance: textfield;
}

.warning{
	color:#f00;
}

.btn_control_panel {
/*	border-radius:3px;*/
	width:100%px;
	height:21px;
	padding:1px 15px 0 15px;
	font-size:12px;
	color:#FFF;
	position:relative;
	cursor:pointer;
	margin-top:5px;
}

.control_panel_title {
	position:absolute;
	left: 20px;
	top: 2px;
}

.control_panel_module {
	background-color:#e8e8e8;
	border-color: #cccccc;
  	border-style: solid;
	border-width: 2px;
	width:280px;
}


/**order status && transaction history && search**/
.filter_control_panel{
 	height:auto; 
 	width: 936px;	
	border-color: #aaaaaa;
  	border-style: solid;
	border-width: 0px 2px 2px 2px;
	position:relative;
	overflow: auto; 
}

table.filter_control_panel td:not(:first-child) {
	height:20px;
}

.list_view_container{
	border-color: #cccccc;
  	border-style: solid;
	border-width: 2px;
	margin-top:5px; 
	float:left;
	width:920px;
	padding:8px;
	min-height:300px;
}

.list_view_content_table{
 	width:"100%";
	border-spacing: 0;
    border-collapse: collapse;
}

.list_view_content_table td:not(:first-child) {
	height:30px;
}

.list_view_content_table .align-left{
	padding-left:15px;
}

.list_view_content_table .align-left div{
	float:left;
}

.list_view_content_table .align-right{
	padding-right:15px;
}
.list_view_content_table .align-right div{
	text-align: right;
}

.list_view_content_table .align-left-tight{
	padding-left:1px;
}

.list_view_content_table .align-left-tight div{
	float:left;
}

.list_view_content_table .align-right-tight{
	padding-right:1px;
}
.list_view_content_table .align-right-tight div{
	text-align: right;
}

.list_view_content_table .align-top{
	vertical-align:top;
	padding-top:5px;
}

.loading_logo{
	background:url(../img/loading_animation.gif);
}
/* list-view header arrow icon*/
.list_view_column_arrow_left {
	float:left; 
	width:15px;
	height:20px;
	background:url(../img/Sorting/sorting_none.png) no-repeat;	
	vertical-align: middle;	
}

.list_view_column_arrow_right {
	float:right; 
	width:15px;
	height:20px;
	background:url(../img/Sorting/sorting_none.png) no-repeat;
	vertical-align: middle;	
}

.list_view_content_small_table{
 	width:"100%";
	border-spacing: 0;
    border-collapse: collapse;
}

.list_view_content_small_table td:not(:first-child) {
	height: 20px;
}

.list_view_content_small_table .align-left{
	padding-left:5px;
}

.list_view_content_small_table .align-left div{
	float:left;
}

.list_view_content_small_table .align-right{
	padding-right:5px;
}
.list_view_content_small_table .align-right div{
	float:right;
}

/** order status **/ 
#order_menu_table td{	
	
	overflow: hidden;
	
}

.order_status_filter_title{
	width:5%;
	white-space: nowrap;

}

.order_status_filter_title div{
	float:right;
	margin: 0px 5px;
}

#order_status_content .btn_client_id,#order_status_content .btn_activities, #order_status_content .btn_traded_executions, #order_status_content .btn_order_costs, #order_status_content .btn_ae_status{
	cursor: pointer;
}
#order_status_content .btn_client_id:hover, #order_status_content .btn_activities:hover, #order_status_content .btn_traded_executions:hover, #order_status_content .btn_order_costs:hover, #order_status_content .btn_activities:hover, #order_status_content .btn_ae_status:hover{
	background-color: #f2f5a9;
}

/** trade summary list **/ 
.trade_summary_list_filter_title{
	width:5%;
	white-space: nowrap;

}

.trade_summary_list_filter_title div{
	float:right;
	margin: 0px 20px;
}

#security_module_trade_summary_list .btn_details{
	cursor: pointer;
}
#security_module_trade_summary_list .btn_details:hover{
	background-color: #f2f5a9;
}

/** **/
.price_alert_data_row{
	
	height:50px;	
	
}


/**login**/

#login_section{
	margin:50px 235px;
	width:50%;	
	float:left;
}

.login_table_header{
	float:left;
	width:100%;
	height:24px;
	line-height:24px;
}

.login_table {
	height:auto; 
 	width: 100%;	
	border-color: #aaaaaa;
  	border-style: solid;
	border-width: 0px 2px 2px 2px;
	position:relative;
	overflow: auto; 	
	float:left;	
}

.login_table_title, .password_table_title, .second_login_method_table_title{
	float:left;
	padding-left:20px;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
}

#password_section{
	display: none;
	margin:90px 235px;
	width:50%;	
	float:left;
}


#change_password_section{
	margin:90px 235px;
	width:50%;		
	float:left;
}

#change_password_section .change_password_table_title, #change_password_section .login_setting_table{
	float:left;
	padding-left:20px;
	color:#fff;	
	font-size: 14px;
	font-weight: bold;
}

#change_password_section_mobile{
	width:100%;		
	float:left;
}

.change_password_section_mobile .change_password_table_title{
	float:left;
	padding-left:5px;
	color:#fff;	
	font-size: 30px;
	font-weight: bold;	
}

/**order_traded_executions_content**/
#order_traded_executions_content .subtitle{
	font-weight: bold;	
}

/**order_activities_content**/
#order_activities_content .subtitle{
	font-weight: bold;	
} 

/**trade_summary_details**/
#trade_summary_details_content .subtitle{
	font-weight: bold;	
} 

/**trade_summary_executions**/
#trade_summary_executions_content .subtitle{
	font-weight: bold;	
} 

/**transaction history**/
#transacion_history_details_content .subtitle{
	font-weight: bold;	
}

#transacion_history_details_content table .label{
	padding-right: 20px;
}

#transacion_history_details_content table .value{
	padding-left: 5px;
}



/**dragdealer**/
.dragdealer {
	position: relative;
	height: 30px;
	background: #EEE;
}
.dragdealer .handle {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.dragdealer .red-bar {
	width: 100px;
	height: 30px;
	background: #CC0000;
	color: #FFF;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.dragdealer .disabled {
	background: #898989;
}

/**tooltips**/
a.tooltip {
	outline:none;
	color:#fff;
}
a.tooltip strong {
	line-height:30px;
}
a.tooltip:hover {
	text-decoration:none;
	color:#fff;
}
a.tooltip span {
	z-index:10;
	display:none;
	padding:20px;
	margin-top:60px;
	margin-left:-160px;
	width:180px;
	line-height:16px;
	text-align:left;
	border:1px solid #d5d5d5;
	color:#7b7b7b;
	background:#fff;
	font-size:12px;
	position:absolute;
	top:-20px;
	left:50px;
}
a.tooltip:hover span {
	display:inline;
	position:absolute;
}
.callout {
	z-index:20;
	position:absolute;
	border:0;
	top:-13px;
	left:93px;
}
/*CSS3 extras*/
a.tooltip span {
	z-index:700;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0px 0px 8px 4px #666;
	-webkit-box-shadow: 0px 0px 8px 4px #666;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
}
#tooltip_box {
	width:180px;
	position:absolute;
	text-align:left;
	border:1px solid #d5d5d5;
	background:#FFFFFF;
	padding:20px;
	color:#7b7b7b;
	font-size:12px;
	line-height:16px;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
	z-index:999;
	position:absolute;
	left: -95px;
	top: 40px;
	display:none;
}
.tooltip_content {

}
.tooltip_content a{
	color:#026296;
	font-size:12px;
	line-height:16px;
}
.tooltip_content a:hover{ text-decoration:underline;
}
.tooptip_time {
	font-size:10px;
	font-style:italic;
	line-height:12px;
}

.tooltip_new  {
	color:#ff0000;
	font-size:10px;
	font-style:italic;
	line-height:12px;	
}

/**footer**/
#footer {
	width:960px;
	height:78px;
	padding-top:30px;
	background:url(../img/footer_bg.gif) repeat-x 0 0;
	/*margin-top:20px;*/
	font-size:10px;
	color:#7b7b7b;
}

a.footerlink {
	font-size:10px;
	color:#7b7b7b;
	padding:0 5px;
}
a.footerlink last {
	padding-right:0;
}
.last {
	margin-right:0;
}

.demoHeaders {
	margin-top: 2em;
}
#dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
#icons {
	margin: 0;
	padding: 0;
}
#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
	position: absolute;
}

.fancybox table {
	padding:12px 0;
	position:relative;
	background-color:#fcfcfc;
}
.fancybox table td {
	padding-left:7px; line-height:28px;
    vertical-align: text-top;
}

iframe.hidden
{
	display:none
}

input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:40px;
	height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
}

.checkbox_on{
	
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	margin:4px;
	float:left;

}

input[type=checkbox].css-checkbox + label.css-label-s {
	padding-left:20px;	
	height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label-s {
	background-position: 0 -20px;
}

input[type=checkbox].css-checkbox + label.css-chain {
	padding-left:20px;
	height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-chain {
	background-position: 0 -20px;
}

.hover_effect{
	cursor:pointer;	
}

.btn_page{
	width:32px;
	height:32px;
	color: #444444;
	text-align:center;
    line-height: 32px;	
	background:url(../img/btn_page.png) no-repeat 0 0;
	cursor:pointer;
}
.btn_page_first{
	width:32px;
	height:32px;
	color: #444444;
	text-align:center;
    line-height: 32px;	
	background:url(../img/btn_page_first.png) no-repeat 0 0;
	cursor:pointer;	
	font-size: 12px;
}

.btn_page_previous{
	width:32px;
	height:32px;
	color: #444444;
	text-align:center;
    line-height: 32px;	
	background:url(../img/btn_page_previous.png) no-repeat 0 0;
	cursor:pointer;	
	font-size: 12px;
}

.btn_page_next{
	width:32px;
	height:32px;
	color: #444444;
	text-align:center;
    line-height: 32px;	
	background:url(../img/btn_page_next.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 12px;		
}

.btn_page_last{
	width:32px;
	height:32px;
	color: #444444;
	text-align:center;
    line-height: 32px;	
	background:url(../img/btn_page_last.png) no-repeat 0 0;
	cursor:pointer;
	font-size: 12px;		
}

.overlay_title{
	text-align: center;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}

.overlay_title_buy{
	text-align: center;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#0089ba;	
	border-bottom:2px #0089ba solid;
}
.overlay_title_sell{
	text-align: center;
	font-size:15px;
	line-height:24px;
	font-weight:bold;
	color:#bb0000;	
	border-bottom:2px #bb0000 solid;
}
.overlay_title_short_sell{
	text-align: center;
	font-size:15px;
	line-height:24px;
	font-weight:bold;
	color:#00bb00;	
	border-bottom:2px #00bb00 solid;
}
.overlay_content{
	margin:10px;	
}

.schedule_order{
	background-image: url(../img/schedule_icon_blue.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.schedule_order_sell{
	background-image: url(../img/schedule_icon_red.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.schedule_order_short_sell{
	background-image: url(../img/schedule_icon_green.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.trigger_order_type{
	background-image: url(../img/trigger_icon_blue.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.trigger_order_type_sell{
	background-image: url(../img/trigger_icon_red.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.trigger_order_type_short_sell{
	background-image: url(../img/trigger_icon_green.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.vwap_order_type{
	background-image: url(../img/vwap_icon_blue.png);
	background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

.vwap_order_type_sell{
	background-image: url(../img/vwap_icon_red.png);
	background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

.inter_broker{
	background-image: url(../img/inter_broker_icon_blue.png);
	background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

.inter_broker_sell{
	background-image: url(../img/inter_broker_icon_red.png);
	background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

.twap_order_type{
	background-image: url(../img/twap_icon_blue.png);
	background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

.twap_order_type_sell{
	background-image: url(../img/twap_icon_red.png);
	background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

.channel_icon_MOBILE{
	background-image: url(../img/channel_mobile_blue.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_WEB{
	background-image: url(../img/channel_web_blue.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_PHONE{
	background-image: url(../img/channel_phone_blue.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_API{
	background-image: url(../img/channel_api_blue.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_FIX_IN{
	background-image: url(../img/channel_fixin_blue.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_MOBILE_sell{
	background-image: url(../img/channel_mobile_red.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_WEB_sell{
	background-image: url(../img/channel_web_red.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_PHONE_sell{
	background-image: url(../img/channel_phone_red.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_API_sell{
	background-image: url(../img/channel_api_red.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_FIX_IN_sell{
	background-image: url(../img/channel_fixin_red.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_MOBILE_short_sell{
	background-image: url(../img/channel_mobile_green.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_WEB_short_sell{
	background-image: url(../img/channel_web_green.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_PHONE_short_sell{
	background-image: url(../img/channel_phone_green.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_API_short_sell{
	background-image: url(../img/channel_api_green.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.channel_icon_FIX_IN_short_sell{
	background-image: url(../img/channel_fixin_green.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.margin_call_icon_fatal{
	background-image: url(../img/margin_fatal_icon.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.margin_call_icon_warning{
	background-image: url(../img/margin_warning_icon.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.add_watch_list_icon{
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	margin-left: 10px;
}

.repeatable_icon{
	
	width: 100%;
    height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
}

.blue_tick_icon_public{
	background-image: url(../img/blue_tick.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	margin:4px;
	float:left;
}

.red_wrong_icon_public{
	background-image: url(../img/red_wrong.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	margin:4px;
	float:left;
}

.blue_tick_icon{
	background-image: url(../img/blue_tick.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	margin:4px;
	float:left;
	display:none;
}

.red_wrong_icon{
	background-image: url(../img/red_wrong.png);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	margin:4px;
	float:left;
	display:none;
}

#mainContentMobile .blue_tick_icon{
	background-image: url(../img/blue_tick.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	width:40px;
	height:40px;
	margin:4px;
	float:left;
	display:none;
}

#mainContentMobile .red_wrong_icon{
	background-image: url(../img/red_wrong.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	width:40px;
	height:40px;
	margin:4px;
	float:left;
	display:none;
}

.stream_red_light{
	background-image: url(../img/stream_red_light.gif);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.stream_green_light{
	background-image: url(../img/stream_green_light.gif);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.btn_b{
	background:url(../img/btn_B.png) no-repeat 0 0;
}
.btn_d{
	background:url(../img/btn_D.png) no-repeat 0 0;
}
.btn_s{
	background:url(../img/btn_S.png) no-repeat 0 0;
}

.btn_buy_en{
	background:url(../img/btn_Buy.png) no-repeat 0 0;
}
.btn_buy_zh_HK{
	background:url(../img/btn_Buy_hk.png) no-repeat 0 0;
}
.btn_buy_zh_CN{
	background:url(../img/btn_Buy_cn.png) no-repeat 0 0;
}

.btn_sell_en{
	background:url(../img/btn_Sell.png) no-repeat 0 0;
}
.btn_sell_zh_HK{
	background:url(../img/btn_Sell_hk.png) no-repeat 0 0;
}
.btn_sell_zh_CN{
	background:url(../img/btn_Sell_cn.png) no-repeat 0 0;
}

.btn_action_big{
	width:30px;
	height:30px;
	color: #ffffff;
	text-align:center;
    line-height: 30px;	
	cursor:pointer;
}

.btn_action_big:hover{
	background-position:0 -30px;
}

.btn_action{
	width:20px;
	height:20px;
	color: #ffffff;
	text-align:center;
    line-height: 20px;	
/*	background:url(../img/btn_A.png) no-repeat 0 0;*/
	cursor:pointer;
}

.btn_action:hover{
	background-position:0 -20px;
}

#column-left {
  width: 280px;
  float: left;
}
#column-center {
	width: 350px;
	float: left;
	margin: 0px 20px;
}
#column-right {
  width: 270px;
  float: left;
}

.portlet {
 /* margin: 0 1em 1em 0;*/
  padding: 0px;
}
.portlet-header {
  padding: 0.2em 0.3em;
  margin-bottom: 0.5em;
  position: relative;
}
.portlet-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
.portlet-content {
  padding: 0.4em;
}
.portlet-placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 300px;
}

#market_aggregate_qty_bar {	
	width:276px;
	height:20px;
	background-image:url(../img/quote_tab.png);
	background-repeat: no-repeat;
	background-size: 50% 100%;

}

#company-location {
	width:500px;
	height:400px;
	padding:14px 0 0px 0;
	float:left;
	background:url(../img/companyLocation.jpg) no-repeat 0 14px;
}

.enquire_details_table{
	
	border: 0;
	border-spacing: 0;
	width: 100%;
	padding: 20px 40px;
}

.enquire_details_table .header{

	color: #000000;
	font-size: 12px;
	font-weight:bold;
}

.search_result_table {
	border: 0;
	border-spacing: 0;
	width: 100%;
	padding: 20px;
}

.search_result_table .header{

	color: #000000;
	font-size: 12px;
	font-weight:bold;
}

.search_result_table tr td {
	padding: 0;
}

.search_result_table .data_row {
/*	cursor: pointer; */
	height: 40px;
}

.search_result_table .align-left{
	padding-left:15px;
}

.search_result_table .align-left div{
	float:left;
}

.search_result_table .align-right{
	padding-right:15px;
}

.search_result_table .align-right div{
	float:right;
}

#proxy_form_question_table{
	
	border-collapse: collapse;
	
}


#proxy_form_question_table table, #proxy_form_question_table th, #proxy_form_question_table td{
	
	border: 1px solid black;
	
}

#related_placing_table td{

	padding-left:3px; line-height:26px;	
	
}

.related_placing_table_header{
	
	font-size: 18px;	
	font-weight: bold;	
	border-bottom:2px #cccccc solid;
	
}

#vtwap_duration_order_table td {
    padding-left: 0px;
    border-bottom: 0px #e2e2e2 solid;
    height: 0px;
}

.ae_status_selection{
	  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

.ae_status_selection::-ms-expand {
  display: none;
}