﻿/********************
Crealogix AG
07.02.2005, rgu
***
Stylesheet enthaellt die Definition aller Elemente fuer ein Formular
********************/

/* STRUKTUR */

.form-row { /* <- Formular-Zeile */
	font-size: 11px;
	clear: left;
}

.form-lable { /* <- Container fuer einen normalen Text zu einem Formular-Feld */
	min-height: 34px;
	height: auto !important;  /* für moderne Browser */
	height: 34px;  /*für den IE */
	float: left;
	width: 170px;
}

.form-lable-one-line { /* <- Container fuer einen normalen Text zu einem Formular-Feld */
	min-height: 14px;
	height: auto !important;  /* für moderne Browser */
	height: 14px;  /*für den IE */
	float: left;
	width: 600px;
	padding-left: 10px;
}

.form-lable-small { /* <- Container fuer einen schmalen Text zu einem Formular-Feld */
	min-height: 34px;
	height: auto !important;  /* für moderne Browser */
	height: 34px;  /*für den IE */
	float: left;
	width: 60px;
	float: left;
}

.form-lable-tall { /* <- Container fuer hohen Text zu einem Formular-Feld */
	min-height: 78px;
	height: auto !important;  /* für moderne Browser */
	height: 78px;  /*für den IE */
	float: left;
	width: 170px;
}

.form-input { /* <- Container fuer ein normales Formular-Feld */
	min-height: 34px;
	height: auto !important;  /* für moderne Browser */
	height: 34px;  /*für den IE */
	padding: 0px;
} 

.form-input-small { /* <- Container fuer ein schmales Formular-Feld */
	min-height: 34px;
	height: auto !important;  /* für moderne Browser */
	height: 34px;  /*für den IE */
	float: left;
	padding: 0px;
}

.form-input-tall { /* <- Container fuer ein hohes Formular-Feld */
	min-height: 78px;
	height: auto !important;  /* für moderne Browser */
	height: 78px;  /*für den IE */
} 

.form-footer { /* Fusszeile eines Formulars (z.B. f. Button(s))*/
	padding: 3px 3px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00234B;
	font-weight: bold;
	clear: left;
}

/* Platzhalter */
.form-placeholder { /* <- Platzhalter (z.B. fuer die Ausrichtung der Buttons) */
	/* (Wie form-lable, aber als reiner Plathalter gedacht)  */
	float: left;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.form-item-container { /* <- Platzhalter fuer kleine Items eines Formulars (z.B. fuer eine CheckBox mit Text) */
	/* (Wie form-placeholder, aber ohne float:left)  */
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* INHALT */

/* Text */
.form-text-title { /* <- Formular-Titel */
	padding: 3px 3px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00234B;
	font-weight: bold;
	clear: left;
}

.form-text-content { /* <- Bereich innerhalb eines Forms (v.a. f. Text) */
	padding: 4px 2px 4px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.form-text-notice { /* <- Hinweistext zu einem Formular-Feld (z.B. Textfeld, Listbox usw.) */
	margin: 10px 0 4px 0;
	font-size: 9px;
}

.form-text-failure { /* <- Meldung wenn Formular-Eingabe inkorrekt ist */
	padding: 0 0 0 8px;
	color: #000099;
	font-size: 11px;
	font-weight: bold;
}

.form-text-lable { /* <- Text zu einem Form-Feld (z.B. Textfeld, Listbox usw.) */
	padding: 4px 0px 0px 0px;
	border-bottom: 1px solid #000;
	width: 100%;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* FORMULAR-FELDER */

.form-textfield-required { /* <- Normales Textfeld (mussfeld) */
	width: 150px;
	margin: 2px 2px 0px 8px;
	border: 2px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

.form-textfield { /* <- Normales Textfeld (freiwillig) */
	width: 150px;
	margin: 2px 2px 0px 8px;
	border: 1px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

textarea.form-textfield-required { /* <- Mehrzeiliges Textfeld (mussfeld) */
	width: 220px;
	height: 60px;
	margin: 2px 2px 0px 8px;
	border: 2px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

textarea.form-textfield { /* <- Mehrzeiliges Textfeld (freiwillig) */
	width: 220px;
	height: 60px;
	margin: 2px 2px 0px 8px;
	border: 1px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

.form-datefield-required { /* <- Textfeld f. Datums-/Zeitangabe (mussfeld) */
	width: 60px;
	margin: 2px 2px 0px 8px;
	border: 2px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

.form-datefield { /* <- Textfeld f. Datums-/Zeitangabe (freiwillig) */
	width: 60px;
	margin: 2px 2px 0px 8px;
	border: 1px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

.form-select { /* <- Listbox */
	width: 140px;
	margin: 2px 2px 0px 8px;
	border: 1px solid #000033; /* <- Mit Internet Explorer nicht sichtbar */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.form-select-number { /* <- Listbox f. Nummern (oder andere schmale Inhalte) */
	width: 40px;
	margin: 2px 2px 0px 8px;
	border: 1px solid #000033; /* <- Mit Internet Explorer nicht sichtbar */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

input.form-radio { /* <- Radio-Button */
	vertical-align: middle;
}

input.form-button { /* <- Button */
	margin: 20px 0 4px 8px;
	border: 1px solid #000033;
	border-style: ridge;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input.form-button-nospace { /* <- Button ohne Abstand oben */
	margin: 0px 0px 4px 0px;
	border: 1px solid #000033;
	border-style: ridge;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/*	NOWIDTH FORMULAR-FELDER
	fuer Formular-Felder die keine vordefinierte Hoehe und Breite haben duerfen */

.form-textfield-required-nowidth { /* <- Textfeld ohne Groessenbeschraenkung (mussfeld) */
	margin: 0px 2px 0px 8px;
	border: 2px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

.form-textfield-nowidth { /* <- Textfeld ohne Groessenbeschraenkung (freiwillig) */
	margin: 0px 2px 0px 8px;
	border: 1px solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}

.form-select-nowidth { /* <- Listbox ohne Groessenbeschraenkung */
	margin: 4px 2px 4px 8px;
	border: 1px solid #000033; /* <- Mit Internet Explorer nicht sichtbar */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


/* BOX-CONTAINER */

.form-box { /* <- Grafischer Container fuer Radiobuttons und Checkboxes */
	padding: 2px 2px 2px 2px;
	margin: 5px;
	border: 1px solid #103264;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	clear: both;
}

.form-box-right { /* <- Grafischer Container fuer Radiobuttons und Checkboxes an der rechten Seite des Formulars */
	margin: 18px 6px 10px 6px;
	padding: 2px 2px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #103264;
	color: #000000;
	clear: left;
	float: right;
}

/* Infobox neben Calendar control*/
.calendar-information {
    border: 1px solid black;
    margin-left: 200px;
    padding: 5px;
}