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

	.issue {
	width:90%;
		background-color: #FFFDF7;
		border: 1px solid #DDDDDD;
		float: left;
		margin: 5px 0 0 0;
		padding: 5px;
	}

	.issue ol {
		margin: 5px 0 0 25px;
		padding: 3px;
	}

	.issue img {
		float: right;
	}
	.footer{
		width:90%;
		padding:3px;
	}

	.product {
		background-color: #FFFFFF;
		border: 2px solid #432683;
		margin: 5px 0 0 0;
		padding: 5px;
	}

	.product p {
		color: #432683;
		background-color: transparent; 
		display: block;
		font-size: 110%;
		font-weight: bold;
		height: 80px;
		margin: 0;
		padding: 35px 0 0 140px;
	}

	.product ul {
		background-image: url(../../../img/sme/bg.gif);
		margin: 0 0 0 15px;
		padding: 3px;
	}

	#service1 {
		background: url(../../../img/sme/btn_1.gif) no-repeat;
	}

	#service2 {
		background: url(../../../img/sme/btn_2.gif) no-repeat;
	}

	#service3 {
		background: url(../../../img/sme/btn_3.gif) no-repeat;
	}

	#service4 {
		background: url(../../../img/sme/btn_4.gif) no-repeat;
	}

	#service5 {
		background: url(../../../img/sme/btn_5.gif) no-repeat;
	}

	#service6 {
		background: url(../../../img/sme/btn_6.gif) no-repeat;
	}

	#service7 {
		background: url(../../../img/sme/btn_7.gif) no-repeat;
	}

	a.button {
		background-color: #D5DEFF;
		border: 1px solid #AAAAAA;
		color: #008260;
		font-weight: bold;
		font-size: 100%;
		padding: 7px;
		text-decoration: none;
	}

	a.button:hover {
		background-color: #FFE1C4;
	}
	
		a.button2 {
		background-color: #6633FF;
		border: 1px solid  #AAAAAA;
		color: #FFFF00;
		font-weight: bold;
		font-size: 100%;
		padding: 7px;
		text-decoration: none;
	}

	a.button2:hover {
		background-color: #D5DEFF;
		color:#6633FF;
	}

	table.offer {
		background-color: #FFFFFF;
		border: 1px solid #AAAAAA;
		border-collapse: collapse;
		width: 100%;
	}

	table.offer th {
		background-color: #F0F8FF;
		border: 1px solid #AAAAAA;
		padding: 5px;
		text-align: left;
		vertical-align: top;
		white-space: nowrap;
	}

	table.offer td {
		border: 1px solid #AAAAAA;
		padding: 5px;
		text-align: left;
		vertical-align: top;
	}

	h1.headline {
		font-size: 110%;
	}

	table.news {
		background-color: #FFFFFF;
		border: 1px solid #AAAAAA;
		border-collapse: collapse;
		width: 100%;
	}

	table.news th {
		background-color: #F0F8FF;
		border: 1px solid #AAAAAA;
		padding: 5px;
		text-align: left;
		vertical-align: top;
	}
	
	table.news th.centerMiddle {
		height: 80px;
		text-align: center;
		vertical-align: middle;
	}
	
	.news {
		width: 700px;
		padding:0px;
		margin:0px;
		position:relative;
	}

	table.news td {
		border: 1px solid #AAAAAA;
		padding: 4px;
		text-align: left;
		vertical-align: top;
	}

	table.news td.centerMiddle {
		height: 80px;
		text-align: center;
		vertical-align: middle;
	}
	
	table.news td.alignMiddle {
		text-align: center;
		vertical-align: middle;
	}
	
	table.news th.alignMiddle {
		text-align: center;
		vertical-align: middle;
	}

	ul {
		margin: 0 0 0 15px;
		padding: 0;
	}

	ol {
		margin: 0 0 0 25px;
		padding: 0;
	}

	ol.upperAlpha {
		list-style: upper-alpha;
	}

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

	p.navigation {
		background-color: #EEF7F7;
		border: 1px solid #CCCCCC;
		float: right;
		width:auto;
		padding: 3px;
	}
	
	p.smeNavigation {
		text-align:center;
		padding: 0px 10px 0px 10px;
		color:#049576;
		font-size:130%;
		font-weight:bold;
		vertical-align:top;
	}

	span.clearBoth {
		clear: both;
	}

	.textStrokeThrough {
		text-decoration: line-through;
	}

	form fieldset {
		border: 1px solid #666666;
		margin: 10px 0 10px 0;
		padding: 10px;
	}
	
	form fieldset legend {
		color: #005FBD;
		font-weight: bold;
		margin: 0;
		padding: 0 5px 0 5px;
	}
	
	form label {
		display: none;
	}

	form br {
		clear: left;
	}

	form span.desc {
		display: block;
		float: left;
		width: 250px;
	}

	form span.field {
		display: block;
		float: left;
		width:auto;
	}

	form span.descMini {
		display: block;
		float: left;
		margin: 2px 2px 0 2px;
		width: 130px;
	}

	form span.fieldMini {
		display: block;
		float: left;
		width:auto;
	}

	form span.descLong {
		display: block;
		float: left;
		width:auto;
		margin: 2px 2px 0 2px;
	}

	
	#sme_assistant_ip_tip1 {
		background: url(../../img/sme/assistant/menu1a_eng.gif) no-repeat;
		height: 132px;
		width: 115px;
		float:left;
		
	}
	#sme_assistant_ip_tip1_a1{
		display: block;
		height: 85px;
		width: 115px;
		margin-left:0px;
		margin-top:0px;
	}

	#sme_assistant_ip_tip1_a2{
		display: block;
		height: 40px;
		width: 40px;
		margin-left:60px;

	}

	#sme_assistant_ip_tip2 {
		background: url(../../img/sme/assistant/menu1b_eng.gif) no-repeat;
		height: 132px;
		width: 115px;
		float:left;
		
	}
	#sme_assistant_ip_tip2_a1{
		display: block;
		height: 85px;
		width: 115px;
		margin-left:0px;
		margin-top:0px;
	}

	#sme_assistant_ip_tip2_a2{
		display: block;
		height: 40px;
		width: 40px;
		margin-left:65px;

	}

	#sme_assistant_ip_tip3 {
		background: url(../../img/sme/assistant/menu1c_eng.gif) no-repeat;
		height: 132px;
		width: 115px;
		float:left;
		
	}
	#sme_assistant_ip_tip3_a1{
		display: block;
		height: 85px;
		width: 115px;
		margin-left:0px;
		margin-top:0px;
	}

	#sme_assistant_ip_tip3_a2{
		display: block;
		height: 40px;
		width: 40px;
		margin-left:70px;
	}

	#sme_assistant_ip_tip4 {
		background: url(../../img/sme/assistant/menu1d_eng.gif) no-repeat;
		height: 132px;
		width: 115px;
		float:left;
	}
	#sme_assistant_ip_tip4_a1{
		display: block;
		height: 85px;
		width: 115px;
		margin-left:0px;
		margin-top:0px;
	}

	#sme_assistant_ip_tip4_a2{
		display: block;
		height: 40px;
		width: 40px;
		margin-left:75px;

	}


	#sme_assistant_spt_tip1 {
		background: url(../../img/sme/assistant/menu2a_eng.gif) no-repeat;
		height: 132px;
		width: 115px;
		float:left;
	}
	#sme_assistant_spt_tip1_a1{
		display: block;
		height: 85px;
		width: 115px;
		margin-left:0px;
		margin-top:0px;
	}

	#sme_assistant_spt_tip1_a2{
		display: block;
		height: 40px;
		width: 40px;
		margin-left:60px;
	}


	#sme_assistant_spt_tip2 {
		background: url(../../img/sme/assistant/menu2b_eng.gif) no-repeat;
		height: 132px;
		width: 115px;
		float:left;
	}
	#sme_assistant_spt_tip2_a1{
		display: block;
		height: 85px;
		width: 115px;
		margin-left:0px;
		margin-top:0px;
	}

	#sme_assistant_spt_tip2_a2{
		display: block;
		height: 40px;
		width: 40px;
		margin-left:64px;
	}

	#sme_assistant_spt_tip3 {
		background: url(../../img/sme/assistant/menu2c_eng.gif) no-repeat;
		height: 132px;
		width: 115px;
		float:left;
	}
	#sme_assistant_spt_tip3_a1{
		display: block;
		height: 85px;
		width: 115px;
		margin-left:0px;
		margin-top:0px;
	}

	#sme_assistant_spt_tip3_a2{
		display: block;
		height: 40px;
		width: 40px;
		margin-left:65px;
	}
	
	hr {
		clear:both;
	}
	
		#pageTop {
		height: 100%;
		width: 100%;
		/*background-color: #FFFFCC;*/
		padding:0;
		margin: 0;
		}
		
	#pageMiddle {
		height: 100%;
		width: 95%;
		/*background-color: #FF0000;*/
		padding:0px;
		margin: 0px 0px 0px 20px;
		}
		
	#pageMiddleText {
		width: 700px;
		padding:0px 0px 10px 0px;
		margin: 20px 0px 0px 0px;
		}

	#pageBottom {
		width: 100%;
		/*background-color: #CCFF00;*/
		padding:0px;
		margin: 0px;
		}
		
	#pageBottom2 {
		width: 100%;
		padding:0px;
		margin: 0px;
		float:left;
		}
		
	#newsContact {
		width: 100%;
		padding:0px;
		margin: 10px 0px 0px 0px;
		}
		
	#topBanner {
		height: 100%;
		width: 100%;
		margin: 0px 0px 0px 0px;
		}
		
	#topBanner img{
		padding: 0px;
		margin: 0px;
		vertical-align: text-bottom;
		}	
		
	#pageHeader {
		height: 100%;
		width: 100%;
		}
		
	#pageHeader img{
		padding: 0px;
		margin: 0px;
		}	
