/* =================================================================================================
	The Enthusiast
	fdyb PERSONALISED COLOR

	Define the color, image, background etc.
	Use class name en/tc/sc for different language style
================================================================================================= */



/* =================================================================================================
	WRAPPER
================================================================================================= */
#wrapper{
	background:#eaebeb url(imagesgridwrapper.gif) repeat-x;
}
#main, #pageHeader{
	background-color:#F7F7F7;
}

/* =================================================================================================
	HYPELINKS
================================================================================================= */
a:link		{ color:#333; }
a:visited	{ color:#372864; }


/* =================================================================================================
	GENERIC ELEMENTS
================================================================================================= */
.more a{
	font-weight:bold;
	padding-right:20px;
	background-image:url(imageswidgetarrow.gif) !important;
	background-position:right center !important;
	background-repeat:no-repeat !important;
}
.more a:hover, .more a:active, .more a:focus{
	text-decoration:underline;
	color:#333 !important;
	background-image:url(imageswidgetarrow.gif) !important;
	background-position:right center !important;
	background-repeat:no-repeat !important;
}
.button a{
	color:#444 !important;
	background:url(imageswidgetbutton.gif) repeat-x;
}
.button span{
	background:url(imageswidgetbutton.gif) right top repeat-x;
}
.button a:hover, .button a:active, .button a:focus{
	background:url(imageswidgetbutton.gif) left bottom repeat-x;
}
.button a:hover span, .button a:active span, .button a:focus span{
	background:url(imageswidgetbutton.gif) right bottom repeat-x;
}
.button2 a{
	color:#FFF !important;
	background:url(imageswidgetbutton2.gif) repeat-x;
}
.button2 span{
	background:url(imageswidgetbutton2.gif) right top repeat-x;
}
.button2 a:hover, .button2 a:active, .button2 a:focus{
	background:url(imageswidgetbutton2.gif) left bottom repeat-x;
}
.button2 a:hover span, .button2 a:active span, .button2 a:focus span{
	background:url(imageswidgetbutton2.gif) right bottom repeat-x;
}


.backToTop a{
	color:#D12C00 !important;
	background:url(imageswidgetback_to_top.gif) left center no-repeat;
}
p.noscript{
	color:#F00;
	background:#FFA;
}

.about #pageHeader, .about #tabMenu a {
	border-left-color:#29abca;
}

/* =================================================================================================
	HEADER
================================================================================================= */
#header{
	background:url(imagesheaderbg.gif);
}
#rss a{
	background:url(imagesheaderrss.gif) left center no-repeat;
}
.fontSizeActive{
	color:#F30 !important;
}


/* =================================================================================================
	fdyb BAR
================================================================================================= */
#ybBar{
	color:#666;
}
#userGroups li span{
	color:#000000;
}
#userGroups li a{
	color:#dff3f4;
	background:url(imagesheaderusergroup.gif) -250px top no-repeat;
}
#userGroups li a:hover, #userGroups li a:active, #userGroups li a:focus{
	background-position:-250px bottom;
}
.residents #usrGrpResidents a,
.business #usrGrpBusiness a,
.nonresidents #usrGrpNonResidents a{
	color:#ffe89a;
}
#userGroups ul #usrGrpResidents a{
	background:url(imagesheaderusergroup.gif) left top no-repeat;
}
#userGroups ul #usrGrpResidents a:hover,
#userGroups ul #usrGrpResidents a:active,
#userGroups ul #usrGrpResidents a:focus{
	background-position:left bottom;
}
#userGroups ul #ybSearch{
	background: url(imagesheaderusergroup.gif) -250px top no-repeat;
}
/* 201012: Search for multiLang */
#userGroups ul #ybSearchMulti{
	background:url(imagesheaderusergroup.gif) left top no-repeat;
}
#searchBoxContainer{
	background:url(imagesheaderusergroup.gif) right top no-repeat;
}
#searchBox{
	color:#666;
	background:url(imagesheadersearchbox.gif) left top no-repeat;
}
#searchIcon{
	background:url(imagesheadersearchbox.gif) right top no-repeat;
	border:0px solid #FFF;
}


/* =================================================================================================
	INFORMATION
================================================================================================= */
#info, #themeIdentity{
	background:url(imagesgridbar.png) bottom repeat-x;
}
.theme #info{
	background:none;
}
#info, #info a{
	color:#666;
}


