.mainHtml { 	
	font-size:10pt;
	font-family:sans-serif;
	font-style:normal; 							
	font-weight:normal; 						
	color:rgb(90,90,90); 
}

/*.mainBody {} additional CSS*/

/*.chartBody {} additional CSS*/

/*.bodyEditor {} additional CSS*/

/*.bodyLogin {} additional CSS*/


/*--------------------------------------------MainToolBar */

.mainToolBarPic {
	position:absolute; 
	z-index:0;
	background-image:url(product_banner.png); /* productColor*/
	background-repeat: no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	width:269px;
	height:140px;
}

.mainToolBar {
    width:100%;
	position:absolute; 
	z-index:1;       
	}
	
.mainToolBarTable1 {
	background-color: transparent;/*TopHeaderColor*/
    width:100%;
    height:51px;
    border-collapse:collapse; 
	}

.mainToolBarAppName { 	
	min-width:210px;
	color:white;
	background-color: transparent;
	font-size:15pt;
	font-family: sans-serif;
	font-style:normal;
	font-weight:normal;
	text-align:left;
    text-transform:uppercase;
    vertical-align: middle;
    padding-top:10px;
    padding-left:56px;
	white-space:nowrap;
}

a#mainToolBarLink:link {
    color:rgb(255,255,255); 
	text-decoration:none;
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
	font-weight:normal;
}

a#mainToolBarLink:hover {
    color:rgb(209,232,255); 
	text-decoration:underline;
}

.mainToolBarIconTd1 { 
	width:26px;
	text-align:center;
	padding-right:4px;
}

.mainToolBarCompanyLogoTd {
	text-align:center; 
	background-color: white;
	padding-top:6px;	
}

.mainToolBarCompanyLogo {
	height:22px;
	vertical-align:middle;
	padding-top:2px;	
	padding-left:28px;	
	padding-right:18px;	
	border:0px;
}

.mainToolBarIconImg1 {
	vertical-align:middle;
	border:0px;
	cursor:pointer; 
}

.mainToolBarIconTd2 { 
	color:white;
	text-align:center;
	vertical-align:top;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid rgb(237,243,249);
	white-space: nowrap;
	cursor:pointer; 
	
}

.mainToolBarIconTdExit { 
	color:white;
	background:rgb(199,92,92);	
	vertical-align:top;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid rgb(237,243,249);
	white-space: nowrap;
	cursor:pointer; 
	}
	.mainToolBarIconTdExit:hover { 
		background:rgb(221,104,104);	
	}

.mainToolBarIconImg2 {
	vertical-align:middle;
	margin-top:-2px;
	border:0px;
	cursor:pointer; 
}

.separatorToolBar { 									
	background-color: transparent;                
	height:0px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid rgb(255,255,255);	
	border-collapse:collapse;	
}

/*--------------------------------------------MainContentTable */

.mainContentTable {
	position:absolute; 
	z-index:1; 
	top:50px;
	left:-2px;
	width:100%;
	font-size:10pt;
	font-family:sans-serif;
	font-style:normal; 							
	font-weight:normal; 						
	color:rgb(90,90,90); 
  	border-collapse:collapse;
}	

.workSpaceBar {
	background-color: transparent;/*WorkspaceBarColor*/
	vertical-align:top;
	border-bottom:1px solid transparent;
    text-align:left;
}

.workSpaceBarTable {
	width:100%;
    text-align: left;                                                    
    border-collapse:collapse; 	
   
}
.workSpaceBarTableTd {
	position:absolute; 
	top:-36px; 
	left:0px;    
}

.menuIconOpen { /* + additional CSS*/
	vertical-align:middle;
	margin-left:17px;
	padding:2px 6px;
	border: 1px solid transparent;
	cursor:pointer; 		
	}
	.menuIconOpen:hover {
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.menuIconClosed{ /* + additional CSS*/
	vertical-align:middle;
	margin-left:17px;
	padding:2px 6px;
	border: 1px solid transparent;
	cursor:pointer; 		
	}
	.menuIconClosed:hover {
		border:1px solid white;
		}
		
.mainToolBarUserName { 	
	width:203px; 
	color:rgb(255,255,255); 
    font-size:10pt; 
	font-family:sans-serif; 
	font-weight:normal;
	text-decoration: normal; 
	text-align:left; 
	vertical-align: middle;
	margin-left:9px;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:4px;
	white-space:nowrap;
} 

.mainToolBarUserID { 	
    color:rgb(255,255,255); 
    font-size:11pt; 
	font-family:sans-serif; 
	font-weight:bold;
	text-decoration: normal; 
	text-align:left; 
	vertical-align: middle;
	margin-left:9px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:10px;
	white-space:nowrap;
} 
		
.workSpaceBox {   
	width:0px;
	height:0px;
	color:rgb(90,90,90); 
	font-size:0pt; 
	font-family:sans-serif; 
	font-weight:normal; 
	background-color: transparent; 											
 
	/*
	background-color: white; 											
	border-top: 1px solid rgb(210,210,210);
	border-left: 1px solid rgb(210,210,210);
	border-right: 1px solid white; 		 	
	border-bottom: 1px solid rgb(241,241,241); 
	*/					
	outline-width: 0;
display:none;	
}	
			
.menuTableMiddleArea1 {
	background-color: rgb(245,245,245);
	width: 2px;
}	
	
.menuTableMiddleArea2 {
	background-color: rgb(245,245,245);
	width: 2px;	
}

.boActivityToolBarTd { 									
	background-color: rgb(255,255,255);
	vertical-align:top;
	border-bottom:1px solid rgb(245,245,245);
}

.boActivityToolBar { 	
								
}

.boActivityToolBarTable { 		
	height:44px;
	margin-top:0px;
	margin-bottom:10px;
	border-collapse:collapse;
}

.mainToolBarIconTdEmpty { 
	background-color: white;	
}

.mainToolBarIconTd { 
	color:rgb(90,90,90);
	background-color: white;	
	text-align:right;
	vertical-align:middle;
	padding-top:10px;
	padding-right:10px;
	white-space: nowrap;
	cursor:pointer; 
}

/*.mainToolBarIconTdDiv {} additional CSS*/

	.mainToolBarIconTdDiv:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		cursor:pointer;
	}
		
.mainToolBarIconImg {
	vertical-align:middle;
	margin-top:-3px;
	padding-right:5px;
	border:0px;
	cursor:pointer; 
}
		
.openBoTab { 
	color:rgb(90,90,90); 		
	text-align:left;
	vertical-align:middle;
	font-size:11pt;
	font-family:sans-serif;
	font-weight:bold;
	padding-left:21px;
	padding-right:10px;
	white-space:nowrap;
	line-height:1.5;
}

.openBoTabSpan { 
	color:rgb(90,90,90); 		
	text-align:left;
	vertical-align:middle;
	font-size:10pt;
	font-family:sans-serif;
	font-weight:normal;
	white-space:nowrap;
	line-height:1.5;
}

.openBoTabIcon { 
	vertical-align:middle;
	padding-left:7px;
	padding-right:7px;
}

.openBoTabSelectionAndSearchTd {  									
	text-align: left;							
	vertical-align: middle;						
	min-width: 150px;
	padding-left:7px;
	padding-right:7px;														
}

