@import "/_exagora2/uniform/css/uni-form.css";

#formWrapper {padding: 20px;}

#formContainer {
	width:638px;
	color:#333333;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	line-height:1.6;
	margin:20px 0px 80px 0px;
}

#formContainer legend {margin:0px;}
#formContainer legend  span{
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:18px 0px 15px 25px;
	background:url(/_signs/legend_background.gif) white no-repeat;
	border-bottom:4px solid #cccccc;
	width:613px !important;
	display:block;
	font-variant:normal;
}

.uniForm fieldset  {background:url(/_signs/fieldset_background.gif) #f5f5f5 repeat-x bottom; margin:0px; padding:20px 0px 30px; width:638px;}

/* ----------- Eingabefelder -------- */
.uniForm .inlineLabels .textInput, .uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select  {
	width:300px;
	border:1px solid #cccccc;
}
.uniForm .inlineLabels .multiField {width:350px; margin:0px;}
.uniForm .inlineLabels .multiField .blockLabel#zipcode {width: 120px; margin-right:15px;} 
.uniForm .inlineLabels .multiField .blockLabel#city { width:163px; margin-right:0px;}

/* ----------- Labels -------------- */
.uniForm .inlineLabels label, .uniForm .inlineLabels .label { width:193px; text-align:right; padding-right:15px; font-weight:bold;}

/* ----------- Hints -------------- */
.uniForm .inlineLabels .formHint { margin-left:222px; width:300px; padding-top:6px;}

/* ----------- Mouseover -------------- */
.uniForm .ctrlHolder input, .uniForm .ctrlHolder  select {border:1px solid #999999;}

/* ----------- CtrlHolder -------------- */
.uniForm .ctrlHolder.topInputfield { padding-top:20px;}
.uniForm .ctrlHolder {background-color:#f5f5f5; border:none; padding:8px;}
.uniForm .ctrlHolder.groupingline {/* TODO: Evlt. mit background-image! Mit border-bottom und anderen paddings als .ctrlHolder verschiebt siche einiges*/}
.uniForm .ctrlHolder.bottomFieldsetDiv {border-bottom:1px solid white; padding-bottom:25px;}

/* ----------- Hinweistexte -------------- */
.wrapperinfobox {
	padding:10px 13px 12px 13px;
	width:580px;
	border-bottom:1px solid white;
	margin-left:8px;
	margin-top:15px;
}
.infoboxlabel {
	float:left;
	font-weight:bold;
	padding-right:15px;
	text-align:right;
	width:184px;
}

.infoboxtext {
	float:left;
	width:298px;
}

.infoboxtext h4 {font-weight:bold; margin:0px 0px 5px 0px}

/* ----------- Buttonholder -------------- */
.uniForm .buttonHolder { margin:0px; padding:14px 111px 14px 220px; background:none; border:none; border-bottom:4px solid black;}
.uniForm .buttonHolder button, .uniForm .buttonHolder input  {border:none; background-color:white; color:#003333; text-transform:uppercase; padding-left:23px; font-family:Arial,Verdana, Helvetica,sans-serif;}
.uniForm .submitButton {
	background:transparent url(/_signs/formButtonLeftArrows.png) no-repeat left;
}
.uniForm .submitButton.rightArrows {
	background:transparent url(/_signs/formButtonRightArrows.png) no-repeat right;
	padding:0 27px 0 10px;
	float:right;
}

.uniForm .inlineLabels .multiField .inlineLabel {
	width:300px;
	text-align:left;
	line-height:1.3;
}

/* -------------- Errors  ----------------- */
.uniForm .error {background:none !important;}
.uniForm .errorField { background:none; margin:-6px 0 2px 221px; padding:0px; color:#cc0000;}
.uniForm .errorField[htmlfor="zipcode"] {display:none !important;}

.uniForm .focused {background:none;}