/* FORM ELEMENTS */
/* ----------------------------------------- */
/* date:  01/II/2010						 */
/* author: Daniel Angel */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* default form elements */
/* ----------------------------------------- */




/* ----------------------------------------- */
/* forms */
/* ----------------------------------------- */

div#main form {
	background: #F3F3F3 url(../img/div-main-form-top.png) top left no-repeat;
	padding: 1em 1em 0 2em;
}
	body#jobs-view div#main form {
		background: none;
		padding: 0;
	}
div#sidebar-a form {
	background: url(../img/sidebar-a-form-background.png) top left repeat-y;
	color: #666;
	margin-top: -2px;
	padding: 0 0 0 15px;
	position: relative;
}


/* ----------------------------------------- */
/* fieldsets */
/* ----------------------------------------- */



/* ----------------------------------------- */
/* legends */
/* ----------------------------------------- */

form legend, form p.legend { 
	/*p.legend is used to manipulate safari, which completely ignores legend elements */
	display: block;
	margin: 0;
	white-space:normal;
}
form legend span, form p.legend span {
	display: block;
	white-space:normal;
}
div#main form legend, div#main form p.legend {
	color: #78C4BD;
	font-size: 1.3em;
}


/* ----------------------------------------- */
/* inputs, selects, textareas */
/* ----------------------------------------- */

input[type=text], input[type=password] {
	color: #999;
	background: url(../img/inputs.png) top left no-repeat;
	border: none;
	font-size: 1.2em;
	height: 25px;
	padding: 8px 10px 0 10px;
	width: 246px;
}
div#main form.plain input[type=text], div#main form.plain input[type=password] {
	background: url(../img/inputs-2.png) top left no-repeat;
	background-position: 0 -198px;
}
input[type=text].form-error, input[type=password].form-error {
	color: #9E2006;
	background-position: 0 -33px;
	padding: 8px 30px 0 10px;
	width: 226px;
}
div#main form input[type=text].form-error, div#main form input[type=password].form-error {
	background: url(../img/inputs-2.png) 0 -231px no-repeat;
}

input[type=file] {
	/*background: url(../img/inputs.png) top left no-repeat;*/
	border: none;
	height: 33px;
	width: 360px !important;
}
select {
	height: 2.5em;
	width: 266px;
}
p.date select {
	width: 80px;
}
div#sidebar-a form input[type=text] {
	background-position: 0 -66px;	
	width: 171px;
}
div#sidebar-a form select {
	width: 191px;
}
textarea {
	border: 1px solid #CCC	;
	color: #AAA;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin: 1em 0 2em 0;
	padding: 10px;
	width: 245px;
}
form.plain textarea {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}


div#sidebar-a div#extended select {
	border: 1px solid #AAA;
	height: 8em;
}


/* skinned selects */
.find-options.skinned select {
	opacity: 0;
	filter: alpha(opacity = 0);
	height: 33px;
	moz-opacity: 0;
	position: relative;
	z-index: 100;
}
.find-options.skinned select option {
	background: #FFF;
	border: none;
	color: #999;
	font-size: 1.1em;
	padding: 3px 0 3px 20px;
}


/* ----------------------------------------- */
/* labels */
/* ----------------------------------------- */

form p.checkbox label, form p.radio label, div.checkbox label {
	display: inline;
	padding-left: .5em;
}
div#sidebar-a div#extended label {
	display: block;
	font-weight: bold;
	margin: 15px 0 3px 0;
}



/* ----------------------------------------- */
/* buttons, button-related */
/* ----------------------------------------- */

form p.buttonholder {
	clear: both;
	height: 35px;
	text-align: right;
}
div#main form.plain p.buttonholder {
	background: url(../img/div-main-form-bottom.png) bottom left no-repeat;
	margin-bottom: 0;
	padding: 20px 145px 20px 0;
	position: relative;
	left: -2em;
	width: 296px;
}
form button {
	background: url(../img/buttons.png) 0 -245px no-repeat;
	border: none;
	height: 35px;
	text-indent: -9999px;
	width: 194px;
}
div#sidebar-a form p.buttonholder {
	background: url(../img/sidebar-a-form-bottom.png) bottom left no-repeat;
	height: 30px;
	margin-left: -15px; /* compensates for the parent element's padding */
	width: 227px;
}
div#sidebar-a form button {
	background-position: 0 -70px;
	position: relative;
	right: 25px;
	top: 10px;
	width: 107px;
}



/* ----------------------------------------- */
/* others */
/* ----------------------------------------- */
form fieldset p {
	position: relative;
}
form p small {
	display: block;
}

/* skinned file inputs */
p.file {
	position: relative;
	height: 33px;
}
p.file div.fake-file {
	background: url(../img/inputs-2.png) 0 0 no-repeat;
	color: #BBB;
	font-size: 1.3em;
	height: 25px;
	padding: 8px 10px 0 10px;
	position: absolute;
	top: 0;
	width: 369px;
}
form.plain p.file div.fake-file {
	background: url(../img/inputs-2.png) 0 -132px no-repeat;
}
p.file div.fake-file.form-error {
	background-position: 0 -165px;
	color: #9E2006;
}
form.plain p.file div.fake-file.form-error {
	background-position: 0 -165px;
}
/* skinned selects */

.find-options.skinned {
	background: url('../img/selects.png') top left no-repeat;
	height: 33px;
}
.find-options.skinned .select-text {
	color: #999;
	font-size: 1.2em;
	height: 33px;
	line-height: 33px;
	padding: 0 0 0 20px;
	position: absolute;
	width: 246px;
	z-index: 100;
}

/* sidebar */
div#sidebar-a p.find-options.skinned .select-text {
	font-size: 1.1em;
	padding: 0 0 0 10px;
	letter-spacing: -.01em;
}
div#sidebar-a form p {
	width: 191px;
}
div#sidebar-a form p.checkbox {
	left: 10px;
	position: relative;
	top: 17px;
}
div#sidebar-a form p.find-options {
/*	border-bottom: 1px dotted #999;*/
}
div#sidebar-a form p.find-options.overlapped {
	border: none;
	position: absolute;
	padding: 0;
	top: -53px;
}
div#sidebar-a form p.find-options.skinned {
	background-position: 0 -66px;
	margin: 30px 0;
}