.DataSelection {
	color:rgb(90,90,90); 
	font-size:10pt; 
	font-family:sans-serif; 
	font-weight:normal; 
    width: 168px;
    overflow: hidden;
    background: url(../web/selectButton_16.png) no-repeat right #FFF;
    margin-left:10px;
    margin-right:10px;
	border: 1px solid rgb(220,220,220); 				
	vertical-align:middle;
	}
	.DataSelection:hover { 
		
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.DataSelection:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.DataSelection select { /* + additional CSS*/
	height:27px;	
    width: 195px;
    background: transparent;
	color:rgb(90,90,90); 
	font-size:10pt; 
	font-family:sans-serif; 
	font-weight:normal; 
    margin-top:1px;
	padding-top: 2px; 													
	padding-left: 8px; 							
	padding-right: 30px;	
	padding-bottom: 2px; 
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    outline-width: 0;	
    outline: 0;	
	cursor:pointer;
}

.DataSelection select option{
	color:rgb(50,50,50); /* productColor*/
}

.DataSelection select option:disabled {
	color: rgb(255,255,255);
	font-weight:normal;
}

.DataSelectionYellow {
	color:rgb(90,90,90); 
	font-size:10pt; 
	font-family:sans-serif; 
	font-weight:normal; 
	vertical-align:top;	
    width: 168px;
    overflow: hidden;
    background: url(../web/selectButton_16.png) no-repeat right rgb(252,251,196);							
    margin-right:10px;
	border: 1px solid rgb(220,220,220); 				
	vertical-align:middle;
	}
	.DataSelectionYellow:hover { 
		
		border:1px solid rgb(50,50,50); /* productColor*/		
		}
	.DataSelectionYellow:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.DataSelectionYellow select { /* + additional CSS*/
	height:27px;	
    width: 176px;
    background: transparent;
	color:rgb(90,90,90); 
	font-size:10pt; 
	font-family:sans-serif; 
	font-weight:normal; 
    margin-top:1px;
	padding-top: 2px; 													
	padding-left: 8px; 							
	padding-right: 30px;	
	padding-bottom: 2px;  
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    outline-width: 0;	
	cursor:pointer;	
}

.DataSelectionYellow select option{
	color:rgb(50,50,50); /* productColor*/
}

.DataSelectionYellow select option:disabled {
	color: rgb(255,255,255);
	font-weight:normal;
}
		
.fullTextSearchAreaTd { 	
	background-color: rgb(255,255,255);	
	vertical-align: middle;						
}

.fullTextSearchAreaDiv { 
	height:28px;	
    width: 162px;
	text-align:right;
	padding-right:6px;
    margin-right:10px;
	background-color: white; 
	border:1px solid rgb(220,220,220);
	cursor:pointer;
	}
	.fullTextSearchAreaDiv:hover { 
		
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.fullTextSearchAreaDiv:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.fullTextSearchIcon { 
	text-align:right;
	vertical-align:top;
	margin-top:6px;
	padding-left:4px;
	padding-right:6px;
	cursor:pointer; 
}

.toolBarIconTd2 { 
	background-color: rgb(235,235,235);	
}

.toolBarIconTd2Div { /* + additional CSS*/
	margin-top:3px;
	margin-left:1px;
	margin-right:-3px;	
	border: 1px solid rgb(235,235,235);	
}	
	.toolBarIconTd2Div:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.toolBarIconTd2DivDisabled { /* + additional CSS*/
	margin-top:3px;
	margin-left:1px;
	margin-right:-3px;	
	border: 1px solid rgb(235,235,235);	
}	

.toolBarIconTd3Div { /* + additional CSS*/
	margin-top:3px;
	margin-left:-4px;	
	border: 1px solid rgb(235,235,235);	
}	
	.toolBarIconTd3Div:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/

		}

.toolBarIconTd3DivDisabled { /* + additional CSS*/
	margin-top:3px;
	margin-left:-4px;	
	border: 1px solid rgb(235,235,235);	
}	
		
.toolBarIconDiv { 
	white-space:nowrap;
}

/*.toolBarIconDiv1 {} additional CSS*/

	.toolBarIconDiv1:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		cursor:pointer;
		}
	
.toolBarIconDiv2 { /* + additional CSS*/
	margin-left: 0px;		
padding-top: 8px;		
padding-left: 7px;		
padding-right: 7px;		
padding-bottom: 4px;		
}

.toolBarIconDivChart{ 
	border:1px solid rgb(173,193,215);
	cursor:pointer;
	border-radius: 0px;								
}

.toolBarIconDivText { 
padding: 4px 6px 4px 3px;			
	border:1px solid rgb(255,255,255);
	cursor:pointer;									
}

/*.toolBarIconImg {} additional CSS*/

/*.toolBarIconImgDisabled {} additional CSS*/


/*--------------------------------------------MainTable */

.mainTableViewDiv {
	max-height:250px;
	margin-left: 2px; 
	margin-bottom: 10px; 
	overflow: scroll; 
	-webkit-overflow-scrolling: touch;
}

.mainTableViewTableDiv {
	width:100%;
	border:0px solid rgb(245,245,245);
	border-top:10px solid rgb(245,245,245);
}

.top-to-bottom-gradient-top {
	height:20px;  
	width:100%;  
	position:absolute; 
	z-index:2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,1.0)), to(rgba(245,245,245,0)), color-stop(.1,#F5F5F5));
	background: linear-gradient(to bottom, rgba(245, 245, 245, 1), rgba(245, 245, 245, 0));

}

.left-to-right-gradient-left {
	height:100%; 
	width:20px; 
	position:absolute; 
	z-index:1;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255,255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-repeat: repeat-x;
 
}

/*
.left-to-right-gradient-right {
	height:100%; 
	width:20px; 
	position:absolute; 
	right:27px;
	z-index:1;
    background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255,255, 0)));
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: -o-linear-gradient(v, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-image: linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255,255, 0));
    background-repeat: repeat-x;
}

.top-to-bottom-gradient-bottom {
	height:20px;  
	width:100%;  
	position:absolute; 
	bottom:14px;
	z-index:1;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,1.0)), to(rgba(255,255,255,0)), color-stop(.1,#F5F5F5));
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
*/

.editor-top-to-bottom-gradient-top {
	height:20px;  
	width: 96.5%;  
	position:absolute; 
	z-index:1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,1.0)), to(rgba(245,245,245,0)), color-stop(.1,#EBEBEB));
	background: linear-gradient(to bottom, rgba(235, 235, 235, 1), rgba(235, 235, 235, 0));
	margin-left:-16px; 
	margin-right:-16px; 
}

.openBoTabPageTableDivTop{ 
	width:100%;
	background-color:rgb(245,245,245);
	padding-left: 22px;
	padding-top: 10px;   
	padding-bottom: 5px;
}

.openBoTabPageTableDivBottom{ 
	background-color:rgb(245,245,245);
	padding-left: 22px;
	padding-top: 20px;   
	padding-bottom: 20px;
}

.openBoTabPageTable{    
	border-collapse:collapse;
}

.openBoTabPageActive{ 
	text-decoration: none;
	color: white;
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: bold;	 
	background-color: rgb(50,50,50); /* productColor*/
	padding:5px 13px;
	border: 2px solid transparent;
	cursor:initial;
}

.openBoTabPage { 
	height:17px;
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: normal;	 
	background-color: white;
	padding:6px 13px;
	border-left: 1px solid rgb(245,245,245);
	border-right: 1px solid rgb(245,245,245);
	}
	
#openBoTabPage a:link { 
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: normal;	 
	background-color: white;
	padding:6px 13px;
	border: 1px solid transparent;
	cursor:pointer; 
	}
#openBoTabPage a:hover { 
	color: rgb(90,90,90);
	border:1px solid rgb(50,50,50); /* productColor*/
}

.mainTableViewTable {
	width:100%; 
	font-size:10px;
	font-family:sans-serif;
	color:rgb(90,90,90);
	/*border-bottom:10px solid rgb(245,245,245);*/
}

.mainTableViewTableHeaderRow {
	white-space:nowrap;	 		
  	overflow:hidden;
}

.mainTableViewTableHeader {
height:17px;
	color:rgb(90,90,90);
	background-color:rgb(245,245,245);	
	font-family:sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	margin:0px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:22px;
	padding-right:22px;
	border-top:1px solid rgb(245,245,245);	
	border-left:1px solid rgb(245,245,245);	
	border-right:1px solid rgb(245,245,245);	
	border-bottom:1px solid rgb(245,245,245);	
	white-space:nowrap;
  	overflow:hidden;

}

/*.selectedEntriesCheckBox1 {} additional CSS*/

/*.selectedEntriesCheckBox2 {} additional CSS*/

/*.selectedEntriesCheckBox3 {} additional CSS*/

.trEmpty {
	height:50px;
	background-color:rgb(255,255,255);
	border:1px solid rgb(255,255,255); 	
	border-top:1px solid rgb(245,245,245);			
	white-space:normal;
  	overflow:hidden;
	}
	.trEmpty:not(.nohover):hover {
		background-color:rgb(255,255,255);
		}

.tr1 {
	height:50px;
	background-color:rgb(255,255,255);
	border-top:1px solid rgb(245,245,245);	
	border-left:1px solid rgb(255,255,255); 	
	border-right:1px solid rgb(255,255,255); 	
	border-bottom:1px solid rgb(245,245,245);		
	white-space:normal;
  	overflow:hidden;
}

