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

/* PAGE STRUCTURE CSS */
.bg_blue {
background:url(../images/home_bg_blue.gif) 0% 0% repeat-x;
}
.bg_green {
background:url(../images/home_bg_green.gif) 0% 0% repeat-x;
}
.bg_grey {
background:url(../images/home_bg_grey.gif) 0% 0% repeat-x;
}
.bg_purple {
background:url(../images/home_bg_purple.gif) 0% 0% repeat-x;
}
.bg_yellow {
background:url(../images/home_bg_yellow.gif) 0% 0% repeat-x;
}
.bg_white {
background:url(../images/home_bg_white.gif) 0% 0% repeat-x;
}

.home_main {
float:left;
width:812px;
font-size:12px;
padding:0px 15px 0px 0px;
}
.home_right {
float:left;
width:120px;
}

/* PAGE TOP CSS */
.home_topnav {
height:28px;
font-size:11px;
}
.home_topnav .item { float:right; }

.home_top {
height:105px;
display:block;
/*overflow:hidden; keyword suggestion can't use this one*/
background:url(../images/bg_home_top.gif) 0% 0% repeat-x;
border:solid 1px #98b5d3;
}
.home_top_logo {
float:left;
width:148px;
text-align:left;
padding:26px 0px 0px 30px;
}
.home_top_search {
float:left;
width:601px;
padding:10px 0px 0px 0px;
}

/* SEARCH BOX TABS CSS */
#home_srhTabs {
margin:0em auto;
font-size:11px;
text-align:center;
overflow:hidden;
}

#home_srhTabs {
position:relative;
}
#home_srhTabs UL {
margin:0em auto;
padding:0px;
}
#home_srhTabs UL LI {
display:table-cell; /* remove bullet of LI */	
cursor:pointer;
}
/* background on left side */
#home_srhTabs UL LI A {
display:block; background:url(../images/srhbox_tab.gif) no-repeat 100% 0%;
}
/* background on right side and center */
#home_srhTabs UL LI A SPAN {
display:block; background:url(../images/srhbox_tab.gif) no-repeat 0% 0%;
}
/* margin:top left bottom right */
/* control right */
#home_srhTabs UL LI A {
padding-right:4px; padding-left:0px; padding-bottom:0em; margin:0em 4px 0em 0px; padding-top:0em;
text-decoration:none;
}
/* control left */
#home_srhTabs UL LI A SPAN {
padding-right:0px; background-position:0% 0%; padding-left:4px; font-weight:bold; padding-bottom:5px; color:#666; padding-top:5px;
text-decoration:none;
}
#home_srhTabs UL LI A:hover {
background:url(../images/srhbox_tab_hl.gif) no-repeat 100% 0%;
}
#home_srhTabs UL LI A:hover SPAN {
font-size:13px;
font-weight:bold;
color:#000;
background:url(../images/srhbox_tab_hl.gif) no-repeat 0% 0%;
padding-top:2px;
padding-bottom:5px;
}
#home_srhTabs UL LI A.selected {
background:url(../images/srhbox_tab_hl.gif) no-repeat 100% 0%;
}
#home_srhTabs UL LI A.selected SPAN {
font-size:13px;
font-weight:bold;
color:#000;
background:url(../images/srhbox_tab_hl.gif) no-repeat 0% 0%;
padding-top:2px;
padding-bottom:5px;
}

HTML #home_srhTabs {
height:1%;
}
HTML #home_srhTabs UL {
margin:0px;
}
HTML #home_srhTabs UL LI {
float:left;
}
HTML #home_srhTabs UL A {
float:left;
}

/* COMMON CSS */
.subsidiaries {
font-size:11px;
font-weight:normal;
text-align:left;
padding:4px 0px 6px 18px;
}

.blk_hl_tit {
font-size:14px;
font-weight:bold;
}

