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

font:normal 12px Arial;
line-height:18px;
margin-top:0px;
border:2px solid #2c4052;
border-bottom:2px solid #2c4052;
z-index:1;
background-color:#44596c;
width: 230px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 10px;
background-color:#203342;
padding: 2px 0;
text-decoration: none;
color:#fff;
font-size:11px;
text-transform:uppercase; font-weight:bold
}
.dropmenudiv_a a.menu_head{background-color:#337eda; color:#FFF; font-weight:bold}
.dropmenudiv_a a.menu_head:hover{background-color:#44596c; color:#000; font-weight:bold}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #2c4052;
color:#FFCC00;
}

/* CSS Tabs */
#navcontainer_header {
    font-size:93%;
    line-height:normal;
	background:#337eda;

	/*background: url(../images/bg_header.gif) repeat-x;*/
}
#header_bar1 {
	padding:0; margin:0;
    line-height:normal;
	background:#337eda;
    border-left:1px solid #213341;
	background: url(../images/backgroundhd.gif) repeat-x;

}
#header_bar2 {
	padding:0; margin:0;
    font-size:93%;
    line-height:normal;
	background:#337eda;
    border-left:1px solid #213341;
	border-right:1px solid #213341;
	background: url(../images/backgroundhd2.gif) repeat-x;
}
#navcontainer {
	width:100%;
	float:left;
	height:24px;
	margin:auto;
    font-size:12px;
    line-height:normal;
	/*background-color:#101e29;*/
	border-top:1px solid #213341;

	background: url(../images/backgroundmenu.gif) repeat-x;
	background-color:#44596c;
	/*background: #599def;
	border-top: 1px solid #e0ede9;
    border-bottom: 0px solid #337eda;*/
}

ul#navlist {
	width:970px;
    margin: auto;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: "UVN Hong Ha Hep", arial, sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 6px 0 4px 0;

		/*border-right: 1px solid #23506e;
		border-bottom: 1px solid #23506e;
		border-bottom:1px solid #3f86db;
		background: url(../images/bg2.gif) repeat-x;*/
}
ul#navlist li#current {
       /* background-color:#1a3445;
		border-bottom: 1px solid #44596c;*/
}
#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 7px 4px 7px;
        color: #fff;
        text-decoration: none;
        font-family: "UVN Hong Ha Hep", arial, sans-serif;
}
#navlist a:hover {
	color: #ffdf0a;
	text-shadow: 0px 0px 10px #ffdf0a;
}

#navlist .left{
	/*border-left: 1px solid #337eda;*/
}

ul#navlist li#active {
        color:#fff;
        background-color: #d6d6d6;
}

ul#navlist li#current a {
        color:#ffdf0a;
		text-shadow: 0px 0px 10px #ffdf0a;
}
ul#navlist li#spec {
		border-bottom:1px solid #F60;
}
ul#navlist li#spec a {
			background-color:#F60;
      color:#fff;
}
ul#navlist li#spec a:hover {
			background-color:#090;
      color:#000;
}



.menu_head{background-color:#06C; color:#FFF; font-weight:bold}

#navcontainer_sub {
	width:100%;
	height:24px;
	float:left;
	margin:auto;
    line-height:normal;
	background: #44596c;
	text-transform:uppercase
}
ul#navlist_sub {
	width:980px;
	height:22px;
    margin: auto;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
	height:14px;

}

ul#navlist_sub li {
        float: left;
        font-family: arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 0 1px 0;
		border-left:1px solid #5f7284; border-right:1px solid #35485a;
}
#navlist_sub span {
        margin: 0;
        /*padding: 5px 9px 4px 15px;*/
		padding: 0 5px;
        color:#FFFF00;
		text-shadow: 0px 0px 10px #ffdf0a;
}
#navlist_sub a, #navlist_sub a:link {
        margin: 0;
        padding: 5px 9px 4px 10px;
        color:#FFF;
        text-decoration: none;
		font-size:90%;
}
#navlist_sub a:hover {
	color: #ffdf0a;
	text-shadow: 0px 0px 10px #ffdf0a;
}

#navlist_sub .left{
	border-left: 1px dashed #d1e3db;
}

ul#navlist_sub li#active {
        color:#fff;
        background-color: #00D7D7;


}
ul#navlist_sub li#current {
        color: #fff;
        background-color:#00BFBF;

}
ul#navlist_sub .special a {
	color:#00FFFF; font-weight:bold;

}

/*------------*/
#bodynavlist {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #185fb7;
        font: bold 12px arial, sans-serif;
}

#bodynavlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#bodynavlist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #185fb7;
        border-bottom: none;
        background: #ebf3fb;
        text-decoration: none;
}

#bodynavlist li a:link { color: #185fb7; }
#bodynavlist li a:visited { color: #185fb7; }

#bodynavlist li a:hover {
        color: #FFF;
        background:#B4C4FA;
        border-color: #227;
}

