/*
CSS file for Hongkongpost.com
Author	: Dolphin
Date	: August 20, 2007
Version	: 1.0

CSS hireachy
*/

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
}

img {
	border: 0;
}

	#containerMain {
	width: 768px;
		}

		#containerTop {
			height: 52px;
			}
			#containerTopLeft{
			height: 52px;
			float:left;
			}
			#containerTopRight{
				height: 52px;
			}
				#containerTopRightUp{
					height:25px;
					float:right;
				}
				#containerTopRightBottom{
					height:25px;
					float:right;
				}
					#containerTopRightBottom form{
						margin:0;
					}
					#containerTopRightBottom p{
						margin:0;
					}
					#containerTopRightBottom input{			
						border: 1px solid #999999;
						margin-bottom: 5px;
						width: 110px
					}
					#containerTopRightBottom label{
						display:none;
					}
		#containerMainBody {
			width: 768px;
			padding: 0;
			margin: 0;
			float: left;
			}
			#containerBanner {
				width: 768px;
				height: 170px;
				padding: 0px;
				margin: 0px;
			}
			
			#containerSideBar {
				width: 160px;
				margin: 0;
				padding: 0;
				float: left;
					}
					
					#containerSideBarText {
					padding-left:10px;
					}
				
				#containerMenu {
					margin-bottom: 5px;
					font-family: Arial;
					font-size: 85%;
					font-weight: bold;
					list-style: none;
					list-style-position: outside;
					
					}
						#containerMenu ul {
							height: 1%;
							list-style: none;
							margin: 0;
							padding: 0;
						}
		
						#containerMenu li a {
							background-color: #006699;
							border-bottom: 1px solid #CCCCCC;
							border-right: 1px solid #CCCCCC;
							border-top: 1px solid #CCCCCC;
							color: #FFFFFF;
							display: block;
							height: 1%;
							padding: 4px;
							text-decoration: none;
						}
				
						#containerMenu li a:hover {
							background-color: #FFFFFF;
							border-bottom: 1px solid #CCCCCC;
							border-right: 1px solid #CCCCCC;
							border-top: 1px solid #CCCCCC;
							color: #006699; 
						}
		
						#containerMenu ul li ul {
							
							list-style: none;
							margin: 0;
							padding: 0;
						}
		
						#containerMenu ul li ul li a {
							background-color: #FFFFFF;
							border-bottom: 1px solid #CCCCCC;
							border-right: 1px solid #CCCCCC; 
							border-top: 1px solid #CCCCCC; 
							color: #006699; 
							display: block;
							height: 1%;
							padding: 4px 4px 4px 5px;
							text-decoration: none;
						}
		
						#containerMenu ul li ul li a:hover {
							/*background-color: #CCCCCC;*/
							background-color: transparent; 
							border-top: 1px solid #CCCCCC; 
							border-right: 1px solid #CCCCCC; 
							border-bottom: 1px solid #CCCCCC; 
							color: #006699; 
						}
		
						#containerMenu a.currentTab {
							background-color: #CCCCCC;  
							/*border-top:  1px solid #CCCCCC; 
							border-right: 1px solid #CCCCCC;*/ 
							border-bottom: 1px solid #CCCCCC; 
							color: #006699;
						}

		#containerInfo {
			margin-left: 170px;
			font-family: Arial, Helvetica, sans-serif;
			padding-top: 2px;
			padding-left: 5px;
			}
			hr {
				color: #CCCCCC;
				background-color: transparent; 
			}

			ul.index li {
				margin-bottom: 15px;
				padding: 0;
			}

			ol.lowerAlpha {
				list-style: lower-alpha;
			}

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

			ol.lowerRoman {
				list-style: lower-roman;
			}

			ol.upperRoman {
				list-style: upper-roman;
			}

			a.goBack {
				font-size: 80%;
				padding: 5px;
			}

			a:hover.goBack {
				background-color: #FFFFCC;
				padding: 5px;
			}

			.imgAlignLeft {
				float: left;
				margin: 0 5px 0 0;
			}

			.imgAlignRight {
				float: right;
				margin: 0 0 0 5px;
			}

			.textAlignLeft {
				text-align: left;
			}

			.textAlignCenter {
				text-align: center;
			}

			.textAlignRight {
				text-align: right;
			}

			.textCaption {
				font-size: 90%;
			}

			.textLargeBlack {
				color: #000000;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalBlack {
				color: #000000;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallBlack {
				color: #000000;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargePurple {
				color: #432683;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalPurple {
				color: #432683;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallPurple {
				color: #432683;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeGreen {
				color: #008260;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalGreen {
				color: #008260;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallGreen {
				color: #008260;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeBlue {
				color: #0000AA;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalBlue {
				color: #0000AA;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallBlue {
				color: #0000AA;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeRed {
				color: #FF0000;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalRed {
				color: #FF0000;
				font-size: 100%;
				font-weight: bold;
			}
			.textNormalRedNormal {
				color: #FF0000;
				font-size: 100%;
				font-weight: normal;
			}

			.textSmallRed {
				color: #FF0000;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeOrange {
				color: #FF6600;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalOrange {
				color: #FF6600;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallOrange {
				color: #FF6600;
				font-size: 80%;
				font-weight: normal;
			}
			.textNormalGrey {
				color: #999999;
				font-weight: bold;
			}
			
			.textHidden {
				display:none;
			}
			
			.textDecorationBlack{
				text-decoration:line-through;
				}
			
		#containerFooter {
			width: 768px;
			padding: 2px;
			margin-top: 5px;
			margin-left: 0px;
			margin-right: 0px;
			border-top: 1px dashed #006699;
			background-color: transparent; 
			clear: both;
			font-size: 80%;
			color: #006699;
			font-family:Arial, Helvetica, sans-serif;
			}

			#clfFooterLeft {
				float: left;
				}
				
			#clfFooterRight {
				float: right;
				}
			
			.tableLayout{
				width:570px;
				padding: 3px;
				text-align:center;
				}
				
				table.rates{
				width:90%;
				}
				
				table.rates td{
				padding:5px;
				}
				
				
	
/* Bug fix for IE/Win */

/* Hides from IE5-mac \*/
* html .ieFix {
	height: 1%;
}
/* End hide from IE5-mac */