.tr2 {
	height:50px;
	background-color: rgb(255,255,255);	
	border-left:1px solid rgb(255,255,255);	
	border-right:1px solid rrgb(255,255,255);
	border-bottom:1px solid rgb(245,245,245);					
	white-space:normal;
  	overflow:hidden; 
}

.hoverTable tr:hover {
	background-color: rgb(245,245,245);
}

th.hoverTableHeader { 
	background-color: rgb(245,245,245);
	border-bottom:2px solid rgb(245,245,245);	
	cursor: pointer;
	}
	th.hoverTableHeader:hover { 
		text-decoration:underline;
		background-color: rgb(245,245,245);
		cursor:pointer;
		}
	
.tdTable {
	border-collapse: collapse;	
}

.td1 {
	background-color:inherit;		
	color:rgb(90,90,90);
	font-size:10pt;
	font-weight:normal;
	font-family:sans-serif;
	text-align:left;	
	vertical-align:middle;	
	padding-top:6px;
	padding-bottom:4px;
	padding-left:23px;
	padding-right:23px;
	border-left:0px solid white;		
	border-right:0px solid white;	
	border-bottom: 0px solid rgb(245,245,245);
  	overflow:hidden;
}

.td2 {
	background-color:inherit;		
	color:rgb(90,90,90);
	font-size:10pt;
	font-weight:normal;
	font-family:sans-serif;
	text-align:left;	
	vertical-align:middle;	
	padding-top:6px;
	padding-bottom:4px;
	padding-left:23px;
	padding-right:23px;
	border-top:0px solid white;	
	border-left:0px solid white;		
	border-right:0px solid white;		
	border-bottom: 0px solid rgb(245,245,245);
  	overflow:hidden;
	white-space:nowrap;
}

.td3 {
	background-color:inherit;		
	color:rgb(90,90,90);
	font-size:10pt;
	font-weight:normal;
	font-family:sans-serif;
	text-align:left;	
	vertical-align:middle;	
	padding-top:6px;
	padding-bottom:4px;
	padding-left:30px;
	padding-right:30px;
	border-top:0px solid white;	
	border-left:0px solid white;		
	border-right:0px solid white;		
	border-bottom: 0px solid rgb(245,245,245);
  	overflow:hidden;
	white-space:nowrap;	
}

.tdIcon1 {
	width:16px;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:5px;
	text-align: left;
}

.tdIcon2 {
	width:16px;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	text-align: left;
}

.iconInTable {
	margin-bottom:-3px;
}

.iconOnlyInTable {
	text-align:center;
	margin-bottom:-2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	cursor:pointer;
}

.tdDiv {
	width:11px;
	height:11px;
	margin-top:-2px;
	margin-left:2px;
	margin-right:4px;
	border: 1px solid rgb(90,90,90);
}

.mainMenuOuterArea {
	background-color:rgb(50,50,50); /* productColor*//*MenuBackgroundColor*/				
	width:269px;
	max-width:300px;
	margin:0px;
	padding:0px;
	padding-top:0px;
	vertical-align:top;
	text-align:center;
}

.mainMenuInnerArea {
	background-color:rgb(50,50,50); /* productColor*//*MenuBackgroundColor*/				
	height:100%;
	width:269px;
	max-width:300px;
	margin:0px;
	margin-top:-1px;
	padding:0px;
	padding-top:10px;
	vertical-align:top;
	text-align:left;
  	border-collapse:collapse;
  	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

.mainTableViewOuterArea {
	background-color:rgb(245,245,245);					
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:center;
  	border-collapse:collapse;
}

.mainTableViewInnerArea {
	background-image:url(table_background.png);
	background-color:white;
	background-position:left top;
	background-repeat:repeat;
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:center;
	border-collapse:collapse;				
  	overflow:scroll;
	-webkit-overflow-scrolling: touch;
}

/*--------------------------------------------MainTableCockpit */	
.cockpitDiv {
	width:96.5%; 
	text-align:left;
	padding-top: 5px;
	padding-left:10px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.cockpitLegend {								
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal; 							
	font-weight:bold; 							
	color:rgb(90,90,90); 
	border:0px;	
	padding-top: 5px;	
	margin: 0px;		
}

.cockpitLegendIconImg {
	margin-top:-4px;
	margin-left:0px;
	margin-right:2px;	
	vertical-align:middle;
	border-collapse:collapse;
	cursor:pointer; 
}

.cockpitSeparatorDiv { 							
	background-color: rgb(245,245,245);        
	height:0px;									
	margin-top:15px;							
	margin-bottom:5px;							
	border-top: 1px solid rgb(221,231,243); 	
	border-bottom:1px solid rgb(255,255,255);				
  	border-collapse:collapse;
}

.cockpitToolBarTableDiv { 									
	width:100%;			
}

.cockpitToolBarTable { 									
	margin-top:-20px; 
	margin-left:1px; 
	margin-right:3px; 
	margin-bottom:5px; 
	vertical-align: middle;
}

.cockpitTableDiv {
	width:99%;
	max-height:250px;
	background-color:white; 
	margin-left: 2px; 
	margin-bottom: 10px; 
	border:1px solid rgb(255,255,255); 
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
}

.cockpitDashboardTable {
	width:420px;	
	text-align:left;
	margin-top: 15px;
	border-collapse: collapse;
}

.cockpitDashboardImg {
		width: 350px;
}

/*--------------------------------------------MainTableCharts */	

.mainHeaderAndChartsTitlePosition {
	background-color:rgb(245,245,245); 
	position:fixed; 
	-webkit-backface-visibility: hidden;
	left:0px; 
	top:0px; 
	width: 100%;
	overflow:hidden;
}

.mainToolBarAppNameChart { 	
	min-width:154px;
	color: rgb(50,50,50); /* productColor*/
	background-color: white;
	font-size: 15pt;
	font-family: sans-serif;
	font-style:normal;
	font-weight:normal;
	text-align:left;
    text-transform:uppercase;
    vertical-align: middle;
    padding-top:10px;
    padding-left:22px;
	white-space:nowrap;
}

.mainToolBarCompanyLogoTdChart {
	text-align:right; 
	background-color: white;
	padding-top:6px;	
	padding-right:4px;	
}

.mainChartsTitle {
	color: rgb(90,90,90);
	background-color: white;
	font-size: 11pt; 
	font-family: sans-serif;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	padding-top: 25px; 
	padding-left: 23px;
	padding-right: 30px;
	padding-bottom: 15px;
}

.chartTablePosition {
	margin-top:130px;
}

.chartTable {
	width:1px;
	margin-top: 30px; 
	margin-bottom: 30px; 
	margin-left: 15px; 
	border-collapse:collapse;
}

.chartHeaderIconImg {
	margin-top:-4px;
	margin-left:-2px;
	margin-right:4px;	
	vertical-align:middle;
	border-collapse:collapse;
}

.chartHeaderTitle {
	font-size: 11pt; 	
	font-weight: bold; 
	width: 100%; 
	padding-top: 5px;
	padding-bottom: 15px;
}

.chartDescription {
	padding-bottom: 20px;
}

.chartContent {
	background-color: white; 
	text-align: left; 
	margin-right: 26px;	
	border: 10px solid white; 
}

.chartLargeContent {
	background-color: white; 
	text-align: left; 
	margin-right: 26px;	
	border: 10px solid white;  

}

/*.chartBody {
	margin:0px; 
	padding:0px
}*/

.chartToolBarTable {
    width:100%;
    height:50px;
    text-align:right;
	background-color:rgb(245,245,245); 
	border-top:1px solid white;
	border-left:1px solid white; 
	border-right:1px solid white;
	border-bottom:10px solid white;
    border-collapse:collapse;    
}

.chartIcontd {
	color:rgb(90,90,90); 
	width:28px;
	text-align:center;
	vertical-align:middle;
	padding-right:20px;
	cursor:pointer; 
	white-space:nowrap;
}

.chartButton { 
	margin-top:2px;
	margin-right:-14px;
	padding-top:6px;
	padding-left:6px;
	padding-right:10px;
	padding-bottom:6px;
	border:1px solid transparent;
	white-space: nowrap;
	cursor:pointer;	
}
	.chartButton:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		cursor:pointer;		
		}
		
.chartIconImg {
	vertical-align:middle;
	margin-top:-2px;
	border:0px;
	cursor:pointer; 
}

.chartIconSpan {
	padding-left:2px;
	cursor:pointer; 
	white-space:nowrap;
}
	
.chartTableCommentDiv {						
	text-align:left; 	
	margin-left: 20px;
	border:1px solid rgb(173,193,215); 	
}

.chartTableCommentDiv2 {						
	border:2px solid white;	
}

.chartTableCommentTable {
	font-size:10px;
	font-family:sans-serif;
	color:rgb(90,90,90);	
	border-collapse:collapse;

}

.chartTableViewTableHeader {
height:17px;
	color:rgb(90,90,90);
	font-family:sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	margin:0px;
	padding-top:7px;
	padding-bottom:6px;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid white;	
	border-left:1px solid rgb(221,231,243);	
	border-right:1px solid rgb(221,231,243);	
	border-bottom:1px solid rgb(221,231,243);	
	white-space:nowrap;
  	overflow:hidden;

}

.chartTr1 {
	height:50px;
	background-color:rgb(255,255,255);
	border-left:1px solid rgb(221,231,243); 	
	border-right:1px solid rgb(221,231,243); 	
	border-bottom:1px solid rgb(255,255,255);		
	white-space:normal;
  	overflow:hidden;
}

.chartTr2 {
	height:50px;
	background-color: rgb(237,243,249);	
	border-left:1px solid rgb(221,231,243); 	
	border-right:1px solid rgb(221,231,243);
	border-bottom:1px solid rgb(237,243,249);					
	white-space:normal;
  	overflow:hidden; 
}

.chartTd1 {
	background-color:inherit;		
	color:rgb(90,90,90);
	font-size:10pt;
	font-weight:normal;
	font-family:sans-serif;
	text-align:left;	
	vertical-align:middle;	
	padding-top:6px;
	padding-bottom:4px;
	padding-left:7px;
	padding-right:7px;
	border-top:0px solid rgb(221,231,243);
	border-left:1px solid rgb(221,231,243); 	
	border-right:1px solid rgb(221,231,243); 
	border-bottom: 0px solid rgb(221,231,243); 
  	overflow:hidden;
}

.chartTd2 {
	background-color:inherit;		
	color:rgb(90,90,90);
	font-size:10pt;
	font-weight:normal;
	font-family:sans-serif;
	text-align:left;	
	vertical-align:middle;	
	padding-top:6px;
	padding-bottom:4px;
	padding-left:7px;
	padding-right:7px;
	border-top:0px solid rgb(221,231,243);
	border-left:1px solid rgb(221,231,243);  	
	border-right:1px solid rgb(221,231,243);  
	border-bottom:0px solid rgb(221,231,243); 
  	overflow:hidden;
}

/*.gradientChartsTop {} additional CSS*/

/*.gradientChartsLeft {} additional CSS*/

/*.gradientChartsRight {} additional CSS*/

/*.gradientChartsBottom {} additional CSS*/

/*--------------------------------------------EditorTabs */
.mainFieldsetTabs {						
	min-width: 680px;
	width: 95%;
	text-align:left;
	border-radius: 3px; 	
	border-top: 1px solid rgb(247,247,247); 
	border-left: 1px solid rgb(247,247,247); 
	border-right: 1px solid rgb(247,247,247); 					
	border-bottom: 1px solid rgb(200,200,200);
	background-color: rgb(247,247,247);          
	margin-top: 10px; 							
	padding-top: 0px; 							
	padding-bottom: 0px; 						
	padding-left: 15px; 						
	padding-right: 15px; 					
}

.EditorTabsTable { 								
	min-width: 680px;	
	width: 100%;	
	text-align:left; 
	margin-left: -15px;
	border-collapse: collapse;	
	margin-bottom: -1px;														
}

.EditorTabsImg { 								
	height: 22px; 
	width: 16px;	
	cursor:pointer;															
}

.EditorTabsIcon { 								
	height: 22px; 
	width: 14px;	
	cursor:pointer;															
}

.EditorTabsExit { 								
	height: 22px; 
	width: 12px;
	cursor:pointer;															
}

.EditorTabsOpenText { 
	color: rgb(90,90,90);
	font-weight:bold;								
	height: 22px; 
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;	
	width: 85px;	
	cursor:pointer;										
}

.EditorTabsText { 
	color: rgb(90,90,90);
	font-weight:bold;								
	height: 22px; 
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;	
	width: 85px;	
	cursor:pointer;										
}

#EditorTabsTextLink a:link { 
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: normal;	 
}

