/**
 * Sytle-Sheets for DL-Applications
 *
 * Copyright (c) 2006 Web Arts AG - http://www.web-arts.com
 *
 * Changelog:
 *
 * 2006-11-30 akirchdorfer: file created
 */


#content_wide {
	width:528px;
	float: left;
}
#TabbedForm {
	width: 526px;
	border: 1px solid #666666;
	background-color: #DADADA;
	margin-top: 13px;
	overflow: hidden;
}
p.introtext, p.texttop {
	width: 526px;
}

#mp {
	width: 160px;
	margin: 0 23px auto auto;
	padding: 0;
	clear: none;
}
.form_protocol {
 	width: 160px;
	float: right;
	clear: none;
}
.form_protocol h3 {
	border-bottom: 1px solid #006699;
	padding: 0 6px;
	margin-top: -1px;
}
.form_protocol h4 {
	color: #333333;
	padding: 4px 7px 0 7px;
}	
.form_protocol p {
	padding: 0 7px 2px 7px;
}
/*
** Form Tabs 
*/
.TF_tabs {
	margin-left: 7px;
}
.appIconOk,
.appIconOkOut,
.appIconOkOver {
	border-left: 1px solid #666666;
	padding-left: 7px;
	padding-top: 6px;
    font-size: 10px;
    color: #5AA521;
	float: left;
}

.appIconOk p,
.appIconOkOut p,
.appIconOkOver p {
    color: #5AA521;
    cursor: pointer;
    padding-left:
}


.appIconEmpty,
.appIconEmptyOver,
.appIconEmptyOut {
	border-left: 1px solid #666666;
	padding-left: 7px;
	padding-top: 6px;
    font-size: 10px;
    color: #666666;
	float: left;
}

.appIconEmpty p,
.appIconEmptyOver p,
.appIconEmptyOut p {
    color: #666666;
}


.appIconActive,
.appIconActiveOver,
.appIconActiveOut {
	border-left: 1px solid #666666;
	padding-left: 7px;
	padding-top: 6px;
    font-size: 10px;
    color: #006699;
    /*line-height: 10px;*/
	float: left;
}

.appIconActive p,
.appIconActiveOver p,
.appIconActiveOut p {
    color: #006699;
}

.appIconError,
.appIconErrorOver,
.appIconErrorOut {
	border-left: 1px solid #666666;
	padding-left: 7px;
	padding-top: 6px;
    font-size: 10px;
    color: #F00C0C;
	float: left;
}

.appIconError p,
.appIconErrorOver p,
.appIconErrorOut p {
    color: #F00C0C;
}

/*
** Form Buttons
*/
.TF_buttons {
	width: 512px;
	height: 20px;
	margin: 28px 7px 0 7px;
	-margin-bottom: -2px;
}
.TF_prev_button {
	width: 250px;
	height: 20px;
	float: left;
	text-align: left;
}

.TF_next_button {
	width: 250px;
	height: 20px;
	float: right;
	text-align: right;
}
a.btnNormal,
a.btnNormal:link,
a.btnNormal:visited {
	display: inline;
	height: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D35800;
	margin: auto 0px 0 8px;
	border-top: 1px solid #D35800;
	border-left: 1px solid #D35800;
	border-right: 1px solid #D35800;
	padding: 3px 6px 2px 6px;
}

a.btnActive,
a.btnActive:link,
a.btnActive:visited,
a.btnActive:hover,
a.btnActive:active,
a.btnActive:focus,
a.btnNormal:hover,
a.btnNormal:active,
a.btnNormal:focus {
	display: inline;
	height: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
	margin: auto 0px 0 8px;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
	padding: 3px 6px 2px 6px;
}

a.btnInvNormal,
a.btnInvNormal:link,
a.btnInvNormal:visited {
	display: inline;
	height: 20px;
	line-height: 22px;
	font-family: Arial;
	font-size: 11px;
	color: #D35800;
	margin: auto 8px 0 8px;
	background-color: #FFF;
	border-top: 1px solid #D35800;
	border-left: 1px solid #D35800;
	border-right: 1px solid #D35800;
	padding: 3px 6px 2px 6px;
}

