/* form css */

/* hide breadcrumbs & progressbar */
#breadcrumbs,
#divProgress {
	display: none;
}

/* hide left gray column */
body.template_form #container {
	background-image: none;
}

body#form443 #container,
body#form208 #container {
	background: #fff url("../img/bg.gif") top left repeat-y;
}

/* hide the menu */
body.template_form div#sidebar {
	xborder: 1px solid orange;
	display: none;
}

body#form443 div#sidebar,
body#form208 div#sidebar {display: block;}

/* make the content-div wider */
body.template_form div#content {
	margin: 0 0 20px 0;
	border: 1px solid orange;
	border: none;
}

body#form443 div#content,
body#form208 div#content {
	background: transparent;
	margin: 0 0 0 170px;
	xborder: 1px solid orange;
}

fieldset {
	background: none;
	padding: 10px 10px 15px 20px;
	margin: 0 0 10px 0;
	border: 1px solid #D3D3D3;
}

fieldset div.inputfield {
	margin-top: 5px;
	clear: left;
	height: 1%;
	vertical-align: bottom;
	xborder: 1px solid green;
}

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

fieldset div.inputfield div.empty {display: none;}

fieldset div.inputfield label {
	display: block;
	width: 35%;
	font-size: 100%;
	border: 1px solid red;
	border: none;
}

fieldset div.inputfield div.subfield {
	display: block;
	margin-left: 36%;
	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 {
	background: #dfdfc9;
	padding: 3px 5px;
	margin: 0 0 10px 0;
	color : #de263e;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

button {
	background: #de263e;
	padding: 4px 6px;
	color:#fff;
	font-weight: bold;
	font-size: 100%;
	border: none;
	margin-left: 5px;
	cursor: pointer;
}

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; margin-bottom: 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-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%; }
textarea.smallest, input.smallest 	{ width: 10%; }
textarea.smaller, input.smaller 	{ width: 40%; }
textarea.wider, input.wider 		{ width: 80%; }
textarea.widest, input.widest 		{ width: 100%; }