#EditorTabsTextLink a:visited {
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: bold;	 
}

#EditorTabsTextLink a:hover { 
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: bold;	 
}

#EditorTabsTextLink a:active { 
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: bold;	 
}

#EditorTabsTextLink a:focus { 
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: bold;	 
}

.EditorTabsEmpty { 								
	height: 22px;															
}

/*--------------------------------------------EditorTable */
.editorMainHeader {		
	width:100%; 				
	text-align:center; 
 	color:white;
	font-family:sans-serif; 
	background-color:rgb(50,50,50); /* productColor*/
	font-size:11pt; 
	font-weight: bold; 
	border: 1px solid rgb(50,50,50); /* productColor*/
	border-collapse:collapse;
}

.editorMainHeaderCloseButton {						
	width:1px;
	height:30px;
	font-size:10pt;
	background-color:rgb(50,50,50); /* productColor*/
	text-align:center;
	vertical-align:center;
	padding-left: 15px; 						
	padding-right: 15px;
	border: 1px solid rgb(50,50,50); /* productColor*/
	cursor:pointer;
	}
	.editorMainHeaderCloseButton:hover {						
		background-color: rgb(65,65,65);
		border: 1px solid rgb(65,65,65);
	}

.mainFieldset {						
	width: 96.5%;
	text-align:left; 						
	background-color:rgb(235,235,235);
	padding-top: 10px; 							
	padding-left: 15px; 						
	padding-right: 15px; 		
}

.fieldsetDistaceDiv {						
	height:10px; 					
}

