/*
CSS file for Hongkongpost.com
Author	: Laurence Lim (webmaster)
Date	: Jul 12, 2006
Version	: 1.1
*/

	li.sparse {
		margin: 15px 0 15px 0;
		padding: 0;
	}

	#print {
		margin: 5px;
		padding: 0;
	}

	#util {
		float: right;
		width:auto;
	}

	table.toc {
		background-color: #FFFFFF;
		border-collapse: collapse;
	}

	table.toc caption {
		color: #570882;
		font-size: 120%;
		font-weight: bold;
		padding: 0 0 10px 0;
		text-align: left
	}

	table.toc td {
		padding: 5px;
	}

	table.toc a {
		color: #3E8211;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 85%;
		font-weight: bold;
		text-decoration: none;
	}
	table.stamp {
		background-color: #ffffff;
		padding:5px;
		border-spacing:2px;
	}
	tr.stamp {
		background-color: #8887bb;		
	}
	table.toc a:hover {
		color: #51d000;
		text-decoration: underline;
	}

	table.toc a.subSection {
		color: #397DC1;
		font-size: 85%;
		font-weight: normal;
		text-decoration: none;
	}
	
	table.Performance {
		width: 100%;
		font-size: 100%;
		border: 1px #000000;
	}
	table.Performance td {
		margin: 5px;
		padding: 5px;
		vertical-align: top;
		border-bottom: 1px solid #288d6a;
	}
	table.Performance tr {
		margin: 5px;
		padding: 5px;
	}
	table.Performance td.line {
		padding:0;
		margin: 0;
	}
	table.Performance td.bgPercent {
		background-color: #c4dfd6;
		text-align: center;
		width: 10%;
		vertical-align: middle;
	}
	table.Performance td.bgPercentB {
		background-color: #c4dfd6;
		width: 10%;
		border: none;
	}
	table.Performance th.bgPercent {
		background-color: #288d6a;
		color:#FFFFFF;
	}
	table.Performance th.title {
		text-align: left;
		color: #288d6a;
	}
	
	p.navigation {
		background-color: #EEF7F7;
		border: 1px solid #CCCCCC;
		float: right;
		width:auto;
		padding: 3px;
	}
	
	.caption {
	font-size: 85%;
	color: #263981;
	line-height:200%;
	}

	p.condense {
		margin: 5px 0 5px 0;
		padding: 0;
	}

	img.icon {
		vertical-align: middle;
	}

	a.option {
		color: #0000CC;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 85%;
	}

	a.option:hover {
		color: #666666;
	}

	table ul {
		margin: 0 0 0 25px;
		padding: 0;
	}

	table ol {
		margin: 0 0 0 35px;
		padding: 0;
	}
	table.service{
		border:0px solid #FFFFFF;
	}
	table.service td {
		background-color: #5bb124;
		border-collapse: collapse;
		vertical-align:top;
		padding:0px;
	}
	
	table.white td {
		background-color: #FFFFFF;
		border-collapse: collapse;
		vertical-align:top;
		padding:0px;
	}
	
	table.service ul {
		color:#FFFFFF;
		background-color: transparent; 
		margin: 5px 0 10px 20px;
		padding: 0;
	}

	table.service ol {
		color:#FFFFFF;
		background-color: transparent; 
		margin: 0 0 0 35px;
		padding: 0;
	}
	.textGreen {
		color: #5bb124;
		background-color: transparent; 
	}
	.greenTitle {
		color: #008080;
		font-weight: bold;
		font-size: 100%;
		background-color: transparent; 
	}
	.textBoldPurple {
		color: #570882;
		font-weight: bold;
		font-size: 100%;
	}
	.textBoldGreen {
		color: #5bb124;
		background-color: transparent; 
		font-weight: bold;
		font-size: 100%;
	}
	.textBoldBlack {
		color: #000000;
		font-weight: bold;
		font-size: 100%;
		text-align: center;
		background-color: transparent; 
	}
	.textItalic{
		font-style: italic;
	}
	.textTitle {
		color: #288d6a;
		font-weight: bold;
	}
	td.bgGreen{
		color:#000000;
		background-color: #5bb124;
		border-collapse: collapse;
		vertical-align:top;
		padding:5px;
	}
	td.bgGreen2{
		color:#FFFFFF;
		font-weight: bold;
		background-color: #008260;
		border-collapse: collapse;
		text-align: right;
		padding:5px;
	}
	td.bgGreen3{
		color:#000000;
		background-color: #FCE4CE;
		border-collapse: collapse;
		vertical-align:top;
		padding:5px;
	}
	td.bgGreen4{
		color:#FFFFFF;
		background-color: #7cc050;
		border-collapse: collapse;
		vertical-align:top;
		text-align:center;
		padding:5px;
	}
	
	td.greenBar{
		background-image:url(../../../img/publications/annual/2008_2009/barGreen.jpg);
		background-repeat:no-repeat;
		background-position:center;
		height:10px;
		background-color: transparent;
	}
	
	td.bgWhite{
		color:#000000;
		font-weight:bold;
		background-color: #FFFFFF;
		border-collapse: collapse;
		text-align: right;
		padding:5px;
	}
	td.bgWhite2{
		color:#570882;
		font-weight:bold;
		background-color: #FFFFFF;
		border-collapse: collapse;
		vertical-align:top;
		text-align:center;
		padding:5px;
	}
	th.bgWhite3{
		color:#570882;
		font-weight:bold;
		background-color: #FFFFFF;
		border-collapse: collapse;
		vertical-align:top;
		text-align:center;
		padding:5px;
		width:40px;
	}
	table.strategy {
		width: 100%;
		border:2px dotted #ffffe6;
	}

	table.strategy th,td {
		margin: 0;
		padding: 5px;
		vertical-align: top;		
	}

	table.strategy th.title {
		color:#ffffff;
		background-color: #2FA58B;
	}

	table.strategy th.bgGreen {
		color:#FFFFFF;
		background-color: #5458A5;
		text-align: left;
	}
	
	table.strategy td.strategies {
		color:#ffffff;
		background-color: #2FA58B;
	}
	table.strategy ul {
		margin: 0 0 0 15px;
		padding: 0;
	}

	table.Performance {
		width: 100%;
	}
	table.Performance td {
		margin: 0;
		padding: 5px;
		vertical-align: top;
		text-align: left;
	}