/* =================================================================================================
	FOOTER
================================================================================================= */
#footer{
	background:url(imagesgridfooter.png) top repeat-x;
}
#auxiliaryMenu{
	color:#666;
}
#yqlj{
	background:url(imagesgridfooter.png) top repeat-x;
}

/* =================================================================================================
	HOMEPAGE
================================================================================================= */
#homepage{
	background:#E8F3F5 url(imageshomepagebg.gif) right repeat-y;
}


/* =================================================================================================
	HOMEPAGE FEATURE
================================================================================================= */
#arrowSlider{
	background-color:#e89d20;
}
#theArrow{
	background:url(imageshomepagefeature_arrow.gif) no-repeat;
}
#featureTitles{
	background:#000 url(imageshomepagefeature.gif) left top repeat-x;
}
.afeaturetitle a {
	color:#042e84 !important;
	text-decoration:none !important;
	background:transparent url(imageshomepagefeature.gif) left top repeat-x;
}
.afeaturetitle a:hover, .afeaturetitle a:active, .afeaturetitle a:focus {
	background-position:left -100px;
}
.afeaturetitle.selected a {
	background-position:left -100px;
}


/* =================================================================================================
	LOOKING FOR (HOMEPAGE)
================================================================================================= */
#lookingFor{
	background:url(imageshomepagelooking_for.gif) right repeat-x;
}

#lookingFor div{
	color:#042e84;
}



/* =================================================================================================
	CLUSTERS (HOMEPAGE)
================================================================================================= */
#clusters {
	background:#e8f3f5 url(imageshomepagecluster_sep.gif) bottom repeat-x;
}
.clusterLink{
	color:#333333;
	border-color:#b2aeac;
	background:url(imageshomepagecluster_arrow.gif) 90% center no-repeat;
}
.clusterName span{
	color:#323232;
}
.clusterTooltip{
	background-color:transparent;
	background-image:url(imageshomepagecluster_tooltip.gif);
}
.clusterTooltip div, .clusterTooltip strong{
	color:#000;
	background:#fcdd62;
}

.clusterTooltip div a{
	color:#333 !important;
}


/* =================================================================================================
	FEATURED COLUMNS (HOMEPAGE)
================================================================================================= */
#featuredColumns{
	background:#e8f3f5;
}
.featuredColumn h2{
	color:#d82500;
	background:transparent url(imageshomepagefc_top.gif) left top no-repeat;
}
.featuredColumnContent, #whatsHKTalking ul, #topOnlineServices ul{
	background:#fff url(imageshomepagefc_bottom.gif) bottom no-repeat;
}
.featuredColumn li a{
	background:url(imageswidgetarrow.gif) 1em .2em no-repeat;
}

/* =================================================================================================
	HK GALLERY (HOMEPAGE)
================================================================================================= */
#hkInPictures, #hkInVideos{
	background:#fff;
}


/* =================================================================================================
	TOP ONLINE FORMS / TOP ONLINE SERVICES (HOMEPAGE)
================================================================================================= */
#topOnline{
	background:#e8f3f5;
}
#topOnline .accordion h2{
	color:#d82500;
	background:url(imageshomepageaccordion.gif) left -300px no-repeat;
}
#topOnline .accordion .ui-state-default h2{
	color:#042e84;
	background-position:left -100px;
}
#topOnline .accordion div:first-child h2{
	background-position:left -200px;
}
#topOnline .accordion .first h2 {
	background-position:left -200px;
}
#topOnline .accordion div:first-child .ui-state-default h2{
	background-position:left top;
}
#topOnline .accordion .first .ui-state-default h2{
	background-position:left top;
}
#topOnline ul{
	background-color:#fff;
}
#topOnline li{
	background:#f8f0d9;
}
#topOnline li.alt{
	background:#fff;
}
#topOnline li a{color:#555;}
#topOnline li a:hover, #topOnline li a:active, #topOnline li a:focus{
	background-color:#fce599;
	color:#000;
}
#topOnline li.more a:hover, #topOnline li.more a:active, #topOnline li.more a:focus{
	background-color:transparent;
}


/* =================================================================================================
	I WANT TO (SIDEBAR)
================================================================================================= */
.en #sidebar #iWantTo{background:url(imagesenhp_iwt.gif) no-repeat;}
.tc #sidebar #iWantTo{background:url(imagestchp_iwt.gif) no-repeat;}
.sc #sidebar #iWantTo{background:url(imagesschp_iwt.gif) no-repeat;}

