@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
/**
	access to the tags with a . (like ".dialog-button.big"): 
	access it with a space in between: 
	<input type="button" class="dialog-button big" ...>
*/

/**********************************************************
 *	SIMPLE TAGS
 **/

td
{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 13px;
}

input
{
	font-family:inherit;
}

.loginButton
{
	background-color: #188299;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    color: white;
    font: inherit;
    font-size: 12px;
    min-width: 95px;
    cursor:pointer;
    font-weight: bolder;
}

/**********************************************************
 *	MAIN BODY
 **/

.mainbody
{
	margin-width: 0px;
	margin-height: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 13px;
	cursor: default;
	background-color: white;
	-moz-user-select:none;
}

.mainbody.sel {
	-moz-user-select:Text;
}

.actionForm
{
	display:none;
}

/**********************************************************
 *	DIALOG
 **/

.dialogbody
{
	margin: 5px;
	background-color: #D4D0C8;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 13px;
	cursor: default;
}

.dialogbody-whiteBG
{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 13px;
	cursor: default;
}

.listbody
{
	margin: 0px;
	background-color: white;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 13px;
	cursor: default;
	-moz-user-select:none;
}

.listbody.sel {
	-moz-user-select:Text;
}

.dialog-button
{
	font-family:Trebuchet MS;
	background-color: #D4D0C8;
	width: 80px;
}

.dialog-button[disabled="false"]
{
	color: black;
}

.dialog-button[disabled="true"]
{
	color: grey;
}

.dialog-button.big
{
	background-color: #D4D0C8;
	width: 120px;
}

.dialog-input-disabled
{
	background-color: #D4D0C8;
	color: grey;
}

/**********************************************************
 *	TREE
 **/

.treebody
{
	margin: 0px;
	background-color: white;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 13px;
	cursor: default;
	-moz-user-select:none;
	overflow:auto;
}
 
.caption
{
	margin-left:10px;
}

a.caption-holder:link {
	text-decoration:none;
}

a.caption-holder:visited {
	text-decoration:none;
}

a.caption-holder:active {
	text-decoration:none;
	outline: thick solid red;
}

a.caption-holder:focus {
	text-decoration:none;
	outline: thick solid red;
}

.caption-holder
{
	cursor:pointer;
	margin-left:5px;
	padding-top:1px;
	padding-bottom:3px;
	padding-left:2px;
	padding-right:3px;
	height:100%;
	color:black;
}

.caption-holder.selected
{
	background-color: lightBlue;
}

.caption-holder.dropover
{
	padding: 0px 2px 2px 1px;
	border:1px dashed #0000FF;
	background-color:#CCFFFF;
}

.input-caption
{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 10px;
	margin-left: 5px;
}

.input-caption.list
{
	margin: 0px;
	width: 100%;
}

.have-errors
{
	position: absolute;
	left: 11;
	top: 11;
}

.extension-status-image
{
	position: absolute;
	left: 0;
	top: 11;
}

.drag-div
{
	position: absolute;
	-moz-opacity: 0.5;
}

/**********************************************************
 *	LIST
 **/

.list-holder
{
	overflow-y: auto;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	border:1 solid;
	border-color:#555555 #BBBBBB #BBBBBB #555555;
}

.row-selected, .rich-sdt-row-selected
{
	background-color: lightBlue;
	/*color: white;*/
}

.manually
{
	/*background-color: Red;
	color: Black;*/
	color:red;
	font-weight:bold;
	
}

.yellow
{
	background-color: Yellow;
	color: Black;
	text-align: center;
}

.red
{
	background-color: Red;
	color: White;
	text-align: center;
}

.grey
{
	background-color: Grey;
	color: Black;
	text-align: center;
}

.white
{
	background-color: White;
	color: Black;
	text-align: center;
}

.green
{
	background-color: Green;
	color: Black;
	text-align: center;
}

.events-row-selected
{
	background-color: lightBlue;
}

.list-header-cell, .rich-extdt-subheadercell, .rich-sdt-header-cell, .rich-table-subheadercell
{
	border:			1px solid;
	border-color:	ButtonHighlight black
					black ButtonHighlight;
	background-color: #DDDDDD;
	height: 22px;
	/*font-weight: bold;*/
	text-align: center;
	white-space: nowrap;
}