.fieldsetEndDiv {						
	height:15px;
	width: 96.5%;
	background-color:rgb(235,235,235);
	padding-left: 15px; 						
	padding-right: 15px; 	
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.fieldsetEndDivSearch {						
	height:15px;
	width: 96.5%;
	background-color:rgb(235,235,235);    
	padding-left: 15px; 						
	padding-right: 15px; 	
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.mainFieldsetMainHeadlineDiv {						
	width: 96.5%;
	text-align:left; 						
	background-color:rgb(180,180,180);	
	margin-top:10px;
	padding-top: 5px; 						
	padding-left: 15px; 						
	padding-right: 15px; 					
	padding-bottom: 8px; 						
	cursor:pointer;
	white-space:nowrap; 	
	}
	.mainFieldsetMainHeadlineDiv:hover { 
		background-color:rgb(195,195,195);	;	
		}
		
.mainFieldsetMainHeadlineTable {						
	width:100%;
	border-collapse:collapse;						
}

.mainFieldsetMainHeadlineTd {						
	width:100%; 
	padding-top:5px;
	font-weight:bold;	
}
	
.mainFieldsetHeadlineDiv {						
	width: 96.5%;
	text-align:left; 						
	background-color:rgb(235,235,235);
	padding-top: 15px; 						
	padding-left: 15px; 						
	padding-right: 15px; 					
}
	
.mainFieldsetToggleDivIcon {		
	margin-top: 3px; 
	margin-left: -7px; 
	margin-bottom: -3px; 
	padding-right: 3px; 
	border:0px;
}

.mainFieldsetHeadline {		
	max-width:803px;	
	background-color:rgb(220,220,220);
	padding-top: 5px; 						
	padding-left: 6px; 						
	padding-bottom: 8px; 
	}
.mainFieldsetHeadline:hover { 
	background-color:rgb(210,210,210);
	}
	
.mainFieldsetHeadline2 {		
	max-width:709px;	
	margin-top: -11px;
	margin-left: -6px;
	margin-bottom: -11px;
	padding-top: 4px; 						
	padding-left: 6px; 						
	padding-right: 12px; 					
	padding-bottom: 7px; 
}

.mainFieldsetHeadlineTable {						
	border-collapse:collapse;		
}

.mainFieldsetHeadlineIconBarLeft {		
	width:100%;	
	padding-top: 5px; 
	padding-bottom: 5px;	
	text-align: left; 
}

.mainFieldsetHeadlineIconBar {		
	text-align: left; 
}

.mainFieldsetHeadlineIcon {		
	margin-top: 2px; 
	margin-bottom: -3px; 
	padding-left: 5px; 
	padding-right: 0px; 
	border:0px;
}

.mainFieldsetHeadlineIconSpanFlat {		
	font-size:10pt;
 	font-weight: normal;	
	padding-top: 7px; 
	padding-left: 6px; 
	padding-right: 6px; 
	padding-bottom: 6px; 
	border:1px solid transparent;
	cursor:pointer;								
	}
	.mainFieldsetHeadlineIconSpanFlat:hover { 
		
		border:1px solid rgb(50,50,50); /* productColor*/
		cursor:pointer;		}
		
.mainFieldsetHeadlineIconSpanAsButton {		
	color:rgb(90,90,90); 
	//*background-image: url("editor_button.png");*//
	font-family: sans-serif;
	font-size: 10pt;							
	font-weight: normal; 						
	min-width: 85px;							
	padding-top: 6px; 	
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 6px; 	
	border:1px solid transparent;
	cursor:pointer;								
	}
	.mainFieldsetHeadlineIconSpanAsButton:hover {		
		border:1px solid rgb(50,50,50); /* productColor*/
		cursor:pointer;	}

.mainFieldsetHeadlineIconFlat {		
	margin-top: 3px; 
	margin-bottom: -3px; 
	padding-right: 1px; 
	border:0px solid transparent;
}

.mainFieldsetHeadlineIconAsButton {		
	margin-top: 3px; 
	margin-bottom: -3px; 
	padding-left: 0px; 
	padding-right: 1px; 
}

.mainFieldsetTableDiv {						
	max-height:250px;
	width: 96.5%;
	text-align:left; 						
	border-top:0px solid rgb(235,235,235);	
	border-left:1px solid rgb(235,235,235);		
	border-right:1px solid rgb(235,235,235);		
	border-bottom:1px solid rgb(235,235,235);		
	padding-left: 15px; 						
	padding-right: 15px; 
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.mainFieldsetTable {
	font-size:10px;
	font-family:sans-serif;
	color:rgb(90,90,90);
	border-right:1px solid rgb(235,235,235);	
	border-bottom:1px solid rgb(235,235,235);		
	margin-top:-1px;
	margin-left:-16px;
	margin-right:-16px;
}

.mainFieldsetSearch {
	width: 96.5%;
	text-align:left;
	background-color:rgb(235,235,235);    
	padding-top: 10px; 							
	padding-left: 15px; 						
	padding-right: 15px; 					
}

.mainFieldsetLegend {								
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal; 							
	font-weight:bold; 							
	color:rgb(90,90,90); 
	text-align:left;
	border:0px;	
	padding-top: 1px;	
	margin: 0px;		
}

.mainFieldsetButton { 							
	width: 96.5%;
	border: 0px solid transparent;			
	background-color:rgb(235,235,235);
	padding-top: 7px; 							
	padding-bottom: 7px;						
	padding-left: 15px; 						
	padding-right: 15px; 						
    border-radius: 0px;
}

.mainFieldsetButtonDiv { 							
	margin-top:-6px;
	margin-left:-15px;
}

.mainFieldsetLogin { 							
	width: 296px;									 						
	border: 0px solid rgb(200,200,200);			
	border-radius: 0px;	
	background-color: rgb(245,245,245);						
	padding-top: 18px; 							
	padding-bottom: 10px; 					
	padding-left: 15px; 					
	padding-right: 15px;	
}

.mainFieldsetLoginButton { 						
	text-align: right; 							
	width: 297px; 								 						
	background-color:rgb(245,245,245);		
	margin-top: 10px; 							
	padding-top: 7px; 							
	padding-bottom: 7px;						
	padding-left: 15px; 						
	padding-right: 15px;
	border: 0px solid rgb(200,200,200);			
	border-radius: 0px;			
}

.mainSeparatorDiv { 							
	background-color:rgb(235,235,235);
	height:0px;									
	margin-top:15px;							
	margin-bottom:5px;							
	border-top: 1px solid rgb(178,201,228);  	
	border-bottom:1px solid rgb(237,243,249);
  	border-collapse:collapse;
}


/*-------------------------------------------- Login Maske ALT!!! ---------------*/

.appLogoLoginDiv {
	width: 295px;								
	height: 150px;	
	margin-top:0px;
	margin-bottom:14px;
	padding-top:0px; 
	border:1px solid rgb(173,193,215);
	}

.appLogoLoginImg {
	width: 291px;								
	height: 146px; 	
	margin-top:0px;
	margin-bottom:-3px;
	border:2px solid rgb(255,255,255);
}

.tdCol1Login  { 	
	text-align: right; 
	vertical-align: top; 						
	width: 70px;
	padding-top: 6px;			
	padding-right: 7px;							
	line-height: 20px;						
	border:1px solid transparent;
}	

.tdCol2Login  { 	
	text-align: left;						
	vertical-align: top;						
	width: 230px;
	padding-top: 2px;					
	border:1px solid transparent;
  	border-bottom:5px solid transparent;					
}

.inputLogin  { 
	width:99%;	
	background-color:rgb(255,255,255); 						
	padding-top: 4px; 							
	padding-bottom: 4px; 						
	padding-left: 4px; 							
	padding-right: 0px;					
	border-top: 1px solid rgb(173,193,215);
	border-left: 1px solid rgb(173,193,215);
	border-right: 1px solid rgb(221,231,243);			
	border-bottom: 1px solid rgb(221,231,243);				
	border-radius: 0px;			
	outline-width: 1;	
	}
	.inputLogin:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.inputLogin:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.failedLogin {
	color:rgb(198,0,0); 
	text-align: left;
	font-style: normal;  	
	padding-left: 4px;	

}

.forgotPassword { 
	text-align: right;
	padding-top: 3px; 														
	padding-left: 2px;	
	padding-right: 0px;	
}

#forgotPasswordLink a:link { 
	text-align: left;
	text-decoration:none;
	color: rgb(50,50,50); /* productColor*/
 	font-size: 9pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: normal;	
}

#forgotPasswordLink a:hover { 
	text-align: left;
	text-decoration:none;
	color: rgb(50,50,50); /* productColor*/
 	font-size: 9pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: normal;	 
	text-decoration: underline;
}


	
td.col1  { 										
	text-align: right;
	vertical-align: top; 						
	width:190px;
	padding-top: 11px;	
	padding-right: 10px;		
	padding-bottom:4px	;
	line-height: 15px;								
  	border:2px solid transparent;													
  	border-top:12px solid transparent;					
  	border-bottom:12px solid transparent;					
}

td.col2 {  									
	text-align: left;							
	vertical-align: top;						
	width: 190px;				
	padding-top: 3px;	
	padding-bottom:0px;
  	border:2px solid transparent;													
  	border-top:12px solid transparent;					
  	border-bottom:12px solid transparent;					
}

td.col3 {  									
	text-align: left;							
	vertical-align: top;						
	width: 160px;				
  	border:2px solid transparent;													
}

.col4HeadlineTable {  
	margin-top: -5px; 	
	border-collapse:collapse;					
}

.col4Headline {  
	height:18px;
	background-color:rgb(220,220,220);
	text-align: left;				
	font-weight:bold;
	vertical-align: top;			
	margin-bottom: -20px; 	
	padding-top: 8px; 						
	padding-left: 8px; 						
	padding-right: 6px; 					
	padding-bottom: 3px; 	
  	border:0px solid rgb(235,235,235);													
  	border-right:12px solid rgb(235,235,235);													
  	border-bottom:11px solid rgb(235,235,235);													
	white-space:nowrap; 
	overflow:hidden;		
}

.col4 {  	
	text-align: left;							
	vertical-align: top;														
  	border-top:0px solid inherit;														
  	border-left:0px solid inherit;													
  	border-right:1px solid inherit;														
  	border-bottom:1px solid inherit;
	white-space:nowrap; 

}

/*.col5 {} additional CSS*/

.col5Span { /* + additional CSS*/
	margin-top: -7px; 	
	margin-left: -1px; 	
	padding-top: 4px; 	
	padding-right: 6px; 
	padding-bottom: 5px; 	
	border:1px solid rgb(235,235,235);
	cursor:pointer; 
}
	.col5Span:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

/*td.col6 {  									
	text-align: left;							
	vertical-align: top;						
	padding-bottom:0px;
  	border-top:12px solid transparent;					
  	border-bottom:12px solid transparent;					
}*/

.col6 {  	
	text-align: left;							
	vertical-align: top;														
   	border:0px solid rgb(235,235,235);													
 	border-right:12px solid rgb(235,235,235);													
  	border-bottom:10px solid rgb(235,235,235);													
	white-space:nowrap; 
}
		
.EditorButton {   								
	color:white;
	background-color: rgb(180,180,180);
	font-family: sans-serif;
	font-size: 13px;							
	font-weight: normal; 						
	min-width: 120px;							
	padding-top: 9px; 	
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 8px; 	
	border: 1px solid rgb(180,180,180);
	cursor:pointer;								
	}
	.EditorButton:hover { 
		color:white; 						
		background-color: rgb(50,50,50); /* productColor*/
		border:1px solid rgb(50,50,50); /* productColor*/
		cursor:pointer;
		}
	.EditorButton:focus { 
		color:white; 						
		background-color: rgb(50,50,50); /* productColor*/
		border:1px solid rgb(50,50,50); /* productColor*/
		}	

.EditorButtonDisabled {   								
	color: rgb(245,245,245);					
	background-color: rgb(215,215,215);
	font-family: sans-serif;
	font-size: 13px;							
	font-weight: normal; 						
	min-width: 120px;							
	padding-top: 9px; 	
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 8px; 	
	border: 1px solid rgb(215,215,215);
}

.editorFieldMandatory {
	border: 1px solid white;
	border-style: solid;	
	border-left-color: rgb(50,50,50); /* productColor*/
}

.textDivEditor { 
	min-height:14px;
	background-color: ; 
	padding-top:8px; 							
	padding-bottom:0px; 							
	border: ;	
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;							
	outline-width: 0;									
}

.textDivEditorInactive { 
 	min-height:14px;
    color: rgb(150,150,150);
	background-color: ; 
	padding-top:8px; 							
	padding-bottom:0px; 		
	border: ;	
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;	
	outline-width: 0;					
}
	
.textareaEditor { /* + additional CSS*/
	width:97.8%; 										
	background-color: white; 
	padding: 7px 6px; 							
	border: 1px solid inherit;	
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;							
	outline-width: 0;									
	}
	.textareaEditor:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.textareaEditor:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	
.textareaEditorInactive { /* + additional CSS*/
	width:97.8%; 										
    color: rgb(150,150,150);
	background-color: rgb(247,247,247); 
	padding: 7px 6px; 							
	border: 1px solid rgb(247,247,247); 
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;	
	outline-width: 0;					
}

.imagearea {
	background-color: white; 
	max-width: 185px;	
	padding: 2px;					
	border: 1px solid white;	
	outline-width: 0;	
	cursor:pointer;
}
	.imagearea:hover { 
		
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.imagearea:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
		
.textarea {
	width:97%;	
	height:18px;
	background-color: white; 
	padding-top: 5px; 							
	padding-bottom: 4px; 						
	padding-left: 6px; 							
	border: 1px solid inhert;
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;							
	outline-width: 0;					
	}
	.textarea:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.textarea:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
		
.textareaInactive {
	width:97%;	
	height:19px;
    color: rgb(150,150,150);
	background-color: rgb(247,247,247); 
	padding-top: 5px; 							
	padding-bottom: 4px; 						
	padding-left: 6px; 							
	border: 1px solid rgb(247,247,247); 
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;												
	outline-width: 0;					
}

.textareaLong {
	width:99%;	
	height:19px;
	background-color: white;
	padding-top: 4px; 							
	padding-bottom: 4px; 						
	padding-left: 6px; 							
	border: 1px solid inhert;
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;							
	outline-width: 0;					
	}
	.textareaLong:hover { 
		border: 1px solid rgb(50,50,50); /* productColor*/		}
	.textareaLong:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	
.textareaLongInactive {
    color: rgb(150,150,150);
	background-color: rgb(247,247,247); 
	width:99%;	
	height:19px;
	padding-top: 4px; 							
	padding-bottom: 4px; 						
	padding-left: 6px; 							
	border: 1px solid rgb(247,247,247); 
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;							
	outline-width: 0;			
}

.timearea {
	background-color: white; 
	width: 27%; 
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;	
	font-weight:normal;	
	text-align:left;
	margin-top:8px; 
	padding-top: 4px; 
	padding-bottom: 4px; 						
	padding-left: 3px; 							
	padding-right: 1px;						
	border: 1px solid inherit;	
	border-radius: 0px;
	outline-width: 0;		
	cursor:pointer;
}
	.timearea:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.timearea:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	
.timeareaInactive {
	color: rgb(110,151,200);
	background-color: white; 
	width: 27%; 
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;	
	font-weight:normal;	
	text-align:left;
	margin-top:8px; 
	padding-top: 4px; 
	padding-bottom: 2px; 						
	padding-left: 3px; 							
	padding-right: 1px;						
	border-top: 1px solid rgb(173,193,215);
	border-left: 1px solid rgb(173,193,215);
	border-right: 1px solid rgb(221,231,243);			
	border-bottom: 1px solid rgb(221,231,243);		
	border-radius: 0px;
	outline-width: 0;		
}

/*.selectarea {} additional CSS*/

	.selectarea:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
		
	.selectarea:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

/*.selectareaInactive {} additional CSS*/

/*.selectareaLong {} additional CSS*/

/*.selectareaLongInactive {} additional CSS*/

/*.selectareaDateTime {} additional CSS*/
		
	.selectareaDateTime:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.selectareaDateTime:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

/*.selectareaDateTimeInactive {} additional CSS*/


/*.selectareaShortNoLink {} additional CSS*/

/*.selectareaShortSelect {} additional CSS*/

.calendarIconDiv {
	margin-bottom:-11px;
	margin-left:0px;
	border: 1px solid rgb(235,235,235);
	outline-width: 0;	
	cursor:pointer;
}
	.calendarIconDiv:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.calendarIconImg {
	padding-top: 5px; 							
	padding-bottom: 2px; 						
	padding-left: 6px; 							
	padding-right: 7px;	
	border: 1px solid rgb(235,235,235);
	outline-width: 0;	
}
		
.selectareaShort {
	background-color: white; 
	width: 25px;
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;	
	font-weight:normal;		
	border-left: 0px;
	text-align:left;			
	border-top: 0px solid transparent; 	 
	border-left: 0px solid transparent; 	 
	border-right: 0px solid transparent; 	 	
	border-bottom: 1px solid transparent; 
	border-radius: 0px;
	outline-width: 0;	
	cursor:pointer;
	}
	.selectareaShort:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.selectareaShort:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
		
.selectareaShortDiv {
	background-color:inherit;	
	left: -3px;
	top:1px;
	text-align:left;
	padding-top:11px;
	padding-bottom:11px;	
	margin-right:20px; /* Sorgt dafuer das class="ellipsis" einen Abstand bekommt*/
}

.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  	overflow:hidden;  
	width:auto;
}

/*.selectareaShortLink {} additional CSS*/

/*.selectareaShortNoLink {} additional CSS*/

/*.selectareaShortSelect {} additional CSS*/

	.selectareaShortSelect:hover { 
		background-image:url("selectButtonTableMenuHover_16.png");
		}
	
	.calendarDateInput:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.calendarDateInput:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}	
	select.calendarDateInput:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	select.calendarDateInput:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}		