a.btnInvActive,
a.btnInvActive:link,
a.btnInvActive:visited,
a.btnInvActive:hover,
a.btnInvActive:active,
a.btnInvActive:focus,
a.btnInvNormal:hover,
a.btnInvNormal:active,
a.btnInvNormal:focus {
	display: inline;
	height: 20px;
	line-height: 22px;
	font-family: Arial;
	font-size: 11px;
	color: #006699;
	background-color: #FFFFFF;
	margin: auto 8px 0 8px;
	padding: 3px 6px 2px 6px;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
}
/*
** Form Page
*/
#FormPage {
	width: 518px;
	border: 1px solid #006699;
	margin-left: -1px;
	margin-top: 24px;
	padding: 3px 7px auto 0;
	background-color: #FFFFFF;
	overflow: hidden;
}
#FormPage h3 {
	padding: 1px 7px 15px 7px;
}
#FormPage h4 {
	padding: 0px 7px;
}
#FormPage h5 {
	width: 104%;
	padding-bottom: 4px;
	color: #006699;
	font-weight: normal;
	font-size: 90%;
}
#FormPage .combo_box_bug h5 {
	width: 99%;
}
#FormPage label, #FormPage select {
	cursor: default;
}
.FP_page_buttons {
	text-align:right;
	margin-right:16px;
	margin-bottom: -2px;
}
.form_group {
	border-bottom: 6px solid #eaeaea;
	border-top: 1px solid #666666;
	background-color: #eaeaea;
	margin: 2px 7px 18px 0;
	padding-top:4px;
}
.form_row {
	width: 511px;
	background-color: #eaeaea;
	border-bottom: 1px solid #ffffff;
	padding: 1px 0px 1px 0px;
	/*-overflow-x: hidden;*/
}
.form_field {
	width: 496px; /* default: full width*/
	padding: 0 7px 10px 7px;
}

/** Formularfelder ******************************************************************/
/**
 * Formularelemente: Eingabefelder
 */
.formTextFieldLeft {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	width: 100%;
}

.formTextFieldLeftActive {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #006699;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	width: 100%;
}
.formTextFieldLeftError {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #F00C0C;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	width: 100%;
}

.formTextFieldCenter {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	text-align: center;
	width: 100%;
}

.formTextFieldCenterActive {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #006699;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	text-align: center;
	width: 100%;
}
.formTextFieldCenterError {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #F00C0C;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	text-align: center;
	width: 100%;
}


.formTextFieldRight {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	height: 15px;
	width: 100%;
}

.formTextFieldRightActive {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #006699;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	height: 15px;
	width: 100%;
}
.formTextFieldRightError {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #F00C0C;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	height: 15px;
	width: 100%;
}

/**
 * Formularelemente: DropDown Felder
 */
.formComboBoxLeft {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
	height: 15px;
	line-height: 15px;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 100%;
}

.formComboBoxRight {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	line-height: 15px;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 100%;
}
.formComboBoxLeftError {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #F00C0C;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
	height: 15px;
	line-height: 15px;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 100%;
}

.formComboBoxRightError {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #F00C0C;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Verdana;
	height: 15px;
	line-height: 15px;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 100%;
}


/**
 * Formularelemente: TextArea
 */
.formTextAreaLeft {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: left;
	width: 100%;
}
.formTextAreaRight {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	width: 100%;
}
.formTextAreaCenter {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #D35800;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: center;
	width: 100%;
}
.formTextAreaLeftActive {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #006699;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: left;
	width: 100%;
}
.formTextAreaLeftError {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #F00C0C;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: left;
	width: 100%;
}
.formTextAreaRightActive {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #006699;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	width: 100%;
}
.formTextAreaRightError {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #F00C0C;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	width: 100%;
}

/**
 * Formularelemente: Inputfields als Label
 */
.formOutputFieldRightActive,
.formOutputFieldRight {
	background: #DADADA;
	color: #333333;
	border: 1px solid #DADADA;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: right;
	height: 15px;
	width: 100%;
}

.formOutputFieldLeftActive,
.formOutputFieldLeft {
	background: #DADADA;
	color: #333333;
	border: 1px solid #DADADA;
	padding: 0 8px;
	font-size: 11px;
	font-family: Arial, Verdana;
	text-align: left;
	height: 15px;
	width: 100%;
}

/**
 * Formularelemente: Text
 */
.formText {
	font-size: 11px;
	font-family: Arial;
	text-align: justify;
	line-height: 14px;
	padding: 0 7px;
}
.formTextRight {
	font-size: 11px;
	font-family: Arial;
	text-align: right;
	line-height: 14px;
	padding: 0 7px 3px 7px;
}
.formTextLeft {
	font-size: 11px;
	font-family: Arial;
	text-align: left;
	line-height: 14px;
	padding: 0 7px 3px 7px;
}
.formTextCenter {
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	line-height: 14px;
	padding: 0 7px 3px 7px;
}
.formMandatoryMessage {
	font-size: 11px;
	font-family: Arial;
	text-align: left;
	line-height: 14px;
	padding-left: 8px;
	padding-bottom: 8px;
}

/**
 * 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: #666666;
 font-size: 11px;
 line-height: 14px;
 font-family: Arial;
}

/**
 * Formularelemente: Checkboxen mit Bezeichnung
 */
.formCheckBox {
    font-size: 11px;
}

.formCheckBoxItem {
    font-size: 11px;
}

.formCheckBoxField {
	margin: 0;
	padding:0;
	height:13px;
    font-size: 11px;
}

.formCheckBoxFieldItem {
	margin: 0;
	padding: 0;
	min-height: 13px;
	-height: 13px;
	margin-top: 4px;
    font-size: 11px;
}