/*	
		#middleLine {
		height: 8px;
		width: 580px;
		background-color: #000000;
		color: #00CCFF;
		padding: 0;
		margin: 0;
		}
*/
	#pageContent {
		height: 100%;
		width: 100%;
		/*background-color: #00CC00;*/
		padding: 0;
		margin: 0;
		}

#smeMenu {
	padding: 0px;
	margin: 0px;
	}
			
	table.menu {
		background-color: #FFFFFF;
		width: 100%;
	}

	table.menu th {
		background-color: #F0F8FF;
		padding: 5px;
		text-align: left;
		vertical-align: top;
		white-space: nowrap;
	}

	table.menu td {
		padding: 5px;
		text-align: center;
		vertical-align: top;
	}
	
	.imageSpace {
	margin:5px 5px 5px 0px;
	}
	
	table.member {
		background-color: #FFFFFF;
		border: 0px solid #AAAAAA;
		border-collapse: collapse;
		width: 95%;
	}

	table.member th {
		color:#00916B;
		border-bottom: 1px dotted #A9A9A9;
		padding: 10px 5px 5px 5px;
		text-align: left;
	}

	table.member td {
		background-image:url(../../img/sme/offer/member/new/red_arrow.jpg);
		background-repeat:no-repeat;
		background-position:top;
		background-position:left;
		border-bottom: 1px dotted #A9A9A9;
		padding: 15px 5px 5px 25px;
		text-align: left;
		vertical-align:top;
		color:#C3181E;
	}
	
	.largeText {
		font-size:180%;
	}
	
	table.newsIndex {
		border: 0px solid #AAAAAA;
		width: 90%;
	}

	table.newsIndex td {
		padding: 5px 10px 8px 0px;
		text-align: left;
		border: 0px solid #AAAAAA;
	}
	
	table.newsIndex th {
		padding: 0px 5px 0px 0px;
		text-align: left;
		border: 0px solid #AAAAAA;
	}
	
	.bg_greenLine {
		background-image:url(../../../img/sme/news/green_line_div.jpg);
		background-repeat:repeat-x;
		color:#008260;
		font-size:85%;
		height:28px;
		vertical-align:baseline;
	}
	
	.half {
		width:48%;
	}
	
	.newsLeftCol {
		vertical-align: top;
        text-align: left;
		padding: 10px 10px 5px 0px;
		float:left;
		height:100%;
		width:43%;
	}
	
	.newsRightCol {
        vertical-align: top;
        text-align: left;
		padding: 10px 10px 5px 10px;
		float:left;
		height:100%;
		width:43%;
	}
	
	.newsLeftCol_border {
		vertical-align: top;
        text-align: left;
		padding: 10px 10px 5px 0px;
		float:left;
		height:100%;
		width:43%;
		border-right:1px solid #E1E1E1;
		border-collapse:collapse;
	}
	
	.newsRightCol_border {
        vertical-align: top;
        text-align: left;
		padding: 10px 10px 5px 10px;
		float:left;
		height:100%;
		width:43%;
		border-left:1px solid #E1E1E1;
		border-collapse:collapse;
	}
	
	.newsMidCol {
        vertical-align: top;
      	float:left;
		text-align:center;
		background-image:url(../../../img/sme/news/grey.jpg);
		background-repeat:repeat-y; 
		height:1px;
		position:relative;
		width:1px;
    }
	
	.news_horizon {
		position:relative;
		float:left;
		background-image:url(../../../img/sme/news/grey.jpg);
		background-repeat:repeat-x;
		height:1px;
		width:630px;
	}
	
	.newsGreyLine_vert {
		background-image:url(../../../img/sme/news/grey.jpg);
		background-repeat:repeat-y;
		width:2%;
    }
	
	.newsContact {
		text-align:center;
		color:#5F5F5F;
	}
	
	.grey_vert {
		background-image:url(../../../img/sme/news/grey.jpg);
		background-repeat:repeat-y;
		width:20px;
	}
	
	
	table.year {
		background-color: #FFFFFF;
		border: 0px solid #AAAAAA;
		width: 70%;
		text-align:center;
	}
	
	.grey_horizon {
		background-image:url(../../../img/sme/news/grey.jpg);
		background-repeat:repeat-x;
		height:1px;
	}

	table.complexContent {
		border: 0px solid #000000;
		width: 100%;
		text-align: left;
		border-collapse: collapse; 
	}
	
	table.complexContent th {
		border: 1px solid #000000;
		background-color: #3db77a;
		text-align: left;
		color: #FFFFFF;
	}
	
	
	table.complexContent th.width {
		width: 35%;
	}
	
	table.complexContent td {
		border: 1px solid #000000;
		text-align: left;
		vertical-align: top;
	}
	


