/* CSS Document */
@font-face {
    font-family: "HongHaHep";
    src: url("UVNHongHaHep_R.TTF") format("truetype");
}
@font-face {
    font-family: "serpensl";
    src: url("geoslabm.ttf") format("truetype");
}
@font-face {
  font-family: "CharisSILR";
  src: url("Arial Unicode MS.ttf") format("truetype");
}
body{font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0}
div{font-size: 14px; font-family:Arial, Helvetica, sans-serif; }
table{font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
table tr td{
  padding:10px;
}
form{
  margin:0; padding:0
}
input{
  margin:0; padding:0
}
input.textbox{
	height:27px; font-family:HongHaHep;
	border:1px solid #e4e4e4; background-color:#f6f6f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1px 5px;
}
button{
	font-family:HongHaHep;
}
input.textbox3{
	height:22px;  font-family:HongHaHep;
	border:2px solid #000; background-color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1px 5px;
	font-weight:bold;
	color:#F00;
	text-transform:uppercase;
}
input.textbox_dark{
	height:22px; font-family:HongHaHep;
	border:1px solid #FFF; background-color:#f6f6f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1px 5px;
}
input.textbox_fastconfig{
  font-weight:bold;
	border:1px solid #000; background-color:#f6f6f6;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding:2px 4px;
	text-align:center;
}
select{
	height:30px; font-family:HongHaHep;
	border:1px solid #e4e4e4; background-color:#f6f6f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:0; margin:0;
	line-height:normal;
}
select option{
	background-color:#f6f6f6;
	text-justify:inter-word;
}

input.textbox2{height:18px; color:#006699;  font-weight:bold; font-family:HongHaHep}
input.button{ height:23px; font-weight:bold;  font-family:HongHaHep}
input.button2{ height:23px; font-weight:bold;  font-family:HongHaHep}
img.img{border:2px solid #fff}
img.img:hover{border:2px solid #FF0000}

#header_bar1 {
	background-color:#051f2e;
}


.menu_header{
  font-family: HongHaHep;
	height:40px;
  align-items: center;
}
.menu_header ul{
  display:flex;
  padding: 0;
  text-transform:uppercase;
  width: 100%;
  list-style-type: none;
  margin:0 0 0 10px;
}
.menu_header ul li{
	float: left;
	padding-right:20px;
  box-sizing: border-box;
}
.menu_header ul a{
  color:#FFF;
}
.menu_header ul .current{
  color:#FFFF00;
}

.menu_header_sub{
  font-family: HongHaHep;
  height:40px;
  align-items: center;
}
.menu_header_sub ul{
  display:flex;
  padding: 0;
  width: 100%;
  list-style-type: none;
  margin:0 0 0 10px;
}
.menu_header_sub ul li{
  float: left;
	padding-right:20px;
  box-sizing: border-box;
}
.menu_header_sub ul a{
  color:#333;
}
.menu_header_sub ul .current{
  font-weight: bold;
  color:#ff6600;
}


.a_menu{
	color:#FFFFFF;
	font-weight:100;
	text-decoration:none;
	font-family:Arial;
	font-family: "HongHaHep", arial, sans-serif;
}
.a_menu:hover{
	color:#AAAAAA;
	text-decoration:underline;
}
.a_menu_current{
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
	font-family: "HongHaHep", arial, sans-serif;
}
.a_menu_current:hover{
	color:#aaaaaa;
}


.a_menu_sub{
	padding: 4px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#000;

	text-decoration:none;
	font-family: "HongHaHep", arial, sans-serif;
  font-weight:normal;
}
.a_menu_sub:hover{
	color:#999;
	text-decoration:underline;
}

ul#navigator {
  padding: 0;
  margin:0;
  list-style-type: none;
  white-space: nowrap;
}
ul#navigator li {
	float: left;
	padding: 4px 0px;
	margin-left:5px;
}
ul#navigator span{
	padding: 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #efefef;
	background-color:#efefef;
	color:#333333;
	font-family:Georgia;

	font-weight:bold;
	text-decoration:none;
}
#navigator a{
	padding: 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #FC6;
	background-color:#FC6;
	color:#333333;
	font-family:Georgia;

	font-weight:bold;
	text-decoration:none;
}
#navigator a:hover{
	border:1px solid #b1d454;
	background-color:#b1d454;
	color:#333333;
	text-decoration:none;
}

