/*
 * -----------------------------------------------------------------------------
 * Lucom Interaction Platform
 * (C) 2011 Lucom GmbH, Erkrath. All rights reserved.
 *
 * d: app.css 11250 2014-11-19 12:09:56Z marc  * -----------------------------------------------------------------------------
	?nderungen Proximity:
	#1 ?berschriften
	#2 font-size hinzugef?gt
	#3 .invisible ge?ndert
	#4 .headerPanel height 70 --> 155
	#5 .headerPanel companyLogo height 70 --> 135, width 191 --> entfernt, background-color white --> transparent
	#6 .headerPanel.companyLogo.images position absolute --> relative
	#7 .headerSeparator height 30 --> 0
	#8 div.catalogPanel Attribute auskommentiert
	#9 div.catalogRow.elementContainer width 40% --> 330px
	#10 div.elementIcon width 42px --> 10, padding entfernt, margin-top/left hinzugef?gt
	#11 div.infoText padding-left hinzugef?gt
	#12 autoGatherForm .line .info  hinzugef?gt
	#13 inlineMenu, inlineMenu a und inncercontentPanel hinzugef?gt
	#14 .contentPanel background-image, background-repeat, margin-top, margin-left, padding-top und width hinzugef?gt
	#15 .contentPanel h1 font-size 16pt --> 105%
	#16 contentPanel a:hover text-decoration entfernt, font-weight hinzugef?gt
	#17 leftPanel margin entfernt, margin-top hinzugef?gt, top 100 --> 0, bottom 0 entfernt
	#18 leftPanel a font-weight entfernt
	#19 menuPanel font-size entfernt, font-weight bold --> normal, margin-left 5px hinzugef?gt
	#20 menuPanel.item a font-weight und white-space hinzugef?gt, margin entfernt
	#21 menuPanel.item a padding und font-weight hinzugef?gt
	#22 openFolders a font-weight bold --> normal
	#23 folderContent a font-weight bold --> normal
	#24 .folderContent .formHandling .highlight  font-weight bold --> normal
	#25 browseDataWizard .row1 background-color auskommentiert
	#26 .fileAttachment padding hinzugef?gt
	#27 viewEmbeddings width hinzugef?gt
	#28 viewEmbeddings.message margin hinzugef?gt 

 */

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

/* #1 ?berschriften */
.ueberschriften {
	color: #2653B3;;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/* #2 font-size hinzugef?gt */
	font-size: 9pt; 
	background-color: white;
}

form, form p, page, textarea {
	margin: 0;
	padding: 0;
}

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

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

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

strong {
	font-weight: bold;
}

textarea {
	resize: none;
}

input {
	background-color: white;;
	color: black;;
	border: 1px ridge #888888;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input[type="submit"][disabled] {
	color: gray;
	color: #E5E5E5;
}

input.button {
	background-color: white;;
	border: 0 none #888888;;
	color: black;;
	margin: 0;
	padding: 1px;
	cursor: pointer;
}

a.button {
	background-color: white;;
	border: 0 none #888888;;
	color: black;;
	margin: 0;
	padding: 1px;
	cursor: pointer;
}

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

ins {
	background: #A6ffA6;
}

del {
	background: #ffc6c6;
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

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

.caption {
	color: white;
	background-color: white;;
	background-image: url(../images/background.png);;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 1px 3px 1px 3px;
	background-repeat: repeat-x;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.caption td{
	background-color:transparent;
	background-image:none;
}

.panel {
	background-color: #F8FCF4;
	border: 1px solid #FFFFFF;
	margin: 0;
	padding: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 3px #CCCCCC;
}

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

.error ul {
	padding-left: 0;
	margin: 0;
}

.error li {
	list-style-type: none;
}

.actionWarning {
	font-weight: bold;
	color: #FF572F;
}

.actionWarning ul {
	padding-left: 0;
	margin: 0;
}

.actionWarning li {
	list-style-type: none;
}

.invisible {
	/* #3 z-index hinzugef?gt, height 10 --> 1, width 10 --> 1, left -2000 --> -200, top -2000 --> 1 */
	z-index:0;
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	left: -200px;
	top: 1px;
}

/* Content of the welcome page and catalog */
#page {
	background-color: #ffffff;
	background-color: #ffffff;
	width: 100%;
	height:auto !important;
  	height:100%;
	background-repeat: repeat-y;
}

#page.mainPage {
	;
}