#sidebar #iWantTo li{
	border-color:#aaa;
}
#sidebar #iWantTo li a{
	background:url(imageswidgetarrow.gif) no-repeat 98% 50%;
	color:#42413f;
}
#sidebar #iWantTo li a:hover, #sidebar #iWantTo li a:active, #sidebar #iWantTo li a:focus{
	background-color:#d0e9f0;
}

/* =================================================================================================
	WEATHER SECTION (HOMEPAGE)
================================================================================================= */
#weather{background:#fdf2d4;}
#weatherTemp{color:#333333;}
#weatherForecast a{color:#333333 !important;}
#weatherForecast a{background:url(imageswidgetarrow_header.gif) right no-repeat !important;}

/* =================================================================================================
	SINGLE MENU (HOMEPAGE)
================================================================================================= */
.singleMenu .singleMenuTitle {background:url(imageswidgetsinglemenu.gif) left top no-repeat;}
.singleMenu .close {background:url(imageswidgetsinglemenu.gif) left -50px no-repeat !important;}
.singleMenu h2{color:#042E84;}
.singleMenuList li{
	background:#fdf2d4;
	border-color:#e4d9bb;
}
.singleMenuList li a{
	background-color:#fdf2d4;
	background-image:url(imageswidgetsinglemenu_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
.singleMenuList li a:hover, .singleMenuList li a:active, .singleMenuList li a:focus{
	color:#042E84;
	background-position:-240px top;
}
.singleMenuList li .more a:hover, .singleMenuList li .more a:active, .singleMenuList li .more a:focus{
	color:#000;
}


/* =================================================================================================
	SINGLE LINK (HOMEPAGE)
================================================================================================= */
.singleLink 	{background:url(imageswidgetsinglemenu.gif) left -100px no-repeat;}
.singleLink a	{color:#042E84 !important;}


/* =================================================================================================
	ROTATING VEHICLE (SIDEBAR & HK GALLERY)
================================================================================================= */
#sidebar .vcl, #sidebar .vcc, #sidebar .vcr{background-image:url(imagesbannercontrol.gif);}
#sidebar .vind{background-image:url(imagesbannerctl_ind.gif)}
#hkGallery .vcl, #hkGallery .vcc, #hkGallery .vcr{background-image:url(imageshomepagecontrol.gif);}
#hkGallery .vind{background-image:url(imageshomepagectl_ind.gif)}
.vcl{background-position:left top}
.vcc{background-position:-20px top}
.vcr{background-position:right top}
.vcc .active{background-position:left -28px;}


/* =================================================================================================
	ACCORDION MENU (SIDEBAR)
================================================================================================= */
#sidebar .accordion h2{
	color:#d82500;
	background:url(imageswidgetaccordion.gif) left -300px no-repeat;
	border-bottom:1px solid #FFF;
}
#sidebar .accordion .ui-state-default h2{
	color:#042e84;
	background-position:left -100px;
}
#sidebar .accordion > div:first-child h2{
	background-position:left -200px;
}
#sidebar .accordion .first h2{
	background-position:left -200px;
}
#sidebar .accordion > div:first-child .ui-state-default h2{
	background-position:left top;
}
#sidebar .accordion .first .ui-state-default h2{
	background-position:left top;
}
#sidebar .accordion ul{
	background:#FFF;
}
#sidebar .accordion li{
	background:#FFF;
}
#sidebar .accordion li.alt{
	background:#f8f0d9;
}
#sidebar .accordion li a{
	background-image:url(imageswidgetarrow.gif);
	color:#555;
}
#sidebar .accordion li a:hover, #sidebar .accordion li a:active, #sidebar .accordion li a:focus{
	background-color:#fce599;
	color:#333;
}
#sidebar .accordion li.more a:hover, #sidebar .accordion li.more a:active, #sidebar .accordion li.more a:focus{
	background-color:transparent;
}



/* =================================================================================================
	KEYPAGES (SMART MENU / ARTICLE)
================================================================================================= */
.sidebar{
	background:#F7F7F7 url(imagesgridpage.gif) right repeat-y;
}


/* =================================================================================================
	BREADCRUMB
================================================================================================= */
#breadCrumb {
	background:#F7F7F7 url(imagesgridbreadcrumb.gif) repeat-x;
}