IMG.thumb { border:solid 1px #9ab7d7; }

.details { font-size:11px; }

UL.list {
list-style-type:none;
margin-top:0px;
margin-bottom:2px;
padding:0px;
}
UL.list {
margin-left:2px;
}
UL.list LI {
line-height:14px;
}
UL.list LI {
display:block;
font-size:12px;
font-weight:normal;
color:#888;
text-align:left;
background:url(../images/bullet_dot.gif) 0% 1.0ex no-repeat;
padding-left:10px;
padding-top:1px;
padding-bottom:1px;
}
UL.list LI A {
color:#003399;
text-decoration:none;
}
UL.list LI A:hover {
text-decoration:underline;
}

.lastupdate {
font-size:10px;
}

.disclaim {
font-size:11px;
padding-top:4px;
}

/* BLOCK COMMON CSS */
.blk_frame {
height:248px;
text-align:left;
background-color:#fff;
border:solid 1px #a3bdd9;
}
.onleft {
float:left;
width:497px;
}
.onright {
float:right;
width:298px;
}

.blk_head {
height:30px;
font-weight:bold;
color:#003399;
background:url(../images/bg_home_blk_tab_hl.gif) repeat-x;
}
.blk_big_head { font-size:15px }
.blk_med_head { font-size:13px }
.blk_sml_head { font-size:12px }

.blk_tit {
text-align:center;
padding:6px 0px 0px 0px;
}
.blk_tit_onleft {
padding:6px 0px 0px 18px;
}

.blk_tab { float:left }
.blk_tab_off {
height:30px;
color:#999;
background:url(../images/bg_home_blk_tab.gif) repeat-x;
cursor:pointer;
}

.blk_tab_stroke {
float:left;
width:1px;
height:30px;
font-size:0px;
background-color:#9ab7d7;
padding:0px;
margin:0px;
}

/* USEFUL HOTLINES CSS */
.hotlines_div {
width:456px;
height:172px;
background:url(../images/bg_hotlines.jpg);
padding:14px 0px 0px 12px;
text-align:left;
}

.hotlines_list {
width:300px;
height:16px;
font-size:11px;
background-color:#cfddeb;
padding:3px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

/* NEWS CSS */
.textnews_div {
width:326px;
height:187px;
background:url(../images/bg_textnews.jpg) 100% 0% no-repeat;
padding:8px 0px 0px 12px;
text-align:left;
border:solid 1px #a3bdd9;
}

.textnews_list {
width:178px;
height:17px;
font-size:11px;
background-color:#cfddeb;
padding:2px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

/* LEISURE - MENU CSS */
.leisure_menubtn {
height:15px;
font-size:11px;
font-weight:bold;
color:#003399;
text-align:center;
background:url(../images/bg_leisure_btn_hl.gif) repeat-x;
padding:4px 0px 0px 0px;
}
.leisure_menubtn_off {
color:#999;
background:url(../images/bg_leisure_btn.gif) repeat-x;
cursor:pointer;
}

/* LEISURE PANEL COMMON CSS */
.leisure_div {
width:261px;
height:126px;
text-align:left;
border:solid 1px #a3bdd9; 
}

.leisure_noAd_div {
width:261px;
height:161px;
text-align:left;
border:solid 1px #a3bdd9; 
}

/* LEISURE - PHOTOS CSS */
.photos_list {
width:142px;
height:15px;
font-size:11px;
background-color:#cfddeb;
padding:1px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

.photos_list_noAd {
width:142px;
height:17px;
font-size:11px;
background-color:#cfddeb;
padding:2px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

/* LEISURE - HOROSCOPE CSS */
.horoscope_list {
width:142px;
height:17px;
font-size:11px;
background-color:#cfddeb;
padding:2px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

/* LEISURE - GAME MENU CSS */
#gamenav_div {
width:233px;
height:59px;
position:relative;
overflow:hidden;
}
.gamenav_btn {
width:225px;
height:16px;
font-size:11px;
text-align:left;
background-color:#D0DDED;
border-bottom:solid 1px #fff;
padding:3px 0px 0px 8px;
cursor:pointer;
}

/* TRAVEL PANEL COMMON CSS */
.travel_div {
float:left;
width:336px;
height:201px;
text-align:left;
border:solid 1px #a3bdd9;
}

/* TRAVEL - HK PUBLIC HOLIDAYS CSS */
.hkholiday_tit {
height:21px;
font-size:14px;
font-weight:bold;
color:#003399;
background:url(../images/bg_holidays_tit.gif) repeat-x;
padding:3px 0px 0px 12px;
}

#HKPHolidaysPanel {
width:368px;
}

#HKPHolidaysPanel TD {
font-size:12px;
text-align:left;
background-color:#f1f1f1;
}

#HKPHolidaysPanel TD.bgwhite {
background-color:#fff;
}

#HKPHolidaysPanel TD.tit_this_year {
color:#fff;
font-weight:bold;
text-align:center;
background-color:#2b71af;
}

#HKPHolidaysPanel TD.tit_next_year {
color:#fff;
font-weight:bold;
text-align:center;
background-color:#75b9f8;
}

#HKPHolidaysPanel SPAN.statutory {
color:#FA6707;
font-weight:bold;
}

/* TRAVEL - TRANSLATOR CSS */
.translator_list {
width:142px;
height:17px;
font-size:11px;
background-color:#cfddeb;
padding:2px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

/* TRAVEL NAV MENU CSS */
#travelobiz_div {
width:125px;
height:169px;
position:relative;
overflow:hidden;
}
.travelobiz_btn {
width:117px;
height:14px;
font-size:11px;
text-align:left;
color:#003399;
background-color:#D0DDED;
border-bottom:solid 1px #fff;
padding:2px 0px 0px 8px;
cursor:pointer;
}
.travelobiz_btn_hl {
width:117px;
height:14px;
font-size:11px;
text-align:left;
color:#fff;
background-color:#003399;
border-bottom:solid 1px #fff;
padding:2px 0px 0px 8px;
}

/* DICTIONARY CSS */
.dictionary_div {
width:261px;
height:185px;
background:url(../images/bg_dictionary.jpg);
border:solid 1px #a3bdd9;
}

