/**
 * FormsForWeb
 * (C) 2000-2004 Lucom GmbH, Erkrath
 *
 * @author	Henning Meinhardt (henning.meinhardt@lucom.com)
 * @version	2.2
 * @since	2.0
 *
 * $Id: app.css,v 1.14.2.3.2.3 2005/06/17 10:59:02 henning Exp $
 */

/* ---------------------------------------------------------------------- common
*/

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

body.formBody {
	background-color: white;
}

// to avoid padding above forms in Internet Explorer
form {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 1em 0px 0px 0px;
	padding: 0px;
}

h1 {
	margin: 1em 0px 0.5em 0px;
	padding: 0px;
}

h2 {
	margin: 0.5em 0px 0.25em 0px;
	padding: 0px;
}

strong {
	font-weight: bold;
}

input {
	background-color: white;
	color: black;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	border: 1px ridge #888888;
}

input:button {
	background-color: white;
	color: black;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	border: 1px ridge #888888;
	cursor: hand;
}

/* highlight current control: does not work with IE */
input:focus, textarea:focus {
	background-color: yellow;
}

.caption {
	color: white;
	background-color: #F87902;
	font-size: 10pt;
	font-weight: bold;
	text-align:left;
	margin: 0px;
	padding: 1px 3px 1px 3px;
}

.panel {
	background-color: #F8FCF4;
	margin: 0px;
	padding: 0px;
	border: 1px solid #F87902;
}

.error {
	color: red;
	font-weight: bold;
}

.invisible {
	display:none;
}

/* -------------------------------------------------------------- autoGatherForm
*/

.autoGatherForm {
}

.autoGatherForm .line {
	display: block;
	clear: both;
	padding: 0.5em 0 0.5em 0;
}

.autoGatherForm .label {
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}

.autoGatherForm input.password {
	color: red;
}

/* ----------------------------------------------------------------- headerPanel
*/