.dropmenudiv_a{
position:absolute;
border-top: 0px solid #ffffff; /*Top border width. Should match height of .ddcolortabsline above*/

font-family: "HongHaHep", arial, sans-serif;
line-height:18px;
margin-top:3px;
z-index:1;
background-color:#F2f2f2;
width: 230px;
visibility: hidden;
border:0px solid #CCC;
}
.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 10px;
background-color:#666;
padding: 6px 5px;
text-decoration: none;
color:#fff;

text-transform:uppercase; font-weight:100;
border-bottom:1px solid #CCC;
}
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color:#fff;
color:#666;
text-decoration:none;
}
* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}
#title_sub_nav {
  margin: 0;
  padding: 0 0 20px 10px;
  border-bottom: 1px solid #9FB1BC;
}

#title_sub_nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}
#title_sub_nav a:link, #title_sub_nav a:visited {
        float: left;

        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}
#title_sub_nav a:link.active, #title_sub_nav a:visited.active, #title_sub_nav a:hover {
        color: #000;
        background: url(../images/rounded.gif) no-repeat bottom center;
}

#navlist_lm {
        color: white;
       background: #fff;
        border-bottom: 0.2em solid #fff;
        border-right: 0.2em solid #fff;

        padding: 0 1px;
        margin-left: 0;
        width: 12em;
        font: normal 11px Arial, sans-serif;
		width:160px
}

#navlist_lm li {
  list-style: none;
  margin: 0;
}

#navlist_lm a.special {
	background-color:#00FF00; color:#FFFFFF
}

#navlist_lm a {
   display:block;
	padding:5px 5px; border:1px solid #999; background-color:#FFF; color:#333;
	width:95%; margin-bottom:5px; font-weight:bold;  text-transform:uppercase; cursor:pointer; text-decoration:none;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#navlist_lm a:hover{
	background-color:#FF3;
}
#navlist_lm #current{
	display:block;
	padding:5px 5px; border:1px solid #000; background-color:#A6FFFF; color:#000;
	width:95%; margin-bottom:5px; font-weight:bold;  text-transform:uppercase;	 cursor:pointer; text-decoration:none;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ymaincontent{width:690px; float:left}
