/**
 * 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: #F00C0C;
	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-left: 7px;
	padding-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	margin-top: 7px;
}

.bgModuleContent {
	background: #e3dcce;
}

.bgModuleRowList {
	background: #e3dcce;
}

.bgModuleRow {
	background: #e3dcce;
	padding-top: 3px;
	padding-left: 7px;
	padding-bottom: 11px;
	padding-right: 8px;
	border-bottom: 1px solid #FFFFFF;
	height: 28px;
	vertical-align: bottom;
}

.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;
}

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

/**
 * Formularelemente: Separatoren
 */
.spModuleRow {
	width: 16px;
	float: left;
}

.spHelpField {
	width: 7px;
	float: left;
}

/**
 * Formularelemente: Eingabefelder
 */
.formTextFieldLeft {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	height: 17px;
	float: left;
}

.formTextFieldLeftActive {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #f00;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	height: 17px;
	float: left;
} 
.formTextFieldLeftError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #9e0000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	height: 17px;
	float: left;
}

.formTextFieldCenter {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	height: 17px;
	text-align: center;
	float: left;
}

.formTextFieldCenterActive {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #f00;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	height: 17px;
	text-align: center;
	float: left;
} 
.formTextFieldCenterError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #9e0000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	height: 17px;
	float: left;
}

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

.formTextFieldRightActive {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #f00;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	height: 17px;
	float: left;
}
.formTextFieldRightError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #F00C0C;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	height: 17px;
	float: left;
}

/**
 * Formularelemente: DropDown Felder
 */
.formComboBoxLeft {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial;
	height: 17px;
	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;
	height: 17px;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
}
.formComboBoxLeftError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #F00C0C;
	font-size: 11px;
	font-family: Arial;
	height: 17px;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left
}

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


/**
 * Formularelemente: TextArea
 */
.formTextArea {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #006;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}
.formTextAreaActive {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #f00;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}
.formTextAreaError {
	background: #FFFFFF;
	color: #000;
	border: 1px solid #F00C0C;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}

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

.formOutputFieldLeftActive,
.formOutputFieldLeft {
	background: #DADADA;
	color: #000;
	border: 0px solid #000;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	height: 17px;
	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: 8px;
	padding-bottom: 8px;
}

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

.txRadioButton {
	position: relative; 
	top: -1px; 
	left: -4px;
}

/**
 * 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;
}

.Options {
	display: block;
	padding-left: 17px;
	text-indent: -20px;
}

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


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

/**
 * Formularelemente: Buttons
 */
.btnNormal,
.btnNormal:link,
.btnNormal:active,
.btnNormal:hover,
.btnNormal:visited {
	display: inline;
	height: 20px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #f00;
	margin-left: 8px;
	margin-right: 8px;
	padding: 3px 8px 2px 7px;
	text-decoration: none;
}

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

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

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


/**
 * 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: #e3dcce;
	border: 1px solid #666666;
}

.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-right: 7px;
	margin-bottom: 28px;
	background-color: #FFFFFF;
	border: 1px solid #f00;
	position: relative;
	left: -1px;
	width: 100%;
	float: none;
}

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

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

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

.appIconError,
.appIconErrorOver,
.appIconErrorOut {
	border-left: 1px solid #666666;
    font-size: 10px;
    color: #F00C0C;
    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 : 6 6 6 8;
}
.bgListMiddle {
	background-color: #e3dcce;
	border-right : 1px solid #FFFFFF;
	text-align: left;
	padding : 6 8 6 7;
	border-bottom : 1px solid #FFFFFF;
}

.bgListLeftRadioButton {
	background-color: #e3dcce;
	border-right : 1px solid #FFFFFF;
	text-align: left;
	padding : 6 5 6 2;
	border-bottom : 1px solid #FFFFFF;
}
.bgListLeftLast {
	background-color: #e3dcce;
	text-align: left;
	border-bottom : 1px solid #FFFFFF;
	padding : 6 6 6 8;
}
.bgListCenter {
	background-color: #e3dcce;
	border-right : 1px solid #FFFFFF;
	text-align: center;
	padding : 6 6 6 6;
}
.bgListRight {
	background-color: #e3dcce;
	border-right : 1px solid #FFFFFF;
	padding : 6 8 6 6;
	text-align: right;
}
.bgListRightLast {
	background-color: #e3dcce;
	border-bottom : 1px solid #FFFFFF;
	padding : 6 8 6 6;
	text-align: right;
}
.bgListHeadLeft {
	background-color: #f00;
	color: #fff;
	border-right : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding : 6 6 10 8;
}
.bgListHeadLeftLast {
	background-color: #f00;
	color: #fff;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding : 6 6 10 8;
}
.bgListHeadCenter {
	background-color: #f00;
	color: #fff;
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding : 6 6 10 6;
}
.bgListHeadRight {
	background-color: #f00;
	color: #fff;
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding : 6 8 10 6;
}
.bgListHeadRightLast {
	background-color: #f00;
	color: #fff;
	border-bottom : 1px solid #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding : 6 8 10 6;
}

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

/**
 * 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;
}
/**
 * Tooltip
 */
.tooltip a {
	display:block;
	cursor: help;
}
.tooltip a:hover {
	width:200px;
	cursor: help;
}            
.tooltip a span {
	display: none;
}
.tooltip a:hover span {
	color: #000;
	background:#fff;
	border:1px solid #f00;
	display:block;
	width: 150px;
	padding:10px;
	position: absolute;
}