/*
 * forms
 */

body .form .button,
#content .form .button {
	border:white 1px solid;
	background-color:white;
	clear:both;
	color:black;
	cursor:pointer;
/*	display:inline-block; */
float:left;
	font-size:120%;
	font-style:normal;
	font-weight:bold;
	line-height:130%;
	margin:1em 0 0 25%;
	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 {
/*	display:inline-block; */
float:left;
	padding-right:1%;
	text-align:right;
/*	width:15%; */
width:24%;
}
body .formItem .formRequiredMarker {
	float:left; 
	font-size:200%;
	line-height:50%;
	padding-left:0.2em;
/*	position:relative;
	top:0.3em;*/
}
/* all fields */
body .formItem .formField {
	background:transparent;
	border:0;
	border-bottom:2px dashed white;
	color:white;
	float:left;
	font-size:100%;
}
/* text type : text, email */
body .formItem.text .formField, 
body .formItem.email .formField {
	width:45%;
}
/* message = textarea */
body .formItem.message {
	padding-top:1em;
}
/*
body .formItem.message label, 
body .formItem.message .formField, 
body .formItem.message 
body .formRequiredMarker {
	float:left;
}
*/
body .formItem.message .formField {
	border:2px dashed white;
	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;
} 
body .formConfirmationTitle {
text-transform:lowercase;
}

/* 
 * 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:white;
}

/* 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-white.png) no-repeat 0 0.1em;
	margin-left:0;
	padding-left:27px;
}
body.jsOn .formItem.checkbox .substepKicker.active label, 
body.jsOn .formItem.checkbox .formWrapper.active label {
	background-position:0 100%;
}
body.jsOn .formItem.checkbox .formWrapper label {
	margin-right:1em;
}