/* Footer of the welcome page and catalog */
.footerPanel {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 2px 5px 2px 5px;
	cursor: default;
	color: white;
	border-top: 1px solid transparent;
	;
	background-repeat: repeat-x;
}

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

.lip_companyLogoLink {
	text-decoration: none;
}

/* ---------------------------------------------------------- APPLICATION HEADER
*/

.headerPanel {
	color: white;
	background-color: white;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	/* set margin-top same as .formToolbar .buttonPanel in form.css to avoid header flicker */
	margin: 20px 0 0 0;
	padding: 0;
	cursor: default;
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	/* #4 .headerPanel height 70 --> 155 */
	height:155px;
}

.headerPanel .companyLogo {
	/* #5 .headerPanel companyLogo height 70 --> 135, width 191 --> entfernt, background-color white --> transparent */
	height:135px;
	width:191px;
	background-color: transparent;
}

.headerPanel .companyLogo .images {
	/* #6 .headerPanel.companyLogo.images position absolute --> relative */
	position: relative;
	bottom: 0;
}

.headerPanel a, .headerPanel a:hover, .headerPanel a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: white;
	text-decoration: none;
	vertical-align: middle;
}

.headerPanel .userInformation {
	position: absolute;
	padding: 3px 5px;
	left: 191px;
	bottom: 0;
}

.headerPanel .customization {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3px 5px;
	height: 17px;
}

.headerPanel .customization .separator {
	text-align: center;
	margin:0;
	width:16px;
	height:16px;
	border: none;
	float: left;
	position: relative;
}

.headerPanel .customization img {
	margin: 0 2px;
}

.headerPanel .customization img .blind {
	width: 16px;
	height: 16px;
}

/* The horizontal (white) stripe separating header from main content */
.headerSeparator {
	background-color: #ffffff;
	/* #7 .headerSeparator height 30 --> 0 */
	height: 0px;
}

/* ---------------------------------------------------------------- GlobalSearch
*/

.headerPanel .globalSearch {
	background-color: white;
    margin-right: 5px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #AAAAAA;
}

.headerPanel .globalSearch input[type="text"]:focus {
	background-color: transparent;
	border: none;
	font-size: 11pt;

	/* chrome */
	outline: none;
}

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

.headerPanel .globalSearch button {
	background-color: transparent;
	background-image: none;
    border: medium none;
    cursor: pointer;
	padding: 0;
	margin: 0;
    position: relative;
    right: 0;
    top: 4px;
    padding-right: 2px;
}

.headerPanel .globalSearch button#lip_globalSearchSubmit {
	padding: 0px;
}

.headerPanel .globalSearch .buttons {
	margin-right: -9px;
}

.headerPanel .globalSearch .buttons button {
	padding: 0;
}

.headerPanel .globalSearch .buttons .settings {
	left: -9px;
	top: -1px;
	border-right: solid 2px #AAAAAA;
	padding-right: 5px;
}

.headerPanel .globalSearch #lip_globalSearch_settings button {
	height: 31px;
	padding-right: 4px;
	padding-left: 4px;
	top: 0;
}

/* ------------------------------------------------------------- LAYOUT ELEMENTS
*/

div.table {
	vertical-align: top;
}

div.row {
	width: 100%;
	padding: 5px;
}

div.cellLabel {
	float: left;
	padding: 0 5px 0 0;
	font-weight: bold;
	width: 120px;
}

div.cellValue {
	float: left;
	padding: 0 5px 0 0;
	font-weight: normal;
}

div.clearBoth {
	clear: both;
}

div.floatLeft {
	float: left;
	position: relative;
}

div.floatRight {
	float: right;
	position: relative;
}

span.clearBoth {
	clear: both;
}

span.floatLeft {
	float: left;
	position: relative;
}

span.floatRight {
	float: right;
	position: relative;
}

/* --------------------------------------------------------------------- CATALOG
*/

