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

	layout.css

	LAYOUT GRID



	Common layout stylesheet for GovHK

	Define the layout grid / base look & feel etc.

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









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

	CLEARING

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

/*Add elements to be clear*/

#topbar, #govhkBar, #info, #announcement, #weather, #currentWeather, /*#weatherIcons, #weatherInfo,*/ #legends, #footer, #conformance,

#featureTitles, #clusters, #featuredColumns,

#smartMenuContainer, #articleContainer, #tabMenuContainer, #faqContainer, #tabs, #styles,

#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

{

	overflow:hidden;

	width:100%;

}





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

	GENERIC ELEMENTS

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

li{

	font-family: Tahoma;

	font-size: 13px;

}

p{

	font-family: Tahoma;

	font-size: 11px;

}

.heading{

	font-family: Tahoma;

	font-size: 13px;

	font-weight: bold;

}

.heading3{

	font-family: Tahoma;

	font-size: 13px;

	font-weight: bold;

	margin: 15px 15px;

}

a, input, *:focus{outline:0;

	font-family: Tahoma;

	font-size: 11px;

	color: 333333;}



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;

}

.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;}*/


.hideLink{display:none !important;}


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

	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*/





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

	GOVERNMENT AGENCIES

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

#govAgencyHeader{

	padding:10px;

}

.govAgencyHeaderItem{

	padding-left:20px;

	font-weight:bold;

	margin-bottom:20px;

}

.govAgencyHeaderItem p{

	line-height:1.1;

}

#govAgencyAlphabeticalList{

	margin-top:10px;

}

#govAgencyAlphabeticalList li{

	float:left;

	margin-right:.5em;

}

#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{

	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;

}