.list-header-div
{
	width: 100%;
	position: relative;
	white-space: nowrap;
	text-align: center;
}

.list-row
{
	height: 20px;
	cursor: pointer;
}

.list-row td
{
	/* was previously set to hidden - why? now we show scrollbars when necessary*/
	/* set to hidden for list panel that contains nodes with long names. But where should we show scrollbars?? was changed to 'auto' in 6.0.014*/
	overflow: hidden;
	white-space: nowrap;
}

.list-row.thresholds td
{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #000000;
}

.list-row.thresholds.row-selected td
{
	background-color: lightBlue;
}

.list-row.even
{
	background-color: #EEEEEE;
}

.list-row.outlined td
{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #DDDDFF;
	overflow: hidden; /*else the trend table view lets the columns overlap*/
}

.list-row.hor-lines td
{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #DDDDFF;
}

.list-row.vert-lines td
{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #DDDDFF;
}

/**********************************************************
 *	TOOLBAR
 **/

.toolbar-separator
{
	overflow:			hidden;
	border-left:		1px solid #000000;
	border-right:		1px solid #CCCCCC;
	width:				2px;
}

.toolbar-button {
	padding:	2px 2px 2px 2px;
	border:		1px solid transparent;
	margin:		0;
	/* Michael Kalkusch: potential Firefox 3.x bug located by Jakob Niederbacher */
	/* fix: don't use "display at all!
	   display:	block; */

}

.toolbar-span-duration {
	/*cursor:		pointer;*/
	width:		116px;
	/* border:		1px solid gray;*/
	/*background-color:		#336699;*/
	color:		blue;
	margin:		0;
	/* Michael Kalkusch: potential Firefox 3.x bug located by Jakob Niederbacher
	   Quick-Fix: display:    block;  instead of display:	inline-block; */
	/* fix: don't use "display at all!
	   display:	block; */

}

.toolbar-span-custom {
	cursor:		pointer;
	width:		116px;
	/* border:		1px solid gray;*/
	/*background-color:		#336699;*/
	color:		red;
	margin:		0;
	/* Michael Kalkusch: potential Firefox 3.x bug located by Jakob Niederbacher
	   Quick-Fix: display:    block;  instead of display:	inline-block; */
	/* fix: don't use "display at all!
	   display:	block; */

}

.toolbar-durationList-button {
	cursor:		pointer;
	width:		118px;
	padding:	2px 2px 2px 2px;
	border:		1px solid gray;
	
	

}

.toolbar-button.pressed {
	border:			1px solid;
	border-color:	#000000 #CCCCCC
					#CCCCCC #000000;
}

.toolbar-button.toggled {
	cursor:		pointer;
	border:			1px solid;
	/*background-color: #AAAAAA;*/
	border-color:	#000000 #CCCCCC
					#CCCCCC #000000;
}

.toolbar-button.hover {
	cursor:		pointer;
	border:			1px solid;
	border-color:	#CCCCCC #000000
					#000000 #CCCCCC;
}

.dropdown-button {
	width:	22px;
	height: 22px;
	vertical-align: center;
	text-align: center;
}

.scaletext {
	width: 120px;
	background-color: white;
	color: gray;
}

/**********************************************************
 *	JSF CALENDAR
 **/
.rich-calendar-popup, .rich-calendar-time-layout, .rich-calendar-date-layout
{
	background-color: white;
}

.rich-calendar-editor-layout-shadow
{
	background-color: grey;
}

.rich-calendar-cell 
{
	font-size:10px;
}

.rich-calendar-days
{
	background-color: #FFFFCC;
	font-style: oblique;
}

.rich-calendar-header
{
	background-color: #188299;
	font-weight: bold;
}

/**********************************************************
 *	CALENDAR
 **/

.calendar
{
	position: absolute;
	display:none;
	width:171px;
}

.calendar.iframe
{
	top:0px;
	left:0px;
	z-index:149;
	overflow:hidden;
	border:0;
}

.calendar.div
{
	visibility:hidden;
	z-index:150;
}

/* week header */
.cwh
{
	width: 24px;
	text-align: center;
	font-weight: bold;
}
/* day cell */
.cd
{
	text-align:center;
	width:100%;
	margin-right:1px;
	margin-bottom:2px;
}
/* day cell for current month */
.cd.cm
{
	color: #555599;
}
/* day cell for not current month */
.cd.cc
{
	color: #AAAAFF;
}

