/**
 * Sytle-Sheets for DL-Applications
 *
 * Copyright (c) 2004 Web Arts AG - http://www.web-arts.com
 *
 * Changelog:
 *
 * 2004-08-28 jvolgmann: file created
 * 2004-09-01 jvolgmann: restructured css classes
 *
 * bg = Background
 * tx = Text
 * sp = Separator
 * form = input element
 */
 

/**
 * Fehlermeldung
 */
 
/**
 * Fehler im Modul
 */
.txModuleError {
	color: #9e0000;
	font-size: 11px;
	font-family: Arial, Verdana;
}


/**
 * Formularelemente
 */

/**
 * Formulareelemente: Module
 */
.bgModuleTitle {
	background-color: #FFFFFF;
	color: #f00;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana;
	padding-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	margin-top: 7px;
	padding-left: 7px;
}

.bgModuleContent {
	background: #e3dcce;
}

.bgModuleRowList {
	background: #e3dcce;
}

.bgModuleRow {
	background: #e3dcce;
	border-bottom: 1px solid #FFFFFF;
}
.bgModuleRow td {
	padding: 3px 0px 10px;
}
.bgModuleRow td td {
	padding: 0px;
	border-bottom: 0px
}
.bgModuleErrorRow {
	background: #e3dcce;
	padding-top: 3px;
	padding-left: 7px;
	padding-bottom: 6px;
	padding-right: 8px;
	border-bottom: 1px solid #FFFFFF;
	height: 28px;
}


.bgModuleField {
	float: left;
	padding: 0 7px;
	width: auto !important;
}

.bgModuleFooter {
	height: 6px;
	background: #e3dcce;
	margin-bottom: 16px;
}

/**
 * Formularelemente: Separatoren
 */
.spHelpField {
	width: 7px;
	float: left;
}

/**
 * Formularelemente: Eingabefelder
 */
.formTextFieldLeft {
	/*background: #FFFFFF;*/
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	float: left;
}
.formTextFieldLeft:disabled,
.formTextFieldRight:disabled, 
.formTextFieldLeft_disabled,
.formTextFieldLeftdisabled,
.formTextFieldRight_disabled {
	border: 1px solid #d0d0d0;
	background: #e0e0e0;
}

.error input {
		border: 1px solid #9E0000;
}

.formTextFieldLeftActive {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #003d81;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	float: left;
} 
.formTextFieldLeftError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #9e0000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	float: left;
}

.formTextFieldRight {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	text-align: right;
	float: left;
}

.formTextFieldRightActive {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #003d81;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	text-align: right;
	float: left;
}
.formTextFieldRightError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #9E0000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	text-align: right;
	float: left;
}

/**
 * Formularelemente: DropDown Felder
 */
.formComboBoxLeft {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
}

.formComboBoxRight {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
}
.formComboBoxLeftError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #9E0000;
	font-size: 11px;
	font-family: Arial;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left
}

.formComboBoxRightError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #9E0000;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
}


/**
 * Formularelemente: TextArea
 */
.formTextArea, .formTextAreaLeft {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	float: left;
}
.formTextAreaActive, .formTextAreaLeftActive {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #003d81;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	float: left;
}
.formTextAreaError, .formTextAreaLeftError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #9e0000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	float: left;
}

/**
 * Formularelemente: Inputfields als Label
 */
.formOutputFieldRightActive,
.formOutputFieldRight {
	background: #bdb7b0;
	color: #000;
	border: 0px solid #000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	text-align: right;
	float: left;
}

.formOutputFieldLeftActive,
.formOutputFieldLeft {
	background: #bdb7b0;
	color: #000;
	border: 0px solid #000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding: 2px 7px;
	text-align: left;
	float: left;
}

.formText {
	font-size: 11px;
	font-family: Arial;
	text-align: justify;
	line-height: 14px;
}

.formMandatoryMessage {
	font-size: 11px;
	font-family: Arial;
	text-align: left;
	line-height: 14px;
	padding-left: 7px;
	padding-bottom: 7px;
}

.formTextLeft {
	padding-left: 8px;	
}

/**
 * Formularelemente: RadioButton mit Bezeichnung
.formRadioButton, .formRadioButtonLeft {
	position: relative; 
	left: -5px;
	top: -4px;
}

 */
.txRadioButton {
	padding-left: 1em;
}

/**
 * Formularelemente: RadioButton mit Bezeichnung
 */
.formCheckBox {
	position: relative; 
	left: -4px;
}

.formCheckBoxItem {
	position: relative; 
	top: -1px; 
}

.formCheckBoxField {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	height:13px;
	position: relative;
	top: -6px;
}

.formCheckBoxFieldItem {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 13px;
	margin-top: 4px;
	position: relative;
	top: -5px;
}

.formCheckBoxFieldOptions {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	left: -4px;
	height: 13px;
	overflow: hidden;
	line-height: 14px;
}

/**
 * Sternchen für Pflichtfelder
 */
.txAsterisk {
	font-family: Verdana;
	font-size: 11px;
}


/**
 * Formularelemente: Feldbezeichnung
 */
.txForm, .txFormError {
	font-size: 10px;
	color: #000;
	float: none;
	padding-bottom: 4px;
	line-height: 14px;
}
.txFormError {
	color: #9e0000;
}

/**
 * Formularelemente: Buttons
 */
.left_buttons div {
	float: left;
}
.right_buttons div {
	float: right;
}
 
.btnNormal,
.btnNormal:link,
.btnNormal:active,
.btnNormal:hover,
.btnNormal:visited {
	display: inline;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #f00;
	margin-left: 8px;
	margin-right: 8px;
	padding: 4px 8px 0px;
	text-decoration: none;
	cursor: pointer;
}

