/*
 * @(#)styles.css  1.12  bw-13apr07
 *
 * Copyright (c) 2005, Timo Dettmann, eB2B GmbH & Co. KG, Hamburg, Germany.
 * All rights reserved.
 *
 * Subject:  CSS for eB2B Style-Guide for Applications.
 *
 * Created:  16jun05 by timo.dettmann@eb2b.de
 * Version:  17jun05 by timo.dettmann@eb2b.de
 * Version:  27jun05 by timo.dettmann@eb2b.de
 * Version:  01jul05 by timo.dettmann@eb2b.de
 * Version:  04jul05 by timo.dettmann@eb2b.de
 * Version:  05jul05 by timo.dettmann@eb2b.de
 * Version:  29aug05 by timo.dettmann@eb2b.de
 * Version:  07sep05 by timo.dettmann@eb2b.de
 * Version:  14sep05 by timo.dettmann@eb2b.de
 * Version:  16sep05 by timo.dettmann@eb2b.de
 * Version:  19sep05 by timo.dettmann@eb2b.de
 * Version:  13apr07 by boris.wisotzki@eb2b.de
 */

/* -------------------------------------------------------------------------
 * Body: everything in the background.
 */

BODY {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	font-style		: normal;
	font-weight		: normal;
	margin			: 0px;
	background-color	: #E1CD88;	/* White */
}

TD {
	vertical-align		: top;
	font-size		: 12px;
	font-style		: normal;
}

FORM {
	margin			: 0px;
}

INPUT {
	font-size		: 13px;
}

A:link {
	color			: #A68619;
	text-decoration		: none;
}

A:visited {
	color			: #A68619;
	text-decoration		: none;
}

A:active {
	color			: #A68619;
	text-decoration		: none;
}

A:hover {
	color			: #A68619;
	text-decoration		: underline;	
}

/* -------------------------------------------------------------------------
 * Tables: to get the correct layout.
 */

.tableMain,
.tableLogo,
.tableHeading,
.tableNavigation,
.tableContentAndMenu,
.tableContentAndMenuFixed,
.tableContentAndMenuAuto,
.tableOrangeBanner {
	border			: none;
	margin			: 0px;
	width			: 100%;
	table-layout		: fixed;
}

.tableMain {
	height			: 100%;
}

.tableLogo {
	font-size		: 26px;
	background-color	: #E1CD88;
	height			: 90px;
}

.tableHeading {
	background-color	: #F7EBC3;
	height			: 40px;
}

.tableNavigation {
	font-weight		: bold;
	font-size		: 14px;
	background-color	: #D4C180;
	color			: #3C3C3C;
	height			: 20px;
}

.tableContentAndMenu {
	font-size		: 12px;
	background-color	: #E1CD88;
	height			: 100%;
}

.tableContentAndMenuFixed {
	font-size		: 14px;
	font-weight		: bold;
	background-color	: #E1CD88;
	height			: 240px;
}

/** Main table holding the panel at the left side and the menu at the right. */
.tableContentAndMenuAuto {
	font-size		: 14px;
	font-weight		: bold;
	background-color	: #E1CD88;
}

.tableOrangeBanner {
	border-top		: 1px solid White;
	border-bottom		: 1px solid White;
	font-size		: 14px;
	font-weight		: bold;
	background-color	: #E1BD5F;
	height			: 160px;
}

/* -------------------------------------------------------------------------
 * Table Elements: to get the correct layout.
 */

.tdLogo,
.tdHeading,
.tdNavigation,
.tdOrangeBanner {
	padding-left		: 48px;
	vertical-align		: middle;
}

.tdHeading {
	font-size		: 20px;
}

.tdContent {
	padding-left		: 48px;
	padding-right		: 16px;
	padding-top		: 32px;
	padding-bottom		: 32px;
	/*border-right		: 1px solid #F7EBC3;*/
}

.tdMenu {
	width			: 224px;
	padding-top		: 32px;
	padding-left		: 32px;
}

.tdLogin {
	font-size		: 14px;
	font-weight		: bold;
	padding-right		: 16px;
	padding-top		: 6px;
	padding-bottom		: 6px;
	vertical-align		: middle;
}

.tdOrangeBanner {
	vertical-align		: middle;
}

.tdLabel {
	vertical-align		: middle;
	font-weight		: bold;
	padding-right		: 8px;
}

.tdText {
	vertical-align		: top;
	padding-top		: 16px;
	padding-left		: 32px;
	padding-bottom		: 32px;
	padding-right		: 16px;
}

.tdLabelYellow {
	vertical-align		: middle;
	font-weight		: medium;
	padding-right		: 8px;
	color			: #A68619;
}

/* -------------------------------------------------------------------------
 * Panels: for the content.
 */

.divPanel {
	font-size		: 12px;
	font-style		: normal;
	font-weight		: normal;
	padding			: 8px;
	background-color	: #F7EBC3;
	border			: 1px solid white;
	scrollbar-base-color	: #E1BD5F;
	width			: 100%;
}

