/*
 * forms
 */
body .form:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

body .form .button,
#content .form .button {
	border:#535d6c 1px solid;
	background-color:#535d6c;
	clear:both;
	color:white;
	cursor:pointer;
	float:left;
	font-size:120%;
	font-style:normal;
	font-weight:bold;
	line-height:130%;
	margin:1em 0 0 21%;
	padding:1px 3px;
	text-decoration:none;
}
body .formStep .return, 
#content .formStep .return {
	color:#666;
	float:left;
	margin:1.5em 0 0 1.5em;
}
body .formItem {
	clear:both;
	margin-bottom:0.8em;
}
body .formItem:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
body .formItem label {
	float:left;
	padding-right:1%;
	width:20%;
}
body .formItem .formRequiredMarker {
	float:left; 
	font-size:200%;
	line-height:50%;
	padding-left:0.2em;
}
/* all fields */
body .formItem .formField {
	background:transparent;
	border-color:#535d6c;
	border-style:solid;
	border-width:0 0 1px 0;	
	color:#535d6c;
	float:left;
	font-size:100%;
}
/* text type : text, email */
body .formItem.text .formField, 
body .formItem.email .formField {
	width:45%;
}
/* text type : euro */
body .formItem.euro .formField {
	width:5em;
}
/* message = textarea */
body .formItem.message {
	padding-top:1em;
}
body .formItem.message .formField {
	border-width: 1px;
	height:100px;
	width:45%;
}
/* javascript errors */
body .formItem.warning {
	color:red;
}
body .formItem.warning .formField {
	outline:2px solid red;
}
/* littletext written on top of file inputs, radio buttons etc... */
body .formItem .formAlert {
	display:none;	
}
/* message shown on form landing page. after you submitted, there was a error on the server.  */
body .formError {
	border-left:1px solid red;
	color:red;
	font-weight:bold;
	padding:1em;
} 
/* 
 * checkboxes
 */
body .formItem.checkbox .formCheckboxGroup {
float:left;
}
body .formItem.checkbox .formWrapper {
/*	display:inline-block; */
float:left;
}
body .formItem.checkbox .formWrapper label {
/*	display:inline-block; */
margin-right:0.5em;
padding-right:0;
text-align:left;
width:auto;
}
body .formItem.checkbox .formRequiredMarker {
	margin-top:-0.2em;
}
/* in case we have substeps mechanisms */
body .formItem.checkbox .substepKicker {
	margin-bottom:0.3em;
}
body .formItem.checkbox .substepKicker label {
	float:none;
	font-size:130%;
	margin-left:10px;
	text-align:left;
	width:50%;
}
body .formItem.checkbox .substepKicker label strong {
	font-weight:normal;
}
body .formItem.checkbox.warning .substep {
	color:#535d6c;
}

/* collection listing */
body .formItem.checkbox.collection label {
	display:none;
}
body .formItem.checkbox.collection .formCheckboxGroup {
width:96%;
}
body .formItem.checkbox.collection .formWrapper {
margin-bottom:1em;
width:33%;
}
body .formItem.checkbox.collection .formWrapper label {
	display:block;
}

/* noTitle lind of fix : no label for some fields */
body .formItem.noLabel label {
	display:none;
}
body .formItem.checkbox.noLabel .formWrapper label {
	display:block;
}

/* in case of substeps */
body.jsOn .formItem.checkbox .substepKicker label, 
body.jsOn .formItem.checkbox .formWrapper label {
	background:transparent url(../images/checkbox.png) no-repeat 0 4px;
	margin-left:0;
	padding-left:27px;
}
body.jsOn .formItem.checkbox .substepKicker.active label, 
body.jsOn .formItem.checkbox .formWrapper.active label {
	background-image:url(../images/checked.png);
}
body.jsOn .formItem.checkbox .substepKicker.stepCancel label, 
body.jsOn .formItem.checkbox .formWrapper.stepCancel label {
	background-image:url(../images/redcross.png);
}

body.jsOn .formItem.checkbox .formWrapper label {
	margin-right:1em;
}