/* 
	site.css 
	15:51 2016-12-01, update 10:58 2018-03-01 to remark broken images
*/


/*	hide tabmenu (3rd level menu) */
.blo  ckTagHolderTab {
	display:none;
}

.themeParksInfoText img {
    max-width: 100%;
}

table img {
	max-width: unset !important;
}

ul.img_list {
    list-style: none !important;
    padding-left: 0px !important;
}

ul.img_list li {
    display: inline-block;
    padding: 0;
	margin: 0;
    width: 32.5%;
	vertical-align: top;
}

.blockTagHolderTab {
	background-color: #fff;
	margin-top:20px;
}

.blockTagHolderTab  span{
	background: #ffeedc;
    display: block;
    width: 100%;
    padding: 20px 25px;
    vertical-align: middle;
    border-bottom: 1px solid #FFF;
    position: relative;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
	font-family: "Montserrat",Arial,sans-serif;
}

.blockTagHolderTab ul {
	list-style-type: disc;
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 20px;
	display:none;
}

.blockTagHolderTab ul li {
	color: #cc4c02;
}

.blockTagHolderTab ul li a {
	display: inline-block;
    vertical-align: top;
    padding-bottom: 20px;
    color: #353535;
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {

ul.img_list li {
	width: 24.5%;	
}
	
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

ul.img_list li {
	width: 32.5%;	
}
	
}

@media screen and (min-width: 480px) and (max-width: 767px) {

ul.img_list li {
	width: 49.5%;	
}
	
}

@media screen and (max-width: 480px) {

ul.img_list li {
	width: 100%;	
}
	
}


/* =================================================================================================
	layout.css (LAYOUT GRID)
	20141231: eform,os tagcloud
	20150115: hide os tagcloud
	20160201: fix qna bg on type c and d

	Common layout stylesheet for GovHK
	Define the layout grid / base look & feel etc.
================================================================================================= */



/* =================================================================================================
	WRAPPER
================================================================================================= */
body {
	margin:0;
	padding:0;

		/*
	  
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  */
  /*
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  */
	
}
#wrapper{
	width:100%;
	min-width:970px;
}
#pageContainer{
	margin:auto;
	width:970px;
	overflow:hidden;
	height:100%;
	min-height:100%;
}


/* =================================================================================================
	ACCORDION RESET
================================================================================================= */

#wrapper .ui-accordion .ui-accordion-icons {
	padding:0;
}

#wrapper .ui-widget {
	font-size:1em;
}

#wrapper .ui-accordion .ui-accordion-header {
    margin-top: 0px;
}

#wrapper .ui-state-default, 
#wrapper .ui-widget-content .ui-state-default, 
#wrapper .ui-widget-header .ui-state-default {
	border:0;
}


#wrapper .ui-accordion .ui-accordion-icons {
	padding:0;
}
#wrapper .ui-accordion .ui-accordion-noicons {
	padding:0;
}
#wrapper .ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding:0;
}
#wrapper .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	/* position: absolute; */
	left: 0;
	top: 0;
	margin-top: 0;
}
#wrapper .ui-accordion .ui-accordion-content {
	padding: 0; 
	border: 0;
	/* overflow: none; */
	/* 20140704: esp. for hp-en-nonres */
	overflow: hidden;
}


/*
#wrapper .ui-accordion {
	font-size:1em;
}
*/

/* =================================================================================================
	CLEARING
================================================================================================= */
/*Add elements to be clear*/
#topbar, #govhkBar, #info, #announcement, #weather, #currentWeather, #legends, #footer, #badges,
#citizenRelated, #featuredColumns,
#smartMenuContainer, #articleContainer, #tabMenuContainer, #faqContainer, #tabs, #styles,
#govAgencyAlphabeticalList, #findOnlineServices, #findEForms, #ajaxForm, #eFormsTags,
#findEFormsContainer #ajaxSearchForm, #findOnlineServicesContainer #ajaxSearchForm,
#smartMenuPage #iWantTo, #faqPage #topFAQ,
#articleMenu #iWantTo ul, #shareContainer ul,
.sidebar, .buttonContainer, .findOnlineServeicesHeader, .findEFormsHeader, .govAgencyHeaderItem,
.eFormsLegend, .clustersLegend, .styleToolBar,
.singleMenuList li, .onlineFullList li, #topStories li
{
	overflow:hidden;
	width:100%;
}
/* 20120726: add "singleMenuBg" attribute here, when necessary */

/* 20130410: fix firefox ver18 cannot show top button in multilang pages */
/* fix by .collapsibleMenu
#sitemap .content {
	float:none;
}
*/

/* =================================================================================================
	GENERIC ELEMENTS
================================================================================================= */

/* 20121221:apply 1px line-spacing for tc and sc (desktop and mobile) */
.tc, .sc {
	letter-spacing:1px;
}

/* 20121221:0 letter spacing for below */
#weatherTemp {
	letter-spacing:0px;
}


a {padding:0;border:0;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

ul{list-style-type:none;list-style-position:outside;}
sup, sub{line-height: 0;}
th{text-align:left;}

.more{
	text-align:right;
	padding-right:10px;
}
.button, .button2{
	float:left;
}
.button a, .button2 a{
	display:block;
	float:left;
	padding-left:15px;
	width:auto;
	height:24px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none !important;
}
.button span, .button2 span{
	padding-right:15px;
	display:block;
}
.buttonRight{
	float:right;
}
.backToTop{
	font-weight:bold;
	margin:1em 0;
	
	
}

/* 20130124: govhk video on featured article */
.backToTop, #lastUpdate{
	display:block;
	width:100%;
	float:left;
	clear:both;
}
.backToTop a{
	padding-left:16px;
}
p.noscript{
	display:block;
	padding:20px;
	text-align:center;
}
.anchor:link,.anchor:visited,.anchor:hover,.anchor:active,.anchor:focus
{text-decoration:none;}


/* 20120829 added no whitespace for images only */
.no-whitespace {
    line-height: 0;
    font-size: 0;
}

/* =================================================================================================
	PRINT
================================================================================================= */
.print{display:none !important;}


/* =================================================================================================
	SCREEN READER
================================================================================================= */
.access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.ignore {display:none !important;} /*hide elements which added for validation*/

/* =================================================================================================
	MOBILE VERSION: 20120906
================================================================================================= */
.mobileonly {display:none;}  /* for elements display in mobile only*/
.mobileignore {}	 /* elements will be strip on mobile version */	
.codeonly {display:none; } /* 20140122: use for javascript, not display */

/* =================================================================================================
	HEADER
================================================================================================= */
#header{
	width:100%;
}
#topbar{
	margin:auto;
	width:970px;
}

/* 20130603 updated for header */
#quickLinks{float:right}
#toolbar{float:left}

#quickLinks li{
	float:left;
	height:32px;
	line-height:32px;
	padding-right:10px;
	white-space:nowrap;
}
/* 20120720: change all ":last-child" to ".last", as it is CSS3 
/* #quickLinks li:last-child{
	padding-right:0;
} */
#quickLinks li.last{
	padding-right:0;
}
#toolbar li{
	float:left;
	height:32px;
	line-height:32px;
	padding-left:10px;
	white-space:nowrap;
}
#toolbar li:first-child{
	padding-left:0;
}
#rss a{
	padding-left:17px;
}
#languageSelector{
	margin-top:5px;
}

/* 20130104: for nvda, 3 langs in diff. list item, set spacing */
.en #toolbar .subItem {
	padding-left:3px;
}
.tc #toolbar .subItem,
.sc #toolbar .subItem  {
	padding-left:7px;
}

.tc #rss, .sc #rss,
.tc #fontSize, .sc #fontSize,
.tc #languages, .sc #languages{
	margin-top:-1px;
}



/* =================================================================================================
	GOVHK BAR
================================================================================================= */
#govhkBar{
	width:100%;
	padding-top:25px;
}
#govhkLogo{
	float:left;
}
#userGroups{
	float:right;
}
#userGroups ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
}
#userGroups ul li{
	float:left;
	height:36px;
}
#userGroups ul li a{
	font-weight:bold;
	display:block;
	height:36px;
	line-height:36px;
	padding:0 16px;
	text-decoration:none;
}

/* 20130618:reduce from 16px to 12px for social groups (english version only) */
.en #userGroups ul li a{
	padding:0 12px;
}

/* 20100908 add */
#userGroups ul li #anchorsearch {
	display:inline;
	height:0;
	width:0;
	padding:0;
	margin:0;
	border:0;
}
#searchBoxContainer{
	padding:7px 0;
	float:left;
}
#searchForm{
	padding:0;
	margin:0;
	/* 20120223: add float left for fixed search box disappear in chrome17 */
	float:left;	
}
#searchBox{
	float:left;
	border:0;
	width:145px;
	height:19px;
	padding:3px 3px 0 2px;
	margin-left:15px;
}
#searchIcon{
	float:left;
	width:20px;
	height:22px;

	margin-right:15px;
	cursor:pointer;
	text-indent:-9999px;
}

/* =================================================================================================
	INFORMATION
================================================================================================= */
#info{
	padding:10px 0 20px;
}
#today{
	float:left;
}
#govhkTopKeywords{
	float:right;
	font-weight:bold;
}

/* =================================================================================================
	SITE Announcement
================================================================================================= */
#announcement{
	position:relative;
	clear:both;
}

/* =================================================================================================
	THEMEATIC SITE IDENTITY
================================================================================================= */
#themeIdentity{
	padding-bottom:20px;
}


/* =================================================================================================
	MAIN & SIDEBAR
================================================================================================= */
.sidebar #main{
	float:left;


	width:693px;
	overflow:hidden;
}
#sidebar{
	float:right;
	width:277px;
	margin-bottom:20px;
}

#sidebar > div{
	margin:10px 19px 10px 18px;
}


/* =================================================================================================
	FOOTER
================================================================================================= */
#footer{
	width:100%;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:20px;
}
#auxiliaryMenu li.shortFooter{
	width:50px;
}
#auxiliaryMenu{
	width:110%;
	float:left;
}

.tc #auxiliaryMenu li, .sc #auxiliaryMenu li{
	text-align:center;
}
#brandhk{
	float:right;
	margin-top:-5px;
}
#badges {
	padding-bottom:20px;
}
#conformance{
	float:left;
}
#conformance li{
	display:block;
	float:left;
	/* 20140919 footer */
	/* margin-right:20px; */
	margin-right:11px;
	padding:0;
}
#conformance li a{
	display:block;
}
/* 20140509 added wac */
#conformance .w3 a,
#conformance .wac a{
	margin-top:20px;
}
#awards{
	float:right;
}
#awards li {
	display:block;
	float:left;
	/* 20140919 footer */
	/* margin-left:20px; */
	margin-left:11px;
	padding:0;
}
#awards li a{
	display:block;
}


/* =================================================================================================
	HOMEPAGE FEATURE PROMOTION
================================================================================================= */

/* 20140704: fix flexslider check it out flash */
#whatsNew .slides > div {display: none; -webkit-backface-visibility: hidden;}


/* Direction Nav */
#feature, #whatsNew{
	position:relative;
	overflow:hidden;
}
#feature{
	height:214px;
}
.flex-direction-nav {
	height:0;
}
.flex-direction-nav a {
	width:30px;
	height:30px;
	margin:-20px 0 0;
	display:block; 
	background:url(/images/homepage/banner_direction_nav.png) no-repeat 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	outline:none;
}
#whatsNew .flex-direction-nav a {
	top:68px;
}
.flex-direction-nav .flex-next {
	background-position:100% 0;
	right:-36px;
}
.flex-direction-nav .flex-prev {
	left:-36px;
}
#feature:hover .flex-next, #whatsNew:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
#feature:hover .flex-prev, #whatsNew:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
#feature:hover .flex-next:hover, #feature:hover .flex-prev:hover,
#whatsNew:hover .flex-next:hover, #whatsNew:hover .flex-prev:hover {
	opacity: 1;
}

/* 20140224: hide the "play" and "pause" at top left corner */
.flex-pauseplay {
	display:none;
}


.afeature, #whatsNew .slides{
	position: relative;
}

.afeaturetitle{
	position: absolute;
	bottom: 0;	
	width: 673px;
	text-align:right;
	padding:10px;
	background:rgba(0, 0, 0, .5);
	color:#FFF;
}

/* Text Only Banner */
.afeature .featureText{
	width:693px;
	height:214px;
	overflow:hidden;
	display:table;
	position:static;
	text-decoration:none;
}
.afeature .featureText strong{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.afeature .featureText p{
	display:block;
	padding:0 20px;
	text-align:center;
	cursor:pointer;
}
.afeature .blendy{
	background-image:url(/images/feature/blendy.png);
	background-position:left bottom;
}
.afeature .glossy{
	background-image:url(/images/feature/glossy.png);
	background-position:left top;
}
.afeature .featureText span{
	/* move to p-tag */
}

/* =================================================================================================
	LOOKING FOR (HOMEPAGE)
================================================================================================= */
#lookingFor{
	padding:0;
	width:455px;
	height:59px;
	text-indent:-9999px;
}



/* =================================================================================================
	CLUSTERS (HOMEPAGE)
================================================================================================= */
#clusters{
	width:455px;
	padding-bottom:5px;
	float:left;
}
#cluster1st{
	width:227px;
	float:left;
}
#cluster2nd{
	width:228px;
	float:right;
}
.clusterItem{
	background-position:10px center;
	background-repeat:no-repeat;
}
#cluster1st .clusterItem{
	margin-left:10px;
}
#cluster2nd .clusterItem{
	margin-right:10px;
}
.clusterItem h3{
	background-position:10px center;
	background-repeat:no-repeat;
}


.clusterLink{
	line-height:1;
	width:217px;
	height:55px;
	overflow:hidden;
	display:table;
	position:static;
	border-bottom-width:1px;
	border-bottom-style:solid;
}





.last .clusterLink{
	border:none;
}
.clusterName{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.clusterName span{
	display:block;
	padding:0 30px 0 50px;
	font-weight:bold;
}
.clusterName span.hover{
	text-decoration:underline;
	cursor:pointer;
}
.clusterTooltipContainer{
	display:none;
}
.clusterTooltip{
	line-height:1.5;
	width:235px;
	min-height:30px;
	padding-top:14px;
	background-repeat:no-repeat;
	background-color:#FFF;
}
.clusterTooltip div{
	padding:10px;
}



/* =================================================================================================
	FEATURED COLUMNS (HOMEPAGE)
================================================================================================= */
#featuredColumns{
	padding-top:20px;
	padding-bottom:20px;
}
.featuredColumn h2{
	height:2.5em;
	font-weight:bold;
	line-height:2.5em;
	padding-left:10px;
}
.featuredColumn li{
	padding-top:15px;
	font-weight:bold;
}
.featuredColumn li a{
	padding-left:30px;
	padding-right:15px;
	line-height:1.2;
	display:block;
}


/* =================================================================================================
	EXTRA (MULTIMEDIA / MOBILE APPS)
================================================================================================= */
#extra{
	width:217px;
	margin-left:10px;
	float:left;
}
#extra a.ui-accordion-header{
	display:block;
	text-decoration:none;
}
#extra h2{
	font-weight:bold;
	line-height:1;
	padding:.75em 10px;
}
#multimedia p {
	padding:1em 5px;
}
/* 20140625 add wrapper after add jquery.ui css */
/* #hkGallery, #extra ul{  */
#wrapper #hkGallery, #wrapper #extra ul{ 
	width:217px;
	height:37.5em;
	padding-bottom:20px;
}
#hkGallery .more{
	padding:1em 5px;
}
#hkInPictures{
	padding:5px;
}
#hkInVideos{
	padding:5px 5px 20px;
}
#extra li a{
	font-weight:bold;
	display:block;
	text-decoration:none;
	line-height:1.2;
}
#extra li .appIcon {
	display:inline-block;
	vertical-align:middle;
	width:32px;
	height:32px;
	margin:0;
	padding:11px 10px;
	cursor:pointer;
}
#extra li .appTitle {
	display:inline-block;
	vertical-align:middle;
	width:155px;
	margin:0;
	padding:20px 10px 20px 0;
	cursor:pointer;
}
#extra li img{
	width:32px;
	height:32px;
}
#extra li.more, #topOnline li.more{
	height:43px;
	line-height:43px;
}
#extra li.more a, #topOnline li.more a{
	display:inline;
	padding:0 20px 0 0;
}
#extra li.more a:hover, #extra li.more a:active, #extra li.more a:focus
#topOnline li.more a:hover, #topOnline li.more a:active, #topOnline li.more a:focus{
	text-decoration:underline;
}

/* =================================================================================================
	TOP GOVERNMENT FORM / TOP ONLINE SERVICES (HOMEPAGE)
================================================================================================= */
#topOnline{
	margin-left:11px;
	float:left;
	width:217px;
}
#topOnline a.ui-accordion-header{
	display:block;
	text-decoration:none;
}
#topOnline h2{
	font-weight:bold;
	line-height:1;
	padding:.75em 10px;
}
/* 20140625 add wrapper after add jquery.ui css */
/* #topOnline ul{  */
#wrapper #topOnline ul {  
	width:217px;
	height:37.5em;
	padding-bottom:20px;
}
#topOnline li a{
	font-weight:bold;
	display:block;
	padding:20px 10px 20px 50px;
	background-repeat:no-repeat;
	background-position:10px center;
	text-decoration:none;
	line-height:1.2;
}

/* =================================================================================================
	WHAT IS HK TALKING ABOUT (HOMEPAGE)
================================================================================================= */

#hkTalking{
	float:right;
	margin-right:10px;
	width:217px;



}
/* 20140625 add wrapper after add jquery.ui css */
/* #hkTalking ul{ */
#wrapper #hkTalking ul{
	min-height:40em;
	height:auto !important;
	height:40em;
	padding-bottom:20px;
}

/* =================================================================================================
	I WANT TO (HOMEPAGE)
================================================================================================= */
#homepage #iWantTo{
	margin:0 5px;
	width:228px;
	float:right;
	padding-bottom:20px;
}
#homepage #iWantTo h2{
	height:59px;
	text-indent:-9999px;
}
#homepage #iWantTo ul{
	margin:0 10px;
	padding:0;
}
#homepage #iWantTo li{
	border-bottom-width:1px;
	border-bottom-style:solid;
	line-height:1.2;
}
#homepage #iWantTo li.last{
	border:none;
}
#homepage #iWantTo li a{
	padding:12px 24px 12px 12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
#homepage #iWantTo li a:hover, #homepage #iWantTo li a:active, #homepage #iWantTo li a:focus{
	text-decoration:underline;
}


/* =================================================================================================
	TOP STORIES (SIDEBAR)
================================================================================================= */
#sidebar #topStories{
	margin:0;
}
#topStories h2{
	width:277px;
	height:59px;
	text-indent:-9999px;
	margin-bottom:8px;
}
#topStories ul{
	margin:0 19px 10px 18px;
}
#topStories ul p{
	line-height:1.5;
}
#topStories ul li{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#topStories ul li.last{
	border-bottom:0;
}
#topStories ul a:hover, #topStories ul a:active, #topStories ul a:focus{
	text-decoration:none;
}
#topStories ul a{
	padding:5px;
	display:block;
}
#topStories ul a.thumbnail{
	width:240px;
	padding:0;
}
#topStories ul a.thumbnail img{
	display:inline-block;
	vertical-align:middle;
	width:58px;
	height:58px;
}
#topStories ul a.thumbnail span{
	display:inline-block;
	vertical-align:middle;
	width:172px;
	padding:5px;
}


/* =================================================================================================
	SINGLE MENU (SIDEBAR)
================================================================================================= */

/* 20150707: add for fix GovHK Quiz */
.singleList,
.singleMenu {
	display:block;
	float:none;
	clear:both;
}



.singleMenuHeader{
	display:block;
	text-decoration:none !important;
}
.singleMenu h2{
	/* 20131231: changed for multilines */
	font-weight:bold;
	padding:10px 25px 10px 30px;
}
.singleMenuList p{
	line-height:1.5;
}
/* 2012-08-01
** Forces font-size to be 12px
 	20120809: remove as handle multilines
*/
.singleMenuList li{
	border-bottom-width:1px;
	border-bottom-style:solid;
	/* font-size: 12px; */
	line-height:1.2;
}
.singleMenuList li.last{
	border-bottom:0;
}
.singleMenuList a:hover, .singleMenuList a:active, .singleMenuList a:focus{
	text-decoration:none;
}
.singleMenuList a, .singleMenuList p, .singleMenuList .more{
	padding:5px;
	display:block;
}
.singleMenuList a.thumbnail{
	float:left;
	width:240px;
	padding:0;
}
.singleMenuList a.thumbnail img{
	float:left;
	width:auto;
	height:auto;
	margin-right:5px;
}
.singleMenuList a.thumbnail span{
	display:block;
	padding:5px;
}
.singleMenuList .more a{
	display:inline;
}



/* =================================================================================================
	SINGLE LINK (SIDEBAR)
================================================================================================= */
.singleLink a{
	/* 20120808: singleLink: change for multilines
	height:31px;
	*/
	min-height:31px;
	line-height:31px;
	padding-left:30px;
	display:block
}


/* =================================================================================================
	ROTATING VEHICLE (SIDEBAR & HK GALLERY)
================================================================================================= */
#sidebar .vehicle div, #sidebar .vehicle div img{
	width:240px;
	height:139px;
}
#hkGallery .vehicle div, #hkGallery .vehicle div img{
	width:207px;
	height:124px;
}

#sidebar .vehicle .bannerText{
	width:240px;
	height:139px;
}
#hkGallery .vehicle .bannerText{
	width:207px;
	height:124px;
}
.vehicle{
	overflow:hidden;
}
.vehicle .bannerText{
	overflow:hidden;
	display:table;
	position:static;
	text-decoration:none;
}
.vehicle .bannerText strong{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.vehicle .blendy{
	background-image:url(/images/banner/blendy.png);
	background-position:left bottom;
}
.vehicle .glossy{
	background-image:url(/images/banner/glossy.png);
	background-position:left top;
}
/* add p */
.vehicle .bannerText p{
	display:block;
	padding:0 10px;
	text-align:center;
	cursor:pointer;
}
.vehicle .bannerText span{
}


/* =================================================================================================
	WHAT'S NEW (CHECK IT OUT) 
================================================================================================= */
#whatsNew {
	width: 228px;
	height: 89px;
	float: right;
	margin: 5px;
}

#whatsNew h2{
	font-weight:bold;
	line-height:31px;
	min-height:31px; 	
	padding:0 10px;
}

#whatsNew .bannerText{
	width:228px;
	height:58px;
}
#whatsNew .bannerText{
	/* 20120827: if not remark */
	overflow:hidden; 
	display:table;
	position:static;
	text-decoration:none;
}
#whatsNew .bannerText strong{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
#whatsNew .blendy{
	background-image:url(/images/banner/blendy.png);
	background-position:left bottom;
}
#whatsNew .glossy{
	background-image:url(/images/banner/glossy.png);
	background-position:left top;
}
/* add p */
#whatsNew .bannerText p{
	display:block;
	padding:0 10px;
	text-align:center;
	cursor:pointer;
}

.shareIcons {
	display:block;
	
	/*
	note: cannot do this:
	float:left;
	clear:both;
	*/
	width:240px;
	padding:10px 0;
	text-align:center;		/* make img-icons center */
	border-bottom:1px solid;
}

.shareIcons ul, .shareIcons li {
	display:inline;
}

/* 20120823: image size is 25x25 
   space between images is 24
*/
.shareIcons img {
	padding:0px 12px; 	
	margin:0;
}

.shareIcons li:first-child img {
	padding:0px 12px 0px 0px;
}

.shareIcons li.last img {
	padding:0px 0px 0px 12px;
}
/* 20120827: whatsNew and shareIcons - end */

.vehicleControl{height:28px;}
.vcl, .vcr{display:block; width:20px; height:28px; float:left;}
.vcc{
	height:28px;
	float:left;
	text-align:center;
}
#sidebar .vcc{
	width:200px;
}
#hkGallery .vcc{
	width:167px;
}
.vind{
	width:10px;

	height:28px;
	display:inline-block;
}


/* =================================================================================================
	ACCORDION MENU (SIDEBAR)
================================================================================================= */
#sidebar .accordion a.ui-accordion-header{
	display:block;
	text-decoration:none;
}
#sidebar .accordion h2{
	font-weight:bold;
	padding:10px 20px;
}
#sidebar .accordion li a{
	display:block;
	font-weight:bold;
	padding:20px 35px 20px 20px;
	background-position:96% center;
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:1.2;
}
#sidebar .accordion li.more{
	padding-right:0;
}
#sidebar .accordion li.more a{
	background-position:96% center !important;
}
#sidebar .accordion li.more a:hover,
#sidebar .accordion li.more a:active,
#sidebar .accordion li.more a:focus{
	text-decoration:underline;
}


/* =================================================================================================
	WEATHER (SIDEBAR): 20120828 move below sidebar
================================================================================================= */
#weather{
	width:240px;
}

/* Modified on 2012-07-27 */
#currentWeather {
	float:left;
	
	padding:10px 0 0 0;
}

/* inside "currentWeather" */
#weatherIcon{
	float:left;
	
	padding:0 0 8px 0;
	
	/*padding:10px 0; */
	
	/* height:33px; */
	/* 20120829: remark this for 2 icons
	width:105px;
	height:3.3em;
	position:relative;
	*/
}

/* 20121126 KC: fix second icon flash by make it 100% */
.wIcon2 #weather2Icons {
	width:240px;
}



/* Modified on 2012-07-27 */
#weatherIcon a{
	display:block;
	
	padding:0;
	margin:0;
	/* 20120829: remove width for 2 icons
	left:1px;
	bottom:0;
	*/
	
	/* combine */
    background: none;
	float:left;	
}

/* for weather: 2nd icons */
#secondIcon {
	position:relative;
	overflow:hidden;
	display:inline-block;
	white-space: nowrap;
}


/* inside "currentWeather" */
#weatherInfo{
	width:135px;
	float:right;
}
/* Modified on 2012-07-27 */
#weatherInfo p{
	display:block;
	line-height:1;
	
	padding-top:0;	/* 20120830 */
	padding-right:5px;
	
	/*
	font-size: 80%;
	*/
}

.wIcon2 #weatherInfo {
	/* 20121127: for 2 icons, a little bit padding-top to align the warning icons */
	padding-top:4px;
}


/* inside "currentWeather", "weatherInfo" */
#weatherTemp{
	text-align:right;
	
	/* combine below */
	display: block;
    padding: 5px 0px 2px;
}
#weatherTemp .figure{
	font-size:116.7%;
}

/* inside "currentWeather", "weatherInfo", "weatherTemp" */
.weatherFigures,#weatherUpdateTime{
	white-space:nowrap;
}

/*
.weatherFigures .figure:nth-child(4) {
	padding-left:5px;
}
*/


/* inside "currentWeather", "weatherInfo" */ 
#weatherForecast{
    display: block;
    padding: 0px; 
}

#weatherForecast a{
	display:block;
}


/* Modified on 2012-07-27 */
#currentWarning{
	/* padding:0px 10px; */
	/* 20120828: reduce for 2 icon plus temp and RH */
	padding:0px 8px;
}

/* 20121127: for 0 or 1 icon, (note:cannot set as default as it override "display:inline" */
.wIcon0 #currentWarning, 
.wIcon1 #currentWarning {
	float:left;	
}

/* 20121127: two icons, let temp and R.H follow it */
.wIcon2 #currentWarning {
	display:inline;
}

/* inside "weather" */
#currentWarning img{
	width:33px;
	height:33px;
	/* 20120828: try remove */
	/* margin-right:5px; */
}

/* When 2 icons, additional style when "weatherInfo" move into "currentWarning" */
#currentWarning #weatherInfo {
	padding-top:5px;
	padding-bottom:5px;
}


/* hide error by default */
/* 20131217: comment it
#weatherError, #apiError{
	display:none;
}
*/

/* 20120830: for weather links */
#weatherError a {
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#fbf8f7;	
}
 
#currentWarning a {
    background: none;
	float:left;
}


/* =================================================================================================
	AQHI (SIDEBAR): 20131220
================================================================================================= */

/* hide title in environment cluster */
.environment .aqhi_title {
	display: none;
}

p.aqhi_info {
	padding-bottom:0;
}

.aqhi_range {
	text-align: center;
}

.aqhi_to {
	display: inline-block;
	text-align: center;
	width: 20px;
}

.aqhi_value {
	border: 1px solid black;
	display: inline-block;
	text-align: left;
	width: 4.5em;
	padding: 2px 2px 2px 22px;
	background-position:2px center;
	background-repeat: no-repeat;
}

.aqhi_low 		{background-image: url(/images/weather/aqhi/low.png);}
.aqhi_moderate 	{background-image: url(/images/weather/aqhi/moderate.png);}
.aqhi_high 		{background-image: url(/images/weather/aqhi/high.png);}
.aqhi_very_high {background-image: url(/images/weather/aqhi/very_high.png);}
.aqhi_serious	{background-image: url(/images/weather/aqhi/serious.png);}

/* =================================================================================================
	Weather near Date (20130531)
================================================================================================= */
/*

*/

/* general div setting for "todayWeather" and inside div-s */
#todayWeather, #todayWeather div {
	display:block; float:left; 
}

/* padding or margin, left or right  */
#today { 
	padding-right:15px;
	/* pad right */
}


#tempTop {
	padding-left:8px;
}

/* only margin-top */
#weatherWarningTop, #weatherCurrentTop {
	margin-top:-5px;
}

/* pad right for each img */
#weatherCurrentTop img {
	padding-right:5px;
}

/* little pad for warning icons */
#weatherWarningTop img {
	padding-right:2px;
}

/* "More" Text:  pad left */
#weatherTextTop, #trafficTextTop {
	display:block; float:left; 
	padding-left:15px;
}

/* note: no style for 1 icon */
.weatherBcIcon1 {
}

/* for 2 icons, space on right will be more */
.weatherBcIcon2 {
	width:90px; 
}

/* 20140127: added */
.feedLinkList {
	display:none;
}



/* =================================================================================================
	KEYPAGES (SMART MENU / ARTICLE)
================================================================================================= */
#pageHeader{
	line-height:1.2;
	border-left-width:30px;
	border-left-style:solid;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:50px; /*for page header icon*/
	background-position:7px center;
	background-repeat:no-repeat;
}
.about #pageHeader{
	padding-left:10px; /*no page header icon*/

}
#pageHeader h1{
	display:inline;
}


/* =================================================================================================
	BREADCRUMB
================================================================================================= */
#breadCrumb {
	padding:10px;
	line-height:1.5;
}
/* 20110228: Home Icons */
#breadCrumbHome {
	display:block;
	padding-left:20px;
	padding-right:3px;
	float:left;
	font-weight:bold;
	color:#990000;
	background-image:url(/images/breadcrumb/home.png);
	background-repeat:no-repeat;
	background-position:left center;
}


/* =================================================================================================
	I WANT TO HEADER (SMART MENU PAGE)
================================================================================================= */
#smartMenuPage #iWantTo h2{
	float:left;
	width:206px;
	height:125px;
	text-indent:-9999px;
}
#smartMenuPage #iWantTo div{
	float:left;
	width:417px;
	padding:10px 20px 10px 50px;
}
#smartMenuPage #iWantTo ul{
	margin-top:10px;
}
#smartMenuPage #iWantTo li{
	margin:10px 0;
	font-weight:bold;
}
#smartMenuPage #iWantTo li a{
	padding-left:20px;
	display:block;
}


/* =================================================================================================
	SMART MENU
================================================================================================= */
#smartMenuContainer{
	padding-top:18px;
}
#smartMenu{
	float:left;
	width:220px;
	height:100%;
	margin-left:3px;
	padding-top:8px;
	/* 20101101: topLegends */
	margin-bottom:20px;
}
#smartMenu ul{
	padding-bottom:5px;
}
#smartMenu li{
	font-weight:bold;
}
#smartMenu li a{
	display:block;
	padding:20px 40px 20px 35px;
	text-decoration:none;
}
/*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
{
	margin-left:8px;
	border-left-width:17px;
	border-left-style:solid;
	padding-left:10px;
}
#smartMenu li.active a{
	cursor:default;
}
#smartContent{
	height:100%;
	float:right;
	width:445px;
	padding-right:10px;
	padding-top:5px;
	/* 20101101: topLegends */
	padding-bottom:20px;
}
#smartContent li{
	margin-bottom:25px;
}
/* #smartContent li:last-child{
	margin-bottom:0;
} */
#smartContent li.last{
	margin-bottom:0;
}
#smartContent h3, #smartContent h4{
	line-height:1.3;
}
#smartContent p{
	line-height:1.3;
}
#smartContent ul ul{
	padding:20px;
}
#smartContent .subCategories a:hover, #smartContent .subCategories a:active, #smartContent .subCategories a:focus,
#smartContent .subCategories h3:hover, #smartContent .subCategories h3:active, #smartContent .subCategories h3:focus,
#smartContent .subCategories h4:hover, #smartContent .subCategories h4:active, #smartContent .subCategories h4:focus{
	text-decoration:underline;
}
#smartContent .clustersLegend{
	padding:0 !important;
	margin:10px 0 !important;
	background-color:transparent !important;
}
#smartContent .clustersLegend span{
	display:block;
	width:14px;
	height:14px;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	text-indent:-9999px;
}
#smartContent .contentItems strong a{
	line-height:1.2;
}
#smartMenuPage #legends{
	text-align:center;
	/* 20101101: topLegends */
	/* margin:50px auto; */
	margin:25px auto 0px auto;
}
#smartMenuPage #legends .clustersLegend{
	display:inline;
}
#smartMenuPage #legends .clustersLegend li{
	display:inline;
	padding-left:18px;
	padding-bottom:5px;
	margin-right:15px;
	line-height:1.5;
}






/* =================================================================================================
	TOP FAQ
================================================================================================= */
#topFAQ h2{
	float:left;
	width:203px;
	height:125px;
	text-indent:-9999px;
}
#topFAQ div{
	float:left;
	width:470px;
	padding:10px 20px 10px 0;
}
#topFAQ ul{
	margin-top:10px;
}
#topFAQ li{
	margin:10px 0;
	font-weight:bold;
}
#topFAQ li a{
	display:block;
	margin-left:45px;
}


/* =================================================================================================
	FAQ PAGE
================================================================================================= */
#faqContainer{
	padding-top:15px;
}
#tabContent #faqContainer{
	padding-top:0;
}

#faq{line-height:1.2}
.faq li{
	margin-bottom:20px;
}
.faqNo{
	display:block;
	float:left;
	width:45px;
}
.faqQuestion{
	margin-left:45px;
}
.faqQuestion:hover, .faqQuestion:active, .faqQuestion:focus{
	text-decoration:underline;
}
.faqAnswer{
	margin:15px 0 0 45px;
	padding:10px;
}
.faqAnswer p{
	line-height:1.5;
}
.faqAnswer p, .faqAnswer h3, .faqAnswer table{
	margin-bottom:1em;
}
/* 20120720: move to govhk.js, as it is CSS3
.faqAnswer p{
	word-wrap:break-word;
} 
*/
.faqAnswer a:link, .faqAnswer a:visited{
	text-decoration:underline;
}
.faqAnswer a:hover, .faqAnswer a:active, .faqAnswer a:focus{
	text-decoration:none;
}
.faqAnswer ul, .faqAnswer ol{
	list-style-position:outside;
	margin:1.5em;
}
.faq .faqAnswer li{
	margin-bottom:1em;
	list-style:disc;
	line-height:1.5;
}
.faq .faqAnswer ul li{list-style:disc;}
.faq .faqAnswer ul li ul li{list-style:disc;}
.faq .faqAnswer ul li ul li ul li{list-style:disc;}
.faq .faqAnswer ol li{list-style:decimal;}
.faq .faqAnswer ol li ol li{list-style:lower-alpha;}
.faq .faqAnswer ol li ol li ol li{list-style:lower-roman;}

.expandButton{
	margin:10px 0;
	float:right;
}


/* =================================================================================================
	VERTICAL TAB MENU
================================================================================================= */
#tabMenuContainer{
	padding-top:18px;
}
#tabMenu{
	float:left;
	width:220px;
	height:100%;
	margin-left:3px;
	padding-top:8px;
}
#tabMenu ul{
	padding-bottom:5px;
}
#tabMenu li{
	font-weight:bold;
}
#tabMenu li a{
	display:block;
	padding:20px 40px 20px 35px;
	text-decoration:none;
}
/*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
{
	margin-left:8px;
	border-left-width:17px;
	border-left-style:solid;
	padding-left:10px;
}
.single #tabMenu li.active a{
	cursor:default;
}
#tabContent{
	height:100%;
	float:right;
	padding:5px 10px 0;
}
.sidebar #tabContent{
	width:450px;
}
.page #tabContent{
	width:727px;
}



/* =================================================================================================
	MAIN CONTENT AREA
================================================================================================= */
#pagePhoto{
	height:125px;
	overflow:hidden;
}
/*Fixed the image size*/
.page #pagePhoto img{
	width:970px;
	height:125px;
}
.sidebar #pagePhoto img{
	width:693px;
	height:125px;
}
#articleContainer{
	padding-top:15px;
}
#tabContent #articleContainer{
	padding-top:0;
}
#article{
	line-height:1.5;
}
.topdown #article, .topdown #faq, .topdown #sitemap{
	padding:0 10px 5em 10px;
}
.sidebar .abreast #article, .sidebar .abreast #faq{
	width:470px;
	float:right;
	padding:0 20px 5em 20px;
	overflow:hidden;
}
.page .abreast #article, .page .abreast #faq{
	width:747px;
	float:right;
	padding:0 20px 5em 20px;
	overflow:hidden;
}



/* =================================================================================================
	CONTENT SECTIONS
================================================================================================= */
.content h3{
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:5px 0;
}
.content h3 a{
	display:block;
	text-decoration:none;
	margin:-5px -2px;
	padding:5px 2px;
}
.content h4 a{
	text-decoration:none !important;
}
.content, .content p, .content h3, .content table, .contentLink{
	margin-bottom:1em;
}
/* 20130124: GovHK video: featured article - "normal" content and content link */
.content, .contentLink, .specialcontent {
	width:100%;	/* 20130205 fix ilearnathome, mobile set at govhklite.css */
	display:block;
	float:left;
	clear:both;
}