.viewSelector {
	padding-top: 5px;
}

.submitLink {
	background-color: transparent;
	font-family: Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	margin-left: -8px;
	border: none;
}

.submitLink:focus {
	background-color: transparent;
	font-family: Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	border: none;
	margin-left: -8px;
}

.submitLink:hover {
	cursor: pointer;
	color: #54A321;
}

.submitLink:active {
	background-color: transparent;
	font-family: Arial,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	border: none;
	margin-left: -8px;
}

div.catalogPanel {
	/* #8 background-color: #F8FCF4; */
	border: 1px solid #FFFFFF;
	margin: 0;
	padding: 0 0 5px 0;
	overflow: hidden;
	/* #8 div.catalogPanel Attribute auskommentiert
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 3px #CCCCCC;
	*/
}

div.catalogPanel .folderFocus {
	background-color: yellow;
}

div.catalogPanel .openFoldersRow {
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	height: 50px;
}

/* A row holding element information and action buttons in the catalog list view */
div.catalogRow {
	width: 100%;
	clear: both;
}

div.catalogRow:hover {
	width: 100%;
	clear: both;
	background-color: #B4D797;
}

/* The left part of the row holding icon and textual information */
div.catalogRow .elementContainer {
	float: left;
	text-align: left;
	/* #9 div.catalogRow.elementContainer width 40% --> 330px */
	width: 330px;
}

/* The 'table' holding the form info */
div.catalogRow .elementContainer .divContainer {
	padding-bottom: 5px;
}

/* The icon in the left part of the element row 
	#10 div.elementIcon width 42px --> 10, padding entfernt, margin-top/left hinzugef?gt
*/
div.elementIcon {
	float:left;
	width:10px;
	margin-top: 5px;
	margin-left: 5px;
}

/* The icon in the left part of the element row */
div.elementIconRight {
	float:right;
	width:30px;
	padding:5px;
}

/* Textual information in the left part of the row  
	#11 div.infoText padding-left hinzugef?gt
*/
div.infoText {
	padding: 5px;
	padding-left: 15px;
}

div.catalogRow .actionButtons {
	float: right;
	text-align: right;
	width: 260px;
}

.catalogRow .actionButtons img {
	margin: 2px;
}

/* ----------------------------------------- catalog export loading notification
*/

div.catalogExportLoadingNotification {
	background-color: #FFFDCD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	height: 105px;
	width: 400px;
	padding: 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 5px;
}

div.catalogExportLoadingNotification img {
	float: left;
}

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


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

/* #12 autoGatherForm .line .info  hinzugef?gt */
.autoGatherForm .line .info {
	color: #2653B3;;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
}

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

.autoGatherForm .warning {
	color: red;
}

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

.autoGatherForm input.password {
	color: red;
}

.autoGatherForm input[type="submit"][disabled] {
	color: gray;
	color: #E5E5E5;
}

/* #13 inlineMenu, inlineMenu a und inncercontentPanel hinzugef?gt */
.inlineMenu
{
	width: 100%;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid black;
}

.inlineMenu a
{
 background-image: url("../images/pfeil.png");
 background-repeat: no-repeat;
 padding-left: 10px;
 margin-left: 20px;
}
	

.innercontentPanel
{
	border-right-style:solid;
	border-bottom-style:solid;
	border-color: #CE594A;
	border-width: 2px;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	padding-right: 10px;
}


/* ---------------------------------------------------------------- contentPanel
	#14 .contentPanel background-image, background-repeat, margin-top, margin-left, padding-top und width hinzugef?gt
*/

.contentPanel {
	color: black;
	background-color: #F6E4E2;
	font-family: Verdana, sans-serif;
	background-image:url('../images/edge.gif');
	background-repeat: no-repeat;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 20px 192px;
	padding: 0 15px 10px 30px;
	margin-top: 0px;
	margin-left: 206px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 614px;
}

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

.contentPanel h1 {
	color: black;
	font-weight: bold;
	/* #15 .contentPanel h1 font-size 16pt --> 105% */
	font-size: 105%;
}

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

.contentPanel a {
	color: #2653B3;
	font-weight: bold;
	text-decoration: none;
}