.calendar-text-field
{
	width: 150px;
	cursor: default;
	font:inherit;
	font-size:13px;
}

/**********************************************************
 *	TAB CONTROL
 **/

.tab, .rich-tab-inactive
{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:	white black
					white white;
	white-space: nowrap;
	height: 100%; /* 90% for 'span' element*/
	margin-left: 1px;
	margin-top: 2px;
	text-align: center;
}

.rich-tab-inactive
{
	border-color:	white black
					#D4D0C8 white;
}

.tab.active, .rich-tab-active
{
	border-width: 1px 1px 1px 1px;
	border-color: white black #D4D0C8 white;
	margin-left: 0px;
	margin-top: 0px;
	height: 100%;
	font-weight: bold;
}

.rich-tabhdr-side-border
{
	display: none;
}
	

.tab-filler
{
	border-style: solid;
	border-color:	white;
	border-width: 0px 0px 1px 0px;
	width: 100%;
	height: 100%;
}

/**********************************************************
 *	LOGIN PAGE
 **/

.loginbody {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 13px;
	cursor: default;
}

.login_tr1 td 
{
	background-color:	#003466;
}

.login_tr2 td 
{
	background-color:	#336699;
}

.login_tr3 td 
{
	background-color:	#6699cc;
}

/**********************************************************
 *	PROPERTIES DIALOG
 **/

.panel-table, .rich-tabpanel-content
{
	height: 100%;
	width: 100%;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color:	white black
					black white;
}

.panel-section
{
	border-style: solid;
	border-width: 0px;
	margin: 5px;
	width: 100%;
}

.panel-section select
{
	margin-top: 3px;
	margin-bottom: 3px;
	width: 70%;
}

/**********************************************************
 *	COMMON DIALOG
 **/

.cdTable
{
	border-style: solid;
	border-width: 0px;
/*	margin: 5px;*/
}

.cdTable td
{
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
	vertical-align: middle;
}

.cdTable td.frame-holder
{
	 border-style: solid;
	 border-width: 1px;
	 border-color: black white white black;
	 background-color: white;
	 padding: 0px;
}

.columnCellLeft
{
	border-style:solid;
	border-color:#000000;
	border-width:0px 1px 0px 0px;
	padding-right:10px;
	vertical-align:top;
}

.columnCellRight
{
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px 0px 0px 1px;
	padding-left:10px;
	vertical-align:top;
}

.colorCell
{
	width:20px;
	height:11px;
	border-style:solid;
	border-color:black;
	border-width:1px;
}

.lineCell
{
	width:50px;
	height:17px;
	align:center;
	vertical-align:center;
	/*background-color:#FFFFFF;*/
	border-style:solid;
	border-color:black;
	border-width:1px;
}

/**********************************************************
 *	SCHEDULE CONTROL
 **/

.schedule-button
{
	width: 20px;
	height: 16px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #000000 #000000 #FFFFFF;
}

.schedule-button.pressed
{
	border-color: #000000 #FFFFFF #FFFFFF #000000;
}

/**********************************************************
 *	LOGVIEWER
 **/
 
.logtab 
{
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:	white black
					white white;
	white-space: nowrap;
	margin-left: 1px;
	margin-top: 2px;
	text-align: center;

	cursor:pointer;
	display:none;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	
	width:150px;
	float:left;
	overflow:hidden;
	
}

.logtab.active 
{
	font-weight: bold; 
}

/**********************************************************
 *	COLOR PICKER
 **/

#dhtmlgoodies_colorPicker {
	position: absolute;
	width: 335px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	border: 1px solid #317082;
}

#dhtmlgoodies_colorPicker .colorPicker_topRow {
	padding-bottom: 1px;
	border-bottom: 3px double #317082;
	background-color: #E2EBED;
	padding-left: 2px;
}

#dhtmlgoodies_colorPicker .colorPicker_statusBar {
	height:13px;
	padding-bottom:2px;
	width:330px;
	border-top:3px double #317082;	
	background-color:#E2EBED;
	padding-left:2px;
	clear:both;
	
	width: 332px;	/* IE 5.x */
	width/* */:/**/330px;	/* Other browsers */
	width: /**/330px;	
	
	height: 18px;	/* IE 5.x */
	height/* */:/**/13px;	/* Other browsers */
	height: /**/13px;	
}

