/* Common to all forms */

form {
	position: relative;
}

/* sitesearch form */

div#sitesearch form {
	margin: 10px 0 0 0;
	position: relative;
}

	div#sitesearch p.field {
		margin: 0;
		padding: 0px 0 5px 0;
	}

	div#sitesearch p.field input {
		/*width: 100px;*/
		width: 110px;
		border: 2px solid #A7A37E;
		font-family: inherit; /* Override MTL */
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
	}
	
	div#sitesearch p.submit {
		position: absolute;
		/*top: -10px;*/
		top: -6px;
		/*left: 92px;*/
		left:102px;
		margin: 0;
		padding: 0;
	}

/* Small login form */

form.login {
	margin: 0;
	padding: 0 0 -2em 0;
	border-bottom: 1px solid #BBB79A;
}

	form.login fieldset {
		padding: 0;
		margin: 0;
		border: none;
		width: inherit;
	}
	
	form.login legend {
		display: none;
	}
	
	form.login p.field {
		text-transform: uppercase;
		margin: 0.5em 0 0 0;
		font-size: 0.95em;
		padding: inherit; /* Override MTL */
	}
	
	form.login p.field label {
		float: none; /* Override MTL */
		width: auto; /* Override MTL */
		font-weight: inherit; /* Override MTL */
	}
	
	form.login p.field input {
		width: 96%;
		border: 2px solid #A7A37E;
		
		font-family: inherit; /* Override MTL */
		font-size: inherit; /* Override MTL */
		font-style: inherit; /* Override MTL */
		font-weight: inherit; /* Override MTL */
		text-decoration: inherit; /* Override MTL */
	}
	
	form.login p.remember {
		background: #C7C5AB;
		margin: 0;
		text-indent: 18px;
		padding: 3px 0;
		position: relative;
		font-size: 0.9em;
	}
	
		form.login p.remember input {
			position: absolute;
			top: 2px;
			left: 0px;
		}
		
	form.login p.submit {
		text-align: right;
		margin: 0;
	}
	
		form.login p.submit input {
	
		}

/* Inline forms (e.g. credit delete) */

form.inline {
	margin: 0;
	padding: 0;
}

	form.inline * {
		padding: 0;
		margin: 0;
	}

/* Filter forms (for news etc.) */

form.filter {
	margin: 10px 20px;
	padding: 25px 0 0 0;
	clear: both;
		background-color:#EDEDED;
}
	form.filter input,
	form.filter select {
		border: 1px solid #686868;
		background-color:#FFF;
		color:#686868;
	}
	form.filter select {
		height:23px;
	}
	form.filter p.submit input {
		border:none;
		margin-top:23px;
		background-color:transparent;
	}
	
	form#course-finder.filter {
		padding: 0;
	}

	form.filter fieldset {
		border: none;
		padding: 0 0px 12px 18px;
		margin: 0;
	}
	
		form.filter fieldset:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;	
		}
	
	form.filter fieldset legend {
		margin: 0;
		padding: 0;
		text-indent: 0;
		color: #333;
	}
	
		form.filter fieldset legend span {
			position: absolute;
			top: 0.2em;
			left: 0px;
			font-weight: bold;
			display: block;
		}
		
		form.filter legend span {
			padding: 4px 0 4px 18px;
		}
		
		body.module-crewbus form.filter legend span {
			background: none;
			text-transform: none;
			color: #000;
			font-size: 1.5em;
			top: -0.1em;
			padding: 0;
			font-weight: normal;
		}
		
		form#course-finder.filter legend {
			display: none;
		}
	
	form.filter p {
		margin: 0;
	}
	
	form.filter p.field {
		width: 143px;
		float: left;
		margin: 0;
	}
	#content-block form.filter p.field,
	#content-block form.filter p.submit {
		margin:0;
	}
	form.filter .historyproject p.datetosearch {
		width: 66%;
	}
	
		form#course-finder.filter p.field {
			width: auto;
			float: none;
		}
	
	form.filter p.field label {
		display: block;
		margin: 0.5em 0 0 0;
		color: #686868;
		font-weight: normal;
	}
	
		form#course-finder.filter label {
			padding: 0.2em 0;
		}
		
	form.filter p.field input,
	form.filter p.field select {
		width: 90%;
	}
	
	form.filter p.field input.radio {
		width:10%;
	}
	form.filter p.field input {
		border: 1px solid #686868;
		height: 1.4em;
	}
	
		form#course-finder.filter p.field input {
			font-size: 1.2em;
		}
	
	form.filter p.submit {
		float:left;
	}
	
		form#course-finder.filter p.submit {
			top: 0.5em;
		}
		
	form.filter .historyproject p.keyword {
		margin-right:45%;
		width:50%
	}
	
	body.module-events form.filter p.field {
		width: 94%;
		padding: 1.5em 0 0.5em 0;
	}
	
	body.module-events form.filter p.field label {
		float: left;
		margin: 0;
		padding: 0.2em 0 0 0;
		width: 20%;
		font-size: 1.1em;
	}
	
	body.module-events form.filter p.field input {
		width: 76%;
		float: right;
	}
	
	body.module-crewbus form.filter {
		margin: 0 0 1em 0;
	}
	
	body.module-crewbus form.filter p.field {
		padding: 1em 0 1em 0;
		width: 100%;
		clear: none;
	}
	
	body.module-crewbus form.filter p.field label {
		float: left;
		width: 20%;
	}
	
	body.module-crewbus form.filter p.field input { 
		float: left;
		width: 63%;
		font-size: 1.4em;
		border: 2px solid #A7A37E;
	}
	
	body.module-crewbus form.filter p.field select {
		float: left;
		width: 65%;
		border: 2px solid #A7A37E;
	}
	
	body.module-crewbus form.filter p.field em.hint {
		clear: both;
		display: block;
		margin: 0 0 0 20%;
		padding: 4px 0 0 0;
		font-style: normal;
		color: #000;
	}
	
	body.module-crewbus form.filter p.hint {
		padding: 0;
		margin: 0 1em 0 20%;
		width: auto;
	}
	
	body.module-crewbus form.filter fieldset {
		/* position: relative; */
		border-bottom: 0px;
	}
	
	body.module-crewbus form.filter fieldset.advanced {
		background: #F4F5EF;
		border-top: 0px solid #F4F5EF;
		border-bottom: 2px solid #DBDCD4;
		padding-top: 1em;
	}
	
	body.module-crewbus form.filter fieldset legend {
		display: none;
	}
	
	
	
	body.module-crewbus form.filter fieldset.advanced p.submit {
		top: 4.5em;
	}
	
	
