/* CSS Document */

div#contacts {
	font-size: 8pt;
	color: #002736;
	text-align: center;
	cursor: default;
}

div#contacts table {
	border: dotted 1px #002736;
	background-color: #FFFFFF;	
}

div#contacts tr {
	height: 18px;
}

div#contacts td {
	text-align: left;
	font-size: 9pt;
	height: 30px;
}

div#contacts .pic {
	width: 150px;
	background-color: #002736;	
}

div#contacts .name {
	background-color: #335263;	
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 0 0 10px;
	width: 500px;
}

div#contacts .dept {
	color: #FFFFFF;
	font-weight: bold;
	width: 170px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

div#contacts .colourbg1 {
	background-color: #FF0000;	
}

div#contacts .colourbg2 {
	background-color: #00008C;	
}

div#contacts .colourbg4 {
	background-color: #7F5226;	
}

div#contacts .colourbg5 {
	background-color: #0059BB;	
}

div#contacts .colourbg6 {
	background-color: #006600;	
}

div#contacts .colourbg3 {
	background-color: #009933;	
}

div#contacts .leftmargin {
	margin: 0 0 0 120px;	
}

div#contacts .pos {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: normal;	
}

div#contacts .message {
	background-color: #CCD4D8;
	width: 550px;
	padding: 5px;	
}

div#contacts .details {
	background-color: #CCD4D8;	
}

div#contacts .respon {
	font-size: 7pt;
	padding: 5px;	
}

div#contacts .avatar {
	color: #667D8A;
	font-weight: bold;	
}

div#contacts textarea {
	width: 95%;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	/*background-color: #FFFFCC;*/
	background-image: url(../images/textBoxbg.jpg);
	cursor: text;
	overflow: auto;
	margin: 0 0 8px 0;
}

div#contacts .textareanarrow {
	width: 72%;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	/*background-color: #FFFFCC;*/
	background-image: url(../images/textBoxbg.jpg);
	cursor: text;
	overflow: auto;
	margin: 0 0 8px 120px;
}

div#captcha {
	float: left;
	width: 210px;
	text-align: center;
}

div#capchaInput {
	padding: 0 0 0 15px;
}

div#contacts .inputCode {
	height: 12px;
	padding: 3px;
	font-size: 8pt;
	/*background-color: #FFFFCC;*/
	background-color: #BDD8EF;
	cursor: text;
	margin: 0 0 8px 0;
	background: #fff url('../images/inputBoxbg.jpg') top left;
}

div#contacts .selectCode {
	padding: 2px;
	font-size: 8pt;
	/*background-color: #FFFFCC;*/
	background-color: #BDD8EF;
	cursor: text;
	margin: 0 0 8px 0;
}

div#contacts .formNoteWrapper {
	text-align: center;
	margin: 10px 0 10px 0;
}

div#contacts .formNote {
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 8pt;
	font-style: italic;
	text-align: left;
	border: #CCCCCC solid 1px;
	display: inline-block;
}

div#contacts .noteTitle {
	color: #FF0000;
	font-weight: bold;
	width: 15%;
	float: left;
}

div#contacts .noteText {
	float: right;
	width: 84%;
}

/*	
	float clearance for correct Firefox rendering, works a treat must say! Overcomes the extra
	white space issue in IE by not using a clearing div. Use 'http://www.tanfa.co.uk/archives/show.asp?var=300' for ref.
*/

.formNote:after { 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
}

/* Hides from IE Mac \*/ * html .formNote {height: 1%;} .formNote{display:block;} /* End Hack */ 

div#contacts .selectCaption {
	font-size: 7pt;
	color: #FF0000;
	font-weight: bold;
	margin: 0 0 8px 13.5em;
}

div#contacts .inputSub {
	font-size: 8pt;
}

.captchaComment {
	font-size: 7pt;
	font-weight: bold;
	padding: 5px;	
}

div#contacts .userInput {
	width: 100%;
	padding: 5px;	
}

.contactComment {
	font-weight: bold;
	text-align: center;
	color: #FF0000;
	margin: 10px 0 10px 0;	
}

div#contacts label {
	font-size: 7pt;
	font-weight: bold;
	width: 13em;
	float: left;
	text-align: right;
	margin-top: 0.5em;
	margin-right: 0.5em;
	display: block;
}

div#contacts .quanWrapper {
	margin: 0 0 0.5em 0;
}

div#contacts .quanContainer {
	clear: both;
}

div#contacts .quanLabel {
	font-size: 7pt;
	font-weight: bold;
	float: left;
	text-align: right;
	margin-top: 0.5em;
	margin-right: 0.5em;
}

div#contacts .quanInputCode {
	height: 12px;
	padding: 3px;
	font-size: 8pt;
	background-color: #FFFFCC;
	cursor: text;
	margin: 0 0 8px 0;
	background: #fff url('../images/inputBoxbg.jpg') top left;
	float: left;
}

div#contacts .datePicker {
	margin-bottom: 8px;
}

.radioLabel {
	font-size: 7pt;
	font-weight: normal;
	margin-left: 5px;
}

div#contacts .packlabel {
	font-size: 7pt;
	font-weight: bold;
	width: 19em;
	float: left;
	text-align: right;
	margin-top: 0.5em;
	margin-right: 0.5em;
	display: block;
}

div#contacts fieldset {
	/*border: dotted 1px #002736;*/
	padding: 8px;
	width: 95%;
	margin: 10px 0 8px 5px;	
}

div#contacts legend {
	font-weight: bold;
	font-size: 8pt;
	padding: 0px 6px 0px 3px;
	color: #667D8A;
	margin: 0 0 6px 0;
}

div#contacts .userArea {
	background-color: #66FFFF;
	padding: 5px;
	float: none;	
}

div#contacts .button {
	font-size: 7pt;	
}

div#contacts .requiredTag {
	font-size: 6pt;
	font-weight: bold;
	color: #FF0000;
	margin: 0 0 0 6px;
	vertical-align: text-top;
}