.contentPanel a:hover,
	.contentPanel a:focus {
	/* #16 contentPanel a:hover text-decoration entfernt, font-weight hinzugef?gt
	text-decoration: underline
	*/
	font-weight: bold;
}

.contentPanel .separator {
	background-color: #FFFFFF;
	height: 1px;
}

/* ---------------------------------------------------- ContentPanel::BreadCrump
*/

.contentPanel .breadCrump {
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0;
}

/* ------------------------------------------------------ ContentPanel::Register
*/

.contentPanel .register {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.contentPanel .register .disabled {
	color: #CCCCCC;
}

.contentPanel .register .selected {
	font-size: 14pt;
}

/* ------------------------------------------------------------------- leftPanel
	#17 leftPanel margin entfernt, margin-top hinzugef?gt, top 100 --> 0, bottom 0 entfernt
*/

.leftPanel {
	color: black;
	background-color: white;
	border-right: 1px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin-top: 155px;
	margin-left: 5px;
	padding: 0;
	position: absolute;
	width: 191px;
	left: 0;
	top: 0px;
}

.leftPanel a {
	color: #FFFFFF;
	/* #18 leftPanel a font-weight entfernt
	font-weight: bold;
	*/
	text-decoration: none
}

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

div#preview {
	position: fixed;
	left: 15px;
	top: 500px;
}

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

.menuPanel {
	background-color: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* #19 menuPanel font-size entfernt, font-weight bold --> normal, margin-left 5px hinzugef?gt
	font-size: 10pt; */
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

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

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

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

.menuPanel .item a {
	background-color: white;
	color: #2653B3;
	padding: 4px 5px;
	/* #20 menuPanel.item a font-weight und white-space hinzugef?gt, margin entfernt 
	margin: 0;*/
	font-weight: normal;
	white-space: nowrap;
}

/*
 * 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 ;-)
 
	#21 menuPanel.item a padding und font-weight hinzugef?gt
 */
.menuPanel .item a:hover,
	.menuPanel .item a:focus,
	.menuPanel .item a:active {
	background-color: #FFFFFF;
	color: #2653B3;
	;
	background-repeat: repeat-x;
	padding: 4px 5px;
	font-weight: bold;
}

.menuPanel .itemSelected a {
	background-color: #FFFFFF;
	color: #D12421;
	;
	padding: 4px 5px;
	background-repeat: repeat-x;
}

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

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

.menuPanel .subItemSelected a {
	color: black;
}

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

.modalChildWindow {
	background-color: transparent;
}

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

.childWindow a {
	color: #54A321;
	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: 0;
	padding: 0;
}

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

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

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

.lookupWindow .rowOver {
	background-color: #B4D797;
	vertical-align: top;
	cursor: pointer;
}

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

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

/* ----------------------------------------------------------------- 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: 0 3px;
	cursor: pointer;
}

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

.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: 0 3px;
	cursor: pointer;
}

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

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

/* ------------------------------------------------------------ OpenFolders tile
*/

.openFolders a {
	color: black;
	font-size: 10pt;
	font-style: normal;
	/* #22 openFolders a font-weight bold --> normal */
	font-weight: normal;
}

.openFolders a:active,
.openFolders a:visited {
	text-decoration: none;
}

.openFolders a:hover,
.openFolders a:focus {
	color: #FFFFFF;
	text-decoration: none;
}

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

/* ---------------------------------------------------------- FolderContent tile
*/

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

.folderContent a {
	color: black;
	font-size: 10pt;
	font-style: normal;
	/* #23 folderContent a font-weight bold --> normal */
	font-weight: normal;
}

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

.folderContent a:hover,
.folderContent a:focus {
	color: #54A321;
	text-decoration: none;
}

.folderContent img.previewNormal {
	border: 1px solid gray;
}

.folderContent img.previewMouseOver {
	border: 1px solid #2653B3;
}

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

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

.folderContent .formHandling {
	font-size: 7pt;
	
}

.folderContent .formHandling .highlight {
	/* #24 .folderContent .formHandling .highlight  font-weight bold --> normal, background-color auskommentiert*/
	font-weight: normal;
	color: blue;
	/**/
}

.folderContent .formHandling  a {
	font-size: 7pt;
	
}

/* ----------------------------------------------- FolderContent::InfoBlock tile
*/

.folderContent .infoBlock {
	margin-top: 10px;
	font-size: 8pt;
	padding: 0;
	vertical-align: middle;
	width: 600px;
	background-color: #F5F1B6;
	border: 1px outset #777777;
}

.folderContent .infoBlock .divTh {
	color: white;
	background-color: #54A321;
	background-image: url(../images/background.png);
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 2px 5px;
	background-repeat: repeat-x;
	vertical-align: middle;
}

.folderContent .infoBlock .divTd {
	margin: 0;
	padding: 0 5px;
	float: left;
	vertical-align: middle;
}

.folderContent .infoBlock .divTd input {
	font-size: 8pt;
	vertical-align: middle;
}

.folderContent .infoBlock .divTd textarea {
	background-color: white;;
	color: black;;
	border: 1px ridge #888888;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 8pt;
	height:22pt;
	width: 430px;
}

.folderContent .infoBlock .divTdLabel {
	margin: 0;
	padding: 0 5px;
	float: left;
	font-weight: bold;
	width:20%;
}

/* -------------------------------------------- FolderContent::HistoryBlock tile
*/

.folderContent .historyBlock table {
	background-color: #F5F1B6;
	margin-top: 10px;
	padding: 0;
	border: 1px outset #777;
}

.folderContent .historyBlock th {
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: white;
	background-color: #54A321;
	margin: 0;
	padding: 2px 5px 2px 5px;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
}

.folderContent .miniatureView {
	margin: 10px;
	margin-left: 20px;
	float: left;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
}

.folderContent .miniatureView .miniatureViewImage {
}

.folderContent .miniatureView a {
	font-size: 8pt;
	font-weight: normal;
}

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

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

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

.fixedHeaderSegmentTooltip {
	z-index: 1000;
}

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

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

.tooltip .header {
	background-color: #54A321;
	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: 0;
	padding: 30px 10px 10px 30px;
	cursor: default;
}

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

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

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

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

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

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

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

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

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

.browseDataWizard .row0 {
}

.browseDataWizard .row1 {
	/* #25 browseDataWizard .row1 background-color auskommentiert
	background-color: #E2EED9;
	*/
}

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

.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: #54A321;
	cursor: pointer;
}

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