li.starBullet {
  list-style-image: url(../../../img/sme/star_bullet.gif);
  padding-left:inherit;
  line-height: 12pt;
}


/*table.selectionContent {
		border: 0px solid  #999999;
		width: 95%;
		text-align: left;
		border-collapse: collapse;
		white-space:nowrap;
	}
	
table.selectionContent th {
		border: 1px	solid #999999;
		background-color: #3cb882;
		text-align: left;
		height: 30pt;
	}
	
table.selectionContent th.contentCenter {
		text-align: center;
	}

table.selectionContent td.subtitle {
		border: 1px solid  #999999;
		text-align: left;
		vertical-align: middle;
		background-color: #EAEAEA;
		font-weight: bold;
		width: 5%;
		height: 50pt;
	}
	
table.selectionContent td.subtitleBullet {
		border: 1px solid  #999999;
		text-align: left;
		vertical-align: middle;
		background-color: #EAEAEA;
		font-weight: bold;
		width: 1%;
	}

table.selectionContent td {
		border: 1px	solid  #999999;
		text-align: center;
		width: 4%;
	}
	
table.selectionContent img {
		padding: 0px;
		margin: 0px;
	}*/
	
	
table.selectionContent {
		border: 0px solid  #999999;
		width: 100%;
		text-align: left;
		border-collapse: collapse;
		vertical-align: inherit;
	}
	
