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

	table.contact {
		background-color: #FFFFFF;
		border: 1px solid #AAAAAA;
		border-collapse: collapse;
	}

	table.contact th {
		background-color: #F4FFFC;
		border: 1px solid #AAAAAA;
		padding: 5px;
		text-align: left;
		vertical-align: top;
	}

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

	label {
		display: none;
	}

	form fieldset.sectionA {
		background: #DDF2DB;
		border: none;
		margin: 1px;
		padding: 5px;
	}

	form fieldset.sectionB {
		background: #FFFDE6;
		border: none;
		margin: 1px;
		padding: 5px;
	}
	
	form fieldset.sectionC {
		background: #DDEEFF;
		border: none;
		margin: 1px;
		padding: 5px;
	}
	
	form fieldset.sectionD {
		background: #FBEDB7;
		border: none;
		margin: 1px;
		padding: 5px;
	}
	
	form span.textField {
		display: block;
		float: left;
		width: 250px;
	}

	p.condense {
		margin: 1px 0 1px 0;
	}
	p.condenseB {
		margin: 1px 0 1px 20px;
	}

	form.contact label {
		display: none;
	}

	form.contact span.desc {
		display: block;
		float: left;
		margin: 2px 0 2px 0;
		padding: 0;
		width: 70px;
	}

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

	form.contact br {
		clear: left;
	}

#survey {
			background-color: #FDFFFB;
			border: 1px solid #999999;
			}
			
			#survey fieldset {
			border: 0;
			margin: 0;
			padding: 10px;
			}
			#survey h1.green {
			background-color: #008260;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h1.blue {
			background-color: #6699CC;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h1.deepOrange {
			background-color: #FF9900;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h1.orange {
			background-color: #FFCC00;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h1.lightOrange {
			background-color: #FF4400;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h1.grey {
			background-color: #CCCCCC;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h1.purple {
			background-color: #A289E0;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h1.lightGreen {
			background-color: #8AC216;
			color: #FFFFFF;
			font-size: 120%;
			margin: 0;
			padding: 3px;
			}
			#survey h2 {
			border-bottom: 1px solid #DDDDDD;
			color: #333333;
			font-size: 105%;
			margin: 0;
			padding: 3px;
			}
			#survey label {
			display: none;
			}
			#survey br {
			clear: left;
			}
			#survey span {
			display: block;
			float: left;
			width:auto;
			margin: 0 0 10px 0;
			padding: 0;
			}
			#survey span.short {
			width: 330px;
			}
			#survey span.rankLeft {
			color: #6600FF;
			display: block;
			font-size: 75%;
			width: 120px;
			}
			#survey span.rankRight {
			color: #6600FF;
			display: block;
			font-size: 75%;
			width: 120px;
			}
			#survey span.q {
			width: 330px;
			}
			#survey span.overall {
			color: #333333;
			font-weight: bold;
			width: 330px;
			}
			#survey span.shortDesc {
			width: 110px;
			}
			#survey span.sDesc {
			width: 60px;
			text-align:center;
					}
		
			#survey span.longDesc {
			width: 220px;
			}
			#survey span.rank {
			font-size: 12px;
			text-align: center;
			width: 25px;
			}
			
			#survey span.occupation {
			font-size: 11px;
			text-align: left;
			width: 200px;
			}
			
			#survey span.na {
			font-size: 80%;
			text-align: center;
			width: 70px;
			}
			#survey span.field {
			}
			#survey select {
			font-size: 85%;
			}

			.textPurple {
				color: #432683;
				background-color: transparent;
				font-size:200%;
				font-weight: bold;
			}