/* =================================================================================================
	I WANT TO (SMARTMENU PAGE)
================================================================================================= */
.en #smartMenuPage #iWantTo h2{ background:url(imagesensm_iwt.gif) no-repeat;}
.tc #smartMenuPage #iWantTo h2{ background:url(imagestcsm_iwt.gif) no-repeat;}
.sc #smartMenuPage #iWantTo h2{ background:url(imagesscsm_iwt.gif) no-repeat;}
#smartMenuPage #iWantTo{
	color:#032d7a;
	background:#faf4d9 url(imagessmartmenuiwt_bg.gif) repeat-x;
}
#smartMenuPage #iWantTo li a{
	color:#032d7a;
	background:url(imageswidgetarrow_header.gif) left .2em no-repeat;
}


/* =================================================================================================
	SMART MENU
================================================================================================= */
#smartMenu, #smartMenu ul, #smartMenu li a{
	background-image:url(imagessmartmenusmartmenu.gif);
	background-repeat:no-repeat;
}
#smartMenu ul{
	background-position:right bottom;
}
#smartMenu li a{
	background-position:right -50px;
	color:#888;
}
#smartMenu li a:hover, #smartMenu li a:active, #smartMenu li a:focus{
	background-position:right -200px;
	color:#000;
}
/*active state*/
.sec1 #smartMenu li.sec1 a, .sec2 #smartMenu li.sec2 a,
.sec3 #smartMenu li.sec3 a, .sec4 #smartMenu li.sec4 a,
.sec5 #smartMenu li.sec5 a, .sec6 #smartMenu li.sec6 a,
.sec7 #smartMenu li.sec7 a, .sec8 #smartMenu li.sec8 a,
.sec9 #smartMenu li.sec9 a, .sec10 #smartMenu li.sec10 a,
.sec11 #smartMenu li.sec11 a, .sec12 #smartMenu li.sec12 a,
#smartMenu li.active a
{
	background-position:right -350px;
	color:#000;
}
.sec1 #smartMenu li.sec1 a:hover, .sec2 #smartMenu li.sec2 a:hover,
.sec3 #smartMenu li.sec3 a:hover, .sec4 #smartMenu li.sec4 a:hover,
.sec5 #smartMenu li.sec5 a:hover, .sec6 #smartMenu li.sec6 a:hover,
.sec7 #smartMenu li.sec7 a:hover, .sec8 #smartMenu li.sec8 a:hover,
.sec9 #smartMenu li.sec9 a:hover, .sec10 #smartMenu li.sec10 a:hover,
.sec11 #smartMenu li.sec11 a:hover, .sec12 #smartMenu li.sec12 a:hover,
.sec1 #smartMenu li.sec1 a:active, .sec2 #smartMenu li.sec2 a:active,
.sec3 #smartMenu li.sec3 a:active, .sec4 #smartMenu li.sec4 a:active,
.sec5 #smartMenu li.sec5 a:active, .sec6 #smartMenu li.sec6 a:active,
.sec7 #smartMenu li.sec7 a:active, .sec8 #smartMenu li.sec8 a:active,
.sec9 #smartMenu li.sec9 a:active, .sec10 #smartMenu li.sec10 a:active,
.sec11 #smartMenu li.sec11 a:active, .sec12 #smartMenu li.sec12 a:active,
.sec1 #smartMenu li.sec1 a:focus, .sec2 #smartMenu li.sec2 a:focus,
.sec3 #smartMenu li.sec3 a:focus, .sec4 #smartMenu li.sec4 a:focus,
.sec5 #smartMenu li.sec5 a:focus, .sec6 #smartMenu li.sec6 a:focus,
.sec7 #smartMenu li.sec7 a:focus, .sec8 #smartMenu li.sec8 a:focus,
.sec9 #smartMenu li.sec9 a:focus, .sec10 #smartMenu li.sec10 a:focus,
.sec11 #smartMenu li.sec11 a:focus, .sec12 #smartMenu li.sec12 a:focus
{
	background-position:right -500px;
}
#smartContent a, #smartContent h3{
	color:#000;
}
#smartContent ul{
	color:#666;
	background-color:#F7F7F7;
}
#smartContent ul a, #smartContent ul h3{
	color:#000;
	background-color:#F7F7F7;
}
#smartContent ul ul, #smartContent ul ul a, #smartContent ul ul h3{
	color:#555;
	background-color:#f5f3e3;
}
#smartContent ul ul ul, #smartContent ul ul ul a, #smartContent ul ul ul h3{
	background-color:#DDD;
}
#smartContent ul ul ul ul, #smartContent ul ul ul ul a, #smartContent ul ul ul ul h3{
	background-color:#CDCDCD;
}
#legends{
	color:#666;
}


