/* CSS Document for www.hrcharter.com */
/* James Addicott - September 2006 */


/* ---- Contact Form Styles ---- */
/* ---- for contact/request-info.html ---- */






#contactForm {

}


#contactForm td {
line-height: 1.5em;
}


#contactForm fieldset {
border: 1px solid #aaaaaa;
padding: 0.5em;
}

#contactForm fieldset.enquiryType {
border: 1px solid #a8181a;
}

#contactForm fieldset.enquiryProduct {
border: 1px solid #1861a8;
}

#contactForm fieldset.newsletter {
border: 1px solid #a8181a;
}

#contactForm legend {
padding: 0.5em;
font-weight: bold;
font-size: 0.75em;
color: #333333;
}



#contactForm label {
width: 280px;
display: block;
text-align: right;
margin-right: 0.4em;
}



#contactForm select {
width: 180px;
border: 1px solid #999999;
}

#contactForm input.text {
border: 1px solid #999999;
width: 180px;
font-size: 0.80em;
}

#contactForm input.textshort {
width: 140px;
border: 1px solid #999999;
font-size: 0.80em;
}

#contactForm input.checkbox {
border: 1px solid #999999;
}

#contactForm textarea {
border: 1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

#contactForm textarea.address {
width: 176px;
height: 100px;
padding: 2px;
}

textarea#userQuestion, textarea.question {
width: 462px;
height: 120px;
padding: 4px;
}


#contactForm input:focus, #contactForm textarea:focus {
background-color: #ffffcc;
border: 1px solid #666666;
}

#contactForm input.submitButton {
float: right;
margin: 20px;
}

.mandatory, .required {
font-weight: bold;

}

.mandatory img, .required img {
padding: 0 1em;
}

#contactForm .legal {
padding: 1em;
font-size: 0.70em;
color: #666666;
}


.hiddenQuestion {
display: none;
}


.alert {
background-color: #e8d2d2;
border: 1px solid #a8181a;
padding: 1em;
margin: 1em 0;
}

.alert ul li {
list-style-image: none;
list-style: square inside;
padding: 0 0 0 1em;
}


label.long {
line-height: 1.4em;
width: 460px;
}




/* --- jQuery validation messages --- */


#contactForm label.error {
	/*margin-left: 10px;*/
	width: auto;
	display: block;
	color: red;
	font-size: 0.7em;
}

#contactForm input.error { border-color: red; }