#dhtmlgoodies_colorPicker .colorSquare {
	margin-left:1px;
	margin-bottom:1px;
	float:left;
	border:1px solid #000;
	cursor:pointer;
	
	width: 12px;	/* IE 5.x */
	width/* */:/**/10px;	/* Other browsers */
	width: /**/10px;	
	
	height: 12px;	/* IE 5.x */
	height/* */:/**/10px;	/* Other browsers */
	height: /**/10px;	
			
}

.colorPickerTab_inactive, .colorPickerTab_active {
	height:20px;
	padding-left:4px;
	cursor:pointer;
}

.colorPickerTab_inactive span, .colorPickerTab_active span {
	line-height:16px;
	font-weight:bold;
	font-family: Trebuchet MS, Arial;
	font-size:11px;
	padding-top:1px;
	vertical-align:middle;
	background-position:top left;
	background-repeat: no-repeat;	
	float:left;
	padding-left:6px;
	-moz-user-select:no;
}

.colorPickerTab_inactive img,.colorPickerTab_active img {
	float:left;
}

.colorPickerCloseButton {
	width:11px;
	height:11px;
	text-align:center;
	line-height:10px;
	border:1px solid #317082;
	position:absolute;
	right:1px;
	font-size:12px;
	font-weight:bold;
	top:1px;
	padding:1px;
	cursor:pointer;	
	
	width: 15px;	/* IE 5.x */
	width/* */:/**/11px;	/* Other browsers */
	width: /**/11px;
	
	height: 15px;	/* IE 5.x */
	height/* */:/**/11px;	/* Other browsers */
	height: /**/11px;
}

#colorPicker_statusBarTxt {
	font-size:11px;
	font-family:Trebuchet MS, Arial;
	vertical-align:top;
	line-height:13px;

}

.form_widget_amount_slider {
	border-top:1px solid #9d9c99;
	border-left:1px solid #9d9c99;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#f0ede0;
	position:absolute;
	bottom:0px;
	
	width: 5px;	/* IE 5.x */
	width/* */:/**/3px;	/* Other browsers */
	width: /**/3px;
	
	height: 5px;	/* IE 5.x */
	height/* */:/**/3px;	/* Other browsers */
	height: /**/3px;
			
}

.colorSliderLabel {
	width:15px;
	height:20px;
	float:left;
	font-size:11px;
	font-weight:bold;
}

.colorSlider {
	width:257px;
	height:20px;
	float:left;
}

.colorInput {
	width:45px;
	height:20px;
	float:left;
}

.colorPreviewDiv {
	width:266px;
	margin-right:2px;
	margin-top:1px;
	border:1px solid #CCC;
	height:20px;
	float:left;
	cursor:pointer;
	
	width: 268px;	/* IE 5.x */
	width/* */:/**/266px;	/* Other browsers */
	width: /**/266px;
	
	height: 22px;	/* IE 5.x */
	height/* */:/**/20px;	/* Other browsers */
	height: /**/20px;
}

.colorCodeDiv {
	width:50px;
	height:20px;
	float:left;
}
/*************************/
/* Rich faces            */
/*************************/

.rich-tab-bottom-line
{
	border-bottom: white solid 1px; /* For top border of tab content panel*/
}

.rich-extdt-column-cell, .rich-sdt-column-cell /* for scrollable Data table border color from other tables*/
{
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDFF;
}

.rich-sdt-column-cell-centered, .rich-extdt-column-cell-centered /* for scrollable Data table border color from other tables*/
{
	border-color: #DDDDFF;
	text-align: center;
}

.rich-extdt-column-cell-noframe, .rich-sdt-column-cell-noframe /* for scrollable Data table border color from other tables without lines around the cells*/
{
	border-style:hidden;
}

.rich-extdt-column-fullwidth
{
	width:50%;
}

.rich-extdt-column-cell-noframe-padding, .rich-sdt-column-cell-noframe-padding
{
	border-color: white;
	padding: 2px;
}

.dr-tbpnl-tbtopbrdr
{
	border: none; /*otherwise a black border is drawn on top of richfaces tabs*/
}

.nopadding 
{
	padding: 0px;
}

