.validation-failed {
border: 1px solid #f00 !important;
}
.validation-passed {
border: 1px solid green !important;
}
.validation-advice {
margin: 2px; 
padding: 2px; 
color:#f00; 
font-size:10px;
font-style: italic;

}
.warning {
border: 1px solid #c66 !important;
}
.warning-advice {
margin: 2px;
padding: 2px;
color:#fff;
background-color:#bbb;
}

.required {
border: 1px solid #444;
}
/* general layout */

#composeForm, #jobForm {
text-align:left;
padding:10px;
width: 450px;
border-top: 1px dotted #3c4453;
border-bottom: 1px dotted #3c4453;
background-image: url(../assets/lightgreytile.gif);
}

#composeForm .formSection, #jobForm .formSection{
padding:10px;
}

#composeForm h3, #jobForm h3 {
font-size:14px;
font-weight:bold;
margin:0px;
}

#composeForm .fieldinfo, #jobForm .fieldinfo {
font-size:10px;
font-style: italic;
}
#composeForm label, #jobForm label {
font-size:10px;
text-transform:uppercase;
font-style: normal;
}
#composeForm label span, #jobForm label span{
color: #f00;
font-size: 8px;
}
#jobForm .dualfieldinfo {
margin-bottom: 15px !important;
}
#senderInfo input[type="text"], #senderInfo input[type="select"] {
width: 220px;
}

#prev_employer, #prev_job_title, #prev_job_location {
width: 260px;
}


#composeForm {

}

/*---------------
form field names

common:

from_email			: text		: 
from_name			: text		:
from_phone			: text		:

msg_body			: text		:

----------------
contact form:

msg_subject			: text		:
how_landed			: select	:

----------------
job form:

process_job_form	: hidden	:
upload				: file		:



cur_employed		: checkbox	:

end_date			: text		:
start_date			: text		:


*/


/* other */

#formFooter{
text-align:right;
margin-bottom: 30px;
}

#submit{
margin:0px;
margin-right:30px;
background-color: #dde;
border:1px solid #018;
width: 150px;
height: 32px;
}

#submit:hover{
border:1px solid #de6916;
background-color: #fff;
}

#open_jobs{
margin-bottom: 35px;
}


/* contact.html specifics */

#bigAddress {
width: 450px;
padding: 10px;
height: 100px;
background-color: #3c4453;
color: #fff;
font-size: 17px;

filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

#bigAddress p {
margin: 2px;
}

#bigAddress p.company {
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
color: #f08138;

text-transform: uppercase;

}

#bigAddress p.address {
font-size: 15px;
letter-spacing: 1px;
text-transform: none;
}

#bigAddress p.phone {
font-weight: bold;
font-size: 15px;
letter-spacing: 1px;
}
#bigAddress p.phone span {
letter-spacing: 0px;
font-weight: normal;
font-size: 14px;
}


.contactTable li {
margin-top: 4px;
}
.contactTable li a {
color: #ddf;
}
.contactTable li p {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #999;

}

/* employment.html specifics */

.job_description {
width: 500px;
border-top: 1px dotted #555;
padding-top: 10px;
margin-bottom: 15px;
}

h2.job_title {
font-weight: bold;
color: #243E71;
text-transform: none;
Letter-spacing: normal;
}

p.job_type {

}

p.job_date {
font-size: smaller;
font-style: italic;
color: #444;
float: right;
}

div.job_description div.infoslide {
border: none !important;

}

div.job_moreinfo, div.job_description a.infoslideOpener {

font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal;
padding-left: 20px;
}

div.job_info div.infoslide { 
padding: 15px;
background-color: #eee;
}

