/* file: access.css */
/* create: 20070525 */
/* usage: for display website linear, (like "no style" in firefox), but have some enhancements */


/* === Overall width === */
#pageAll { width:760px; }

/* === General === */
/* override body:font-size */
body {
	font-size:150%; 
    font-family:Arial, Helvetica, sans-serif;  	
    /* 20070731 add body font family */	
}

/* 20070918: hack for IE (all) only, enlarge heading to same as body */
h1,h2,h3,h4,h5,h6 { *font-size:150%; }  

/* hide the urlprint in accessibility mode */
.urlprinttitle {display:none;}
.urlprintlist {display:none;}
.urlprintcontent {display:none;}

/* 20070706: hide and ignore follow "govhk.css" */
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.ignore {display:none;}
.notHiddenInLinear {display:inline;}

/* === Header === */
/* 20071022: change pagePrefix */
#pagePrefix { display: visible; float:left;  clear:both; height:1.5em; }
/*
#pagePrefix { display: visible; float:none;  clear:both; height:1.5em;  }
*/

/* 20070717: make govhkBanner h1 area smaller */
/* .govhkBanner {  }
.govhkBanner h1 { display:inline; float:none;}  */
/* 20071018: change for pagePrefix */
.govhkBanner { float:none;  clear:both; }
.govhkBanner h1 { float:none; display:inline;}

/* topPanelRight - seperate each element  */
/* #topPanelRight .topHolder { margin: 1em 0 0 0; } */

/* 20070717: change for separate Search and Language to 2 lines */
#topPanelRight .topHolder { margin: 0 0.5em 0.5em 0; float:left;  }
#topSeparator1 { clear:left; width:1px; height:1px; display:block;}

/* margin between "Search Government Website" and Input Box */
#topNavSearchInput {margin-left: 1em; }

/* old handling
#topPanelRight img { margin: 1em 1em 1em 0; }
#btnSearch { margin: 0.5em 0 0 0; } 
#topPanelRight .mainAreaBox { margin-top: 1.5em; }
#topPanelRight #btnBIG5, #topPanelRight #btnGB { margin-top: 1em; } 
*/

/* 20070705 added */
#topNav {
	float:none;
	clear:both;
}

#topNavRight {
	/* 20090818: hide the whold block of linear version and 3A buttons  */
	display:none;
	
	/*
	float:left;
	width:auto;
	margin-bottom:1em;
	*/
	/* border:1px solid green; */
}

#topNavLinear {
	padding:0;
	margin:0;
	float:left;
	width:auto;
	padding-right:5px;  /* give some space between "format" and "Text Size" */
	/* border:1px solid red; */
}

#topNavText1 {
	padding:0;
	margin:0;
	float:left;
	width:auto;
	/* border:1px solid red; */
}

/* 20070822 add */
#topNavTextSize {
	display:none;
}


#topNavThreeA {
	/* 20070822 change */
	display:none;
	/*
	padding:0;
	margin:0;
	margin-left:0.3em;
	float:left;
	width:auto;
	*/
	/* width:150px; */
	/* border:1px solid blue;  */
}

/* space between each img */
#topNavThreeA img { margin: 0 0.3em 0 0;}


#breadCrumb {
	float:none;
	clear:both;
}
	
/* === Footer === */
/* 1) hide the corner gif (it is meaningless) */
/* 2) give space between footer item and BrandHK */
#pageFooter .textHolder img { display:none; } 
#pageFooter img { margin-bottom:1em; } 

/* handling on Writesup */
/* .contentItemArea {} */


/* === big container handling === */
/* 20070608: add RightAddArea */

#leftSideHolder1,
#rightSide,
#pageFooter,
.RightAddArea
{
  width:100%;
  float:none;
  clear:both;
}


/* === h3 handling === */
h3 { padding:1em 0 1em 0; margin:0; } 
#writeupContainer       h3 { padding:0; margin:0; } 
#onlineServiceContainer h3 { padding:0; margin:0; } 
#sitemapContainer h3, h4 { padding:0; margin:0;} 
/* 
  above especially for 
  1) writeup
  2) online Services
  3) sitemap
  firefox heading have some padding and margin on top and bottom 
  so "legend" is not in same level 
  fix it by reset padding and margin to zero 
*/

/* === general for "content" (1) === */
.contentContainer {  
   float:left; 
   clear:both;
   padding-bottom:20px;
}

.contentItemArea {   
  width:100%;			/* add width percent since shrink in IE7 */
  float:left; clear:both;  
  padding-top:1em;
  padding-bottom:1em;
}