/* =================================================================================================
	TOP FAQ (FAQ PAGE)
================================================================================================= */
.en #faqPage #topFAQ h2{ background:url(imagesentop_faq.gif) no-repeat;}
.tc #faqPage #topFAQ h2{ background:url(imagestctop_faq.gif) no-repeat;}
.sc #faqPage #topFAQ h2{ background:url(imagessctop_faq.gif) no-repeat;}
#faqPage #topFAQ{
	color:#032D7A;
	background:#FAF4D9  url(imagesfaqbg.gif) repeat-x;
}
#faqPage #topFAQ li a{
	color:#032D7A;
}
.faqAnswer{
	background:#E6F6FA ;
}


/* =================================================================================================
	VERTICAL TAB MENU
================================================================================================= */
#tabMenu, #tabMenu ul, #tabMenu a, #tabMenu li a{
	background-image:url(imagessmartmenusmartmenu.gif);
}
#tabMenu ul{
	background-position:right bottom;
}
#tabMenu li a, #tabMenu li{
	background-position:right -50px;
	color:#888;
}
#tabMenu li a:hover, #tabMenu li a:active, #tabMenu li a:focus{
	background-position:right -200px;
	color:#000;
}

/*active state*/
#tabMenu li.active a,
.sub1 .individual #tabMenu li.sub1 a,
.sub2 .individual #tabMenu li.sub2 a,
.sub3 .individual #tabMenu li.sub3 a,
.sub4 .individual #tabMenu li.sub4 a,
.sub5 .individual #tabMenu li.sub5 a,
.sub6 .individual #tabMenu li.sub6 a,
.sub7 .individual #tabMenu li.sub7 a,
.sub8 .individual #tabMenu li.sub8 a,
.sub9 .individual #tabMenu li.sub9 a,
.sub10 .individual #tabMenu li.sub10 a
{
	background-position:right -350px;
	color:#000;
}
.sub1 .individual #tabMenu li.sub1 a:hover,
.sub2 .individual #tabMenu li.sub2 a:hover,
.sub3 .individual #tabMenu li.sub3 a:hover,
.sub4 .individual #tabMenu li.sub4 a:hover,
.sub5 .individual #tabMenu li.sub5 a:hover,
.sub6 .individual #tabMenu li.sub6 a:hover,
.sub7 .individual #tabMenu li.sub7 a:hover,
.sub8 .individual #tabMenu li.sub8 a:hover,
.sub9 .individual #tabMenu li.sub9 a:hover,
.sub10 .individual #tabMenu li.sub10 a:hover,
.sub1 .individual #tabMenu li.sub1 a:active,
.sub2 .individual #tabMenu li.sub2 a:active,
.sub3 .individual #tabMenu li.sub3 a:active,
.sub4 .individual #tabMenu li.sub4 a:active,
.sub5 .individual #tabMenu li.sub5 a:active,
.sub6 .individual #tabMenu li.sub6 a:active,
.sub7 .individual #tabMenu li.sub7 a:active,
.sub8 .individual #tabMenu li.sub8 a:active,
.sub9 .individual #tabMenu li.sub9 a:active,
.sub10 .individual #tabMenu li.sub10 a:active,
.sub1 .individual #tabMenu li.sub1 a:focus,
.sub2 .individual #tabMenu li.sub2 a:focus,
.sub3 .individual #tabMenu li.sub3 a:focus,
.sub4 .individual #tabMenu li.sub4 a:focus,
.sub5 .individual #tabMenu li.sub5 a:focus,
.sub6 .individual #tabMenu li.sub6 a:focus,
.sub7 .individual #tabMenu li.sub7 a:focus,
.sub8 .individual #tabMenu li.sub8 a:focus,
.sub9 .individual #tabMenu li.sub9 a:focus,
.sub10 .individual #tabMenu li.sub10 a:focus
{
	background-position:right -500px;
}



