/* ---------------------------- */
/* form classes                 */		
/* ---------------------------- */

fieldset { border: none; }


form .field { 
	clear: both; 
}

form .field .label, form .field .label-small {
	float: left;
	width: 18%;
	text-align: left;
	padding: 3px;
}

form .field .label-small {
	width: 20%;
}

form .field .label-custom { width:190px ;}

form .field .element {
	float: left;
	text-align: left;
	padding: 3px;
	margin-left: 5px;
}

form .field .element .column {
	float: left;
	text-align: left;
}

form .field .element .left {
	margin-right: 10px;
}

form .field .element fieldset {
	border: 1px solid #eee;
	padding: 5px;
	width: 197px;
}

form fieldset legend {
	font-weight: bold;
	color: #666;
}

form .field .element .error {
	background-image: url('/images/input-error-bg.gif'); 
	border: 1px solid #f29c9c;
}

#appForm .formElement label {
	padding: 0 0px;
}


.copy input, .copy select, .copy textarea { border: 1px solid #000; padding: 2px; width: 150px; font-size: 1em;}
.copy select  { width: 155px;}

.copy .checkbox { width: 18px; border: 0px solid; padding-right: 4px; }

.copy textarea {font-size: 1em; font-family:Arial, Helvetica, sans-serif;}

.field-box {width: 170px; padding-right: 30px; float: left;}


#appForm {border-top: 1px dashed #ffffff;  }


.job-label, .label {float: left; width: 15%; font-weight:bold; padding-bottom: 5px;}

.job-element, .element {float: left; width: 540px; padding-bottom: 5px;}
.field { margin: 5px 0; }

.button { border: 1px solid #000; background: #4c4f3b; color: #fff; width: 80px; padding: 2px; font-size: 0.90em;}

.hidden { visibility: hidden; height: 1px; overflow:hidden;}
.show   { visibility: show;  height: 40px; }

.border { border: 1px solid #fff; margin: 1px auto; cursor: pointer;}
.border-none { border:  1px solid #231f20; margin: 1px auto; cursor: pointer;}

.error { background-color:#993333; color: #fff; }

.mandatory { color: #993333; }