.dictionary_list {
width:230px;
height:16px;
font-size:11px;
color:#003399;
text-align:left;
background-color:#cfddeb;
padding:3px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

.dictionary_list_hl {
color:#fff;
background-color:#003399;
cursor:default;
}

/* LEFT NAV MENU CSS */
#leftnav_div {
width:124px;
height:216px;
border:solid 1px #88a9cd;
border-bottom:0px;
position:relative;
overflow:hidden;
}
.leftnav_btn {
width:124px;
height:23px;
font-size:11px;
color:#003399;
text-align:left;
background:url(../images/leftnav_btn_bg.gif);
border-bottom:solid 1px #88a9cd;
cursor:pointer;
}

/* PCCW SERVICE PANEL CSS */
#pccwsrvnav_div {
width:445px;
height:52px;
position:relative;
overflow:hidden;
}
.pccwsrvnav_logo, .pccwsrvnav_logo_hl {
width:88px;
height:50px;
border:solid 1px #a7bbdc;
border-left:0px;
padding:0px 0px 0px 0px;
}
.pccwsrvnav_logo {
cursor:pointer;
}
.pccwsrvnav_logo_hl {
border-bottom:solid 1px #fff;
cursor:default;
}
#pccwsrv_logo_l {
float:left;
width:114px;
height:80px;
border:solid 1px #a4bae1;
}
#pccwsrv_des {
float:left;
width:300px;
font-size:11px;
padding:0px 10px 0px 10px;
}
#pccw_websites_panel SPAN.now {	font-size:14px; }
#pccw_websites_panel SPAN.tv { font-size:11px; }
#pccw_websites_panel h1 {
font-size:12px;
font-style:normal;
font-weight:normal;
display:inline;
}

/* CATEGORY SEARCH BOX CSS */
.list_catesrh {
font-size:11px;
text-align:left;
line-height:12px;
padding:0px 8px 5px 8px;
}

/* RIGHT AD CSS */
.buttonAd, .skyScrapper, .crazyAd {
margin-bottom:5px;
}

/* Custom Panel CSS */
#custom_panel {
width:100px;
position:absolute;
padding:5px;
border:1px solid #98b5d3;
background-color:#fff;
font-size:11px;
line-height:18px;
text-align:left;
}

#custom_panel DIV.heading {
font-weight:bold;
margin-top:3px;
margin-bottom:3px;
}

/* RESIDENTIAL DIRECTORY CSS */
.residendir_list {
width:272px;
height:17px;
font-size:12px;
background-color:#cfddeb;
padding:2px 0px 0px 8px;
margin-bottom:1px;
cursor:pointer;
}

/* CSS for Video search box */
INPUT.videosrh_noact {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
/*font-style:italic;*/
padding-bottom:2px;
}

INPUT.videosrh_act {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
/*font-style:italic;*/
padding-bottom:2px;
}

/* CSS for Shenzhen search box */
INPUT.szsrh_noact {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
/*font-style:italic;*/
padding-bottom:2px;
}

INPUT.szsrh_act {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
/*font-style:italic;*/
padding-bottom:2px;
}

/* DISCOVER SHENZHEN PANEL CSS */
.sz_district {
float:left;
width:66px;
height:18px;
text-align:center;
color:#003399;
background-color:#cfddeb;
cursor:pointer;
padding-top:6px;
margin-left:1px;
}

/* CSS for the World Cup News scroller */
#wcupscroller{
width:363px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
line-height:13px;
padding-top:5px;
}

/* CSS for Company Category */
.cocat_tbl { margin-left:6px; }
.cocat_tbl IMG.cocat_ico { margin-right:5px; }

/* CSS for Search Retention Zone */
.srhRetenZone {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e9f1', endColorstr='#ffffff', gradientType='0'); /* for IE */ 
background:-webkit-gradient(linear, left top, left bottom, from(#e2e9f1), to(#ffffff)); /* for webkit browsers */ 
background:-moz-linear-gradient(top, #e2e9f1, #ffffff); /* for firefox 3.6+ */ 
padding:6px 10px 0px 10px; 
/*overflow:hidden; */
margin-bottom:1px; 
min-height:34px; height:auto !important; height:34px; 
color:#666;
}

/* ypTrade Promo Corner CSS */
#yptrade_promocorner_div {
width:118px; height:230px; background-color:#fff; border:solid 1px #A3BDD9; overflow:hidden; 
}
#yptrade_promocorner_div .header {
height:14px; background:url(../images/bg_home_blk_tab_hl.gif) repeat-x; 
color:#003399; font-size:11px; font-weight:bold; text-align:center; 
padding:0px 0px 18px 0px; _padding-bottom:4px; 
}
#yptrade_promocorner_div UL {
list-style:none; padding:0px 0px 0px 3px; margin:0px; 
}
#yptrade_promocorner_div UL LI {
clear:left; margin-bottom:6px; 
}
#yptrade_promocorner_div UL LI DIV {
overflow:hidden; line-height:16px; 
}
#yptrade_promocorner_div UL LI DIV IMG {
margin-right:4px; 
}