/* =================================================================================================
	GOVERNMENT AGENCIES
================================================================================================= */
#govAgencyHeader{
	color:#333;
	background:#FFF6C9 url(imagesonlineservicesbg.gif) repeat-x;
}
.govAgencyHeaderItem{
	background:url(imageswidgetarrow_header.gif) left .1em no-repeat;
}
.govAgencyHeaderItem a{
	color:#24467c !important;
}
.govAgencyAlphabetical ul ul{
	background:#E6F6FA ;
	border-color:#CCCDC8;
}
#article .govAgencyAlphabetical li a{
	color:#000;
	border-color:#CCCDC8;
}
#article .govAgencyAlphabetical li a:hover,
#article .govAgencyAlphabetical li a:active,
#article .govAgencyAlphabetical li a:focus{
	background-color:#FCE499;
	color:#000;
}
#article .govAgencyAlphabetical li li{
	border-color:#FFF;
}
#article .govAgencyAlphabetical li li a:hover,
#article .govAgencyAlphabetical li li a:active,
#article .govAgencyAlphabetical li li a:focus{
	background-color:transparent;
	color:#000;
}
#govAgencyAlphabeticalList a{
	background-color:#333;
	color:#FCDE66 !important;
}
#govAgencyAlphabeticalList a:hover,
#govAgencyAlphabeticalList a:active,
#govAgencyAlphabeticalList a:focus{
	background-color:#29ABCA;
}
#article .govAgencyOrganisational li li{
	border-color:#FFF;
}
#article .govAgencyOrganisational a{
	color:#000;
}

#article .govAgencyOrganisational a:visited{
	color:#666;
}


/* =================================================================================================
	SITE MAP
================================================================================================= */
#sitemap .usergroups h3 a{
	color:#FFF;
	background:url(imagessitemapheader.gif);
	border-color:#CCCDC8;
}
#sitemap .usergroups h3 a:hover, #sitemap .usergroups h3 a:active, #sitemap .usergroups h3 a:focus{
	color:#FFF;
	background-position:left 50px;
}
#sitemap .clusterHeader:hover, #sitemap .clusterHeader:active, #sitemap .clusterHeader:focus,
#sitemap .clusters li h4 a:hover, #sitemap .clusters li h4 a:active, #sitemap .clusters li h4 a:focus{
	background-color:#fce499;
	color:#000 !important;
}
#sitemap .clusters{
	background:#e6f6fa ;
}
#sitemap .clusters li{
	border-color:#CCCDC8;
}
#sitemap .clusters li h4.collapsible{
	background:url(imageswidgetcollapsible.gif) right top no-repeat;
}
#sitemap .clusters li h4.close{
	background-position:right -400px;
}
#sitemap .subcategories{
	background:#d0e9f0;
	border-color:#CCCDC8;
}
#sitemap .subcategories li{
	border-color:#FFF;
}
#sitemap .subcategories a{
	color:#000;
}

/* =================================================================================================
	RSS
================================================================================================= */
.rssList tr, .rssList td{
	border-color:#FFF;
}
.rssList .rss{
	background:url(imagesrsssubscribe.gif) no-repeat;
}
.rssList .rss:hover, .rssList .rss:active, .rssList .rss:focus{
	background-position:right;
}


/* =================================================================================================
	ONLINE SERVICES / E-FORMS
================================================================================================= */
.en #findOnlineServices h2{ background:url(imagesenfind_os.gif) no-repeat;}
.tc #findOnlineServices h2{ background:url(imagestcfind_os.gif) no-repeat;}
.sc #findOnlineServices h2{ background:url(imagesscfind_os.gif) no-repeat;}
.en #findEForms h2{ background:url(imagesenfind_eforms.gif) no-repeat;}
.tc #findEForms h2{ background:url(imagestcfind_eforms.gif) no-repeat;}
.sc #findEForms h2{ background:url(imagesscfind_eforms.gif) no-repeat;}
#findOnlineServices, #findEForms{
	color:#333;
	background:#FFF6C9 url(imagesonlineservicesbg.gif) repeat-x;
}
#findOnlineServices a, #findEForms a{
	color:#032d7a;
}
.findOnlineServeicesHeader, .findEFormsHeader{
	background:url(imageswidgetarrow_header.gif) left .2em no-repeat;
}
.onlineFullList li{
	border-color:#FFF;
}
.onlineFullList a{
	color:#000 !important;
}
.onlineFullList .eformsnotes a{
	color:#cc0000 !important;
}
.onlineFullList .eformsnotes a:visited{
	color:#990000 !important;
}
.onlineFullList li .eformsFormats{
	background-image:url(imageswidgetarrow.gif)
}
#eFormsTags .tagCloudLabel{
	background-image:url(imageswidgetarrow_header.gif);
}
#eFormsTags .tag-ex-large a{color:#0066CC}
#eFormsTags .tag-large a{color:#004BB4}
#eFormsTags .tag a{color:#042E84}