#bodynavlist li a#current {
        background: white;
        border-bottom: 1px solid white;
		color:#666
}
/*css left menu*/


.navcontainer_header {
	padding-left:5px; padding-top:5px; font-size:14px; font-weight:bold; color:#4165ac; display:block; text-transform:uppercase; font-family:Georgia, Arial
}

#navcontainer_lm #navlist_lm a {
        width: auto;
		color:#274279;
		text-decoration:none
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navcontainer_lm #navlist_lm a:active, #navlist_lm a#current:active{
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.4em 0.35em 0.25em 0.9em;
		text-decoration:none;
}

/* end css leftmenu*/

/* begin tabchart */
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-size: 9px;
        font-weight: bold;
        margin: 0;
		margin-bottom:-1px;
        padding: 5px 0 4px 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: 7px 9px 6px 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:80px;
	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;
	font-size:12px;
}
#chartconfig .active{background-color:#000000}


ul#navlist_chartconfig {
    float: left;
    margin: auto;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

ul#navlist_chartconfig li {
    float: left;
    border:1px solid #999; padding:3px; margin-left: 5px;
    background-color:#333;
    color:#FFF;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    cursor: pointer;
    height: 25px;
}
ul#navlist_chartconfig li:hover {
    border:1px solid #FFF;
    background-color:#FFF;
    color:#000;
}
ul#navlist_chartconfig li.space {
    float: left;
    border:0px solid #666; padding:3px; margin-left: 5px;
    background-color:#333;
    color:#FFF;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    cursor: default;
}


/* end tabchart*/

/* sub header nave*/
#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;
        font-size: 10px;
        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;
}

.bg_title_img{background:url(../images/bg_title_img.gif) repeat-x; height:20px; color:#990000; font-weight:bold; padding-top:5px; padding-left:10px}
.bg_title_img h1{color:#990000; font-weight:bold; font-size:11px}
.tr10{ border-bottom:1px solid #ccd6db}

#home_top{float: left; overflow:hidden}
#home_top .home_equal{ float:left; margin-bottom: -2000px; padding-bottom: 2000px; border:1px solid #ccd6db}

#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;
    /*white-space: nowrap;*/
}
.style2 li{
	margin: 0;
	padding: 2px 0 2px 0;
}


#title_header_page_1{background-image:url(../images/bg_title_1.gif); height:25px; width:970px}
#title_header_page_2{background-image:url(../images/bg_title_2.gif); height:25px; width:970px}
#title_header_page_3{background-image:url(../images/bg_title_3.gif); height:25px; width:970px}
.title_header_page_left{ float:left; width:170px; padding-top:4px; padding-left:10px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:16px; font-family:Georgia, Arial}
.title_header_page_right h1{ float:left; width:780px; padding-top:4px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:14px; font-family:Georgia, Arial}

/*css chart signal*/
#navlist_cs {
	display:table-row
}

#navlist_cs li {
        list-style:none;
        margin: 0;
        font-size: 1em;
		width:135px
}
#navlist_cs a:link, #navlist_cs a:visited  {
        display: block;
        text-decoration: none;
        color: #274279;
        border-bottom: 1px solid #658188;
		border-right: 1px solid #658188;
		border-left: 1px solid #658188;
        padding: 0.25em 0.5em 0.4em 0.75em;

		font-size:16px; font-weight:bold;
		font-family:Georgia;
		background-color:#E7F5FE
}
#navlist_cs a:link.active, #navlist_cs a:visited.active, #navlist_cs a:hover {
        background: #006699;
        border-color: #658188 #FFF #658188 #658188;
        padding: 0.4em 0.35em 0.25em 0.9em;
		text-decoration:none;
		color:#fff
}


