/*
 * -----------------------------------------------------------------------------
 * FormsForWeb
 * (C) 2007 Lucom GmbH, Erkrath. All rights reserved.
 *
 * $Id: app.css 3409 2008-01-15 09:26:36Z henning $
 * -----------------------------------------------------------------------------
 */

/* ---------------------------------------------------------------------- common
*/
html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

body.formBody {
	background-color: #999999;
}

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

/* to avoid padding above in Internet Explorer */
page {
	margin: 0px;
	padding: 0px;
}

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

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

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

strong {
	font-weight: bold;
}

input {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #808080;
    font-family: BundesSans Web, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    margin: 0;
}


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: #305275;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 1px 3px 1px 3px;
}

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

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

.invisible {
	position: absolute;
	height: 1900px;
	width: 1900px;
	overflow: hidden;
	left: -2000px;
	top: -2000px;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------- 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 .info {
}

.autoGatherForm .warning {
	color: red;
}

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

.autoGatherForm input.password {
	color: red;
}

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

.headerPanel {
    font-family: BundesSans Web, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    cursor: default;
    position: relative;
    width: 100%;
    color: #000000;
    background-color: #FFFFFF;
}

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

.headerPanel .logo {
    position: relative;
    display: table;
    height: 70px;
    width: 165px;
    margin-left: 15px;
    margin-right: 10px;
    float: left;
    padding: 10px 0 10px 0;
}

.headerPanel .companyLogo {
    position: static;
    display: table-cell;
    vertical-align: middle;
}

.headerPanel .companyLogo img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: auto;
	top: 0;
	bottom: 0;
}

.headerPanel a, .headerPanel a:hover, .headerPanel a:visited {
    font-family: BundesSans Web, Arial, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
}

.headerSeparator {
    clear: both;
    height: 8px;
    background-color: #305272;
}

.headerPanel .customization {
    float: right;
    height: 70px;
    display: table;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 45px;
}

.headerPanel .customization .customizationContent {
    display: table-cell;
    vertical-align: middle;
}

.headerPanel .globalSearch {
    float: left;
    width: 270px;
    margin-right: 30px;
    display: table;
}

.headerPanel .globalSearch form {
    display: table-cell;
    vertical-align: middle;
}

