/*
Styles für den Formular-Manager
*/

#formManagerContainer {
	width: 440px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

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

#formManagerContainer h4 {
	color: #4c4c4c;
	width: 100%;
	background-color: #ebf2fa;
}
#formManagerContainer label, #formManagerContainer td, formManagerContainer li {
	font-size: 85%;
}
/* form page */
.appInnerDesktop {
	width: 100%;
	background-color: #ebf2fa;
}
.appInnerDesktop p {
	padding: 3px 10px;
}
.appFormPageTitle {
	width: 400px;
	padding: 6px 10px 3px 10px;
	background-color: #fff;}
.appFormPageButtons {
	clear: both;
	width: 100%;
	background-color: #fff;
}

/* tabbed form */
.formPages {
	clear: both;
	width: 100%;

}
.formButtons {

	clear: both;
	width: 100%;
	margin: 1px 0;
	padding: 3px 0;
}
.formIconButton {
	font-size: 85%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0;
}
.formIconButton img {
	display: inline;
	vertical-align: middle;
}
.formPrevButton {
	width: 218px;
	text-align: left;
	float: left;
}
.formNextButton {
	text-align: right;
}

/* boxes */
.bgModuleField {
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	border: 0;
	background-color: #ebf2fa;
}
.bgModuleFieldError {
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	border: 0;
	color: red;
	background-color: #ebf2fa;
}
.bgModuleFieldError *{
	border-color: red;
/*	color: red;*/
}
.bgModuleFieldMandatory {
	width: 198px;
	float: left;
	margin: 0;
	padding: 10px;
	border: 0;
	background-color: #ebf2fa;
}
.bgModuleFieldErrorMandatory {
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	border: 0;
	background-color: #ebf2fa;
}
.bgModuleFieldErrorMandatory label {
	border-color: red;
	color: red;
}
.bgModuleFieldErrorMandatory input, .bgModuleFieldErrorMandatory textarea, .bgModuleFieldErrorMandatory select {
	border-color: red;
}
.bgModuleErrorRow {}

.formGroupTitle {
	padding-left: 10px;
}
.formGroupTitleMandatory {}
.formGroupError {}
.formMandatoryMessage {
	clear: both;
	width: 400px;
	padding: 3px 10px;
	font-size: 90%;
}

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

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

/* elements */
.checkboxElement {
	display: block;
	float: left;
}
.radiobuttonElement {}
.dropdownElement {
	border: 1px solid #999;
}
.textfieldElement {
	border: 1px solid #999;
	width:100%;
}
.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: auto;
	display: block;
	/*background-color: #ffe787;*/
	background-color: transparent;
	padding-left: 20px;
}
.checkboxLabelError {
	width: auto;
	display: block;
	/*background-color: #ffe787;*/
	background-color: transparent;
	color: red;
	padding-left: 20px;
}
.radiobuttonLabel {
	width: 100%;
	display: block;
	background-color: #fdf5d6;
}
.dropdownLabel {
	width: 100%;
	display: block;
	background-color: #fdf5d6;
}
.textfieldLabel {
	width: 100%;
	display: block;
	background-color: #fdf5d6;
}
.textfieldLabelLogin {
	width: 34%;
	display: block;
	float: left;
}
.textareaLabel {
	width: 420px;
	display: block;
	background-color: #fdf5d6;
}
.passwordLabel {
	width: 100%;
	display: block;
	background-color: #fdf5d6;
}
.formText {
	padding: 5px 11px;
	font-size: 85%;
}

/* fields */
p.fieldDescription {
	padding: 3px 10px;
}
p.fieldDescriptionError {
	padding: 3px 10px;
	color: red;
}
p.fieldDescriptionMandatory {
	padding: 3px 10px;
}
p.fieldDescriptionErrorMandatory {
	padding: 3px 10px;
	color: red;
}
.txAsterisk {
	font-weight: bold;
}


/* Bestelformular Partnershop */
#formManagerContainer h4.shop {
	width: 100%;
	padding: 3px 5px;
	border-bottom: 1px solid rgb(76,76,76);
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 0;
	padding-top: 20px;
	color: rgb(76,76,76);
	background-color: #fff;
	clear: both;
}
#formManagerContainer h3.shop {
	width: 100%;
	padding: 3px 5px;
	border-bottom: 1px solid rgb(76,76,76);
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 0;
	color: rgb(76,76,76);
	background-color: #ffb959;
}
#formManagerContainer div.shop_body {
	width: 100%;
	padding: 3px 5px;
	border-bottom: 1px solid rgb(76,76,76);
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 0;
	color: rgb(76,76,76);
}
#formManagerContainer td {

	font-size: 85%;
}
#formManagerContainer thead td {
	/*background-color: #ffb959;*/
	font-size: 85%;
	font-weight: bold;
	color: rgb(76,76,76);
}
td.shop_cell_1 {
	width: 20px;
}
td.shop_cell_2 {
	
}
td.shop_cell_3 {
	
}
td.shop_cell_4 {
	
}
td.shop_cell_5 {
}
td.shop_cell_6 {
	width: 20px;
}

#formManagerContainer table {
	clear: both;
}
#formManagerContainer td {
	padding: 2px 5px;
}
#formManagerContainer td input {
	width: 30px;
	border: 1px solid  rgb(76,76,76);
}
#formManagerContainer ul {
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 5px 0 0 16px;
}
#formManagerContainer li {
	padding: 0 0 0 4px;
}
.formPages * {
	background-color: #fff !important;
}
td.shop_foot {
	border-top: 1px solid rgb(76,76,76);
	font-weight: bold;
	color: rgb(76,76,76);
}


/* Styles für Übersichtsseite Partnerdaten-, Mitarbeiterverwaltung */

div.formdata_header, div.formdata_footer {
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
	clear: both;
	margin: 1px 0;
	padding: 3px 6px;
}
div.formdata_footer p {
	text-align: right;
	margin: 0;
}
div.formdata_footer p a {
	font-weight: bold !important;
	color:  rgb(76,76,76) !important;
	font-size: 90%;
}
div.formdata {
	background-color: #FFFAA6;
}
p.data {
	margin: 0;
	padding: 3px 6px;
}

input[readonly] {
	background-color: #FFFAA6;
}


.basket_table {
}
.basket_sum {
	line-height: 150%;
}
.basket_sum_row td {

	background-color: #FDF5D6 !important;

}
.basket_refresh {
	font-weight: normal;
	font-size: 85%;
	text-align: right;
	padding: 6px 0px;
}