/*Top Menu Style*/
/*V1.1, Alvin, PDEV-695*/
/*V1.2, Alvin, PDEV-729*/
/*V1.3, Janice, PDEV-895*/
/*V1.4, Alvin, PDEV-902*/
/*V1.5, Alvin, PDEV-1021*/
/*V1.6, Alvin, PDEV-1037*/
/*V1.7, Sam Hui, PDEV-1173*/
/*V1.7, Sam Hui, PDEV-1173 (remove) */
.ddsubmenustyle,.ddsubmenustyle ul{font: 400 11px Arial; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; border-bottom-width: 0; visibility: hidden; z-index: 100; cursor: pointer; background: #fff; padding-left: 4px; border: solid 1px #000; background-image: url(../images/oldmenu/ul_bg.gif); background-repeat: repeat-y;}
.ddsubmenustyle_Forex,.ddsubmenustyle_Forex ul{background-image: url(../images/oldmenu/ul_Forex_bg.gif); }
.ddsubmenustyle_Fund,.ddsubmenustyle_Fund ul{background-image: url(../images/oldmenu/ul_Fund_bg.gif); }
.ddsubmenustyle_ETF,.ddsubmenustyle_ETF ul{background-image: url(../images/oldmenu/ul_ETF_bg.gif); }
.ddsubmenustyle_MPF,.ddsubmenustyle_MPF ul{background-image: url(../images/oldmenu/ul_MPF_bg.gif); }
.ddsubmenustyle_US,.ddsubmenustyle_US ul{background-image: url(../images/oldmenu/ul_US_bg.gif); }
.ddsubmenustyle li{border-left: solid 1px #EDEDE6; border-bottom: solid 1px #EDEDE6; border-right: solid 1px #EDEDE6;}
.ddsubmenustyle li a{display: block; width: 164px; color: black; background-color: #fff; text-decoration: none; padding: 4px; border: solid 1px #fff; margin: 0;}
* html .ddsubmenustyle li{display: inline-block; width: 164px; margin: 0;}
.ddsubmenustyle li a:hover{display: block; text-decoration: none; width: 164px; padding: 4px; margin: 0; border: solid 1px #BFD1DD; BACKGROUND-COLOR: #d9e3eb;}
.rightarrowpointer{position: absolute; padding-top: 2px; left: 100px; border: 0;}
.ddiframeshim{position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block;}
A.main:visited, A.main{BORDER-TOP-WIDTH: 0; PADDING-RIGHT: 0; PADDING-LEFT: 0; BORDER-LEFT-WIDTH: 0; BACKGROUND: #172d47; BORDER-BOTTOM-WIDTH: 0; PADDING-BOTTOM: 0; MARGIN: 0; OVERFLOW: hidden; COLOR: #fff; PADDING-TOP: 0; POSITION:relative! important; HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0;}
A.flag SPAN, A.main:visited SPAN, A.main SPAN{PADDING-RIGHT: 0; BACKGROUND-POSITION: 0 0; DISPLAY: block; PADDING-LEFT: 0; Z-INDEX: 1; LEFT: 0; BACKGROUND-IMAGE: url(../images/oldmenu/topnav_tc.png?v=1.0.2); PADDING-BOTTOM: 0; MARGIN: 0; WIDTH: 100%; PADDING-TOP: 0; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0; HEIGHT: 24px;}

#bHome SPAN{BACKGROUND-POSITION: 0px 0px; WIDTH: 33px;}
#bProduct SPAN{BACKGROUND-POSITION: -33px 0px; WIDTH: 105px;}
#bMarket SPAN{BACKGROUND-POSITION: -138px 0px; WIDTH: 85px;}
#bQuote SPAN{BACKGROUND-POSITION: -223px 0px; WIDTH: 73px;}
#bStock SPAN{BACKGROUND-POSITION: -296px 0px; WIDTH: 71px;}
#bNews SPAN{BACKGROUND-POSITION: -367px 0px; WIDTH: 69px;}
#bCommentary SPAN{BACKGROUND-POSITION: -436px 0px; WIDTH: 102px;}
#bWarrants SPAN{BACKGROUND-POSITION: -538px 0px; WIDTH: 78px;}
#bBullBear SPAN{BACKGROUND-POSITION: -616px 0px; WIDTH: 78px;}
#bETF SPAN{BACKGROUND-POSITION: -694px 0px; WIDTH: 64px;}
#bMPF SPAN{BACKGROUND-POSITION: -758px 0px; WIDTH: 64px;}
#bCustomer SPAN{BACKGROUND-POSITION: -822px 0px; WIDTH: 78px;}
#bAbout SPAN{BACKGROUND-POSITION: -900px 0px; WIDTH: 80px;}

#bHome{BACKGROUND-POSITION: 0px 0px; cursor:pointer; width: 33px; }
#bProduct{BACKGROUND-POSITION: -33px 0px; cursor:pointer; width: 105px; }
#bMarket{BACKGROUND-POSITION: -138px 0px; cursor:pointer; width: 85px; }
#bQuote{BACKGROUND-POSITION: -223px 0px; cursor:pointer; width: 73px; }
#bStock{BACKGROUND-POSITION: -296px 0px; cursor:pointer; width: 71px; }
#bNews{BACKGROUND-POSITION: -367px 0px; cursor:pointer; width: 69px; }
#bCommentary{BACKGROUND-POSITION: -436px 0px; cursor:pointer; width: 102px; }
#bWarrants{BACKGROUND-POSITION: -538px 0px; cursor:pointer; width: 78px; }
#bBullBear{BACKGROUND-POSITION: -616px 0px; cursor:pointer; width: 78px; }
#bETF{BACKGROUND-POSITION: -694px 0px; cursor:pointer; width: 64px; }
#bMPF{BACKGROUND-POSITION: -758px 0px; cursor:pointer; width: 64px; }
#bCustomer{BACKGROUND-POSITION: -822px 0px; cursor:pointer; width: 78px; }
#bAbout{BACKGROUND-POSITION: -900px 0px; cursor:pointer; width: 80px; }

#bHome:hover  SPAN{BACKGROUND-POSITION: 0px -30px; }
#bProduct:hover  SPAN{BACKGROUND-POSITION: -33px -30px; }
#bMarket:hover  SPAN{BACKGROUND-POSITION: -138px -30px; }
#bQuote:hover  SPAN{BACKGROUND-POSITION: -223px -30px; }
#bStock:hover  SPAN{BACKGROUND-POSITION: -296px -30px; }
#bNews:hover  SPAN{BACKGROUND-POSITION: -367px -30px; }
#bCommentary:hover  SPAN{BACKGROUND-POSITION: -436px -30px; }
#bWarrants:hover  SPAN{BACKGROUND-POSITION: -538px -30px; }
#bBullBear:hover  SPAN{BACKGROUND-POSITION: -616px -30px; }
#bETF:hover  SPAN{BACKGROUND-POSITION: -694px -30px; }
#bMPF:hover  SPAN{BACKGROUND-POSITION: -758px -30px; }
#bCustomer:hover  SPAN{BACKGROUND-POSITION: -822px -30px; }
#bAbout:hover  SPAN{BACKGROUND-POSITION: -900px -30px; }

.blackwhite li a{background: white;}
.blackwhite li a:hover{background: black; color: white;}
.mattblackmenu ul{margin: 0; padding: 0; font: 400 11px Arial; list-style-type: none; border-bottom: 1px solid gray; overflow: hidden; width: 980px;}
.mattblackmenu li{display: inline; margin: 0;}
.mattblackmenu li a{float: left; display: block; text-decoration: none; margin: 0; color: white;}
.mattblackmenu li a:visited{color: white;}
.mattblackmenu a.selected,.mattblackmenu li a:hover{background: black;}

/*Mainsite Style*/
body { font-family:arial; font-size:13px; letter-spacing:1px; }
.c1 { font-size: 13px; line-height:20px; color:#888}
.c2 { font-size: 12px}
.c3 { font-size: 13px; line-height:16px; color:#888}

a.h1 { font-size: 23px; font-weight: bold; color:#2f527d; line-height:36px;}
a.h1:hover { color:#FF7700 }
a.h2 { font-size: 13px; color:#2f527d; line-height:20px; }
a.h2:hover { color:#FF7700 }
a.h3 { font-size: 16px; font-weight: bold; color:#2f527d; line-height:18px;}
a.h3:hover { color:#FF7700 }
a.h4 { font-size: 19px; color:#5A5A5A; line-height:18px;}
a.h4:hover { color:#FF7700 }
a.h5 { color:#5A5A5A; }
a.h5:hover { color:#FF7700 }
a.h6 {  }
a.h6:hover { color:#FF7700 }

.bh1 { height: 20px; overflow:hidden; display:block }
.bh2 { height: 40px; overflow:hidden; display:block }
.bh3 { height: 36px; overflow:hidden; display:block }
.bh4 { height: 60px; overflow:hidden; display:block }
.bh5 { height: 32px; overflow:hidden; display:block; line-height:16px !important }
.bh5a { height: 34px; overflow:hidden; display:block; line-height:17px !important; }
.bh6 { height: 48px; overflow:hidden; display:block; line-height:16px !important }
.bh7 { height: 90px; overflow:hidden; display:block; line-height:16px !important }
.bh8 { height: 15px; overflow:hidden; display:block; }
.bh9 { height:90px; overflow:hidden;}

a.a1 { font-size: 13px; font-weight: bold; color:#2f527d; line-height:20px;}
a.a1:hover { color:#FF7700 }
a.a2 { font-size: 12px; color:#144277; line-height:20px; }
a.a2:hover { color:#FF7700 }
a.a3 { font-size: 13px; color:#006AAA; line-height:20px; }
a.a3:hover { color:#FF7700 }
a.a4 { font-size: 13px; font-weight: bold; color:#009CC3; line-height:20px;}
a.a4:hover { color:#FF7700 }
a.a5 { font-size: 12px; font-weight: bold; color:#009CC3; line-height:20px;}
a.a5:hover { color:#FF7700 }
a.a6 { font-size: 15px; font-weight: bold; color:#2f527d; line-height:20px;}
a.a6:hover { color:#FF7700 }
a.a7 { font-size: 16px; font-weight: bold; color:#5a5a5a; line-height:18px;}
a.a7:hover { color:#FF7700 }
a.a8 { font-size: 13px; color:#144277; line-height:20px; }
a.a8:hover { color:#FF7700 }
a.a8_rev { font-size: 13px; color:#FF7700; line-height:20px; }
a.a8_rev:hover { color:#144277 }
a.a9 { font-size: 13px; color:#FF8A00; line-height:20px; }
a.a9:hover { color:#FF7700 }
a.a10 { font-size: 13px; color:#53B062; line-height:20px; }
a.a10:hover { color:#FF7700 }
a.a11 { font-size: 13px; color:#F46D00 ; line-height:20px; }
a.a11:hover { color:#006AAA }
.pos { font-weight:bold; }
.neg { font-weight:bold; }
.unc { font-weight:bold; }
.bold{ font-weight:bold; }
	
.c_c { color:#ccc }
.c_9 { color:#999 }
.c_4A { color:#4A4A4A }
.c_d { color:#ddd }
.cls { letter-spacing:0px }
	
.pa { background:url("../images/oldmenu/pa_bg.png") repeat-x; height:48px; padding:0px 5px;}
.upipo {  height:43px;background:url("../images/oldmenu/up_ipo_bg.png") repeat-x; }
.upipo_label { background:url("../images/oldmenu/up_ipo_ico_tc.png") 0px 0px no-repeat; height:43px; width:90px;color:#fff;text-align:center;}
.upipo_subico_sel{background:url("../images/oldmenu/up_ipo_sel.png") 0px 0px no-repeat; height:15px; width:15px;float:left;cursor:default; font-size:12px}
.upipo_subico{height:15px; width:15px;float:left;cursor:pointer; font-size:12px}
.todaysfocus {height:67px; background:url("../images/oldmenu/todays_focus_bg_tc.png") 0px -67px repeat-x; }
.todaysfocus_label { background:url("../images/oldmenu/todays_focus_bg_tc.png") 0px 0px no-repeat; height:67px; width:88px;color:#fff;text-align:center;}
.tf_subico_sel{background:url("../images/oldmenu/tf_sel.png") 0px 0px no-repeat; height:15px; width:15px;float:left;cursor:default; font-size:12px}
.tf_subico{height:15px; width:15px;float:left;cursor:pointer; font-size:12px}
.ipoplus { background:url("../images/oldmenu/ipo_tab.png") repeat-x; height:20px; text-align:center; font-weight:bold; cursor:pointer }
.ipoplusover { background:url("../images/oldmenu/ipo_tab.png") 0px -20px repeat-x; height:20px; text-align:center; font-weight:bold }
.pointer { background:url("../images/oldmenu/pointer.png") 0px -18px no-repeat; height:18px; width:18px; cursor:pointer}
.pointerover { background:url("../images/oldmenu/pointer.png") 0px -0px no-repeat; height:18px; width:18px; }
.tbar { background:url("../images/oldmenu/tbar_bg.png") repeat-x; height:31px; padding-left:4px; padding-right:4px }
	
td.h1, td.h1a, td.h1b, td.h1c { background:url("../images/oldmenu/h1_bg.png") repeat-x; height:40px; padding:0px 5px; line-height:40px; color:#5A5A5A; font-size:19px; letter-spacing:0px;}
td.h1 {font-weight:normal }
td.h1a { border-top:solid 1px #ccc; font-weight:normal }
td.h1b { border-top:solid 1px #FF6600; color:#FF6600 }
td.h1c { border-top:solid 1px #00886A; color:#00886A; }
td.h2 { border-top:solid 1px #E5E5E5; padding:3px 5px; }
td.h3 { padding:3px 5px; font-size:16px; font-weight:bold; color:#5a5a5a;}
td.h4 { background:#D5EDF7; color:#004A66; }
td.pad3, th.pad3 { padding-left:3px; padding-right:3px; }
td.pad3TopDown, th.pad3TopDown { padding-top:3px; padding-bottom:3px; }
td.pad7, th.pad7 { padding-left:7px; padding-right:7px; }
td.pad3All, th.pad3All { padding:3px; }
td.pad3left, th.pad3left { padding:3px 0px 3px 3px; }
td.pad3right, th.pad3right { padding:3px 3px 3px 0px; }

tr.adr td.c2 { background:#F5F5F5 }

table.t1 { border:solid 1px #026892; font-size:12px }
table.t2 { border:solid 1px #ccc; font-size:12px }
table.t1 th.th1, table.t2 th.th1 { background:url("../images/oldmenu/th_bg.png") repeat-x; height:22px; color:#fff; font-weight:bold }
	
.top_bar_bg_l { background:url("../images/oldmenu/top_bar_bg.png") 0px 0px no-repeat; height:19px; width:3px; float:left }
.top_bar_bg_m { background:url("../images/oldmenu/top_bar_bg.png") 0px -19px repeat-x; height:19px; float:left }
.top_bar_bg_r { background:url("../images/oldmenu/top_bar_bg.png") 0px -38px no-repeat; height:19px; width:3px; float:left }

.imgMore { cursor:pointer; }
span.box {  }

.followimg {padding-left:3px;}
.f15{font-size:15px;}

.survey { }
.survey td.p1 { background:url("../images/oldmenu/survey/bubble_l_topcorner.png"); width:4px; height:6px; }
.survey td.p2 { background:url("../images/oldmenu/survey/bubble_top.png") repeat-x; height:6px; }
.survey td.p3 { background:url("../images/oldmenu/survey/bubble_r_topcorner.png"); width:16px; height:6px; }
.survey td.p4 { background:url("../images/oldmenu/survey/bubble_left.png") repeat-y; width:4px; }
.survey td.p6 { background:url("../images/oldmenu/survey/bubble_right.png") repeat-y; width:16px; }
.survey td.p7 { background:url("../images/oldmenu/survey/bubble_l_bottomcorner.png"); width:4px; height:6px; }
.survey td.p8 { background:url("../images/oldmenu/survey/bubble_bottom.png") repeat-x; height:6px; }
.survey td.p9 { background:url("../images/oldmenu/survey/bubble_r_bottomcorner.png"); width:16px; height:6px; }

.styled-select select {
   background: transparent;
   width: 100px;
   font-size: 12px;
   border: 0;
   height: 17px;
}

.styled-select { width: 80px;
   height: 17px;
   overflow: hidden;
   border: 1px solid #ccc;
   background: url(../images/oldmenu/ddl_bg.png) no-repeat right #fff;
}