/*#contextMenuIcon {} additional CSS*/
		
	#contextMenuIcon:hover { 
		background-image:url(selectButtonTableMenuHover_16.png);
		}
		
.contextMenuDiv {
	width:100%; 
	height:100%; 
	background-color:white;	
	color:rgb(50,50,50); 
	text-align:left;
	padding-top:10px; 
	padding-bottom:10px; 
	padding-left:20px; 
	padding-right:15px; 
	margin-left:-23px; 
	border:0px solid white;
-webkit-box-shadow: 0px 0px 20px -6px rgba(90,90,90,1);
-moz-box-shadow: 0px 0px 20px -6px rgba(90,90,90,1);
box-shadow: 0px 0px 20px -6px rgba(90,90,90,1);
}

.contextMenuDivText {
	position:fixed; 
	left:0px; 
	top:0px; 
	z-index:10000;  
	visibility:hidden; 
	line-height: 2.8em;
	padding:0px; 
	margin:0px; 
}

.contextMenuDivTextContent {
	cursor:pointer;
	margin:0px;
}
				
#tableSelectLink a:link { 
	color:rgb(50,50,50); /* productColor*/ 
	font-size:10pt; 
	font-weight:normal; 
	font-family:sans-serif; 
	text-align:left;	 
	background-color:inherit; 
}