/* 20130128: for collapse menu, float:none */
.collapsibleContent .content {
	float:none;
	clear:none;
}

/* 20130726 fix multilang page button on ff22 */
.multilangroot .content {
	float:none;
}


/* 20130118: GovHK Video: override last item margin-bottom */
.content p.last {
	margin-bottom:0;
}


.content td p{
	margin-bottom:0;
}
.content p{
	line-height:1.5;
}
.content ul, .content ol{
	list-style-position:outside;
	margin:1em;
}
.content li{
	display:list-item;
	margin-left:1.5em;
}
.content th{
	padding:5px;
	border-bottom-width:1px;
	border-style:solid;
}
.content td{
	padding:5px;
}
.content blockquote{
	padding-left:2em;
}
/* 20101101: previous code
.content ul li{list-style:disc;}
.content ul li ul li{list-style:disc;}
.content ul li ul li ul li{list-style:disc;}
.content ol li{list-style:decimal;}
.content ol li ol li{list-style:lower-alpha;}
.content ol li ol li ol li{list-style:lower-roman;}
*/

/* 20101101: bullet point for ie6 */
.content ol li{list-style:decimal;}
.content ul li{list-style:disc;}
.content ol ol li{list-style:lower-alpha;}
.content ol ul li{list-style:disc;}
.content ol ol ol li{list-style:lower-roman;}
.content ol ol ul li{list-style:disc;}
.content ol ol ol ol li{list-style:lower-roman;}
.content ol ol ol ul li{list-style:disc;}
/* 20101101: bullet point for ie7+ and FF */
.content ol>li {list-style-type:decimal; }
.content ul>li {list-style-type:disc; }
.content ol ol>li {list-style-type:lower-alpha; }
.content ol ol ol>li {list-style-type:lower-roman; }

.collapsibleContent .content td{
	border-bottom-width:1px;
	border-style:solid;
}

/*Overided general holiday style*/
.about .content .desc {width:50% !important;}
.about .content .date {width:25% !important;}
.about .content .weekday {width:25% !important;}

/*temp. hide all GIH buttons*/
.mapButtons{display:none;}


/* =================================================================================================
	Video for Featured Articles and About-Multimedia
================================================================================================= */


/* 20121214: 1em top and bottom margin for videoList */
.contentLink li.videoList {
	display:block;
	
	/* old: 1 video 1 line: do not set "float" and "clear" */
	float:left;
	clear:both;
	width:100%;
}

/* videoTypes styles */
.videoType1,
.videoType2  {
	display:block;
	width:100%;
	float:left;
	clear:both;	
	margin:5px 0; 
}



/* common: default for "videoType1" (1 row 1 cell), also for "videoType4" */
.videoBlock {
	display:block;
	/* margin:1em 0; 20121130 */
	margin:5px 5px 5px 0;
	padding:5px;
	/* same vertical margin between content and section link 
		note: margin between videos is also 1em
	*/
	
	float:left;clear:both;
	width:100%;
}

/* === video Thumbnail image: common for all videoType === */
.videoTitle {display:block;clear:both;}

.videoThumb {
	position:relative;

	display:block;
	padding:0;
	border:0;
	margin:0;
	/* fix it */
	width:139px;
	height:107px;	
}

/* 20140410: no use
.videoLink {}
*/

.videoImage {
	/* resize to below */
	width:139px;
	height:107px;
}

.videoDurationBg {
    position: absolute;
	display: inline-block;

	top:73px;
	left:0;
	
	padding:0;
	width:139px;	/* 139px total */
	height:34px;	/* top+height=107 */
	
    background-color: #8C3D1E;
	
	/* opacity:0.65; 20130408: move to govhk.js */ 

}

.videoDurationFg {
    position: absolute;
	display: inline-block;

	top:73px;
	left:0;
	
	padding: 0 3px;
	width:133px;	/* 139px total */
	height:34px;	/* 107px total */
	
	color:#ffffff;	/* white */
	
    font-size: 15px; /* 20121130: fix the font size (no enlarge) */
    /* font-weight: bold; */
	line-height: 34px;	/* equal height */

	background-image:url(/images/video/play_icon.png);
	background-position:96px -7px;	
 	background-repeat:no-repeat;
	
	/* opacity:1; */
}	




/* ====== videoType1 ====== */
.videoType1 .videoBlock { 
	width:460px; 
	/* note: desktop width
	   (A) block width: 460px
	   (B) thumbnail image: 139px
	   (C) text width: 300px 
	*/
} 

/* left side container */
.videoType1 .videoThumb  { 
	float:left;  clear:left;  
} 

/* right side container  */
.videoType1 .videoRight  { 
	display:block;
	float:right; 
	width:300px; 
} 

.videoType1 .videoTitle {
	display:block;
	float:left;
	clear:both;
	width:300px; 
	padding-bottom:5px;
} 

/* 20140411: now it is fix width image */
.videoType1 .videoTrans,
.videoType1 .videoAudioDesc  { 
	display:block;
	float:left;
} 

/* 20px space between 2 images */
.videoType1 .videoAudioDesc   { 
	padding-right:20px;
}

/* ====== videoType1 ====== */
/* about-multimedia page (1 row 4 cells) */
.videoType4 .videoBlock { 
	float:left; 
	width:22%; 
	clear:none;
}

/* linear Thumb and Right */
.videoType4 .videoThumb  , 
.videoType4 .videoRight { 
	width:148px;
	display:block;
	float:left;
	clear:both;
} 

/* linear element */
.videoType4 .videoTitle,
.videoType4 .videoAudioDesc,
.videoType4 .videoTrans,
.videoType4 .providedBy  {
	display:block;
	float:left;
	clear:both; 
	padding-right:0;
}

/* reduce provideBy size */
.videoType4 .providedBy  {
	font-style:italic;
	font-size:86%;
	padding-top:5px;
}


/* =================================================================================================
	ARTICLE MENU
================================================================================================= */
.topdown #articleMenu{
	padding:0 10px 2em 10px;

	/* 20130128 fix form icons shift right (topdown only) */
	display:block;
	width:100%; 
	float:left;
	clear:both;
}
.abreast #articleMenu{
	width:173px;
	float:right;
	padding-left:10px;
}
.abreast #articleMenu #iWantTo h2{
	width:173px;
}
.topdown #articleMenu #iWantTo li{
	display:block;
	float:left;
	margin-right:10px;
}

/* 20110228 add iWantTo-li */
.topdown #articleMenu #iWantTo li{
	display:block;
	float:left;
	margin-right:10px;
}
#articleMenu #iWantTo{
	margin-top:5px;
	margin-bottom:20px;
}
#articleMenu #iWantTo h2{
	height:37px;
	text-indent:-9999px;
}
/* 20110228 add iWantTo-ul */
#articleMenu #iWantTo ul{
	display:block;
	float:left;
	clear:both;
	visibility:hidden;
}
#articleMenu #iWantTo li{
	/* 20110228 remark
	padding:3px 0;
	*/
	/* 20110228 added */
	width:100%;
	margin:0;
	padding:0;
	display:block;
	float:left;
	clear:both;
}
/* 20110228 add abreast-li */
.abreast #articleMenu #iWantTo li {
	border-bottom:1px solid #ebebeb;
}

/* 20110228: add (default:abreast) share change from anchor to id (span or anchor) */
#articleMenu #iWantTo li #feedback,
#articleMenu #iWantTo li #share {
	display:block;
	float:left;
	clear:both;
	margin:0;
	margin:3px 0;
	padding:6px 15px 6px 28px; 	/* for show background image */
}
/* 20110228: add: override default padding for topdown  */
.topdown #articleMenu #iWantTo li #share {
	padding:6px 5px 6px 28px;
}
#otherArticle h2{
	height:23px;
	line-height:23px;
	padding-left:10px;
}
#otherArticle li a{
	display:block;
	padding:5px 10px;
}
/* 20110228: remark: #shareContainer, line-height */
#feedbackContainer{
	line-height:1.5;
}
/* 20110228: remark #shareContainer strong, #shareContainer ul, style */
#feedbackContainer strong, #feedbackContainer p{
	display:block;
	padding:5px;
}

/* 20110228: add for shareContainer style */
.abreast #iWantTo #shareContainer {
	display:block;
	width:125px;	/* enough width for 5 icons */
	float:left;
	padding:0 0 5px 28px; /* space for bottom and left */
	margin:0;
	clear:both;
}
.topdown #iWantTo #shareContainer {
	display:block;
	width:125px;	/* enough width for 5 icons */
	float:left;
	padding:7px 0 0px 0px; /* space for bottom and left */
	margin:0;
	clear:right;
}
#iWantTo #shareContainer a{
	width:auto;
	padding:0px 5px 0px 0px;
	margin:0;
	display:block;
	float:left;
	clear:none;
}


/* =================================================================================================
	GOVERNMENT AGENCIES
================================================================================================= */
#govAgencyHeader{
	padding:10px;
}
.govAgencyHeaderItem{
	padding-left:20px;
	font-weight:bold;
	margin-bottom:20px;
	width:auto;
}
.govAgencyHeaderItem p{
	line-height:1.2;
}
#govAgencyAlphabeticalList{
	margin-top:10px;
}
#govAgencyAlphabeticalList li{
	float:left;
	margin:0 .2em .2em 0;
}
#govAgencyAlphabeticalList a {
	display:block;
	text-align:center;
	min-width:1em;
	padding:.2em;
	text-decoration:none;
}
#browseOrganisational{
	float:left;
	margin-right:.5em;
}


.govAgencyAlphabetical h3{
	padding:10px 0;
}
.govAgencyAlphabetical li a{
	text-decoration:none;
	padding:8px 10px;
	display:block;
	font-weight:bold;
	border-top-width:1px;
	border-top-style:solid;
}
.govAgencyAlphabetical ul ul{
	border-top-width:1px;
	border-top-style:solid;
}
.govAgencyAlphabetical ul ul ul{
	margin-left:2em;
	border:none;
}
.govAgencyAlphabetical li li{
	display:list-item;
	list-style:disc inside;
	margin:0 1em;
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* .govAgencyAlphabetical li li:last-child{
	border:none;
} */
.govAgencyAlphabetical li li.last{
	border:none;
}
.govAgencyAlphabetical li li a{
	display:inline;
	border:none;
	padding:0;
	font-weight:normal;
}
.govAgencyAlphabetical li li a:hover,
.govAgencyAlphabetical li li a:active,
.govAgencyAlphabetical li li a:focus{
	text-decoration:underline;
}
.govAgencyAlphabetical li li li{
	border:none;
	margin:0;
	padding:0;
}
.govAgencyOrganisational ul ul ul{
	margin-left:2em;
}
.govAgencyOrganisational li li{
	display:list-item;
	list-style:disc inside;
	margin:0;
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* .govAgencyOrganisational li li:last-child{
	border:none;
} */
.govAgencyOrganisational li li.last{
	border:none;
}
.govAgencyOrganisational li li a{
	display:inline;
	border:none;
	padding:0;
	font-weight:normal;
}
.govAgencyOrganisational li li li{
	border:none;
	margin:0;
	padding:0;
}




/* =================================================================================================
	SITE MAP
================================================================================================= */
#sitemap{
	line-height:1.5;
}
#sitemap .usergroups h3 a {
	display:block;
	padding:10px 10px 10px 20px;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#sitemap .clusterHeader{
	display:block;
	text-decoration:none;
}
#sitemap .clusters {
	padding-bottom:10px;
}
#sitemap .clusters > li{
	margin:0 10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* #sitemap .clusters li:last-child{
	border-bottom:none;
} */
#sitemap .clusters li.last{
	border-bottom:none;
}
#sitemap .clusters li h4.collapsible{
	padding:10px;
}
#sitemap .clusters li h4 a{
	display:block;
	padding:10px;
	text-decoration:none;
}
#sitemap .clusters li h4.collapsible a{
	padding:0;
}
#sitemap .subcategories{
	border-top-width:1px;
	border-top-style:solid;
}
#sitemap .subcategories ul{
	margin:0 1em;
}
#sitemap .subcategories > li{
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* #sitemap .subcategories li:last-child{
	border-bottom:none;
} */
#sitemap .subcategories li.last{
	border-bottom:none;
}
#sitemap .subcategories li{
	display:list-item;
	list-style:disc inside;
	margin:0 20px;
}


/* =================================================================================================
	RSS
================================================================================================= */
.rssList {
	width:100%;

}
.rssList tr{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* .rssList tr:last-child{
	border:none;
} */
.rssList tr.last{
	border:none;
}
.rssList .subject{width:30%}
.rssList .url{width:60%}
.rssList .subscribe{width:10%;text-align:center;}
.rssList .rss{
	display:block;
	width:21px;
	height:21px;
	margin:auto;
	text-indent:-9999px;
}

/* =================================================================================================
	SOCIAL MEDIA
================================================================================================= */
.about .content .blog{
	display:block;
	margin:auto 0;
	width:44px;
	height:15px;
	text-indent:-9999px;
	background:url(/images/icons/socialmedia/blog.gif) no-repeat 0 0;
}
.about .content .blog:hover, .about .content .blog:focus, .about .content .blog:active{
	background-position:-44px 0;
}
.about .content .facebook{
	display:block;
	margin:auto 0;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(/images/icons/socialmedia/facebook.gif) no-repeat 0 0;
}
.about .content .facebook:hover, .about .content .facebook:focus, .about .content .facebook:active{
	background-position:-16px 0;
}
/* 20120720: move opacity to govhk.js, as it is CSS3
.about .content table a:hover img, .about .content table a:active img, .about .content table a:focus img{
	// opacity:0.5;
} */


/* =================================================================================================
	ONLINE SERVICES / E-FORMS
================================================================================================= */
#findOnlineServices h2, #findEForms h2{
	float:left;
	width:250px;
	height:125px;
	text-indent:-9999px;
}
#findOnlineServicesContainer, #findEFormsContainer{
	float:left;
	width:403px;
	padding:10px 20px 10px 20px;
	font-weight:bold;
}
#eFormsTags{
	padding-left:20px;
	margin-bottom:1em;
	width:383px;
}
#eFormsTags .tagCloudLabel{
	margin-left:-20px;
	padding-left:20px;
	background-position:left .5em;
	background-repeat:no-repeat;
}
#eFormsTags span{
	margin-right:1em;
	text-transform:capitalize;
	display:block;float:left;
	line-height:26px;
}
/* 20141204: fix keyword line-height */
.font-size-larger #eFormsTags span{
	line-height:31px;
}
.font-size-largest #eFormsTags span{
	line-height:36px;
}

#eFormsTags span a{
	white-space:nowrap;
}
#eFormsTags .tag-ex-large{
	font-size: 160%;
}
#eFormsTags .tag-large{
	font-size: 120%;
}
/* 20101101: topLegends :override margin-bottom for "content" */
.forms .content2 {
	margin-bottom: 2em;
}
.findOnlineServeicesHeader, .findEFormsHeader{
	line-height:1.2;
	padding-left:20px;
	margin-bottom:1em;
}
.onlineFullList li{
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:5px 0;
	position:relative;
}
/* .onlineFullList li:last-child{
	border:none;
} */
.onlineFullList li.last{
	border:none;
}
.onlineFullList li div{
	display:block;
	float:left;
	margin:0 5px;
}
.onlineFullList li span{
	display:list-item;
	list-style:disc outside;
	margin-left:1.5em;
}
.onlineFullList .eformsTitle{
	display:inline;
	margin-left:0;
}
.onlineFullList .eformsTitle a{
	/*display:block;*/
	line-height:1;
	padding:0 0 .2em 20px;
}
.tc .onlineFullList .eformsTitle a, .sc .onlineFullList .eformsTitle a{
	padding-top:.1em;
}
.onlineFullList .eformsNotes {
	display:block;
	margin:.5em 0;
}

/* 20141231: add osKeyword */
.onlineFullList .eformsKeywords,
.onlineFullList .onlineServicesKeywords {
	display:none;
}
/*.onlineFullList .eformsNotes a{
	margin-right:1em;
}
.onlineFullList li .eformsOthers{
	display:inline;
	float:left;
	margin-left:1.5em;
	margin-right:.5em;
	padding-left:16px;
	background:url(/css/theme/explorer/images/widget/arrow.gif) no-repeat left center;
}
.onlineFullList .eformsDetails{
	float:left;
	margin:0;
}
.onlineFullList .eformsNotes{
	display:block;
	float:left;
	width:150px;
	text-align:right;

	padding:0 !important;
}
.onlineFullList .eformsTitle a{
	padding-right:23px;
}
.onlineFullList .eformsNotes a{
	line-height:1.5;
}
.onlineFullList .eformsKeywords{
	display:none;
}
.onlineFullList .eformsRelated{
	display:inline;
	margin-left:0;
}*/

/*Ajax Search*/
.onlineFullList li span.highlight{
	display:inline;
	margin:0;
}

/*Max width of the item*/
.onlineFullList li .eformsDetails{
	width:483px;
}
.collapsibleContent .collapsibleContent .onlineFullList li .eformsDetails{
	width:443px;
}


/*Legends of each item*/
.onlineFullList li .onlineServicesLegend{
	display:block;
	width:auto;
	max-width:88px;
	float:right;
}
.onlineFullList li .eformsOthers{
	display:block;
	width:auto;
	max-width:120px;
	float:right;
}
.onlineFullList li .eformsFormats{
	display:block;
	margin:0;
	padding-left:20px;
	background-position:left .4em;
	background-repeat:no-repeat;
}
.onlineFullList li .eFormsLegend{
	display:block;
	width:111px;
	float:left;
	margin-left:20px;
}
.onlineFullList li .onlineServicesLegend li, .onlineFullList li .eFormsLegend a{
	display:block;
	width:17px;
	height:17px;
	padding:0;
	margin:.2em 5px 0 0;
	border:none;
	float:left;
	text-indent:-9999px;
}
.onlineFullList li .eFormsLegend a{
	margin-right:20px;
}
.onlineFullList li .onlineServicesLegend li a, .onlineFullList li .eFormsLegend a{
	display:block;
}

/*Legends at the bottom*/
#legends {
	/* 201011101: for easysignon */
	/* margin:10px 0; */
	margin:10px;
}

/* 20130128 fix form icons shift right */
#legends, #tabs, #tabsPage {
	display:block;
	width:100%; 
	float:left;
	clear:both;
}

/* 20130410 for rss page, firefox version 18 */
.collapsibleMenu  {
 	/* display:block; */
	width:100%;
	float:left;
	clear:both;
}


#legends p{
	margin:.5em 0;
}
#legends .onlineServicesLegend li{
	display:inline;
	padding-left:21px;
	padding-top:2px;
	padding-bottom:3px;
	margin-right:15px;
	line-height:2;
}
/* 20101101: easysignon: Legend is a long sentence */
#legends .onlineServicesLegend li.easysignon{
	display:block;
	clear:left;
	padding-right:10px;
}
#legends .eFormsLegend li{
	display:block;
	float:left;
	width:147px;
	height:2em;
	padding-left:21px;
	padding-top:2px;
	padding-bottom:3px;
	margin-bottom:10px;
	line-height:1;
}


/* =================================================================================================
	PERSONALISATION
================================================================================================= */
#styles div{
	visibility:hidden
}
#styleSelector{
	float:left;
	width:240px;
	padding:30px 0 30px 40px;
}
#styleList{
	margin-top:20px;
	padding-bottom:1px;
}
#styleList a{
	display:block;
	line-height:1;
	text-decoration:none;
	padding-right:45px;
}
#styleList span{
	display:block;
	padding:.5em 20px .5em 0;
}
#styleList strong, #styleList img{
	display:block;
	padding:.5em 0;
}
#stylePreview{
	float:left;
	width:625px;
	padding:30px 40px 30px 0;

}
#styleNote{
	margin-top:1.5em;
}
.styleToolBar{
	margin-bottom:20px;
}
.styleToolBar .stylePreviewControl{
	float:left;
	width:108px;
}
.styleToolBar .buttonContainer{
	float:left;
	width:517px;
}
.stylePreviewControl{
	height:14px;
}
.spcl, .spcr{
	display:block;
	width:7px;
	height:14px;

	float:left;
}
.spcc{
	display:block;
	width:94px;
	height:14px;
	float:left;
	text-align:center;
}
.spind{
	width:10px;
	height:14px;
	display:inline-block;
	margin:0 3px;
}
.stylePreview img{
	border:1px solid #CCC;

	margin:0 auto;
}
.stylePreview, .preview{
	display:none;
}
.stylePreview.active, .preview.active{
	display:block;
}



/* =================================================================================================
	TABS
================================================================================================= */
#tabs li{
	display:block;
	float:left;
	margin-right:5px;
	height:30px;
	line-height:30px;
	font-weight:bold;
}
#tabs li a{
	display:block;
	padding-left:15px;
	text-decoration:none;
}
#tabs li span{
	display:block;
	padding-right:15px;
}


/* =================================================================================================
	AJAX SEARCH
================================================================================================= */
#ajaxContainer{
	float:left;
}
#ajaxContainer label{
	float:left;
	line-height:25px;
}

#ajaxSubmitContainer {
	margin-left:10px;
	float:left;
}
#ajaxQuery{
	float:left;
	border:0;
	width:145px;

	padding:3px 3px 0 2px;
	height:23px;
	font-weight:bold;
}
#ajaxSubmit{
	float:left;
	width:20px;
	height:23px;
	cursor:pointer;
	text-indent:-9999px;
}
#ajaxResultContainer{
	margin:10px;
	padding:15px 15px 10px 15px;
	border-width:1px;
	border-style:solid;
	line-height:1.5;
}
#ajaxResultContainer h3{
	padding:0 0 10px;
	font-weight:bold;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#ajaxResultContainer p{
	padding:10px;
}
#ajaxResultContainer ol li{
	margin:.5em 0;
	list-style:decimal inside;
}
#ajaxResultCount{
	display:none;
}
#ajaxMore{
	padding:0 !important;
}


/* =================================================================================================
	COLLAPSIBLE MENU
================================================================================================= */
.collapsibleHeader{
	display:block;
	text-decoration:none !important;
}

/* 20130415: full list of forms - quick fix  */
.about.residents.forms .collapsibleHeader{
	width:100%;
	float:left;
	clear:both;
}

.collapsibleTitle h3, .noncollapsibleTitle h3 a,
.collapsibleTitle h4, .noncollapsibleTitle h4 a{
	display:block;
	padding:10px 40px 10px 10px;
	border-top-width:1px;
	border-top-style:solid;
	text-decoration:none;
}
.collapsibleContent{
	padding:10px 20px;
	border-top-width:1px;
	border-top-style:solid;
	overflow:hidden;
}

/* 20130415: full list of forms - quick fix  */
.about.residents.forms .collapsibleContent{
	/* 20130415: full list of forms - quick fix  */
	width:94%;
	float:left;
	clear:both;
}

/* collapsible submenu */
.collapsibleContent .collapsibleMenu{
	margin:-11px 0 -10px 0;
}


/* =================================================================================================
	GADGETS (THEMATIC SITE)
================================================================================================= */
.gadgetContainer{
	padding-top:5px;
}
.gadget{
	padding:5px 10px 10px 10px;
}
.gadget img{
	vertical-align:middle;
}
.gadget p{
	line-height:1.5;
}
.gadget li{
	display:list-item;
	list-style:disc inside;

}
.gadget li a{
	display:inline !important;
	padding:0 !important;
}




/* =================================================================================================
	NAVIGATION MENU
================================================================================================= */
#navigation{
	font-weight:bold;
}
#navigation li{
	padding:0 10px;
}
#navigation li a{
	display:block;
	padding:12px 10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	text-decoration:none;
}

/*active item*/
.communication 	#navigation li.communication,
.culture		#navigation li.culture,
.education		#navigation li.education,
.employment		#navigation li.employment,
.environment	#navigation li.environment,
.government		#navigation li.government,
.health			#navigation li.health,
.housing		#navigation li.housing,
.immigration	#navigation li.immigration,
.taxes			#navigation li.taxes,
.transport		#navigation li.transport,
.businessgov 		#navigation	li.businessgov,
.businessmainland	#navigation	li.businessmainland,
.corporate			#navigation	li.corporate,
.ecommerce			#navigation	li.ecommerce,
.global				#navigation	li.global,
.humanresources		#navigation	li.humanresources,
.market				#navigation	li.market,
.registration		#navigation	li.registration,
.supportenterprises	#navigation	li.supportenterprises,
.taxes				#navigation	li.taxes,
.investinghk	#navigation	li.investinghk,
.living			#navigation	li.living,
.studyinghk		#navigation	li.studyinghk,
.visarequire	#navigation	li.visarequire,
.visitinghk		#navigation	li.visitinghk,
.workinghk		#navigation	li.workinghk{
	padding:0;
	margin-top:-1px; /*cover the border of previous one*/
}

.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 a,
.supportenterprises	#navigation	li.supportenterprises a,
.taxes				#navigation li.taxes		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
{
	border:none;
	padding-left:20px;
}

/*remove border of last cluster*/
/* 20120720 remove last-child as it is CSS3: #navigation li:last-child a {border:none;} */
#navigation li.last a {border:none;}
.en #navigation li.transport a,
.tc #navigation li.environment a,
.sc #navigation li.environment a
{border:none;}




/* =================================================================================================
	SUB NAVIGATION MENU


================================================================================================= */
#smartMenuPage #subNavigation, #smartMenuPage #smartMenuRightMenu2{
	display:none;
}
#subNavigation{
	padding:10px 0;
	list-style-position:outside;
	list-style-type:disc;
}
#subNavigation li{
	display:list-item;
	padding:5px 0;
	margin:0 20px 0 30px;
}
#subNavigation li a{
	display:inline;
	border:none;
	padding:0 !important;
	line-height:1.2;
}
#subNavigation li a:hover,
#subNavigation li a:active,
#subNavigation li a:focus{
	text-decoration:underline;
}
.communication 	#subsubNavigation li a,
.culture		#subsubNavigation li a,
.education		#subsubNavigation li a,
.employment		#subNavigation li a,
.environment	#subNavigation li a,
.government		#subNavigation li a,
.health			#subNavigation li a,
.housing		#subNavigation li a,
.immigration	#subNavigation li a,
.taxes			#subNavigation li a,
.transport		#subNavigation li a,
.businessgov 		#subNavigation li a,
.businessmainland	#subNavigation li a,
.corporate			#subNavigation li a,
.ecommerce			#subNavigation li a,
.global				#subNavigation li a,
.humanresources		#subNavigation li a,
.market				#subNavigation li a,
.registration		#subNavigation li a,
.supportenterprises	#subNavigation li a,
.investinghk	#subNavigation li a,
.living			#subNavigation li a,
.studyinghk		#subNavigation li a,
.visarequire	#subNavigation li a,
.visitinghk		#subNavigation li a,
.workinghk		#subNavigation li a
{padding-left:0 !important;}





/* =================================================================================================
	CLUSTER ICONS
================================================================================================= */
.residents #clusters		.communication,
.residents .communication 	#pageHeader,
#topOnline .communication
			{background-image: url(/images/icons/residents/communication.png);}
.residents #clusters 		.culture,
.residents .culture 		#pageHeader,
#topOnline .culture
			{background-image: url(/images/icons/residents/culture.png);}
.residents #clusters 		.education,
.residents .education 		#pageHeader,
#topOnline .education
			{background-image: url(/images/icons/residents/education.png);}
.residents #clusters 		.employment,
.residents .employment 		#pageHeader,
#topOnline .employment
			{background-image: url(/images/icons/residents/employment.png);}
.residents #clusters 		.environment,
.residents .environment 	#pageHeader,
#topOnline .environment
			{background-image: url(/images/icons/residents/environment.png);}
.residents #clusters 		.government,
.residents .government 		#pageHeader,
#topOnline .government
			{background-image: url(/images/icons/residents/government.png);}
.residents #clusters 		.health,
.residents .health 			#pageHeader,
#topOnline .health
			{background-image: url(/images/icons/residents/health.png);}
.residents #clusters 		.housing,
.residents .housing 		#pageHeader,
#topOnline .housing
			{background-image: url(/images/icons/residents/housing.png);}
.residents #clusters 		.immigration,
.residents .immigration 	#pageHeader,
#topOnline .immigration
			{background-image: url(/images/icons/residents/immigration.png);}
.residents #clusters 		.taxes,
.residents .taxes 			#pageHeader,
#topOnline .taxes
			{background-image: url(/images/icons/residents/taxes.png);}
.residents #clusters 		.transport,
.residents .transport 		#pageHeader,
#topOnline .transport
			{background-image: url(/images/icons/residents/transport.png);}

.business #clusters 		.businessgov,
.business .businessgov 		#pageHeader,
#topOnline .businessgov
		{background-image: url(/images/icons/business/businessgov.png);}
.business #clusters 		.businessmainland,
.business .businessmainland #pageHeader,
#topOnline .businessmainland
		{background-image: url(/images/icons/business/businessmainland.png);}
.business #clusters 		.corporate,
.business .corporate 		#pageHeader,
#topOnline .corporate
		{background-image: url(/images/icons/business/corporate.png);}
.business #clusters 		.ecommerce,
.business .ecommerce 		#pageHeader,
#topOnline .ecommerce
		{background-image: url(/images/icons/business/ecommerce.png);}
.business #clusters 		.global,
.business .global 			#pageHeader,
#topOnline .global
		{background-image: url(/images/icons/business/global.png);}
.business #clusters 		.humanresources,
.business .humanresources 	#pageHeader,
#topOnline .humanresources
		{background-image: url(/images/icons/business/humanresources.png);}
.business #clusters 		.market,
.business .market 			#pageHeader,
#topOnline .market
		{background-image: url(/images/icons/business/market.png);}
.business #clusters 		.registration,
.business .registration 	#pageHeader,
#topOnline .registration
		{background-image: url(/images/icons/business/registration.png);}
.business #clusters 		.supportenterprises,
.business .supportenterprises #pageHeader,
#topOnline .supportenterprises
		{background-image: url(/images/icons/business/supportenterprises.png);}
.business #clusters 		.taxes,
.business .taxes 			#pageHeader,
#topOnline .taxes
		{background-image: url(/images/icons/business/taxes.png);}
.business #clusters 		.bf,
.business .bf 				#pageHeader,
#topOnline .bf
		{background-image: url(/images/icons/business/bf.png);}

.nonresidents #clusters		.investinghk,
.nonresidents .investinghk	#pageHeader,
#topOnline .investinghk
		{background-image: url(/images/icons/nonresidents/investinghk.png);}
.nonresidents #clusters		.living,
.nonresidents .living 		#pageHeader,
#topOnline .living
		{background-image: url(/images/icons/nonresidents/living.png);}
.nonresidents #clusters		.studyinghk,
.nonresidents .studyinghk	#pageHeader,
#topOnline .studyinghk
		{background-image: url(/images/icons/nonresidents/studyinghk.png);}
.nonresidents #clusters		.visarequire,
.nonresidents .visarequire	#pageHeader,
#topOnline .visarequire
		{background-image: url(/images/icons/nonresidents/visarequire.png);}
.nonresidents #clusters		.visitinghk,
.nonresidents .visitinghk	#pageHeader,
#topOnline .visitinghk
		{background-image: url(/images/icons/nonresidents/visitinghk.png);}
.nonresidents #clusters		.workinghk,
.nonresidents .workinghk	#pageHeader,
#topOnline .workinghk
		{background-image: url(/images/icons/nonresidents/workinghk.png);}


/* =================================================================================================
	CLUSTER COLORS
================================================================================================= */
.about #pageHeader,
.about #tabMenu a 					 	 {border-left-color:#D9541B;}
.residents .communication	#pageHeader,
.residents .communication	#smartMenu a {border-left-color:#4B729E;}
.residents .culture			#pageHeader,
.residents .culture			#smartMenu a {border-left-color:#78C2BD;}
.residents .education		#pageHeader ,
.residents .education		#smartMenu a {border-left-color:#B15074;}
.residents .employment		#pageHeader,

.residents .employment		#smartMenu a {border-left-color:#EBDD52;}
.residents .environment		#pageHeader,
.residents .environment		#smartMenu a {border-left-color:#588144;}
.residents .government		#pageHeader,
.residents .government		#smartMenu a {border-left-color:#7E6E9F;}
.residents .health			#pageHeader,
.residents .health			#smartMenu a {border-left-color:#9C2E2E;}
.residents .housing			#pageHeader,
.residents .housing			#smartMenu a {border-left-color:#A15838;}
.residents .immigration		#pageHeader,
.residents .immigration		#smartMenu a {border-left-color:#233F6E;}
.residents .taxes			#pageHeader,
.residents .taxes			#smartMenu a {border-left-color:#B1D561;}
.residents .transport		#pageHeader,
.residents .transport		#smartMenu a {border-left-color:#CBB6DA;}
.business #pageHeader,
.business #smartMenu a					 {border-left-color:#D8D58D;}
.nonresidents .investinghk	#pageHeader,
.nonresidents .investinghk	#smartMenu a {border-left-color:#5BADCF;}
.nonresidents .living		#pageHeader,
.nonresidents .living		#smartMenu a {border-left-color:#C4B574;}
.nonresidents .studyinghk	#pageHeader,
.nonresidents .studyinghk	#smartMenu a {border-left-color:#B15074;}
.nonresidents .visarequire	#pageHeader,
.nonresidents .visarequire	#smartMenu a {border-left-color:#233F6E;}
.nonresidents .visitinghk	#pageHeader,
.nonresidents .visitinghk	#smartMenu a {border-left-color:#78C2BD;}
.nonresidents .workinghk	#pageHeader,
.nonresidents .workinghk	#smartMenu a {border-left-color:#EBDD52;}


/* =================================================================================================
	SINGLE MENU ICONS (SIDEBAR)
================================================================================================= */
.singleMenu h2, .singleLink h2{
	background-position:6px center;
	background-repeat:no-repeat;
}

/* 20120808: add multiline, background top=(31-17)/2=7  */
/* note: singleLink and multilines in same div */
.singleMenu .multilines h2, .singleLink.multilines  h2{
	background-position:6px 7px;
	background-repeat:no-repeat;
}

/* 20120824: still use "cloud" (api.png) */
/* .smWeather	{background-image:url(/images/icons/singlemenu/weather.png);} */
.smWeather	{background-image:url(/images/icons/singlemenu/api.png);}

.smNews		{background-image:url(/images/icons/singlemenu/news.png);}

.smPress	{background-image:url(/images/icons/singlemenu/press.png);}

/* added for ISD TV API 20140618*/
.smTVAPI	{background-image:url(/images/icons/singlemenu/tv.png);}

/* LL: added psi 20110331 */
.smPsi		{background-image:url(/images/icons/singlemenu/psi.png);}

/* 20151127: add e-cheque  */
.smECheque	{background-image: url(/images/icons/singlemenu/echeque.png);}

.smEnquiries{background-image:url(/images/icons/singlemenu/enquiries.png);}
.smWebcast	{background-image:url(/images/icons/singlemenu/webcast.png);}
.smTraffic	{background-image:url(/images/icons/singlemenu/traffic.png);}
.smMap		{background-image:url(/images/icons/singlemenu/map.png);}
.smECard	{background-image:url(/images/icons/singlemenu/ecard.png);}
.smGadget	{background-image:url(/images/icons/singlemenu/gadget.png);}
.smAPI		{background-image:url(/images/icons/singlemenu/api.png);}
.smAQHI		{background-image:url(/images/icons/singlemenu/api.png);}	
/* 20140128: change for AQHI */

/* ===== 20150707: add for GovHKQuiz: start ===== */
.smQuiz		{ background-image:url(/images/icons/singlemenu/quiz.png); }


	
.smGovHKQuiz .QuestionAndAnswer, 
.smGovHKQuiz .thumbAndQuestion,
.smGovHKQuiz .questionOnly,
.smGovHKQuiz .answerPanel,
.smGovHKQuiz .buttonPanel {
	display:block;
	float:left;
	clear:both;
}

.smGovHKQuiz .QuestionAndAnswer { 
	font-size: 120%;
	margin-bottom:10px;
}

/* 20150710: make "a" as block for bg color effect */
.smGovHKQuiz .QuestionAndAnswer a { 
	/* try */
	background-color:none;
	
	display:block;
	float:left;
	clear:both;
}

.smGovHKQuiz .QuestionAndAnswer.bgImage a:hover .question,
.smGovHKQuiz .QuestionAndAnswer.bgImage a:hover .answerList { 
	text-decoration:underline;
}

/* test
.smGovHKQuiz .QuestionAndAnswer.bgImage:hover  { 
	opacity:0.8; 
}
*/


.smGovHKQuiz .thumbAndQuestion .thumb,
.smGovHKQuiz .thumbAndQuestion .question,
.smGovHKQuiz .questionOnly .question  {
	display:block;
	float:left;
	clear:none;
}


.smGovHKQuiz  .question  {
	line-height:1.4em; /* for all question */
}

/* "smGovHKQuiz" width total: 240px */
.smGovHKQuiz .thumbAndQuestion .thumb  {
	width:64px;
	line-height:0;	/* reset height */
}


.smGovHKQuiz .thumbAndQuestion .question  {
	/* total width: 176px */	
	width:160px;
	padding:7px 7px 0 7px;
	/* note: pad bottom is 0 (esp with thumbnail) */
}

.smGovHKQuiz .questionOnly .question  {
	/* total width: 240px */	
	width:210px;
	padding:10px 15px 0 15px;
	/* note: pad bottom is 0 (esp with thumbnail) */
}

/* typeD */
.smGovHKQuiz.typeD .questionOnly .question  {
	padding-bottom:20px;
}

.smGovHKQuiz .answerPanel {
	/* total width: 240px */	
	padding:10px 0px 10px 30px;
	/* padding: top, bottom and left */
	width:210px;	/* note: make area clickable */
}

.smGovHKQuiz .answerList {
	display:block;
	float:left;
	clear:both;
	line-height:1.8em;
}