.browseDataWizard input.slim {
	width: 80%;
}

.browseDataWizard input.regular {
	width: 95%;
}

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

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

.browseDataWizard_viewSelector {
	position: relative;
	bottom: 7px;
}

.browseDataWizard_viewSelectorJS {
	margin-left: -7px;
	margin-bottom: 3px;
}

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

.fileAttachment {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	cursor: default;
	/* #26 .fileAttachment padding hinzugef?gt */
	padding: 10px;
}

.fileAttachment .visible {
	visibility: visible;
}

.fileAttachment .invisible {
	visibility: hidden;
}

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

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

.statusChange .statusButton {
	margin-left:5px;
	margin-right:5px;
	width:100px;
}

.statusChange .info {
	background-color: #F8FCF4;
	border-left: 3px solid #54A321;
	padding: 5px 10px;
	float: left;
	width: 75%;
}

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

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

}

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: 0;
	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: 0;
	padding: 1px 3px;
}

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

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

/* -------------------------------------------------------------- viewEmbeddings
	#27 viewEmbeddings width hinzugef?gt
*/

.viewEmbeddings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 20px;
	margin-left: 210px !important;
	width: 600px;
	border: none;
	cursor: default;
	
	
}

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

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

.viewEmbeddings .icon {
	padding: 3px;
	vertical-align: middle;
}

.viewEmbeddings .text {
}

.viewEmbeddings .buttons input[type="button"],
.viewEmbeddings .button input[type="button"] {
	cursor: pointer;
	padding: 1px 5px;
}

.viewEmbeddings .modal {
	top: 0;
	left: 0;
	width: 450px;
	max-height: 450px;
}

.viewEmbeddings .content {
	padding: 3px 10px 3px 6px;
}