table.selectionContent th {
		border: 1px	solid #999999;
		background-color: #3cb882;
		text-align: left;
		height: 30pt;
		width: 2%;
	}
	
table.selectionContent th.contentCenter {
		text-align: center;
	}
	
table.selectionContent th.contentLeft {
		text-align: left;
		padding:0px 0px 0px 5px;
	}

table.selectionContent td.subtitle {
		border: 1px solid  #999999;
		text-align: left;
		vertical-align: middle;
		background-color: #EAEAEA;
		font-weight: bold;
		height: 50pt;
	}
	
table.selectionContent td.subtitleBullet {
		border: 1px solid  #999999;
		text-align: center;
		vertical-align: middle;
		background-color: #EAEAEA;
		font-weight: bold;
		width: 2%;
	}
	
table.selectionContent td.yellowbg {
		vertical-align: middle;
		text-align:left;
		background-color: #FFF59E;
		font-weight: bold;
		width: 2%;
		padding:5px 0px 5px 5px;
	}	

table.selectionContent td {
		border: 1px	solid  #999999;
		text-align: center;
		width: 3%;
	}
	
table.selectionContent img {
		padding: 0px;
		margin: 0px;
	}
	
table.services {
		border: 1px solid  #999999;
		width: 100%;
		text-align: left;
		border-collapse: collapse;
	}
	