.smGovHKQuiz .checkAnswerButton,
.smGovHKQuiz .submitAnswerButton {
	display:block;
	float:left;
	clear:none;
	margin:0px 0px 20px 20px; /* bottom and left */
	border:1px solid black;
	padding:2px;
}

/* 20160201: fix background on typeC and typeD */
/* CAUTION: css class weight this item bigger then style.css */
.singleMenu .bgImage a.thumbnail {
	background-color:transparent;
}



/* ===== 20150707: add for GovHKQuiz: end ===== */

/* =================================================================================================
	LEGEND ICONS
================================================================================================= */
/* Clusters (Smart menu) */
.clustersLegend span, .clustersLegend li{
	background-image:url(/images/legend/clusters.gif);
	background-repeat:no-repeat;
}
.clustersLegend .nongov		{background-position:left 0;}
.clustersLegend .rss		{background-position:left -50px;}
.clustersLegend .service	{background-position:left -100px;}
.clustersLegend .form		{background-position:left -150px;}


/* Online Services */
.onlineServicesLegend li{
	background-image:url(/images/legend/onlineservices.gif);
	background-repeat:no-repeat;
}
.onlineServicesLegend .onlinepayment	{background-position:left 0;}
.onlineServicesLegend .ecert			{background-position:left -50px;}
.onlineServicesLegend .password			{background-position:left -100px;}
.onlineServicesLegend .scanning			{background-position:left -150px;}
.onlineServicesLegend .printing			{background-position:left -200px;}
/* 20101101: easysignon icon at each item */
.onlineServicesLegend .easysignon		{background-position:left -250px;}
/* 20101101: easysignon legend (long sentence) */
#legends .onlineServicesLegend .easysignon	{background-position:left -246px;}


/* 20110601: form efillable to onlineform */
/* e-Forms */
#legends .eFormsLegend li, .eFormsLegend a, .eformsTitle a{
	background-image:url(/images/legend/eforms.gif);
	background-repeat:no-repeat;
}
#legends .eFormsLegend .efillable,
.eFormsLegend .efillable,
.eformsTitle .efillable				{background-position:left 0;}
#legends .eFormsLegend .onlinesubmission,
.eFormsLegend .onlinesubmission,
.eformsTitle .onlinesubmission		{background-position:left -200px;}
#legends .eFormsLegend .pdf,
.eFormsLegend .pdf,
.eformsTitle .pdf					{background-position:left -400px;}
#legends .eFormsLegend .fillablepdf,
.eFormsLegend .fillablepdf,
.eformsTitle .fillablepdf			{background-position:left -600px;}
#legends .eFormsLegend .msword,
.eFormsLegend .msword,
.eformsTitle .msword				{background-position:left -800px;}
#legends .eFormsLegend .msexcel,
.eFormsLegend .msexcel,
.eformsTitle .msexcel				{background-position:left -1000px;}
#legends .eFormsLegend .richtext,
.eFormsLegend .richtext,
.eformsTitle .richtext				{background-position:left -1200px;}
#legends .eFormsLegend .eft,
.eFormsLegend .eft,
.eformsTitle .eft					{background-position:left -1400px;}
#legends .eFormsLegend .ldform,
.eFormsLegend .ldform,
.eformsTitle .ldform 				{background-position:left -1600px;}
#legends .eFormsLegend .dynadoc,
.eFormsLegend .dynadoc,
.eformsTitle .dynadoc				{background-position:left -1800px;}
#legends .eFormsLegend .html,
.eFormsLegend .html,
.eformsTitle .html					{background-position:left -2000px;}
#legends .eFormsLegend .gifjpeg,
.eFormsLegend .gifjpeg,
.eformsTitle .gifjpeg				{background-position:left -2200px;}
/* for easyfillform */
#legends .eFormsLegend .easyfillform,
.eFormsLegend .easyfillform,
.eformsTitle .easyfillform				{background-position:left -2400px;}

.eFormsLegend .efillable:hover,
.eformsTitle .efillable:hover			{background-position:left -100px;}
.eFormsLegend .onlinesubmission:hover,
.eformsTitle .onlinesubmission:hover	{background-position:left -300px;}
.eFormsLegend .pdf:hover,
.eformsTitle .pdf:hover					{background-position:left -500px;}
.eFormsLegend .fillablepdf:hover,
.eformsTitle .fillablepdf:hover			{background-position:left -700px;}
.eFormsLegend .msword:hover,
.eformsTitle .msword:hover				{background-position:left -900px;}
.eFormsLegend .msexcel:hover,
.eformsTitle .msexcel:hover				{background-position:left -1100px;}
.eFormsLegend .richtext:hover,
.eformsTitle .richtext:hover			{background-position:left -1300px;}
.eFormsLegend .eft:hover,
.eformsTitle .eft:hover					{background-position:left -1500px;}
.eFormsLegend .ldform:hover,
.eformsTitle .ldform:hover				{background-position:left -1700px;}
.eFormsLegend .dynadoc:hover,
.eformsTitle .dynadoc:hover				{background-position:left -1900px;}
.eFormsLegend .html:hover,
.eformsTitle .html:hover				{background-position:left -2100px;}
.eFormsLegend .gifjpeg:hover,
.eformsTitle .gifjpeg:hover				{background-position:left -2300px;}
/* for easyfillform */
.eFormsLegend .easyfillform:hover,
.eformsTitle .easyfillform:hover		{background-position:left -2500px;}

.eFormsLegend .efillable:active,
.eformsTitle .efillable:active			{background-position:left -100px;}
.eFormsLegend .onlinesubmission:active,
.eformsTitle .onlinesubmission:active	{background-position:left -300px;}
.eFormsLegend .pdf:active,
.eformsTitle .pdf:active				{background-position:left -500px;}
.eFormsLegend .fillablepdf:active,
.eformsTitle .fillablepdf:active		{background-position:left -700px;}
.eFormsLegend .msword:active,
.eformsTitle .msword:active				{background-position:left -900px;}
.eFormsLegend .msexcel:active,
.eformsTitle .msexcel:active			{background-position:left -1100px;}
.eFormsLegend .richtext:active,
.eformsTitle .richtext:active			{background-position:left -1300px;}
.eFormsLegend .eft:active,
.eformsTitle .eft:active				{background-position:left -1500px;}
.eFormsLegend .ldform:active,
.eformsTitle .ldform:active				{background-position:left -1700px;}
.eFormsLegend .dynadoc:active,
.eformsTitle .dynadoc:active			{background-position:left -1900px;}
.eFormsLegend .html:active,
.eformsTitle .html:active				{background-position:left -2100px;}
.eFormsLegend .gifjpeg:active,
.eformsTitle .gifjpeg:active			{background-position:left -2300px;}
/* for easyfillform */
.eFormsLegend .easyfillform:active,
.eformsTitle .easyfillform:active		{background-position:left -2500px;}


.eFormsLegend .efillable:focus,
.eformsTitle .efillable:focus			{background-position:left -100px;}
.eFormsLegend .onlinesubmission:focus,
.eformsTitle .onlinesubmission:focus	{background-position:left -300px;}
.eFormsLegend .pdf:focus,
.eformsTitle .pdf:focus					{background-position:left -500px;}
.eFormsLegend .fillablepdf:focus,
.eformsTitle .fillablepdf:focus			{background-position:left -700px;}
.eFormsLegend .msword:focus,
.eformsTitle .msword:focus				{background-position:left -900px;}
.eFormsLegend .msexcel:focus,
.eformsTitle .msexcel:focus				{background-position:left -1100px;}
.eFormsLegend .richtext:focus,
.eformsTitle .richtext:focus			{background-position:left -1300px;}
.eFormsLegend .eft:focus,
.eformsTitle .eft:focus					{background-position:left -1500px;}
.eFormsLegend .ldform:focus,
.eformsTitle .ldform:focus				{background-position:left -1700px;}
.eFormsLegend .dynadoc:focus,
.eformsTitle .dynadoc:focus				{background-position:left -1900px;}
.eFormsLegend .html:focus,
.eformsTitle .html:focus				{background-position:left -2100px;}
.eFormsLegend .gifjpeg:focus,
.eformsTitle .gifjpeg:focus				{background-position:left -2300px;}
/* for easyfillform */
.eFormsLegend .easyfillform:focus,
.eformsTitle .easyfillform:focus		{background-position:left -2500px;}



/* =================================================================================================
	ARTICLE MENU ICON (ARTICLE MENU)
================================================================================================= */
#articleMenu #iWantTo li a{
}
#articleMenu #iWantTo #share {
	background:url(/images/icons/article/share.gif) 5px center no-repeat;

}
#articleMenu #iWantTo #feedback {
	background:url(/images/icons/article/feedback.gif) 5px center no-repeat;
}
#articleMenu #iWantTo #bookmark {
	background:url(/images/icons/article/bookmark.gif) 5px center no-repeat;
}

/* =================================================================================================
	MULTILANG PAGE and mygovhk button

================================================================================================= */

/* multiLang default color */
.multiLangText { color:#993333; }

#languages {
	/* 20101215 use unicode symbol for triangle */
	/*
	padding-right:20px;
	background:url(/images/header/lang_other.png) no-repeat right center;
	*/
}

#mygovhk {
	color:#FFFFFF;
	display:block;
	background:url(/images/header/mygovhk_left.gif) no-repeat left center;
	padding-left:4px;
	font-weight:bold;
}

#mygovhk span {
	display:block;
	background:url(/images/header/mygovhk_right.gif)  right center no-repeat;
	padding-right:4px;
}

/*20130603 - MyGov img in header
#mygovhk2 img{
	padding-top: 5px;
}*/

/* 20130610 - MyGov in header (en)*/
#mygovhk_header.en.A{
	background: url(/images/header/1A_en_blank.gif) center center no-repeat;
	width: 180px;
}

.en.A #mygovhk_header_text{
	padding-left: 80px;
}

#mygovhk_header.en.AA{
	background: url(/images/header/2A_en_blank.gif) center center no-repeat;
	width: 196px;
}

.en.AA #mygovhk_header_text{
	padding-left: 83px;
}

#mygovhk_header.en.AAA{
	background: url(/images/header/3A_en_blank.gif) center center no-repeat;
	width: 225px;
}

.en.AAA #mygovhk_header_text{
	padding-left: 95px;
}

/* 20130610 - MyGov in header (tc)*/
#mygovhk_header.tc.A{
	background: url(/images/header/1A_tc_blank.gif) center center no-repeat;
	width: 180px;
}

.tc.A #mygovhk_header_text{
	padding-left: 110px;
}

#mygovhk_header.tc.AA{
	background: url(/images/header/2A_tc_blank.gif) center center no-repeat;
	width: 196px;
}

.tc.AA #mygovhk_header_text{
	padding-left: 116px;
}

#mygovhk_header.tc.AAA{
	background: url(/images/header/3A_tc_blank.gif) center center no-repeat;

	width: 225px;
}

.tc.AAA #mygovhk_header_text{
	padding-left: 134px;
}

/* 20130610 - MyGov in header (sc)*/
#mygovhk_header.sc.A{
	background: url(/images/header/1A_sc_blank.gif) center center no-repeat;
	width: 180px;
}

.sc.A #mygovhk_header_text{
	padding-left: 110px;
}

#mygovhk_header.sc.AA{
	background: url(/images/header/2A_sc_blank.gif) center center no-repeat;
	width: 196px;
}

.sc.AA #mygovhk_header_text{
	padding-left: 116px;
}

#mygovhk_header.sc.AAA{
	background: url(/images/header/3A_sc_blank.gif) center center no-repeat;
	width: 225px;
}

.sc.AAA #mygovhk_header_text{
	padding-left: 134px;
}

/* QuickTips */
ul#langList li {  padding:3px; } /* quick fix */
ul#langList li a{display:block;border-bottom:1px solid #aaa; padding:5px;}
ul#langList li a.last{border-bottom:1px solid #fff;}
/* ul#langList a:hover{opacity:0.5;filter: alpha(opacity = 50);width:100%;zoom:1;} */
/* #waLanguageSelector { padding:5px 5px;}  */

/* =================================================================================================
	socialGroups (20130614)
================================================================================================= */

#searchBox{
	/* width:145px; reduce search box for social groups (20130618) */
	width:135px;	
}

/* div1: set it not exist, for qtip to grab it only */
#socialGroupsDiv1 { 
	display:none; 
	position:absolute; z-index:2; top:0px; left:0px; 
	float:left;
	clear:both;
	margin:0;
	padding:0;
	border:0;
	/* no width specify */
}

/* div2: container for div3 and div4 */
#socialGroupsDiv2  { 
	display:block;
	top:0px; left:0px; 
	float:left;
	clear:both;
	margin:0;

	padding:0;
	border:0;	
	/* no width specify */
}

/* div3: background arrow */
#socialGroupsDiv3 {  
	/* note: float:left will have not background */
	clear:both; 
	padding:0; 
	margin:0; 
	border:0;
	/* no width */
	height:23px;
	background:url(/en/images/socialgroups/underline.png) -225px 0px no-repeat;
	/* background same as 6 style:f7f7f7, -225px by tuning */
	display:block;
 }
 
.tc  #socialGroupsDiv3,
.sc  #socialGroupsDiv3 {
	background:url(/en/images/socialgroups/underline.png) -215px 0px no-repeat;
	/* background same as 6 style:f7f7f7, -130px by tuning */
}


/* div3: background arrow */ 
#socialGroupsDiv4{ 
	display:block; float:left; clear:both; 
	/* margin-top:23px ;	*/
	/* width:800px;  */
	margin:0;
	background:#f7f7f7;
	border-style:solid;
	border-color:#EBEBEB;	/* equal background arrow color */
	border-width:0px 2px 2px 2px;
	padding:0 8px; /* make leftmost and rightmost padding align with padding between items */
	
}

ul#socialGroupsList  { 
	/* line-height:50px; 20130618 */
	line-height:65px;
}

ul#socialGroupsList li { 
	float:left; 
	padding:8px; /* padding between items */
	/* line-height:50px; 20130618 */
	line-height:65px;
	
}

ul#socialGroupsList  li a img { 
	
	vertical-align:middle;
	
}

/*
ul#socialGroupsList li a { 
	vertical-align:middle;

}
*/

/* =================================================================================================
	MYGOVHK BADGE (HOMEPAGE)
================================================================================================= */

/* new homepage */
#mygovhkBadge {
	width:455px;
	margin:5px 0;
	line-height:0;
	float:left;
	position:relative;
}

#mygovhkBadgeHeader{
	width:455px;
	height:66px;
	background:url(/images/mygovhk/homepage/header.gif) no-repeat;
}

#mygovhkBadgeHeader a{
	display:block;
	padding-left:35px;
	height:46px;
	line-height:46px;
	position:absolute;
	top:10px;
}

.en #mygovhkBadgeHeader a{width:50px;}
.tc #mygovhkBadgeHeader a{width:40px;}
.sc #mygovhkBadgeHeader a{width:40px;}

#mygovhkLogin{
	background:url(/images/mygovhk/homepage/login.gif) left center no-repeat;
	right:130px;
}
#mygovhkRegister{
	background:url(/images/mygovhk/homepage/register.gif) left center no-repeat;
	left:345px;
}

#mygovhkRegister{
	position:absolute;
}

#mygovhkBadgeFooter {
	padding:0; margin:0; border:0;
	display:block;
	float:none;
	height:23px;
	line-height:23px;
	text-align:center;
	background:url(/images/mygovhk/homepage/footer.gif) no-repeat;
}

#mygovhkBadgeFooter, #mygovhkBadgeFooter a {
	color:#ffffff;
}
#mygovhkBadgeFooter a {
	font-weight:bold;
}

/* 20140430: wac default hide */
#conformance #wcagWac {
	display:none;
}

/* ===== 20150408: minor enhancment ===== */
/* 20150408: writesup - legend hide */
#smartMenuPage #legends { display:none; }
#smartContent p.clustersLegend  { display:none; }

/* 20150414: OVERRIDE external link icon on videoBlock URLs */
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:link:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:visited:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:hover:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:active:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:focus:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:link:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:visited:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:hover:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:active:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:focus:after {
    content: "";
    background: none;
}

/* ===== 20150713: special handling for taxes table ===== */
.font-size-largest #article .content.DivScroll {
	overflow:scroll;
}

/* ===== 20150720: Gov Forms : additional rotating banner style (copy from mygovhk) ===== */
.about.forms .additionRotatingCell {padding-top:10px;}
.about.forms .additionRotatingCell h2 {display:none;}
.about.forms .additionRotatingCell  p {line-height:20px; padding-top:5px; }
.about.forms .additionRotatingCell  a {font-family:Arial, Helvetica, sans-serif; font-size:14px;}


/* =================================================================================================
	typography.css
	TYPROGRAHPY

	Define the font size and font family
	Use class name en/tc/sc for different language style
	Define elements with unit 'em' indiciate that can be enlarged
	Define elements with unit 'px' will prevent the font size to be enlarged
================================================================================================= */


/* =================================================================================================
	FONT FAMILY
================================================================================================= */

.en, .en input, .en select{font-family:Arial, Helvetica, sans-serif;}
.tc, .tc input, .tc select{font-family:PMingLiu, MingLiu, Arial, Helvetica, sans-serif;}
.sc, .sc input, .sc select{font-family:PMingLiu, MingLiu, Arial, Helvetica, sans-serif;}

*[lang|='en']			{font-family:Arial, Helvetica, sans-serif;}
.tc .en, .sc .en		{font-family:Arial, Helvetica, sans-serif;} 					/*ie6*/
*[lang|='zh']			{font-family:PMingLiu, MingLiu, Arial, Helvetica, sans-serif;}
.en .zh-HK, .en .zh-CN	{font-family:PMingLiu, MingLiu, Arial, Helvetica, sans-serif;}	/*ie6*/



/* =================================================================================================
	FONT SIZE (FIXED)
================================================================================================= */
#fontSizeM{font-size:12px;}
#fontSizeL{font-size:16px;}
#fontSizeEx{font-size:20px;}
#searchBox, #ajaxQuery{font-size:12px;}
#userGroups li a{font-size:13px;}

/* =================================================================================================
	FONT SIZE (VARIES)
================================================================================================= */
body {font-size:100.0%;}
sup {
	font-size:80%;
	vertical-align:super;
}
sub {
	font-size:80%;
	vertical-align:sub;
}

/* 20120830: remove "#weather" as now it is on "singleMenuList", 
	otherwise will be 1.2x1.2=1.44 times
*/
#header, #footer, #info,
#breadCrumb, #navigation, #legends, #articleMenu, #shareContainer, #feedbackContainer,
#featureTitles h2, #clusters h3, #homepage #iWantTo li a, .clusterTooltip,
.featuredColumn, #extra, #topOnline, #tabs,
#topStories li, #whatsNew h2, .singleMenu h2, .singleMenuList, .singleLink, .gadget,
#sidebar .accordion h2, #sidebar .accordion li,
#styleNote
{
	font-size:120%;
}

/* 20101207: add button3 */
.button, .button2, .button3
{
	font-size:130%;
}

#sitemapList,
#ajaxResultContainer h3, #ajaxResultContainer ol, #ajaxResultContainer p,
.backToTop, #lastMod
{
	font-size:140%;
}

/*eforms notes in ajax search*/
#ajaxResultContainer .eformsNotes{font-size:100%;}

.content, .contentLink, #lastUpdate,
.collapsibleTitle h3, .noncollapsibleTitle h3,
.collapsibleTitle h4, .noncollapsibleTitle h4,
.govAgencyHeaderItem, .govAgencyAlphabetical, .govAgencyOrganisational .collapsibleContent,
.faq, #styleSelector,
#findOnlineServices, #findEForms, .onlineFullList,
#smartMenu li, #tabMenu li,
#smartMenuPage #iWantTo,
#smartContent h3, #smartContent h4, #smartContent .contentItems strong, #smartContent p
{
	font-size:150%;
}

/*heading in content*/
.content h5{font-size:93.3%;}
.content h6{font-size:86.7%;}


#lookingFor
{
	font-size:160%;
}

#pageHeader h1, p.noscript
{
	font-size:200%;
}

/* 20101207: multilang */
ul#langList {
	font-size:120%;
}

/* make homepage and cluster banner text same for all languages */
.afeature .featureText strong, .vehicle .bannerText strong{
	font-family:Arial, Helvetica, sans-serif, PMingLiu, MingLiu ;
}

/* mygovhk */
#mygovhkBadgeHeader a{font-size:16px;}
#mygovhkBadgeFooter {font-size:12px;}

/* =================================================================================================
	10:53 2018-03-01 remark Line 4198 to 5497 (obsolete code on site.css) 
	DEFAULT GOVHK THEME
	20130829 (modal window)

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



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

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


/+* =================================================================================================
	GENERIC ELEMENTS
================================================================================================= *+/
.more a{
	font-weight:bold;
	padding-right:20px;
	background-image:url(images/widget/arrow.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:#000 !important;
	background-image:url(images/widget/arrow.gif) !important;
	background-position:right center !important;
	background-repeat:no-repeat !important;
}
.button a{
	color:#444 !important;
	background:url(images/widget/button.gif) repeat-x;
}
.button span{
	background:url(images/widget/button.gif) right top repeat-x;
}
.button a:hover, .button a:active, .button a:focus{
	background:url(images/widget/button.gif) left bottom repeat-x;
}
.button a:hover span, .button a:active span, .button a:focus span{
	background:url(images/widget/button.gif) right bottom repeat-x;
}
.button2 a{
	color:#FFF !important;
	background:url(images/widget/button2.gif) repeat-x;
}
.button2 span{
	background:url(images/widget/button2.gif) right top repeat-x;
}
.button2 a:hover, .button2 a:active, .button2 a:focus{
	background:url(images/widget/button2.gif) left bottom repeat-x;
}
.button2 a:hover span, .button2 a:active span, .button2 a:focus span{
	background:url(images/widget/button2.gif) right bottom repeat-x;
}


.backToTop a{
	color:#D88422 !important;
	background:url(images/widget/back_to_top.gif) left center no-repeat;
}
p.noscript{
	color:#F00;
	background:#FFA;
}

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

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


/+* =================================================================================================
	GOVHK BAR
================================================================================================= *+/
#govhkBar{
	color:#666;
}
#userGroups li a{
	color:#c1c1c1;
	background:url(images/header/usergroup.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:#f8981d;
}
#userGroups ul #usrGrpResidents a{
	background:url(images/header/usergroup.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 #govhkSearch{
	background:url(images/header/usergroup.gif) -250px top no-repeat;
}
/+* 201012: Search for multiLang *+/
#userGroups ul #govhkSearchMulti{
	background:url(images/header/usergroup.gif) left top no-repeat;
}
#searchBoxContainer{
	background:url(images/header/usergroup.gif) right top no-repeat;
}
#searchBox{
	color:#666;
	background:url(images/header/searchbox.gif) left top no-repeat;
}
#searchIcon{
	background:url(images/header/searchbox.gif) right top no-repeat;
	border:0px solid #FFF;
}


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


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


/+* =================================================================================================
	HOMEPAGE
================================================================================================= *+/
#homepage{
	background:#3f3530 url(images/homepage/bg.gif) right repeat-y;
}

#homepage #main{
	background:#E5E6E7;
}

/+* =================================================================================================
	HOMEPAGE MODAL
================================================================================================= *+/
.en  #modalFeature h2{background:url(images/en/hp_dyk.png) no-repeat;}
.tc  #modalFeature h2{background:url(images/tc/hp_dyk.png) no-repeat;}
.sc  #modalFeature h2{background:url(images/sc/hp_dyk.png) no-repeat;}


/+* =================================================================================================
	HOMEPAGE FEATURE
================================================================================================= *+/
#arrowSlider{
	background-color:#151005;
}
#theArrow{
	background:url(images/homepage/feature_arrow.gif) no-repeat;
}
#featureTitles{
	background:#000 url(images/homepage/feature.gif) left top repeat-x;
}
.afeaturetitle a {
	color:#fff !important;
	text-decoration:none !important;
	background:transparent url(images/homepage/feature.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)
================================================================================================= *+/
.en  #lookingFor{background:url(images/en/hp_lookingfor.gif) no-repeat;}
.tc  #lookingFor{background:url(images/tc/hp_lookingfor.gif) no-repeat;}
.sc  #lookingFor{background:url(images/sc/hp_lookingfor.gif) no-repeat;}

#lookingFor div{
	color:#000;
}



/+* =================================================================================================
	CLUSTERS (HOMEPAGE)
================================================================================================= *+/
#citizenRelated {
	background:url(images/homepage/citizenRelated.gif) bottom no-repeat;
}
.clusterLink{
	color:#FFF;
	border-color:#b2aeac;
	background:url(images/homepage/cluster_arrow.gif) 95% center no-repeat;
}
.clusterName span{
	color:#FFF;
}
.clusterTooltip{
	background-color:transparent;
	background-image:url(images/homepage/cluster_tooltip.gif);
}
.clusterTooltip div, .clusterTooltip strong{
	color:#000;
	background:#F8981D;
}

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


/+* =================================================================================================


	FEATURED COLUMNS (HOMEPAGE)
================================================================================================= *+/
#featuredColumns{
	background:#3f3530;
}
.featuredColumn h2{
	color:#FFF;
	background:transparent url(images/homepage/fc_top.gif) left top no-repeat;
}
#mobileApps ul, #whatsHKTalking ul, #topOnlineServices ul{
	background:#f5f0f0 url(images/homepage/fc_bottom.gif) bottom no-repeat;
}
.featuredColumn li a{
	background:url(images/widget/arrow.gif) 1em .2em no-repeat;
}

/+* =================================================================================================
	EXTRA (MULTIMEDIA)
================================================================================================= *+/
#hkGallery, #mobileApps{
	background-color:#f5f0f0;
}
#hkInPictures, #hkInVideos{
	background:#E1E0D4;
}


/+* =================================================================================================
	MOBILE APPS / TOP ONLINE FORMS / TOP ONLINE SERVICES (HOMEPAGE)
================================================================================================= *+/
#extra, #topOnline{
	background:#3f3530;
}
/+* 20120516: remark
#extra .accordion h2,
#topOnline .accordion h2{
	color:#FFF;
	background:url(images/homepage/accordion.gif) left -300px no-repeat;
}
#extra .accordion .ui-state-default h2,
#topOnline .accordion .ui-state-default h2{
	color:#000;
	background-position:left -100px;
}
#extra .accordion div:first-child h2,
#topOnline .accordion div:first-child h2{
	background-position:left -200px;
}
#extra .accordion .first h2,
#topOnline .accordion .first h2{
	background-position:left -200px;
}
#extra .accordion div:first-child .ui-state-default h2,
#topOnline .accordion div:first-child .ui-state-default h2{
	background-position:left top;
}
#extra .accordion .first .ui-state-default h2,
#topOnline .accordion .first .ui-state-default h2{
	background-position:left top;
}
*+/
/+* 20120516: default: dim and second-more child *+/
#extra .accordion h2,
#topOnline .accordion h2 {
	color:#000;
	background:url(images/homepage/accordion.gif) left -100px no-repeat;
}
/+* dim and first child *+/
#extra .accordion div:first-child h2,
#topOnline .accordion div:first-child h2,
#extra .accordion .first h2,
#topOnline .accordion .first h2{
	background-position:left top;
}
/+* highlight and second-more child *+/
#extra .accordion .ui-state-active h2,
#topOnline .accordion .ui-state-active h2{
	color:#FFF;
	background-position:left -300px;
}
/+* highlight and first child *+/
#extra .accordion div:first-child .ui-state-active h2,
#topOnline .accordion div:first-child .ui-state-active h2,
#extra .accordion .first .ui-state-active h2,
#topOnline .accordion .first .ui-state-active h2{
	background-position:left -200px;
}


#extra ul, #topOnline ul{
	background-color:#f5f0f0;
}
#extra li, #topOnline li{
	background:#E1E0D4;
}
#extra li.alt, #topOnline li.alt{
	background:#f5f0f0;
}
#extra li a, #topOnline li a{
	color:#333;
}
#extra li a:hover, #extra li a:active, #extra li a:focus,
#topOnline li a:hover, #topOnline li a:active, #topOnline li a:focus{
	background-color:#EBD7A5;
	color:#333;
}
#extra li.more a:hover, #extra li.more a:active, #extra li.more a:focus,
#topOnline li.more a:hover, #topOnline li.more a:active, #topOnline li.more a:focus{
	background-color:transparent;
}


/+* =================================================================================================
	I WANT TO (HOMEPAGE)
================================================================================================= *+/
.en #homepage #iWantTo{background:url(images/en/hp_iwt.gif) no-repeat 0 0}
.tc #homepage #iWantTo{background:url(images/tc/hp_iwt.gif) no-repeat 0 0}
.sc #homepage #iWantTo{background:url(images/sc/hp_iwt.gif) no-repeat 0 0}

#homepage #iWantTo li{
	border-color:#B2AEAC;
}
#homepage #iWantTo li a{
	background:url(images/homepage/cluster_arrow.gif) 98% center no-repeat;
	color:#fff;
}


/+* =================================================================================================
	TOP STORIES (HOMEPAGE)
================================================================================================= *+/
.en #homepage #topStories{background:url(images/en/hp_topstories.gif) no-repeat;}
.tc #homepage #topStories{background:url(images/tc/hp_topstories.gif) no-repeat;}
.sc #homepage #topStories{background:url(images/sc/hp_topstories.gif) no-repeat;}

#topStories li {
	background:#E9E9E1;
	border-color:#fbf8f7;
}
#topStories li a{
	background-color:#E9E9E1;
	background-image:url(images/widget/singlemenu_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#topStories li a:hover, #topStories li a:active, #topStories li a:focus,
#topStories a.thumbnail:hover, #topStories a.thumbnail:active, #topStories a.thumbnail:focus {
	color:#FFF;
	background-position:-240px top;
}


/+* =================================================================================================
	WHATS NEW (HOMEPAGE)
================================================================================================= *+/
#whatsNew	{background:url(images/homepage/cio.gif) no-repeat;}
#whatsNew h2 {color:#FFF}


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

/+* 20120830: for weather links *+/
#weatherError a {
	border-color:#fbf8f7;	
}

/+* =================================================================================================
	SINGLE MENU (HOMEPAGE)
================================================================================================= *+/
.singleMenu .singleMenuTitle {background:url(images/widget/singlemenu.gif) left top no-repeat;}
.singleMenu .close {background:url(images/widget/singlemenu.gif) left -50px no-repeat !important;}

/+* 20120808: multilines: use new image and new y pos *+/
.singleMenu .singleMenuTitle.multilines { background:url(images/widget/singlemenu_multi.gif) left top no-repeat; }
.singleMenu .close.multilines  {	background:url(images/widget/singlemenu_multi.gif) left -100px no-repeat !important; }


.singleMenu h2{color:#FFF;}
/+* 20120724: add "singleMenuBg" for whatsNew area *+/
.singleMenuList li, .singleMenuBg {
	background:#E9E9E1;
	border-color:#fbf8f7;
}
/+* 20120824: singleMenu "a.thumbnail" is for rotatingBanner with thumbnail only *+/
.singleMenuList li a,
.singleMenu a.thumbnail {
	background-color:#E9E9E1;
	background-image:url(images/widget/singlemenu_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
.singleMenuList li a:hover, .singleMenuList li a:active, .singleMenuList li a:focus,
.singleMenu a.thumbnail:hover, .singleMenu a.thumbnail:active, .singleMenu a.thumbnail:focus {
	color:#FFF;
	background-position:-240px top;
}
.singleMenu a.thumbnail {
	text-decoration:none;
}

.singleMenuList li .more a:hover, .singleMenuList li .more a:active, .singleMenuList li .more a:focus{
	color:#000;
}


/+* =================================================================================================
	SINGLE LINK (HOMEPAGE)
================================================================================================= *+/
.singleLink 	{background:url(images/widget/singlemenu.gif) left -100px no-repeat;}

/+* 20120808: multilines: use new image and new y pos *+/
/+* note: singleLink and multilines in same div *+/
.singleLink.multilines {  background:url(images/widget/singlemenu_multi.gif) left -200px no-repeat; }

.singleLink a	{color:#FFF !important;}


/+* =================================================================================================
	ROTATING VEHICLE (SIDEBAR & HK GALLERY)
================================================================================================= *+/
#sidebar .vcl, #sidebar .vcc, #sidebar .vcr{background-image:url(images/banner/control.gif);}
#sidebar .vind{background-image:url(images/banner/ctl_ind.gif)}
#hkGallery .vcl, #hkGallery .vcc, #hkGallery .vcr{background-image:url(images/homepage/control.gif);}
#hkGallery .vind{background-image:url(images/homepage/ctl_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)
================================================================================================= *+/
/+* 20120516: remark
#sidebar .accordion h2{
	color:#FFF;
	background:url(images/widget/accordion.gif) left -300px no-repeat;
	border-bottom:1px solid #FFF;
}
#sidebar .accordion .ui-state-default h2{
	color:#000;
	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;
}
*+/
/+* 20120516: default: dim and second-more child *+/
#sidebar .accordion h2 {
	color:#000;
	background:url(images/widget/accordion.gif) left -100px no-repeat;
	border-bottom:1px solid #FFF;
}
/+* dim and first child *+/
#sidebar .accordion > div:first-child h2, 
#sidebar .accordion .first h2{
	background-position:left top;
}
/+* highlight and second-more child *+/
#sidebar .accordion .ui-state-active h2 {
	color:#FFF;
	background-position:left -300px;
}
/+* highlight and first child *+/
#sidebar .accordion > div:first-child .ui-state-active h2,
#sidebar .accordion .first .ui-state-active h2 {
	background-position:left -200px;
}


#sidebar .accordion ul{
	background:#FFF;
}
#sidebar .accordion li{
	background:#FFF;
}
#sidebar .accordion li.alt{
	background:#E1E0D4;
}
#sidebar .accordion li a{
	background-image:url(images/widget/arrow.gif);
	color:#333;
}
#sidebar .accordion li a:hover, #sidebar .accordion li a:active, #sidebar .accordion li a:focus{
	background-color:#EBD7A5;
	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(images/grid/page.gif) right repeat-y;
}


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

/+* =================================================================================================
	I WANT TO (SMARTMENU PAGE)
================================================================================================= *+/
.en #smartMenuPage #iWantTo h2{ background:url(images/en/sm_iwt.gif) no-repeat;}
.tc #smartMenuPage #iWantTo h2{ background:url(images/tc/sm_iwt.gif) no-repeat;}
.sc #smartMenuPage #iWantTo h2{ background:url(images/sc/sm_iwt.gif) no-repeat;}
#smartMenuPage #iWantTo{
	color:#FFF;
	background:#C06C21 url(images/smartmenu/iwt_bg.gif) repeat-x;
}
#smartMenuPage #iWantTo li a{
	color:#FFF;
	background:url(images/widget/arrow_header.gif) left .2em no-repeat;
}


/+* =================================================================================================
	SMART MENU
================================================================================================= *+/
#smartMenu, #smartMenu ul, #smartMenu li a{
	background-image:url(images/smartmenu/smartmenu.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:#EEE;
}
#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(images/en/top_faq.gif) no-repeat;}
.tc #faqPage #topFAQ h2{ background:url(images/tc/top_faq.gif) no-repeat;}
.sc #faqPage #topFAQ h2{ background:url(images/sc/top_faq.gif) no-repeat;}
#faqPage #topFAQ{
	color:#FFF;
	background:#CF8024 url(images/faq/bg.gif) repeat-x;
}
#faqPage #topFAQ li a{
	color:#FFF;
}
.faqAnswer{
	background:#E1E0D4;
}


/+* =================================================================================================
	VERTICAL TAB MENU
================================================================================================= *+/
#tabMenu, #tabMenu ul, #tabMenu a, #tabMenu li a{
	background-image:url(images/smartmenu/smartmenu.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:#F2DAC0;
	background:#B45B24 url(images/onlineservices/bg.gif) repeat-x;
}
.govAgencyHeaderItem{
	background:url(images/widget/arrow_header.gif) left .1em no-repeat;
}
.govAgencyHeaderItem a{
	color:#FFF !important;
}
.govAgencyAlphabetical ul ul{
	background:#E2E0D4;
	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:#EBD7A5;
	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:#F2DAC0;
	color:#D9541B !important;
}
#govAgencyAlphabeticalList a:hover,
#govAgencyAlphabeticalList a:active,
#govAgencyAlphabeticalList a:focus{
	background-color:#FFF;
}
#article .govAgencyOrganisational li li{
	border-color:#FFF;
}
#article .govAgencyOrganisational a{
	color:#000;
}

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


/+* =================================================================================================
	SITE MAP
================================================================================================= *+/
#sitemap .usergroups h3 a{
	color:#FFF;
	background:url(images/sitemap/header.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:#EBD7A5;
	color:#333 !important;
}
#sitemap .clusters{
	background:#ECECE4;
}
#sitemap .clusters li{
	border-color:#CCCDC8;
}
#sitemap .clusters li h4.collapsible{
	background:url(images/widget/collapsible.gif) right top no-repeat;
}
#sitemap .clusters li h4.close{
	background-position:right -400px;
}
#sitemap .subcategories{
	background:#E2E0D4;
	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(images/rss/subscribe.gif) no-repeat;
}
.rssList .rss:hover, .rssList .rss:active, .rssList .rss:focus{
	background-position:right;
}


/+* =================================================================================================
	ONLINE SERVICES / E-FORMS
================================================================================================= *+/
.en #findOnlineServices h2{ background:url(images/en/find_os.gif) no-repeat;}
.tc #findOnlineServices h2{ background:url(images/tc/find_os.gif) no-repeat;}
.sc #findOnlineServices h2{ background:url(images/sc/find_os.gif) no-repeat;}
.en #findEForms h2{ background:url(images/en/find_eforms.gif) no-repeat;}
.tc #findEForms h2{ background:url(images/tc/find_eforms.gif) no-repeat;}
.sc #findEForms h2{ background:url(images/sc/find_eforms.gif) no-repeat;}



#findOnlineServices, #findEForms {
	color:#F2DAC0;
	background:#B45B24 url(images/onlineservices/bg.gif) repeat-x;
}
#findOnlineServices a, #findEForms a {
	color:#FFF;
}
.findOnlineServeicesHeader, .findEFormsHeader  {
	background:url(images/widget/arrow_header.gif) left .2em no-repeat;
}
.onlineFullList li{
	border-color:#FFF;
}
.onlineFullList a{
	color:#000 !important;
}
.onlineFullList .eformsNotes a{
	color:#900 !important;
}
.onlineFullList a:visited, .onlineFullList .eformsNotes a:visited{
	color:#372864 !important;
}
.onlineFullList li .eformsFormats{
	background-image:url(images/widget/arrow.gif)
}
#eFormsTags .tagCloudLabel{
	background-image:url(images/widget/arrow_header.gif);
}
#eFormsTags .tag-ex-large a{color:#FFD200}
#eFormsTags .tag-large a{color:#FFE887}
#eFormsTags .tag a{color:#FFFFDD}


/+* =================================================================================================
	PERSONALISATION
================================================================================================= *+/
#styles{
	background:#F0F0E6;
}
#styleList{
	background:url(images/style/list_btm.gif) left bottom no-repeat;
}
#styleList a{
	background:url(images/style/list.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(images/style/arrow.gif) right center no-repeat;
}
.spcl, .spcr, .spind{
	background:url(images/style/control.gif) no-repeat;
}
.spcl{
	background-position:left top;
}
.spcr{
	background-position:right top;
}
.spind{
	background-position:-52px top;
}
.spcc .active{
	background-position:-34px top;
}

/+*20130603 : Added for personalisation via header*+/
.headerItem a{
	display:block;
	padding:4px;
}

.headerItem.active a{
	display:block;
	padding:4px;
	background:url(images/style/list.gif) no-repeat 50% 70%;
}

.headerItem a:hover{
	display:block;
	padding:4px;
	background:url(images/style/list.gif) no-repeat 50% 60%;
}

/+* =================================================================================================
	TABS
================================================================================================= *+/
#tabs, #tabs li a, #tabs li span{
	background-color:#F7F7F7;
	background-image:url(images/widget/tabs.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(images/widget/ajaxsearch.gif) no-repeat;
}
#ajaxSubmit{
	background:transparent url(images/widget/ajaxsearch.gif) right no-repeat;
	border:0px solid #FFF;
}
#ajaxResultContainer{
	background-color:#ECECEC;
	border-color:#CCC;
}
#ajaxResultContainer h3{
	border-color:#CCC;
}
#ajaxResultContainer a{
	color:#900 !important;
}
#ajaxResultContainer .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:#EBD7A5;
	color:#333 !important;
}
.collapsibleTitle h3, .noncollapsibleTitle h3 a,
.collapsibleTitle h4, .noncollapsibleTitle h4 a{
	border-color:#CCCDC8;
}
.collapsibleTitle{
	background:transparent url(images/widget/collapsible.gif) right top no-repeat;
}
.collapsibleTitle.close{
	background-position:right -400px;
}
.collapsibleContent{
	border-color:#CCCDC8;
	background:#ECECE4;
}
.collapsibleContent .collapsibleContent{
	background:#E2E0D4;
}


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


/+* =================================================================================================
	NAVIGATION MENU
================================================================================================= *+/
#navigation{
	background:#3f3530;
}
/+*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:#e98713;
	color:#FFF;
}

#navigation li a {
	color:#fff;
	border-color:#5f524a;
}
#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
	background:#534741 !important;
	color:#FFF !important;
}


/+* =================================================================================================
	SUB NAVIGATION MENU
================================================================================================= *+/
#subNavigation{
	background:#FEFEFE;
}
#subNavigation li, #subNavigation li a{
	color:#000 !important;
	background:#FEFEFE !important;
}
#subNavigation li a:hover, #subNavigation li a:active, #subNavigation li a:focus {
	background:#FEFEFE !important;
	color:#000 !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:#884700 !important;}



/+* =================================================================================================
	ARTICLE MENU
================================================================================================= *+/
.en #articleMenu #iWantTo h2{background:#E67E17 url(images/en/article_iwt.gif) no-repeat;}
.tc #articleMenu #iWantTo h2{background:#E67E17 url(images/tc/article_iwt.gif) no-repeat;}
.sc #articleMenu #iWantTo h2{background:#E67E17 url(images/sc/article_iwt.gif) no-repeat;}

#articleMenu #iWantTo li{
	/+* 20110228: hide bg arrow
	background:url(images/widget/arrow.gif) 99% center no-repeat;
	*+/
}
#otherArticle h2{
	color:#FFF;
	background:#144284 url(images/article/readother.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:#900;
}

/+* =================================================================================================
	VIDEO SECTIONS
================================================================================================= *+/
.videoBlock { 
	background-color:#e0e0d4; /+* 20130124 *+/
}


/+* =================================================================================================
	CONTENT SECTIONS
================================================================================================= *+/
.content{
	color:#333;
	background-color:#F7F7F7;
	text-decoration:none;
}
.content a.anchor{
	color:#333 !important;
	text-decoration:none !important;
}
.content a:link, .contentLink a:link{
	color:#900;
	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:#939;
	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 *+/


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


/+* ===== 20150427: feature article - i want to - external icon ===== *+/
#smartMenuPage #iWantTo li a[rel="external"]:after {
    content: "";
    display: inline-block;
    background: url("images/external/i_want_to_out.png") no-repeat top right;
    width: 17px;
    height: 13px;
}


/+* ===== 20150427: feature article - content - external icon ===== *+/
/+* note: only desktop version have #articleContainer, body.ClusterFeatureArticle and #pageContainer *+/
/+* note2: 20160105: add external icon to #faqContainer   *+/
#articleContainer #article .contentLink  a[rel="external"]:link:after,
#articleContainer #article .contentLink  a[rel="external"]:visited:after,
body.ClusterFeatureArticle  #article .content  a[rel="external"]:link:after,
body.ClusterFeatureArticle  #article .content  a[rel="external"]:visited:after,
#pageContainer #smartContent .contentItems strong a[rel="external"]:link:after,
#pageContainer #smartContent .contentItems strong a[rel="external"]:visited:after  ,
#faqContainer .faqAnswer a[rel="external"]:link:after,
#faqContainer .faqAnswer a[rel="external"]:visited:after {
    content: "";
    display: inline-block;
    background: url("images/external/external_out.png") no-repeat top right;
    width: 17px;
    height: 13px;
}

#articleContainer #article .contentLink  a[rel="external"]:hover:after,
#articleContainer #article .contentLink  a[rel="external"]:active:after,
#articleContainer #article .contentLink  a[rel="external"]:focus:after,
body.ClusterFeatureArticle #article .content  a[rel="external"]:hover:after,
body.ClusterFeatureArticle #article .content  a[rel="external"]:active:after,
body.ClusterFeatureArticle  #article .content  a[rel="external"]:focus:after,
#pageContainer #smartContent .contentItems strong a[rel="external"]:hover:after,
#pageContainer #smartContent .contentItems strong a[rel="external"]:active:after, 
#pageContainer #smartContent .contentItems strong a[rel="external"]:focus:after ,
#faqContainer .faqAnswer a[rel="external"]:hover:after,
#faqContainer .faqAnswer a[rel="external"]:active:after,
#faqContainer .faqAnswer a[rel="external"]:focus:after {
    background: url("images/external/external_over.png") no-repeat top right;
}*/

