* { color: #4b4b4b; font-family:Arial, Helvetica, sans-serif; } html, body { font-size: 11px; width: 100%; height: auto; margin: 0; padding: 0; background-color: #E2E2E2; } img { border: 0; } table { border-collapse: collapse; } table, tr, td { border: 1; padding: 0; margin: 0; } td { text-align: left } ul, li { padding: 0; margin: 0 } div { text-align: left } /** Page **/ #pageWrapper { width: 100%; height: 100%; background-color: #E2E2E2; text-align: center } #page { position: relative; width: 945px; margin: 0px auto 0px auto; padding: 20px 0 20px 0; } #popupPage { position: relative; width: 817px; margin: 0px auto 0px auto; padding: 20px 0 20px 0; } #popupPage2 { position: relative; width: 995px; margin: 0px auto 0px auto; padding: 20px 0 20px 0; } /** Header **/ #headerWrapper { margin-bottom: 10px; } #popupHeaderWrapper { margin-bottom: 0px; } #close { position: absolute; top: 10px; right: 10px; } #popupBorderBottom { position: relative; height: 15px; background-image: url(../images/popup_bottom.gif); background-repeat: no-repeat; display: block; } #subHeaderWrapper_01 { position: relative; height: 28px; width: 100%; display: block; margin: 0; padding: 0 } #globalNav { position: absolute; } #globalNav * { font-size: 13px } #globalNav ul { padding: 0; margin: 0; list-style: none; vertical-align:bottom; margin:auto; } #globalNav li { float: left; margin: 0 0px 0 0; } #globalNav li:last-child { margin: 0 0 0 0px; } #globalNav a { display: block; height: 28px; text-decoration: none; background-position: 0px 0px; background-repeat: no-repeat; } #globalNav span { visibility: hidden } #g0 a { width: 80px; background-image:url(/sc/images/g0.gif); } #g1 a { width: 79px; background-image:url(/sc/images/g1.gif); } #g2 a { width: 80px; background-image:url(/sc/images/g2.gif); } #g3 a { width: 80px; background-image:url(/sc/images/g3.gif); } #g4 a { width: 80px; background-image:url(/sc/images/g4.gif); } #g5 a { width: 106px; background-image:url(/sc/images/g5.gif); } #g6 a { width: 106px; background-image:url(/sc/images/g6.gif); } #g7 a { width: 80px; background-image:url(/sc/images/g7.gif); } #fontSizeControl { position: absolute; right: 160px; bottom: 4px; } #fontSizeControl ul { list-style: none; } #fontSizeControl li { float: left; margin: 0 0 0 3px; } #fontSizeControl li:first-child { margin: 0 0 0 0px; } #lang { position: absolute; right: 0; bottom: 4px; } #lang ul { list-style: none; } #lang li { float: left; margin: 0 0 0 14px; } #lang a { color: #9e9e9e; text-decoration: none; } /** #lang a:hover { color: #6e3594 } **/ #lang a:hover { color: #005BAC } #lang a.hightlight { color: #6e3594 } #subHeaderWrapper_02 { position: relative; height: 76px; background-color: #FFF;; z-index: 1001 } #logoTaifook { position: absolute; top: 10px; left: 15px; } #logoTaifook a { display: block; background-image: url(/sc/images/logo_haitong.png); width: 194px; height: 25px; } #logoTaifook span { display: none } #btn_fontsize_s { display:block; width: 15px; height: 15px; background-image:url(/sc/images/btn_fontsize_s.gif) } #btn_fontsize_s.on { background-image:url(/sc/images/btn_fontsize_s_on.gif) } #btn_fontsize_s span { display:none; } #btn_fontsize_m { display:block; width: 15px; height: 15px; background-image:url(/sc/images/btn_fontsize_m.gif) } #btn_fontsize_m.on { background-image:url(/sc/images/btn_fontsize_m_on.gif) } #btn_fontsize_m span { display:none; } #btn_fontsize_l { display:block; width: 15px; height: 15px; background-image:url(/sc/images/btn_fontsize_l.gif) } #btn_fontsize_l.on { background-image:url(/sc/images/btn_fontsize_l_on.gif) } #btn_fontsize_l span { display:none; } #clientLogin { position: relative; }#clientLoginPopup { position: absolute; left: -17px; top: 20px; background-image:url(/sc/images/client_popup_bg.png); background-repeat: no-repeat; behavior: url(/sc/css/iepngfix.htc); width: 165px; height: 137px; z-index: 1001; padding: 30px 0px 0px 20px; display: none; }#clientLoginPopup ul { list-style: none; margin-top: 8px; }#clientLoginPopup ul li { padding-bottom: 5px; }#searchBox { position: absolute; top: 15px; right: 15px; } #searchBox #searchString { width: 197px; border: 1px solid #d6d6d6; } #subHeaderWrapper_03 { position: relative; height: 19px; background-image: url(/sc/images/nav_bg.jpg); background-repeat: repeat-x; z-index: 999 } #nav { position: absolute; top: 0px; left: 0px; } #nav * { font-size: 11px; color: #5c5d5f; } #nav ul { padding: 0px 0 0 10px; margin: 0; list-style: none; } #nav li { float: left; margin: 0 0px 0 0px; } #nav a { height: 19px; text-decoration: none; display:block; background-position: 0px 0px; background-repeat: no-repeat; } /* #nav a:hover { background-position: 0px -19px; } */ #nav td a { text-decoration: underline; background-image: none; display: inline; font-weight: normal; line-height: 20px; } #nav td a.nav_head { font-weight: bold; line-height: normal; } #nav span { display: none; } #nav_0 a { width: 54px; height: 19px; background-image:url(/sc/images/nav_0.gif); } #nav_1 a { width: 56px; height: 19px; background-image:url(/sc/images/nav_1.gif); } #nav_2 a { width: 80px; height: 19px; background-image:url(/sc/images/nav_2.gif); } #nav_3 a { width: 95px; height: 19px; background-image:url(/sc/images/nav_3.gif); } #nav_4 a { width: 111px; height: 19px; background-image:url(/sc/images/nav_4.gif); } #nav_5 a { width: 149px; height: 19px; background-image:url(/sc/images/nav_5.gif); } #nav_6 a { width: 135px; height: 19px; background-image:url(/sc/images/nav_6.gif); } #nav_7 a { width: 96px; height: 19px; background-image:url(/sc/images/nav_7.gif); } .nav_sub { position: absolute; top: 19px; display: none; } .nav_sub * { white-space: nowrap; } #nav_0_sub { width: 0; height: 0; } #nav_1_sub { left: 10px; } #nav_2_sub { left: 10px; } #nav_3_sub { left: 115px; } #nav_4_sub { left: 235px; } #nav_5_sub { left: 20px; } #nav_6_sub { left: 500px; } #nav_7_sub { width: 0; height: 0; visibility: hidden; } #nav1 { position: absolute; top: 0px; left: 0px; } #nav1 * { font-size: 11px; color: #5c5d5f; } #nav1 ul { padding: 0px 0 0 10px; margin: 0; list-style: none; } #nav1 li { float: left; margin: 0 0px 0 0px; } #nav1 a { height: 19px; text-decoration: none; display:block; background-position: 0px 0px; background-repeat: no-repeat; } /* #nav1 a:hover { background-position: 0px -19px; } */ #nav1 td a { text-decoration: underline; background-image: none; display: inline; font-weight: normal; line-height: 20px; } #nav1 span { display: none; } #nav1_0 a { width: 59px; height: 19px; background-image:url(/sc/aboutus/images/nav1_0.gif); } #nav1_1 a { width: 79px; height: 19px; background-image:url(/sc/aboutus/images/nav1_1.gif); } #nav1_2 a { width: 125px; height: 19px; background-image:url(/sc/aboutus/images/nav1_2.gif); } #nav1_3 a { width: 84px; height: 19px; background-image:url(/sc/aboutus/images/nav1_3.gif); } #nav1_4 a { width: 84px; height: 19px; background-image:url(/sc/aboutus/images/nav1_4.gif); } .nav1_sub { position: absolute; top: 19px; display: none; } .nav1_sub * { white-space: nowrap; } #nav1_1_sub { left: 35px; } #nav1_2_sub { left: 141px; } #nav2 { position: absolute; top: 0px; left: 0px; } #nav2 * { font-size: 11px; color: #5c5d5f; } #nav2 ul { padding: 0px 0 0 10px; margin: 0; list-style: none; } #nav2 li { float: left; margin: 0 0px 0 0px; } #nav2 a { height: 19px; text-decoration: none; display:block; background-position: 0px 0px; background-repeat: no-repeat; } /* #nav2 a:hover { background-position: 0px -19px; } */ #nav2 td a { text-decoration: underline; background-image: none; display: inline; font-weight: normal; line-height: 20px; } #nav2 span { display: none; } #nav2_0 a { width: 51px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_0.gif); } #nav2_1 a { width: 130px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_1.gif); } #nav2_2 a { width: 145px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_2.gif); } #nav2_3 a { width: 76px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_3.gif); } #nav2_4 a { width: 74px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_4.gif); } #nav2_5 a { width: 75px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_5.gif); } #nav2_6 a { width: 116px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_6.gif); } #nav2_7 a { width: 78px; height: 19px; background-image:url(/sc/wealth_mgt/images/nav2_7.gif); } #nav3 { position: absolute; top: 0px; left: 0px; } #nav3 * { font-size: 11px; color: #5c5d5f; } #nav3 ul { padding: 0px 0 0 10px; margin: 0; list-style: none; } #nav3 li { float: left; margin: 0 0px 0 0px; } #nav3 a { height: 19px; text-decoration: none; display:block; background-position: 0px 0px; background-repeat: no-repeat; } /* #nav3 a:hover { background-position: 0px -19px; } */ #nav3 td a { text-decoration: underline; background-image: none; display: inline; font-weight: normal; line-height: 20px; } #nav3 span { display: none; } #nav3_0 a { width: 54px; height: 19px; background-image:url(/sc/cs/images/nav3_0.gif); } #nav3_1 a { width: 80px; height: 19px; background-image:url(/sc/cs/images/nav3_1.gif); } #nav3_2 a { width: 82px; height: 19px; background-image:url(/sc/cs/images/nav3_2.gif); } #nav3_3 a { width: 109px; height: 19px; background-image:url(/sc/cs/images/nav3_3.gif); } #nav3_4 a { width: 80px; height: 19px; background-image:url(/sc/cs/images/nav3_4.gif); } #nav3_5 a { width: 83px; height: 19px; background-image:url(/sc/cs/images/nav3_5.gif); } #nav3_8 a { width: 82px; height: 19px; background-image:url(/sc/cs/images/nav3_8.gif); } #nav3_6 a { width: 81px; height: 19px; background-image:url(/sc/cs/images/nav3_6.gif); } #nav3_7 a { width: 80px; height: 19px; background-image:url(/sc/cs/images/nav3_7.gif); } #nav3_9 a { width: 80px; height: 19px; background-image:url(/sc/cs/images/nav3_9.gif); } #nav4 { position: absolute; top: 0px; left: 0px; } #nav4 * { font-size: 11px; color: #5c5d5f; } #nav4 ul { padding: 0px 0 0 10px; margin: 0; list-style: none; } #nav4 li { float: left; margin: 0 0px 0 0px; } #nav4 a { height: 19px; text-decoration: none; display:block; background-position: 0px 0px; background-repeat: no-repeat; } /* #nav3 a:hover { background-position: 0px -19px; } */ #nav4 td a { text-decoration: underline; background-image: none; display: inline; font-weight: normal; line-height: 20px; } #nav4 span { display: none; } #nav4_0 a { width: 51px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_0.gif); } #nav4_1 a { width: 74px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_1.gif); } #nav4_2 a { width: 114px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_2.gif); } #nav4_3 a { width: 145px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_3.gif); } #nav4_4 a { width: 74px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_4.gif); } #nav4_5 a { width: 74px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_5.gif); } #nav4_6 a { width: 109px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_6.gif); } #nav4_7 a { width: 74px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_7.gif); } #nav4_8 a { width: 74px; height: 19px; background-image:url(/sc/asset_mgt/images/nav4_8.gif); } /* #nav4_1_sub { left: 40px; } #nav4_2_sub { left: 155px; } */ #nav5 { position: absolute; top: 0px; left: 0px; } #nav5 * { font-size: 11px; color: #5c5d5f; } #nav5 ul { padding: 0px 0 0 10px; margin: 0; list-style: none; } #nav5 li { float: left; margin: 0 0px 0 0px; } #nav5 a { height: 19px; text-decoration: none; display:block; background-position: 0px 0px; background-repeat: no-repeat; } #nav5 td a { text-decoration: underline; background-image: none; display: inline; font-weight: normal; line-height: 20px; } #nav5 span { display: none; } #nav5_0 a { width: 54px; height: 19px; background-image:url(/sc/corp_fin/images/nav5_0.gif); } #nav5_1 a { width: 106px; height: 19px; background-image:url(/sc/corp_fin/images/nav5_1.gif); } #nav5_2 a { width: 79px; height: 19px; background-image:url(/sc/corp_fin/images/nav5_2.gif); } #stockPriceControlWrapper { position: relative; z-index: 1000 } #stockPriceControl { position: absolute; right: 10px; top: -19px;} #stockPriceControl a { display: block; width: 95px; height: 19px; background-image:url(/sc/images/btn_stock_price.png); behavior: url(/sc/css/iepngfix.htc); cursor: pointer; } #stockPriceControl a.off { display: block; width: 95px; height: 19px; background-image:url(/sc/images/btn_stock_price_off.png); behavior: url(/sc/css/iepngfix.htc); cursor: pointer; } #stockPriceControl span { display: none; } #subStockPriceControlWrapper { position: relative; } .popup_top { background: url(/sc/images/pop_t.png) repeat-x; height: 4px; } .popup_bottom { background: url(/sc/images/pop_b.png) repeat-x; height: 12px; } .popup_left { background: url(/sc/images/pop_l.png) repeat-y; width: 10px; } .popup_right { background: url(/sc/images/pop_r.png) repeat-y; width: 10px; } .popup_content { padding: 10px; background-color: #fafcfe; } #submenuWrapper { padding-left: 10px; height: 31px; } #submenuWrapper ul { padding: 0px 0 0 0px; margin: 0; list-style: none; } #submenuWrapper ul li { float: left; margin: 0; } #submenuWrapper ul li ul { margin: 7px; } #submenuWrapper ul li ul li { margin: 0 12px 0 12px; } #submenuWrapper * { font-size: 12px; } #submenuWrapper a { text-decoration: none } #submenuWrapper a:hover { text-decoration: underline } #submenuWrapper a.on { color: #6e3594 } /** Stock Panel **/ #subHeaderWrapper_04 { position: relative; background:#FFF; background-image:url(/sc/images/header_04_bg.jpg); background-repeat:repeat-x; zoom: 1; width: 945px; } #subHeaderWrapper_04_bottom { background-image: url(/sc/images/header_04_bottom.jpg); height: 10px; background-repeat: no-repeat; } #stockPanelWrapper { position: relative; height: 62px; overflow: hidden; } #stockPanel { position: absolute; left: 0; bottom: 0; height: 62px; width: 100%; background-repeat: no-repeat; text-align:center; background-image:url(/sc/images/pop_up_bg.png); background-repeat:no-repeat; behavior: url(/sc/css/iepngfix.htc); background-position: 10px 0 } #stockPanelInnerWrapper { position: relative; height: 62px; width: 925px; margin: 0 auto 0 auto; overflow:hidden; } #stockPanelContent { position: absolute; left: 0px; top: 0px; } #stockDefault { position: absolute; left: 0px; padding-top: 8px; padding-left: 16px; width: 600px; } #stockDefault * { font-size: 13px; } #stockSearchBox { position: absolute; left: 620px; padding-top: 12px; width: 400px; } #stockSearchBox * { font-size: 12px; } #stockSearchBox .label { font-size: 13px; font-weight: bold; } .btnClose { position: absolute; bottom: 8px; right: 24px; font-size: 11px; text-align: right; } .btnClose a { font-size: 11px; } #stockSearchBox #btnLeft { display: block; width: 16px; height: 46px; background-image:url(/sc/images/btn_left.jpg); background-repeat: no-repeat } #stockSearchBox #btnLeft.on { display: block; width: 16px; height: 46px; background-image:url(/sc/images/btn_left_on.jpg); background-repeat: no-repeat } #stockSearchBox #btnLeft span { visibility: hidden } #stockSearchBox .searchString { width: 96px; border: 1px solid #d6d6d6; } #stockSearchResult { position: absolute; left: 945px; padding-top: 8px; width: 600px } #stockSearchResult * { font-size: 12px; } #home_warning { height: 25px; width: 926px; background-image:url(/sc/images/warning_bg.jpg); text-align:center; vertical-align: middle; padding-top: 10px; margin: 5px 0 0 10px; font-size: 12px; } /** Content **/ #contentWrapper { position: relative; background-color: #FFF; height: 100%; } #contentBorderTop { position: relative; height: 10px; background-image: url(/sc/images/content_border_top.jpg); background-repeat: no-repeat; display: block; } #contentBorderBottom { position: relative; height: 10px; background-image: url(/sc/images/content_border_bottom.jpg); background-repeat: no-repeat; display: block; } #content { width: 900px; float: left; padding-left: 20px; padding-top: 5px; background-color:#FFFFFF; } #contentLeft { width: 218px; float: left; padding-left: 20px; padding-top: 5px; background-color:#FFFFFF; } #contentRight { width: 680px; float: left; padding-left: 20px; padding-top: 5px; background-color:#FFFFFF; } #popupContent { width: 777px; float: left; padding-left: 20px; padding-top: 5px; background-color:#FFFFFF; } ul.shortList {padding-left:15px; list-style:none;} ul.shortList li {padding-bottom:5px;} ul.shortList2 {padding-left:15px;} ul.shortList2 li {padding-bottom:5px;} /** Footer **/ #subFooterWrapper_01 { position: relative; margin-top: 25px; } #subFooterWrapper_01 a { text-decoration: none; font-size: 12px; } #subFooterWrapper_01 a:hover { text-decoration: underline; font-size: 12px; } #subFooterWrapper_02 { position: relative; margin-top: 15px; } /** Misc **/ .clearer { clear: both; } /** Section **/ .loginTitle { height:31px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; background-image: url(/sc/images/login_top.gif); background-repeat: no-repeat; padding-left:18px; padding-right:15px; } .loginOn { height:20px; background-image: url(/sc/images/login_bg_on.gif); background-repeat: no-repeat; color:#f39700; padding-left:40px; cursor:pointer; font-size: 12px; } .loginOff { height:20px; background-image: url(/sc/images/login_bg_off.gif); background-repeat: no-repeat; color:#FFFFFF; padding-left:40px; cursor:pointer; font-size: 12px; } /**@@@ .color1 { color:#6C3394; } **/ .color1 { color:#005BAC; } /**@@@ .color2 { color:#f39700; } **/ .color2 { color:#f39700; } .color3 { color:#8C8C8C; font-size:9px; } a.color1:link {color:#005BAC;} a.color1:visited {color:#005BAC;} a.color1:hover {color:#005BAC;} a.color2 { text-decoration: none } a.color2:hover { color:#ffa665;} a.color2 span { text-decoration: underline; } a.color2:link span { color:#f39700;} a.color2:visited span {color:#f39700;} a.color2:hover span {color:#ffa665;} .sectionTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height: 100%; color:#005bac; padding:10px 0px 10px 15px; } .sectionTitleLink { font-size:12px; font-weight:bold; color:#f39700; padding:5px 15px 0px 15px; line-height:150%; text-align: right; } .sectionTitleLink * { text-decoration: underline; } .sectionTitle2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; line-height: 100%; color:#005bac; padding:10px 0px 10px 0px; } .block_content { color:#4B4B4B; padding-left:15px; padding-right:15px; line-height: 170%; vertical-align:top; } .block_bg_top1 { width:218px; background-image: url(/sc/images/block_bg1_top.gif); background-repeat:no-repeat; } .block_bg1 { background-image: url(/sc/images/block_bg1_bg.gif); background-repeat:repeat-y;} .block_bg_top2 { width:408px; background-image: url(/sc/images/block_bg2_top.gif); background-repeat:no-repeat; } .block_bg2 { background-image: url(/sc/images/block_bg2_bg.gif); background-repeat:repeat-y;} .block_bg_top3 { width:233px; background-image: url(/sc/images/block_bg3_top.gif); background-repeat:no-repeat; } .block_bg3 { background-image: url(/sc/images/block_bg3_bg.gif); background-repeat:repeat-y;} .block_bg_top7 { width:655px; background-image: url(/sc/images/block_bg7_top.gif); background-repeat:no-repeat; } .block_bg7 { background-image: url(/sc/images/block_bg7_bg.gif); background-repeat:repeat-y;} .block_bg_top8 { width:890px; background-image: url(/sc/images/block_bg8_top.gif); background-repeat:no-repeat; } .block_bg8 { background-image: url(/sc/images/block_bg8_bg.gif); background-repeat:repeat-y;} .block_bg_top9 { width:320px; background-image: url(/sc/images/block_bg9_top.gif); background-repeat:no-repeat; } .block_bg9 { background-image: url(/sc/images/block_bg9_bg.gif); background-repeat:repeat-y;} .block_bg_top10 { width:950px; background-image: url(/sc/images/block_bg10_top.gif); background-repeat:no-repeat; } .block_bg10 { background-image: url(/sc/images/block_bg10_bg.gif); background-repeat:repeat-y;} .block_bg_top11 { width:785px; background-image: url(/sc/images/block_bg11_top.gif); background-repeat:no-repeat; } .block_bg11 { background-image: url(/sc/images/block_bg11_bg.gif); background-repeat:repeat-y;} .icon { text-align:center; vertical-align:top; padding:5px 5px 0px 5px; } .dbg { background-color:#E0E0E0; padding: 5px 15px 5px 15px; }/*grey */ .lbg { background-color:#F4F4F4; padding: 5px 15px 5px 15px; } /*light grey */ .obg { background-color:#FFF0DA; padding: 2px 2px 2px 2px; } /* orange */ .path { padding:5px 0px 5px 10px; } /** Commentator Slider **/ .comment { position:relative; background: url(/sc/images/bg.gif) no-repeat 0 0; width: 905px; height: 175px; text-align:center; margin:40px 0 0 20px; } .comment_header{ position:relative; text-align:left; padding: 0px 0px 0px 0px; width: 100%; } .infiniteCarousel { width: 865px; position: relative; padding-left: 20px; padding-right: 20px; } .infiniteCarousel * { font-size: 12px; } .infiniteCarousel .wrapper { width: 855px; overflow: hidden; height: 120px; min-height: 12em; margin: 0 5px; position: absolute; top: 0; } .infiniteCarousel ul a img { border: none; /*border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } .infiniteCarousel .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; } .infiniteCarousel ul li { display:block; float:left; padding: 10px; height: 85px; width: 155px; } .infiniteCarousel ul li div { text-align:left; } .infiniteCarousel ul li div table { font-size:11px; } .infiniteCarousel ul li a img { display:block; } .infiniteCarousel .arrow { display: block; height: 22px; width: 30px; background: url(/sc/images/arrow.gif) no-repeat 0 0; text-indent: -999px; position: absolute; top: 55px; cursor: pointer; } .infiniteCarousel .forward { background-position: 0 0; right: 0; } .infiniteCarousel .back { background-position: 0 -44px; left: 0; } .infiniteCarousel .forward:hover { background-position: 0 -22px; } .infiniteCarousel .back:hover { background-position: 0 -66px; } /**Wealth Management**/ .wm_main { background: url(/sc/images/wm_main_bg.gif) no-repeat 0 0; text-align:center; vertical-align:middle; padding-left:15px;} .wm_main_txt { line-height:160%; } .form_margin { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1px 0px; } .infiniteCarousel .back:hover { background-position: 0 -66px; } .contactUs_form { margin:1px 0px; } /**Asset Management**/ .asset_dis { font-size: 10px; } .asset_term { font-size: 10px; } /** Commentator Slider 2 by sean, used in market news page**/ .comment2 { position:relative; background: url(/sc/images/bg2.gif) no-repeat 0 0; width: 408px; height: 285px; text-align:center; } .comment_header2{ position:relative; text-align:left; padding: 0px 0px 0px 0px; width: 100%; } .infiniteCarousel2 { width: 368px; position: relative; padding-left: 20px; padding-right: 20px; } .infiniteCarousel2 .wrapper { width: 360px; overflow: hidden; height: 250px; min-height: 12em; margin: 0 5px; position: absolute; top: 0; } .infiniteCarousel2 ul a img { border: none; /*border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } .infiniteCarousel2 .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; } .infiniteCarousel2 ul li { display:block; float:left; padding: 10px; height: 85px; width: 155px; } .infiniteCarousel2 ul li div { text-align:left; } .infiniteCarousel2 ul li div table { font-size:11px; } .infiniteCarousel2 ul li a img { display:block; } .infiniteCarousel2 .arrow { display: block; height: 22px; width: 30px; background: url(/sc/images/arrow.gif) no-repeat 0 0; text-indent: -999px; position: absolute; top: 105px; cursor: pointer; } .infiniteCarousel2 .forward { background-position: 0 0; right: 0; } .infiniteCarousel2 .back { background-position: 0 -44px; left: 0; } .infiniteCarousel2 .forward:hover { background-position: 0 -22px; } .infiniteCarousel2 .back:hover { background-position: 0 -66px; } /** WebTV Slider by Alvin, used in WebTV page**/ .webtv { position:relative; background: url(/sc/images/bg7.gif) no-repeat 0 0; width: 615px; height: 180px; text-align:center; } .webtv_header { position:relative; text-align:left; padding: 0px 0px 0px 0px; width: 100%; } .infiniteCarousel3 { width: 615px; position: relative; padding-left: 20px; padding-right: 20px; } .infiniteCarousel3 .wrapper { width: 600px; overflow: hidden; height: 180px; min-height: 12em; margin: 0 5px; position: absolute; top: 0; } .infiniteCarousel3 ul a img { border: none; /*border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } .infiniteCarousel3 .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; } .infiniteCarousel3 ul li { display:block; float:left; padding: 10px; height: 85px; width: 190px; } .infiniteCarousel3 ul li div { text-align:left; } .infiniteCarousel3 ul li div table { font-size:11px; } .infiniteCarousel3 ul li div table tr td { padding-bottom:5px; } .infiniteCarousel3 ul li a img { display:block; } .infiniteCarousel3 .arrow { display: block; height: 22px; width: 30px; background: url(/sc/images/arrow.gif) no-repeat 0 0; text-indent: -999px; position: absolute; top: 60px; cursor: pointer; } .infiniteCarousel3 .forward { background-position: 0 0; right: 0; } .infiniteCarousel3 .back { background-position: 0 -44px; left: 0; } .infiniteCarousel3 .forward:hover { background-position: 0 -22px; } .infiniteCarousel3 .back:hover { background-position: 0 -66px; } /**ray for seminar , newpromotion**/ .newpro_purple{ color:#6e3594; } #newpro_contentLeft{ width:645px; float: left; padding-left: 20px; padding-top: 5px; background-color:#FFFFFF; } #newpro_contentRight{ width:231px; float: left; padding-left: 20px; padding-top: 5px; background-color:#FFFFFF; } #newpro_left_tb{ background: #e3e3e2 url(/sc/images/newpro_left_tb_top.gif); background-repeat: repeat-x; } .newpro_right_tb_box{ background: #f7f7f7 url(/sc/images/newpro_right_tb_top.gif) no-repeat; margin-bottom: 13px; } .newpro_ul{ list-style-type:none; } .newpro_ul li{ line-height: 18px; } #seminar_calendar td{ text-align: center; font-family: Arial, Helvetica, sans-serif; } #seminar_calendar .currentDate{ background: transparent url(/sc/promotion/images/seminar_calendar_today.gif) no-repeat center; color:black; } #seminar_calendar .seminarDate{ background: transparent url(/sc/promotion/images/seminar_calendar_seminar.gif) no-repeat center; color:black; } #seminar_calendar .seminarTodayDate{ background: transparent url(/sc/promotion/images/seminar_calendar_seminar_today.gif) no-repeat center; color:black; } #seminar_calendar .disableDate{ background: transparent url(/sc/promotion/images/seminar_calendar_highlight_on.gif) no-repeat center; color:white; } .seminar_calendar_topbar_title{ text-align: center; font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; } .seminar_calendar_topbar{ background: transparent url(/sc/promotion/images/seminar_calendar_bar.gif) no-repeat center; } .seminar_left_tb_box_title{ height: 35px; color:#005BAC; width: 60%; float: left; } .seminar_left_tb_box_date{ height: 35px; color:#005BAC; width: 40%; float: left; text-align: right; } .seminar_left_tb_box_back{ color: #df5d1f; width: 10%; float: left; text-align: right; } .seminar_left_tb_box_back a{ color: #df5d1f; } .newpro_right_tb_box_title{ padding: 10px 20px 0 20px; } .newpro_right_tb_box_text div{ margin: 0 0 3px 0; } .newpro_right_tb_box_text{ padding: 0 20px 0 20px; } #newpro_left_tb_content{ } #newpro_left_tb_footer{ background: transparent url(/sc/images/newpro_left_tb_bottom.gif) no-repeat ; height: 30px; } .newpro_left_tb_box{ padding: 10px 20px 0 20px; } .newpro_left_tb_box_title{ /**color:#6e3594;**/ color:#005bac; font-size: 13px; width: 70%; float: left; } .newpro_left_tb_box_date{ color:#6e3594; font-size: 13px; width: 30%; float: left; text-align: right; letter-spacing: 3px; } .newpro_left_tb_box_text{ padding: 10px 0 10px 0; line-height: 15px; letter-spacing: 0px; } .newpro_left_tb_box_button{ /*padding: 0px 0 5px 0;*/ letter-spacing: 10px; } .newpro_left_tb_box_line{ padding: 10px 0 0 0; } /** ray **/ /** Account Openning **/ .ao-input { margin:2px 0px; } /** Commentary **/ .commentary_padding { padding:5px 10px 5px 10px; vertical-align:top; } .commentary_title { } /** Link in Security and Futures**/ .normal_a { text-decoration:none; } .normal_a:hover { text-decoration:underline; } /** Quotation **/ .reference { vertical-align:baseline; padding-top:10px;} .reference_price { font-size:36px; } .reference_price2 { font-size:20px; } /** Asset Management **/ .line { height:1px; background-color:#CCCCCC;} /** tab **/ .offer { padding-top:10px; } #rc_tab { list-style:none; width:100%; } #rc_tab li { float:left; margin:0px; } #hkf_tab { list-style:none; width:100%; } #hkf_tab li { float:left; margin:0px; } #pfo_tab { list-style:none; width:100%; } #pfo_tab li { float:left; margin:0px; } #cies_tab { list-style:none; width:100%; } #cies_tab li { float:left; margin:0px; } #webf_tab { list-style:none; width:100%; } #webf_tab li { float:left; margin:0px; } #bonds_tab { list-style:none; width:100%; } #bonds_tab li { float:left; margin:0px; } #comm_tab { list-style:none; width:100%; } #comm_tab li { float:left; margin:0px; } .tab_on { background-image:url(/sc/images/tab_bg_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:75px; height:17px; cursor:pointer; } .tab_off { background-image:url(/sc/images/tab_bg.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:75px; height:17px; cursor:pointer; } .tab1_on { background-image:url(/sc/images/tab_bg1_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:105px; height:17px; cursor:pointer; } .tab1_off { background-image:url(/sc/images/tab_bg1.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:105px; height:17px; cursor:pointer; } .tab2_on { background-image:url(/sc/images/tab_bg2_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:120px; height:17px; cursor:pointer; } .tab2_off { background-image:url(/sc/images/tab_bg2.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:120px; height:17px; cursor:pointer; } .rclist_title { text-align:center; color:#6C3394;} /* ------------------------------------------ For handling HanKan translation (By Tony) ------------------------------------------*/ .http://gb.htisec.com/gb/www.htisec.com/sc/securities/tab_on { background-image:url(/sc/images/tab_bg_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:75px; height:17px; cursor:pointer; } .http://gb.htisec.com/gb/www.htisec.com/sc/securities/tab_off { background-image:url(/sc/images/tab_bg.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:75px; height:17px; cursor:pointer; } .http://gb.htisec.com/gb/www.htisec.com/sc/securities/tab1_on { background-image:url(/sc/images/tab_bg1_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:105px; height:17px; cursor:pointer; } .http://gb.htisec.com/gb/www.htisec.com/sc/securities/tab1_off { background-image:url(/sc/images/tab_bg1.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:105px; height:17px; cursor:pointer; } .http://gb.htisec.com/gb/www.htisec.com/sc/securities/tab2_on { background-image:url(/sc/images/tab_bg2_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:120px; height:17px; cursor:pointer; } .http://gb.htisec.com/gb/www.htisec.com/sc/securities/tab2_off { background-image:url(/sc/images/tab_bg2.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:120px; height:17px; cursor:pointer; } /* -------------------------------------------------------------------------------------------------------------------------------*/ .rclist_line { width:1px; background-color:#d7d7d7; } .rclist_content { font-family:Arial, Helvetica, sans-serif; color:#4B4B4B; text-align:center; vertical-align:top; padding:10px 5px 10px 0px; line-height:150%;} .rclist_contentl { font-family:Arial, Helvetica, sans-serif; color:#4B4B4B; text-align:left; vertical-align:top; padding:10px 5px 10px 0px; line-height:150%;} .rclist_content1 { font-family:Arial, Helvetica, sans-serif; background-color:#ffe0d0; color:#4B4B4B; text-align:center; vertical-align:top; padding:10px 5px 10px 0px; line-height:150%;} .rclist_content1l { font-family:Arial, Helvetica, sans-serif; background-color:#ffe0d0; color:#4B4B4B; text-align:left; vertical-align:top; padding:10px 5px 10px 0px; line-height:150%;} .rcli { padding:3px 0px 3px 0px; } .rcli1 { padding:3px 0px 3px 0px; background-color:#ffe0d0; } .rcsep { height:3px; } .rcsep1 { height:3px; background-color:#ffe0d0; } /** Popup Fees and Commission **/ .pfcfirst { font-family:Arial, Helvetica, sans-serif; color:#4B4B4B; text-align:left; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:20px;} .pfcfirstl { font-family:Arial, Helvetica, sans-serif; background-color:#EAEAEA; color:#4B4B4B; text-align:left; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:20px;} .pfclist_content { font-family:Arial, Helvetica, sans-serif; color:#4B4B4B; text-align:center; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px;} .pfclist_content2 { font-family:Arial, Helvetica, sans-serif; color:#f39700; text-align:left; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px;} /** .pfclist_contentl { font-family:Arial, Helvetica, sans-serif; background-color:#ffe0d0; color:#4B4B4B; text-align:center; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px;} **/ .pfclist_contentl { font-family:Arial, Helvetica, sans-serif; background-color:#EAEAEA; color:#4B4B4B; text-align:center; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px;} /** .pfclist_contentl2 { font-family:Arial, Helvetica, sans-serif; background-color:#ffe0d0; color:#f39700; text-align:left; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px;} **/ .pfclist_contentl2 { font-family:Arial, Helvetica, sans-serif; background-color:#EAEAEA; color:#f39700; text-align:left; vertical-align:top; line-height:150%; padding-top:5px; padding-right:5px; padding-bottom:5px;} .pfcpage { padding:10px 20px 10px 0px; text-align:right; } .pfcpage a { text-decoration:none; padding:0px 2px 0px 2px; } /** Online Demo **/ .demo_line { text-align:center; padding-top:5px; padding-bottom:4px; } .demo { width:205px; height:74px; margin-right:0px; margin-bottom:5px; border: #FFFFFF 3px solid;} .demo_selected { /*border: #5e2a8b 3px solid; */background-image:url(/sc/cs/demo/images/demo_selected.gif); } .demo_images {vertical-align:middle; padding-top:5px; padding-left:10px;} .demo_description {vertical-align:middle; padding-top:5px;} /**td.table_header1 {background-color:#FFF0DA;border: 1px solid #d6d6d6}**/ .cs_block_content{ color:#4B4B4B; padding-left:15px;line-height: 170%; vertical-align:top; padding-bottom:5px;} .comment3 { position:relative; background: url(/sc/images/bg.gif) no-repeat 0 0; width: 905px; height: 175px; text-align:center; margin:0 0 0 20px; }