/*******************************************************************************
com_hhi_contact_us
*******************************************************************************/

#com_form { margin: 0; padding: 0; font: 1.2em 'Arial'; color: #000; }
#com_form br { clear: both; }

#com_form fieldset { text-align: left; margin: 0; overflow: hidden}

#com_form fieldset.form h3 { display: block; margin: 0 0 5px 15px; padding: 0; height: 20px; text-indent: -9999px; }
#com_form fieldset.form h3.application-details { background: url(../images/h3/application-details.gif) left top no-repeat; }
#com_form fieldset.form h3.application-methods { background: url(../images/h3/application-methods.gif) left top no-repeat; }
#com_form fieldset.form h3.contact-information { background: url(../images/h3/contact-information.gif) left top no-repeat; }
#com_form fieldset.form h3.education-and-qualifications { background: url(../images/h3/education-and-qualifications.gif) left top no-repeat; }
#com_form fieldset.form h3.experience { background: url(../images/h3/experience.gif) left top no-repeat; }
#com_form fieldset.form h3.how-did-you-hear-about-us { background: url(../images/h3/how-did-you-hear-about-us.gif) left top no-repeat; }
#com_form fieldset.form h3.job-details { background: url(../images/h3/job-details.gif) left top no-repeat; }
#com_form fieldset.form h3.personal-details { background: url(../images/h3/personal-details.gif) left top no-repeat; }
#com_form fieldset.form h3.personal-information { background: url(../images/h3/personal-information.gif) left top no-repeat; }
#com_form fieldset.form h3.resume-and-relevant-file-attachments { background: url(../images/h3/resume-and-relevant-file-attachments.gif) left top no-repeat; }

#com_form fieldset.form label { float: left; margin: 0 12px 0 0; padding: 0; text-align: right; font-weight: bold; }
#com_form fieldset.form label { width: 225px; }

#com_form fieldset.form input.text { float: left; margin: 0 0 5px 0; padding: 0; }
#com_form fieldset.form input.text { width: 250px; }

#com_form fieldset.form input.file { float: left; margin: 0 0 5px 0; padding: 0; }
#com_form fieldset.form input.file { width: 250px; }

#com_form fieldset.form textarea.textarea { float: left; margin: 0 0 5px 0; }
#com_form fieldset.form textarea.textarea { width: 250px; }

#com_form fieldset.form select.select { float: left; margin: 0 0 5px 0; }
#com_form fieldset.form select.select { width: 250px; }

#com_form fieldset.form ul.yesno { display: block; float: left; margin: 0; padding: 0; list-style: none; }
#com_form fieldset.form ul.yesno li { display: inline; margin: 0 5px 0 0; padding: 0; line-height: 23px; }
#com_form fieldset.form ul.yesno li input.radio { margin: 0 5px 0 0; padding: 0 5px 0 0; }

/* required asterix */
#com_form fieldset.form div.required { float: left; margin: 0 4px; padding: 0; width: 10px; height: 23px; text-align: center; color: #ff6347; }

#com_form fieldset.submit { text-align: center; margin: 0 0 15px 0; }
#com_form fieldset.submit input { margin: 12px 0; }

/* the note about privacy */
.form_note { margin: 0 0 24px 0; padding: 15px; }
.form_note { border: 1px solid #e5f1d6; background-color: #f9f7fb; }

/* ERROR MESSAGE */
#com_form fieldset label.missing { font-weight: bold; color: #f00; }
#myJavascriptError { display: none; }

/* javascript error messages box with caution image and graphic header */
div.errormsg { margin: 10px 0; padding: 60px 20px 20px 55px; border: 2px solid #C6151B;}
div.errormsg { background: #FFFFCC url(../images/error-notice.gif) top left no-repeat;}
div.errormsg { color: #C6151B;  font-size: 1.2em; text-align: normal;}

#com_form fieldset textarea#comments { width: 475px; margin: 0 0 0 15px; }

#com_form fieldset ul.radio { margin: 0; padding: 0; width: 250px; list-style: none; overflow: hidden; }
#com_form fieldset ul.radio li { margin: 0; padding: 0; overflow: hidden; }
#com_form fieldset ul.radio input.radio { margin: 0; padding: 0; width: 20px; }
#com_form fieldset ul.radio li input#txtBestTimeToCall { width: 100px; }
#com_form fieldset ul.radio li.indent { padding-left: 20px;  }

#com_form fieldset div.checkbox-wrapper { display: block; margin: 0 0 0 15px; padding: 0; overflow: hidden; }
#com_form fieldset ul.checkbox { margin: 0; padding: 0; width: 250px; list-style: none; overflow: hidden;  }
#com_form fieldset ul.checkbox li.indent { padding-left: 20px; }