table.services td {
		border: 1px solid  #999999;
		text-align: left;
		border-collapse: collapse;
		vertical-align:top;
	}		
	
table.services th.headerWidth {
		width:100px;
	}
	
table.services th {
		border: 1px	solid #999999;
		background-color: #3cb882;
		text-align: left;
	}
			
.greytext {
	color:#5F5F5F;
}
	
a.newsFooter {
	padding: 10px 0px 0px 0px;
	margin: 10px 20px 0px 0px;
	color:#319C7E;
	font-size:100%;
	width:700px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#newsFooter {
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	color:#319C7E;
	font-size:100%;
	width:90%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
	
a.newsFooter:hover {
		color:#909092;
		font-size:100%;
	}
	
	table.localContent {
		border:solid 1px #000000;
		border-collapse: collapse;
		width: 100%;
	}
	
	table.localContent th {
		border: 1px	solid #000000;
		padding: 5px 5px 5px 5px;
		font-size:100%;
		vertical-align:middle;
		border-collapse: collapse;
	}
	
	
	table.localContent th.alignleft {
		padding: 0px 0px 0px 5px;
		text-align:left;
	}
	
	table.localContent td.greenbg {
		background-color:#3CB882;
		font-weight:bold;
	}
	
	table.localContent td {
		border: 1px	solid #000000;
		vertical-align: top;
		padding: 5px 5px 5px 5px; 
		vertical-align:middle;
		border-collapse: collapse;
	}
	
	table.localContent td.serviceContent {
		text-align: center;
	}
	
	table.localContent td.serviceWidth {
		width: 20%;
		text-align: center;
	}
	
	.local_grey_bg {
		background-color:#D2D3D5;
		text-align: left;
	}
	
	.local_green_bg {
		background-color:#3CB882;
		text-align: center;
	}
	
	.local_yellow_bg {
		background-color:#FFF59E;
		text-align: left;
	}
	
	.center {
		text-align:center;
	}

#mainBanner {
	width: 600px; 
	height: 239px;
	background: url(../../img/sme/mainmenu/index_banner.gif);
	margin: 0;
	padding: 0;
	position: relative;
}


#mainBanner li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute; 
}

#mainBanner li, #mainBanner a {
	height: 23px; 
	display: block;
}

#mainBannerA1 {
	left: 20px; 
	width: 85px;
	top: 205px;
}


	table.interactive {
			border:solid 0px #000000;
			border-collapse: collapse;
			width: 100%;
		}
		
	table.interactive th {
			border: 1px	solid #000000;
			padding: 5px 5px 5px 5px;
			font-size:100%;
			vertical-align:middle;
			border-collapse: collapse;
		}
	
	table.interactive td.darkGreen {
		border: 0px	solid #000000;
		padding: 2px 2px 2px 2px; 
		background-color: #ADC9BF;
	}
	
	table.interactive td.lightGreen {
		border: 0px	solid #000000;
		padding: 2px 2px 2px 2px;
		background-color: #D5E3DE;
	}
	
	table.borderless {
		border: 0px solid  #999999;
		width: 100%;
		text-align: left;
		border-collapse: collapse;
		vertical-align:top;
		padding:0px;
	}
	
	table.borderless td {
		border: 0px solid  #999999;
		text-align: left;
		border-collapse: collapse;
		vertical-align:top;
		padding:5px;
	}
	
	table.borderless td.alignMiddle {
		text-align:center;
		vertical-align:middle;
	}