/* === for sitemap "expand" bar === */
#sitemapContainer .contentItemUserGroupBar {padding-top:1em;}
#sitemapContainer .boxTitleBar {float:left; clear:left;}
#sitemapContainer .boxTitleText {float:left; clear:left;}

/* === general for "content" (2) === */
.contentItemTitleBar {   
  float:left; 
  padding:0;

  /* border:1px solid red; test */
}

.contentItemTitleBar .textHolder {   
  float:left; 
}

.contentItemTitleBar .legendRightSide {  
   float:left;
   padding:0;          /* reset first */
   padding-left:10px;  /* set left side only */
   /* border:1px solid blue;   */
}


.expandRightSide {
   float:left; 
   padding:0;          /* reset first */
   padding-left:10px;  /* set left side  */
}

.contentItemContent {  

   float:left; clear:both;
   padding:0;          /* reset first */
   padding-top:10px;   /* set top side  */
   width:100%;			/* add width percent since shrink in IE7 */
}

.contentItemContent p {}  

/* 20071128 added for new legend of online service */
#legendDefine ul {
	 list-style:disc; 
	 /* border:1px solid yellow; */
}

#legendDefine ul li { 
  /* margin-left:0px; no need margin-left */
	/* IE float left will not have disc */
	float:none; clear:both;
	list-style:disc; 
  /* border:1px solid green; */
}

#legendDefineBullet1, #legendDefineBullet2, #legendDefineBullet3, #legendDefineBullet4, #legendDefineBullet5
{ 
	 display:inline;
	 /* border:1px solid red; */
}
#legendDefine .legendDefineOSIcon { 
  display:inline; padding-right:5px; 
	/* border:1px solid blue;  */
}
#legendDefine .textHolder {display:inline; }

/* 20071128: add for online service - title */
#onlineServiceContainer .contentItemArea .expandLeftSide {float:left; padding-right:5px; }
#onlineServiceContainer .contentItemArea .textHolder {float:left; }




/* 20071128: add for online service - legend right side */
#onlineServiceContainer .contentItemContent ul { list-style:disc; }
#onlineServiceContainer .contentItemContent ul li {
  float:none;clear:both;  
  list-style:disc; 
	/* border:1px solid brown; */
  padding:0.5em 0 0.5em 0;
	}
#onlineServiceContainer .contentItemBullet{ display:inline; }

#onlineServiceContainer .contentItemOSLinkHolder1,
#onlineServiceContainer .contentItemOSLinkHolder2,
#onlineServiceContainer .contentItemOSLinkHolder3,
#onlineServiceContainer .contentItemOSLink
{ display:inline; }

#onlineServiceContainer .legendRightSideHolder1 { display:inline;  padding-left:5px;}
#onlineServiceContainer .legendRightSide  { display:inline;  }
#onlineServiceContainer .legendRightSide img { padding-left:2px; ; }

/* 20071128: for new sitemap layout */
#sitemapContainer .contentItemArea .expandLeftSide {float:left; padding-right:5px; }
#sitemapContainer .contentItemArea .textHolder {float:left; }
#sitemapContainer .contentItemTitleBar {float:left;clear:both;}

/* === for freestyle page === */
.freestyle1content {
	padding-top:1em;	/* give some spaces for freestyle content */
	padding-bottom:1em;
}

/* === for table === */
table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

/* === for freestyle === */
.freestyle1content table {
	margin-top:1em;
	margin-bottom:1em;
	/* paragraph, list have default padding, but table have not default padding */
}

/* 20070821 override any pictureCluster.css */
#pictureColourBar h2 { 
	color:#000000; 
}

#pictureColourBar {
	background-color:#FFFFFF;
}

#supportContainer .contentItemTitleBar {
	background-color:#FFFFFF;
}
#supportContainer .contentItemTitleBar .textHolder h3 {
	color:#000000;
}

/* 20081031 for GIH */
#map {
	position:absolute;
	z-index:101;	
	display:none;
	float:left; 
	background-color:#99CCFF; 
	margin:0;
	border:1px solid black;
	padding:15px;	/* on linear mode: font bigger, need more padding */
	top:-100px;
	left:-100px;
	text-align:right;
}

#map p {
	border:0;
	margin:0;
	padding:5px;
}

/* hide GIH by default */
.contentItemMap { display:none; } 
/* For GIH showing */
.contentItemMap a { padding-right:10px; } /* override the padding-left in govhk.css */