/* CSS Document */




/* div */

div.form{padding-left:16px;}/* match p */
div.formleft {width:360px;height:auto;float:left}
div.formright {width:260px;height:auto;float:left}
div.formleft{margin-right: 16px}
div#question {position:relative;width:360px;float:left;margin-bottom: 6px;}/* height 47 messed up ie6 */
div#question.textarea {height:auto;}



/* fields */
.form * {color: #636363;padding:0;margin:0}
.form .comments, 
.form .reset, 
.form textarea, 
.form input, 
.form select{
	width: 354px;
	height:15px; /* for 11px verdana, padding:2px is right. For 12px arial, on mac FF, padding-top should be 3px and height 14px */
	line-height:15px;
	background-color:white;
	border: 1px solid #818386;
	overflow: hidden;
	font-size:12px;/* this is supposed to be 11 but 12 is the only size that makes select maintain the grid */
	color:#636363;
	padding:2px;/* for 11px verdana, padding:2px is right. For 12px arial, on mac FF, text looks 1px too high in box. it looks right in ie7 win and ff win, so forget it */
	font-family:Arial, Verdana, Helvetica, sans-serif;/* this is supposed to be verdana, but with 12px, Arial looks better */
	float:left;}
	
	
 	
.form select{height:21px;/* this */padding:1px;width:100%;cursor: pointer}
.form select option selected{color:red}
.form textarea {height:55px;}
.form textarea.staffing {height:55px;}

.form input.radio{margin-right: 12px}

/* label */
.form label {font-family:Arial, Verdana, Helvetica;font-size:12px;padding-bottom:1px;display:block;float:left;width:360px;height:16px;color:#8b855e;/* wheat */}


/* button */
div#button 			{ position:relative;margin-top:23px;border:0px solid red;float:left;width:776px;clear:both;}
.form input.button,
#careers-and-training .wForm form .actions .primaryAction,
a.button	{font-size:11px;font-family:Verdana,Arial;float:none;color:white;width:58px;background-color: #7b775b/* brown */;height:auto;padding:4px;/padding:2px;margin-left:auto;margin-right:auto;border: 1px solid #818386;}
.form input.button:hover	{cursor: pointer}
a.button:hover {color:white}

 /* submit button */
div#button.wecanhelp {margin-top:6px;margin-bottom:18px}/* ie6 doesn't recognize this */



/* smaller fields */
div#question.half {width:174px;}
label.half {width:174px;}
input.half {width:168px;float:right;}
label.half { }

div#question.telephone{width:130px;margin-right:6px}
label.telephone {width:130px}
input.telephone{width:124px;}
label.telephone { }

div#question.ext{width:38px;}
label.ext {width:38px;}
input.ext {width:32px}
label.ext { }

div#question.third{width:114px;}
label.third {width:114px;}
input.third {width:108px}
label.third { }

div#question.middlethird{width:108px;}
label.middlethird {width:108px;}
input.middlethird {width:102px}
label.middlethird { }

div#question.twothirds{width:232px;}
label.twothirds {width:232px;}
input.twothirds {width:228px}
label.twothirds { }

.blue label {color:#104484}
.margin {margin-right:12px}