/* =================================================================================================
	layout.css (LAYOUT GRID)
	20141231: eform,os tagcloud
	20150115: hide os tagcloud
	20160201: fix qna bg on type c and d

	Common layout stylesheet for GovHK
	Define the layout grid / base look & feel etc.
================================================================================================= */



/* =================================================================================================
	WRAPPER
================================================================================================= */
body {
	margin:0;
	padding:0;

		/*
	  
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  */
  /*
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  */
	
}
#wrapper{
	width:100%;
	min-width:970px;
}
#pageContainer{
	margin:auto;
	width:970px;
	overflow:hidden;
	height:100%;
	min-height:100%;
}


/* =================================================================================================
	ACCORDION RESET
================================================================================================= */

#wrapper .ui-accordion .ui-accordion-icons {
	padding:0;
}

#wrapper .ui-widget {
	font-size:1em;
}

#wrapper .ui-accordion .ui-accordion-header {
    margin-top: 0px;
}

#wrapper .ui-state-default, 
#wrapper .ui-widget-content .ui-state-default, 
#wrapper .ui-widget-header .ui-state-default {
	border:0;
}


#wrapper .ui-accordion .ui-accordion-icons {
	padding:0;
}
#wrapper .ui-accordion .ui-accordion-noicons {
	padding:0;
}
#wrapper .ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding:0;
}
#wrapper .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	/* position: absolute; */
	left: 0;
	top: 0;
	margin-top: 0;
}
#wrapper .ui-accordion .ui-accordion-content {
	padding: 0; 
	border: 0;
	/* overflow: none; */
	/* 20140704: esp. for hp-en-nonres */
	overflow: hidden;
}


/*
#wrapper .ui-accordion {
	font-size:1em;
}
*/

/* =================================================================================================
	CLEARING
================================================================================================= */
/*Add elements to be clear*/
#topbar, #govhkBar, #info, #announcement, #weather, #currentWeather, #legends, #footer, #badges,
#citizenRelated, #featuredColumns,
#smartMenuContainer, #articleContainer, #tabMenuContainer, #faqContainer, #tabs, #styles,
#govAgencyAlphabeticalList, #findOnlineServices, #findEForms, #ajaxForm, #eFormsTags,
#findEFormsContainer #ajaxSearchForm, #findOnlineServicesContainer #ajaxSearchForm,
#smartMenuPage #iWantTo, #faqPage #topFAQ,
#articleMenu #iWantTo ul, #shareContainer ul,
.sidebar, .buttonContainer, .findOnlineServeicesHeader, .findEFormsHeader, .govAgencyHeaderItem,
.eFormsLegend, .clustersLegend, .styleToolBar,
.singleMenuList li, .onlineFullList li, #topStories li
{
	overflow:hidden;
	width:100%;
}
/* 20120726: add "singleMenuBg" attribute here, when necessary */

/* 20130410: fix firefox ver18 cannot show top button in multilang pages */
/* fix by .collapsibleMenu
#sitemap .content {
	float:none;
}
*/

/* =================================================================================================
	GENERIC ELEMENTS
================================================================================================= */

/* 20121221:apply 1px line-spacing for tc and sc (desktop and mobile) */
.tc, .sc {
	letter-spacing:1px;
}

/* 20121221:0 letter spacing for below */
#weatherTemp {
	letter-spacing:0px;
}


a {padding:0;border:0;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

ul{list-style-type:none;list-style-position:outside;}
sup, sub{line-height: 0;}
th{text-align:left;}

.more{
	text-align:right;
	padding-right:10px;
}
.button, .button2{
	float:left;
}
.button a, .button2 a{
	display:block;
	float:left;
	padding-left:15px;
	width:auto;
	height:24px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none !important;
}
.button span, .button2 span{
	padding-right:15px;
	display:block;
}
.buttonRight{
	float:right;
}
.backToTop{
	font-weight:bold;
	margin:1em 0;
	
	
}

/* 20130124: govhk video on featured article */
#lastUpdate{
	display:block;
	width:100%;
	float:left;
	clear:both;
}
.backToTop a{
	padding-left:16px;
}
p.noscript{
	display:block;
	padding:20px;
	text-align:center;
}
.anchor:link,.anchor:visited,.anchor:hover,.anchor:active,.anchor:focus
{text-decoration:none;}


/* 20120829 added no whitespace for images only */
.no-whitespace {
    line-height: 0;
    font-size: 0;
}

/* =================================================================================================
	PRINT
================================================================================================= */
.print{display:none !important;}


/* =================================================================================================
	SCREEN READER
================================================================================================= */
.access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.ignore {display:none !important;} /*hide elements which added for validation*/

/* =================================================================================================
	MOBILE VERSION: 20120906
================================================================================================= */
.mobileonly {display:none;}  /* for elements display in mobile only*/
.mobileignore {}	 /* elements will be strip on mobile version */	
.codeonly {display:none; } /* 20140122: use for javascript, not display */

/* =================================================================================================
	HEADER
================================================================================================= */
#header{
	width:100%;
}
#topbar{
	margin:auto;
	width:970px;
}

/* 20130603 updated for header */
#quickLinks{float:right}
#toolbar{float:left}

#quickLinks li{
	float:left;
	height:32px;
	line-height:32px;
	padding-right:10px;
	white-space:nowrap;
}
/* 20120720: change all ":last-child" to ".last", as it is CSS3 
/* #quickLinks li:last-child{
	padding-right:0;
} */
#quickLinks li.last{
	padding-right:0;
}
#toolbar li{
	float:left;
	height:32px;
	line-height:32px;
	padding-left:10px;
	white-space:nowrap;
}
#toolbar li:first-child{
	padding-left:0;
}
#rss a{
	padding-left:17px;
}
#languageSelector{
	margin-top:5px;
}

/* 20130104: for nvda, 3 langs in diff. list item, set spacing */
.en #toolbar .subItem {
	padding-left:3px;
}
.tc #toolbar .subItem,
.sc #toolbar .subItem  {
	padding-left:7px;
}

.tc #rss, .sc #rss,
.tc #fontSize, .sc #fontSize,
.tc #languages, .sc #languages{
	margin-top:-1px;
}



/* =================================================================================================
	GOVHK BAR
================================================================================================= */
#govhkBar{
	width:100%;
	padding-top:25px;
}
#govhkLogo{
	float:left;
}
#userGroups{
	float:right;
}
#userGroups ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
}
#userGroups ul li{
	float:left;
	height:36px;
}
#userGroups ul li a{
	font-weight:bold;
	display:block;
	height:36px;
	line-height:36px;
	padding:0 16px;
	text-decoration:none;
}

/* 20130618:reduce from 16px to 12px for social groups (english version only) */
.en #userGroups ul li a{
	padding:0 12px;
}

/* 20100908 add */
#userGroups ul li #anchorsearch {
	display:inline;
	height:0;
	width:0;
	padding:0;
	margin:0;
	border:0;
}
#searchBoxContainer{
	padding:7px 0;
	float:left;
}
#searchForm{
	padding:0;
	margin:0;
	/* 20120223: add float left for fixed search box disappear in chrome17 */
	float:left;	
}
#searchBox{
	float:left;
	border:0;
	width:145px;
	height:19px;
	padding:3px 3px 0 2px;
	margin-left:15px;
}
#searchIcon{
	float:left;
	width:20px;
	height:22px;

	margin-right:15px;
	cursor:pointer;
	text-indent:-9999px;
}

/* =================================================================================================
	INFORMATION
================================================================================================= */
#info{
	padding:10px 0 20px;
}
#today{
	float:left;
}
#govhkTopKeywords{
	float:right;
	font-weight:bold;
}

/* =================================================================================================
	SITE Announcement
================================================================================================= */
#announcement{
	position:relative;
	clear:both;
}

/* =================================================================================================
	THEMEATIC SITE IDENTITY
================================================================================================= */
#themeIdentity{
	padding-bottom:20px;
}


/* =================================================================================================
	MAIN & SIDEBAR
================================================================================================= */
.sidebar #main{
	float:left;


	width:693px;
	overflow:hidden;
}
#sidebar{
	float:right;
	width:277px;
	margin-bottom:20px;
}

#sidebar > div{
	margin:10px 19px 10px 18px;
}


/* =================================================================================================
	FOOTER
================================================================================================= */
#footer{
	width:100%;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:20px;
}
#auxiliaryMenu li.shortFooter{
	width:50px;
}
#auxiliaryMenu{
	width:110%;
	float:left;
}

.tc #auxiliaryMenu li, .sc #auxiliaryMenu li{
	text-align:center;
}
#brandhk{
	float:right;
	margin-top:-5px;
}
#badges {
	padding-bottom:20px;
}
#conformance{
	float:left;
}
#conformance li{
	display:block;
	float:left;
	/* 20140919 footer */
	/* margin-right:20px; */
	margin-right:11px;
	padding:0;
}
#conformance li a{
	display:block;
}
/* 20140509 added wac */
#conformance .w3 a,
#conformance .wac a{
	margin-top:20px;
}
#awards{
	float:right;
}
#awards li {
	display:block;
	float:left;
	/* 20140919 footer */
	/* margin-left:20px; */
	margin-left:11px;
	padding:0;
}
#awards li a{
	display:block;
}


/* =================================================================================================
	HOMEPAGE FEATURE PROMOTION
================================================================================================= */

/* 20140704: fix flexslider check it out flash */
#whatsNew .slides > div {display: none; -webkit-backface-visibility: hidden;}


/* Direction Nav */
#feature, #whatsNew{
	position:relative;
	overflow:hidden;
}
#feature{
	height:214px;
}
.flex-direction-nav {
	height:0;
}
.flex-direction-nav a {
	width:30px;
	height:30px;
	margin:-20px 0 0;
	display:block; 
	background:url(/images/homepage/banner_direction_nav.png) no-repeat 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	outline:none;
}
#whatsNew .flex-direction-nav a {
	top:68px;
}
.flex-direction-nav .flex-next {
	background-position:100% 0;
	right:-36px;
}
.flex-direction-nav .flex-prev {
	left:-36px;
}
#feature:hover .flex-next, #whatsNew:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
#feature:hover .flex-prev, #whatsNew:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
#feature:hover .flex-next:hover, #feature:hover .flex-prev:hover,
#whatsNew:hover .flex-next:hover, #whatsNew:hover .flex-prev:hover {
	opacity: 1;
}

/* 20140224: hide the "play" and "pause" at top left corner */
.flex-pauseplay {
	display:none;
}


.afeature, #whatsNew .slides{
	position: relative;
}

.afeaturetitle{
	position: absolute;
	bottom: 0;	
	width: 673px;
	text-align:right;
	padding:10px;
	background:rgba(0, 0, 0, .5);
	color:#FFF;
}

/* Text Only Banner */
.afeature .featureText{
	width:693px;
	height:214px;
	overflow:hidden;
	display:table;
	position:static;
	text-decoration:none;
}
.afeature .featureText strong{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.afeature .featureText p{
	display:block;
	padding:0 20px;
	text-align:center;
	cursor:pointer;
}
.afeature .blendy{
	background-image:url(/images/feature/blendy.png);
	background-position:left bottom;
}
.afeature .glossy{
	background-image:url(/images/feature/glossy.png);
	background-position:left top;
}
.afeature .featureText span{
	/* move to p-tag */
}

/* =================================================================================================
	LOOKING FOR (HOMEPAGE)
================================================================================================= */
#lookingFor{
	padding:0;
	width:455px;
	height:59px;
	text-indent:-9999px;
}



/* =================================================================================================
	CLUSTERS (HOMEPAGE)
================================================================================================= */
#clusters{
	width:455px;
	padding-bottom:5px;
	float:left;
}
#cluster1st{
	width:227px;
	float:left;
}
#cluster2nd{
	width:228px;
	float:right;
}
.clusterItem{
	background-position:10px center;
	background-repeat:no-repeat;
}
#cluster1st .clusterItem{
	margin-left:10px;
}
#cluster2nd .clusterItem{
	margin-right:10px;
}
.clusterItem h3{
	background-position:10px center;
	background-repeat:no-repeat;
}


.clusterLink{
	line-height:1;
	width:217px;
	height:55px;
	overflow:hidden;
	display:table;
	position:static;
	border-bottom-width:1px;
	border-bottom-style:solid;
}





.last .clusterLink{
	border:none;
}
.clusterName{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.clusterName span{
	display:block;
	padding:0 30px 0 50px;
	font-weight:bold;
}
.clusterName span.hover{
	text-decoration:underline;
	cursor:pointer;
}
.clusterTooltipContainer{
	display:none;
}
.clusterTooltip{
	line-height:1.5;
	width:235px;
	min-height:30px;
	padding-top:14px;
	background-repeat:no-repeat;
	background-color:#FFF;
}
.clusterTooltip div{
	padding:10px;
}



/* =================================================================================================
	FEATURED COLUMNS (HOMEPAGE)
================================================================================================= */
#featuredColumns{
	padding-top:20px;
	padding-bottom:20px;
}
.featuredColumn h2{
	height:2.5em;
	font-weight:bold;
	line-height:2.5em;
	padding-left:10px;
}
.featuredColumn li{
	padding-top:15px;
	font-weight:bold;
}
.featuredColumn li a{
	padding-left:30px;
	padding-right:15px;
	line-height:1.2;
	display:block;
}


/* =================================================================================================
	EXTRA (MULTIMEDIA / MOBILE APPS)
================================================================================================= */
#extra{
	width:217px;
	margin-left:10px;
	float:left;
}
#extra a.ui-accordion-header{
	display:block;
	text-decoration:none;
}
#extra h2{
	font-weight:bold;
	line-height:1;
	padding:.75em 10px;
}
#multimedia p {
	padding:1em 5px;
}
/* 20140625 add wrapper after add jquery.ui css */
/* #hkGallery, #extra ul{  */
#wrapper #hkGallery, #wrapper #extra ul{ 
	width:217px;
	height:37.5em;
	padding-bottom:20px;
}
#hkGallery .more{
	padding:1em 5px;
}
#hkInPictures{
	padding:5px;
}
#hkInVideos{
	padding:5px 5px 20px;
}
#extra li a{
	font-weight:bold;
	display:block;
	text-decoration:none;
	line-height:1.2;
}
#extra li .appIcon {
	display:inline-block;
	vertical-align:middle;
	width:32px;
	height:32px;
	margin:0;
	padding:11px 10px;
	cursor:pointer;
}
#extra li .appTitle {
	display:inline-block;
	vertical-align:middle;
	width:155px;
	margin:0;
	padding:20px 10px 20px 0;
	cursor:pointer;
}
#extra li img{
	width:32px;
	height:32px;
}
#extra li.more, #topOnline li.more{
	height:43px;
	line-height:43px;
}
#extra li.more a, #topOnline li.more a{
	display:inline;
	padding:0 20px 0 0;
}
#extra li.more a:hover, #extra li.more a:active, #extra li.more a:focus
#topOnline li.more a:hover, #topOnline li.more a:active, #topOnline li.more a:focus{
	text-decoration:underline;
}

/* =================================================================================================
	TOP GOVERNMENT FORM / TOP ONLINE SERVICES (HOMEPAGE)
================================================================================================= */
#topOnline{
	margin-left:11px;
	float:left;
	width:217px;
}
#topOnline a.ui-accordion-header{
	display:block;
	text-decoration:none;
}
#topOnline h2{
	font-weight:bold;
	line-height:1;
	padding:.75em 10px;
}
/* 20140625 add wrapper after add jquery.ui css */
/* #topOnline ul{  */
#wrapper #topOnline ul {  
	width:217px;
	height:37.5em;
	padding-bottom:20px;
}
#topOnline li a{
	font-weight:bold;
	display:block;
	padding:20px 10px 20px 50px;
	background-repeat:no-repeat;
	background-position:10px center;
	text-decoration:none;
	line-height:1.2;
}

/* =================================================================================================
	WHAT IS HK TALKING ABOUT (HOMEPAGE)
================================================================================================= */

#hkTalking{
	float:right;
	margin-right:10px;
	width:217px;



}
/* 20140625 add wrapper after add jquery.ui css */
/* #hkTalking ul{ */
#wrapper #hkTalking ul{
	min-height:40em;
	height:auto !important;
	height:40em;
	padding-bottom:20px;
}

/* =================================================================================================
	I WANT TO (HOMEPAGE)
================================================================================================= */
#homepage #iWantTo{
	margin:0 5px;
	width:228px;
	float:right;
	padding-bottom:20px;
}
#homepage #iWantTo h2{
	height:59px;
	text-indent:-9999px;
}
#homepage #iWantTo ul{
	margin:0 10px;
	padding:0;
}
#homepage #iWantTo li{
	border-bottom-width:1px;
	border-bottom-style:solid;
	line-height:1.2;
}
#homepage #iWantTo li.last{
	border:none;
}
#homepage #iWantTo li a{
	padding:12px 24px 12px 12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
#homepage #iWantTo li a:hover, #homepage #iWantTo li a:active, #homepage #iWantTo li a:focus{
	text-decoration:underline;
}


/* =================================================================================================
	TOP STORIES (SIDEBAR)
================================================================================================= */
#sidebar #topStories{
	margin:0;
}
#topStories h2{
	width:277px;
	height:59px;
	text-indent:-9999px;
	margin-bottom:8px;
}
#topStories ul{
	margin:0 19px 10px 18px;
}
#topStories ul p{
	line-height:1.5;
}
#topStories ul li{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#topStories ul li.last{
	border-bottom:0;
}
#topStories ul a:hover, #topStories ul a:active, #topStories ul a:focus{
	text-decoration:none;
}
#topStories ul a{
	padding:5px;
	display:block;
}
#topStories ul a.thumbnail{
	width:240px;
	padding:0;
}
#topStories ul a.thumbnail img{
	display:inline-block;
	vertical-align:middle;
	width:58px;
	height:58px;
}
#topStories ul a.thumbnail span{
	display:inline-block;
	vertical-align:middle;
	width:172px;
	padding:5px;
}


/* =================================================================================================
	SINGLE MENU (SIDEBAR)
================================================================================================= */

/* 20150707: add for fix GovHK Quiz */
.singleList,
.singleMenu {
	display:block;
	float:none;
	clear:both;
}



.singleMenuHeader{
	display:block;
	text-decoration:none !important;
}
.singleMenu h2{
	/* 20131231: changed for multilines */
	font-weight:bold;
	padding:10px 25px 10px 30px;
}
.singleMenuList p{
	line-height:1.5;
}
/* 2012-08-01
** Forces font-size to be 12px
 	20120809: remove as handle multilines
*/
.singleMenuList li{
	border-bottom-width:1px;
	border-bottom-style:solid;
	/* font-size: 12px; */
	line-height:1.2;
}
.singleMenuList li.last{
	border-bottom:0;
}
.singleMenuList a:hover, .singleMenuList a:active, .singleMenuList a:focus{
	text-decoration:none;
}
.singleMenuList a, .singleMenuList p, .singleMenuList .more{
	padding:5px;
	display:block;
}
.singleMenuList a.thumbnail{
	float:left;
	width:240px;
	padding:0;
}
.singleMenuList a.thumbnail img{
	float:left;
	width:auto;
	height:auto;
	margin-right:5px;
}
.singleMenuList a.thumbnail span{
	display:block;
	padding:5px;
}
.singleMenuList .more a{
	display:inline;
}



/* =================================================================================================
	SINGLE LINK (SIDEBAR)
================================================================================================= */
.singleLink a{
	/* 20120808: singleLink: change for multilines
	height:31px;
	*/
	min-height:31px;
	line-height:31px;
	padding-left:30px;
	display:block
}


/* =================================================================================================
	ROTATING VEHICLE (SIDEBAR & HK GALLERY)
================================================================================================= */
#sidebar .vehicle div, #sidebar .vehicle div img{
	width:240px;
	height:139px;
}
#hkGallery .vehicle div, #hkGallery .vehicle div img{
	width:207px;
	height:124px;
}

#sidebar .vehicle .bannerText{
	width:240px;
	height:139px;
}
#hkGallery .vehicle .bannerText{
	width:207px;
	height:124px;
}
.vehicle{
	overflow:hidden;
}
.vehicle .bannerText{
	overflow:hidden;
	display:table;
	position:static;
	text-decoration:none;
}
.vehicle .bannerText strong{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.vehicle .blendy{
	background-image:url(/images/banner/blendy.png);
	background-position:left bottom;
}
.vehicle .glossy{
	background-image:url(/images/banner/glossy.png);
	background-position:left top;
}
/* add p */
.vehicle .bannerText p{
	display:block;
	padding:0 10px;
	text-align:center;
	cursor:pointer;
}
.vehicle .bannerText span{
}


/* =================================================================================================
	WHAT'S NEW (CHECK IT OUT) 
================================================================================================= */
#whatsNew {
	width: 228px;
	height: 89px;
	float: right;
	margin: 5px;
}

#whatsNew h2{
	font-weight:bold;
	line-height:31px;
	min-height:31px; 	
	padding:0 10px;
}

#whatsNew .bannerText{
	width:228px;
	height:58px;
}
#whatsNew .bannerText{
	/* 20120827: if not remark */
	overflow:hidden; 
	display:table;
	position:static;
	text-decoration:none;
}
#whatsNew .bannerText strong{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
#whatsNew .blendy{
	background-image:url(/images/banner/blendy.png);
	background-position:left bottom;
}
#whatsNew .glossy{
	background-image:url(/images/banner/glossy.png);
	background-position:left top;
}
/* add p */
#whatsNew .bannerText p{
	display:block;
	padding:0 10px;
	text-align:center;
	cursor:pointer;
}

.shareIcons {
	display:block;
	
	/*
	note: cannot do this:
	float:left;
	clear:both;
	*/
	width:240px;
	padding:10px 0;
	text-align:center;		/* make img-icons center */
	border-bottom:1px solid;
}

.shareIcons ul, .shareIcons li {
	display:inline;
}

/* 20120823: image size is 25x25 
   space between images is 24
*/
.shareIcons img {
	padding:0px 12px; 	
	margin:0;
}

.shareIcons li:first-child img {
	padding:0px 12px 0px 0px;
}

.shareIcons li.last img {
	padding:0px 0px 0px 12px;
}
/* 20120827: whatsNew and shareIcons - end */

.vehicleControl{height:28px;}
.vcl, .vcr{display:block; width:20px; height:28px; float:left;}
.vcc{
	height:28px;
	float:left;
	text-align:center;
}
#sidebar .vcc{
	width:200px;
}
#hkGallery .vcc{
	width:167px;
}
.vind{
	width:10px;

	height:28px;
	display:inline-block;
}


/* =================================================================================================
	ACCORDION MENU (SIDEBAR)
================================================================================================= */
#sidebar .accordion a.ui-accordion-header{
	display:block;
	text-decoration:none;
}
#sidebar .accordion h2{
	font-weight:bold;
	padding:10px 20px;
}
#sidebar .accordion li a{
	display:block;
	font-weight:bold;
	padding:20px 35px 20px 20px;
	background-position:96% center;
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:1.2;
}
#sidebar .accordion li.more{
	padding-right:0;
}
#sidebar .accordion li.more a{
	background-position:96% center !important;
}
#sidebar .accordion li.more a:hover,
#sidebar .accordion li.more a:active,
#sidebar .accordion li.more a:focus{
	text-decoration:underline;
}


/* =================================================================================================
	WEATHER (SIDEBAR): 20120828 move below sidebar
================================================================================================= */
#weather{
	width:240px;
}

/* Modified on 2012-07-27 */
#currentWeather {
	float:left;
	
	padding:10px 0 0 0;
}

/* inside "currentWeather" */
#weatherIcon{
	float:left;
	
	padding:0 0 8px 0;
	
	/*padding:10px 0; */
	
	/* height:33px; */
	/* 20120829: remark this for 2 icons
	width:105px;
	height:3.3em;
	position:relative;
	*/
}

/* 20121126 KC: fix second icon flash by make it 100% */
.wIcon2 #weather2Icons {
	width:240px;
}



/* Modified on 2012-07-27 */
#weatherIcon a{
	display:block;
	
	padding:0;
	margin:0;
	/* 20120829: remove width for 2 icons
	left:1px;
	bottom:0;
	*/
	
	/* combine */
    background: none;
	float:left;	
}

/* for weather: 2nd icons */
#secondIcon {
	position:relative;
	overflow:hidden;
	display:inline-block;
	white-space: nowrap;
}


/* inside "currentWeather" */
#weatherInfo{
	width:135px;
	float:right;
}
/* Modified on 2012-07-27 */
#weatherInfo p{
	display:block;
	line-height:1;
	
	padding-top:0;	/* 20120830 */
	padding-right:5px;
	
	/*
	font-size: 80%;
	*/
}

.wIcon2 #weatherInfo {
	/* 20121127: for 2 icons, a little bit padding-top to align the warning icons */
	padding-top:4px;
}


/* inside "currentWeather", "weatherInfo" */
#weatherTemp{
	text-align:right;
	
	/* combine below */
	display: block;
    padding: 5px 0px 2px;
}
#weatherTemp .figure{
	font-size:116.7%;
}

/* inside "currentWeather", "weatherInfo", "weatherTemp" */
.weatherFigures,#weatherUpdateTime{
	white-space:nowrap;
}

/*
.weatherFigures .figure:nth-child(4) {
	padding-left:5px;
}
*/


/* inside "currentWeather", "weatherInfo" */ 
#weatherForecast{
    display: block;
    padding: 0px; 
}

#weatherForecast a{
	display:block;
}


/* Modified on 2012-07-27 */
#currentWarning{
	/* padding:0px 10px; */
	/* 20120828: reduce for 2 icon plus temp and RH */
	padding:0px 8px;
}

/* 20121127: for 0 or 1 icon, (note:cannot set as default as it override "display:inline" */
.wIcon0 #currentWarning, 
.wIcon1 #currentWarning {
	float:left;	
}

/* 20121127: two icons, let temp and R.H follow it */
.wIcon2 #currentWarning {
	display:inline;
}

/* inside "weather" */
#currentWarning img{
	width:33px;
	height:33px;
	/* 20120828: try remove */
	/* margin-right:5px; */
}

/* When 2 icons, additional style when "weatherInfo" move into "currentWarning" */
#currentWarning #weatherInfo {
	padding-top:5px;
	padding-bottom:5px;
}


/* hide error by default */
/* 20131217: comment it
#weatherError, #apiError{
	display:none;
}
*/

/* 20120830: for weather links */
#weatherError a {
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#fbf8f7;	
}
 
#currentWarning a {
    background: none;
	float:left;
}


/* =================================================================================================
	AQHI (SIDEBAR): 20131220
================================================================================================= */

/* hide title in environment cluster */
.environment .aqhi_title {
	display: none;
}

p.aqhi_info {
	padding-bottom:0;
}

.aqhi_range {
	text-align: center;
}

.aqhi_to {
	display: inline-block;
	text-align: center;
	width: 20px;
}

.aqhi_value {
	border: 1px solid black;
	display: inline-block;
	text-align: left;
	width: 4.5em;
	padding: 2px 2px 2px 22px;
	background-position:2px center;
	background-repeat: no-repeat;
}

.aqhi_low 		{background-image: url(/images/weather/aqhi/low.png);}
.aqhi_moderate 	{background-image: url(/images/weather/aqhi/moderate.png);}
.aqhi_high 		{background-image: url(/images/weather/aqhi/high.png);}
.aqhi_very_high {background-image: url(/images/weather/aqhi/very_high.png);}
.aqhi_serious	{background-image: url(/images/weather/aqhi/serious.png);}

/* =================================================================================================
	Weather near Date (20130531)
================================================================================================= */
/*

*/

/* general div setting for "todayWeather" and inside div-s */
#todayWeather, #todayWeather div {
	display:block; float:left; 
}

/* padding or margin, left or right  */
#today { 
	padding-right:15px;
	/* pad right */
}


#tempTop {
	padding-left:8px;
}

/* only margin-top */
#weatherWarningTop, #weatherCurrentTop {
	margin-top:-5px;
}

/* pad right for each img */
#weatherCurrentTop img {
	padding-right:5px;
}

/* little pad for warning icons */
#weatherWarningTop img {
	padding-right:2px;
}

/* "More" Text:  pad left */
#weatherTextTop, #trafficTextTop {
	display:block; float:left; 
	padding-left:15px;
}

/* note: no style for 1 icon */
.weatherBcIcon1 {
}

/* for 2 icons, space on right will be more */
.weatherBcIcon2 {
	width:90px; 
}

/* 20140127: added */
.feedLinkList {
	display:none;
}



/* =================================================================================================
	KEYPAGES (SMART MENU / ARTICLE)
================================================================================================= */
#pageHeader{
	line-height:1.2;
	border-left-width:30px;
	border-left-style:solid;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:50px; /*for page header icon*/
	background-position:7px center;
	background-repeat:no-repeat;
}
.about #pageHeader{
	padding-left:10px; /*no page header icon*/

}
#pageHeader h1{
	display:inline;
}


/* =================================================================================================
	BREADCRUMB
================================================================================================= */
#breadCrumb {
	padding:10px;
	line-height:1.5;
}
/* 20110228: Home Icons */
#breadCrumbHome {
	display:block;
	padding-left:20px;
	padding-right:3px;
	float:left;
	font-weight:bold;
	color:#990000;
	background-image:url(/images/breadcrumb/home.png);
	background-repeat:no-repeat;
	background-position:left center;
}


/* =================================================================================================
	I WANT TO HEADER (SMART MENU PAGE)
================================================================================================= */
#smartMenuPage #iWantTo h2{
	float:left;
	width:206px;
	height:125px;
	text-indent:-9999px;
}
#smartMenuPage #iWantTo div{
	float:left;
	width:417px;
	padding:10px 20px 10px 50px;
}
#smartMenuPage #iWantTo ul{
	margin-top:10px;
}
#smartMenuPage #iWantTo li{
	margin:10px 0;
	font-weight:bold;
}
#smartMenuPage #iWantTo li a{
	padding-left:20px;
	display:block;
}