.btnActive,
.btnActive:link,
.btnActive:active,
.btnActive:hover,
.btnActive:visited {
	display: inline;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #003d81;
	margin-left: 8px;
	margin-right: 8px;
	padding: 4px 8px 0px;
	text-decoration: none;
	cursor: pointer;
}

.btnInvNormal,
.btnInvNormal:link,
.btnInvNormal:visited,
.btnInvNormal:active,
.btnInvNormal:hover {
	height: 16px;
	display: inline;
	font-family: Arial;
	font-size: 11px;
	color: #f00;
	margin-left: 7px;
	margin-right: 8px;
	background-color: #fff;
	border-top: 1px solid #f00;
	border-left: 1px solid #f00;
	border-right: 1px solid #f00;
	padding: 3px 7px 0px;
	text-decoration: none;
	cursor: pointer;
}

.btnInvActive,
.btnInvActive:link,
.btnInvActive:visited,
.btnInvActive:active,
.btnInvActive:hover {
	display: inline;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	color: #003d81;
	background-color: #fff;
	margin-left: 7px;
	margin-right: 8px;
	padding: 3px 7px 0px;
	text-decoration: none;
	border-top: 1px solid #003d81;
	border-left: 1px solid #003d81;
	border-right: 1px solid #003d81;
	cursor: pointer;
}


/**
 * Info-Module
 */
.bgInfoModule {
	color: #666666;
	font-size: 11px;
	font-family: Arial;
	background-color: #FBE8B4;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 7px;
	line-height: 14px;
}

.txInfoModule,
.txInfoModule:link,
.txInfoModule:active,
.txInfoModule:visited,
.txInfoModule:hover {
 color: #f00;
 font-size: 11px;
 line-height: 14px;
 font-family: Arial;
}

/**
 * Applikationselemente
 */
.appTabbedForm {
	background-color: #e3dbce;
	border: 1px solid #000;
	width: 526px;
}

.appFormPageTitle {
	margin-top: 1px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	color: #f00;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana;
	padding-left: 8px;	
}

.appInnerDesktop {
	margin-top: 24px;
	margin-bottom: 28px;
	background-color: #FFFFFF;
	border: 1px solid #f00;
	position: relative;
	left: -1px;
	width: 511px;
	padding-right: 7px;
	float: none;
}

.appIconOk,
.appIconOkOut,
.appIconOkOver {
	border-left: 1px solid #000;
    font-size: 10px;
    color: #5AA521;
    line-height: 10px;
    text-decoration: none;
	cursor: pointer;
	float: left;
}

.appIconEmpty,
.appIconEmptyOver,
.appIconEmptyOut {
	border-left: 1px solid #000;
    font-size: 10px;
    color: #000;
    line-height: 10px;
    text-decoration: none;
	cursor: pointer;
	float: left;
}

.appIconActive,
.appIconActiveOver,
.appIconActiveOut {
	border-left: 1px solid #000;
    font-size: 10px;
    color: #f00;
    line-height: 10px;
    text-decoration: none;
	cursor: pointer;
	float: left;
}

.appIconError,
.appIconErrorOver,
.appIconErrorOut {
	border-left: 1px solid #000;
    font-size: 10px;
    color: #9E0000;
    line-height: 10px;
    text-decoration: none;
	cursor: pointer;
	float: left;
}

/**
 * Listenelemente
 */
.bgList {
	background-color: #e3dcce;
	border-bottom : 1px solid #FFFFFF;
}
.bgListLeft {
	background-color: #e3dcce;
	border-right : 1px solid #FFFFFF;
	text-align: left;
	padding : 6px 6px 6px 8px;
}
.bgListLeftLast {
	background-color: #e3dcce;
	text-align: left;
	border-bottom : 1px solid #FFFFFF;
	padding : 6px 6px 6px 8px;
}
.bgListCenter {
	background-color: #e3dcce;
	border-right : 1px solid #FFFFFF;
	text-align: center;
	padding : 6px 6px 6px 6px;
}
.bgListRight {
	background-color: #e3dcce;
	border-right : 1px solid #FFFFFF;
	padding : 6px 8px 6px 6px;
	text-align: right;
}
.bgListRightLast {
	background-color: #e3dcce;
	border-bottom : 1px solid #FFFFFF;
	padding : 6px 8px 6px 6px;
	text-align: right;
}
.bgListHeadLeft {
	background-color: #CCCCCC;
	border-right : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding : 6px 6px 10px 8px;
}
.bgListHeadLeftLast {
	background-color: #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding : 6px 6px 10px 8px;
}
.bgListHeadCenter {
	background-color: #CCCCCC;
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding : 6px 6px 10px 6px;
}
.bgListHeadRight {
	background-color: #CCCCCC;
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding : 6px 8px 10px 6px;
}
.bgListHeadRightLast {
	background-color: #CCCCCC;
	border-bottom : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding : 6px 8px 10px 6px;
}

/**
 * Tabellenelemente
 */
.bgTableHead {
	background : #CCCCCC;
	padding : 4px 8px 10px 7px;
	color: #000;
	font-size: 11px;
	font-family: Arial, Verdana;
	font-weight: bold;
}
.bgTableSpacer {
	background: #FFFFFF;
}
.bgTableRow {
	background : #e3dcce;
}
.bgTableCell {
	background : #e3dcce;
	padding : 0px 8px 0px 7px;
}

/**
 * Header-Elemente
 */

.txMeta, 
.txMeta:visited {
	color: #000;
	font-size: 10px;
	text-decoration: none;
}
 
/**
 * Footer-Elemente
 */
 
.spFooter {
 background-color: #666666;
}

.txFooter, 
.txFooter:visited {
	color: #000;
	font-size: 10px;
	text-decoration: none;
}