.viewEmbeddings .buttons {
	padding: 5px 3px 5px;
}

/* ---------------------------------------------------------- message embeddings
*/

.viewEmbeddings .message {
	background-color: #B3B3F3;
	margin: 30px 3px 0px 3px;
	border-top: 1px solid #A0A0EE;
	
}

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

/* --------------------------------------------------------- question embeddings
*/

.viewEmbeddings .question {
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FFFDCD;
}

.viewEmbeddings .question .caption {
	background-color: #F0EA55;
	background-image: none;
	color: black;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	font-weight: bold;
	padding: 3px;
}

.viewEmbeddings .question .icon {
	padding: 0;
	padding-right: 3px;
}

.viewEmbeddings .question .icon img {
	position: relative;
	top: 3px;
}

.viewEmbeddings .question a {
	color: white;
}
.viewEmbeddings .message .text {
	position: relative;
}

/* ---------------------------------------------------- error message embeddings
*/

.viewEmbeddings .error {
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	color: black;
	background-color: #F8BCBC;
}

.viewEmbeddings .error ul {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 0;
	margin-top: 0;
}

.viewEmbeddings .error .caption {
	background-image: none;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	font-weight: bold;
	padding: 2px;
	background-color: #DD5555;
	color: white;
}

.viewEmbeddings .error .caption img {
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}

.viewEmbeddings .error .content {
	padding-left: 10px;
}

.viewEmbeddings .error .fixedToolbar {
	max-height: 75px;
	overflow: auto;
}

.viewEmbeddings .error .simple {
	padding: 5px;
}

.viewEmbeddings .error .errorLink {
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	margin-right: 6px;
	color: black;
}

.viewEmbeddings .error .errorLink input {
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	padding-left: 6px;
	white-space: normal;
	background-color: #F8BCBC;
}

.viewEmbeddings .error .errorLink input[type='image'] {
	padding-left: 0;
	vertical-align: top;
}

.viewEmbeddings .error errorLink:hover span,
.viewEmbeddings .error errorLink:focus span {
	text-decoration: none;
}

.viewEmbeddings .error .errorLink:hover,
.viewEmbeddings .error .errorLink:hover input,
.viewEmbeddings .error .errorLink:focus,
.viewEmbeddings .error .errorLink:focus input {
	cursor: pointer;
}

.viewEmbeddings .error .errorLink:hover input[type="button"],
.viewEmbeddings .error .errorLink:focus input[type="button"] {
	text-decoration: underline;
}

.viewEmbeddings .error .errorText {
	font-weight: normal;
	text-decoration: none;
	color: black;
}

.viewEmbeddings .error .errorText img {
	vertical-align: top;
	padding-left: 0;
}

.viewEmbeddings .error .errorText span {
	padding-left: 10px;
}

/* ----------------------------------------------- outOfSynch message embeddings
*/

.viewEmbeddings .outOfSynch {
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #000000;
	background-color: #F8BCBC;
}

.viewEmbeddings .outOfSynch ul {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 0;
	margin-top: 0;
}

.viewEmbeddings .outOfSynch .content {
	padding-left: 10px;
}

.viewEmbeddings .outOfSynch .fixedToolbar {
	max-height: 75px;
	overflow: auto;
}

.viewEmbeddings .outOfSynch .button {
	padding-top: 6px;
}

.viewEmbeddings .outOfSynch .button > input {
	margin-right: 6px;
}

.viewEmbeddings .outOfSynch .caption {
	background-image: none;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-radius-topright: 0px;
	border-top-right-radius: 0px;
	font-weight: bold;
	padding: 2px;
	padding-left: 10px;
	background-color: #DD5555;
	color: #FFFFFF;
}

.viewEmbeddings .outOfSynch.modal {
	width: 580px;
}

/* ----------------------------------------------------- confirmation embeddings
*/

.viewEmbeddings .confirm .content {
	text-align: center;
	padding: 5px 5px 15px;
}

.viewEmbeddings .confirm .text {
	padding: 0;
}

.viewEmbeddings .confirm .buttons {
	text-align: center;
	padding: 5px;
}

.viewEmbeddings .confirm .buttons input {
	width: 90px;
}