/* =================================================================================================
	SMART MENU
================================================================================================= */
#smartMenuContainer{
	padding-top:18px;
}
#smartMenu{
	float:left;
	width:220px;
	height:100%;
	margin-left:3px;
	padding-top:8px;
	/* 20101101: topLegends */
	margin-bottom:20px;
}
#smartMenu ul{
	padding-bottom:5px;
}
#smartMenu li{
	font-weight:bold;
}
#smartMenu li a{
	display:block;
	padding:20px 40px 20px 35px;
	text-decoration:none;
}
/*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
{
	margin-left:8px;
	border-left-width:17px;
	border-left-style:solid;
	padding-left:10px;
}
#smartMenu li.active a{
	cursor:default;
}
#smartContent{
	height:100%;
	float:right;
	width:445px;
	padding-right:10px;
	padding-top:5px;
	/* 20101101: topLegends */
	padding-bottom:20px;
}
#smartContent li{
	margin-bottom:25px;
}
/* #smartContent li:last-child{
	margin-bottom:0;
} */
#smartContent li.last{
	margin-bottom:0;
}
#smartContent h3, #smartContent h4{
	line-height:1.3;
}
#smartContent p{
	line-height:1.3;
}
#smartContent ul ul{
	padding:20px;
}
#smartContent .subCategories a:hover, #smartContent .subCategories a:active, #smartContent .subCategories a:focus,
#smartContent .subCategories h3:hover, #smartContent .subCategories h3:active, #smartContent .subCategories h3:focus,
#smartContent .subCategories h4:hover, #smartContent .subCategories h4:active, #smartContent .subCategories h4:focus{
	text-decoration:underline;
}
#smartContent .clustersLegend{
	padding:0 !important;
	margin:10px 0 !important;
	background-color:transparent !important;
}
#smartContent .clustersLegend span{
	display:block;
	width:14px;
	height:14px;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	text-indent:-9999px;
}
#smartContent .contentItems strong a{
	line-height:1.2;
}
#smartMenuPage #legends{
	text-align:center;
	/* 20101101: topLegends */
	/* margin:50px auto; */
	margin:25px auto 0px auto;
}
#smartMenuPage #legends .clustersLegend{
	display:inline;
}
#smartMenuPage #legends .clustersLegend li{
	display:inline;
	padding-left:18px;
	padding-bottom:5px;
	margin-right:15px;
	line-height:1.5;
}






/* =================================================================================================
	TOP FAQ
================================================================================================= */
#topFAQ h2{
	float:left;
	width:203px;
	height:125px;
	text-indent:-9999px;
}
#topFAQ div{
	float:left;
	width:470px;
	padding:10px 20px 10px 0;
}
#topFAQ ul{
	margin-top:10px;
}
#topFAQ li{
	margin:10px 0;
	font-weight:bold;
}
#topFAQ li a{
	display:block;
	margin-left:45px;
}


/* =================================================================================================
	FAQ PAGE
================================================================================================= */
#faqContainer{
	padding-top:15px;
}
#tabContent #faqContainer{
	padding-top:0;
}

#faq{line-height:1.2}
.faq li{
	margin-bottom:20px;
}
.faqNo{
	display:block;
	float:left;
	width:45px;
}
.faqQuestion{
	margin-left:45px;
}
.faqQuestion:hover, .faqQuestion:active, .faqQuestion:focus{
	text-decoration:underline;
}
.faqAnswer{
	margin:15px 0 0 45px;
	padding:10px;
}
.faqAnswer p{
	line-height:1.5;
}
.faqAnswer p, .faqAnswer h3, .faqAnswer table{
	margin-bottom:1em;
}
/* 20120720: move to govhk.js, as it is CSS3
.faqAnswer p{
	word-wrap:break-word;
} 
*/
.faqAnswer a:link, .faqAnswer a:visited{
	text-decoration:underline;
}
.faqAnswer a:hover, .faqAnswer a:active, .faqAnswer a:focus{
	text-decoration:none;
}
.faqAnswer ul, .faqAnswer ol{
	list-style-position:outside;
	margin:1.5em;
}
.faq .faqAnswer li{
	margin-bottom:1em;
	list-style:disc;
	line-height:1.5;
}
.faq .faqAnswer ul li{list-style:disc;}
.faq .faqAnswer ul li ul li{list-style:disc;}
.faq .faqAnswer ul li ul li ul li{list-style:disc;}
.faq .faqAnswer ol li{list-style:decimal;}
.faq .faqAnswer ol li ol li{list-style:lower-alpha;}
.faq .faqAnswer ol li ol li ol li{list-style:lower-roman;}

.expandButton{
	margin:10px 0;
	float:right;
}


/* =================================================================================================
	VERTICAL TAB MENU
================================================================================================= */
#tabMenuContainer{
	padding-top:18px;
}
#tabMenu{
	float:left;
	width:220px;
	height:100%;
	margin-left:3px;
	padding-top:8px;
}
#tabMenu ul{
	padding-bottom:5px;
}
#tabMenu li{
	font-weight:bold;
}
#tabMenu li a{
	display:block;
	padding:20px 40px 20px 35px;
	text-decoration:none;
}
/*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
{
	margin-left:8px;
	border-left-width:17px;
	border-left-style:solid;
	padding-left:10px;
}
.single #tabMenu li.active a{
	cursor:default;
}
#tabContent{
	height:100%;
	float:right;
	padding:5px 10px 0;
}
.sidebar #tabContent{
	width:450px;
}
.page #tabContent{
	width:727px;
}



/* =================================================================================================
	MAIN CONTENT AREA
================================================================================================= */
#pagePhoto{
	height:125px;
	overflow:hidden;
}
/*Fixed the image size*/
.page #pagePhoto img{
	width:970px;
	height:125px;
}
.sidebar #pagePhoto img{
	width:693px;
	height:125px;
}
#articleContainer{
	padding-top:15px;
}
#tabContent #articleContainer{
	padding-top:0;
}
#article{
	line-height:1.5;
}
.topdown #article, .topdown #faq, .topdown #sitemap{
	padding:0 10px 5em 10px;
}
.sidebar .abreast #article, .sidebar .abreast #faq{
	width:470px;
	float:right;
	padding:0 20px 5em 20px;
	overflow:hidden;
}
.page .abreast #article, .page .abreast #faq{
	width:747px;
	float:right;
	padding:0 20px 5em 20px;
	overflow:hidden;
}



/* =================================================================================================
	CONTENT SECTIONS
================================================================================================= */
.content h3{
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:5px 0;
}
.content h3 a{
	display:block;
	text-decoration:none;
	margin:-5px -2px;
	padding:5px 2px;
}
.content h4 a{
	text-decoration:none !important;
}
.content, .content p, .content h3, .content table, .contentLink{
	margin-bottom:1em;
}
/* 20130124: GovHK video: featured article - "normal" content and content link */
.content, .contentLink, .specialcontent {
	width:100%;	/* 20130205 fix ilearnathome, mobile set at govhklite.css */
	display:block;
	float:left;
	clear:both;
}

/* 20130128: for collapse menu, float:none */
.collapsibleContent .content {
	float:none;
	clear:none;
}

/* 20130726 fix multilang page button on ff22 */
.multilangroot .content {
	float:none;
}


/* 20130118: GovHK Video: override last item margin-bottom */
.content p.last {
	margin-bottom:0;
}


.content td p{
	margin-bottom:0;
}
.content p{
	line-height:1.5;
}
.content ul, .content ol{
	list-style-position:outside;
	margin:1em;
}
.content li{
	display:list-item;
	margin-left:1.5em;
}
.content th{
	padding:5px;
	border-bottom-width:1px;
	border-style:solid;
}
.content td{
	padding:5px;
}
.content blockquote{
	padding-left:2em;
}
/* 20101101: previous code
.content ul li{list-style:disc;}
.content ul li ul li{list-style:disc;}
.content ul li ul li ul li{list-style:disc;}
.content ol li{list-style:decimal;}
.content ol li ol li{list-style:lower-alpha;}
.content ol li ol li ol li{list-style:lower-roman;}
*/

/* 20101101: bullet point for ie6 */
.content ol li{list-style:decimal;}
.content ul li{list-style:disc;}
.content ol ol li{list-style:lower-alpha;}
.content ol ul li{list-style:disc;}
.content ol ol ol li{list-style:lower-roman;}
.content ol ol ul li{list-style:disc;}
.content ol ol ol ol li{list-style:lower-roman;}
.content ol ol ol ul li{list-style:disc;}
/* 20101101: bullet point for ie7+ and FF */
.content ol>li {list-style-type:decimal; }
.content ul>li {list-style-type:disc; }
.content ol ol>li {list-style-type:lower-alpha; }
.content ol ol ol>li {list-style-type:lower-roman; }

.collapsibleContent .content td{
	border-bottom-width:1px;
	border-style:solid;
}

/*Overided general holiday style*/
.about .content .desc {width:50% !important;}
.about .content .date {width:25% !important;}
.about .content .weekday {width:25% !important;}

/*temp. hide all GIH buttons*/
.mapButtons{display:none;}


/* =================================================================================================
	Video for Featured Articles and About-Multimedia
================================================================================================= */


/* 20121214: 1em top and bottom margin for videoList */
.contentLink li.videoList {
	display:block;
	
	/* old: 1 video 1 line: do not set "float" and "clear" */
	float:left;
	clear:both;
	width:100%;
}

/* videoTypes styles */
.videoType1,
.videoType2  {
	display:block;
	width:100%;
	float:left;
	clear:both;	
	margin:5px 0; 
}



/* common: default for "videoType1" (1 row 1 cell), also for "videoType4" */
.videoBlock {
	display:block;
	/* margin:1em 0; 20121130 */
	margin:5px 5px 5px 0;
	padding:5px;
	/* same vertical margin between content and section link 
		note: margin between videos is also 1em
	*/
	
	float:left;clear:both;
	width:100%;
}

/* === video Thumbnail image: common for all videoType === */
.videoTitle {display:block;clear:both;}

.videoThumb {
	position:relative;

	display:block;
	padding:0;
	border:0;
	margin:0;
	/* fix it */
	width:139px;
	height:107px;

	margin-right: 30px;
}

/* 20140410: no use
.videoLink {}
*/

.videoImage {
	/* resize to below */
	width:139px;
	height:107px;
}

.videoDurationBg {
    position: absolute;
	display: inline-block;

	top:73px;
	left:0;
	
	padding:0;
	width:139px;	/* 139px total */
	height:34px;	/* top+height=107 */
	
    background-color: #8C3D1E;
	
	/* opacity:0.65; 20130408: move to govhk.js */ 

}

.videoDurationFg {
    position: absolute;
	display: inline-block;

	top:73px;
	left:0;
	
	padding: 0 3px;
	width:133px;	/* 139px total */
	height:34px;	/* 107px total */
	
	color:#ffffff;	/* white */
	
    font-size: 15px; /* 20121130: fix the font size (no enlarge) */
    /* font-weight: bold; */
	line-height: 34px;	/* equal height */

	background-image:url(/images/video/play_icon.png);
	background-position:96px -7px;	
 	background-repeat:no-repeat;
	
	/* opacity:1; */
}	




/* ====== videoType1 ====== */
.videoType1 .videoBlock { 
	width:460px; 
	/* note: desktop width
	   (A) block width: 460px
	   (B) thumbnail image: 139px
	   (C) text width: 300px 
	*/
} 

/* left side container */
.videoType1 .videoThumb  { 
	float:left;  clear:left;  
} 

/* right side container  */
.videoType1 .videoRight  { 
	display:block;
	float:right; 
	width:300px; 
} 

.videoType1 .videoTitle {
	display:block;
	float:left;
	clear:both;
	width:300px; 
	padding-bottom:5px;
} 

/* 20140411: now it is fix width image */
.videoType1 .videoTrans,
.videoType1 .videoAudioDesc  { 
	display:block;
	float:left;
} 

/* 20px space between 2 images */
.videoType1 .videoAudioDesc   { 
	padding-right:20px;
}

/* ====== videoType1 ====== */
/* about-multimedia page (1 row 4 cells) */
.videoType4 .videoBlock { 
	float:left; 
	width:22%; 
	clear:none;
}

/* linear Thumb and Right */
.videoType4 .videoThumb  , 
.videoType4 .videoRight { 
	width:148px;
	display:block;
	float:left;
	clear:both;
} 

/* linear element */
.videoType4 .videoTitle,
.videoType4 .videoAudioDesc,
.videoType4 .videoTrans,
.videoType4 .providedBy  {
	display:block;
	float:left;
	clear:both; 
	padding-right:0;
}

/* reduce provideBy size */
.videoType4 .providedBy  {
	font-style:italic;
	font-size:86%;
	padding-top:5px;
}


/* =================================================================================================
	ARTICLE MENU
================================================================================================= */
.topdown #articleMenu{
	padding:0 10px 2em 10px;

	/* 20130128 fix form icons shift right (topdown only) */
	display:block;
	width:100%; 
	float:left;
	clear:both;
}
.abreast #articleMenu{
	width:173px;
	float:right;
	padding-left:10px;
}
.abreast #articleMenu #iWantTo h2{
	width:173px;
}
.topdown #articleMenu #iWantTo li{
	display:block;
	float:left;
	margin-right:10px;
}

/* 20110228 add iWantTo-li */
.topdown #articleMenu #iWantTo li{
	display:block;
	float:left;
	margin-right:10px;
}
#articleMenu #iWantTo{
	margin-top:5px;
	margin-bottom:20px;
}
#articleMenu #iWantTo h2{
	height:37px;
	text-indent:-9999px;
}
/* 20110228 add iWantTo-ul */
#articleMenu #iWantTo ul{
	display:block;
	float:left;
	clear:both;
	visibility:hidden;
}
#articleMenu #iWantTo li{
	/* 20110228 remark
	padding:3px 0;
	*/
	/* 20110228 added */
	width:100%;
	margin:0;
	padding:0;
	display:block;
	float:left;
	clear:both;
}
/* 20110228 add abreast-li */
.abreast #articleMenu #iWantTo li {
	border-bottom:1px solid #ebebeb;
}

/* 20110228: add (default:abreast) share change from anchor to id (span or anchor) */
#articleMenu #iWantTo li #feedback,
#articleMenu #iWantTo li #share {
	display:block;
	float:left;
	clear:both;
	margin:0;
	margin:3px 0;
	padding:6px 15px 6px 28px; 	/* for show background image */
}
/* 20110228: add: override default padding for topdown  */
.topdown #articleMenu #iWantTo li #share {
	padding:6px 5px 6px 28px;
}
#otherArticle h2{
	height:23px;
	line-height:23px;
	padding-left:10px;
}
#otherArticle li a{
	display:block;
	padding:5px 10px;
}
/* 20110228: remark: #shareContainer, line-height */
#feedbackContainer{
	line-height:1.5;
}
/* 20110228: remark #shareContainer strong, #shareContainer ul, style */
#feedbackContainer strong, #feedbackContainer p{
	display:block;
	padding:5px;
}

/* 20110228: add for shareContainer style */
.abreast #iWantTo #shareContainer {
	display:block;
	width:125px;	/* enough width for 5 icons */
	float:left;
	padding:0 0 5px 28px; /* space for bottom and left */
	margin:0;
	clear:both;
}
.topdown #iWantTo #shareContainer {
	display:block;
	width:125px;	/* enough width for 5 icons */
	float:left;
	padding:7px 0 0px 0px; /* space for bottom and left */
	margin:0;
	clear:right;
}
#iWantTo #shareContainer a{
	width:auto;
	padding:0px 5px 0px 0px;
	margin:0;
	display:block;
	float:left;
	clear:none;
}


/* =================================================================================================
	GOVERNMENT AGENCIES
================================================================================================= */
#govAgencyHeader{
	padding:10px;
}
.govAgencyHeaderItem{
	padding-left:20px;
	font-weight:bold;
	margin-bottom:20px;
	width:auto;
}
.govAgencyHeaderItem p{
	line-height:1.2;
}
#govAgencyAlphabeticalList{
	margin-top:10px;
}
#govAgencyAlphabeticalList li{
	float:left;
	margin:0 .2em .2em 0;
}
#govAgencyAlphabeticalList a {
	display:block;
	text-align:center;
	min-width:1em;
	padding:.2em;
	text-decoration:none;
}
#browseOrganisational{
	float:left;
	margin-right:.5em;
}


.govAgencyAlphabetical h3{
	padding:10px 0;
}
.govAgencyAlphabetical li a{
	text-decoration:none;
	padding:8px 10px;
	display:block;
	font-weight:bold;
	border-top-width:1px;
	border-top-style:solid;
}
.govAgencyAlphabetical ul ul{
	border-top-width:1px;
	border-top-style:solid;
}
.govAgencyAlphabetical ul ul ul{
	margin-left:2em;
	border:none;
}
.govAgencyAlphabetical li li{
	display:list-item;
	list-style:disc inside;
	margin:0 1em;
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* .govAgencyAlphabetical li li:last-child{
	border:none;
} */
.govAgencyAlphabetical li li.last{
	border:none;
}
.govAgencyAlphabetical li li a{
	display:inline;
	border:none;
	padding:0;
	font-weight:normal;
}
.govAgencyAlphabetical li li a:hover,
.govAgencyAlphabetical li li a:active,
.govAgencyAlphabetical li li a:focus{
	text-decoration:underline;
}
.govAgencyAlphabetical li li li{
	border:none;
	margin:0;
	padding:0;
}
.govAgencyOrganisational ul ul ul{
	margin-left:2em;
}
.govAgencyOrganisational li li{
	display:list-item;
	list-style:disc inside;
	margin:0;
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* .govAgencyOrganisational li li:last-child{
	border:none;
} */
.govAgencyOrganisational li li.last{
	border:none;
}
.govAgencyOrganisational li li a{
	display:inline;
	border:none;
	padding:0;
	font-weight:normal;
}
.govAgencyOrganisational li li li{
	border:none;
	margin:0;
	padding:0;
}




/* =================================================================================================
	SITE MAP
================================================================================================= */
#sitemap{
	line-height:1.5;
}
#sitemap .usergroups h3 a {
	display:block;
	padding:10px 10px 10px 20px;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#sitemap .clusterHeader{
	display:block;
	text-decoration:none;
}
#sitemap .clusters {
	padding-bottom:10px;
}
#sitemap .clusters > li{
	margin:0 10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* #sitemap .clusters li:last-child{
	border-bottom:none;
} */
#sitemap .clusters li.last{
	border-bottom:none;
}
#sitemap .clusters li h4.collapsible{
	padding:10px;
}
#sitemap .clusters li h4 a{
	display:block;
	padding:10px;
	text-decoration:none;
}
#sitemap .clusters li h4.collapsible a{
	padding:0;
}
#sitemap .subcategories{
	border-top-width:1px;
	border-top-style:solid;
}
#sitemap .subcategories ul{
	margin:0 1em;
}
#sitemap .subcategories > li{
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* #sitemap .subcategories li:last-child{
	border-bottom:none;
} */
#sitemap .subcategories li.last{
	border-bottom:none;
}
#sitemap .subcategories li{
	display:list-item;
	list-style:disc inside;
	margin:0 20px;
}


/* =================================================================================================
	RSS
================================================================================================= */
.rssList {
	width:100%;

}
.rssList tr{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* .rssList tr:last-child{
	border:none;
} */
.rssList tr.last{
	border:none;
}
.rssList .subject{width:30%}
.rssList .url{width:60%}
.rssList .subscribe{width:10%;text-align:center;}
.rssList .rss{
	display:block;
	width:21px;
	height:21px;
	margin:auto;
	text-indent:-9999px;
}

/* =================================================================================================
	SOCIAL MEDIA
================================================================================================= */
.about .content .blog{
	display:block;
	margin:auto 0;
	width:44px;
	height:15px;
	text-indent:-9999px;
	background:url(/images/icons/socialmedia/blog.gif) no-repeat 0 0;
}
.about .content .blog:hover, .about .content .blog:focus, .about .content .blog:active{
	background-position:-44px 0;
}
.about .content .facebook{
	display:block;
	margin:auto 0;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(/images/icons/socialmedia/facebook.gif) no-repeat 0 0;
}
.about .content .facebook:hover, .about .content .facebook:focus, .about .content .facebook:active{
	background-position:-16px 0;
}
/* 20120720: move opacity to govhk.js, as it is CSS3
.about .content table a:hover img, .about .content table a:active img, .about .content table a:focus img{
	// opacity:0.5;
} */


/* =================================================================================================
	ONLINE SERVICES / E-FORMS
================================================================================================= */
#findOnlineServices h2, #findEForms h2{
	float:left;
	width:250px;
	height:125px;
	text-indent:-9999px;
}
#findOnlineServicesContainer, #findEFormsContainer{
	float:left;
	width:403px;
	padding:10px 20px 10px 20px;
	font-weight:bold;
}
#eFormsTags{
	padding-left:20px;
	margin-bottom:1em;
	width:383px;
}
#eFormsTags .tagCloudLabel{
	margin-left:-20px;
	padding-left:20px;
	background-position:left .5em;
	background-repeat:no-repeat;
}
#eFormsTags span{
	margin-right:1em;
	text-transform:capitalize;
	display:block;float:left;
	line-height:26px;
}
/* 20141204: fix keyword line-height */
.font-size-larger #eFormsTags span{
	line-height:31px;
}
.font-size-largest #eFormsTags span{
	line-height:36px;
}

#eFormsTags span a{
	white-space:nowrap;
}
#eFormsTags .tag-ex-large{
	font-size: 160%;
}
#eFormsTags .tag-large{
	font-size: 120%;
}
/* 20101101: topLegends :override margin-bottom for "content" */
.forms .content2 {
	margin-bottom: 2em;
}
.findOnlineServeicesHeader, .findEFormsHeader{
	line-height:1.2;
	padding-left:20px;
	margin-bottom:1em;
}
.onlineFullList li{
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:5px 0;
	position:relative;
}
/* .onlineFullList li:last-child{
	border:none;
} */
.onlineFullList li.last{
	border:none;
}
.onlineFullList li div{
	display:block;
	float:left;
	margin:0 5px;
}
.onlineFullList li span{
	display:list-item;
	list-style:disc outside;
	margin-left:1.5em;
}
.onlineFullList .eformsTitle{
	display:inline;
	margin-left:0;
}
.onlineFullList .eformsTitle a{
	/*display:block;*/
	line-height:1;
	padding:0 0 .2em 20px;
}
.tc .onlineFullList .eformsTitle a, .sc .onlineFullList .eformsTitle a{
	padding-top:.1em;
}
.onlineFullList .eformsNotes {
	display:block;
	margin:.5em 0;
}

/* 20141231: add osKeyword */
.onlineFullList .eformsKeywords,
.onlineFullList .onlineServicesKeywords {
	display:none;
}
/*.onlineFullList .eformsNotes a{
	margin-right:1em;
}
.onlineFullList li .eformsOthers{
	display:inline;
	float:left;
	margin-left:1.5em;
	margin-right:.5em;
	padding-left:16px;
	background:url(/css/theme/explorer/images/widget/arrow.gif) no-repeat left center;
}
.onlineFullList .eformsDetails{
	float:left;
	margin:0;
}
.onlineFullList .eformsNotes{
	display:block;
	float:left;
	width:150px;
	text-align:right;

	padding:0 !important;
}
.onlineFullList .eformsTitle a{
	padding-right:23px;
}
.onlineFullList .eformsNotes a{
	line-height:1.5;
}
.onlineFullList .eformsKeywords{
	display:none;
}
.onlineFullList .eformsRelated{
	display:inline;
	margin-left:0;
}*/

/*Ajax Search*/
.onlineFullList li span.highlight{
	display:inline;
	margin:0;
}

/*Max width of the item*/
.onlineFullList li .eformsDetails{
	width:483px;
}
.collapsibleContent .collapsibleContent .onlineFullList li .eformsDetails{
	width:443px;
}


/*Legends of each item*/
.onlineFullList li .onlineServicesLegend{
	display:block;
	width:auto;
	max-width:88px;
	float:right;
}
.onlineFullList li .eformsOthers{
	display:block;
	width:auto;
	max-width:120px;
	float:right;
}
.onlineFullList li .eformsFormats{
	display:block;
	margin:0;
	padding-left:20px;
	background-position:left .4em;
	background-repeat:no-repeat;
}
.onlineFullList li .eFormsLegend{
	display:block;
	width:111px;
	float:left;
	margin-left:20px;
}
.onlineFullList li .onlineServicesLegend li, .onlineFullList li .eFormsLegend a{
	display:block;
	width:17px;
	height:17px;
	padding:0;
	margin:.2em 5px 0 0;
	border:none;
	float:left;
	text-indent:-9999px;
}
.onlineFullList li .eFormsLegend a{
	margin-right:20px;
}
.onlineFullList li .onlineServicesLegend li a, .onlineFullList li .eFormsLegend a{
	display:block;
}

/*Legends at the bottom*/
#legends {
	/* 201011101: for easysignon */
	/* margin:10px 0; */
	margin:10px;
}

/* 20130128 fix form icons shift right */
#legends, #tabs, #tabsPage {
	display:block;
	width:100%; 
	float:left;
	clear:both;
}

/* 20130410 for rss page, firefox version 18 */
.collapsibleMenu  {
 	/* display:block; */
	width:100%;
	float:left;
	clear:both;
}


#legends p{
	margin:.5em 0;
}
#legends .onlineServicesLegend li{
	display:inline;
	padding-left:21px;
	padding-top:2px;
	padding-bottom:3px;
	margin-right:15px;
	line-height:2;
}
/* 20101101: easysignon: Legend is a long sentence */
#legends .onlineServicesLegend li.easysignon{
	display:block;
	clear:left;
	padding-right:10px;
}
#legends .eFormsLegend li{
	display:block;
	float:left;
	width:147px;
	height:2em;
	padding-left:21px;
	padding-top:2px;
	padding-bottom:3px;
	margin-bottom:10px;
	line-height:1;
}


/* =================================================================================================
	PERSONALISATION
================================================================================================= */
#styles div{
	visibility:hidden
}
#styleSelector{
	float:left;
	width:240px;
	padding:30px 0 30px 40px;
}
#styleList{
	margin-top:20px;
	padding-bottom:1px;
}
#styleList a{
	display:block;
	line-height:1;
	text-decoration:none;
	padding-right:45px;
}
#styleList span{
	display:block;
	padding:.5em 20px .5em 0;
}
#styleList strong, #styleList img{
	display:block;
	padding:.5em 0;
}
#stylePreview{
	float:left;
	width:625px;
	padding:30px 40px 30px 0;

}
#styleNote{
	margin-top:1.5em;
}
.styleToolBar{
	margin-bottom:20px;
}
.styleToolBar .stylePreviewControl{
	float:left;
	width:108px;
}
.styleToolBar .buttonContainer{
	float:left;
	width:517px;
}
.stylePreviewControl{
	height:14px;
}
.spcl, .spcr{
	display:block;
	width:7px;
	height:14px;

	float:left;
}
.spcc{
	display:block;
	width:94px;
	height:14px;
	float:left;
	text-align:center;
}
.spind{
	width:10px;
	height:14px;
	display:inline-block;
	margin:0 3px;
}
.stylePreview img{
	border:1px solid #CCC;

	margin:0 auto;
}
.stylePreview, .preview{
	display:none;
}
.stylePreview.active, .preview.active{
	display:block;
}



/* =================================================================================================
	TABS
================================================================================================= */
#tabs li{
	display:block;
	float:left;
	margin-right:5px;
	height:30px;
	line-height:30px;
	font-weight:bold;
}
#tabs li a{
	display:block;
	padding-left:15px;
	text-decoration:none;
}
#tabs li span{
	display:block;
	padding-right:15px;
}


/* =================================================================================================
	AJAX SEARCH
================================================================================================= */
#ajaxContainer{
	float:left;
}
#ajaxContainer label{
	float:left;
	line-height:25px;
}

#ajaxSubmitContainer {
	margin-left:10px;
	float:left;
}
#ajaxQuery{
	float:left;
	border:0;
	width:145px;

	padding:3px 3px 0 2px;
	height:23px;
	font-weight:bold;
}
#ajaxSubmit{
	float:left;
	width:20px;
	height:23px;
	cursor:pointer;
	text-indent:-9999px;
}
#ajaxResultContainer{
	margin:10px;
	padding:15px 15px 10px 15px;
	border-width:1px;
	border-style:solid;
	line-height:1.5;
}
#ajaxResultContainer h3{
	padding:0 0 10px;
	font-weight:bold;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#ajaxResultContainer p{
	padding:10px;
}
#ajaxResultContainer ol li{
	margin:.5em 0;
	list-style:decimal inside;
}
#ajaxResultCount{
	display:none;
}
#ajaxMore{
	padding:0 !important;
}


/* =================================================================================================
	COLLAPSIBLE MENU
================================================================================================= */
.collapsibleHeader{
	display:block;
	text-decoration:none !important;
}

/* 20130415: full list of forms - quick fix  */
.about.residents.forms .collapsibleHeader{
	width:100%;
	float:left;
	clear:both;
}

.collapsibleTitle h3, .noncollapsibleTitle h3 a,
.collapsibleTitle h4, .noncollapsibleTitle h4 a{
	display:block;
	padding:10px 40px 10px 10px;
	border-top-width:1px;
	border-top-style:solid;
	text-decoration:none;
}
.collapsibleContent{
	padding:10px 20px;
	border-top-width:1px;
	border-top-style:solid;
	overflow:hidden;
}

/* 20130415: full list of forms - quick fix  */
.about.residents.forms .collapsibleContent{
	/* 20130415: full list of forms - quick fix  */
	width:94%;
	float:left;
	clear:both;
}

/* collapsible submenu */
.collapsibleContent .collapsibleMenu{
	margin:-11px 0 -10px 0;
}


/* =================================================================================================
	GADGETS (THEMATIC SITE)
================================================================================================= */
.gadgetContainer{
	padding-top:5px;
}
.gadget{
	padding:5px 10px 10px 10px;
}
.gadget img{
	vertical-align:middle;
}
.gadget p{
	line-height:1.5;
}
.gadget li{
	display:list-item;
	list-style:disc inside;

}
.gadget li a{
	display:inline !important;
	padding:0 !important;
}




/* =================================================================================================
	NAVIGATION MENU
================================================================================================= */
#navigation{
	font-weight:bold;
}
#navigation li{
	padding:0 10px;
}
#navigation li a{
	display:block;
	padding:12px 10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	text-decoration:none;
}

/*active item*/
.communication 	#navigation li.communication,
.culture		#navigation li.culture,
.education		#navigation li.education,
.employment		#navigation li.employment,
.environment	#navigation li.environment,
.government		#navigation li.government,
.health			#navigation li.health,
.housing		#navigation li.housing,
.immigration	#navigation li.immigration,
.taxes			#navigation li.taxes,
.transport		#navigation li.transport,
.businessgov 		#navigation	li.businessgov,
.businessmainland	#navigation	li.businessmainland,
.corporate			#navigation	li.corporate,
.ecommerce			#navigation	li.ecommerce,
.global				#navigation	li.global,
.humanresources		#navigation	li.humanresources,
.market				#navigation	li.market,
.registration		#navigation	li.registration,
.supportenterprises	#navigation	li.supportenterprises,
.taxes				#navigation	li.taxes,
.investinghk	#navigation	li.investinghk,
.living			#navigation	li.living,
.studyinghk		#navigation	li.studyinghk,
.visarequire	#navigation	li.visarequire,
.visitinghk		#navigation	li.visitinghk,
.workinghk		#navigation	li.workinghk{
	padding:0;
	margin-top:-1px; /*cover the border of previous one*/
}

.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 a,
.supportenterprises	#navigation	li.supportenterprises a,
.taxes				#navigation li.taxes		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
{
	border:none;
	padding-left:20px;
}

/*remove border of last cluster*/
/* 20120720 remove last-child as it is CSS3: #navigation li:last-child a {border:none;} */
#navigation li.last a {border:none;}
.en #navigation li.transport a,
.tc #navigation li.environment a,
.sc #navigation li.environment a
{border:none;}




/* =================================================================================================
	SUB NAVIGATION MENU


================================================================================================= */
#smartMenuPage #subNavigation, #smartMenuPage #smartMenuRightMenu2{
	display:none;
}
#subNavigation{
	padding:10px 0;
	list-style-position:outside;
	list-style-type:disc;
}
#subNavigation li{
	display:list-item;
	padding:5px 0;
	margin:0 20px 0 30px;
}
#subNavigation li a{
	display:inline;
	border:none;
	padding:0 !important;
	line-height:1.2;
}
#subNavigation li a:hover,
#subNavigation li a:active,
#subNavigation li a:focus{
	text-decoration:underline;
}
.communication 	#subsubNavigation li a,
.culture		#subsubNavigation li a,
.education		#subsubNavigation li a,
.employment		#subNavigation li a,
.environment	#subNavigation li a,
.government		#subNavigation li a,
.health			#subNavigation li a,
.housing		#subNavigation li a,
.immigration	#subNavigation li a,
.taxes			#subNavigation li a,
.transport		#subNavigation li a,
.businessgov 		#subNavigation li a,
.businessmainland	#subNavigation li a,
.corporate			#subNavigation li a,
.ecommerce			#subNavigation li a,
.global				#subNavigation li a,
.humanresources		#subNavigation li a,
.market				#subNavigation li a,
.registration		#subNavigation li a,
.supportenterprises	#subNavigation li a,
.investinghk	#subNavigation li a,
.living			#subNavigation li a,
.studyinghk		#subNavigation li a,
.visarequire	#subNavigation li a,
.visitinghk		#subNavigation li a,
.workinghk		#subNavigation li a
{padding-left:0 !important;}





/* =================================================================================================
	CLUSTER ICONS
================================================================================================= */
.residents #clusters		.communication,
.residents .communication 	#pageHeader,
#topOnline .communication
			{background-image: url(/images/icons/residents/communication.png);}
.residents #clusters 		.culture,
.residents .culture 		#pageHeader,
#topOnline .culture
			{background-image: url(/images/icons/residents/culture.png);}
.residents #clusters 		.education,
.residents .education 		#pageHeader,
#topOnline .education
			{background-image: url(/images/icons/residents/education.png);}
.residents #clusters 		.employment,
.residents .employment 		#pageHeader,
#topOnline .employment
			{background-image: url(/images/icons/residents/employment.png);}
.residents #clusters 		.environment,
.residents .environment 	#pageHeader,
#topOnline .environment
			{background-image: url(/images/icons/residents/environment.png);}
.residents #clusters 		.government,
.residents .government 		#pageHeader,
#topOnline .government
			{background-image: url(/images/icons/residents/government.png);}
.residents #clusters 		.health,
.residents .health 			#pageHeader,
#topOnline .health
			{background-image: url(/images/icons/residents/health.png);}
.residents #clusters 		.housing,
.residents .housing 		#pageHeader,
#topOnline .housing
			{background-image: url(/images/icons/residents/housing.png);}
.residents #clusters 		.immigration,
.residents .immigration 	#pageHeader,
#topOnline .immigration
			{background-image: url(/images/icons/residents/immigration.png);}
.residents #clusters 		.taxes,
.residents .taxes 			#pageHeader,
#topOnline .taxes
			{background-image: url(/images/icons/residents/taxes.png);}
.residents #clusters 		.transport,
.residents .transport 		#pageHeader,
#topOnline .transport
			{background-image: url(/images/icons/residents/transport.png);}

.business #clusters 		.businessgov,
.business .businessgov 		#pageHeader,
#topOnline .businessgov
		{background-image: url(/images/icons/business/businessgov.png);}
.business #clusters 		.businessmainland,
.business .businessmainland #pageHeader,
#topOnline .businessmainland
		{background-image: url(/images/icons/business/businessmainland.png);}
.business #clusters 		.corporate,
.business .corporate 		#pageHeader,
#topOnline .corporate
		{background-image: url(/images/icons/business/corporate.png);}
.business #clusters 		.ecommerce,
.business .ecommerce 		#pageHeader,
#topOnline .ecommerce
		{background-image: url(/images/icons/business/ecommerce.png);}
.business #clusters 		.global,
.business .global 			#pageHeader,
#topOnline .global
		{background-image: url(/images/icons/business/global.png);}
.business #clusters 		.humanresources,
.business .humanresources 	#pageHeader,
#topOnline .humanresources
		{background-image: url(/images/icons/business/humanresources.png);}
.business #clusters 		.market,
.business .market 			#pageHeader,
#topOnline .market
		{background-image: url(/images/icons/business/market.png);}
.business #clusters 		.registration,
.business .registration 	#pageHeader,
#topOnline .registration
		{background-image: url(/images/icons/business/registration.png);}
.business #clusters 		.supportenterprises,
.business .supportenterprises #pageHeader,
#topOnline .supportenterprises
		{background-image: url(/images/icons/business/supportenterprises.png);}
.business #clusters 		.taxes,
.business .taxes 			#pageHeader,
#topOnline .taxes
		{background-image: url(/images/icons/business/taxes.png);}
.business #clusters 		.bf,
.business .bf 				#pageHeader,
#topOnline .bf
		{background-image: url(/images/icons/business/bf.png);}

.nonresidents #clusters		.investinghk,
.nonresidents .investinghk	#pageHeader,
#topOnline .investinghk
		{background-image: url(/images/icons/nonresidents/investinghk.png);}
.nonresidents #clusters		.living,
.nonresidents .living 		#pageHeader,
#topOnline .living
		{background-image: url(/images/icons/nonresidents/living.png);}
.nonresidents #clusters		.studyinghk,
.nonresidents .studyinghk	#pageHeader,
#topOnline .studyinghk
		{background-image: url(/images/icons/nonresidents/studyinghk.png);}
.nonresidents #clusters		.visarequire,
.nonresidents .visarequire	#pageHeader,
#topOnline .visarequire
		{background-image: url(/images/icons/nonresidents/visarequire.png);}
.nonresidents #clusters		.visitinghk,
.nonresidents .visitinghk	#pageHeader,
#topOnline .visitinghk
		{background-image: url(/images/icons/nonresidents/visitinghk.png);}
.nonresidents #clusters		.workinghk,
.nonresidents .workinghk	#pageHeader,
#topOnline .workinghk
		{background-image: url(/images/icons/nonresidents/workinghk.png);}


/* =================================================================================================
	CLUSTER COLORS
================================================================================================= */
.about #pageHeader,
.about #tabMenu a 					 	 {border-left-color:#D9541B;}
.residents .communication	#pageHeader,
.residents .communication	#smartMenu a {border-left-color:#4B729E;}
.residents .culture			#pageHeader,
.residents .culture			#smartMenu a {border-left-color:#78C2BD;}
.residents .education		#pageHeader ,
.residents .education		#smartMenu a {border-left-color:#B15074;}
.residents .employment		#pageHeader,

