/* form css */
#divProgress  {
	display: none;
}

fieldset {
}

fieldset label {
}

fieldset div.inputfield {
	margin-top: 10px;
	clear: left;
	vertical-align: bottom;
}

fieldset div.inputfield.alert {
	border: 0px solid red;
	background-color: inherit; /*#FFDFDF; */
	color: red;
}

#message.alert {
	font-weight: bold;
	background-color: #FFDFDF;
	color: red;
	border: 1px solid red;
	padding: 2px;
}
#spanMessage_Email {
	display: block; 
	margin-left: 190px;
}

fieldset div.inputfield div.description {
	width: 100%;
	border: 1px solid purple;
	border: none;
}

fieldset div.inputfield div.subfield {
	display: block;
	border: 1px solid yellow;
	border: none;
}

/* in IE there is a margin in the first INPUT element */
fieldset div.subfield select,
fieldset div.subfield textarea,
fieldset div.subfield div input {
	float: left;
}

/* remove this behaviour in Mozilla, rtc. */
fieldset div.subfield > select,
fieldset div.subfield > textarea,
fieldset div.subfield > div > input {
	float: none;
}


legend {
}

button {
}

div.show { display: block; }
div.hide { display: none; }

fieldset div.inputfield.indent {
	margin: 0;
	padding: 1% 1% 2% 5%;
	background-color: #efefef;
}

/* classes given to the inputfield div */
fieldset div.inputfield.layout1									{	/* border: 1px solid black; */   float: left; width: 98%; margin-top: 0; background-color: transparent }
fieldset div.inputfield.layout1 label 							{	display: none;	}
fieldset div.inputfield.layout1 div.description					{	/* border-right: 1px solid black; */ float: left;  width: 30%;  margin: 1px 10px 1px 0; padding: 2px 6px; background-color: #efefef; }
fieldset div.inputfield.layout1 div.subfield					{	/* border: 1px solid red; */ float: none;  width: auto;  margin-left: 31%; }
fieldset div.inputfield.layout1 div.subfield div				{	display: inline; padding: 2px; }
fieldset div.inputfield.layout1 div.subfield div input			{	float: none; margin: 0; padding: 0; }
fieldset div.inputfield.layout1 div.subfield span				{	display: inline;	}

fieldset div.inputfield.hide-label label,
fieldset div.inputfield.hide-description div.description 		{	display: none;	}

fieldset div.inputfield.sidebyside-description div.description	{	float: left;	width: 30%;	}
fieldset div.inputfield.sidebyside-description div.subfield		{	margin-left: 31%;	}

fieldset div.inputfield.sidebyside-options div.description	 	{	float: left;	width: 30%;	}
fieldset div.inputfield.sidebyside-options div.subfield			{	margin-left: 31%;	}
fieldset div.inputfield.sidebyside-options div.subfield div 		{	display: inline; }


/*
	width for <input type=text> and taextarea
 */
/* input[type="text"], textarea		{ width: 60%; } does NOT work with IE :^{ */
input.password, 
input.file, 
input.text, textarea				{ width: 60%; }
input.radio  						{ width: auto; border: 0;}
textarea.smallest, input.smallest 	{ width: 10%; }
textarea.smaller, input.smaller 	{ width: 40%; }
textarea.wider, input.wider 		{ width: 80%; }
textarea.widest, input.widest 		{ width: 100%; }

/*
*/
fieldset div.inputfield.alert input.file,
fieldset div.inputfield.alert textarea,
fieldset div.inputfield.alert input.text {
	background-color: #FFEFEF;
}