/* Standard form (contact us etc.) */

form.standard {
	margin: 1em 20px;
	border-top: 1px solid #E8E8DB;
	clear: both;
}

	form.standard fieldset {
		padding: 0 0 1em 0;
		margin: 1em 0 0 0;
		border: none;
		border-bottom: 2px solid #E8E8DB;
		background-color:#EDEDED;
	}
	
	form.standard div.lead-in {
		padding: 4px 2px;
		clear: both;
	}
	
		form.standard div.lead-in p {
			margin: 0;
		}
	
	form.standard legend {
		font-weight: normal;
		font-size: 1.8em;
		color: #333;
		text-indent: 0;
		padding: 0;
		margin: 0;
		background-color:#FFF;
		display:block;
		width:100%;
	}
	
	form.standard .field {
		position: relative;
		clear: both;
		margin: 0;
		border-top: 15px solid #EDEDED;
	}
	
	form.standard .field label {
		float: left;
		width: 25%;
		text-align: right;
		line-height: 2;
		display: block;
	}
	
		form.standard .required label,
		form.standard .required-true label {
			font-weight: bold;
		}
		
		form.standard label span.title {
			padding-right: 1em;
			display: block;
		}
		
		form.standard label span.required {
			color: #900;
			position: absolute;
			right: 75%;
			top: 0px;
			width: 1em;
			text-align: center;
			display: block;
		}
	
		form.standard .field em {
			text-align: left;
			display: block;
			float: left;
			font-weight: normal;
			line-height: 1.2;
			padding: 4px 3px;
			clear: both;
		}
		
			form.standard .error label {
				background: #900;
				color: #FFF;
			}
			
				form.standard .error label span.required {
					color: #FFF;
				}
		
			form.standard .field em.hint {
				color: #663;
				padding-left: 25%;
				float: none;
			}
			
			form.standard .field em.remove {
				padding-left: 25%;
				float: none;
			}
			
				form.standard .field em.remove input {
					width: auto;
					margin-right: 0.5em;
					position: relative;
					top: -2px;
				}
			
			form.standard .field em.warning {
				color: #900;
				font-weight: bold;
				margin-left: 25%;
				float: none;
				padding-left: 18px;
				background: url(/assets/gfx/build/icon_info.gif) no-repeat left;
			}
	
		form.standard .field input,
		form.standard .field select {
			width: 40%;
			float: left;
			border: 1px solid #686868;
			background-color:#FFF;
			color:#686868;
		}
		
		form.standard .date select {
			width: 13%;
		}
			
		form.standard .text input {
			padding: 4px 3px;
			margin: 0;
			line-height: 1.3em;
		}
		
		form.standard .text input,
		form.standard .text textara {
			border: 1px solid #686868;
			background-color:#FFF;
			color:#686868;
		}
		
		form.standard .field .short {
			width: 10%;
			min-width: 8em;
		}
		
		form.standard .field .medium {
			width: 25%;
			min-width: 8em;
		}
		form.standard .checkbox input {
			width: 30px;
		}
		form.standard .radio ol,
		form.standard .checkbox ol {
			width: 40%;
			display: block;
			margin: 0 0 1em 0;
			padding: 0;
			list-style: none;
			border-bottom: 1px solid #CCC;
			float: left;
		}
		
		form.standard .radio ol li,
		form.standard .checkbox ol li {
			display: block;
			text-align: left;
			line-height: 1em;
			margin: 0;
			padding: 0.1em 0;
			border-top: 1px dotted #CCC;
			clear: both;
		}
		
			form.standard .checkbox ol.split {
				width: 70%;
			}
		
			form.standard .checkbox ol.split li {
				float: left;
				clear: none;
				width: 47%;
			}
			
			form.standard .checkbox ol.split li.odd0 {
				float: right;
			}
			
			form.standard .radio ol li.item1,
			form.standard .checkbox ol li.item1 {
				border-top: 1px solid #CCC;
			}
		
			form.standard .radio li input,
			form.standard .checkbox li input {
				width: auto;
			}
			
			form.standard .radio li label,
			form.standard .checkbox li label {
				background: none;
				display: inline;
				margin: 0;
				padding: 0;
				float: none;
				font-weight: normal;
				width: auto;
				color: #333;
				line-height: 1.7;
			}
			
		form.standard .field textarea {
			width: 40%;
			height: 10em;
			min-width: 8em;
			border: 1px solid #686868;
			background-color:#FFF;
			color:#686868;
		}
		
		form.standard .field textarea.huge {
			height: 20em;
			width: 70%;
			border: 1px solid #686868;
			background-color:#FFF;
			color:#686868;
		}
		
		form.standard textarea#in_intro.huge {
			height: 10em;
			border: 1px solid #686868;
			background-color:#FFF;
			color:#686868;
		}
		
		form.standard .field textarea.gigantic,
		form.standard .field-article textarea,
		form.standard .field-full_description textarea  {
			height: 30em;
			width: 70%;
			border: 1px solid #686868;
			background-color:#FFF;
			color:#686868;
		}
		
		form.standard .submit {
		}
		
			form.standard .full {
				padding-right: 5%;
			}
		
			form.standard .submit input {
				width: auto;
				float: right;
				border: none;
			}
			