.noheader /* for the header of headerless tables */
{
	display: none;
}



table.rich-extdt, table.rich-sdt, table.rich-table
{
	 border-style: solid;
	 border-width: 1px;
	 border-color: black white white black;
	 background-color: white;
	 padding: 1px;
}

.dr-pnl, .rich-panel
{
	border-style: ridge;
	border-width: 0px;
	vertical-align: top;
}

.dr-pnl-h, .rich-panel-header /* panel headers as used e.g. in properties dialog / Security */
{
	/*background-color: #AAAAAA; light grey
	border-width:1px;
	border-style:solid;*/
	border-bottom:medium ridge;
	border-style:hidden hidden ridge;
	font-weight:bold;
	padding:2px;
}

.dr-mpnl-pnl-h /* attribute panel header */
{
	background-color: #188299;
	/*background-position:left top;
	background-repeat:repeat-x;*/
	border-style:hidden;
	border-width:1px;
	font-weight:bold;
	padding:2px;
}

.dr-mpnl-pnl /* attributes panel in properties dialog */
{
	background-color: white;
	/*border-color:	2px;*/
	padding: 0px;
}

.rich-mpnl-controls /* attributes panel's X to close the window */ 
{
	font-weight:bold;
	position:absolute;
	right:3px;
	top:3px;
}

.rich-menu-list-bg /*context menu background*/
{
	background-color: white;
	border: none;
}

.rich-menu-list-border 
{
	border-style: solid;
	border-color: #b0b1b1;
	border-width: 1px 
}

.rich-menu-item-icon img
{
	width:20px;
	height:20px;
}

.rich-menu-item-hover 
{
	background-color: lightblue; 
	border-color: transparent;
	/*border: none;*/
}

.rich-menu-separator
{
	border-color: #b0b1b1;
	margin: 2px;
}
	
/*.rich-menu-item-label
{
	color:black;
}*/

.rich-menu-item-label-disabled
{
	color: grey;
}

.rich-menu-item-disabled
{
	color: grey;
}

.rich-menu-group-disabled
{
	color: grey;
}

.dr-menu-list-bg
{
	border-style: outset;
	border-width: 2px; 
}

.event-alarm
{
	background-color: red;
}

/* by adding the tr td element at the end, it is meant to 
address every td in the tr that is after an element of class adcon-groupSel. */
.adcon-groupSelection tr td
{
	height: 22px;
	vertical-align:top;
}

.adcon-hiddenGroupSelectionRow, .adcon-hidden
{
	display: none;
}

/* Tree stuff */

.tree-element
{
	padding:0px;
	vertical-align: middle;
	overflow:hidden;
	white-space:nowrap;
}
.dr-tree-h-text {
	padding:0px;
}
.dr-tree-h-ic {
	padding:0px;
	width:20px;
}
.dr-tree-h-ic-img {
	height:20px;
	width:20px;
}
.dr-tree-h-ic-div {
	margin-left:0px;
	padding-left:21px;
}
.dr-tree-h-ic-line {
	background-image:url(/images/tree/I.png);
	background-repeat-x:no-repeat;
}
.dr-tree-h-ic-line-node {
	background-image:url(/images/tree/T.png);
	background-repeat-x:no-repeat;
}
.dr-tree-h-ic-line-last {
	background-image:url(/images/tree/L.png);
	background-repeat-x:no-repeat;
}
.dr-tree-h-ic-line-exp {
	background-image:url(/images/tree/Lreverse.png);
	background-repeat-x:no-repeat;
}
.dr-tree-h-ic-line-clp{
	background-image:url(/images/tree/Dash.png);
	background-repeat-x:no-repeat;
}

.extdt-cell
{
	/*border-style: solid;
	border-width: 1px;*/
	padding:0px;
}

.extdt-cell-borders
{
	border-width: 1px
}

.extdt-noData-cell
{
	font-weight:normal;
	border-style: hidden;
}

/*rich:inputNumberSpinner's text field*/
.dr-spnr-e
{
	border-style:none;
}

/*rich:inputNumberSpinner's buttons*/
.dr-spnr-bn
{
	background-color:lightgrey;
}