.headerPanel .globalSearch .globalSearchWrapper {
    border: 1px solid #CCCCCC;
    background-color: white;
    height: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.headerPanel .customization img {
    vertical-align: middle;
    margin: -3px 2px 0 2px;
}

.headerPanel .globalSearch .button {
    background-color: transparent;
    background-image: none;
    border: medium none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    padding-right: 5px;
 /*   height: 32px;*/
}

.headerPanel .globalSearch .settings {
    padding-right: 5px;
    line-height: 32px;
}

.headerPanel .globalSearch input[type="text"] {
    background-color: transparent;
    height: 30px;
    width: 176px;
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 9pt;
}

.headerPanel .globalSearch .button.reset {
    margin-left: auto;
    z-index: 3;
}

.headerPanel .customization .customizationWrapper {
    display: table;
    float: right;
    top: 3px;
    position: relative;
}
* ----------------------------------------------------------- Session countdown
*/

.sessionCountdown {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
}

.sessionCountdown {
	font-size: 10pt;
}

.sessionCountdown > * {
	flex-grow: 0;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
}

.sessionCountdown time {
	padding-right: 3px;
}

.sessionCountdown button {
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.sessionCountdown button::-moz-focus-inner {
	border: none;
}

.sessionCountdown .rotate {
	-webkit-animation: rotate .8s ease-in-out 0s 1 normal;
	-moz-animation: rotate .8s ease-in-out 0s 1 normal;
	animation: rotate .8s ease-in-out 0s 1 normal;
}
@-moz-keyframes rotate { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.headerPanel .sessionCountdown {
	height: 26px;
	line-height: 26px;
	float: left;
	position: relative;
}

.headerPanel .sessionCountdown img {
	padding: 0;
	margin: 0;
}

.headerPanel .sessionCountdown time {
	padding-top: 1px;
}

.headerPanel .sessionCountdown button {
	padding-top: 1px;
}

.headerPanel .sessionCountdown button:active,
.headerPanel .sessionCountdown button:focus {
	outline: none;
	border: none;
}
/* ----------------------------------------------------------------- headerTooltip
*/
.headerPanel .headerTooltip {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: white;
    border: 1px solid #CCCCCC;
    padding: 5px;
    -webkit-box-shadow: rgb(150 150 150) 0 2px 10px 1px;
    -moz-box-shadow: rgb(150, 150, 150) 0 2px 10px 1px;
    box-shadow: rgb(150 150 150) 0 2px 10px 1px;
    z-index: 1;
}

.headerPanel .globalSearchWrapper .headerTooltip {
    z-index: 3;
}

.headerPanel .headerTooltip.visible {
    transition: opacity 100ms;
    opacity: 1;
    visibility: visible;
}
.headerTooltip:after, .headerTooltip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.headerTooltip:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #CCCCCC;
    border-width: 8px;
    margin-left: -8px;
}
.headerTooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: white;
    border-width: 7px;
    margin-left: -7px;
}

.headerPanel .headerTooltip a {
    outline: none;
}

.headerTooltip .item.selected {
    background-color: #305272 !important;
    color: white;
    background-image: url(../images/Check.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-decoration: underline;
}

.globalSearchWrapper .headerTooltip .item {
    padding-left: 35px;
}

.headerTooltip .item {
    display: block;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    white-space: nowrap;
}

.headerTooltip .item:hover, .itemHighlighted {
    color: white;
    background-color: #305272;
    text-decoration: underline;
}


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

.footerPanel {
	background-color: #305275;
	font-family: Verdana, 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 #E0E0E0;
}

.footerPanel .productLink {
	color: white;
	text-decoration:none;
}

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

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

.contentPanel {
    color: #000000;
    background-color: #FFFFFF;
    font-family: BundesSans Web, sans-serif;
	/*overflow: auto;*/
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 20px 275px;
    padding: 124px 15px 5px 15px;
	border-top: 23px solid transparent;
	max-width: 80vw;	
}

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

.contentPanel hr {
    background-color: #305272;
    height: 1px;
    border: none;
}

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

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

.contentPanel h3 {
	font-weight: bold;
	font-size: 11pt;
}

.contentPanel a {
    color: #0082aa;
    text-decoration: none;
    font-size: 11pt;
}

.contentPanel a:hover,
	.contentPanel a:focus {
	text-decoration: underline
}

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

.container {
	margin-top: 104px;
}

.leftPanel {
    position: fixed;
    font-family: BundesSans Web, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    float: left;
    height: calc(100% - 104px);
    margin-right: 25px;
    width: 250px;
    color: #000000;
    background-color: #305272;
}
.leftBlock {
    position: relative;
    float: left;
    height: calc(100% - 104px);
    margin-right: 25px;
	padding-top: 104px;
    width: 250px;
    background-color: transparent;
}

.rightBlock {
	width:300px;
    border-top: 1px solid #ffffff;
    border-right: 2px solid #305275;
	margin-left: 2px;
    visibility: visible;
	float: right;
}


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

.menuPanel {
    background-color: #f0f0f0;
    //background-color: #305272;
    color: #000000;
    font-family: BundesSans Web, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.menuPanel ul {
	margin: 0;
	padding: 0;
}
.menuPanel li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.menuLabelIcon {
    height: 38px;
    line-height: 38px;
    float: left;
    position: relative;
}

.menuPanel .menuImg {
    width: 32px;
    height: 32px;
    padding-right: 4px;
    vertical-align: middle;
    margin-top: 4px;
}

.menuPanel .label {
    color: grey;
    font-size: 11pt;
    font-weight: normal;
    padding: 15px 0 4px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menuItem {
	padding-left: 25px;
}

.menuItemCollapsed {
	padding-left: 12px;
}

.menuLabel {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.menuPanel .link  a {
	display: block;
	margin: 0;
	color: #000000;
}

.menuPanel .link > a span,
.menuPanel .link > div span {
	overflow: hidden;
}




/*
 * 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 .link > a:hover,
.menuPanel .item .link > a:focus,
.menuPanel .item .link > a:active,
.menuPanel .item .link > div:hover {
	background-repeat: repeat-x;
	color: #ffffff;
	text-decoration: underline;
	background-color: #305272;
}

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


.menuPanel .subItem a {
	background-color: #CAE0CA;
	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: #CAE0CA;
}

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

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

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

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

.childWindow a {
	color: #305275;
	font-weight: bold;
	text-decoration: none
}

.childWindow a:hover,
	.childWindow a:focus {
	text-decoration: underline
}

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

.lookupWindow {
	color: black;
	background-color: white;
	font-family: Verdana, 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: #CAE0CA;
	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: #CAE0CA;
}

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

.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: #CAE0CA;
}

/* 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: #305275;
	text-decoration: none;
}

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

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

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

.formCatalog .infoBlock table {
	background-color: #F5F1B6;
	margin-top: 10px;
	padding: 0px;
	border: 1px outset #777777;
}

.formCatalog .infoBlock th {
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: white;
	background-color: #305275;
	margin: 2px 0px 2px 0px;
	padding: 2px 5px 2px 5px;
}

.formCatalog .infoBlock td {
	font-size: 7pt;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

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

.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: #305275;
	font-family: Verdana, 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: white;
	font-size: 7pt;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	border-bottom: 1px solid #E0E0E0;
}

.formToolbar .separator {
	background-color: #E2E2E2;
}

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

.formToolbar .textItem {
	background-color: #E2E2E2;
	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: #E0E0E0;
	margin: 0px;
	padding: 0px;
	cursor: default;
}

.formPanel .alert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #F8BCBC;
	margin: 3px 3px 3px 21px;
	padding: 0px;
	width: 95%;
	cursor: default;
}

.formPanel .alert .title {
	background-color: #DD5555;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
}

.formPanel .alert .contents {
	padding: 5px;
}

.formPanel .alert a {
	color: white;
}

.formPanel .info {
	background-color: #B3B3F3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 3px 3px 3px 21px;
	padding: 0px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
	width: 95%;
	cursor: default;
}

.formPanel .info .title {
	background-color: #5555DD;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	cursor: default;
	padding: 3px;
}

.formPanel .info .contents {
	padding: 5px;
}

.formPanel .info a {
	color: white;
}

.formPanel .confirm {
	background-color: #FFFDCD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 3px 3px 3px 21px;
	padding: 0px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
	width: 95%;
	cursor: default;
}

.formPanel .confirm .title {
	background-color: #F0EA55;
	color: black;
	font-size: 10pt;
	font-weight: bold;
	cursor: default;
	padding: 3px;
}

.formPanel .confirm .contents {
	padding: 5px;
}

.formPanel .confirm a {
	color: white;
}

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

.form {
}

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

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

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

.selectbox {
	background-color: #CAE0CA;
	border: 1px solid #245E2E;
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

.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: Verdana, 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: #CAE0CA;
}

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

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

.tooltip {
	font-family: Verdana, 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: 5;
}

.tooltipIFrame {
	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	z-index: 4;
}

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

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

.tooltip .header {
	background-color: #245E2E;
	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: Verdana, 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: #CAE0CA;
}

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

.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: #CAE0CA;
	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%;
	font-weight:normal;
}

.browseDataWizard .row0 {
}

.browseDataWizard .row1 {
	background-color: #E2EED9;
}

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

.browseDataWizard .currentRow {
	background-color: yellow;
}

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

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

.browseDataWizard .caption input {
	border: none;
	color: white;
	font-weight: bold;
	background-color: #CAE0CA;
	cursor: pointer;
}

.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: #CAE0CA;
	color: black;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	vertical-align: top;
}

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

.fileAttachment {
	color: black;
	background-color: white;
	font-family: Verdana, 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;
}

/* ----------------------------------------------------------- manageMailsWizard
*/

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

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

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

/* -------------------------------------------------------------------- appError
*/

.appError .details {
	background-color: #F5F1B6;
	border: 1px solid black;
	margin-top: 10px;
	padding: 1px 3px 1px 3px;
}

/* -------------------------------------------------------------- viewEmbeddings
*/

.viewEmbeddings {
	background-color: transparent;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 1px;
	border: none;
	cursor: default;
}

.viewEmbeddings a {
	color: white;
	font-weight: bold;
	text-decoration: none
}

.viewEmbeddings a:hover,
.viewEmbeddings a:focus {
	text-decoration: underline
}


.viewEmbeddings .message {
	background-color: #5555DD;
	margin: 3px 3px 3px 3px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
}

.viewEmbeddings .message .caption {
	background-color: #5555DD;
	color: white;
	font-weight: bold;
	padding: 2px;
}

.viewEmbeddings .message .icon {
	padding: 3px 10px 3px 3px;
}

.viewEmbeddings .message .text {
	padding: 3px;
}

.viewEmbeddings .message .button {
	margin: 5px;
	padding: 1px 5px 1px 5px;
}
.viewEmbeddings .question {
	background-color: #FFFDCD;
	margin: 3px 3px 3px 3px;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
}

.viewEmbeddings .question .caption {
	background-color: #F0EA55;
	font-weight: bold;
	padding: 3px;
}

.viewEmbeddings .question .contents {
	padding: 5px;
}

.viewEmbeddings .question a {
	color: white;
}

/* -----------------------------------------------------------------
headerMenu
*/

.balken_unten {
   width:100%;
   height:3px;
   padding:0px;
   margin:0px;
}

.balken_oben {
   width:100%;
   height:23px;
   padding:0px;
   margin:0px;
}

.trennzeichen {
    color: #000000;
    display: inline;
    position: fixed;
}

.topMenu {
   width:100%;
   height:20px;
   padding:0px;
   margin:0px;
   background-color:#000;
   text-align: center;
}



.navi_links {
  color:#FFFFFF;
  padding: 0px 15px 0px 15px;
  display: inline-block;
  height: 19px;
}

.navi_links a {
	font-family:Arial,sans-serif;
    font-size:90%; 
	font-weight:bold;
    text-decoration:none;
}

.navi_links a:link {color:#305275;}
.navi_links a:hover {color:#000;}
.navi_links a:active {color:#E0E0E0;}
.navi_links a:visited {color:#305275;}