.residents .employment		#smartMenu a {border-left-color:#EBDD52;}
.residents .environment		#pageHeader,
.residents .environment		#smartMenu a {border-left-color:#588144;}
.residents .government		#pageHeader,
.residents .government		#smartMenu a {border-left-color:#7E6E9F;}
.residents .health			#pageHeader,
.residents .health			#smartMenu a {border-left-color:#9C2E2E;}
.residents .housing			#pageHeader,
.residents .housing			#smartMenu a {border-left-color:#A15838;}
.residents .immigration		#pageHeader,
.residents .immigration		#smartMenu a {border-left-color:#233F6E;}
.residents .taxes			#pageHeader,
.residents .taxes			#smartMenu a {border-left-color:#B1D561;}
.residents .transport		#pageHeader,
.residents .transport		#smartMenu a {border-left-color:#CBB6DA;}
.business #pageHeader,
.business #smartMenu a					 {border-left-color:#D8D58D;}
.nonresidents .investinghk	#pageHeader,
.nonresidents .investinghk	#smartMenu a {border-left-color:#5BADCF;}
.nonresidents .living		#pageHeader,
.nonresidents .living		#smartMenu a {border-left-color:#C4B574;}
.nonresidents .studyinghk	#pageHeader,
.nonresidents .studyinghk	#smartMenu a {border-left-color:#B15074;}
.nonresidents .visarequire	#pageHeader,
.nonresidents .visarequire	#smartMenu a {border-left-color:#233F6E;}
.nonresidents .visitinghk	#pageHeader,
.nonresidents .visitinghk	#smartMenu a {border-left-color:#78C2BD;}
.nonresidents .workinghk	#pageHeader,
.nonresidents .workinghk	#smartMenu a {border-left-color:#EBDD52;}


/* =================================================================================================
	SINGLE MENU ICONS (SIDEBAR)
================================================================================================= */
.singleMenu h2, .singleLink h2{
	background-position:6px center;
	background-repeat:no-repeat;
}

/* 20120808: add multiline, background top=(31-17)/2=7  */
/* note: singleLink and multilines in same div */
.singleMenu .multilines h2, .singleLink.multilines  h2{
	background-position:6px 7px;
	background-repeat:no-repeat;
}

/* 20120824: still use "cloud" (api.png) */
/* .smWeather	{background-image:url(/images/icons/singlemenu/weather.png);} */
.smWeather	{background-image:url(/images/icons/singlemenu/api.png);}

.smNews		{background-image:url(/images/icons/singlemenu/news.png);}

.smPress	{background-image:url(/images/icons/singlemenu/press.png);}

/* added for ISD TV API 20140618*/
.smTVAPI	{background-image:url(/images/icons/singlemenu/tv.png);}

/* LL: added psi 20110331 */
.smPsi		{background-image:url(/images/icons/singlemenu/psi.png);}

/* 20151127: add e-cheque  */
.smECheque	{background-image: url(/images/icons/singlemenu/echeque.png);}

.smEnquiries{background-image:url(/images/icons/singlemenu/enquiries.png);}
.smWebcast	{background-image:url(/images/icons/singlemenu/webcast.png);}
.smTraffic	{background-image:url(/images/icons/singlemenu/traffic.png);}
.smMap		{background-image:url(/images/icons/singlemenu/map.png);}
.smECard	{background-image:url(/images/icons/singlemenu/ecard.png);}
.smGadget	{background-image:url(/images/icons/singlemenu/gadget.png);}
.smAPI		{background-image:url(/images/icons/singlemenu/api.png);}
.smAQHI		{background-image:url(/images/icons/singlemenu/api.png);}	
/* 20140128: change for AQHI */

/* ===== 20150707: add for GovHKQuiz: start ===== */
.smQuiz		{ background-image:url(/images/icons/singlemenu/quiz.png); }


	
.smGovHKQuiz .QuestionAndAnswer, 
.smGovHKQuiz .thumbAndQuestion,
.smGovHKQuiz .questionOnly,
.smGovHKQuiz .answerPanel,
.smGovHKQuiz .buttonPanel {
	display:block;
	float:left;
	clear:both;
}

.smGovHKQuiz .QuestionAndAnswer { 
	font-size: 120%;
	margin-bottom:10px;
}

/* 20150710: make "a" as block for bg color effect */
.smGovHKQuiz .QuestionAndAnswer a { 
	/* try */
	background-color:none;
	
	display:block;
	float:left;
	clear:both;
}

.smGovHKQuiz .QuestionAndAnswer.bgImage a:hover .question,
.smGovHKQuiz .QuestionAndAnswer.bgImage a:hover .answerList { 
	text-decoration:underline;
}

/* test
.smGovHKQuiz .QuestionAndAnswer.bgImage:hover  { 
	opacity:0.8; 
}
*/


.smGovHKQuiz .thumbAndQuestion .thumb,
.smGovHKQuiz .thumbAndQuestion .question,
.smGovHKQuiz .questionOnly .question  {
	display:block;
	float:left;
	clear:none;
}


.smGovHKQuiz  .question  {
	line-height:1.4em; /* for all question */
}

/* "smGovHKQuiz" width total: 240px */
.smGovHKQuiz .thumbAndQuestion .thumb  {
	width:64px;
	line-height:0;	/* reset height */
}


.smGovHKQuiz .thumbAndQuestion .question  {
	/* total width: 176px */	
	width:160px;
	padding:7px 7px 0 7px;
	/* note: pad bottom is 0 (esp with thumbnail) */
}

.smGovHKQuiz .questionOnly .question  {
	/* total width: 240px */	
	width:210px;
	padding:10px 15px 0 15px;
	/* note: pad bottom is 0 (esp with thumbnail) */
}

/* typeD */
.smGovHKQuiz.typeD .questionOnly .question  {
	padding-bottom:20px;
}

.smGovHKQuiz .answerPanel {
	/* total width: 240px */	
	padding:10px 0px 10px 30px;
	/* padding: top, bottom and left */
	width:210px;	/* note: make area clickable */
}

.smGovHKQuiz .answerList {
	display:block;
	float:left;
	clear:both;
	line-height:1.8em;
}


.smGovHKQuiz .checkAnswerButton,
.smGovHKQuiz .submitAnswerButton {
	display:block;
	float:left;
	clear:none;
	margin:0px 0px 20px 20px; /* bottom and left */
	border:1px solid black;
	padding:2px;
}

/* 20160201: fix background on typeC and typeD */
/* CAUTION: css class weight this item bigger then style.css */
.singleMenu .bgImage a.thumbnail {
	background-color:transparent;
}



/* ===== 20150707: add for GovHKQuiz: end ===== */

/* =================================================================================================
	LEGEND ICONS
================================================================================================= */
/* Clusters (Smart menu) */
.clustersLegend span, .clustersLegend li{
	background-image:url(/images/legend/clusters.gif);
	background-repeat:no-repeat;
}
.clustersLegend .nongov		{background-position:left 0;}
.clustersLegend .rss		{background-position:left -50px;}
.clustersLegend .service	{background-position:left -100px;}
.clustersLegend .form		{background-position:left -150px;}


/* Online Services */
.onlineServicesLegend li{
	background-image:url(/images/legend/onlineservices.gif);
	background-repeat:no-repeat;
}
.onlineServicesLegend .onlinepayment	{background-position:left 0;}
.onlineServicesLegend .ecert			{background-position:left -50px;}
.onlineServicesLegend .password			{background-position:left -100px;}
.onlineServicesLegend .scanning			{background-position:left -150px;}
.onlineServicesLegend .printing			{background-position:left -200px;}
/* 20101101: easysignon icon at each item */
.onlineServicesLegend .easysignon		{background-position:left -250px;}
/* 20101101: easysignon legend (long sentence) */
#legends .onlineServicesLegend .easysignon	{background-position:left -246px;}


/* 20110601: form efillable to onlineform */
/* e-Forms */
#legends .eFormsLegend li, .eFormsLegend a, .eformsTitle a{
	background-image:url(/images/legend/eforms.gif);
	background-repeat:no-repeat;
}
#legends .eFormsLegend .efillable,
.eFormsLegend .efillable,
.eformsTitle .efillable				{background-position:left 0;}
#legends .eFormsLegend .onlinesubmission,
.eFormsLegend .onlinesubmission,
.eformsTitle .onlinesubmission		{background-position:left -200px;}
#legends .eFormsLegend .pdf,
.eFormsLegend .pdf,
.eformsTitle .pdf					{background-position:left -400px;}
#legends .eFormsLegend .fillablepdf,
.eFormsLegend .fillablepdf,
.eformsTitle .fillablepdf			{background-position:left -600px;}
#legends .eFormsLegend .msword,
.eFormsLegend .msword,
.eformsTitle .msword				{background-position:left -800px;}
#legends .eFormsLegend .msexcel,
.eFormsLegend .msexcel,
.eformsTitle .msexcel				{background-position:left -1000px;}
#legends .eFormsLegend .richtext,
.eFormsLegend .richtext,
.eformsTitle .richtext				{background-position:left -1200px;}
#legends .eFormsLegend .eft,
.eFormsLegend .eft,
.eformsTitle .eft					{background-position:left -1400px;}
#legends .eFormsLegend .ldform,
.eFormsLegend .ldform,
.eformsTitle .ldform 				{background-position:left -1600px;}
#legends .eFormsLegend .dynadoc,
.eFormsLegend .dynadoc,
.eformsTitle .dynadoc				{background-position:left -1800px;}
#legends .eFormsLegend .html,
.eFormsLegend .html,
.eformsTitle .html					{background-position:left -2000px;}
#legends .eFormsLegend .gifjpeg,
.eFormsLegend .gifjpeg,
.eformsTitle .gifjpeg				{background-position:left -2200px;}
/* for easyfillform */
#legends .eFormsLegend .easyfillform,
.eFormsLegend .easyfillform,
.eformsTitle .easyfillform				{background-position:left -2400px;}

.eFormsLegend .efillable:hover,
.eformsTitle .efillable:hover			{background-position:left -100px;}
.eFormsLegend .onlinesubmission:hover,
.eformsTitle .onlinesubmission:hover	{background-position:left -300px;}
.eFormsLegend .pdf:hover,
.eformsTitle .pdf:hover					{background-position:left -500px;}
.eFormsLegend .fillablepdf:hover,
.eformsTitle .fillablepdf:hover			{background-position:left -700px;}
.eFormsLegend .msword:hover,
.eformsTitle .msword:hover				{background-position:left -900px;}
.eFormsLegend .msexcel:hover,
.eformsTitle .msexcel:hover				{background-position:left -1100px;}
.eFormsLegend .richtext:hover,
.eformsTitle .richtext:hover			{background-position:left -1300px;}
.eFormsLegend .eft:hover,
.eformsTitle .eft:hover					{background-position:left -1500px;}
.eFormsLegend .ldform:hover,
.eformsTitle .ldform:hover				{background-position:left -1700px;}
.eFormsLegend .dynadoc:hover,
.eformsTitle .dynadoc:hover				{background-position:left -1900px;}
.eFormsLegend .html:hover,
.eformsTitle .html:hover				{background-position:left -2100px;}
.eFormsLegend .gifjpeg:hover,
.eformsTitle .gifjpeg:hover				{background-position:left -2300px;}
/* for easyfillform */
.eFormsLegend .easyfillform:hover,
.eformsTitle .easyfillform:hover		{background-position:left -2500px;}

.eFormsLegend .efillable:active,
.eformsTitle .efillable:active			{background-position:left -100px;}
.eFormsLegend .onlinesubmission:active,
.eformsTitle .onlinesubmission:active	{background-position:left -300px;}
.eFormsLegend .pdf:active,
.eformsTitle .pdf:active				{background-position:left -500px;}
.eFormsLegend .fillablepdf:active,
.eformsTitle .fillablepdf:active		{background-position:left -700px;}
.eFormsLegend .msword:active,
.eformsTitle .msword:active				{background-position:left -900px;}
.eFormsLegend .msexcel:active,
.eformsTitle .msexcel:active			{background-position:left -1100px;}
.eFormsLegend .richtext:active,
.eformsTitle .richtext:active			{background-position:left -1300px;}
.eFormsLegend .eft:active,
.eformsTitle .eft:active				{background-position:left -1500px;}
.eFormsLegend .ldform:active,
.eformsTitle .ldform:active				{background-position:left -1700px;}
.eFormsLegend .dynadoc:active,
.eformsTitle .dynadoc:active			{background-position:left -1900px;}
.eFormsLegend .html:active,
.eformsTitle .html:active				{background-position:left -2100px;}
.eFormsLegend .gifjpeg:active,
.eformsTitle .gifjpeg:active			{background-position:left -2300px;}
/* for easyfillform */
.eFormsLegend .easyfillform:active,
.eformsTitle .easyfillform:active		{background-position:left -2500px;}


.eFormsLegend .efillable:focus,
.eformsTitle .efillable:focus			{background-position:left -100px;}
.eFormsLegend .onlinesubmission:focus,
.eformsTitle .onlinesubmission:focus	{background-position:left -300px;}
.eFormsLegend .pdf:focus,
.eformsTitle .pdf:focus					{background-position:left -500px;}
.eFormsLegend .fillablepdf:focus,
.eformsTitle .fillablepdf:focus			{background-position:left -700px;}
.eFormsLegend .msword:focus,
.eformsTitle .msword:focus				{background-position:left -900px;}
.eFormsLegend .msexcel:focus,
.eformsTitle .msexcel:focus				{background-position:left -1100px;}
.eFormsLegend .richtext:focus,
.eformsTitle .richtext:focus			{background-position:left -1300px;}
.eFormsLegend .eft:focus,
.eformsTitle .eft:focus					{background-position:left -1500px;}
.eFormsLegend .ldform:focus,
.eformsTitle .ldform:focus				{background-position:left -1700px;}
.eFormsLegend .dynadoc:focus,
.eformsTitle .dynadoc:focus				{background-position:left -1900px;}
.eFormsLegend .html:focus,
.eformsTitle .html:focus				{background-position:left -2100px;}
.eFormsLegend .gifjpeg:focus,
.eformsTitle .gifjpeg:focus				{background-position:left -2300px;}
/* for easyfillform */
.eFormsLegend .easyfillform:focus,
.eformsTitle .easyfillform:focus		{background-position:left -2500px;}



/* =================================================================================================
	ARTICLE MENU ICON (ARTICLE MENU)
================================================================================================= */
#articleMenu #iWantTo li a{
}
#articleMenu #iWantTo #share {
	background:url(/images/icons/article/share.gif) 5px center no-repeat;

}
#articleMenu #iWantTo #feedback {
	background:url(/images/icons/article/feedback.gif) 5px center no-repeat;
}
#articleMenu #iWantTo #bookmark {
	background:url(/images/icons/article/bookmark.gif) 5px center no-repeat;
}

/* =================================================================================================
	MULTILANG PAGE and mygovhk button

================================================================================================= */

/* multiLang default color */
.multiLangText { color:#993333; }

#languages {
	/* 20101215 use unicode symbol for triangle */
	/*
	padding-right:20px;
	background:url(/images/header/lang_other.png) no-repeat right center;
	*/
}

#mygovhk {
	color:#FFFFFF;
	display:block;
	background:url(/images/header/mygovhk_left.gif) no-repeat left center;
	padding-left:4px;
	font-weight:bold;
}

#mygovhk span {
	display:block;
	background:url(/images/header/mygovhk_right.gif)  right center no-repeat;
	padding-right:4px;
}

/*20130603 - MyGov img in header
#mygovhk2 img{
	padding-top: 5px;
}*/

/* 20130610 - MyGov in header (en)*/
#mygovhk_header.en.A{
	background: url(/images/header/1A_en_blank.gif) center center no-repeat;
	width: 180px;
}

.en.A #mygovhk_header_text{
	padding-left: 80px;
}

#mygovhk_header.en.AA{
	background: url(/images/header/2A_en_blank.gif) center center no-repeat;
	width: 196px;
}

.en.AA #mygovhk_header_text{
	padding-left: 83px;
}

#mygovhk_header.en.AAA{
	background: url(/images/header/3A_en_blank.gif) center center no-repeat;
	width: 225px;
}

.en.AAA #mygovhk_header_text{
	padding-left: 95px;
}

/* 20130610 - MyGov in header (tc)*/
#mygovhk_header.tc.A{
	background: url(/images/header/1A_tc_blank.gif) center center no-repeat;
	width: 180px;
}

.tc.A #mygovhk_header_text{
	padding-left: 110px;
}

#mygovhk_header.tc.AA{
	background: url(/images/header/2A_tc_blank.gif) center center no-repeat;
	width: 196px;
}

.tc.AA #mygovhk_header_text{
	padding-left: 116px;
}

#mygovhk_header.tc.AAA{
	background: url(/images/header/3A_tc_blank.gif) center center no-repeat;

	width: 225px;
}

.tc.AAA #mygovhk_header_text{
	padding-left: 134px;
}

/* 20130610 - MyGov in header (sc)*/
#mygovhk_header.sc.A{
	background: url(/images/header/1A_sc_blank.gif) center center no-repeat;
	width: 180px;
}

.sc.A #mygovhk_header_text{
	padding-left: 110px;
}

#mygovhk_header.sc.AA{
	background: url(/images/header/2A_sc_blank.gif) center center no-repeat;
	width: 196px;
}

.sc.AA #mygovhk_header_text{
	padding-left: 116px;
}

#mygovhk_header.sc.AAA{
	background: url(/images/header/3A_sc_blank.gif) center center no-repeat;
	width: 225px;
}

.sc.AAA #mygovhk_header_text{
	padding-left: 134px;
}

/* QuickTips */
ul#langList li {  padding:3px; } /* quick fix */
ul#langList li a{display:block;border-bottom:1px solid #aaa; padding:5px;}
ul#langList li a.last{border-bottom:1px solid #fff;}
/* ul#langList a:hover{opacity:0.5;filter: alpha(opacity = 50);width:100%;zoom:1;} */
/* #waLanguageSelector { padding:5px 5px;}  */

/* =================================================================================================
	socialGroups (20130614)
================================================================================================= */

#searchBox{
	/* width:145px; reduce search box for social groups (20130618) */
	width:135px;	
}

/* div1: set it not exist, for qtip to grab it only */
#socialGroupsDiv1 { 
	display:none; 
	position:absolute; z-index:2; top:0px; left:0px; 
	float:left;
	clear:both;
	margin:0;
	padding:0;
	border:0;
	/* no width specify */
}

/* div2: container for div3 and div4 */
#socialGroupsDiv2  { 
	display:block;
	top:0px; left:0px; 
	float:left;
	clear:both;
	margin:0;

	padding:0;
	border:0;	
	/* no width specify */
}

/* div3: background arrow */
#socialGroupsDiv3 {  
	/* note: float:left will have not background */
	clear:both; 
	padding:0; 
	margin:0; 
	border:0;
	/* no width */
	height:23px;
	background:url(/en/images/socialgroups/underline.png) -225px 0px no-repeat;
	/* background same as 6 style:f7f7f7, -225px by tuning */
	display:block;
 }
 
.tc  #socialGroupsDiv3,
.sc  #socialGroupsDiv3 {
	background:url(/en/images/socialgroups/underline.png) -215px 0px no-repeat;
	/* background same as 6 style:f7f7f7, -130px by tuning */
}


/* div3: background arrow */ 
#socialGroupsDiv4{ 
	display:block; float:left; clear:both; 
	/* margin-top:23px ;	*/
	/* width:800px;  */
	margin:0;
	background:#f7f7f7;
	border-style:solid;
	border-color:#EBEBEB;	/* equal background arrow color */
	border-width:0px 2px 2px 2px;
	padding:0 8px; /* make leftmost and rightmost padding align with padding between items */
	
}

ul#socialGroupsList  { 
	/* line-height:50px; 20130618 */
	line-height:65px;
}

ul#socialGroupsList li { 
	float:left; 
	padding:8px; /* padding between items */
	/* line-height:50px; 20130618 */
	line-height:65px;
	
}

ul#socialGroupsList  li a img { 
	
	vertical-align:middle;
	
}

/*
ul#socialGroupsList li a { 
	vertical-align:middle;

}
*/

/* =================================================================================================
	MYGOVHK BADGE (HOMEPAGE)
================================================================================================= */

/* new homepage */
#mygovhkBadge {
	width:455px;
	margin:5px 0;
	line-height:0;
	float:left;
	position:relative;
}

#mygovhkBadgeHeader{
	width:455px;
	height:66px;
	background:url(/images/mygovhk/homepage/header.gif) no-repeat;
}

#mygovhkBadgeHeader a{
	display:block;
	padding-left:35px;
	height:46px;
	line-height:46px;
	position:absolute;
	top:10px;
}

.en #mygovhkBadgeHeader a{width:50px;}
.tc #mygovhkBadgeHeader a{width:40px;}
.sc #mygovhkBadgeHeader a{width:40px;}

#mygovhkLogin{
	background:url(/images/mygovhk/homepage/login.gif) left center no-repeat;
	right:130px;
}
#mygovhkRegister{
	background:url(/images/mygovhk/homepage/register.gif) left center no-repeat;
	left:345px;
}

#mygovhkRegister{
	position:absolute;
}

#mygovhkBadgeFooter {
	padding:0; margin:0; border:0;
	display:block;
	float:none;
	height:23px;
	line-height:23px;
	text-align:center;
	background:url(/images/mygovhk/homepage/footer.gif) no-repeat;
}

#mygovhkBadgeFooter, #mygovhkBadgeFooter a {
	color:#ffffff;
}
#mygovhkBadgeFooter a {
	font-weight:bold;
}

/* 20140430: wac default hide */
#conformance #wcagWac {
	display:none;
}

/* ===== 20150408: minor enhancment ===== */
/* 20150408: writesup - legend hide */
#smartMenuPage #legends { display:none; }
#smartContent p.clustersLegend  { display:none; }

/* 20150414: OVERRIDE external link icon on videoBlock URLs */
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:link:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:visited:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:hover:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:active:after,
#articleContainer #article .contentLink .videoBlock  a[rel="external"]:focus:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:link:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:visited:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:hover:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:active:after,
body.FeaturedArticle  #article .content .videoBlock a[rel="external"]:focus:after {
    content: "";
    background: none;
}

/* ===== 20150713: special handling for taxes table ===== */
.font-size-largest #article .content.DivScroll {
	overflow:scroll;
}

/* ===== 20150720: Gov Forms : additional rotating banner style (copy from mygovhk) ===== */
.about.forms .additionRotatingCell {padding-top:10px;}
.about.forms .additionRotatingCell h2 {display:none;}
.about.forms .additionRotatingCell  p {line-height:20px; padding-top:5px; }
.about.forms .additionRotatingCell  a {font-family:Arial, Helvetica, sans-serif; font-size:14px;}


/* @import "jquery.jscrollpane.css"; 10:57 2018-03-01 remark obsolete */ 
/*
 * involve sections:
 * .theme.bf.home
 * .theme.bf.new
 * .theme.bf.facilitation
 * .theme.bf.advisory
 * .theme.bf.communication
 * .theme.bf.smart
 * .theme.bf.highlights
 * .theme.bf.links
 */

/* page head : start */
.theme.bf.smart.sec2 #pageHeader,
.theme.bf.smart #pageHeader,
.theme.bf.home #pageHeader,
.theme.bf.new #pageHeader,
.theme.bf.facilitation #pageHeader,
.theme.bf.advisory.sec1 #pageHeader,
.theme.bf.advisory.sec2.sub6 #pageHeader,
.theme.bf.advisory.sec2.sub7 #pageHeader,
.theme.bf.advisory.sec2.sub8 #pageHeader,
.theme.bf.advisory.sec2.sub9 #pageHeader,
.theme.bf.advisory.sec3 #pageHeader,
.theme.bf.communication #pageHeader,
.theme.bf.consultation #pageHeader{
 padding-left:60px;}
.theme.bf.home #pageHeader,
.theme.bf.new #pageHeader,
.theme.bf.facilitation #pageHeader,
.theme.bf.advisory #pageHeader,
.theme.bf.communication #pageHeader,
.theme.bf.consultation #pageHeader,
.theme.bf.smart #pageHeader,
.theme.bf.highlights #pageHeader,
.theme.bf.links #pageHeader{
 border-left-color: #2d73b9;}
 
.theme.bf.home #tabMenu a,
.theme.bf.new #tabMenu a,
.theme.bf.facilitation #tabMenu a,
.theme.bf.advisory #tabMenu a,
.theme.bf.communication #tabMenu a{

border-left-color: #2d73b9;
}
/* page head : end */


/* breadcrumb : start */

/* .theme.bf.smart.sec2 #breadCrumb a ,
.theme.bf.home #breadCrumb a ,
.theme.bf.new #breadCrumb a ,
.theme.bf.facilitation #breadCrumb a ,
.theme.bf.advisory #breadCrumb a ,
.theme.bf.communication #breadCrumb a ,
.theme.bf.smart #breadCrumb a ,
.theme.bf.highlights #breadCrumb a ,
.theme.bf.links #breadCrumb a {
	color:#1458a3;
} */
/* .theme.bf.smart.sec2 #breadCrumbHome ,
.theme.bf.home #breadCrumbHome ,
.theme.bf.new #breadCrumbHome ,
.theme.bf.facilitation #breadCrumbHome ,
.theme.bf.advisory #breadCrumbHome ,
.theme.bf.communication #breadCrumbHome ,
.theme.bf.smart #breadCrumbHome ,
.theme.bf.highlights #breadCrumbHome ,
.theme.bf.links #breadCrumbHome {

	color:#2d73b9;
	background-image:url(/en/theme/bf/images/common/icon_breadcrumb_home.png);
} */
/* breadcrumb : end */

/* general : start */
.theme.bf.home h3,
.theme.bf.new h3,
.theme.bf.facilitation h3,
.theme.bf.advisory h3,
.theme.bf.communication h3{
 border-bottom:none; color:#297bc7; margin-bottom: .5em;}
.theme.bf.home h3 img,
.theme.bf.new h3 img,
.theme.bf.facilitation h3 img,
.theme.bf.advisory h3 img,
.theme.bf.communication h3 img{
 float: left;padding-right:8px;}
.theme.bf.home h4,
.theme.bf.new h4,
.theme.bf.facilitation h4,
.theme.bf.advisory h4,
.theme.bf.communication h4{
 color:#bb4320;}
.theme.bf.home .content p,
.theme.bf.new .content p,
.theme.bf.facilitation .content p,
.theme.bf.advisory .content p,
.theme.bf.communication .content p{
text-align:justify;}
.theme.bf.home #article a,
.theme.bf.new #article a,
.theme.bf.facilitation #article a,
.theme.bf.advisory #article a,
.theme.bf.communication #article a,
.theme.bf.highlights #article a{
 color:#1458a3;}
.theme.bf.home #article a:hover,
.theme.bf.new #article a:hover,
.theme.bf.facilitation #article a:hover,
.theme.bf.advisory #article a:hover,
.theme.bf.communication #article a:hover,
.theme.bf.highlights #article a:hover,
.theme.bf.home #article a:focus,
.theme.bf.new #article a:focus,
.theme.bf.facilitation #article a:focus,
.theme.bf.advisory #article a:focus,
.theme.bf.communication #article a:focus,
.theme.bf.highlights #article a:focus{
 color:#bb4320!important;text-decoration:underline;}
.theme.bf.home ul,
.theme.bf.new ul,
.theme.bf.facilitation ul,
.theme.bf.advisory ul,
.theme.bf.communication ul{
 margin:0; }

.theme.bf.home .collapsibleMenu .expandButton .button a.expandAll,
.theme.bf.new .collapsibleMenu .expandButton .button a.expandAll,
.theme.bf.facilitation .collapsibleMenu .expandButton .button a.expandAll,
.theme.bf.advisory .collapsibleMenu .expandButton .button a.expandAll,
.theme.bf.communication .collapsibleMenu .expandButton .button a.expandAll,
.theme.bf.smart .collapsibleMenu .expandButton .button a.expandAll,
 .theme.bf.home .collapsibleMenu .expandButton .button a.collapseAll,
.theme.bf.new .collapsibleMenu .expandButton .button a.collapseAll,
.theme.bf.facilitation .collapsibleMenu .expandButton .button a.collapseAll,
.theme.bf.advisory .collapsibleMenu .expandButton .button a.collapseAll,
.theme.bf.communication .collapsibleMenu .expandButton .button a.collapseAll,
.theme.bf.smart .collapsibleMenu .expandButton .button a.collapseAll{
 background:url(/en/theme/bf/images/common/btn_general_right.png) no-repeat 100% 0; height:26px;}
.theme.bf.home .collapsibleMenu .expandButton .button a.expandAll span,
.theme.bf.new .collapsibleMenu .expandButton .button a.expandAll span,
.theme.bf.facilitation .collapsibleMenu .expandButton .button a.expandAll span,
.theme.bf.advisory .collapsibleMenu .expandButton .button a.expandAll span,
.theme.bf.communication .collapsibleMenu .expandButton .button a.expandAll span,
.theme.bf.smart .collapsibleMenu .expandButton .button a.expandAll span,
 .theme.bf.home .collapsibleMenu .expandButton .button a.collapseAll span,
.theme.bf.new .collapsibleMenu .expandButton .button a.collapseAll span,
.theme.bf.facilitation .collapsibleMenu .expandButton .button a.collapseAll span,
.theme.bf.advisory .collapsibleMenu .expandButton .button a.collapseAll span,
.theme.bf.communication .collapsibleMenu .expandButton .button a.collapseAll span,
.theme.bf.smart .collapsibleMenu .expandButton .button a.collapseAll span{
background:url(/en/theme/bf/images/common/btn_general.png) no-repeat 0 0;  color:#FFF; padding:0 5px 0 10px; margin-right:5px; height:26px;}
.theme.bf.home .collapsibleMenu .expandButton .button a:hover,
.theme.bf.new .collapsibleMenu .expandButton .button a:hover,
.theme.bf.facilitation .collapsibleMenu .expandButton .button a:hover,
.theme.bf.advisory .collapsibleMenu .expandButton .button a:hover,
.theme.bf.communication .collapsibleMenu .expandButton .button a:hover,
.theme.bf.smart .collapsibleMenu .expandButton .button a:hover{
 background-position:100% 100%;}
.theme.bf.home .collapsibleMenu .expandButton .button a:hover span,
.theme.bf.new .collapsibleMenu .expandButton .button a:hover span,
.theme.bf.facilitation .collapsibleMenu .expandButton .button a:hover span,
.theme.bf.advisory .collapsibleMenu .expandButton .button a:hover span,
.theme.bf.communication .collapsibleMenu .expandButton .button a:hover span,
.theme.bf.smart .collapsibleMenu .expandButton .button a:hover span{
 background-position:0 100%;}
.theme.bf.home .collapsibleHeader .collapsibleTitle,
.theme.bf.new .collapsibleHeader .collapsibleTitle,
.theme.bf.facilitation .collapsibleHeader .collapsibleTitle,
.theme.bf.advisory .collapsibleHeader .collapsibleTitle,
.theme.bf.communication .collapsibleHeader .collapsibleTitle,
.theme.bf.smart .collapsibleHeader .collapsibleTitle{
 background:#eaf3f8 url(/en/theme/bf/images/common/accrodion_arrow_opened.gif) no-repeat 98% 50%;}
.theme.bf.home .collapsibleHeader .collapsibleTitle h3,
.theme.bf.new .collapsibleHeader .collapsibleTitle h3,
.theme.bf.facilitation .collapsibleHeader .collapsibleTitle h3,
.theme.bf.advisory .collapsibleHeader .collapsibleTitle h3,
.theme.bf.communication .collapsibleHeader .collapsibleTitle h3,
.theme.bf.smart .collapsibleHeader .collapsibleTitle h3{
 color:#00639d; padding:5px 40px 5px 20px; border-color: #b9d9e8;border-bottom: none!important; margin-top: 1px;margin-bottom: 0;}
.theme.bf.home .collapsibleHeader .collapsibleTitle.close h3,
.theme.bf.new .collapsibleHeader .collapsibleTitle.close h3,
.theme.bf.facilitation .collapsibleHeader .collapsibleTitle.close h3,
.theme.bf.advisory .collapsibleHeader .collapsibleTitle.close h3,
.theme.bf.communication .collapsibleHeader .collapsibleTitle.close h3,
.theme.bf.smart .collapsibleHeader .collapsibleTitle.close h3{
 /* border-bottom:1px solid #FFF; */}
.theme.bf.home .collapsibleHeader .collapsibleTitle.close,
.theme.bf.new .collapsibleHeader .collapsibleTitle.close,
.theme.bf.facilitation .collapsibleHeader .collapsibleTitle.close,
.theme.bf.advisory .collapsibleHeader .collapsibleTitle.close,
.theme.bf.communication .collapsibleHeader .collapsibleTitle.close,
.theme.bf.smart .collapsibleHeader .collapsibleTitle.close{
 background:#cce4f0 url(/en/theme/bf/images/common/accrodion_arrow.gif) no-repeat 98% 50%;}
.theme.bf.home .collapsibleHeader .collapsibleTitle:hover,
.theme.bf.new .collapsibleHeader .collapsibleTitle:hover,
.theme.bf.facilitation .collapsibleHeader .collapsibleTitle:hover,
.theme.bf.advisory .collapsibleHeader .collapsibleTitle:hover,
.theme.bf.communication .collapsibleHeader .collapsibleTitle:hover,
.theme.bf.smart .collapsibleHeader .collapsibleTitle:hover,
 .theme.bf.home .collapsibleHeader .collapsibleTitle:focus,
.theme.bf.new .collapsibleHeader .collapsibleTitle:focus,
.theme.bf.facilitation .collapsibleHeader .collapsibleTitle:focus,
.theme.bf.advisory .collapsibleHeader .collapsibleTitle:focus,
.theme.bf.communication .collapsibleHeader .collapsibleTitle:focus,
.theme.bf.smart .collapsibleHeader .collapsibleTitle:focus{
 background-color:#cce4f0;}
.theme.bf.home .collapsibleContent,
.theme.bf.new .collapsibleContent,
.theme.bf.facilitation .collapsibleContent,
.theme.bf.advisory .collapsibleContent,
.theme.bf.communication .collapsibleContent,
.theme.bf.smart .collapsibleContent,
 .theme.bf.home .collapsibleContent .content,
.theme.bf.new .collapsibleContent .content,
.theme.bf.facilitation .collapsibleContent .content,
.theme.bf.advisory .collapsibleContent .content,
.theme.bf.communication .collapsibleContent .content,
.theme.bf.smart .collapsibleContent .content{
 background:#eaf3f8;}
.theme.bf.home .collapsibleContent h4,
.theme.bf.new .collapsibleContent h4,
.theme.bf.facilitation .collapsibleContent h4,
.theme.bf.advisory .collapsibleContent h4,
.theme.bf.communication .collapsibleContent h4,
.theme.bf.smart .collapsibleContent h4{
 padding:5px 15px; color:#FFF; background-color:#016394;}
.theme.bf.home .collapsibleContent table,
.theme.bf.new .collapsibleContent table,
.theme.bf.facilitation .collapsibleContent table,
.theme.bf.advisory .collapsibleContent table,
.theme.bf.communication .collapsibleContent table,
.theme.bf.smart .collapsibleContent table{
 border:1px solid #dadbd5;}
.theme.bf.home .collapsibleContent table td,
.theme.bf.new .collapsibleContent table td,
.theme.bf.facilitation .collapsibleContent table td,
.theme.bf.advisory .collapsibleContent table td,
.theme.bf.communication .collapsibleContent table td,
.theme.bf.smart .collapsibleContent table td{
 border:none; border-bottom:1px solid #dadbd5; padding:5px 15px 5px 5px;}
.theme.bf.home .collapsibleContent table tr > td:first-child,
.theme.bf.new .collapsibleContent table tr > td:first-child,
.theme.bf.facilitation .collapsibleContent table tr > td:first-child,
.theme.bf.advisory .collapsibleContent table tr > td:first-child,
.theme.bf.communication .collapsibleContent table tr > td:first-child,
.theme.bf.smart .collapsibleContent table tr > td:first-child{
 padding-left:15px; width:8%; }
.theme.bf.home .collapsibleContent .odd,
.theme.bf.new .collapsibleContent .odd,
.theme.bf.facilitation .collapsibleContent .odd,
.theme.bf.advisory .collapsibleContent .odd,
.theme.bf.communication .collapsibleContent .odd,
.theme.bf.smart .collapsibleContent .odd,
 .theme.bf.home .collapsibleContent .odd td,
.theme.bf.new .collapsibleContent .odd td,
.theme.bf.facilitation .collapsibleContent .odd td,
.theme.bf.advisory .collapsibleContent .odd td,
.theme.bf.communication .collapsibleContent .odd td,
.theme.bf.smart .collapsibleContent .odd td,
 .theme.bf.home .collapsibleContent .odd th,
.theme.bf.new .collapsibleContent .odd th,
.theme.bf.facilitation .collapsibleContent .odd th,
.theme.bf.advisory .collapsibleContent .odd th,
.theme.bf.communication .collapsibleContent .odd th,
.theme.bf.smart .collapsibleContent .odd th{
 background-color:#f1f2ed!important;}
.theme.bf.home .collapsibleContent table tr:first-child > th,
.theme.bf.new .collapsibleContent table tr:first-child > th,
.theme.bf.facilitation .collapsibleContent table tr:first-child > th,
.theme.bf.advisory .collapsibleContent table tr:first-child > th,
.theme.bf.communication .collapsibleContent table tr:first-child > th,
.theme.bf.smart .collapsibleContent table tr:first-child > th{
 padding:5px 15px; color:#FFF; background-color:#016394!important;border: none;}
.theme.bf.home .collapsibleContent table tr:first-child > th > span,
.theme.bf.new .collapsibleContent table tr:first-child > th > span,
.theme.bf.facilitation .collapsibleContent table tr:first-child > th > span,
.theme.bf.advisory .collapsibleContent table tr:first-child > th > span,
.theme.bf.communication .collapsibleContent table tr:first-child > th > span,
.theme.bf.smart .collapsibleContent table tr:first-child > th > span{
 font-size: small;}
.theme.bf.home .dotline,
.theme.bf.new .dotline,
.theme.bf.facilitation .dotline,
.theme.bf.advisory .dotline,
.theme.bf.communication .dotline,
.theme.bf.smart .dotline{
 padding-top: 1em; border-top: 1px dotted #bcbcba;}

/* general : end */

/* main navigation menu : start */
/* .theme.bf.home #navigation,
.theme.bf.new #navigation,
.theme.bf.facilitation #navigation,
.theme.bf.advisory #navigation,
.theme.bf.communication #navigation{ */
/* margin to home button to all pages */
.theme.bf #navigation{

	margin-top: 10px;
}
.govhkMobile #navigation{
	margin-top: 0;
}

/* .theme.bf.home #navigation_home,
.theme.bf.new #navigation_home,
.theme.bf.facilitation #navigation_home,
.theme.bf.advisory #navigation_home,
.theme.bf.communication #navigation_home{ */
/* home button to all pages */
.theme.bf #navigation_home{

	background:url(/en/theme/bf/images/common/btn_bfi_home.png) no-repeat center top;
	width:242px;
	height:43px;
	display:table-cell;
	vertical-align:middle;
	padding:0 20px 0 50px;
	color:#fff;
	font-size:1.25em;
	font-weight: bold;
	text-decoration:none;
}
.theme.bf.home #navigation_home, .theme.bf #navigation_home:hover, .theme.bf #navigation_home:focus {
	background-position:center -43px;
}

#navigation	li.home{
	display:none;
}
.govhkMobile #navigation li.home{
	display:block;
}
/* main navigation menu : end */

/* tab menu : start */
.theme.bf.home #tabMenuContainer #tabMenu,
.theme.bf.new #tabMenuContainer #tabMenu,
.theme.bf.facilitation #tabMenuContainer #tabMenu,
.theme.bf.advisory #tabMenuContainer #tabMenu,
.theme.bf.communication #tabMenuContainer #tabMenu{
 visibility:hidden;}
.theme.bf.home .sidebar #tabContent ,
.theme.bf.new .sidebar #tabContent ,
.theme.bf.facilitation .sidebar #tabContent ,
.theme.bf.advisory .sidebar #tabContent ,
.theme.bf.communication .sidebar #tabContent {

	width: 450px;
}
.theme.bf.home .sidebar #breadCrumb,
.theme.bf.new .sidebar #breadCrumb,
.theme.bf.facilitation .sidebar #breadCrumb,
.theme.bf.advisory .sidebar #breadCrumb,
.theme.bf.communication .sidebar #breadCrumb{

	position:relative;
}
.theme.bf.home .sidebar #breadCrumb > p ,
.theme.bf.new .sidebar #breadCrumb > p ,
.theme.bf.facilitation .sidebar #breadCrumb > p ,
.theme.bf.advisory .sidebar #breadCrumb > p ,
.theme.bf.communication .sidebar #breadCrumb > p {

	max-width: 600px;
}
/* for EN, "List of BLGs" */
.theme.bf.communication .sidebar #breadCrumb > p {max-width: 560px;}
.theme.bf.communication.font-size-larger .sidebar #breadCrumb > p {max-width: 550px;}
.theme.bf.communication.font-size-largest .sidebar #breadCrumb > p {max-width: 530px;}
/* for EN, "BFAC and its Task Forces" */
.theme.bf.advisory .sidebar #breadCrumb > p {max-width: 490px;}
.theme.bf.advisory.font-size-larger .sidebar #breadCrumb > p {max-width: 450px;}
.theme.bf.advisory.font-size-largest .sidebar #breadCrumb > p {max-width: 430px;}

/* for TC/SC, "List of BLGs" */
.tc.theme.bf.communication .sidebar #breadCrumb > p,
.sc.theme.bf.communication .sidebar #breadCrumb > p  {max-width: 520px;}
.tc.theme.bf.communication.font-size-larger .sidebar #breadCrumb > p,
.sc.theme.bf.communication.font-size-larger .sidebar #breadCrumb > p  {max-width: 500px;}
.tc.theme.bf.communication.font-size-largest .sidebar #breadCrumb > p,
.sc.theme.bf.communication.font-size-largest .sidebar #breadCrumb > p  {max-width: 480px;}
/* for TC/SC, "BFAC and its Task Forces" */
.tc.theme.bf.advisory .sidebar #breadCrumb > p,
.sc.theme.bf.advisory .sidebar #breadCrumb > p  {max-width: 510px;}
.tc.theme.bf.advisory.font-size-larger .sidebar #breadCrumb > p,
.sc.theme.bf.advisory.font-size-larger .sidebar #breadCrumb > p  {max-width: 490px;}
.tc.theme.bf.advisory.font-size-largest .sidebar #breadCrumb > p,
.sc.theme.bf.advisory.font-size-largest .sidebar #breadCrumb > p  {max-width: 460px;}

.theme.bf.home .sidebar #breadCrumb #tabMenu ,
.theme.bf.new .sidebar #breadCrumb #tabMenu ,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu ,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu ,
.theme.bf.communication .sidebar #breadCrumb #tabMenu {

	position: absolute;
	top: 28px;
	right: 10px;
	width:362px;
	background: url(/en/theme/bf/images/common/subnav_top.jpg) no-repeat 100% 0;
	padding-top:3px;
	border-left:1px solid #d6d6d4;
	border-right:1px solid #d6d6d4;
	border-bottom:1px solid #d6d6d4;
	height:auto;
}
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul:after,
 .theme.bf.home .sidebar #breadCrumb #tabMenu:after,
.theme.bf.new .sidebar #breadCrumb #tabMenu:after,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu:after,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu:after,
.theme.bf.communication .sidebar #breadCrumb #tabMenu:after{
 clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul:after,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul:after,
 .theme.bf.home .sidebar #breadCrumb #tabMenu:after ,
.theme.bf.new .sidebar #breadCrumb #tabMenu:after ,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu:after ,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu:after ,
.theme.bf.communication .sidebar #breadCrumb #tabMenu:after {
 height: 1%;}
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul{
background: none; border:1px solid #FFF; padding-bottom:0;}
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul > li,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul > li,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul > li,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul > li,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul > li{
background: url(/en/theme/bf/images/common/subnav_bg1.jpg) repeat-y right top;}
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul > li > a,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul > li > a,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul > li > a,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul > li > a,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul > li > a{
 color: #453d32; background-image:none; background-repeat:no-repeat; background-position:15px .4em; border-top:1px solid #cdd5d8; padding:8px 40px 6px 50px; font-size: 0.6667em; }
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul > li:first-child a,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul > li:first-child a,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul > li:first-child a,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul > li:first-child a,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul > li:first-child a{
 border-top:none;}
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul > li > a:hover,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul > li > a:hover,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul > li > a:hover,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul > li > a:hover,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul > li > a:hover,
.theme.bf.home .sidebar #breadCrumb #tabMenu > ul > li > a:focus,
.theme.bf.new .sidebar #breadCrumb #tabMenu > ul > li > a:focus,
.theme.bf.facilitation .sidebar #breadCrumb #tabMenu > ul > li > a:focus,
.theme.bf.advisory .sidebar #breadCrumb #tabMenu > ul > li > a:focus,
.theme.bf.communication .sidebar #breadCrumb #tabMenu > ul > li > a:focus{
 color: #1458a3;}
.theme.bf.home .sidebar #tabContent,
.theme.bf.new .sidebar #tabContent,
.theme.bf.facilitation .sidebar #tabContent,
.theme.bf.advisory .sidebar #tabContent,
.theme.bf.communication .sidebar #tabContent{

	float: none;
	width: auto;
}
#cust-advisory-taskforces, #cust-advisory-taskforces-wholesale_retail, #cust-advisory-taskforces-food,#cust-advisory-taskforces-BLG, #cust-advisory-taskforces-tf_townplan, #cust-advisory-taskforces-tf_precon, #cust-advisory-taskforces-tf_retail, #cust-advisory-taskforces-tf_food{background: url(/en/theme/bf/images/common/subnav_bg2.jpg) repeat-y right top !important;}

.theme.bf.advisory.sec1.sub1 #cust-advisory-taskforces{ border-top:2px solid #a0bbd9;}

#cust-advisory-intro a{
	background-image: url(/en/theme/bf/images/common/icon24x24_intro_terms.png)!important;
}
#cust-advisory-intro-membership a{
	background-image: url(/en/theme/bf/images/common/icon24x24_membership.png)!important;
}
#cust-advisory-intro-papers a{
	background-image: url(/en/theme/bf/images/common/icon24x24_papers_meeting.png)!important;
}
#cust-advisory-intro-pr a{
	background-image: url(/en/theme/bf/images/common/icon24x24_press_releases.png)!important ;
}
#cust-advisory-secretariat a{ background-image: url(/en/theme/bf/images/common/icon24x24_bfac_secretariat.png)!important ;}
#cust-advisory-taskforces a{ background-image: url(/en/theme/bf/images/common/icon24x24_intro.png)!important ;}
#cust-advisory-taskforces-wholesale_retail a{ background-image: url(/en/theme/bf/images/common/icon24x24_wholesale_retail.png)!important ;}
#cust-advisory-taskforces-food a{ background-image: url(/en/theme/bf/images/common/icon24x24_foodbiz.png)!important ;}
#cust-advisory-taskforces-BLG a{ background-image: url(/en/theme/bf/images/common/icon24x24_blg.png)!important ;}