.navlist_cs_sub {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

.navlist_cs_sub li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

.navlist_cs_sub a:link, .navlist_cs_sub a:visited {
        float: left;
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

.navlist_cs_sub a:link.active, .navlist_cs_sub a:visited.active, .navlist_cs_sub a:hover {
        color: #ff0000;
        background: url(../images/rounded.gif) no-repeat bottom center;
}

.navlist_cs_sub_display {
        margin: 0;
        padding: 0 0 20px 10px;
}

.navlist_cs_sub_display li {
        margin: 0;
        padding: 0;
        display:table-row;
}

.navlist_cs_sub_display a:link, .navlist_cs_sub_display a:visited {
        float: left;
        font-size: 16px;
        line-height: 14px;
        font-weight: bold;
        padding: 12px;
        text-decoration: none;
        color:#006699;
}

.navlist_cs_sub_display a:link.active, .navlist_cs_sub_display a:visited.active, .navlist_cs_sub_display a:hover {
        color: #ff0000;
}

.signalchart{
	color:#FF6600; font-weight:bold; font-size:14px;
}

.txt{
	border:1px solid #004A95;
	background-color:#F0F8FF;
	height:20px;
	box-shadow: 0 0 2px #82C4FF;
	font-size:16px;
	font-weight:100
}
.txt input{
	font-size:16px;
	font-weight:100
}
.txt input:focus, .txt input:active{
	box-shadow: 0 0 5px #0085C6;
    outline: 1px dotted transparent;
    text-decoration: none;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffde00;
    background-image: -moz-linear-gradient(#0073E6, #004A95);
    border-color: #ffde00;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 13px;
    padding: 0;
    position: relative;
    vertical-align: middle;
	 box-shadow: 0 0 3px #ffde00
}
.btn input, .btn a {
    background-color: transparent;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: block;
	text-decoration:none;
	font-weight:bold;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
	font-size:12px;
    padding: 6px 15px 5px;
}
.btn input:hover, .btn a:hover {
    background-color: #0073E6;
    background-image: -moz-linear-gradient(#0073E6, #004A95);
    color: #ffffff;
	font-weight:bold;
    text-decoration: none;
}
.btn input:focus, .btn a:focus, .btn a:active, .btn input:active, .message-header .flag a:focus, .message-header .flag a:active, .file-attach li:focus, .attachment-button-form span.focused, .pod:focus {
    box-shadow: 0 0 5px #0085C6;
    outline: 1px dotted transparent;
    text-decoration: none;
}

.left {
}
span.left, span.left a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
span.right, span.right a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.btn a{
background-color:#}

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

font:normal 12px Arial;
line-height:18px;
margin-top:0px;
border:2px solid #2c4052;
border-bottom:2px solid #2c4052;
z-index:1;
background-color:#333;
width: 230px;
}


.stockonline_bubble_a a{
width: auto;
display: block;
text-indent: 10px;
background-color:#203342;
padding: 4px 0;
text-decoration: none;
color:#fff;
font-size:11px; font-weight:bold
}


.stockonline_bubble_a a:hover{
background-color: #2c4052;
color:#FFCC00;
}

.chartsymbol_tool{
	position: absolute; top: 0;  left:0; display:none; width:970px; padding:5px;  background-color:#f2f2f2; border:1px solid #999; color:#000000; z-index: 1000
}
.chartsymbol_info{
	z-index: 10; position: absolute; top: 0; left: 0; display: none; cursor: pointer;
}
#div_chart_pricevolume{
	position: absolute; top: 0; left: 0; display:none; opacity: 1; z-index: 1000; background-color:#fff
}
#fastconfig{
	position: absolute; top: 0;  left:0; display:none; width: 620px; height: 360px; border: 1px solid #999; background-color: #f9f9f9; z-index: 1000
}
#filter_chartsignal{
	position: fixed; top: 50px; right: 2px; text-align:left; font-weight:normal; width: 280px; max-height:80%; overflow: auto; padding:10px; border: 2px solid #2A8BCC; background-color: #E5F6FE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; z-index: 10000
}

.b_chart_config{
    color:#000; border: 1px solid #000; padding: 4px; border-radius: 3px; background-color: #f9f9f9; text-decoration: none;
}
.b_chart_config:hover{
    color:#fff; border: 1px solid #000; padding: 4px; border-radius: 3px; background-color: #666; text-decoration: none;
}

.infochart_a{
font:normal 12px Arial;
line-height:18px;
margin-top:-50px;
z-index:1;
width: 280px;
border: 1px solid #f0f0f0;
border-radius: 5px;
background-color: #f9f9f9;
box-shadow: 5px 5px 5px #999;
}


.close_x{
    position: absolute; top:0; right:0; padding:3px 7px; background-color: #ff0000; color:#FFF; font-weight: bold; cursor: pointer; border-radius: 5px;
}
.infochart_a a{
width: auto;
display: block;
text-indent: 10px;

padding: 7px 5px;
margin-top:0px;
text-decoration: none;
color:#333;
font-size:13px; font-weight:normal;
border-bottom:0px solid #f9f9f9;
height:22px;
}


.infochart_a a:hover{
background-color: #f0f0f0;
}

.infochart_moreinfo{
font:normal 12px Arial;
z-index:1;
border: 1px solid #f0f0f0;
border-radius: 5px;
background-color: #f9f9f9;
}
.ul_forblackground{
    margin-left:5px;
    padding:0;
    list-style-type: none;
}
.ul_forblackground li{
    color:#000;
    padding:7px 5px;
    border-bottom:0px solid #CCC
}
.ul_forblackground li:hover{
    background-color: #f0f0f0;
}
.ul_forblackground a{
    color:#000; text-decoration:none;

}

.listSignal{
	 list-style-type: none;
}
.listSignal li{
	padding:4px 0;
	width:100%;
}
.listSignal li:hover{
	background-color:#efefef
}
.listSignal li.selected{
	background-color:#00FFFF
}
.li_filter_signalchart{
	position:relative
}
.remove_filter_signalchart{
	position:absolute;
	top:5px;
	margin-left:0px;
	cursor:pointer;
	right:0;
}