.formCheckBoxFieldOptions {
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
	height: 13px;
	overflow: hidden;
	line-height: 13px;
    font-size: 11px;
	margin-bottom:9px;
}
.formCheckBoxFieldLeft, .formCheckBoxFieldRight, .formCheckBoxFieldCenter {
/*	position: relative;
	top: 1px;*/
}
.formCheckBoxFieldLeftOptions, .formCheckBoxFieldRightOptions, .formCheckBoxFieldCenterOptions {
	margin: 0;
	min-height: 11px;
	font-size: 11px;
	margin-bottom: 7px;
}
.formCheckBoxFieldLeftOptions {
	text-align: left;
	padding-right: 16px;
}
.formCheckBoxFieldRightOptions {
	text-align: right;
	padding-left: 16px;
}
.formCheckBoxFieldCenterOptions {
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}
/**
 * Formularelemente: RadioButton mit Bezeichnung
 */
.formRadioButton {
    font-size: 11px;
}

.tableRadioButton {
	padding:0;
    font-size: 11px;
}

.txRadioButton {
    font-size: 11px;
}

.formRadioButtonItem {
	margin: 0;
	padding: 0;
	height: 13px;
	margin-top: 4px;
    font-size: 11px;
}
.formRadioButtonLeft, .formRadioButtonRight, .formRadioButtonCenter {
	position: relative;
	top: 1px;
}
.formRadioButtonLeftOptions, .formRadioButtonRightOptions, .formRadioButtonCenterOptions {
	margin: 0;
	padding-bottom: 1px !important;
	min-height: 11px;
	-height: 11px;
	overflow: hidden;
   font-size: 11px;
	margin-bottom: 6px;
	-margin-bottom: 9px;
	-overflow: visible;
}
.formRadioButtonLeftOptions {
	text-align: left;
	padding-right: 16px;
}
.formRadioButtonRightOptions {
	text-align: right;
	padding-left: 16px;
}
.formRadioButtonCenterOptions {
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}

/* Dateiupload */
.formTable th {
	background-color: #cccccc;
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	font-weight: bold;
	padding : 6px 6px 10px 6px;
	text-align: left;
}
.formTable td {
	background-color: #eaeaea;
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	padding : 6px 8px;
}

/* Nur lesen */
input[readonly], textarea[readonly], select[readonly] {
	background-color: #DADADA;
	border: 1px solid #dadada;
}
/* Pflichtfeld-, Fehlerkennzeichnung */
.form_mandatory {
	font-weight: normal;
	font-size: +1;
	position: relative;
	top: -1px;
}
.form_error {
	margin: 0 7px;
	color: #F00C0C !important;
	padding-left: 17px;
	text-indent: -17px;
}
.form_field .form_error {
	margin: 0 7px 0 2px;
}
.form_error img {
	vertical-align: -1px;
}
.form_error label {
	color: #F00C0C;
}
/**
 * Tooltip
 */
.tooltip_wrap {
	position: relative;
/*	left: 7px;*/
	left: 23px;
/*	top: 1px; nur fuer ie! */
	display:block;
	cursor: help;
	float: right;
	margin-bottom: -1px;
}
.tooltip {
	position: absolute;	
}
.tooltip a {
}
.tooltip a:hover {
/*	width:200px;*/
	cursor: help;
	-text-decoration: none;
	overflow: visible;
}
.tooltip a span {
	display: none;
}
.tooltip a:hover span {
    font-size: 90%;
	color: #4c4c4c;
	background-color:#FDF0CF;
	display:block;
	width: 136px;
	position: absolute;
	right: 0px;
	bottom: 24px;
	z-index: 1000;
}
.tooltip span strong {
	background-color: #F4B308;
	padding: 1px 6px 1px 6px;
	display: block;
}
.tooltip span small {
	font-size: 100%;
	padding: 3px 6px;
	display: block;
}
div.Tooltip {
	padding-right: 22px;
}
/*div.Tooltip input[type=text], div.Tooltip input[type=password] {
	width: 100%;
}
div.Tooltip select {
	width: 100%;
}
div.Tooltip textarea {
	width: 100%;
}*/

/* zusaetzliche Styles fuer Formmanager-Templates */
.bgForm, .bgList {
	background-color: #EAEAEA;
	border-bottom: 1px solid #ffffff;
	padding: 3px 7px 10px 7px;
}
.bgForm {
	width: 354px;
}
.txForm {
	padding-bottom: 0px;
	color: #006699;
	font-weight: normal;
	font-size: 90%;
}
.formManagerField4 {
	border: 1px solid #D35800;
	width: 338px;
}
input.formManagerField4 {
	height: 18px;
}
img.captcha {
	padding-top: 60px;
	margin-bottom: -4px;
}
img.captchaError {
	padding-top: 56px;
	margin-bottom: -4px;
}