#cust-communication-blg a{background-image: url(/en/theme/bf/images/common/icon24x24_blg_intro.png)!important ;}
#cust-communication-blg-cinemas a{background-image: url(/en/theme/bf/images/common/icon24x24_cinemas.png)!important ;}
#cust-communication-blg-themeparks a{background-image: url(/en/theme/bf/images/common/icon24x24_theme_parks.png)!important ;}
#cust-communication-blg-family a{background-image: url(/en/theme/bf/images/common/icon24x24_family_amusement.png)!important ;}
#cust-communication-blg-restaurants a{background-image: url(/en/theme/bf/images/common/icon24x24_foodbiz_rest.png)!important ;}
#cust-communication-blg-nonrestaurants a{background-image: url(/en/theme/bf/images/common/icon24x24_foodbiz_non_rest.png)!important ;}
#cust-communication-blg-clubs a{background-image: url(/en/theme/bf/images/common/icon24x24_recreational_clubs.png)!important ;}
#cust-communication-blg-entertainment a{background-image: url(/en/theme/bf/images/common/icon24x24_karaoke.png)!important ;}
#cust-communication-blg-hotels a{background-image: url(/en/theme/bf/images/common/icon24x24_hotels.png)!important ;}
#cust-communication-blg-billiard a{background-image: url(/en/theme/bf/images/common/icon24x24_billiard_est.png)!important ;}
#cust-communication-blg-ghouse a{background-image: url(/en/theme/bf/images/common/icon24x24_holiday_flats.png)!important ;}

#btn_tabmenu{ position:absolute; right:10px; top:10px; cursor:pointer; z-index:10;}
#btn_tabmenu .icon{ height:19px;color: #0d4fab;background: url(/en/theme/bf/images/common/btn_subnav.png) no-repeat 0 0; float:left; padding:2px 5px 0 25px; font-weight:bold;}
.theme.bf.advisory.font-size-larger #btn_tabmenu .icon{line-height: 1.25em;}
.theme.bf.advisory.font-size-largest #btn_tabmenu .icon{line-height: 1.125em;}
#btn_tabmenu .rightEdge{ height:21px; width:5px; float:left; background: url(/en/theme/bf/images/common/btn_subnav_right.png) no-repeat 0 0;}
/* tab menu : end */

/* page home : start */
/* .home #pageHeader, .home #breadCrumb{
	display:none;
} */
.theme.bf.home #pageHeader{background: url(/en/theme/bf/images/common/hd_bfi_home.png) no-repeat 5px 40%;}
.theme.bf.home .leading_section{
	margin: 0 -10px -1em;
	padding:0 10px;
	background: url(/en/theme/bf/images/common/home_msg_bg.jpg) repeat-x 0 100%;
}
.theme.bf.home .leading_section > p.last{
	line-height:0em;
}
.theme.bf.home .leading_section table{ margin-bottom:0;}
.theme.bf.home .leading_section table,
.theme.bf.home .leading_section th, .theme.bf.home .leading_section td{
	border: none;
}
.theme.bf.home .leading_section .odd,
.theme.bf.home .leading_section .odd td,
.theme.bf.home .leading_section .odd th{
	background: none!important;
}
.theme.bf.home .leading_section h3{ border-bottom:none; color:#297bc7;}
.theme.bf.home .leading_section h4{ color:#bb4320;}
.theme.bf.home .sub-section .main_vis_wrap{
	margin: 0 -10px;
}
.theme.bf.home .quick_link{
	background-color: #eee;
	margin: 0 -10px;
	padding: 10px 0;
}
.theme.bf.home .quick_link > ul{
	margin:0;
}
.theme.bf.home .quick_link > ul:after{ clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.theme.bf.home .quick_link > ul:after { height: 1%;}
.theme.bf.home .quick_link > ul > li{
	list-style-type: none;
	float: left;
	width: 173px;
	padding: 0px;
	margin: 0px;
	position: relative;
	font-weight: bold;
	line-height: 1.375em;
}
.theme.bf.home .quick_link > ul > li > a{
	width: 113px;
	padding-left: 60px;
	height: 40px;
	vertical-align: middle;
	display: table-cell;
	color:#006494!important;
	text-decoration: none;
}
.theme.bf.home .quick_link > ul > li > a:hover{
	text-decoration: underline;
}
.theme.bf.home .quick_link > ul > li > a > img{
	position: absolute;
	left: 0px;
	top: -10px;
}
.theme.bf.home .sub-section.blg ul{ margin:0;}
.theme.bf.home .sub-section.blg ul li{ margin-left:0; list-style:none; float:left; width:224px; overflow:hidden;}
.theme.bf.home .sub-section.blg ul li img{ margin:0;}
.theme.bf.home h4{ color:#2e72b9;}
/* page home : end */

/* page facilitation : starts*/
.theme.bf.facilitation .leading_section{
	margin: 0 -10px;
	padding:0 10px;
	background: url(/en/theme/bf/images/common/home_msg_bg.jpg) repeat-x 0 100%;
}
.theme.bf.facilitation .leading_section table{ margin-bottom:0;}
.theme.bf.facilitation .leading_section table,
.theme.bf.facilitation .leading_section th, .theme.bf.facilitation .leading_section td{
	border: none;
}
.theme.bf.facilitation .leading_section .odd,
.theme.bf.facilitation .leading_section .odd td,
.theme.bf.facilitation .leading_section .odd th{
	background: none!important;
}
.theme.bf.facilitation .content p img{
	float: right;
	margin: 0 0 0px 20px;
	padding: 2px;
	border: 1px solid #ccc;
}
/* page facilitation : end */

/*communication : starts*/
.theme.bf.communication .content ul > li {list-style-type: none; margin-left:0; padding-left:20px; padding-bottom:5px; background: url(/en/theme/bf/images/common/bullet_1.gif) no-repeat 5px 7px;}
.theme.bf.communication .schedule_meetings > ul{ margin:0 0 20px; padding-bottom:20px; border-bottom:1px dotted #bcbcba;}
.theme.bf.communication .schedule_meetings > ul:after{ clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.theme.bf.communication .schedule_meetings > ul:after { height: 1%;}
.theme.bf.communication .schedule_meetings.panel.cinemas {background:#e9e3e5  url(/en/theme/bf/images/common/schedule_bg_cinemas.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.theme_parks {background:#e3eee6 url(/en/theme/bf/images/common/schedule_bg_theme_parks.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.family_amusement {background:#d7e7e4 url(/en/theme/bf/images/common/schedule_bg_family_amusement.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.foodbiz_rest {background:#e8ebe2 url(/en/theme/bf/images/common/schedule_bg_foodbiz_rest.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.foodbiz_non_rest {background:#eae0e1 url(/en/theme/bf/images/common/schedule_bg_foodbiz_non_rest.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.recreational_clubs {background:#e6e0ec url(/en/theme/bf/images/common/schedule_bg_recreational_clubs.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.karaoke {background:#ebdfe9 url(/en/theme/bf/images/common/schedule_bg_karaoke.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.hotels {background:#d6e8ea url(/en/theme/bf/images/common/schedule_bg_hotels.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.billiard_est {background:#ebe6ec url(/en/theme/bf/images/common/schedule_bg_billiard_est.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel.holiday_flats {background:#ede8e2 url(/en/theme/bf/images/common/schedule_bg_holiday_flats.jpg) no-repeat;}
.theme.bf.communication .schedule_meetings.panel{ list-style:none; width:281px; margin-bottom:10px; float:left; margin-left:10px; min-height:130px; padding:15px 20px 0; font-size: 150%;}
.theme.bf.communication .schedule_meetings.panel.fix{ margin-left:0; clear:both;}
.theme.bf.communication .schedule_meetings.panel h3, .theme.bf.communication .schedule_meetings.panel h3 a{color:#453d3a;}
.theme.bf.communication .schedule_meetings table{ border:none;}
.theme.bf.communication .schedule_meetings table td{ border:none; padding:5px 10px 5px 0;}
.theme.bf.communication .schedule_meetings table td img{ margin-bottom: -3px;}
.theme.bf.communication .schedule_meetings.panel > table .odd td, .theme.bf.communication .schedule_meetings.panel > table .even td{ background:none!important; }
.theme.bf.communication .schedule_meetings.links{ margin:20px 0 0; padding-top:20px; border-top:1px dotted #bcbcba;}

.theme.bf.communication.sec1 #pageHeader{background: url(/en/theme/bf/images/common/hd_intro.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub1 #pageHeader{background: url(/en/theme/bf/images/common/hd_cinemas.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub2 #pageHeader{background: url(/en/theme/bf/images/common/hd_theme_parks.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub3 #pageHeader{background: url(/en/theme/bf/images/common/hd_family_amusement.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub4 #pageHeader{background: url(/en/theme/bf/images/common/hd_foodbiz_rest.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub5 #pageHeader{background: url(/en/theme/bf/images/common/hd_foodbiz_non_rest.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub6 #pageHeader{background: url(/en/theme/bf/images/common/hd_recreational_clubs.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub7 #pageHeader{background: url(/en/theme/bf/images/common/hd_karaoke.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub8 #pageHeader{background: url(/en/theme/bf/images/common/hd_hotels.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub9 #pageHeader{background: url(/en/theme/bf/images/common/hd_billiard_est.png) no-repeat 5px 40%;}
.theme.bf.communication.sec1.sub10 #pageHeader{background: url(/en/theme/bf/images/common/hd_holiday_flats.png) no-repeat 5px 40%;}
.theme.bf.communication.sec2 #pageHeader{background: url(/en/theme/bf/images/common/hd_terms_ref.png) no-repeat 5px 40%;}
.theme.bf.communication.sec3 #pageHeader{background: url(/en/theme/bf/images/common/hd_schedule_meeting.png) no-repeat 5px 40%;}
.theme.bf.communication.sec4 #pageHeader{background: url(/en/theme/bf/images/common/hd_enrolment_suggestions.png) no-repeat 5px 40%;}

.theme.bf.communication .collapsibleMenu .collapsibleTitle h3 img{ padding-right:10px;}
.theme.bf.communication .blg_intro{ color:#9b3f09; border:1px solid #eea552; background-color:#f9ede1; padding:10px;}

.theme.bf.communication .quick_link table{border: none; margin-bottom:0;}
.theme.bf.communication .quick_link th{border: none; color:#2d73b9;}
.theme.bf.communication .quick_link td{border: none;}
.theme.bf.communication .quick_link td a{text-decoration: none;}
.theme.bf.communication .quick_link td a:hover{text-decoration: underline;}
.theme.bf.communication .quick_link .odd, .theme.bf.communication .quick_link .odd td, .theme.bf.communication .quick_link .odd th{background:none !important;}
.theme.bf.communication .quick_link .even, .theme.bf.communication .quick_link .even td, .theme.bf.communication .quick_link .even th{background:none !important;}
.theme.bf.communication .sub-section.blg ul{ margin:0 -10px;}
.theme.bf.communication .sub-section.blg ul li{ margin-left:0; list-style:none; float:left; width:224px; overflow:hidden; padding-left: 0; padding-bottom: 0; background: none;}
.theme.bf.communication .sub-section.blg ul li img{ margin:0;}

.theme.bf.communication .enrolment table, .theme.bf.communication .enrolment td{ border:none;}
.theme.bf.communication .enrolment > table > tbody > tr > td:first-child, .theme.bf.communication .enrolment > table > tbody > tr > td.color_txt{ font-weight:700; color:#2b74b9;}
.theme.bf.communication .videoTitle img.new{padding: 0 5px;}
/*communication : ends*/

/*news : start*/
.theme.bf.new #pageHeader{ background: url(/en/theme/bf/images/common/hd_whatsnew.png) no-repeat 5px 40%;}
.theme.bf.new .whats-new > table{ border:none;}
.theme.bf.new .whats-new table td{ border:none; border-bottom:5px solid #F7F7F7; vertical-align:top; padding:15px 15px 5px 15px; background:#e6eef0;}
.theme.bf.new .whats-new > table > tbody > tr > td:first-child{background: url(/en/theme/bf/images/common/bg_whatsnew_tbl.jpg) repeat-y 0 0; padding:10px 0;}
.theme.bf.new .whats-new table td h3{ margin-bottom:0; padding:0; background:none;}
.theme.bf.new .whats-new table td table{ border:none; width:100%; margin:0;}
.theme.bf.new .whats-new table td table td{ border:none; background:none !important; padding:0;}
.theme.bf.new .whats-new table td table td:first-child{ width:15%; font-weight:700;}
.theme.bf.new .whats-new table td table td ul{ margin:0; }
.theme.bf.new .whats-new table td table td ul li{list-style-type: none; margin-left:0; padding-left:18px; padding-bottom:5px; background: url(/en/theme/bf/images/common/bullet_1.gif) no-repeat 5px 7px;  }
.theme.bf.new .whats-new table td table td ul li a{ color:#1458a3; padding-right:5px; text-decoration:none;}
.theme.bf.new .whats-new table td table td ul li a:hover{ }

/*news : end*/

/*advisory : start*/
.theme.bf.advisory.sec1.sub1 #pageHeader{ background: url(/en/theme/bf/images/common/hd_intro_terms.png) no-repeat 5px 40%;}
.theme.bf.advisory.sec1.sub2 #pageHeader{ background: url(/en/theme/bf/images/common/hd_membership.png) no-repeat 5px 40%;}
.theme.bf.advisory.sec1.sub3 #pageHeader{ background: url(/en/theme/bf/images/common/hd_papers_bfac_meeting.png) no-repeat 5px 40%;}
.theme.bf.advisory.sec1.sub4 #pageHeader{ background: url(/en/theme/bf/images/common/hd_press_releases.png) no-repeat 5px 40%;}
/*.theme.bf.advisory.sec2.sub5 #pageHeader{ padding-left:10px;}*/
.theme.bf.advisory.sec2.sub6 #pageHeader{ background: url(/en/theme/bf/images/common/hd_intro.png) no-repeat 5px 40%;}
.theme.bf.advisory.sec2.sub7 #pageHeader{ background: url(/en/theme/bf/images/common/hd_wholesale_retail.png) no-repeat 5px 40%;}
.theme.bf.advisory.sec2.sub8 #pageHeader{ background: url(/en/theme/bf/images/common/hd_foodbiz.png) no-repeat 5px 40%;}
.theme.bf.advisory.sec2.sub9 #pageHeader{ background: url(/en/theme/bf/images/common/hd_blg.png) no-repeat 5px 40%;}
.theme.bf.advisory.sec3 #pageHeader{background: url(/en/theme/bf/images/common/hd_bfac_secretariat.png) no-repeat 5px 40%;}

.theme.bf.advisory.sec2.sub1 #pageHeader{ background: url(/en/theme/bf/images/common/hd_intro.png) no-repeat 5px 40%;}
/* .theme.bf.advisory.sec1.sub4 .collapsibleContent .content a{ color:#000; background: url(/en/theme/bf/images/common/bullet_1.gif) no-repeat 5px 40%; padding-left:18px;} */

.theme.bf.advisory .tf_list a > img{margin-bottom: -6px;margin-right: 10px;}
.theme.bf .notes{background-color: #e9eae5; border: 1px #dadbd5 solid; padding: 1em;}
.theme.bf.advisory .notes > ol > li{margin-bottom: 10px; font-size: 0.85em; text-align: justify;}
.theme.bf.advisory .content ul > li {list-style-type: none; margin-left:0; padding-left:20px; padding-bottom:5px; background: url(/en/theme/bf/images/common/bullet_1.gif) no-repeat 5px 7px;}

.theme.bf.advisory .secretariat table, .theme.bf.advisory .secretariat td{ border:none;}
.theme.bf.advisory .secretariat > table > tbody > tr > td:first-child, .theme.bf.advisory .secretariat > table > tbody > tr > td.color_txt{ font-weight:700; color:#2b74b9;}
.theme.bf.advisory .bookmark{text-align: center;}
.theme.bf.advisory .bookmark > ul{}
.theme.bf.advisory .bookmark > ul > li{background: url(/en/theme/bf/images/common/tab_bg.png) no-repeat 0px 0px;
height: 42px;
padding: 0px;
display: inline-block;
margin-left: 2px;
padding-left: 10px;
list-style-type: none;
*display: block;
*float:left;
*width:auto;
}
.theme.bf.advisory .bookmark > ul > li.hover{background-position: 0px -42px;}
.theme.bf.advisory .bookmark > ul > li > a{background: url(/en/theme/bf/images/common/tab_bg_right.png) no-repeat right 0px;
height: 42px;
display: table-cell;
*display: inline-block;
text-decoration:none; vertical-align: middle; padding-right: 10px;font-weight: bold;}
.theme.bf.advisory .bookmark > ul > li.hover > a, .theme.bf.advisory .bookmark > ul > li > a:hover, .theme.bf.advisory .bookmark > ul > li > a:focus{background-position: right -42px;}
.theme.bf.advisory .bookmark > ul > li > a img{background:none; margin-right: 5px; vertical-align: middle;} 
.theme.bf.advisory #article .content a.anchor{color:#297bc7 !important;}
.theme.bf.advisory .membership{text-align: center;}
.theme.bf.advisory .membership table{border: none; margin-bottom:0;}
.theme.bf.advisory .membership th{border: none; color:#2d73b9;}
.theme.bf.advisory .membership td{border: none;}
.theme.bf.advisory .membership .odd, .theme.bf.advisory .membership .odd td, .theme.bf.advisory .membership .odd th{background:none !important;}
.theme.bf.advisory .membership .even, .theme.bf.advisory .membership .even td, .theme.bf.advisory .membership .even th{background:none !important;}
.theme.bf.advisory .membership table td ul > li.last{margin-bottom: 20px;}
/*advisory : end*/

/*smart : start*/
.theme.bf.smart #pageHeader{ background: url(/en/theme/bf/images/common/hd_smart.png) no-repeat 5px 40%;}
.theme.bf.smart.sec6 #pageHeader{ background: url(/en/theme/bf/images/common/hd_press_releases.png) no-repeat 5px 40%;}
.theme.bf.smart.sec1 .individual #tabMenu li.sub1 a{background-position: right -350px; color: #000; margin-left: 8px; border-left-width: 17px; border-left-style: solid; padding-left: 10px;}
.theme.bf.smart.sec1.sub2 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub3 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub4 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub5 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub6 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub7 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub8 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub9 .individual #tabMenu li.sub1 a,
.theme.bf.smart.sec1.sub10 .individual #tabMenu li.sub1 a{
background-position: right -50px;color: #888; margin-left: 0; border-left-width: 0; border-left-style: solid; padding-left: 35px;}
/*smart : end*/

/*highlights : start*/
.theme.bf.highlights .content ul > li {list-style-type: none; margin-left:0; padding-left:30px; padding-bottom:5px; background: url(/en/theme/bf/images/common/icon18x18_highlights.png) no-repeat 5px 2px;}
.theme.bf.highlights.font-size-larger .content ul > li {background-position: 5px 3px;}
.theme.bf.highlights.font-size-largest .content ul > li {background-position: 5px 6px;}
.theme.bf.highlights .content ul > li a {text-decoration: none;}
/*highlights : end*/

/*other pageHeader : start*/
.theme.bf.facilitation #pageHeader{ background: url(/en/theme/bf/images/common/hd_gov_commitment.png) no-repeat 5px 40%;}
/* .theme.bf.links #pageHeader{ background: url(/en/theme/bf/images/common/hd_gov_commitment.png) no-repeat 5px 40%;} */
/*other pageHeader : ends*/


/***************** added since 26/1 *******************************/
.theme.bf.consultation #pageHeader,
.theme.bf.consultation.sec2 #pageHeader {
    background: url(/en/theme/bf/images/common/hd_consult_current.png) no-repeat 12px 40%; /*didn't change image yet*/
}
.theme.bf.consultation.sec3 #pageHeader {
    background: url(/en/theme/bf/images/common/hd_consult_upcoming.png) no-repeat 12px 40%; /*didn't change image yet*/
}
.theme.bf.consultation.sec4 #pageHeader {
    background: url(/en/theme/bf/images/common/hd_consult_archives.png) no-repeat 12px 40%; /*didn't change image yet*/
}
.theme.bf.consultation.sec5 #pageHeader {
    background: url(/en/theme/bf/images/common/hd_consult_subscription.png) no-repeat 12px 40%; /*didn't change image yet*/
}
.theme.bf.consultation .content td b,
.theme.bf.consultation .content td strong,
.theme.bf.consultation .content th b{color: #022d5b !important;}
.theme.bf.consultation .content td span b{color: inherit!important;}
.theme.bf.consultation.sec1 .upcoming table th b{color: inherit!important;}
.theme.bf.consultation.sec3 .content .odd,
.theme.bf.consultation.sec3  .content .odd td{
	background-color: #fbeeca !important;
}
.theme.bf.consultation.sec3 .content td b{color: #a38323 !important;}
.theme.bf.consultation.sec2 .content th{color: #165565 !important;}
.theme.bf.consultation.sec3 .content a.anchor{
	color: #6a4f07 !important;
}
.theme.bf.consultation .content td{
	background-color: #f2f2ec !important;
	color: #333;
}
.theme.bf.consultation .content th{
	background-color: #8cd0e2 !important;
	color: #185363;
}
.theme.bf.consultation .content th img{vertical-align: bottom;}
.theme.bf.consultation.sec3  .content .odd th{
	background-color: #e0bc56 !important;
}
.theme.bf.consultation .content div#search-result th, .theme.bf.consultation .content div#search-result td{
	background-color: #fff!important;
}
.theme.bf.consultation.sec2 .content .odd,
.theme.bf.consultation.sec2  .content .odd td{
	background-color: #ecf7f9 !important;
}

.theme.bf.consultation.sec3 .content .even,
.theme.bf.consultation.sec3  .content .even td,
.theme.bf.consultation.sec3  .content .even th,
.theme.bf.consultation.sec2 .content .even,
.theme.bf.consultation.sec2  .content .even td,
.theme.bf.consultation.sec2  .content .even th{
	background-color: #ffffff !important;
}
.theme.bf.consultation .content p.remarks{color: #575666; font-size: 0.8em; margin-bottom: 20px;}
.theme.bf.consultation .content p.remarks img{margin-right: 8px;}
.theme.bf.consultation  .content td .remarks{
	margin-left: 8px;
	padding-top: 12px;
	padding-bottom: 2px;
}
.theme.bf.consultation .content tr.highlights td{
	font-weight: bold;
	color: #247c94 !important;
}
.theme.bf.consultation.sec3  .content tr th b{
	color: #e0bc56 !important;
}

.theme.bf.consultation.sec2  .content .odd th img,
.theme.bf.consultation .content .odd td img{vertical-align: middle;}
.theme.bf.consultation.sec2  .content .odd th b{vertical-align: top; line-height: 1.6em;}

.theme.bf.consultation.sec3  .content td b img{margin-left: 8px;}

.theme.bf.consultation .content #tab_search_wrap{position: relative; margin-bottom: 3px; /* border-bottom: 1px solid #c0d5ea; */ height: 32px;}
.theme.bf.consultation .content #tab_search_wrap #tab_wrap{
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #C0D5EA;
	width: 100%;
}

.theme.bf.consultation.font-size-largest .content #tab_search_wrap {
	padding-top: 38px;
}
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a{
	background: url(/en/theme/bf/images/common/btn_tab_bg_hover.png) repeat-x 0 0;
	padding: 7px 23px;
	float: left;
	margin-left: 6px;
	margin-right: 10px;
	position: relative;
	color: #ffffff;
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
}
.theme.bf.consultation.font-size-larger .content #tab_search_wrap #tab_wrap a{
	padding: 6px 23px 5px 23px;
}
.theme.bf.consultation.font-size-largest .content #tab_search_wrap #tab_wrap a{
	padding: 5px 23px 2px 23px;
}
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a:focus, 
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a:hover,
.theme.bf.consultation .content #tab_search_wrap #search_wrap a:focus,
.theme.bf.consultation .content #tab_search_wrap #search_wrap a:hover{
	color: #ffffff !important;
	text-decoration: underline;
}
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a:before{
	width: 15px;
	height: 32px;
	background: url(/en/theme/bf/images/common/btn_tab_bg_left_hover.png) no-repeat 0 0;
	display: inline-block;
	position: absolute; 
	left: -6px;
	top: 0;
	content: "";
}
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a:after{
	width: 15px;
	height: 32px;
	background: url(/en/theme/bf/images/common/btn_tab_bg_right_hover.png) no-repeat 0 0;
	display: inline-block;
	position: absolute; 
	right: -15px;
	top: 0;
	content: "";
}
/* .theme.bf.consultation .content #tab_search_wrap #tab_wrap a:first-child,  */.theme.bf.consultation .content #tab_search_wrap #tab_wrap a.active{
	color: #333;
	background: url(/en/theme/bf/images/common/btn_tab_bg.png) repeat-x 0 0;
}
/* .theme.bf.consultation .content #tab_search_wrap #tab_wrap a:first-child:focus, 
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a:first-child:hover, */
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a.active:focus,
.theme.bf.consultation .content #tab_search_wrap #tab_wrap a.active:hover{
	color: #333 !important;
	text-decoration: underline;
}
/* .theme.bf.consultation .content #tab_search_wrap #tab_wrap a:first-child:before,  */.theme.bf.consultation .content #tab_search_wrap #tab_wrap a.active:before{
	background: url(/en/theme/bf/images/common/btn_tab_bg_left.png) no-repeat 0 0;
}
/* .theme.bf.consultation .content #tab_search_wrap #tab_wrap a:first-child:after,  */.theme.bf.consultation .content #tab_search_wrap #tab_wrap a.active:after{
	background: url(/en/theme/bf/images/common/btn_tab_bg_right.png) no-repeat 0 0;
}
.theme.bf.consultation .content #tab_search_wrap #year_wrap{
	position: absolute;
	left: 195px;
	top: 4px;
}
.theme.bf.consultation.font-size-larger .content #tab_search_wrap {
	padding-top: 35px;
}
.theme.bf.consultation.font-size-larger .content #tab_search_wrap #year_wrap,
.theme.bf.consultation.font-size-largest .content #tab_search_wrap #year_wrap{
	right: 15px;
	left: auto;
	top: 0;
}
.theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn{
	background: transparent url("/en/theme/bf/images/common/btn_bg.png") repeat-x scroll 0px 0px;
	padding: 2px 2px 2px 2px;
	margin-left: 10px;
	font-size: 0.8em;
	margin-right: 25px;
	position: relative;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	line-height: 23px;
	height: 24px;
	top: -3px;
}
.theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn:focus, 
.theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn:hover{color: #ffffff !important; text-decoration: underline;}
.theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn:before{
    width: 10px;
    height: 28px;
    background: transparent url("/en/theme/bf/images/common/btn_bg_left.png") no-repeat scroll 0px 0px;
    display: inline-block;
    position: absolute;
    left: -5px;
    top: 0px;
    /* top: -4px \9; */
    content: "";
}
/* _:-ms-fullscreen, :root .theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn:before, 
_:-ms-fullscreen, :root .theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn:after{
	top: -3px;
} */
.theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn:after{
    width: 10px;
    height: 28px;
    background: transparent url("/en/theme/bf/images/common/btn_bg_right.png") no-repeat scroll 0px 0px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 0;
    /* top: -4px \9; */
    content: "";
}
.theme.bf.consultation.font-size-larger .content #tab_search_wrap #year_wrap #go_btn{
	margin-right: 5px;
	top: -2px;
	/* padding: 3px 0px 4px; */
	display: inline-block;
	vertical-align: middle;
}
.theme.bf.consultation.font-size-largest .content #tab_search_wrap #year_wrap #go_btn{
	margin-right: 5px;
	/* padding: 1px 0px 6px; */
	display: inline-block;
	vertical-align: middle;
}
.theme.bf.consultation .content #tab_search_wrap #year_wrap .ui-selectmenu-button{
	background: #ffffff;
	padding: 3px 23px 4px 10px;
	border: 1px solid #d7d7ca;
	margin-left: 5px;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	display: inline-block;
    margin-top: -5px;
	vertical-align: middle;
	width: 40px !important;
}
.theme.bf.consultation.font-size-larger .content #tab_search_wrap #year_wrap .ui-selectmenu-button{
	line-height: 1.2em;
}
.theme.bf.consultation.font-size-largest .content #tab_search_wrap #year_wrap .ui-selectmenu-button{
	line-height: 1.05em;
}
.theme.bf.consultation .ui-menu{
	width: 63px !important;
	padding: 0;
}
.theme.bf.consultation .ui-menu .ui-menu-item{
	margin: 0;
	padding: 0;
	border: 0;
	padding: 5px 10px 3px 10px;
	width: 43px;
}
.theme.bf.consultation  .ui-selectmenu-menu{display: none;}
.theme.bf.consultation  .ui-selectmenu-menu.ui-selectmenu-open{display: block;}
.theme.bf.consultation .content #tab_search_wrap #year_wrap .ui-icon-triangle-1-s{
	background: url(/en/theme/bf/images/common/btn_arr.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.theme.bf.consultation .content #tab_search_wrap #year_wrap .ui-icon-triangle-1-s:hover,
.theme.bf.consultation .content #tab_search_wrap #year_wrap .ui-icon-triangle-1-s:focus{
	background: url(/en/theme/bf/images/common/btn_arr_hover.png) no-repeat 0 0;
}
.theme.bf.consultation .content #tab_search_wrap #year_wrap span{font-size: 0.8em; font-weight: bold;}
.theme.bf.consultation .content #tab_search_wrap #year_wrap span span{font-size: 1em; vertical-align: middle;}
.theme.bf.consultation .content #tab_search_wrap #search_wrap{
	position: absolute;
	right: 0;
	top: 0;
	/* float: right; */
	display: inline-block;
}
.theme.bf.consultation.font-size-larger .content #tab_search_wrap #search_wrap{top: 33px;}
.theme.bf.consultation.font-size-largest .content #tab_search_wrap #search_wrap{top: 40px;}
.theme.bf.consultation .content #tab_search_wrap #search_wrap input{
	padding: 5px 21px 5px 3px;
	margin-right: 5px;
	background: #ffffff;
	border: 1px solid #d7d7ca;
	width: 145px;
}
.theme.bf.consultation.font-size-larger .content #tab_search_wrap #search_wrap input{
	vertical-align: top;
}
.theme.bf.consultation.font-size-largest .content #tab_search_wrap #search_wrap input{/* padding: 3px 21px 3px 3px;  */vertical-align: top;}
.theme.bf.consultation .content #tab_search_wrap #search_wrap label{
	display: inline-block;
	position: relative;
}
#search_btn{
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(/en/theme/bf/images/common/btn_search.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	right: 30px;
    top: 13px;
}
#search_btn:focus, 
#search_btn:hover{
	background: url(/en/theme/bf/images/common/btn_search_hover.png) no-repeat 0 0;
}
.theme.bf.consultation .content #tab_search_wrap #search_wrap a#adv_search_btn{
	background: url(/en/theme/bf/images/common/btn_bg.png) repeat-x 0 0;
	padding: 2px 10px;
	margin-left: 5px;
	font-size: .8em;
	margin-right: 15px;
	position: relative;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	height: 27px;
	line-height: 24px;
	
}
/* .theme.bf.consultation.font-size-larger .content #tab_search_wrap #search_wrap  a#adv_search_btn{
	padding: 6px 10px 5px 10px;
} */
.theme.bf.consultation.font-size-largest .content #tab_search_wrap #search_wrap  a#adv_search_btn{
	top: -1px;
} 
.theme.bf.consultation .content #tab_search_wrap #search_wrap a#adv_search_btn:before{
	width: 15px;
	height: 27px;
	background: url(/en/theme/bf/images/common/btn_bg_left.png) no-repeat 0 0;
	display: inline-block;
	position: absolute; 
	left: -5px;
	top: 0;
	content: "";
}
.theme.bf.consultation .content #tab_search_wrap #search_wrap a#adv_search_btn:after{
	width: 15px;
	height: 27px;
	background: url(/en/theme/bf/images/common/btn_bg_right.png) no-repeat 100% 0;
	display: inline-block;
	position: absolute; 
	right: -5px;
	top: 0;
	content: "";
}
.theme.bf.consultation .content.tools_wrap{margin-bottom: 0;}
.theme.bf.consultation.sec4 .content > p{margin-bottom: 0;    border-bottom: 1px solid #f7f7f7;}
.theme.bf.consultation.sec4 .content > p a{
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 6px 10px;
	background: url(/en/theme/bf/images/common/arrow_down.png) no-repeat 98.5% 49% #d2d2de;
	border-top: 1px solid #ffffff;
	cursor: pointer;
	font-weight: bold;
}
.theme.bf.consultation.sec4 .content > p a:first-child{border-top: 0;}
.theme.bf.consultation.sec4 .content > p a:focus, 
.theme.bf.consultation.sec4 .content > p a:hover{
	color: #333333 !important;
}
.theme.bf.consultation.sec4 .content > p a.active{
	background: url(/en/theme/bf/images/common/arrow_up.png) no-repeat 98.5% 49% #d2d2de;
}
/* .theme.bf.consultation.sec4 .content {display: none;} */
.theme.bf.consultation.sec4 .content ul{margin: 0; display: none;}
.theme.bf.consultation.sec4 .content ul li{
	list-style-type: none;
	border-top: 1px solid #eeeeee;
	margin-left: 0;
	padding: 10px;
	background-color: #f3f3f6;
}
.theme.bf.consultation.sec4 .content ul li:nth-child(even){
	background-color: #ffffff;
}
.theme.bf.consultation.sec4 .content ul li:first-child{border-top: 0;}
.theme.bf.consultation.sec4 .content ul li a{
	text-decoration: none;
	color: #000000;
}
.theme.bf.consultation.sec4 .content ul li a:focus, 
.theme.bf.consultation.sec4 .content ul li a:hover{
	text-decoration: underline;
}
.theme.bf.consultation.sec5 .content.subscription{
	background: url(/en/theme/bf/images/common/bg_l_t.png) no-repeat 0 0 #e0f1bd;
	/* padding: 0 25px 5em 25px; */
	position: relative;
	padding-top: 25px;
}
.theme.bf.consultation.sec5 .content.subscription:before{
	content: "";
	width: 19px;
	height: 19px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/en/theme/bf/images/common/bg_r_t.png) no-repeat 0 0 ;
	display: inline-block;
}
.theme.bf.consultation.sec5 .content.subscription > table{
	margin: 0;
	position: relative;
}
.theme.bf.consultation.sec5 .content.subscription > table:before{
	content: "";
	width: 19px;
	height: 19px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/en/theme/bf/images/common/bg_r_b.png) no-repeat 0 0;
	display: inline-block;
}
.theme.bf.consultation.sec5 .content.subscription > table:after{
	content: "";
	width: 19px;
	height: 19px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/en/theme/bf/images/common/bg_l_b.png) no-repeat 0 100%;
	display: inline-block;
}
.theme.bf.consultation.sec5 .content.subscription table{
	background-color: transparent !important;
	border: 0;
}
.theme.bf.consultation.sec5 .content.subscription table .odd td,
.theme.bf.consultation.sec5 .content.subscription table .even,
.theme.bf.consultation.sec5 .content.subscription table td table th,
.theme.bf.consultation.sec5 .content.subscription table td{
	background-color: #e0f1bd !important;
	border: 0;
	vertical-align: top;
	padding-right: 35px;
}
.theme.bf.consultation.sec5 .content.subscription > table .odd , .theme.bf.consultation.sec5 .content.subscription > table .odd > th{background-color: transparent !important;}
.theme.bf.consultation.sec5 .content.subscription table th{
	color: #6e721d;
	/* font-size: 1.2em; */
	padding-left: 45px;
	padding-bottom: 20px;
	background-color: transparent !important;
	border: 0;
	vertical-align: top;
}
.theme.bf.consultation.sec5 .content.subscription table td:first-child{
	padding-right: 0;
}
.theme.bf.consultation.sec5 .content.subscription table td:first-child, 
.theme.bf.consultation.sec5 .content.subscription > table > th{
	padding-left: 25px;
}
.theme.bf.consultation.sec5 .content.subscription table td b,
.theme.bf.consultation.sec5 .content.subscription table td strong{
	padding: 5px 0;
	display: block;
	color: #6e721d;
}
.theme.bf.consultation.sec5 .content.subscription table td table th{padding-left: 0; font-size: 1em;}
.theme.bf.consultation.sec5 .content.subscription p.last{display: none;}
.theme.bf.consultation.sec5 .content.subscription a{word-break: break-all;}