/* =================================================================================================
	PERSONALISATION
================================================================================================= */
#styles{
	background:#E6F6FA;
}
#styleList{
	background:url(imagesstylelist_btm.gif) left bottom no-repeat;
}
#styleList a{
	background:url(imagesstylelist.gif) no-repeat;
}
#styleList a{
	background-position:left top;
}
#styleList a:hover, #styleList a:active, #styleList a:focus{
	color:#D9541B;
	background-position:left -250px;
}
#styleList .active a, #styleList .active a:hover, #styleList .active a:active, #styleList .active a:focus{
	color:#D9541B;
	background-position:left -500px;
}
#styleList .active span{
	background:url(imagesstylearrow.gif) right center no-repeat;
}
.spcl, .spcr, .spind{
	background:url(imagesstylecontrol.gif) no-repeat;
}
.spcl{
	background-position:left top;
}
.spcr{
	background-position:right top;
}
.spind{
	background-position:-52px top;
}
.spcc .active{
	background-position:-34px top;
}


/* =================================================================================================
	TABS
================================================================================================= */
#tabs, #tabs li a, #tabs li span{
	background-color:#F7F7F7;
	background-image:url(imageswidgettabs.gif);
	background-repeat:no-repeat;
}
#tabs{
	background-position:left top;
	background-repeat:repeat-x;
}
#tabs li a{
	background-position:left -150px;
	color:#333;
}
#tabs li span{
	background-position:right -150px;
}
#tabs li.active a{
	background-position:left -50px;
	color:#333;
}
#tabs li.active span{
	background-position:right -50px;
}
#tabs li a:hover, #tabs li a:active, #tabs li a:focus{
	background-position:left -200px;
}
#tabs li a:hover span, #tabs li a:active span, #tabs li a:focus span{
	background-position:right -200px;
}
#tabs li.active a:hover, #tabs li.active a:active, #tabs li.active a:focus{
	background-position:left -100px;
}
#tabs li.active a:hover span, #tabs li.active a:active span, #tabs li.active a:focus span{
	background-position:right -100px;
}



/* =================================================================================================
	AJAX SEARCH
================================================================================================= */
#ajaxQuery{
	color:#666;
	background:url(imageswidgetajaxsearch.gif) no-repeat;
}
#ajaxSubmit{
	background:transparent url(imageswidgetajaxsearch.gif) right no-repeat;
	border:0px solid #FFF;
}
#ajaxResultContainer{
	background-color:#E6F6FA;
	border-color:#CCC;
}
#ajaxResultContainer h3{
	border-color:#CCC;
}
#ajaxResultContainer a{
	color:#900 !important;
}
.highlight{
	color:#F00;
}




/* =================================================================================================
	COLLAPSIBLE MENU (RSS / THEMATIC)
================================================================================================= */
.collapsibleHeader{
	color:#000;
}
.collapsibleHeader:hover, .collapsibleHeader:active, .collapsibleHeader:focus,
.noncollapsibleTitle a:hover, .noncollapsibleTitle a:active, .noncollapsibleTitle a:focus{
	background-color:#fce499;
	color:#000 !important;
}
.collapsibleTitle h3, .noncollapsibleTitle h3 a,
.collapsibleTitle h4, .noncollapsibleTitle h4 a{
	border-color:#CCCDC8;
}
.collapsibleTitle{
	background:transparent url(imageswidgetcollapsible.gif) right top no-repeat;
}
.collapsibleTitle.close{
	background-position:right -400px;
}
.collapsibleContent{
	border-color:#CCCDC8;
	background:#E6F6FA;
}
.collapsibleContent .collapsibleContent{
	background:#d4f0f6;
}


/* =================================================================================================
	GADGETS (THEMATIC SITE SIDEBAR)
================================================================================================= */
.gadgetContainer{
	background:url(imageswidgetbox.gif) left top no-repeat;
}
.gadget{
	background:url(imageswidgetbox.gif) left bottom no-repeat;
}
.accordion .gadgetContainer, .accordion .gadget{
	background:#FFF;
}


