/*
Styles fuer den Formular-Manager
*/


#formManagerContainer {
	width: 100%;
	margin: 0;
	padding: 0;
}

#formManagerContainer h3 {
	color: #4c4c4c;
	width: 100%;
	background-color: #fffae6;
}

#formManagerContainer .box_tip h3, #formManagerContainer .box_alt h3, #formManagerContainer .box_add h3 {
	clear: none;
	background-color: transparent;
	background-image: none;
	font-size:100%;
	font-weight: bold !important;
	color: #1F6799;
	margin-bottom: 2px;
}

#formManagerContainer h4 {
	color: #4c4c4c;
	width: 100%;
	background-color: #fffae6;
}

#formManagerContainer .box_tip h4, #formManagerContainer .box_alt h4, #formManagerContainer .box_add h4 {
	clear: none;
	background-color: transparent;
	background-image: none;
	font-size:100%;
	font-weight: bold !important;
	color: #4C4C4C;
}
#formManagerContainer label, #formManagerContainer td, formManagerContainer li {
	font-size: 85%;
}

/* form page */
.appInnerDesktop {
	width: 440px;
	background-color: #E9F1FA;
	overflow: hidden;
}
.appInnerDesktop p {
	padding: 3px 10px;
}
.appFormPageTitle {
	padding: 6px 0px 3px 0px;
	background-color: #fff;
	font-size: 90%;
}
.appFormPageButtons {
	clear: both;
	width: 100%;
	background-color: #fff;
}

/* tabbed form */
.formPages {
	clear: both;
	width: 100%;
}
.formButtons, .formButtons_extra {
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
	clear: both;
	width: 440px;
	padding: 3px 0;
}
.formIconButton {
	font-size: 85%;
	width:140px;
	text-align:left;
	height: 28px;
}
.formIconButton img {
	display: inline;
	margin-bottom:-5px;
	margin-right: 2px;
}
.formPrevButton {
	width: 218px;
	text-align: left;
	float: left;
}
.formNextButton {
	text-align: right;
}

/* boxes */
.bgModuleField, .bgModuleFieldError, .bgModuleFieldMandatory, .bgModuleFieldErrorMandatory {
	float: left;
	margin: 0;
	padding: 3px 10px;
	border: 0;
}
.bgModuleFieldError label, .bgModuleFieldError input, .bgModuleFieldError textarea, .bgModuleFieldError select,
.bgModuleFieldErrorMandatory label, .bgModuleFieldErrorMandatory input, .bgModuleFieldErrorMandatory textarea, .bgModuleFieldErrorMandatory select {
	border-color: #B41B16;
	color: #B41B16;
}
.formGroupTitle {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
	display:block;
	padding-top:0px;
	padding-bottom:0px;
	height:50px;
}
.formGroupTitleMandatory {}
.formGroupError {}
.formMandatoryMessage {
	clear: both;
	padding: 3px 10px;
	font-size: 90%;
}

.formRow, .formRowError {
	width: 100%;
	clear: both;
	overflow: hidden;
}

/* separators */
.checkboxItemSeparator {}
.formRowSeparator {}

/* elements */
.checkboxElement {
	margin-left:5px;
	-margin-left:0px;
	margin-bottom: 2px;
}
.radiobuttonElement {
	margin-left:5px;
	-margin-left:0px;
	margin-bottom: 2px;
}
.dropdownElement {
	border: 1px solid #999;
}
.textfieldElement {
	width: 180px;
	border: 1px solid #999;
}
.textareaElement {
	border: 1px solid #999;
}
.passwordElement {
	border: 1px solid #999;
}
.buttonElement {
	font-size: 85%;
	font-weight: bold;
	cursor: pointer;
}
.buttonElement img {
	display: inline;
}
.buttonElementLogin {
	font-size: 85%;
	font-weight: bold;
	cursor: pointer;
}
.buttonElementLogin img {
	display: inline;
}

.outputField {
	border: 1px solid #999;
}

/* labels */
.checkboxLabel {
	width: 100%;
}
.radiobuttonLabel {
	width: 100%;
}
.dropdownLabel, .textfieldLabel, .textareaLabel, .passwordLabel {
	display: block;
	padding: 0px 2px;
	background-color: #fff3c2;
}
.textfieldLabelLogin {
	width: 34%;
	display: block;
	float: left;
}
.formText {
	padding: 5px;
}

/* fields */
p.fieldDescription {
	margin:0px;
	padding: 0px 10px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 90%;
}
p.fieldDescriptionError {
	margin:0px;
	padding: 0px 10px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 90%;
	color: #B41B16;
}
p.fieldDescriptionMandatory {
	margin:0px;
	padding: 0px 10px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 90%;
}
p.fieldDescriptionErrorMandatory {
	margin:0px;
	padding: 0px 10px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 90%;
	color: #B41B16;
}
.txAsterisk {
	font-weight: bold;
}


/* Bestelformular Partnershop */
#formManagerContainer h3.shop {
	width: 100%;
	padding: 3px 5px;
	border-bottom: 1px solid #4C4C4C;
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 0;
	color: #4C4C4C;
	background-color: #ffb959;
}
#formManagerContainer h4.shop {
	width: 100%;
	padding: 3px 5px;
	border-bottom: 1px solid #4C4C4C;
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 0;
	color: #4C4C4C;
	background-color: #fff;
}
#formManagerContainer div.shop_body {
	width: 100%;
	padding: 3px 5px;
	border-bottom: 1px solid #4C4C4C;
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 0;
	color: #4C4C4C;
}
#formManagerContainer td {
	background-color: #fffae6;
	font-size: 85%;
}
td.shop_cell_1 {

}
td.shop_cell_2 {

}
td.shop_cell_3 {

}
td.shop_cell_4 {

}
td.shop_cell_5 {
	width: 20px;
}
#formManagerContainer td {
	padding: 2px 5px;
}
#formManagerContainer td input {
	width: 30px;
	border: 1px solid  #4C4C4C;
}
#formManagerContainer ul {
	margin-bottom: 15px;
}

/* Konflikttexte */
div.helptext {
	padding: 5px;
	border: 1px solid #b41b16;
	color: #4c4c4c;
}

/* Left-Navi */
#form_pages {
	position: absolute;
	margin-left: -236px;
	width:179px;
	padding-bottom:12px;
	background:transparent url(../img/navi_bottom.png) no-repeat scroll center bottom;
	font-size:85%;
}

#form_pages1 {
	background:top left transparent url(../img/navi_top.png) no-repeat scroll;
	padding:16px 0px 0px;
}

#form_pages2 {
	background:transparent url(../img/navi_body.png) repeat-y scroll;
	padding:0px 15px;
}

#form_pages2 .lvl1 {
	border-bottom:1px solid white;
	color:black;
	font-weight:bold;
}

#form_pages2 .lvl2 {
	border-top:1px dotted #AAAAAA;
	display:block;
	font-size:11px;
	font-weight:normal;
	padding:3px 0px 3px 25px;
	text-align:left;
	text-indent:-22px;
}

#form_pages2 .lvl2 img {
	display:inline;
	vertical-align:-5px;
}