/*** new style ***/
.theme.bf.consultation.sec1 #pageHeader{
	background-image: url(/en/theme/bf/images/common/icon_title_intro.png);
	background-position:  10px 12px;
	background-repeat: no-repeat;
}

.theme.bf.consultation.sec1 h2{
	font-size: 100%;
	border-bottom: 1px solid #dee5d7;
	position: relative;
	padding-left: 27px;
	min-height: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}
.theme.bf.consultation.sec1 h2:before{
	position: absolute;
	left: 0;
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	bottom: 4px;
}
.theme.bf.consultation.sec1 h2.access{
	min-height: 0;
	line-height: auto;
}
.theme.bf.consultation.sec1 h2.access:before{
	display: none;
}
.theme.bf.consultation.sec1 .intro h2{
	color: #2d7bb6;
}
.theme.bf.consultation.sec1 .intro h2:before{
	background: url(/en/theme/bf/images/common/icon_i.png) 0 0 no-repeat;
}
.theme.bf.consultation.sec1 .current h2{
	color: #0093b8;
}
.theme.bf.consultation.sec1 .current h2:before{
	background: url(/en/theme/bf/images/common/icon_hd_current.png) 0 0 no-repeat;
	width: 22px;
	height: 22px;
}
.theme.bf.consultation.sec1 .upcoming h2{
	color: #795d09;
	padding-left: 30px;
}
.theme.bf.consultation.sec1 .upcoming h2:before{
	background: url(/en/theme/bf/images/common/icon_hd_upcoming.png) 0 0 no-repeat;
	width: 26px;
	height: 22px;
}

.theme.bf.consultation.sec1 .clearfix {display: inline-block;}
.theme.bf.consultation.sec1 .clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

.theme.bf.consultation.sec1 .generalCalendar, .theme.bf.consultation.sec1 .generalCalendarDateDetail{float: left;}
.theme.bf.consultation.sec1 .generalCalendar{ width: 100%;}
.theme.bf.consultation.sec1 .generalCalendar .lblMonth{/* float:left;  *//* width:217px; */ text-align:center; display: table; margin: 0 auto;}
.theme.bf.consultation.sec1 .generalCalendar .lblMonth span.month_no{ color: #fff; font-weight: bold; font-size: 3.4em; margin-right: 18px;/*  float: left; */ display: table-cell;vertical-align: middle; padding-right: 15px;}
.theme.bf.consultation.sec1 .generalCalendar .lblMonth span.month{ color: #fff; text-transform: uppercase; font-size: 0.9em; /* float: left; */ text-align: left;display: table-cell; vertical-align: middle; line-height: 20px;}
.theme.bf.consultation.sec1 .generalCalendar .btnPrev{position: absolute; left: 20px; top: 50%; margin-top: -25px; width:12px; text-align:center; display: block; height: 50px; text-indent: -99999px; background: url(/en/theme/bf/images/common/btn_calendar_arr_left.png) 0 50% no-repeat;}
.theme.bf.consultation.sec1 .generalCalendar .btnPrev:hover{background-image: url(/en/theme/bf/images/common/btn_calendar_arr_left_hover.png);}
.theme.bf.consultation.sec1 .generalCalendar .btnNext{position: absolute; right: 20px; top: 50%; margin-top: -25px; width:12px; text-align:center; display: block; height: 50px; text-indent: -99999px; background: url(/en/theme/bf/images/common/btn_calendar_arr_right.png) 100% 50% no-repeat;}
.theme.bf.consultation.sec1 .generalCalendar .btnNext:hover{background-image: url(/en/theme/bf/images/common/btn_calendar_arr_right_hover.png);}
.theme.bf.consultation.sec1 .generalCalendar .calendar_top{padding: 0 20px; width: 231px; background: #2c7bb6; position: relative; padding-top: 2px;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer{width: 231px; padding: 24px 20px; background: #2c7bb6; padding-top: 0; min-height: 249px;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table{ width: 100%; margin-bottom: 10px; border: none;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr th, .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td{ border: none; text-align:center; vertical-align: middle; width:33px; height:37px; padding: 0; background-color: transparent!important; color: #fff;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr th{
	font-size: 0.8em; height: auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 0;
}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td{
	font-size: 0.7em;
}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a{
	color: #fff!important;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	/* text-decoration: none; */
}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.period{text-decoration:underline;}
.theme.bf.consultation.sec1 .generalCalendar .event_item a img{ }
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.start_con, .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.end_con, .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.end_con.bf_event, .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.start_con.bf_event{color: #2d7bb6!important;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a:hover{ color: #fff!important;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.start_con:hover, .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.end_con:hover{color: #2d7bb6!important;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr .sun, .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td.sun a span{ color: #e3f013 !important;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td a.period.end_con  span, .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td.sun a.end_con  span{ color: #2d7bb6 !important;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td.firstWeek{ padding-top: 5px; background-position: 50% 5px!important;}
/* .theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td.selected{border: 1px solid orange;} */
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td.today{/* background-image: url(/en/theme/bf/images/common/day_bg_today.png); background-position: 50% 50%; background-repeat: no-repeat; */ font-weight: bold; font-size: 1em;}
.theme.bf.consultation.sec1 .generalCalendar .calendarContainer table tr td span{ line-height: 31px; position: relative; z-index: 5;}
.theme.bf.consultation.sec1 .indicators{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.theme.bf.consultation.sec1 .indicator{/* width:10px; height:10px;  */margin: 0 auto;}
.theme.bf.consultation.sec1 .indicator.bf_event{ background: url(/en/theme/bf/images/common/icon_legend_event.png) 0 0 no-repeat; width: 12px; height: 13px; position: relative; top: -4px; z-index: 5;}
.theme.bf.consultation.sec1 .indicator.start_con{ background: url(/en/theme/bf/images/common/day_bg_start.png) 50% 50% no-repeat; width: 100%; height: 31px; position: absolute; left: 0; top: 0;}
.theme.bf.consultation.sec1 .indicator.end_con{ background: url(/en/theme/bf/images/common/day_bg_close.png) 50% 50% no-repeat; width: 100%; height: 31px; position: absolute; left: 0; top: 0;}
.theme.bf.consultation.sec1 .indicator.start_con.end_con{ background: url(/en/theme/bf/images/common/day_bg_start_and_close.png) 50% 50% no-repeat; width: 100%; height: 31px; position: absolute; left: 0; top: 0;}
.theme.bf.consultation.sec1 .event_item{margin-bottom:10px;}
.theme.bf.consultation.sec1 .generalCalendar > div.calendar_wrap{
	float: left;
	width: 271px;
	padding-right: 10px;
}
.theme.bf.consultation.sec1 .generalCalendar .calendarDetailContainer{
	float: left;
	width: 392px;
	/* padding-left: 10px; */
	height: 352px;
	overflow: hidden;
}
.theme.bf.consultation.sec1 .generalCalendar .calendarDetailContainer .innerEvent{
	width: 392px;
	height: 352px;
	overflow: hidden;
	position: relative;
}
.theme.bf.consultation.sec1 .generalCalendar .eventTypeWrap{
	padding-top: 15px;
	border-top: 1px solid #e3e8e9;
	font-size: 0.8em;
}
.theme.bf.consultation.sec1 .generalCalendar .eventTypeWrap:first-child{
	padding-top: 0;
	border-top: none;
}
.theme.bf.consultation.sec1 .generalCalendar .eventTypeWrap .head{
	font-weight: bold;
	color: #68b5c9;
	margin-bottom: 10px;
}
/* .theme.bf.consultation.sec1 .generalCalendar span.no_event{
	font-weight: bold;
	color: #68b5c9;
	margin-bottom: 10px;
	font-size: 0.8em;
} */
.theme.bf.consultation.sec1 .generalCalendar .eventTypeWrap .event_item{
	padding-left: 16px;
	background: url(/en/theme/bf/images/common/bullet_calendar.png) 6px 0.65em no-repeat;
}
.theme.bf.consultation.sec1 .markingWrap{
	clear: both;
	position: relative;
	text-align: right;
	padding-bottom: 15px;
	padding-top: 16px;
	border-bottom: 1px solid #e0e6d9;
	margin-bottom: 40px;
	float: left;
	width: 100%;
}
.theme.bf.consultation.sec1 .markingWrap ul{
	float: left;
	margin: 0;
	margin-left: 80px;
	max-width: 575px;
}
.theme.bf.consultation.sec1 .markingWrap ul li{
	float: left;
	margin: 0;
	list-style-type: none;
}
.theme.bf.consultation.sec1 .markingWrap .cal_icon{
	position: absolute;
	left: 20px;
	width: 61px;
	height: 69px;
	top: -30px;
	background: url(/en/theme/bf/images/common/calendar_bottom_gh.png) 0 0 no-repeat;
}
.theme.bf.consultation.sec1 .markingWrap .markIcon{
	display: inline-block;
	margin-left: 15px;
	padding-left: 25px;
	font-size: 0.8em;
	padding-top: 3px;
	padding-bottom: 3px;
}
.theme.bf.consultation.sec1 .markingWrap .markIcon.today{
	background: url(/en/theme/bf/images/common/icon_legend_today.png) 0 1px no-repeat;
}
.theme.bf.consultation.sec1 .markingWrap .markIcon.start_con{
	background: url(/en/theme/bf/images/common/icon_legend_start_con.png) 0 1px no-repeat;
}
.theme.bf.consultation.sec1 .markingWrap .markIcon.close_con{
	background: url(/en/theme/bf/images/common/icon_legend_close_con.png) 0 1px no-repeat;
}
.theme.bf.consultation.sec1 .markingWrap .markIcon.event{
	background: url(/en/theme/bf/images/common/icon_legend_event_large.png) 0 1px no-repeat;
}
.theme.bf.consultation.sec1 .markingWrap .markIcon.smes{
	background: url(/en/theme/bf/images/common/icon_smes.gif) 0 1px no-repeat;
	padding-left: 25px;
	display: none;
}
.theme.bf.consultation.sec1 .markingWrap .markIcon.smes.show{
	display: block;
}
.theme.bf.consultation.sec1 .calendarDetailContainer span.smes{
	display: inline-block;
	margin-left: 5px;
	background: url(/en/theme/bf/images/common/icon_legend_smes.gif) 0 0 no-repeat;
	width: 12px;
	height: 15px;
	position: relative;
	top: 3px;
	text-indent: -999999px;
}
.theme.bf.consultation.sec1 .current table, .theme.bf.consultation.sec1 .upcoming table{
	margin-bottom: 40px;
}
.theme.bf.consultation.sec1 .current table th{
	color: #165565;
	background: #8cd0e2!important;
}
.theme.bf.consultation.sec1 .current table tr.ex_odd td, .theme.bf.consultation.sec1 .upcoming  table tr.ex_odd td{
	background: #fff!important;
}
.theme.bf.consultation.sec1 .current table tr.ex_even td{
	background: #ecf7f9!important;
}
.theme.bf.consultation.sec1 table ul{
	margin: 0;
}
.theme.bf.consultation.sec1 table ul li{
	padding-left: 12px;
	background: url(/en/theme/bf/images/common/bullet_calendar.png) 0 6px no-repeat;
	margin: 0;
	list-style-type: none;
}
.theme.bf.consultation.sec1 .upcoming table th{
	background: #eac968!important;
	color: #614900;
}
.theme.bf.consultation.sec1 .upcoming  table tr.ex_even td{
	background: #faf7e8!important;
}
.theme.bf.consultation.sec1 .btmBtnWrap{
	text-align: center;
	vertical-align: top;
	width: 673px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e0e6d9;
	margin-bottom: 70px;
}
.theme.bf.consultation.sec1 .btmBtnWrap .btmBtnRow{
	/* display: table-row; */
}
.theme.bf.consultation.sec1 .btmBtnWrap .btmBtnRow.col2{
	width: 420px;
	margin: 0 auto;
}
.theme.bf.consultation.sec1 .btmBtnWrap .btmBtnRow a{
	display: table-cell;
	vertical-align: top;
}
.theme.bf.consultation.sec1 .btmBtnWrap span{
	width: 200px;
	display: inline-block;
	margin: 0 10px;
	position: relative;
	padding-top: 75px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.07em;
}
.theme.bf.consultation.sec1 .btmBtnWrap span:before{
	content: '';
	position: absolute;
	width: 66px;
	height: 66px;
	left: 50%;
	margin-left: -33px;
	top: 0;
}
.theme.bf.consultation.sec1 .btmBtnWrap a span.current{
	color: #68b5c9;
}
.theme.bf.consultation.sec1 .btmBtnWrap a span.upcoming{
	color: #e0bc56;
}
.theme.bf.consultation.sec1 .btmBtnWrap a span.archives{
	color: #6a8090;
}
.theme.bf.consultation.sec1 .btmBtnWrap a span.subscribe{
	color: #6d731d;
}
.theme.bf.consultation.sec1 .btmBtnWrap a span.search{
	color: #137c80;
}
.theme.bf.consultation.sec1 .btmBtnWrap a:hover span{
	color: #ff8d1c!important;
}
.theme.bf.consultation.sec1 .btmBtnWrap span.current:before{
	background: url(/en/theme/bf/images/common/bottom_btn_icon_current.png) 0 0 no-repeat;
}
.theme.bf.consultation.sec1 .btmBtnWrap span.upcoming:before{
	background: url(/en/theme/bf/images/common/bottom_btn_icon_upcoming.png) 0 0 no-repeat;
}
.theme.bf.consultation.sec1 .btmBtnWrap span.archives:before{
	background: url(/en/theme/bf/images/common/bottom_btn_icon_archives.png) 0 0 no-repeat;
}
.theme.bf.consultation.sec1 .btmBtnWrap span.subscribe:before{
	background: url(/en/theme/bf/images/common/bottom_btn_icon_subscription.png) 0 0 no-repeat;
}
.theme.bf.consultation.sec1 .btmBtnWrap span.search:before{
	background: url(/en/theme/bf/images/common/bottom_btn_icon_search.png) 0 0 no-repeat;
}
.theme.bf.consultation.sec1 .small{
	font-size: 0.88em;
}
.theme.bf.consultation.sec1 .content th, .theme.bf.consultation.sec1 .content td{
	border: 1px solid #dee5d7;
}

/* .tc.theme.bf.consultation .content #tab_search_wrap #search_wrap a#adv_search_btn
.sc.theme.bf.consultation .content #tab_search_wrap #search_wrap a#adv_search_btn{
	padding: 7px 0 8px 0;
} */
/* .tc.theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn,
.sc.theme.bf.consultation .content #tab_search_wrap #year_wrap #go_btn{
	padding: 8px 2px 7px 2px;
} */
.theme.bf.consultation.sec5 .content.subscription table td,
.theme.bf.consultation #pageHeader h1{
	color: #333;
}
/* .even,  .theme.bf.consultation.sec3 .content table tr td{
	color: #614900;
}*/
.theme.bf.consultation .content table a{
	color: #990000 !important;
}
.theme.bf.consultation.sec5 .content.subscription a{
	color: #860000 !important;
}
.theme.bf.consultation.sec2 .content table th{
	background-color: #8cd0e2 !important;
}
.theme.bf.consultation .content .archives th{
	background-color: #d2d2de !important;
}
.theme.bf.consultation .content .archives table{width: 100% !important;}
.theme.bf.consultation .content .archives th a{color: #333 !important;}
.theme.bf.consultation .content .archives td{ background-color: #ffffff !important;}
.theme.bf.consultation .content .archives tr th{width: 100% !important; color: #333;}
.theme.bf.consultation .content .archives tr th b{color: #333 !important;}
.theme.bf.consultation .content .archives tr td:first-child{width: 35% !important;}
.theme.bf.consultation .content .archives tr td a{word-break: break-word;}
.theme.bf.consultation .content .archives .odd td{ background-color: #f6f4fa !important;}
.theme.bf.consultation.sec5 .content.subscription table td table td:first-child{padding-top: 0; padding-left: 0; width: 280px;}
.theme.bf.consultation.sec5 .content.subscription table td table td b{padding-bottom: 0;}
.theme.bf.consultation.sec5 .content.subscription table td table td > a{padding-top: 5px;}
.theme.bf.consultation.sec5 .content.subscription table td table td > a, .theme.bf.consultation.sec5 .content.subscription table td table td > img{display: inline-block;}
/* .tc.theme.bf.consultation .content #tab_search_wrap #search_wrap a#adv_search_btn, .sc.theme.bf.consultation .content #tab_search_wrap #search_wrap a#adv_search_btn{padding: 7px 10px 8px 10px;} */
.generalCalendar .event_item a{vertical-align: top;}
.theme.bf.consultation .content .archives tr td p{word-break: break-all;}
.theme.bf.consultation .content .archives h3{display:none;}


/* ===== 20170110: Michael a link*/
.inline {
	display:block;
	
}
table {
	width:100% !important;
	
}
div.content {
	width:100%;
	float: inherit;
}
.blghh {
	background: #016394; 
	margin: 0px; 
	padding: 5px 15px; 
	outline: 0px; 
	border: 0px currentColor; 
	color: #ffffff; 
	text-transform: none; 
	text-indent: 0px; 
	letter-spacing: normal; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-style: normal; 
	word-spacing: 0px; 
	vertical-align: baseline; 
	white-space: normal; 
	orphans: 2; 
	widows: 2; 
	font-variant-ligatures: normal; 
	font-variant-caps: normal; 
	-webkit-text-stroke-width: 0px;
}

.blgstrong{
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 16px; vertical-align: baseline;
}
.blgtable{
	background: none; margin: 0px 0px 1em; padding: 0px; outline: 0px; border: 1px solid #dadbd5; width: 612px; color: #333333; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; word-spacing: 0px; vertical-align: baseline; white-space: normal; border-collapse: collapse; border-spacing: 0px; orphans: 2; widows: 2; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px;
}
.blgtbody{
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 15px; vertical-align: baseline;
}
.blgtr{
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 15px; vertical-align: baseline; background-color: #f1f2ed !important;
}
.blgtd{
	border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor #dadbd5; margin: 0px; padding: 5px 15px; outline: 0px; width: 21px; text-align: left; font-size: 15px; vertical-align: top; background-color: #f1f2ed !important;
}
.blga{
	background: none; margin: 0px; padding: 0px; border: 0px currentColor; color: #1458a3; font-size: 15px; text-decoration: underline; vertical-align: baseline; visibility: visible !important;
}
.backToTop{
	display:block;
	width:100%;
	float:inherit;
	clear:both;
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	/*background: #27AE61 url("up-arrow.png") no-repeat center 43%;*/
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}
body .themeParksInfoText .notes a:not(.btn) {
    color: #000000;
    display: block;
	text-decoration: none;
	cursor:default;
}
body .themeParksInfoText .notes p a:not(.btn) {
    color: #951717;
    display: inline;
	text-decoration: underline;
}
body .themeParksInfoText a:not(.btn) {
    color: #951717;
    display: inline;
	text-decoration: underline;
	font-size:16px;
}

@media (max-width:780px){
body .themeParksInfoText a:not(.btn) {
    color: #951717;
    display: block;
	text-decoration: underline;
}
}


body .themeParksInfoText h3{
	padding-bottom:10px;
}

.bulletlistnone{
	list-style-type: none !important;
	padding-left:58px !important;
}
.bookmarkinline{
	display:inline-flex;
}
@media (max-width:780px){
.bookmarkblock{
	display:block;
}
}
.themeParksInfoText a{
	margin:5px 5px 5px 0px !important;
}
ul.fistLevel li{
	list-style:none;
}
p {
    font-size: 0.9375em !important;
    line-height: 1.4em; 
}
b span {
	
	font-weight:bold;
}
strong span {
	
	font-weight:bold;
}
body.innerPage .pageThemeParks .accordions .accordionContent .secondLevel a, .secondLevel a {
     padding: 0px 0 3px;
}
.blue{
	font-size:125%;
	color: #297bc7;
}
@media (max-width:415px) {
.blockHead h4 {
	font-size: 0.9125em !important;
}
}
@media (max-width:770px) and (min-width:416px){
.blockHead h4 {
	font-size: 1.1125em !important;
}
}
.blga a span{
	color: #1458a3;
}
.blga a {
	width:25%;
}

.videoBlock{
    font-size: 15px ! important;
}

.videoType1 .videoBlock { 
	max-width:460px; 
	/* note: desktop width
	   (A) block width: 460px
	   (B) thumbnail image: 139px
	   (C) text width: 300px 
	*/
} 

@media screen and (max-width: 1200px) {
	.blockItem.withImg.left{
		padding:25px;
	}
}
.videoDurationFg {
    position: absolute;
	display: inline-block;

	top:73px;
	left:0;
	
	padding: 0 3px;
	width:100% !important; 	
	height:34px;	/* 107px total */
	
	color:#ffffff;	/* white */
	
    font-size: 15px; /* 20121130: fix the font size (no enlarge) */
    /* font-weight: bold; */
	line-height: 34px;	/* equal height */

	background-image:url(/images/video/play_icon.png);
	background-position:96px -7px;	
 	background-repeat:no-repeat;
	
	/* opacity:1; */
}
 .odd,  .odd td, .odd th {
	background-color:#f1f2ed!important;
}
 .even, .even td ,  .even th {
	background-color:#fff !important;
	
}	
.odd th {
	padding: 5px 15px;
    color: #FFF;
    background-color: #016394!important;
    border: none;
}
table.allbor{
	border: 1px solid #dadbd5;
}
.odd td, .even td {
	border: none;
    border-bottom: 1px solid #dadbd5;
    padding: 5px 15px 5px 5px;
}

.secondLevel a {
    display: inline !important;
    padding: 5px 0;
}
 
table.allbor p {
	padding-bottom:5px;
	font-size:100% !important;
}
table.allbor tr > td:first-child {
    padding-left: 15px;
   
}
.commonlyUsed.siteMap .accordions .accordionContent .secondLevel a{
	display:inline !important;
}
.hoteltable tr, .hoteltable td.lefticon, .hoteltable td.rightcon{
	padding:0px;
	background:none !important;
	border: none;
}
.hoteltable td.rightcon{
	vertical-align:middle;
}
.bookmark > p > a {
	padding-left:3%;
}
.bookmark {
	text-align:center;
}
.long_text > h3 > img {
	vertical-align:baseline;
}
.bfacbold strong {
	font-weight:bold;
}
.reg_bold h4 {
	font-weight:bold;
}
#articleContainer > #article  ul > li, .list ul > li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 20px;
    padding-bottom: 5px;
    background: url(/en/theme/bf/images/common/bullet_1.gif) no-repeat 5px 7px;
	font-size:15px;
}
*[lang|='zh'] #articleContainer > #article  ul > li{
	font-size:16px;
}
.consultation .consult_right {
	text-align:right;
}
.consult_right {
	text-align:right;
}

.consultation tr, .consultation  tbody {
	width:100%;
}
 .consultation table tr td {
 	padding:5px 0px 5px 5px;
 }
 .consultation table tr td:first-child {
 	width: 35%;
 }
.facilitation p > img {
	float: right;
    margin: 0 0 0px 20px;
    padding: 2px;
    border: 1px solid #ccc;
}

/* common table title */
.commonlyUsed .accordionContent .secondLevelContent .allbor > h4 {
 	padding:5px 15px; color:#FFF; background-color:#016394;
}
.commonlyUsed .accordionContent .secondLevelContent .allbor > table{
 	border:1px solid #dadbd5;
 }
.commonlyUsed .accordionContent .secondLevelContent .allbor > table td{
 	border:none; border-bottom:1px solid #dadbd5; padding:5px 15px 5px 5px;
}
.commonlyUsed .accordionContent .secondLevelContent .allbor > table tr > td:first-child{
 	padding-left:15px; width:8%; 
 }
.commonlyUsed .accordionContent .secondLevelContent .allbor > table .odd,
.commonlyUsed .accordionContent .secondLevelContent .allbor > table .odd td,
.commonlyUsed .accordionContent .secondLevelContent .allbor > table .odd th{
 background-color:#f1f2ed!important;}
.commonlyUsed .accordionContent .secondLevelContent .allbor > table tr:first-child > th{
 padding:5px 15px; color:#FFF; background-color:#016394!important;border: none;}
.commonlyUsed .accordionContent .secondLevelContent .allbor > table tr:first-child > th > span{
 font-size: small;}
.firstLevel .firstLevelTitle > p > img {
	vertical-align: text-top;
} 
.tablecolour .blue th{
	background-color:#8cd0e2 !important;
}
 .blue,  .blue td:nth-child(1) {
	background-color:#ecf7f9 !important;
	width:35%
}
 .white, .white td  {
	background-color:#fff !important;
	
}	

.themeParksInfoText table th {
    color: #ffffff;
    
}
th, td {
	font-size:16px;
}
.tablecolour .mudyellow table tr:nth-child(odd){
	background-color: #E1E0D4 !important;
	
}
.tablecolour .mudyellow table td{
    border-bottom-width: 5px;
    border: 1px solid #cccdc8;
    text-align:center;
    padding:10px 5px 10px 5px;
 }
.tablecolour .mudyellow table tr >  td:nth-child(1){
	width:60%;
}


.tablecolour .mudyellow2 table tr:nth-child(odd){
	background-color: #E1E0D4 !important;
	
}
.tablecolour .mudyellow2 table td{
    border-bottom-width: 5px;
    border: 1px solid #cccdc8;
    /*text-align:center;*/
    padding:10px 5px 10px 5px;
 }
.tablecolour .mudyellow2 table tr >  td:nth-child(1){

}


.secondLevelContent.padbuttom p{
	padding-bottom:1em;
}
.secondLevelContent.padbuttom a{
	text-decoration:underline !important;
}
.secondLevelContent.allbor table  > tbody tr:first-child td {
	font-size: 18px;
	background-color:#016394;
	color: white;
    padding-right: 6px;
}
.secondLevelContent.allbor table  > tbody tr td {
	padding:5px 0 5px 5px;
	border: 1px solid #cccdc8;
} 
.secondLevelContent.allbor table  > tbody tr:nth-child(2n+0)  {
	background-color: #f1f2ed !important;
}
.noborder table td, .noborder table th {
	    border: none;
}
 .noborder table th {
	   font-weight:bold;
}
 .allbor table tr td a > img {
	   padding-right:5px;
}
 .allbor table tr td:first-child {
	   width:4%;
	   vertical-align: middle;
	   text-align: center;
}
 .allbor table tr td:only-child {
	   text-align: left;
}
 .allbor table tr td:nth-child(2) {
	   width:80%;
}
.commonlyUsed .accordions .accordionContent .secondLevel .underline_a ul > li a {
    text-decoration: underline;
    color: #990000;
}
.two_side #articleContainer > #article .inline{
display: inline-flex;
width: 100%;
}
@media (min-width: 891px){
.two_side #articleContainer > #article .inline{display: inline-flex;width: 100%;}
.two_side #articleContainer > #article .inline div{
	width:50%;
	padding:30px;
}
.two_side #articleContainer > #article .inline h5{
	padding-bottom:10px;
	min-height:58px;
}
}
.two_side td{
	padding:0px;
	
}
@media (max-width: 890px){
.two_side #articleContainer > #article .inline{display: block;width: 100%;}
.two_side #articleContainer > #article .inline div{
	width:100%;
	padding:30px;
}

}
.two_side table:last-child td {
	vertical-align:middle;
}
.two_side table:last-child td, .two_side table:last-child th {
	    border: none;
   		background: #FFFFFF; 
}
 .two_side table:last-child th {
	   font-weight:bold;
}
/** 21-02-2017 **/ 
/** /consultation/search.htm **/ 
.go-btn{
	margin-bottom:20px ! important;
	display:inline-block;
}
.go-btn a.en{
	width:41px;
	height:27px;
	background:url(../images/search/en/btn_go.gif) no-repeat left top;
	display:block;
	text-indent:-9999px;
	margin:0 10px 0 0;
}
.go-btn a.tc{
	width:76px;
	height:27px;
	background:url(../images/search/tc/btn_go.gif) no-repeat left top;
	display:block;
	text-indent:-9999px;
	margin:0 10px 0 0;
}
.go-btn a.sc{
	width:76px;
	height:27px;
	background:url(../images/search/sc/btn_go.gif) no-repeat left top;
	display:block;
	text-indent:-9999px;
	margin:0 10px 0 0;
}
.go-btn a:hover{
	background-position:left bottom;
}
.clear-btn{
	margin-bottom:20px !important;
	display:inline-block;
}
.clear-btn a.en {
	width:57px;
	height:27px;
	background:url(../images/search/en/btn_clear.gif) no-repeat left top;
	display:block;
	text-indent:-9999px;
	margin:0;
}
.clear-btn a.tc {
	width:48px;
	height:27px;
	background:url(../images/search/tc/btn_clear.gif) no-repeat left top;
	display:block;
	text-indent:-9999px;
	margin:0;
}
.clear-btn a.sc {
	width:48px;
	height:27px;
	background:url(../images/search/sc/btn_clear.gif) no-repeat left top;
	display:block;
	text-indent:-9999px;
	margin:0;
}
.clear-btn a:hover {
	background-position:left bottom;
}
.themeParksInfoText p strong{
	font-weight:bold;
}
.theme.bf.home.index ul li {
	.float {
  		max-width: 1200px;
  		margin: 0 auto;
	}
	.float:after {
  		content: ".";
  		display: block;
  		height: 0;
  		clear: both;
  		visibility: hidden;
	}
	.float-item {
  		float: left;
	}
}
.secondLevelContent.twoRows table  > tbody tr:nth-child(2n+1)  {
  background-color: #f1f2ed !important; 
}
.secondLevelContent.twoRows table  > tbody tr td:nth-child(2n+1)  {
  padding-left:20px;
  padding-bottom:30px;
  padding-right:40px;
  vertical-align:top;
  
}

.secondLevelContent.twoRows table  > tbody tr td:first-child  {
	width: 101px;
}

.themeParksInfo .themeParksInfoText h4 > img {
	vertical-align:top;
}
.themeParksInfo .themeParksInfoText  .clear_padding  p{
	
	margin: 0px;
}
#articleContainer > #article > #btnPrev {
	float:left;
	padding-top:10px;
}

#articleContainer > #article > #btnNext{
	float:right;
	padding-top:10px;
}
.innerPageHolder.articleHolder.noBG{
	background:white !important;
}
.allbor.inline tr td:first-child{
	width:7.5% ; 
}
.allbor.inline tr td:nth-child(2){
	width:20% ; 
}

h1,h2,h3,h4,h5,h6{
    font-weight:bold; !important;
}

.blockHead.block-1-3.blockMb-1-1 .blockTag {
	text-decoration: none;
}

#article table td:first-child {
	width: 28%;
}

.imgmap td a {
	margin: 0 !important;
}