/*
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: 80%;
	width: 120px;
}
#survey span.rankRight {
	color: #6600FF;
	display: block;
	font-size: 80%;
	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: 12px;
	text-align: left;
	width: 150px;
}

#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;
}