#tableSelectLink a:visited {
	color:rgb(50,50,50); /* productColor*/ 
	font-size:10pt; 
	font-weight:normal; 
	font-family:sans-serif; 
	text-align:left;	 
	background-color:inherit;  
}

#tableSelectLink a:hover { 
	color:rgb(50,50,50); /* productColor*/ 
	text-decoration:underline;
	font-size:10pt; 
	font-weight:normal; 
	font-family:sans-serif; 
	text-align:left;	 
	background-color:inherit;  
}

#tableSelectLink a:active { 
	color:rgb(50,50,50); /* productColor*/ 
	font-size:10pt; 
	font-weight:normal; 
	font-family:sans-serif; 
	text-align:left;	 
	background-color:inherit; 
}

#tableSelectLink a:focus { 
	color:rgb(50,50,50); /* productColor*/ 
	font-size:10pt; 
	font-weight:normal; 
	font-family:sans-serif; 
	text-align:left;	 
	background-color:inherit; 
}

.flagarea {
	margin-top: 0px;	
	margin-left: 2px;
	outline-width: 0; 
}

.signature { /* + additional CSS*/
    color: rgb(90,90,90);
	background-color: white; 
	width:98%;							
	height:44px;							
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;
	padding-top: 4px; 							
	padding-bottom: 4px; 						
	padding-left: 4px; 							
	padding-right: 0px;					
	border: 1px solid white;	
	border-radius: 0px;							
	outline-width: 0;					
	}
	.signature:hover { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
	.signature:focus { 
		border:1px solid rgb(50,50,50); /* productColor*/
		}
		
.signatureInactive { /* + additional CSS*/
    color: rgb(150,150,150);
	background-color: rgb(247,247,247); 
	width:98%;							
	height:30%;							
	font-size:10pt;								
	font-family:sans-serif;						
	font-style:normal;	padding-top: 4px; 							
	padding-bottom: 4px; 						
	padding-left: 4px; 							
	padding-right: 0px;					
	border: 1px solid rgb(247,247,247); 
	border-radius: 0px;							
	outline-width: 0;					
}

.modalDialogDivOuter {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10000;
	background-color:white;	filter:alpha(opacity=0);
	opacity:0.0;
	visibility:hidden;
	paddnig:auto;
	text-align:center;
	vertical-align:middle;
}

.modalDialogDivInner {
	position:fixed;
	z-index:10001;
	background-color:rgb(241,241,241); 			
	visibility:hidden;
	padding:0px;
	text-align:center;
	vertical-align:middle;
  	border: 1px solid rgb(215,215,215); 
}

.modalDialogDivTitle {
	background-color:#CACACA;
	color:blue;
	visibility:hidden;
	paddnig:auto;
	text-align:center;
	vertical-align:middle;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:2px;
	border-style:solid;
	border-color:aliceblue;
}

.modalDialogDivContent {
	background-color:whitesmoke;
	visibility:hidden;
	paddning:0px;
	text-align:left;
	vertical-align:middle;
}

.simpleMenuTable {
	background-color:rgb(241,241,241);			
	color:rgb(90,90,90); 						
	text-align:left;
	padding:0px;
	margin-top:-2px;							
	font-size:10pt;
	font-family:sans-serif;
	white-space:normal;
  	overflow:visible;
  	border-collapse:collapse;
  	border: 1px solid rgb(215,215,215); 		
	cursor:pointer;
}

.simpleMenuTableRow:hover{
	background-color:rgb(221,221,221); 			
	text-align:left;
	padding:0px;
	margin-top:-2px;							
	font-size:10pt;
	font-family:sans-serif;
	white-space:normal;
  	overflow:visible;
  	border-collapse:collapse;
  	border: 0px solid transparent;			
	cursor:pointer;
}

.simpleMenuTableIconCell {
	text-align:left;
	padding-top:4px;							
	padding-bottom:4px;							
	padding-left:5px;							
	padding-right:5px;							
	margin:2px;
	font-size:10pt;
	font-family:sans-serif;
	white-space:normal;
 	overflow:visible;
  	border-top: 1px solid transparent;			
    border-left: 1px solid transparent;			
    border-right: 1px solid rgb(255,255,255); 		
   	border-bottom: 1px solid transparent;		
	cursor:pointer;
}

.simpleMenuTableTextCellActive{
	text-align:left;
	padding-top:4px;						
	padding-bottom:4px;							
	padding-left:10px;							
	padding-right:10px;							
	margin:2px;
	font-size:10pt;
	font-family:sans-serif;
	white-space:normal;
  overflow:visible;
  	border-top: 1px solid transparent;		
    border-left: 1px solid transparent;			
    border-right: 1px solid transparent;		
   	border-bottom: 1px solid transparent;	
  border-collapse:collapse;
	cursor:pointer;
}

.simpleMenuTableTextCellInactive{
	text-align:left;
	color: rgb(170,170,170);
	padding-top:4px;						
	padding-bottom:4px;							
	padding-left:10px;							
	padding-right:10px;						
	margin:2px;
	font-size:10pt;
	font-family:sans-serif;
	white-space:normal;
  overflow:visible;
  	border-top: 1px solid transparent;		
    border-left: 1px solid transparent;			
    border-right: 1px solid transparent;	
   	border-bottom: 1px solid transparent;		
  border-collapse:collapse;
	cursor:pointer;
}

.simpleMenuTableIconCellSeparator {
	text-align:left;
	height:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:2px;
  	border-top: 1px solid transparent;			
    border-left: 1px solid transparent;			
    border-right: 1px solid white;				
   	border-bottom: 1px solid transparent;		
  	border-collapse:collapse;
	cursor:pointer;
}

.simpleMenuTableTextCellSeparator{
	text-align:left;
	height:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	font-size:10pt;
	font-family:sans-serif;
	white-space:normal;
  	overflow:visible;
  	border-top: 1px solid transparent;		
    border-left: 1px solid transparent;		
    border-right: 1px solid transparent;	
   	border-bottom: 1px solid white;			
  	border-collapse:collapse;
	cursor:pointer;
}

.systemTitleText {
	background-color:rgb(50,50,50); /* productColor*/ 
}

.buttonFlexibleSmallDiv {
	width:auto;
	text-align:left; 
	background-color:white;
	padding-top: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 12px;
    cursor:pointer;
}
 
.buttonFlexibleSmall {
	color: white; 
	width:90px;
	background-color:rgb(180,180,180);
	margin: 0px;
	padding-top: 9px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	font-size:10pt;
	font-family:sans-serif;
	font-weight:normal;
	text-align: center;
	white-space: nowrap;
    cursor:pointer; 
	}
	.buttonFlexibleSmall:hover { 
		background-color: rgb(50,50,50); /* productColor*/
		}	
/* von Arvand eingefuehrt. Wird fuer den Dialog benoetigt */
.buttonFlexibleSmallBorderless {
	width: auto;
	height: 34px;	
	color:white; 
	background-color: transparent;
    font-weight: normal;
	text-align: right;
	margin: 0px;
	padding-left: 4px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;	
	border-collapse:collapse;
	white-space: nowrap;
	cursor:pointer;
}
		
.allertTable {
	width: 100%;
	margin:-15px;
	border-collapse: collapse;
	
}

.allertTableHeader1 {
	background-color: rgb(245,245,245);
	font-weight: bold;
	vertical-align: bottom;
	padding-top: 16px; 
	padding-left: 15px; 
	padding-right: 15px;  
	padding-bottom: 10px; 
}

.allertTableHeader2 {
	background-color: rgb(245,245,245);
	font-weight: bold;
	vertical-align: bottom;
	padding-top: 16px; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 8px; 
}

.allertImage {
	width: 30px;
	background-color: white;
	text-align: center; 
	vertical-align: middle;
	padding-top: 8px; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 8px; 
	border-bottom: 1px solid rgb(245,245,245);

}

.allertCode {
	width: 60px;
	background-color: white;
	text-align: left; 
	vertical-align: middle;
	padding-top: 8px; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 8px; 
	border-bottom: 1px solid rgb(245,245,245);

}

.allertIssue {
	height:38px;
	background-color: white;
	width: 200px;
	vertical-align: middle;
	padding-top: 8px; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 8px;   
	border-bottom: 1px solid rgb(245,245,245);

}

.allertDescription {
	vertical-align: middle;
	background-color: white;
	padding-top: 8px; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 8px; 
	border-bottom: 2px solid rgb(245,245,245);
}

.fileUploadTable {
	width: 100%;
	border-collapse: collapse;
	margin-top: 2px;
}

.fileUploadRow {
	width: 100%;
}

.fileUploadContainerText {
	position: relative;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	vertical-align: bottom;
	white-space: nowrap;
}

.fileUploadContainerButton {
	position: relative;
	width: 40px;
	padding-top:5px;
	white-space: nowrap;
	text-align: right;
}

.fileUploadText { 
	margin-top:2px; 
	margin-left:3px; 
	margin-right:-2px; 
	padding:6px; 
	padding-left:5px; 
	padding-bottom:6px; 
	border:1px solid rgb(235,235,235);
	cursor: pointer;
	}
	.fileUploadText:hover {		
		border:1px solid rgb(50,50,50); /* productColor*/
		}

/*.fileUploadTextField {} additional CSS*/
		
.fileUploadContainerButtonInactive{
	position: relative;
	width: 40px;
	padding-top:5px;
	white-space: nowrap;
	text-align: right;
}

.fileUploadInputField {
	position: absolute;
	top: 0px;
	left: -10000px;
}

.fileUploadInputFieldLabel {
	background-image: url("web_editor_upload_file.png");
	width: 20px;
	background-repeat: no-repeat;
	margin-top:1px;
	margin-right:21px;
	padding-left:17px;
	cursor: pointer;
}

.fileUploadInputFieldLabelInactive {
	background-image: url("web_editor_upload_file.png");
	width: 20px;
	background-repeat: no-repeat;
	margin-top:1px;
	margin-right:21px;	
	padding:6px;
	padding-left:17px;
	border: 1px solid rgb(247,247,247);
}

.fileShowContainerButton {
	position: relative;
	width: 20px;
	padding-top:3px;
	white-space: nowrap;
}
	
.fileShowContainerButtonInactive{
	position: relative;
	width: 40px;
	padding-top:3px;
	white-space: nowrap;
}

.fileShowText { 
	margin-left:0px; 
	margin-right:-2px;
	padding:6px;
	padding-bottom:6px; 
	border:1px solid rgb(235,235,235);
	cursor: pointer;
	}
	.fileShowText:hover {		
		border:1px solid rgb(50,50,50); /* productColor*/
		}

.mainFieldsetFileIcon {
	vertical-align:bottom;
	padding-right:5px;
	margin-bottom:0px;
	/*cursor: pointer;*/
}

.efileEntryStatusRevoked { 
   color: rgb(192,0,0); 
}

.efileEntryStatusDraft { 
   color: rgb(183,141,0); 
}

.autoComTable {
	border-collapse:collapse; 
	margin-top:-4px; 
	margin-left:-2px;
}

.autoComDiv {
	padding-top:3px;
	padding-left:1px;
	padding-right:1px;
}
 
body.autocompletion { 
	height:105%;
	background-color: rgb(255,255,255); 
	margin:0px;
	padding:0px;
    border: 0px solid rgb(123,157,212); 
}

table.autocompletion { 
	width:100%;
	text-decoration:none;
	color: rgb(90,90,90);
 	font-size: 10pt;
 	font-family: sans-serif;
 	font-style: normal;
 	font-weight: normal;
	border-collapse:collapse;
}

td.autocompletion { 
	cursor:pointer;
   	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	white-space: nowrap;
}

/*.standardTextFieldMiddle {} additional CSS*/
	
// ------------------------------------
// Rund um DataSelection
// ------------------------------------

.divxxx { 
   position:absolute;
   left:100px;
   
   height: 22px; 

   overflow: hidden; 
   color: white; 
   background-color: red; 
   border: 1px solid #FFCC00; 
   } 
.selectxxx { 
direction:rtl;
margin-left:-50px;
   height: 25px; 
   color: #333333; 
   background-color: transparent; 
   border: 1px solid #FFCC00;
   font-family: arial, sans-serif; 
   font-size: 13px; 
   } 
.optionxxx { 
   border-left: 1px solid #FFCC00; 
   border-right: 1px solid #FFCC00; 
   } 
.feld1 { 
   color: #FFCC00; 
   background-color: #FFFFFF; 
   text-transform: uppercase; 
   } 
.feld2 { 
   color: #FFFFFF; 
   background-color: #FFCC00; 
   } 
.feld3 { 
   color: #FFCC00; 
   background-color: #FFFFFF; 
   letter-spacing: 0.5em; 
   } 
.feld4 { 
   color: #333333; 
   background-color: #FFFFFF; 
   text-transform: uppercase; 
   font-weight: bold; 
   } 
.unten { 
   border-bottom: 1px solid #FFCC00; 
   }

#inp_fullTextSearch::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: rgb(190,190,190);
	font-size:10pt;
	font-weight:normal;
	vertical-align:bottom;
	padding-top:3px;
}