/* -------------------------------------------------------------------------
 * Paragraphs: well... sometimes just SPAN's.
 */

.pFrontMessage {
	font-size		: 14px;
	font-weight		: bold;
	line-height		: 22px;
	padding-right		: 96px;
}

.pStandard {
	font-size		: 12px;
	margin-top		: 0px;
	margin-bottom		: 0px;
}

.pHeading {
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 18px;
	font-weight		: medium;
	color			: #A68619;
}

.pSubHeading {
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: bold;
	color			: #A68619;
}

.pLabel {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #A68619;
	font-weight		: bold;
}

.pSmallYellow, .pSmallYellowIndent {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #A68619;
}

.pSmallYellowIndent {
	margin-top		: 0px;
	margin-bottom		: 0px;
	margin-left		: 8px;
	text-indent		: -8px;
}

.pListIndent {
	margin-top		: 0px;
	margin-bottom		: 2px;
	margin-left		: 16px;
	text-indent		: -16px;
}

/* -------------------------------------------------------------------------
 * Buttons: well...
 */

.command,
.commandOver,
.commandRightMenu,
.commandRightMenuOver,
.commandRightMenuSelected {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: bold;
	border-width		: 1px;
	background-color	: #E9D696;	/* #F7EBC3 */
	width			: 160px;
	height			: 22px;
	color			: black;
	text-align		: left;
	padding-left		: 4px;
}

.commandOver {
	background-color	: #F7EBC3;
}

.commandRightMenu {
	margin-bottom		: 8px;
}

.commandRightMenuOver {
	margin-bottom		: 8px;
	background-color	: #F7EBC3;
}

.commandRightMenuSelected {
	margin-bottom		: 8px;
	/*background-color	: #F7EBC3;*/
	color			: #A68619;
}

.menuButton,
.menuButtonOver,
.menuButtonDummy,
.menuButtonPopup,
.menuButtonPopupOver {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 14px;
	font-weight		: bold;
	background-color	: #E1BD5F;	/* #E9D696; #F7EBC3 */
	width			: 260px;
	height			: 40px;
	margin-top		: 4px;
	margin-right		: 12px;
	margin-bottom		: 4px;
}

.menuButton,
.menuButtonPopup {
	border-width		: 1px;
}

.menuButtonOver {
	background-color	: #E9D696;
	border-width		: 1px;
}

.menuButtonPopup {
	margin-bottom		: 0px;
}

.menuButtonPopupOver {
	background-color	: #E9D696;
	margin-bottom		: 0px;
}

.menuButtonDummy {
	border-width		: 1px;
	border-style		: solid;
	border-color		: White;
}

/* -------------------------------------------------------------------------
 * Textfields: well...
 */

.entry,
.entryLong {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	height			: 22px;
	color			: Black;
	text-align		: left;
}

.entry {
	width			: 160px;
}

.entryLong {
	width			: 320px;
}

/* -------------------------------------------------------------------------
 */

/* Warnungen. */
.warn {
	font-size		: 12px;
	font-style		: normal;
	color			: D00000;
}

/* Single warning line. */
.warnLine {
	margin-left		: 24px;
	text-indent		: -24px;
}

/* Erfolg. */
.success {
	font-size		: 12px;
	font-style		: normal;
	color			: 008000;
}

/* -------------------------------------------------------------------------
 * Menu system: well...
 */

/* Aufklappbarer Menu. */
.menuLineFlat {
	position		: absolute;
	font-family		: Arial, helvetica, sans serif;
	font-size		: 13px;
	font-weight		: bold;
	border-top		: 1px solid White;
	border-left		: 1px solid White;
	border-right		: 1px solid #404040;
	border-bottom		: 1px solid #404040;
	vertical-align		: top;
	background-color	: #f7ebc3;
	width			: 260px;
	padding			: 0px;
	color			: black;
	display			: inline;
	float			: left;
	margin-right		: 6px;
	margin-top		: 0px;
}

/* Aktiver Teil im aufklappbaren Menu. */
a.menuLineFlatText {
	color			: black;
	text-decoration		: none;
}

/* Aktiver Teil im aufklappbaren Menu. */
a.menuLineFlatText:hover {
	color			: black;
	text-decoration		: underline;
}

/* Tabelle im aufklappbaren Menu. */
.menuLineFlatTbl {
	table-layout		: fixed;
	width			: 218px;
}

/* Tabellenelement fuer das kleine Dreieck. */
.tblImgSmall {
	padding			: 8px;
	width			: 58px;
	text-align		: center;
	vertical-align		: middle;
}

/* Span fuer das kleine Dreieck. */
.imgSpanSmall {
	padding-top		: 0px;
}

/* Tabellenelement fuer das Menue Item. */
.tblTxtSmall {
	padding			: 6px;
}

/* Span fuer das Menue Item. */
.txtSpanSmall {
	padding-left		: 4px;
}

/*
 * end of file
 */