/* Prime Staff Website Forms Styling
Developer: Colin Banks 
Date Created: 23 Jan 2006 
Parallel56 */

div.formBodyWrapper {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #F5F7F8;
	margin-top: 23px;
	padding-bottom: 15px;
}

div.formBody {
	padding: 13px 10px;
	padding-bottom: 0;
}

div.formBody p.formBodyText {
	width: 330px;
}

/* Font styles */
div#searchPanel .row,
div#searchPanel label  {width: 100%;}

input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* Forms styles */

#contactForm {
	border-top: 4px solid #B0D2F3;
	border-bottom: 1px solid #B0D2F3;
	margin-top: 2em;
	background: #F0F7FF;
	position: absolute;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: auto;
}
@media screen {
	fieldset legend { display: none; }
}

fieldset label {
	width: 100px;
	padding: 8px 0 15px 117px;
	display: block;
	width: 100%;
	font-weight: normal;
}
fieldset div.formBody label {
	width: 100px;
	margin-right: 0.5em;
	display: block;
	float: left;
	font-weight: bold;
	color: #333333;
	padding: 0;
}

.formelement label {
	/* This class undoes all the work done to all labels */
	float: none;
	display: inline;
	text-align: left;
	width: auto;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

fieldset .formElement {
	float: left;
	clear:none;
	width: 168px;
	text-align:left;
}

div.formElement.nolabel {width:auto;}

label span { font-weight: normal;}
span.mandatoryIndicator { font-size: 130%;}

input,
textarea {
	width: 168px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
}

input.upload {margin-left: 106px;}

html>body select {
	width: 200px;
}

select {
	width: 200px;
}

textarea {
	height: 6em;
}

input.autowidth {
	width: auto;
	border: 0;
}

select.autowidthkeepborders {
	width: auto;
}

input.autowidthkeepborders {
	width: 10px;
}

.submitrow {
	width: auto;
	text-align: right;
	padding-right: 0.75em;
	padding-top: 1.25em;
}

.labelsonright input {
	float: left;
	/* Required to fix slight floating bug in safari / mac firefox */
	width: 1.25em;
}

.labelsonright label {
	float: left;
	width: auto;
	margin-left: 5px;
}

div.checkboxes {
	width: 47em;
	padding: 0;
	margin: 0;
}

div.checkboxes span {padding-left: 116px;display: block;}

div.checkboxes input {
	/* Required to fix slight floating bug in safari / mac firefox */
	width: 13px;
	height: 13px;
	padding: 0;
	float: left;
}

div.checkboxes label {
	margin: 0;
	padding: 0;
	margin-bottom: 9px;
	margin-left: 10px;
	width: 33.5em;
	display: block;
	float: left;
	font-weight: normal;
}

/* how to clear a series of floats, make the inner floats push the outer container WITHOUT a br clearboth */
.row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.row { display: inline-block; margin-bottom: 1em;width: 25.35em; float: left;}

/* Hides from IE-mac \*/
* html .row { height: 1%; }
.row { display: block; }
/* End hide from IE-mac */

/* Error styles (common) */

input.errorborder,
textarea.errorborder,
select.errorborder {
	margin-bottom: 0;
}

div.errormessage {
	clear: both;
	padding: 0 0 0.5em 1.5em;
	margin-left: 0.3em;
	margin-top: 0.5em;
}

div.errormessage.nolabel {margin-left: 110px;}

div.labelsonright div.errormessage {
	padding: 0;
	margin: 0;
}

.errorborder {
	border-style: solid;
	border-width: 1px 1px 2px 1px !important;
}

/* Error styles (colour) */

div.errormessage {
	color: #F60200;
	background: transparent url(../images/error_bg.gif) no-repeat left top;
}

.errorborder {
	border-color: #f60200 !important;
}

div.labelsonright div.errormessage {
	background: 0;
}

fieldset div.mandatoryText {float: right;}
fieldset div.telephoneText {float: left;margin-left: 10px;padding-top: 3px;}

fieldset div.privacyPolicy p{width: 375px;float: right;padding: 10px 0 10px 0;margin-right: 25px;}
html>body fieldset div.privacyPolicy p {width: 400px;}
fieldset div.privacyPolicy.sendToFriend p{width: 100%;margin-right: 0;padding: 0;}
fieldset div.privacyPolicy.sendToFriend p.mandatoryText{padding: 15px 0;}

div.emailFormat {width: 300px;}
div.emailFormat input {border:none;height:12px;width:auto;padding:0;float: left;}
div.emailFormat div.row {width:auto;float: left;}
div.emailFormat div.row span {display:block;width: 100px;font-weight: bold;}
div.emailFormat div.radiobuttons label {float: left;width: 55px;font-weight: normal;padding-bottom: 2px;}
html>body div.emailFormat div.radiobuttons label {padding-top: 2px;}