.headerPanel {
	background-color: #104294;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

.headerPanel td {
	white-space: nowrap;
}

.headerPanel td.whiteStripe {
	background-color: white;
	font-size: 7pt;
}

.headerPanel td.headerSlogan {
	color: white;
	font-size: 7pt;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	border-bottom: 1px solid #007700;
}

/* ----------------------------------------------------------------- footerPanel
*/

.footerPanel {
	background-color: #104294;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 1px 3px 1px 3px;
	cursor: default;
	border-top: 1px solid #007700;
}

.footerPanel td {
	color: white;
	font-size: 8pt;
	vertical-align: middle;
}

/* ---------------------------------------------------------------- contentPanel
*/

.contentPanel {
	color: black;
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 10px 10px 10px 30px;
}
.contentPanel td {
	font-size: 10pt;
}

.contentPanel hr {
	border-color: #104294;
	border-style:solid;
	height:1px;
}

.contentPanel h1 {
	font-weight: bold;
	font-size: 16pt;
}

.contentPanel h2 {
	font-weight: bold;
	font-size: 12pt;
}

.contentPanel a {
	color: #F87902;
	font-weight: bold;
	text-decoration: none
}
.contentPanel a:hover,
.contentPanel a:focus {
	text-decoration: underline
}

/* ------------------------------------------------------------------- leftPanel
*/

.leftPanel {
	color: black;
	background-color: #EEF6E8;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #CCCCCC;
}

.leftPanel a {
	color: #104294;
	font-weight: bold;
	text-decoration: none
}
.leftPanel a:hover,
.leftPanel a:focus {
	text-decoration: underline
}

/* ------------------------------------------------------------------- menuPanel
*/

.menuPanel {
	background-color: #EEF6E8;
	color: black;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.menuPanel ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.menuPanel li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.menuPanel a,
.menuPanel a:hover,
.menuPanel a:focus,
.menuPanel a:active {
	text-decoration: none;
	display: block;
}

.menuPanel .item a {
	background-color: #EEF6E8;
	color: black;
	padding: 4px 5px 4px 5px;
}

/**
 Note: ths definition has to be listed AFTER the ".item a" definition. Otherwise NS7
 will not change the background color on the hover effect. So the order of style
 definitions seems to be quite important ;-) */

.menuPanel .item a:hover,
.menuPanel .item a:focus,
.menuPanel .item a:active {
	background-color: #F8FCF4;
	color: #104294;
}

.menuPanel .itemSelected a {
	background-color: #104294;
	color: white;
	padding: 4px 5px 4px 5px;
}

.menuPanel .subItem a {
	background-color: #F8FCF4;
	color: black;
	font-size: 9pt;
	font-weight: normal;
	padding: 2px 5px 2px 20px;
}

/**
 Note: ths definition has to be listed AFTER the ".subItem a" definition. Otherwise NS7
 will not change the background color on the hover effect. So the order of style
 definitions seems to be quite important ;-) */

.menuPanel .subItem a:hover,
.menuPanel .subItem a:focus,
.menuPanel .subItem a:active {
	color: white;
	background-color: #FFCEAD;
}

.menuPanel .subItemSelected {
	background-color: #FFCEAD;
	color: white;
	font-size: 9pt;
	font-weight: normal;
	padding: 2px 5px 2px 20px;
}

/* ----------------------------------------------------------------- childWindow
*/

.childWindow {
	color: black;
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

.childWindow td {
	font-size: 10pt;
}

.childWindow a {
	color: #104294;
	font-weight: bold;
	text-decoration: none
}
.childWindow a:hover,
.childWindow a:focus {
	text-decoration: underline
}

/* ---------------------------------------------------------------- lookupWindow
*/

.lookupWindow {
	color: black;
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}
.lookupWindow td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	cursor: hand;
}

.lookupWindow .row {
	vertical-align: top;
	cursor: hand;
}

.lookupWindow .row a {
	color: black;
	font-size: 10pt;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	width: 100%;
}

.lookupWindow .rowOver {
	background-color: #FFCEAD;
	vertical-align: top;
	cursor: hand;
}

.lookupWindow .rowOver a {
	color: black;
	font-size: 10pt;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	width: 100%;
}

/* when JavaScript disabled: does not work with IE */
.lookupWindow tr.row:hover {
	color: white;
	background-color: #FFCEAD;
}

/* ----------------------------------------------------------------- pageBrowser
*/

.pageBrowser {
	cursor: default;
	white-space: nowrap;
}

.pageBrowser a {
	color: black;
	background-color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	padding: 0px 3px 0px 3px;
	cursor: hand;
}

.pageBrowser a.current {
	color: white;
	background-color: #FFCEAD;
}

.pageBrowser a:hover,
.pageBrowser a:focus {
	color: white;
	background-color: black;
	text-decoration: none;
}

.pageBrowser input {
	color: black;
	background-color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	padding: 0px 3px 0px 3px;
	cursor: hand;
}

.pageBrowser input.current {
	color: white;
	background-color: #FFCEAD;
}

// does not work for Internet Explorer
.pageBrowser input:hover,
.pageBrowser input:focus {
	color: white;
	background-color: black;
	text-decoration: none;
}

/* ----------------------------------------------------------------- formCatalog
*/

.formCatalog td {
	padding: 2px 3px 2px 3px;
	vertical-align: top;
}

.formCatalog a {
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}

.formCatalog img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.formCatalog a:active,
.catalog a:visited {
	color: black;
	text-decoration: none;
}

.formCatalog a:hover,
.formCatalog a:focus {
	color: #104294;
	text-decoration: none;
}

.formCatalog .highlight {
	background-color: yellow;
}

.formCatalog .info {
	font-size: 7pt;
}

.formCatalog .info a {
	font-size: 7pt;
}

.formCatalog .formHandling {
	font-size: 7pt;
	background-color: #F5F1B6;
}

.formCatalog .formHandling .highlight {
	font-size: 7pt;
	font-weight: bold;
	color: blue;;
	background-color: #F5F1B6;
}

.formCatalog .formHandling  a {
	font-size: 7pt;
	background-color: #F5F1B6;
}


/* ----------------------------------------------------------------- formToolbar
*/

.formToolbar {
	background-color: #104294;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

.formToolbar .whiteStripe {
	background-color: white;
}

.formToolbar .whiteStripe td {
	font-size: 8pt;
	white-space: nowrap;
}

.formToolbar .headerSlogan {
	color: #104294;
	font-size: 7pt;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	border-bottom: 1px solid #007700;
}

.formToolbar .separator {
	background-color: white;
}

.formToolbar .button {
	background-color: white;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: hand;
}

.formToolbar .textItem {
	background-color: white;
	border: none;
	margin: 0px;
	padding: 0px;
}

.formToolbar .text {
	padding: 0px 5px 0px 5px;
}

.formToolbar .deletedInstance {
	color: red;
}

.formToolbar .newInstance {
	color: green;
}

.formToolbar .modifiedInstance {
	color: blue;
}

/* ------------------------------------------------------------------- formPanel
*/

.formPanel {
	background-color: white;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

.formPanel .alert {
	background-color: #DD5555;
	color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #EEA0A0;
	border-bottom: 1px solid #550000;
	width: 100%;
	cursor: default;
}

.formPanel .alert a {
	color: white;
}

.formPanel .info {
	background-color: #5555DD;
	color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
	width: 100%;
	cursor: default;
}

.formPanel .info a {
	color: white;
}

.formPanel .confirm {
	background-color: #FFFDCD;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	border-top: 1px solid white;
	border-bottom: 1px solid #550000;
	width: 100%;
	cursor: default;
	text-align:center;
}

.formPanel .confirm a {
	color: white;
}

/* ------------------------------------------------------------------------ form
*/

.form {
	/*border: 2px outset #777777;*/
}

.form .button {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: hand;
}

.form .addSegmentInstance {
	height:20px;
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------- selectbox
*/

.selectbox {
	background-color: #EEF6E8;
	border: 1px solid #104294;
	position: absolute;
	visibility: hidden;
	z-index: 3;
}

.selectbox .scrollButton {
	background-color: transparent;
	position: absolute;
	right: 0px;
	width: 16px;
	height: 16px;
	cursor: hand;
}

.selectbox .canvas {
	position: absolute;
	height:100%;
}

.selectbox .content {
	position: absolute;
	line-height: 15px;
	width: 100%;
	height: 100%;
}

.selectbox td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	padding: 1px 2px 1px 2px;
	vertical-align: top;
	cursor: hand;
}

.selectBox a {
	color: black;
	text-decoration: none;
	width: 100%;
}

.selectbox .row {
}

.selectbox .currentRow {
	background-color:yellow;
}
.selectbox .currentRow a {
	font-weight: bold;
}

.selectbox .rowOver {
	background-color: #FFCEAD;
}

/* when JavaScript disabled: does not work with IE */
.selectbox tr.row:hover {
	background-color: #FFCEAD;
}

/* --------------------------------------------------------------------- tooltip
*/

.tooltip {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	position:absolute;
	visibility:hidden;
	margin: 0px;
	padding: 0px;
	border: 1px outset #777777;
	z-index: 2;
}

.tooltip .body {
	background-color: #F8FCF4;
	color: black;
	padding: 2px 3px 2px 3px;
}

.tooltip .bodyError {
	background-color: #EED0D0;
	color: 550000;
	padding: 2px 3px 2px 3px;
}

.tooltip .header {
	background-color: #F87902;
	color: white;
	font-weight: bold;
	padding: 1px 3px 2px 3px;
}

.tooltip .headerError {
	background-color: #EE1111;
	color: white;
	font-weight: bold;
	padding: 1px 3px 2px 3px;
}

/* ------------------------------------------------------------------- listPanel
*/

.listPanel {
	color: black;
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 30px 10px 10px 30px;
	cursor: default;
}

.listPanel td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	cursor: hand;
}

.listPanel a {
	color: black;
	text-decoration: none;
	width: 100%;
}

.listPanel .instance {
}

.listPanel .currentInstance {
	background-color:yellow;
}
.listPanel .currentInstance a {
	font-weight: bold;
}

.listPanel .newInstance a {
	color: green;
}

.listPanel .modifiedInstance a {
	color: blue;
}

.listPanel .instanceOver {
	background-color: #FFCEAD;
}

/* when JavaScript disabled: does not work with IE */
.listPanel tr.instance:hover {
	background-color: #FFCEAD;
}

.listPanel input.checkbox {
	background-color: transparent;
	border: none;
	cursor: default;
}

.listPanel .button {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: hand;
}

.listPanel .filter {
	background-color: #FFCEAD;
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	vertical-align:top;
}

/* ------------------------------------------------------------ browseDataWizard
*/

.browseDataWizard {
}

.browseDataWizard td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	cursor: hand;
}

.browseDataWizard a {
	color: black;
	text-decoration: none;
	width: 100%;
}

.browseDataWizard .row {
}

.browseDataWizard .currentRow {
	background-color:yellow;
}
.browseDataWizard .currentRow a {
	font-weight: bold;
}

.browseDataWizard .rowOver {
	background-color: #FFCEAD;
}

/* when JavaScript disabled: does not work with IE */
.browseDataWizard tr.row:hover {
	background-color: #FFCEAD;
}

.browseDataWizard input.checkbox {
	background-color: transparent;
	border: none;
	cursor: default;
}

.browseDataWizard .button {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: hand;
}

.browseDataWizard .filter {
	background-color: #FFCEAD;
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	vertical-align:top;
}


/* ---------------------------------------------------------------- fileAttachment
*/

.fileAttachment {
	color: black;
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 30px 10px 10px 30px;
	cursor: default;
}

.fileAttachment td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

.fileAttachment .row {
}


/* ---------------------------------------------------------------- statusChange
*/

.statusChange table {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 5px 10px 10px 5px;
	cursor: default;
}

.statusChange td {
	font-size: 10pt;
	padding: 5px;
	vertical-align: top;
}

.statusChange .info {
	background-color: #F8FCF4;
	border-left: 3px solid #54A321;
}

/* ---------------------------------------------------------------- sendMail
*/

.sendMail {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 10px 10px 10px 30px;
	cursor: default;
}

.sendMail td {
	font-size: 10pt;
	padding: 1px 3px 1px 3px;
	vertical-align: top;
}


sendMail.info {
	color: green;
	font-weight: bold;
}


/* ---------------------------------------------------------------- showMails
*/

.showMails {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	cursor: default;
}

.showMails td {
	font-size: 8pt;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

.showMails.header {
	color: white;
	background-color: #888888;
	font-size: 8pt;
	font-weight: bold;
	text-align:left;
	margin: 0px;
	padding: 1px 3px 1px 3px;
}