/** Formular-Elemente */
form {
	margin: 0;
	padding: 0;
}
form input {
	margin: 0;
	padding: 0;
}
form fieldset {
	border: 1px solid #CCCCCC;
	margin: 0 0 0.35em 0;
	padding: 0 0 0 0.75em;
}
form legend {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin: 0;
	padding: 0 0.25em 0 0.25em;
}
form label {
	display: block;
	color: #4D4D4D;
	padding: 0 0.25em 0 0;
}
form label span.requiredMark {
	font-weight: bold;
	color: #FF0000;
}

/** Label */
form div.label {
	color: #0033cc;
}
/** Field */
form div.field {
	clear: both;
	padding: 0.25em 0 0.5em 0;
	position: relative;
	top: 0;
	left: 0;
	overflow: visible;
}

/** Fieldset verschachtelt */
form .fieldGroup fieldset {
	float: left;
	margin-right: 0.5em;
}
form .fieldGroup fieldset div.field {

}

/** Label von Radio-Field */
form .field.radio label {
	display: inline;
	color: #000000;
}
form .field label.label {
	display: block;
	color: #0033cc;
}
/** Field Group */
form div.fieldGroup {
	clear: both;
	background-color: aqua;
}
/** Field in Field Group */
form div.fieldGroup div.field {
	display: block;
	float: left;
	clear: none;	
	margin: 0 1.0em 0 0;
}
form span.field {
	display: block;
	float: left;
	margin: 0 1.0em 0 0;
}
/** Required mark */
form label span.required {
	width: 0.5em;
	height: 0.5em;
}
/** Required Field */
form .field.required label {
	/*font-weight: bold;*/
}
form .field.required input {
	border:1px solid #000000;
}

/**/
form .field input.long {
	width: 21.0em;
}
form .field input.full {
	width: 28.0em;
}
form .field input.middle {
	width: 13.0em;
}
form .field input.short {
	width: 8.0em;
}
form .field input.mini {
	width: 3.0em;
}
form .field input.date {
	width: 6.0em;
}
form .field input.time {
	width: 4.0em;
}
form .field textarea.long {
	width: 34.0em;
	height: 8.5em;
}
form input.error {
	border: 1px solid #FF0000;
	background-color: #ffffcc;
}

/** Button */
form div.buttons {
	clear: both;
}

/** Error */
form div.errors {
	border: 1px solid #FF0000;
	padding: 0.5em;
	/*background-color: #FFCCCC;*/
}
form div.errors h3 {
	font-size: 1.0em;
}
form div.errors a,
form div.errors a:link,
form div.errors a:visited,
form div.errors a:hover,
form div.errors a:active {
	color: #FF0000;
}

/** Status Display */
div.statusDisplay {
	width: 15px;
	height: 15px;
}
div.statusDisplay.loading {
	background-image: url(../media/onprogress.gif);
	background-repeat: no-repeat;
	background-position: top;
}
ul.loading {
	background-image: url(../media/onprogress.gif);
	background-repeat: no-repeat;
	background-position: top right;	
}

input.statusDisplay.loading {
	background-image: url(../media/onprogress.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


/** Overlay */
form div.overlay {
	display: block;
	position: absolute;
	min-width: 20em;
	/*background-color: #ADADAD;*/
	background-color: #ffffff;
	z-index:999; /** TODO: Ander Lösung */
}

/** Suggest */
form div.suggestion ul {
	list-style: none;
	background-color: #ffffff;
	margin: 0 1px 1px 0;
	padding: 0.35em;	
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
form div.suggestion li {
	padding: 0 0 0.1em 0;
	margin: 0;
	background: none;
	line-height: 1.5em;
}
form div.suggestion li a.fct {
	margin-right: 0.5em;
}

/** Help */
form div.helpMsg {
	/*width: 17em;*/
	min-width: 10em;
	max-width: 20em;
	padding: 0.35em;
	/*background-color: #FFFFCC;*/
	border: 1px solid #F9924A;
	/*display: none;*/
}
form div.helpMsg p {
	margin: 0;
}
form div.helpMsg.hide {
	display: none;
}
form div.helpMsg.show {
	display: block;
}