/* =================================================================================================
	NAVIGATION MENU
================================================================================================= */
#navigation{
	background:#e0eeef;
}
/*active item*/
.communication 	#navigation li.communication	a,
.culture		#navigation li.culture			a,
.education		#navigation li.education		a,
.employment		#navigation li.employment		a,
.environment	#navigation li.environment		a,
.government		#navigation li.government		a,
.health			#navigation li.health			a,
.housing		#navigation li.housing			a,
.immigration	#navigation li.immigration		a,
.taxes			#navigation li.taxes			a,
.transport		#navigation li.transport		a,
.businessgov 		#navigation	li.businessgov	a,
.businessmainland	#navigation	li.businessmainland a,
.corporate			#navigation	li.corporate	a,
.ecommerce			#navigation	li.ecommerce	a,
.global				#navigation	li.global		a,
.humanresources		#navigation	li.humanresources a,
.market				#navigation	li.market		a,
.registration		#navigation	li.registration 	,
.supportenterprises	#navigation	li.supportenterprises a,
.investinghk	#navigation	li.investinghk		a,
.living			#navigation	li.living			a,
.studyinghk		#navigation	li.studyinghk		a,
.visarequire	#navigation	li.visarequire		a,
.visitinghk		#navigation	li.visitinghk		a,
.workinghk		#navigation	li.workinghk		a
{
	background:#fcdc61;
	color:#d82401;
}

#navigation li a {
	color:#333;
	border-color:#bdc8ca;
}
#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
	background:#d0e9f0 !important;
	color:#333 !important;
}


/* =================================================================================================
	SUB NAVIGATION MENU
================================================================================================= */
#subNavigation{
	background:#FEFEFE;
}
#subNavigation li, #subNavigation li a{
	color:#333 !important;
	background:#FEFEFE !important;
}
#subNavigation li a:hover, #subNavigation li a:active, #subNavigation li a:focus {
	background:#FEFEFE !important;
}
/*generic active color*/
.sec1 #subNavigation .sec1 a, .sec2 #subNavigation .sec2 a,
.sec3 #subNavigation .sec3 a, .sec4 #subNavigation .sec4 a,
.sec5 #subNavigation .sec5 a, .sec6 #subNavigation .sec6 a,
.sec7 #subNavigation .sec7 a, .sec8 #subNavigation .sec8 a,
.sec9 #subNavigation .sec9 a, .sec10 #subNavigation .sec10 a,
.sec11 #subNavigation .sec11 a, .sec12 #subNavigation .sec12 a
{color:#f05e15 !important;}



/* =================================================================================================
	ARTICLE MENU
================================================================================================= */
.en #articleMenu #iWantTo h2{background:#faedb5 url(imagesenarticle_iwt.gif) no-repeat;}
.tc #articleMenu #iWantTo h2{background:#faedb5 url(imagestcarticle_iwt.gif) no-repeat;}
.sc #articleMenu #iWantTo h2{background:#faedb5 url(imagesscarticle_iwt.gif) no-repeat;}

#articleMenu #iWantTo li{
	/* 20110228: hide bg arrow
	background:url(imageswidgetarrow.gif) 99% center no-repeat;
	*/
}
#otherArticle h2{
	color:#FFF;
	background:#144284 url(imagesarticlereadother.gif) right top no-repeat;
}
#otherArticle h2.close{
	background-position:right -50px;
}
#otherArticle li a{
	background:#333;
	color:#FFF;
}
#feedbackContainer strong, #shareContainer strong{
	background:#F2F2F2;
}
#feedbackContainer a, #shareContainer a{
	color:#06C;
}



/* =================================================================================================
	CONTENT SECTIONS
================================================================================================= */
.content{
	color:#333;
	background-color:#F7F7F7;
}
.content a.anchor{
	color:#333 !important;
	text-decoration:none !important;
}
.content a:link, .contentLink a:link{
	color:#0066cc;
	text-decoration:underline;
}
.content a:hover, .content a:active, .content a:focus,
.contentLink a:hover, .contentLink a:active, .contentLink a:focus{
	color:#000000 !important;
}
.content a:visited, .contentLink a:visited{
	color:#003399;
	text-decoration:underline;
}
.content h3{
	border-color:#CCCDC8;
	background-color:#F7F7F7;
}
.content h3 a, .content h4 a{
	color:#000 !important;
}
.content h3 a:hover, .content h3 a:active, .content h3 a:focus{
	color:#000;
}
.content table{border:1px solid #cccdc8;}
.content th, .content td{
	border-bottom-width: 0;
	border:1px solid #cccdc8;
}
/* add th for 2 below */
.content .odd, .content .odd td, .content .odd th {
	background:#f8ecbc !important;
}
.content .even, .content .even td , .content .even th {
	background:#fff !important;
}

.collapsibleContent .content, .collapsibleContent .content h3{
	background:#e6f6fa;
}
.collapsibleContent .content .odd, .collapsibleContent .content .even{
	background-color:transparent;
}
.collapsibleContent .content table,
.collapsibleContent .content th,
.collapsibleContent .content td{
	border-color:#FFF;
}