.ytooltip{margin-left:10px; padding:10px; border:0px dotted #CCC; background-color:#FFFFCC; width:248px; float:left;  font-family:verdana; background-color: #f9f9f9; border-left: 1px solid #efefef}
.ymaincontent2{width:790px; float:left}
.ytooltip2{margin-left:10px; padding:10px; border:0px dotted #CCC; background-color:#F6F6F6; width:148px; float:left;  font-family:verdana}
.ymaincontent3{width:730px; float:left}
.ytooltip3{margin-left:10px; padding:10px; border:0px dotted #999; background-color:#F6F6F6; width:208px; float:left;  font-family:verdana}
.ytooltip_title{font-weight:bold; color:#ff0000;}


.break {display:block; margin:0 0 1em;}
.break2 {display:block; margin:0 0 2em;}
.break3 {display:block; margin:0 0 3em;}
.break4 {display:block; margin:0 0 4em;}
.clear{line-height:16px; clear:both}

a{color:#006699; text-decoration:none; cursor: pointer;}
a:active{color:#336600; text-decoration:none}
a:selected{color:#006600; text-decoration:none}
a:hover{color:#ff6600; text-decoration:underline}

.a_button{
	font-weight:bold; text-decoration:none;
}

.a_organe{border-bottom:2px solid #F60; color:#F60;}
.a_organe:hover{ background-color:#FC9;}

.a_green{border-bottom:2px solid #090; color:#090;}
.a_green:hover{ background-color:#BFFFBF;}

.a_green_light{border-bottom:2px solid #0F0; color:#0F0;}
.a_green_light:hover{ background-color:#6F6;}

.a_red{border-bottom:2px solid #F00; color:#F00;}
.a_red:hover{ background-color:#FFE1E1;}

.a_yellow{border-bottom:2px solid #FF0; color:#000;}
.a_yellow:hover{ background-color:#FF9;}

.a_blue{border-bottom:2px solid #069; color:#069;}
.a_blue:hover{ background-color:#0FF;}

.a_blue_light{border-bottom:2px solid #6FF; color:#6FF;}
.a_blue_light:hover{ background-color:#0FF;}

.a_grey{color:#666;}
.a_grey:hover{ background-color:#F2f2f2;}

.b_button{
  margin-right:10px;
  text-decoration:none;
  padding:6px 10px;
	border-radius: 5px;
  white-space: nowrap;
}
.b_button:hover{
	text-decoration:none;
}
.b_flat{
	background-color:#f9f9f9;
	color:#000 ;
	border: 1px solid #666;
	text-align: center;
	padding:2px;
	margin:0;
	font-weight:normal;
	height:24px;
}
.b_flat:hover{background-color:#000; color:#fff;}
.b_flat_active{background-color:#000; color:#fff;}
.a_flat{
	background-color:#f9f9f9;
	color:#000 ;
	border: 1px solid #666;
	text-align: center;
	padding:5px;
	margin:0;
	font-weight:normal;
	height:24px;
}
.a_flat:hover{background-color:#000; color:#fff;}

.a_flat_active{
	background-color:#666;
	color:#fff;
	border: 1px solid #666;
	text-align: center;
	padding:5px;
	margin:0;
	font-weight:normal;
	height:24px;
}

.b_disabled{
	background-color:#f9f9f9;
	color:#999 ;
	border: 1px solid #999;
	text-align: center;
	padding:2px;
	margin:0;
	font-weight:normal;
	height:24px;
}
.b_disabled:hover{background-color:#ccc; color:#666;}

.b_blue{
	color:#fff ;
  text-align: center;
  border: 1px solid #00ADEF;
  background-color:#00ADEF;
  cursor: pointer;
}
.b_blue:hover{background-color:#fff; color:#00ADEF;}

.b_blue_light{
	color:#00ADEF ;
  text-align: center;
  border: 1px solid #00ADEF;
  background-color:#FFFFFF;
  cursor: pointer;
}
.b_blue_light:hover{background-color:#D0E7F7; color:#00ADEF;}

.b_green{
	color: white;
  text-align: center;
  background: #12ab8d;
  border: 1px solid #12ab8d;
  cursor: pointer;
}
.b_green:hover{	background-color:#fff; color:#12ab8d;}

.b_yellow{
  color:#000 ;
  text-align: center;
  background:#FFDE00 ;
  border: 1px solid  #FFDE00;
  cursor: pointer;
}
.b_yellow:hover{ background-color:#fff;  color:#000; }

.b_orange{
	color: white;
  text-align: center;
  background: #e67e22;
  border: 1px solid #da751c;
  cursor: pointer;
}
.b_orange:hover{ background-color:#fff; color:#da751c;}

.b_red{
	color: #fff;
  text-align: center;
  background: #b53224;
  border: 1px solid #b53224;
  cursor: pointer;
}
.b_red:hover{background-color:#fff; color:#b53224;}

.b_grey{
	color:#000;
  text-align: center;
  background: #E8E8E8;
  border: 1px solid #ecf0f1;
  cursor: pointer;
}
.b_grey:hover{	 background-color:#ffffff; color:#000;}

.b_white{
	color:#000;
  text-align: center;
  background: #FFF;
  border: none;
  cursor: pointer;
}
.b_white:hover{	 background-color:#ecf0f1; color:#000;}

.removex{ background-color:#FF0000; padding:3px; color:#FFF; font-weight:bold; text-align:center; width:15px; height:15px; position:absolute; right:0; top:0; display:none; z-index:1000000; cursor:pointer;}
.b_button_flat{
	cursor:pointer; text-decoration:none;
	 padding:5px 2px; font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #f6f6f6;
	background-color:#f6f6f6;
	width:85px;
	height:30px;
	display:block;
	float:left;
	margin-right:5px;
	text-align:center;
	margin-top:5px;
	color:#000;
}
.bg_affected{background-color:#FFFFFF; border:1px solid #F00}
.bg_green{
	border:1px solid #DCFFB9;
	background-color:#DCFFB9
}
.bg_green:hover{
	border:1px solid #0C0;
	text-decoration:none;
}
.bg_red{
	border:1px solid #FFD5D5;
	background-color:#FFD5D5
}
.bg_red:hover{
	border:1px solid #ff0000;
	text-decoration:none;
}
.bg_yellow{
	border:1px solid #FFFFB9;
	background-color:#FFFFB9
}
.bg_yellow:hover{
	border:1px solid #F90;
	text-decoration:none;
}

h1{font-size: 120%; font-weight: bold; color:#FF6600; padding-top:5px; margin-bottom:10px; clear:both; text-transform: uppercase;}
h1 span{color:#009900}
h2{font-size: 110%; color:#990000; margin:15px 0px;}
h2 a{font-weight: 100; color:#ff6600;}
.ul_leftmenu{
	padding: 0;
    list-style-type: none;

}
.leftmenu{
	display:block;
	padding:8px 5px; padding-left:22px; border:0px solid #999; background-color:#FFF; color:#888;
	width:85%; margin-bottom:5px; font-weight:100;  text-transform:; cursor:pointer; text-decoration:none;
	border-bottom:1px solid #EFEFEF;
}
.leftmenu:hover{
	background-color:#fff;
	text-decoration:none;
	border-bottom:1px solid #000;
	color:#000;
}
.leftmenu_active{
	display:block;
	padding:8px 5px; padding-left:22px; border:0px solid #000;  color:#000;
	width:85%; margin-bottom:5px; font-weight:bold;  text-transform:;	 cursor:pointer; text-decoration:none;
	border-bottom:2px solid #000;
}
.leftmenu_active:hover{
	text-decoration:none;
}

table.stock{ }
a.header{color:#000000; text-decoration:underline;}
a.header:hover{color:#ffffff; text-decoration:underline;}

.td_asc{
	background-color:#009900; color:#FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.td_desc{
	background-color:#FF3300; color:#FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.td_sorted{
  border-bottom:4px solid #FF0000;
}
.tr_header{ background-color:#a9defa; color:#000}
.tr_header1{background-color:#5b9dee; color:#FFFFFF; font-weight:bold}
.tr_header2{background-color:#a9defa; font-weight:bold; color:#333}
.tr_header3{border-bottom: 3px solid #FF0000}
.tr1{background-color:#F1F8FE; border-bottom:0px solid #A4E9FF}/*EAFAFF A4E9FF*/
.tr2{background-color:#FFFFFF; border-bottom:0px solid #9BD8CC}
.tr3{background-color:#FFFF99}
.tr10{ border-bottom:1px solid #e0e0e0; padding-top:7px; padding-bottom: 7px}

.tr_row_header2{background-color:#DAE6F3; color:#000}
.tr_row1{background-color:#f6f6f6;}
.tr_row2{background-color:#FFF}
.tr_row1:hover{
  background:#FFE4B5;
}
.tr_row2:hover{
  background:#FFE4B5;
}

tr.border_bottom td {
  border-bottom:1px solid #e0e0e0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tr_selected{
  background-color: #FFFF00;
}
.td_bottom{border-bottom:1px solid #e0e0e0  }
.td_bottom2{border-bottom:1px solid #e0e0e0 }
.td_bottom3{border-bottom:1px solid #e0e0e0 }
.td_bottom4{border-bottom:1px solid #e0e0e0 }
.td_bottom5{border-bottom:1px dashed #e0e0e0 }
.td_bottom7{border-bottom:1px dashed #e0e0e0 }

.td_bg1{background-color:#FFF; padding-top:10px; padding-bottom: 10px}
.td_bg3{background-color:#FFF; padding-top:10px; padding-bottom: 10px}/*e7edf0 E8ECFF*/
.td_bg2{background-color:#f6f6f6; padding-top:10px; padding-bottom: 10px} /*F0F8FF f6f6f6*/
.td_bg4{background-color: #F0F8FF; padding-top:10px; padding-bottom: 10px} /*F0F8FF f6f6f6*/
.dottedline{border-bottom:1px dashed #CCC}


.define_variable{color:#003399}
.define_variable2{ color:#006699}
.define_variable3{ color:#FF0000}
.define_variable4{ color:#006699; background-color:#FFFFFF; border:1px solid #CCCCCC; padding:2px}

#div_form_search{
    padding:15px;  background-color:#fff; border:1px solid #990000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:95%
}

.tip_comment{color:#000; background-color:#FFC; padding:4px; font-weight:100; font-style:}
.comment{color:#666; font-style: italic; font-family: HongHaHep}

/*home*/
#home_top{float: left; overflow:hidden}
#home_top .home_equal{ float:left; margin-bottom: -2000px; padding-bottom: 2000px; border:0px solid #ccd6db}
.bg_title_img{height:18px; background-color:#fff; color:#333 ; font-weight:100;  padding-top:10px; padding-left:2px; margin-bottom:10px; border-bottom:1px dashed #333; font-family: HongHaHep}
.bg_title_img_2{height:18px; background-color:#fff; color:#990000; font-weight:100; padding-top:10px; padding-left:2px; margin-bottom:10px; border-bottom:2px solid #990000;}

#bottom_service {float: left; overflow: hidden;}
#bottom_service .equal { float: left; ; background-color:#444445; margin-bottom: -2000px; padding-bottom: 2000px}
.style1{
    margin: auto;
    padding: 0;
    list-style-type: none;
}
.style1 li{
	margin: 0;
	padding: 5px 0 4px 0;
}
.style1 .current{
	background-color:#CAFFFF; color:#FF0000
}

.style1 a.footer{
	text-decoration:none; color:#ccc
}
.style1 a.footer:hover{
	text-decoration:underline; color:#FF9900
}
.style2{
    margin: auto;
    padding: 0;
    list-style-type: none;
}
.style2 li{
	margin: 0;
	padding: 2px 0 2px 0;
}
.cc_boxlefttop {background:url(http://cophieu68.vn/images/cc_boxlefttop.gif) top no-repeat; padding:10px 10px 0 10px}
.cc_boxleftbg {background:url(http://cophieu68.vn/images/cc_boxleftbg.gif) repeat-y; height:1%}
.cc_boxleftbot {background:url(http://cophieu68.vn/images/cc_boxleftbot.gif) bottom no-repeat; height:8px}
/* box shadow --*/
.cc_boxshadow {background:url(http://cophieu68.vn/images/cc_boxshadow_right.gif) right repeat-y; margin-bottom:5px}
	.cc_boxshadow .cc_boxshadow_top {background:url(http://cophieu68.vn/images/cc_boxshadow_topline.gif) top repeat-x}
	.cc_boxshadow .cc_boxshadow_tl {background:url(http://cophieu68.vn/images/cc_boxshadow_tl.gif) left no-repeat; height:9px}
	.cc_boxshadow .cc_boxshadow_tr {background:url(http://cophieu68.vn/images/cc_boxshadow_tr.gif) right no-repeat; height:9px}
	.cc_boxshadow .cc_boxshadow_ct {border-left:#ccc 1px solid; padding:5px 18px 0 9px}
	.cc_boxshadow .cc_boxshadow_bot {background:url(http://cophieu68.vn/images/cc_boxshadow_botline.gif) top repeat-x}
	.cc_boxshadow .cc_boxshadow_bl {background:url(http://cophieu68.vn/images/cc_boxshadow_bl.gif) left no-repeat; height:12px}
	.cc_boxshadow .cc_boxshadow_br {background:url(http://cophieu68.vn/images/cc_boxshadow_br.gif) right no-repeat; height:12px}

.cc_bigTitle {background:url(http://cophieu68.vn/images/cc_dotline.gif) bottom repeat-x; padding-bottom:0px; margin-bottom:10px !important; color:#f90; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif}
.cc_bigTitle span {color:#00adef; padding:0; margin:0}

#cc_jobsmatching {background:url(http://cophieu68.vn/images/cc_iconjobsmatch.gif) no-repeat 96% 2px;}
#cc_filter_basic {background:url(http://cophieu68.vn/images/icon_filter_basic.png) no-repeat 96% -1px;}
#cc_filter_care {background:url(http://cophieu68.vn/images/icon_folder.png) no-repeat 96% -1px;}
#cc_filter_signalchart{background:url(http://cophieu68.vn/images/icon_signal_chart.png) no-repeat 98% -1px;}
#cc_filter_statisticchart{background:url(http://cophieu68.vn/images/icon_statistic_chart.png) no-repeat 98% -4px;}

/*snapshot*/
#left_col{width:160px; float:left; margin:0; padding:0}
#right_col{width:810px; float:left; margin:0; padding:0}
#left_col_2{width:790px; float:left; margin:0; padding:0}
#right_col_2{width:190px; float:right; margin:0; padding:0}
#snapshot{padding-left:0; margin:0}
	#snapshot .snapshotRight{width:310px; float:right; margin:0; padding-left:15px}
	#snapshot .snapshotLeft{width:470px; float:left; margin:0; padding-left:15px}
	#snapshot .snapshotRight2{width:280px; float:right; margin:0; padding-left:15px}
	#snapshot .snapshotLeft2{width:500px; float:left; margin:0; padding-left:15px}
	#snapshot .price{width:50%}
	#snapshot .chart{width:50%}


/*stockonline*/

.td_stock{background-color:#000000; font-weight:100;}
.td_stock2{background-color:#000000; font-weight:100;}
.td_stock_vol{background-color:#000000; font-weight:100; }

.td_stock3{background-color:#000000; font-weight:100;}
.td_buy{ background-color:#222222; font-weight:100;}
.td_buy_vol{ background-color:#222222; font-weight:100; }

.td_buy2{ background-color:#000000; font-weight:bold;}}
.td_sell{ background-color:#000000; border-bottom:1px solid #A4E9FF}
.td_sell2{ background-color:#000000; border-bottom:1px solid #A4E9FF}

.price2{color:#FFFF00}
.priceup2{color:#00FF00}
.pricedown2{color:#FF0000}
.price_floor2{color:#00CCCC}
.price_ceiling2{color:#FF00CC}
.price_white{color:#FFFFFF}
.affected{background-color:#FFFF00}
.affected2{background-color:#ffffcc}
.affected3{background-color:#FFFF00}
.affected4{background-color:#FFFF66}
.a_board{color:#FFFFFF; text-decoration:none}


.price{color:#333333}
.priceup{color:#008800}
.pricedown{color:#FF0000}
.price_floor{color:#990000}
.price_ceiling{color:#FF00CC}

/*chart config*/
ul#navlist_chart {
  margin: 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
	color:#cccccc
}

ul#navlist_chart li {
  float: left;
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  margin: 0;
	margin-bottom:-1px;
  padding: 8px 0 8px 0;
  background-color: #222;
  border-top: 1px solid #666;
	border-right: 1px solid #666;
	color:#cccccc
}

#navlist_chart a, #navlist_chart a:link {
        margin: 0;
        padding: 8px 9px 8px 9px;
        color:#cccccc;
        text-decoration: none;
}
#navlist_chart a:actived{ color:#ccc}
#navlist_chart a{ color:#ccc}

ul#navlist_chart li.active {
        color: #ccc;
        background-color: #000;
		border-bottom:1px solid #000;
}

#navlist_chart .first{border-left: 1px solid #666;}

#navlist_chart a:hover {
        color: #fff;
        background-color: #666;
}
#navlist_chart a:visited {
        color: #ccc;
}
#navlist_chart a#current {
        color: #ccc;
}
#chartconfig{
	height:100px;
	clear:both;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
	margin-top:-1px;
	padding:15px;

}
#chartconfig .active{background-color:#000000}

.divchart_backtest_gain{
    position:absolute; text-align:center; height:20px;
     color:#ffffff; padding-top:4px ; opacity: 0.5;
     background: #009900;
     color:#ffffff;
      z-index:1
}
.divchart_backtest_gain:hover{
    opacity: 1;
}
.divchart_backtest_lose{
    position:absolute; text-align:center; height:20px;
     color:#ffffff; padding-top:4px ; opacity: 0.5;
     background: #ff0000;
     color:#ffffff;
      z-index:1
}
.divchart_backtest_lose:hover{
    opacity: 1;
}

/*ads*/
#rightads_300x600 {
background-color:fff;
position:absolute;
right:0px;
width:300px; border:0px solid #ff6600;
padding-right:10px; margin-top:0px;
}
#rightads_1366 {
position:absolute;
right:0px;
width:160px; border:0px solid #ff6600;
padding-right:10px; margin-top:0px;
}
#leftads_1366 {
position:absolute;
left:0px;
width:160px; border:0px solid #ff6600;
padding-left:10px; margin-top:0px;
}
#leftads_1366_close{
position: fixed;
left: 150px;
bottom: 578px;
width:15px; height:20px; border:1px solid #990000;
background-color:#FF0000;
color:#fff; font-weight:bold; padding-left:5px;
cursor:pointer
}

#rightads_1280 {
position: absolute;
right:0px;
width:160px; border:0px solid #ff6600;
margin-top:0px;
}
#leftads_1280 {
position: absolute;
left:0px;
width:120px; border:0px solid #ff6600;
padding-right:10px; margin-top:0px;
}
#leftads_1280_close{
position: fixed;
left: 110px;
bottom: 578px;
width:15px; height:20px; border:1px solid #990000;
background-color:#FF0000;
color:#fff;  font-weight:bold; padding-left:5px;
cursor:pointer
}

#footerads_260_230_close{
position: fixed;
right: 0px;
bottom: 208px;
width:15px; height:20px; border:1px solid #990000;
background-color:#FF0000;
color:#fff;  font-weight:bold; padding-left:5px;
cursor:pointer
}
#footerads_1024 {
position: fixed;
bottom: 0px;
right:320px;
width:468px; height:60px; border:0px solid #ff6600;
}
#footerads_1024_close{
position: fixed;
right: 320px;
bottom: 39px;
width:15px; height:20px; border:1px solid #990000;
background-color:#FF0000;
color:#fff;  font-weight:bold; padding-left:5px;
cursor:pointer
}
#headerads {
position: fixed;
top: 0px;
left:0px;
width:300px; height:250px; border:0px solid #ccc;
}
#footerads {
position: fixed;
bottom: 0px;
right:0px;
width:300px; height:250px; border:0px solid #ccc;
}

#footerads_close{
position: fixed;
bottom: 228px;
right:0px;
width:15px; height:20px; border:1px solid #990000;
background-color:#FF0000;
color:#fff;  font-weight:bold; padding-left:5px;
cursor:pointer
}
#footerads_close:hover{
background-color:#ff6600;
}
#footerads_260 {
position: fixed;
bottom: 0px;
right:0px;
width:260px; height:230px; border:0px solid #ccc;
}
#footerads_260_close{
position: fixed;
bottom: 208px;
right:0px;
width:15px; height:20px; border:1px solid #990000;
background-color:#FF0000;
color:#fff;  font-weight:bold; padding-left:5px;
cursor:pointer
}

#footerads_chart {
position: fixed;
bottom: 0px;
left:0px;
width:728px; height:90px; border:0px solid #ff6600;
}

#footerads_left {
position: fixed;
bottom: 0px;
left:0px;
width:300px; height:250px; border:0px solid #ccc;
}
#footerads_250_200 {
position: fixed;
bottom: 0px;
right:0px;
width:250px; height:200px; border:1px solid #000;
}
#footerads_250_200_close{
position: fixed;
bottom: 180px;
right:230px;
width:15px; height:20px; border:1px solid #990000;
background-color:#FF0000;
color:#fff;  font-weight:bold; padding-left:5px;
cursor:pointer
}

.btn_optical{ opacity: 0.3; filter: alpha(opacity=30); cursor:pointer;}
.btn_optical:hover{opacity:0.7; filter: alpha(opacity=70)}



.float_effect{}
.sample{color:#999}

.ul_list_item{
    padding:0 10px;
    list-style-type: none;
}
.ul_list_item li{
    color:#000;
    padding:7px 5px;
    border-bottom:0px solid #CCC
}
.ul_list_item .selected{
    background-color: #ffff66;
}
.ul_list_item li:hover{
    background-color: #f0f0f0;
}
.ul_list_item a{
    color:#333; text-decoration:none;
}
.ul_list_item a:hover{
    color:#ff6600; text-decoration:none;
}

.div_curve{
font:normal 12px Arial;
z-index:1;
border: 1px solid #f0f0f0;
border-radius: 5px;
background-color: #fff;
}
.div_curve_menu{
font:normal 12px Arial;
z-index:1;
border: 1px solid #f0f0f0;
border-radius: 5px;
}
.div_curve_hover{
font:normal 12px Arial;
z-index:1;
border: 1px solid #f0f0f0;
border-radius: 5px;
background-color: #f2f2f2;
}
.div_curve_hover:hover{
font:normal 12px Arial;
z-index:1;
border: 1px solid #f0f0f0;
border-radius: 5px;
background-color: #CCC;
}

#header_overtop a{
    color:#555; text-decoration:none;
}
#header_overtop a:hover{
    color:#ff6600; text-decoration:none;
}

.ul_list_item_columns{
    margin-left:5px;
    padding:0;
    list-style-type: none;
    columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.ul_list_item_columns li{
    color:#000;
    padding:7px 5px;
    border-bottom:0px solid #CCC
}

.ul_list_item_columns li:hover{
    background-color: #f0f0f0;
}
.ul_list_item_columns a{
    color:#333; text-decoration:none;
}
.ul_list_item_columns a:hover{
    color:#ff6600; text-decoration:none;
}

.ul_list_item_column{
    margin-left:5px;
    padding:0;
    list-style-type: none;
}
.ul_list_item_column li{
    color:#000;
    padding:7px 5px;
    border-bottom:0px solid #CCC
}

.ul_list_item_column li:hover{
    background-color: #f0f0f0;
}
.ul_list_item_column a{
    color:#333; text-decoration:none;
}
.ul_list_item_column a:hover{
    color:#ff6600; text-decoration:none;
}


.ul_list_h_item{
    margin-left:5px;
    padding:0;
    list-style-type: none;
}
.ul_list_h_item li{
    float: left;
    color:#000;
    padding:7px 5px;
        border-radius: 5px;
        border:1px solid #CCC;
        margin-right:5px;
            cursor:pointer
}
.ul_list_h_item .selected{
    background-color: #ffff66;
}
.ul_list_h_item li:hover{
    background-color: #f0f0f0;
}
.ul_list_h_item a{
    color:#333; text-decoration:none;
}
.ul_list_h_item a:hover{
    color:#ff6600; text-decoration:none;
}

.div_curve{
font:normal 12px Arial;
z-index:1;
border: 1px solid #f0f0f0;
border-radius: 5px;
background-color: #fff;
color: #000;
}
.div_curve .header{
font-weight:bold; padding:10px;  color:#ff6600;
}
.div_curve a{
color:#333;
}
.div_curve a:hover{
color:#ff6600;
}


#div_form_login div table td{
    background-color: #fff;
    color: #000;
}

.althorigm_effected{
  background:#FFFF00;
}
.hovering_tr:hover{
  background-color:#FFFACD;
  cursor:default;
}

/*--------------------
  Menu quote
-----------------*/
.menu_quote{
  margin-top:25px;
  border-bottom: 3px solid #ccc;
  height:40px;
  align-items:center;
  font-family: HongHaHep;
  font-size: 120%;
}
.menu_quote a{
  padding-right:30px;
  color:#000;
  box-sizing:border-box;
  white-space: nowrap;
  display:block;
}
.menu_quote a.active{
  color:#2962ff;
  font-weight: bold;
}

/*
TABLE
*/
.td_sticky_left{ /* stick the stockname td on the left when overflow-x */
  position:sticky;
  left:0px;
}
.td_sticky_left.tbody{
  background:#FFF;
}
.td_sticky_left.thead{
  background:#a9defa;
}
.row_selected{
  background: #ffffe6;
}
.col_selected{
  background: #ffffe6;
}
.input_search{
  border:1px solid #CCC;
  border-radius:5px;
}

/*--------------------
  New header
-----------------*/
#header{
  height:30px;
  width:100%;
  background: #FFF;
  border-bottom: 1px solid #CCC;
}
.b_button_chart{
  display:flex;
  align-items: center;
  float:left;
  height:30px;
  text-align: center;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
  cursor: pointer;
  padding:0 10px;
}

.form_error{
  clear: both;
  padding: 10px;
  width: 100%;
  background-color: #FF0000;
  color:#FFF;
  font-weight: bold;
}

#menu-header-sub{
	width:100%; height:40px; background-color:#fff; overflow: auto; overflow-x:10px;
	border-bottom: 4px solid #000;
	margin-bottom: 10px;
}
#menu-header-sub div{
	float: left; padding-right: 20px; margin-top: 8px;
}
#menu-header-sub a{
	font-family: HongHaHep, Arial; font-weight: bold; color:#1D89FF;
}
#menu-header-sub span{
	font-family: HongHaHep, Arial; font-weight: bold; color:#333333;
}

.td_hover{
  background-color: #ffff99;
}
.tr_hover:hover{background-color: #ffff99}

.stockname{
  color:#003d99;
  font-weight:bold;
  text-transform: uppercase;
}

/*--------------------
  Chart filter
-----------------*/
.header_signal{
  padding:4px;
  color:#FFFFFF;
  font-weight:bold;
}

.finance_wrap{
  width:100%;
  overflow-x: scroll;
}

.news_category_title{
  border-bottom:2px solid #990000;
  margin:4px 0px;
}
.news_category_title a{
  color:#990000;
}


/**/
.title_sort_d{background-color: #009900; color:#fff; cursor: pointer;}
.title_sort_d a{color:#fff}

.title_sort_a{background-color: #ff0000; color:#fff; cursor: pointer;}
.title_sort_a a{color:#fff}

.tr_header a{text-decoration: underline;}

.ul_variable{font-family: HongHaHep;   font-size: 120%;}
.ul_variable a{text-decoration: none; color: #666; padding:2px}
.ul_variable a:hover{text-decoration: none; color: #ff6600}
.ul_variable li{
  display: inline;
  margin-right: 10px;
	border-bottom: 4px solid #666;
	padding:2px;
}
.ul_variable li:hover{
	border-bottom: 4px solid #FF6600;
}
.ul_variable li.selected{
	border-bottom: 4px solid #FF6600; padding:2px;
	background-color: rgba(255, 102, 0, 0.2)
}
.ul_variable li.selected a{
  color:#ff6600;
}