/*rich:inputNumberSpinner's format of input text field*/
input.dr-spnr-i
{
	text-align: right;
	/*
	not as i wanted - best would be to disable css properties that are coming from JSF
	padding-right: 3px;
	border-style: inset;*/
	
	background-color:white;
	border:1px solid darkgrey;
	text-align:right;
}

/*rich:listShuttle's list boxes*/
.rich-shuttle-list-content
{
	background-color:white;
	border-style:solid;
	border-width:1px;
}

/*rich:listShuttle's button on mouseover*/
.rich-list-shuttle-button-light
{
	padding: 2px;
}

/* format for cells in rich:calendar*/
.rich-calendar-today 
{
	background-color:lightgrey;
}
.rich-calendar-select 
{
	background-color:lightblue;
}
.rich-calendar-hover 
{
	background-color:lightgreen;
}

/* selected item in node chooser*/
.dr-tree-i-sel
{
	background-color:lightBlue;
	border:none;
}

/* hovered item in node chooser*/
.dr-tree-i-hl
{
	text-decoration: none;
	cursor:	pointer;
}

/* smaller column headers for IE8 in extended datatable*/
.extdt-subheadercell
{
	padding:0px;
}
.extdt-noheader
{
	display:none;
}

/**/
.rich-color-picker-ext
{
	background-color: lightgrey;
}

/**/
.rich-color-picker-span input
{
	display: none;
}

.rich-column-header-small
{
	font-size:11px;
}

/*
	icon for sorting in header - in roles dialog, this makes centering unpretty. 
	But hiding it, lets the up/down arrows disappear when sorting (e.g. event window).
*/
//.extdt-header-sort-img
//{
	/*display:none;*/
	/*width:1px*/
//}

/* table headers */
.extdt-sortable-header
{
	font-weight:normal;
}

.dr-stglpnl-h
{
	border-style:hidden;
	font-weight:bold;
}

.dr-stglpnl
{
	border-style:ridge;
	border-width:2px;
}

.dr-rich-tool-tip
{
	background-color:#FFFFFF;
	border-width:1px #000000;
	-moz-box-shadow: 12px 12px 12px #999999;
	-moz-border-radius: 5px;
}

.semiTransparentButton
{
	filter:alpha(opacity=40); /* For IE8 and earlier */
	opacity:0.4;
}

.semiTransparentButton:hover
{
	cursor: pointer; /*for some reason, this is ignored - need to put it to style extra*/
	filter:alpha(opacity=100); /* For IE8 and earlier */
	opacity:1.0;
}

/*
	These are the classes needed for the map panel
*/
.mapItem
{
	width: 250px;
	height: 75px;
	background: white;
	border-radius: 10px;
	border: 1px solid darkGrey;
	opacity: 0.7;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
	visibility: visible;
}

.mapItem:hover
{
	opacity:1;
	z-index: 10000
}

.mapItem:hover + .mapItemMarker
{
	z-index: 10001
}

.mapItem_large
{
	background: white;
	border: 1px solid darkGrey;
	padding: 5px;
	opacity: 1;
	text-align: center;
	position: absolute;
	overflow: hidden;
	z-index:100;
	cursor: default;
}

.mapItemMarker, .mapItemsCluster
{
	width: 12px;
	height: 12px;
	border-radius: 7px;
	z-index: 50;
	border: 1px solid black;
	position: absolute;
}

.mapItemMarker_large
{
	width: 12px;
	height: 12px;
	border-radius: 7px;
	z-index: 101;
	border: 1px solid black;
	position: absolute;
}

.mapItemIcon
{
	width: 20px;
	height: 20px;
}

.mapItemName
{
	font-size: 16px;
    padding: 0 0 0 5px;
    white-space: nowrap;
    font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
}

.mapItemCloseDiv
{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}

.extdt-maindiv
{
	background-color: white;
}

.rich-mpnl-content
{
	background-color: #D4D0C8;
}

/*this is used in RTU creation wizard. Without this, the final tab won't be shown in FF*/
.tabFinalBody
{
	height:100%;
}

.extdt-header-sort-img
{
	max-height:15px;
	max-width:15px;
	height:auto;
	width:auto;
}

.mapItemValuesHolder
{
	width:100%;
	vertical-align: bottom;
	white-space: nowrap;
	font-size: 14px;
    font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
}

/* for DACQ list -> the number of devices should be a bit more to the left */
.deviceClass span#holder
{
	padding-right:10px;
}