/* Overrides for specific forms */

form#crewbus-credit-form fieldset.submit,
form#crewbus-agent-form fieldset.submit,
form#crewbus-statement-form fieldset.submit,
form#crewbus-details-form fieldset.submit {
	border: none;
	padding: 0;
}
		
form#crewbus-credit-form textarea.huge,
form#crewbus-agent-form textarea.huge {
	height: 6em;
}

/* Uploading forms (used in crewbus for CV etc.) */

form.uploader {
	float: left;
	width: 58%;
}

	form.uploader fieldset {
		border: none;
		padding: 1px 120px 30px 0;
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	
		form#cv-upload-form fieldset {
			background-image: url(/assets/gfx/build/icon_my_cv.gif);
		}
		
		form#showreel-upload-form fieldset {
			background-image: url(/assets/gfx/build/icon_showreel.gif);
		}
		
		form.uploader legend {
			font-size: 1.6em;
			text-indent: 0;
			margin: 0;
			padding: 0;
		}
		
		form.uploader label {
			display: block;
		}
		
		form.uploader p.field span {
			background: #DADBCB;
			display: block;
		}
		
		form.uploader p.submit {
			text-align: right;
		}

form.uploaded {
	float: right;
	width: 35%;
}

	form.uploaded fieldset {
		border: none;
		padding: 0;
		margin: 3em 0 0 0;
	}
	
		form.uploaded legend {
			font-size: 1.2em;
			text-indent: 0;
			margin: 0;
			padding: 0;
		}
		
		form.uploaded p.field {
			float: left;
			color: #999;
		}
		
		form.uploaded p.submit {
			float: left;
			padding-right: 5px;
		}
		
			form.uploaded p.submit input {
				margin: 0;
				padding: 0;
			}

/* Add to crewbus button */

form#add-to-crewbus {
	position: absolute;
	right: 20px;
	top: -2.75em;
	margin: 0;
	line-height: 22px;
}

	form#add-to-crewbus select {
		margin: 2px 4px 0 0;
		display: block;
		float: left;
	}
	
	form#add-to-crewbus input {
		margin: 0 10px 0 0;
		float: left;
	}