table.orgChart {
	background-color: #FFFFFF;
	border-collapse: collapse;
}

table.orgChart td {
	text-align: left;
	vertical-align: top;
	width: 150px;
}

table.orgChart td.titlebg {
	background-color: #5bb124;
	padding: 3px 0 3px 5px;
}

table.orgChart td.desc {
	background-color: #FFFFFF;
	padding: 3px 0 3px 8px;
}
.smallGreen {
	color: #008260;
	background-color: transparent; 
}
.smallPurple{
	color: #570882;
	font-weight:bold;
}
.smallBlack {
	color: #000000;
}
.largeWhite {
	color:#FFFFFF;
	background-color: transparent; 
	font-size: 20px;
	font-weight:bold;
	text-align:left;
}

	#highlight01{		
		min-height: 215px;
		padding: 5px;
		overflow:visible;			
	}
	#highlight02{
		min-height: 197px;
		padding: 5px;			
	}

#highlight03{
		min-height: 198px;
		padding: 5px;		
	}

#highlight04{
		min-height:222px;
		padding: 5px;		
	}

div.fLeft{float:left; width:auto; padding-right: 5px;}
div.fRight{float:right; width:auto; padding-left: 5px;}

#initiatives01{		
		min-height: 263px;
		padding: 5px;
		overflow:visible;			
	}
	#initiatives02{
		min-height: 248px;
		padding: 5px;			
	}
	.fontBold{
	font-weight:bold;
	}
	.fontBold-white {
	font-weight:bold;
	color:#FFFFFF;
	background-color: transparent; 
	}

	#philately01{		
		min-height: 266px;
		padding: 5px;
		overflow:visible;			
	}
	#philately02{
		min-height: 268px;
		padding: 5px;			
	}
	
	#relationships01{		
		min-height: 276px;
		padding: 5px;
		overflow:visible;			
	}
	#relationships02{
		min-height: 230px;
		padding: 5px;			
	}
	#technologies01{
		min-height: 152px;
		padding: 5px;			
	}
	#technologies02{
		min-height: 152px;
		padding: 5px;			
	}
	#technologies03{
		min-height: 152px;
		padding: 5px;			
	}
	ul.finReport {
		margin: 15px 0 15px 15px;
		padding: 5px;
	}
	ul.finReport a{
		color: #017e6f;
		font-size: 100%;
		font-weight: bold;
		text-decoration: none;
	}

	ul.finReport a:hover {
		color: #017e6f;
		text-decoration:underline;
	}
	
	
	p{
text-align: justify

}

em{
text-align: justify
}

.imageSpace {
	padding: 0 5px 0px 0px;
	}