.viewEmbeddings .confirm p {
	margin: 0;
}

/* ----------------------------------------------- viewEmbeddings default styles
*/

.viewEmbeddings .ok {
	background-color: #BCDBA7;
}

.viewEmbeddings .ok .caption {
	background-color: #54A220;
	color: white;
}

/* ------------------------------------------------------------------- favorites
*/

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

.favsSolo hr {
	background-color: #54A321;
	height: 1px;
	border: none;
}

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

table.favCatalogList td a {
	color: black;
}

table.favCatalogList td a:hover {
	color: #54A321;
	text-decoration: none;
}

table.favCatalogList td.actionLink a {
	color: #54A321;
}

table.favCatalogList td.actionLink a:hover {
	text-decoration: underline;
}

table.favCatalogList {
	margin-top: 10px;
}

table.favCatalogList td {
	border-left: 1px solid #54A321;
	border-bottom: 1px solid #54A321;
	padding: 2px 4px;
}

table.favCatalogList td.right {
	border-left: 1px solid #54A321;
	border-bottom: 1px solid #54A321;
	text-align: right;
	padding: 2px 4px;
}

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

.licenseHint {
	color: red;
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 2px;
}

input.datePicker {
	background-image: url(../images/action/datePicker.png);
	background-color: transparent;
	border: none;
	width: 16px;
	height: 16px;
}

.simpleImage {
	background-color: transparent;
	border: none;
}

/* ACL GUI --------------- */
div.acl-header {
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input.acl-header, input:focus.acl-header {
	border: none;
	font-size: 10pt;
	vertical-align: middle;
	background-color: transparent;
}

input.setChooser {
	font-weight: normal;
	text-align: left;
	cursor: pointer;
	color: #DDDDDD;
	line-height: 20px;
	border: none;
}

input.setChooserChosen {
	font-weight: normal;
	text-align: left;
	cursor: pointer;
	color: #54A321;
	line-height: 20px;
	border: none;
}

input.acl-edit-groups {
	border: none;
	vertical-align: middle;
	background-image: url(../images/action/edit_16.png);
	background-repeat: no-repeat;
	background-color: transparent;
	-moz-border-radius: 0;
	margin: 0;
	width: 16px;
	height: 16px
}

div.acl-matrix {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

th.acl-matrix  {
	text-align: left;
	background-color: #DDDDDD;
}

div.acl-matrix .row0 {
	background-color: #EEEEEE;
}

div.acl-matrix .row1 {
	background-color: #FFFFFF;
}

table.acl-matrix {
	border: 1px solid gray;
	width: 70%;
}

input.acl-matrix {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: transparent;
	height: 10pt;
	-moz-border-radius: 0;
}

input[disabled].acl-matrix {
	background-color: #EEEEEE;
	font-size: 8pt;
	color: #999999;
	height: 10pt;
	-moz-border-radius: 0;
}

input[type="checkbox"].acl-matrix, input[type="radio"].acl-matrix {
	border: none;
	vertical-align: middle;
	background-color: transparent;
}

input.tabChooser, input:focus.tabChooser {
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: #CCCCCC;
	border: 1px solid gray;
	border-bottom: none;
	-moz-border-radius: 0;
	background-color: transparent;
}

input.tabChooserChosen {
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: #54A321;
	border: 1px solid gray;
	border-bottom: none;
	-moz-border-radius: 0;
	background-color: transparent;
}

div.acl-matrix .label {
	font-weight: bold;
	width: 100px;
	float: left;
}

div.acl-submit-panel {
	width: 70%;
	text-align: right;
}


/*--------------------*/
#modalOverlay {
	 display: none;
     position: absolute;
     left: 0;
     top: 0;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 9999;
     background-image: url('../images/gray_transparent.png');
     background-repeat: repeat;
}

.confirm {
	background-color: #FFFDCD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: auto;
	padding: 0;
	position: relative;
	border-top: 1px solid #A0A0EE;
	border-bottom: 1px solid #000055;
	width: 450px;
	cursor: default;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

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

.confirm .contents {
	padding: 5px;
	text-align: center;
}

.confirm a {
	color: white;
}