/* The necessities */
.tdOnclickMenu {
	background-color:inherit;		
	color:rgb(90,90,90);
	font-size:10pt;
	font-weight:normal;
	font-family:sans-serif;
	text-align:left;	
	vertical-align:middle;	
	padding-top:6px;
	padding-bottom:4px;
	padding-left:23px;
	padding-right:23px;
	border-left:0px solid white;		
	border-right:0px solid white;	
	border-bottom: 0px solid rgb(245,245,245);	

}

.onclickMenu {
	position: relative;
	top:0px;
	left:-9px;
	height:20px;
	width:20px;
	display: inline-block;
	border:1px solid transparent;	
}

.onclickMenu:before {
	content: url(selectButtonTableMenu_16.png);
}

.onclickMenu:focus {
	pointer-events: none;
}

.onclickMenu:focus .onclickMenuContent {
	opacity: 1;
	visibility: visible;
}

.onclickMenuContent {
	pointer-events: auto;
	position: absolute;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.5s;
	-moz-transition: visibility 0.5s;
	-webkit-transition: visibility 0.5s;
	-o-transition: visibility 0.5s;
	onclick:void(0);
}


.onclickMenu.no-pointer-events {
	pointer-events: auto !important;
}

.onclickMenu.no-visibility .onclickMenuContent {
	visibility: visible !important;
	display: none;
}

.onclickMenu.no-visibility:focus .onclickMenuContent {
	display: block;
}

.onclickMenu.no-opacity .onclickMenuContent {
	opacity: 1 !important;
}

.onclickMenu {
	padding-top: 4px;
	padding-left: 4px;
	margin: 0px;
	outline: 0;	
}

	.onclickMenu:hover {
		border:1px solid rgb(0,136,204);
		display: block;
	}

	.onclickMenu:focus {
		border:1px solid rgb(0,136,204);
	}

.onclickMenuContent {
	background-color: rgb(0,136,204);
	width: auto;
	min-width: 100px;
	margin-top: 15px;
	margin-left: -15px;
	padding: 10px;
}

/* arrow for the expanding part */
.onclickMenuContent:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 10px solid rgb(0,136,204);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: -9px;
	left: 13px;	
}

.onclickMenuContent li {
	color: rgb(90,90,90);
	list-style-type: none;
	white-space: nowrap;	
}

/* style the buttons */
.onclickMenuContent a {
	color:white;
	font-size:10pt;
	font-family:sans-serif;
	font-style:normal; 							
	font-weight:normal; 						
	padding-top:5px;
	padding-bottom:5px;
	border: none;
	outline: 0;
	cursor: pointer;
}

	.onclickMenuContent a:hover {
		color: rgb(220, 220, 220);	
		    

	}

.onclickMenuLink  {
	padding-top:9px;
	padding-left:9px;
	padding-right:15px;
	padding-bottom:9px;
}

/*.menuLink {} additional CSS*/

/*.menuNoLink {} additional CSS*/



/* ------------------------------------- */
/* Weitere Formate in Extra CSS */
/* ---------------------------- */
	/* placeholder in Extra CSS*/
	/* link in Extra CSS*/
	/* select in Extra CSS*/
	/* input in Extra CSS*/
	/* checkbox in Extra CSS*/
	/* radio in Extra CSS*/
/* ------------------------------------- */