/*/////////////////////////////////////////////////////// OVERALL DEFINITIONS ///////////////////
_______________________________________________________________________________________________________ */

/* COLOR VARIANTS
color: #260300;
color: #9C4704;
color: #001149;
color: #DE701D;
*/

html#frmWkaHtml {
	/* override IE6 horizontal scrollbar bug (http://www.noscope.com/journal/2004/02/ie-horizontal-scrollbar-bug) */
	overflow-y: scroll;
	}

body {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	}

h1, h3, h4, h5, h6, p { font-size: 2.0em; line-height: 1.0em; margin: 0.5em 0px; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
 p { font-size: 1.0em; }

form, form fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
	
.grayed 
{
	color: #666666;
	font-style: italic;
}


/*//////////////////////////////////// COMMON DEFINITIONS ////////////////////////////////////////
_______________________________________________________________________________________________________ */

/*............................... INPUTS .........*/
input.IPs { width: 28px; text-align: right; }
input.year { width: 36px; text-align:right }
input.monthorday { width: 28px; text-align:right; }
input.hourorminute { width: 28px; text-align:right; }

/*............................... COLORS ........*/

em.required { color: #FF0000; }


/*............................... LINKS ..........*/

a, a:hover, a:active, a:visited {
	color: #DE701D;
	}

	/* avoid borders on images contained in links */
	a img, :link img, :visited img { border: none; }


/*............................... CLEARERS ........*/

/* well-known implementation */
.clearer { 
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	border: none;
	visibility: hidden;
}

/* multi-browser pandora */
.clearfix:after { content:"."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1px; }


/*............................... TABLES ........*/

table.preformatted {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #999999;
	}

	table.preformatted thead { border: 1px solid #999999; }

		table.preformatted thead th ,
		table.preformatted thead td {
			height: 24px;
			margin: 0px;
			padding: 1px 5px 1px 5px;
			font-size: 11px;
			vertical-align: middle;
			color: #000000;
			background: #D4D4D4;
			border: 1px solid #999999;
			}

			table.preformatted thead th { background: #D4D4D4; font-size: 11px; font-weight: bold; }
			table.preformatted thead td { background: #F4F4F4; font-size: 10px; font-weight: bold; }

	table.preformatted tbody { border: 1px solid #999999; }
		table.preformatted tbody th ,
		table.preformatted tbody td {
			height: 20px;
			margin: 0px;
			padding: 1px 5px 1px 5px;
			vertical-align: middle;
			border-width: 1px;
			border-style: solid;
			border-color: #CCCCCC #DDDDDD;
			}
		
			table.preformatted tbody tr.odd th ,
			table.preformatted tbody tr.odd td { background: auto; }
			table.preformatted tbody tr.evn th ,
			table.preformatted tbody tr.evn td { background: #F4F4F4; }
			table.preformatted tbody tr td.sep { border-right: 1px solid #999999; }
	
			/*
			table.preformatted.bluebased thead th { font-weight: normal; color: #FFFFFF; background: #354E71; border: none; }
			table.preformatted.bluebased tbody tr.odd td { background: auto; }
			table.preformatted.bluebased tbody tr.evn td { background: #F1F4FA; }
			*/

table.wrapper {
	background: #EEEEEE;
	border: 1px solid #999999;
	}
	
	table.wrapper td {	vertical-align: top; }


table.collapsed {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	}

	table.collapsed td { margin: 0px; padding: 0px; }


/*............... PREFORMATTED ICON FOR HARDWARE / RESOURCES ELEMENTS ..........*/

.preHdwInterface ,
.preHdwDevice ,
.preHdwResAnalog ,
.preHdwResDigital ,
.preHdwResState ,
.preHdwResAlarm {
	padding-left: 20px;
	line-height: 16px !important;	
	background-repeat: no-repeat;
	background-position: top left;
	}

	.preHdwInterface 	{ background-image:   url(/media/img/Networks/Interfaces/Interface.gif); }
	.preHdwDevice 		{ background-image:   url(/media/img/Networks/Devices/Device.gif); }
	.preHdwResAnalog 	{ background-image:   url(/media/img/Networks/Resources/Analog.gif); }
	.preHdwResDigital 	{ background-image:   url(/media/img/Networks/Resources/Digital.gif); }
	.preHdwResState 	{ background-image:   url(/media/img/Networks/Resources/State.gif); }
	.preHdwResAlarm 	{ background-image:   url(/media/img/Networks/Resources/Alarm.gif); }


/*...............  MESSAGES > GENERAL (in working area content) ..........*/

div.generalmessage { 
	margin: 0px;
	padding: 20px 20px 0px;
	text-align: left;
	}

	div.generalmessage p {
		height: 24px;
		margin: 0px;
		padding: 3px 4px;
		font-size: 12px;		
		font-weight: bold;
		} 

		div.generalmessage.actionstop  p { padding-left: 45px; line-height: 24px; background: #FFFFD6 url(/media/img/Common/Messages/Warning.gif) no-repeat 14px 4px; border: 1px solid #990000; }
		div.generalmessage.actionfeedback p { padding-left: 45px; line-height: 24px; background: #FFFFD6 url(/media/img/Common/Messages/Info.gif) no-repeat 14px 4px; border: 1px solid #999AC6; }

		div.generalmessage.updateprogress p { line-height: 24px; background: #F8E6D5; border: 1px solid #B25A17; }

		div.generalmessage.nobackgroundimage p { padding-left: 15px; line-height: 24px; background-color: #FFFFD6; border: 1px solid #999AC6;}
		
		div.generalmessage p img { vertical-align: middle; margin-right: 5px; }
		

/*...............  MESSAGES > FEEDBACK (on submit/execute) ..........*/

span.fbackerrors , 	
span.fbackwarnings { 	
	margin: 10px;
	padding: 5px 10px 5px 30px;
	display: block;
	line-height: 12px;
	background-repeat: no-repeat;
	background-position: 6px 50%; 
	border: 1px solid #666666;
	}

	span.fbackwarnings { background-color: #ECECEC; background-image: url(/media/img/Common/Messages/WarningSmall.gif); }
	span.fbackerrors { color: #FF0000; background-color:  #FFFFCC; background-image: url(/media/img/Common/Messages/ErrorSmall.gif); }


/*............... MESSAGES > INLINE HELP ...............*/

span.inlinehelp {
	margin: 0px 0px 0px 1em;
	padding: 0px;
	font-size: 0.9em;
	color: #CCCCCC;
	}

	span.inlinehelp a { padding: 0px 2px; color: #DE701D; /*color: #6EAF1F;*/ }



/*//////////////////////////////////// COMMON DEFINITIONS > CUSTOM ELIWELL CONTROLS //////////////
_______________________________________________________________________________________________________ */


/*............... COLOR PICKER PALETTE (component) ..........*/

div#palette {
	position: absolute;
	display: none;
	cursor: pointer;
	background: #000000;
	}

	div#palette table.tblColors { border: 0px; }		

		div#palette table.tblColors td { width: 10px; height: 10px; }
		div#palette p.closer { margin: 1px; padding: 1px 0px 2px 0px; text-align: center; background: #EEEEEE; color: #FFFFFF}

	.pnlColorPicker { width: 14px; height: 14px; margin: 0px; padding: 0px; display: block; cursor: pointer; border: 1px solid black; }
	.pnlcolpickNocolor { background-image: url(/media/img/Others/ColorPicker/nocolor.gif); background-position: 50% 50%; background-repeat: no-repeat; }
	.inpColorPicker { width: 14px; height: 14px; margin: 0px; padding: 0px; display: block; cursor: pointer; border: 1px solid black; text-indent: -999px; }
	.inpcolpickNocolor { background-image: url(/media/img/Others/ColorPicker/nocolor.gif); background-position: 50% 50%; background-repeat: no-repeat; }


/*............... DAY OF YEAR CALENDAR (component) ..........*/

table.doyCalendar {
	margin: 20px;
	border-spacing: 1px;
	}
	
	table.doyCalendar th, table.doyCalendar td {
		text-align: center;
		vertical-align: middle;
		margin: 0px;
		padding: 0px;
		font-family: sans-serif;
		font-size: 10px;
		line-height: 16px;
	}
	
	table.doyCalendar th { cursor: pointer; }
	table.doyCalendar th:hover { background-color: #559ECC; }
	
	table.doyCalendar tbody th {
		width: 25px;
	}
	
	table.doyCalendar td a {
		display: block;
		margin: 0px;
		padding: 0px;	
		width: 16px;
		height: 16px;
		color: #686868;
		background-color: #D5D5D5;
		/* color: #FFFFFF;
		background-color: #FFFFCC;
		background-color: #B4D5D5;
		background-color: #5B8E2B;*/
		text-align: center;
		text-decoration: none;
		}
		
		table.doyCalendar td a.selected {
			/*color: #990000;*/
			/*background-color: #990000;*/
			/*color: #D5D5D5;
			background-color: #D5D5D5;*/
			color: #FFFFFF;
			/*background-color: #FFFFCC;
			background-color: #B4D5D5;*/
			background-color: #5B8E2B;
		}

	table.doyCalendar td.submit input {
		margin-top: 10px;
	}


/*............... IMAGE BUTTON LINKS (component) ..........*/

/* NOTE: margins and paddings are set for a 22x22 icon,
   so please override locally otherwise */

table.imgbtngrp { margin: 0px; }

table.imgbtnlnk {
	margin: 0px;
	padding: 0px;
	text-align: left;
	/*border-collapse: collapse;*/
	/*border-spacing: 0px;*/
	border: none;
	}

	table.imgbtnlnk td { text-align: left; vertical-align: middle; }

	table.imgbtnlnk td img {
		margin: 0px 5px 0px 10px;
		padding: 0px;
		display: block;
		border: none;
		}

	table.imgbtnlnk td span {
		margin: 0px 0px 0px 3px;
		padding-bottom: 2px;
		display: block;
		font-size: 9px;
		line-height: 9px;
		white-space: nowrap;
		color: #666666;
		}

	table.imgbtnlnk p ,
	table.imgbtnlnk blockquote {
		margin: 0px 0px 0px 3px;
		padding: 0px;
		display: block;
		font-size: 10px;
		line-height: 10px;
		font-weight: bold;
		white-space: nowrap;
		}

		table.imgbtnlnk p { padding-top: 6px; }	/* used to center vertically ( 22-10 / 2 = 6) and fill the <a> wrapping tag when exists */

		table.imgbtnlnk.notice blockquote { color: #CC0000; }



/* --------------------------------------------- */
/* --------------- DATA OVERVIEW --------------- */
/* --------------------------------------------- */


/* ===== MAIN TABLE (container) ===== */

table.wkaDataOverview {
	/*width: 100%;*/
	font-size: 10px;	/* IE6 forgets font format inside tables? */
	line-height: 14px;
	border-spacing: 1px;
	}

	table.wkaDataOverview th ,
	table.wkaDataOverview td {
		margin: 0px;
		padding: 20px;
		text-align: left;
		vertical-align: top;
		}
	
		/* === BLOCKS === */

		table.wkaDataOverview td blockquote {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 6px 0px;
			background: #FFFFFF;
			border: 1px solid #C4C4C4;
			border-top: none;
			}

			/* === BLOCK TITLES === */

			table.wkaDataOverview blockquote h5 {
				margin: 0px;
				padding: 6px 5px 6px 40px;
				font-size: 12px;
				line-height: 12px;				
				color: #333333;
				background: #D9D9D9 url(/media/img/Entities/Headers/DataOverview.gif) no-repeat 15px 4px; 
				border-top: 1px solid #C4C4C4;
				border-bottom: 1px solid #C4C4C4;
				}

				/* >>> CUSTOM ICONS: override locally <<< */


			/* === DATA TABLES === */

			table.wkaDataOverview td blockquote table {
				margin: 10px;
				padding: 0px;
				border-spacing: 1px 5px;
				}

				table.wkaDataOverview td blockquote table table  {
					margin: 0px;
					border-spacing: 0px;
				}

				/* --- TABLE HEAD > TH --- */

				table.wkaDataOverview td blockquote table thead th {
					padding-top: 3px;
					color: #999999;
					font-weight: normal;
					font-style: italic;
					vertical-align: middle;
				}

				/* --- TABLE BODY > TD/TH --- */

				table.wkaDataOverview td blockquote table thead th ,
				table.wkaDataOverview td blockquote table tbody th ,
				table.wkaDataOverview td blockquote table tbody td {
					padding: 4px 15px 4px 6px;
					}
					table.wkaDataOverview td blockquote table tbody th {					
						background-repeat: no-repeat;
						background-position: 3px 3px; 
					}

			table.wkaDataOverview td blockquote table tbody td { }
			table.wkaDataOverview td blockquote table tbody td.changed { background-color:#FEF5ED; border:1px solid #F8C8A0; }
				table.wkaDataOverview td blockquote table tbody tr.disabled td { color: #666666; }
				table.wkaDataOverview td blockquote table tbody tr td.childwrap { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; border-left: 1px solid #D9D9D9; }

				table.wkaDataOverview td blockquote table tbody td a { font-weight: bold;}
					table.wkaDataOverview td blockquote table tbody tr.disabled td a { color: #333333; }




/* ------------------------------------------ */
/* --------------- DATA ENTRY --------------- */
/* ------------------------------------------ */


/* ===== MAIN TABLE (container) ===== */

table.wkaDataEntry {
	width: 100%;
	font-size: 10px;	/* IE6 forgets font format inside tables? */
	border-spacing: 1px;
	}


	table.wkaDataEntry th ,
	table.wkaDataEntry td {
		margin: 0px;
		padding: 20px;
		text-align: left;
		vertical-align: top;
		}
	
		/*table.wkaDataEntry td.wdeRecordList   { padding: 20px; text-align: left; }   <-- EVENTUALLY USED TO ALIGN CHILD TABLE */
		/*table.wkaDataEntry td.wdeRecordDetail { padding: 20px; text-align: right; }  <-- EVENTUALLY USED TO ALIGN CHILD TABLE */


		/* === BLOCKS === */

		table.wkaDataEntry td blockquote {
			position: relative;
			height: 1%;				/* trigger "hasLayout" property on IE */
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 6px 0px;
			/*overflow: hidden;*/
			background: #FFFFFF;
			border: 1px solid #C4C4C4;
			border-top: none;
			}

			table.wkaDataEntry td blockquote.editing { background-color: #FEF5ED; border-color: #F8C8A0; }

			table.wkaDataEntry td.wdeRecordList blockquote.disabled { opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); }
				table.wkaDataEntry td.wdeRecordList blockquote.disabled a { cursor: default; }


			/* === BLOCK TITLES === */

			table.wkaDataEntry blockquote h5 {
				margin: 0px;
				padding: 6px 5px 6px 40px;
				font-size: 12px;
				line-height: 12px;				
				color: #333333;
				background: #F0F0F0;
				background-position: 15px 4px; 
				background-repeat: no-repeat;
				border-top: 1px solid #C4C4C4;
				border-bottom: 1px solid #C4C4C4;
				}

				table.wkaDataEntry td blockquote.editing h5 { 
					background-color: #FADDC3; border-bottom-color: #F8C8A0; border-top-color: #F8C8A0;
				}

				table.wkaDataEntry td blockquote.list h5 { background-image: url(/media/img/Entities/Headers/DataEntryList.gif); }
				table.wkaDataEntry td blockquote.detail h5 { background-image: url(/media/img/Entities/Headers/DataEntryDetail.gif); }
				table.wkaDataEntry td blockquote.related h5 { background-image: url(/media/img/Entities/Headers/DataEntryRelated.gif); }
				table.wkaDataEntry td blockquote.editing h5 { background-image: url(/media/img/Entities/Headers/DataEntryEditing.gif); }
				table.wkaDataEntry td blockquote.editing.adding h5 { background-image: url(/media/img/Entities/Headers/DataEntryAdd.gif); }				
				
				table.wkaDataEntry td blockquote.testSms h5 { background-image: url(/media/img/Entities/Utilities/TestSendSms.gif); }				

				
				/* >>> CUSTOM ICONS: override locally <<< */


			/* === SCROLLER === */

			table.wkaDataEntry td blockquote div.scroller {
				width: 200px;
				height: 200px;
				margin: 0px;
				padding: 5px 10px ;
				overflow-y: scroll;
				overflow: auto;
				border: 1px solid #999999;
				background: #FFFFFF;
			}

			/* === DATA TABLES === */

			table.wkaDataEntry td blockquote table {
				margin: 10px;
				padding: 0px;
				}

				table.wkaDataEntry td blockquote table table  {
					margin: 0px;
					border-spacing: 0px;
				}

				/* --- TABLE BODY > TD/TH --- */

				table.wkaDataEntry td blockquote table thead th ,
				table.wkaDataEntry td blockquote table tbody th ,
				table.wkaDataEntry td blockquote table tbody td {
					padding: 6px 15px 6px 6px;
				}



			/* === DATA TABLES >>> RECORD LIST === */

			/* --- TABLE HEAD --- */

			table.wkaDataEntry td.wdeRecordList blockquote table thead th {
				padding-top: 3px;
				color: #999999;
				font-weight: normal;
				font-style: italic;
				vertical-align: middle;
			}

			/* --- TABLE BODY > TH/TD --- */

			table.wkaDataEntry td.wdeRecordList blockquote table tbody th {
				padding: 4px 0px;  /* necessaria? */
				vertical-align: middle;
				background: url(/media/img/Entities/Lists/Item.gif) no-repeat 50% 3px;
				}

				table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.disabled th { background-image: url(/media/img/Entities/Lists/ItemDisabled.gif); }

				/*table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.selected , */
				table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.selected th ,
				table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.selected td { 
					background-color: #FFFFCC; 
					border-top: 1px solid #FFFF00;
					border-bottom: 1px solid #FFFF00;
					}

					table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.selected th { background-image: url(/media/img/Entities/Lists/ItemSelected.gif); }
					table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.selected td.spanned { /*background-color: #FFFFFF;*/ background: none; border-top: none; border-bottom: none; }

			table.wkaDataEntry td.wdeRecordList blockquote table tbody td { vertical-align: middle; }

				table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.disabled td { /*color: #777777;*/ }
				table.wkaDataEntry td.wdeRecordList blockquote table tbody tr td.evidence { font-weight: bold; }
				table.wkaDataEntry td.wdeRecordList blockquote table tbody tr td.spanned { vertical-align: top; border-right: 1px solid #CCCCCC; }

				table.wkaDataEntry td.wdeRecordList blockquote table tbody td a { font-weight: bold; }
				table.wkaDataEntry td.wdeRecordList blockquote table tbody tr.disabled td a { font-weight: bold; /*color: #777777;*/ }



			/* === DATA TABLES >>> RECORD DETAIL === */

			table.wkaDataEntry td.wdeRecordDetail blockquote table thead th {
			/*table.wkaDataEntry td.wdeRecordDetail blockquote table table thead th {  <<< IS THIS SECOND LEVEL USED? */
				padding-top: 3px;
				padding-left: 0px;
				color: #999999;
				font-weight: normal;
				font-style: italic;
				vertical-align: middle;
				}
				table.wkaDataEntry td.wdeRecordDetail blockquote table table thead th { padding-top: 3px; padding-left: 0px; }



			/* --- TABLE BODY > TH/TD --- */

			table.wkaDataEntry td.wdeRecordDetail blockquote table tbody th {	
				font-weight: bold;
				}

				table.wkaDataEntry td.wdeRecordDetail blockquote table tbody th label {
					margin: 5px 5px 3px 0px;
					display: block;
					color: #000000;
				}


			/* --- RECORD DETAIL >>> BODY >> TD > CONTROLS --- */

			table.wkaDataEntry td.wdeRecordDetail blockquote table tbody td label { 
				margin: 5px 5px 3px 0px;
				display: block;
				}
			
				
			table.wkaDataEntry td.wdeRecordDetail blockquote table tbody td label label.normal 
			{
				display:inline;
			}

			table.wkaDataEntry td.wdeRecordDetail blockquote tr.inputtext td input { 		width: 225px; font-family: Verdana, sans-serif; font-size: 12px; }
			table.wkaDataEntry td.wdeRecordDetail blockquote tr.inputpass td input { 		width: 225px; font-family: Verdana, sans-serif; font-size: 12px; }
			table.wkaDataEntry td.wdeRecordDetail blockquote tr.inputarea td textarea { 	width: 225px; font-family: Verdana, sans-serif; font-size: 12px; }
			table.wkaDataEntry td.wdeRecordDetail blockquote tr.combomenu td select { 		max-width: 225px; font-family: Verdana, sans-serif; font-size: 12px; }
			table.wkaDataEntry td.wdeRecordDetail blockquote tr.inputbutt td input { 		/*width: 225px;*/ border: 1px solid #999999; font-family: Verdana, sans-serif; font-size: 12px; }

			table.wkaDataEntry td.wdeRecordDetail blockquote tr.isenabled td label {
				height: 20px;
				padding: 2px;
				font-weight: bold;
				line-height: 20px;
				}
				
				table.wkaDataEntry td.wdeRecordDetail blockquote.editing tr.isenabled td label {
					/*background: #FFC4C4;*/
					padding: 1px;
					margin-right: 0px;
					background: #FFFFFF;
					border: 1px solid #FF9999;
				}

				table.wkaDataEntry td.wdeRecordDetail blockquote tr.isenabled td label input {
					float: left;
					margin-left: 5px;
					margin-right: 8px;
				}


			table.wkaDataEntry td.wdeRecordDetail tr td table.optsgroup {margin:0px;padding:0px;border-spacing:0px;}
			table.wkaDataEntry td.wdeRecordDetail tr td table.optsgroup tr {margin:0px;padding:0px }
				table.wkaDataEntry td.wdeRecordDetail tr td table.optsgroup td { padding: 1px 0px; vertical-align: middle; }
				table.wkaDataEntry td.wdeRecordDetail tr td table.optsgroup td table.optsgroup td { padding: 1px 0px; vertical-align: middle; }
					table.wkaDataEntry td.wdeRecordDetail tr td table.optsgroup td input { margin: 0px 6px 0px 0px; padding: 0px; }
					table.wkaDataEntry td.wdeRecordDetail tr td table.optsgroup td label { margin: 3px 0px; color: #000000; }
	
			table.wkaDataEntry td.wdeRecordDetail tr td table.timefromto { margin: 0px; }
				table.wkaDataEntry td.wdeRecordDetail tr td table.timefromto td { padding: 0px; vertical-align: top; }
	

			table.wkaDataEntry td.wdeRecordDetail .wrpSuperGridNetworkTable { padding: 10px 0px; }
				/* used to override previous rule */
				/*table.wkaDataEntry td.wdeRecordDetail .wrpSuperGridNetworkTable table { table-layout: auto; }*/
					table.wkaDataEntry td.wdeRecordDetail .wrpSuperGridNetworkTable table th , 
					table.wkaDataEntry td.wdeRecordDetail .wrpSuperGridNetworkTable table td { padding: 0px 0px; }
					table.wkaDataEntry td.wdeRecordDetail .wrpSuperGridNetworkTable table td.sgnSpan { padding: 0px 0px 20px 0px; }


			table.wkaDataEntry td.wdeRecordDetail tr td .inpColorPicker { width: 16px; height: 16px; }




/*//////////////////////////////////// COMMON DEFINITIONS > PAGE ELEMENTS ////////////////////////
_______________________________________________________________________________________________________ */


/*||||||||||||||||||||||||||||||| MENU HEADER ||||||
__________________________________________________________ */

#menuGeneral {
	position: relative;
	height: 88px;
	margin: 0px;
	padding: 0px;
	background: transparent url(/media/img/Menu/Decoration/MainBack.jpg) repeat-x top left;
	}

	#mngLogo {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 200px;
		height: 40px;
		z-index: 1;
		margin: 0px;
		padding: 0px;
		display: block;
	}

	#mngTabs {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 50px;
		z-index: 1;
		margin: 0px 180px 0px 0px;
		padding: 0px 10px 0px 12px;
		display: block;
		overflow: hidden;
		}


		#mngTabs div.tab {
			position: relative;
			height: 50px;
			margin: 0px;
			padding: 0px;
			display: block;
			float: left;
			background: transparent url(/media/img/Menu/Decoration/MainTabB.jpg) repeat-x top left;
			}
	
			#mngTabs div.tab a {
				height: 50px;
				margin: 0px;
				padding: 0px 0px 0px 20px;
				display: block;
				float: left;
				font-size: 12px;
				line-height: 50px;
				font-weight: bold;
				text-decoration: none;
				color: #333333;
				background: transparent url(/media/img/Menu/Decoration/MainTabL.jpg) no-repeat top left;
				}

				#mngTabs div.tab a img {
					position: absolute;
					top: 15px;
					left: 12px;
					display: block;
					border: none;
					}

					#mngTabs div.tab a img.act { display: none; }

					#mngTabs div.tab.frontline a img { display: none; }
					#mngTabs div.tab.frontline a img.act { display: block; }
	
				#mngTabs div.tab a span {
					height: 50px;
					margin: 0px;
					padding: 0px 35px 0px 20px;
					display: block;
					float: left;
					background: transparent url(/media/img/Menu/Decoration/MainTabR.jpg) no-repeat top right;
					cursor: pointer;
				}


		#mngTabs div.tab a:hover { /*text-decoration: underline;*/ }
			#mngTabs div.tab.active a { text-decoration: underline; color: #260300;  /*color: #E4E4E4;*/ }

		#mngTabs div.tab.frontline { background: transparent url(/media/img/Menu/Decoration/MainTabActB.jpg) repeat-x top left; }
			#mngTabs div.tab.frontline a { background: transparent url(/media/img/Menu/Decoration/MainTabActL.jpg) no-repeat top left; }
				#mngTabs div.tab.frontline a span { background: transparent url(/media/img/Menu/Decoration/MainTabActR.jpg) no-repeat top right; }		

			/* USE THIS IF WANT TO HIGHLIGTH DE-SELECTED ACTIVE TAB */
			/*#mngTabs div.tab.active a { color: #FFFFFF; }*/
			/*#mngTabs div.tab.frontline.active a { color: #260300; }*/

		#mngTabs div.tab.notavailable { display: none; }
		
	
	#mngLevs {
		position: absolute;
		top: 40px;
		left: 0px;
		width: 100%;
		height: 38px;
		margin: 0px;
		padding: 0px;
		z-index: 2;
		clear: both;
		overflow: hidden;
		background: #F8C8A0;
		}

		#mngLevs div.lev {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 40px;
			margin: 0px 0px 0px 12px;
			padding: 0px;
			display: block;
			visibility: hidden;
			}

			#mngLevs div.lev.frontline { visibility: visible; }
	
			#mngLevs div.lev a {
				position: relative;
				height: 40px;
				margin: 0px 0px 0px 0px;
				padding: 0px 10px;
				display: block;
				float: left;
				font-size: 12px;
				line-height: 40px;
				font-weight: bold;
				text-decoration: none;
				color: #9C4704;
				}
	
				#mngLevs div.lev a img {
					position: absolute;
					top: 10px;
					left: 12px;
					border: none;
				}

				#mngLevs div.lev a span {
					height: 40px;
					margin: 0px;
					padding: 0px 0px 0px 30px;
					display: block;
					float: left;
					cursor: pointer;					
				}					

			#mngLevs div.lev a:hover { /*text-decoration: underline;*/ }

			/*#mngLevs div.lev a.frontline { color: #260300; }*/
			#mngLevs div.lev a.notavailable { display: none; }
			#mngLevs div.lev a.active { text-decoration: underline; color: #260300; }




/*||||||||||||||||||||||||||||||| WORKING AREA ||||||
__________________________________________________________ */

#workingArea {
	position: relative;
	z-index: 1;
	height: 1%;				/* trigger "hasLayout" property on IE */
	margin: 15px 50px 20px 50px;
	padding: 0px;
	text-align: center;
	}


/*............... WORKING AREA > PAGE TITLE ..........*/

#workingArea h1 {
	position: relative;
	height: 1%;				/* trigger "hasLayout" property on IE */
	margin-bottom: 1em;
	padding-left: 1.5em;
	text-align: left;
	line-height: 24px;
	color: #001149;
	background: transparent url(/media/img/Common/PageTitleBack.gif) no-repeat top left;
	}
	
	/* steps numbering */
	#workingArea h1 span { color: #999999; }

	/* online help */
	#workingArea h1 span.inlinehelp {
		position: absolute;
		top: 0px;
		right: 0px;
		text-align: right;
		display: block;
		}


/*............... WORKING AREA > SUB-TABS AREA ...............*/

#workingArea .wkaSubtabsArea {
	position: relative;
	height: 30px;
	margin: 0px 10px -1px 0px;
	padding: 0px 0px 0px 5px;
	display: block;
	z-index: 2;
	overflow: hidden;
	}

	.wkaSubtabsArea div.tab {
		position: relative;
		height: 30px;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		background: transparent url(/media/img/Menu/Decoration/SubTabL.jpg) no-repeat top left;
		}

		.wkaSubtabsArea div.tab a {
			height: 30px;
			margin: 0px;
			padding: 0px;
			display: block;
			float: left;
			text-decoration: none;
			color: #444444;
			background: transparent url(/media/img/Menu/Decoration/SubTabR.jpg) no-repeat top right;
			}

			.wkaSubtabsArea div.tab a span {
				height: 23px;
				margin: 0px;
				padding: 7px 27px 0px 13px;
				display: block;
				float: left;
				font-size: 12px;
				line-height: 23px;
				font-weight: bold;
				cursor: pointer;
			}


	.wkaSubtabsArea div.tab a:hover { text-decoration: underline; color: #333333; }
		.wkaSubtabsArea div.tab.active a { text-decoration: underline; color: #260300; }

	.wkaSubtabsArea div.tab.frontline { background-image: url(/media/img/Menu/Decoration/SubTabActL.jpg); }
		.wkaSubtabsArea div.tab.frontline a { color: #000000; background-image: url(/media/img/Menu/Decoration/SubTabActR.jpg); }
			.wkaSubtabsArea div.tab.frontline a span { padding: 5px 35px 0px 35px; background: transparent url(/media/img/Menu/Decoration/SubTabActIcon.gif) no-repeat 15px 8px; }

	.wkaSubtabsArea div.tab.notavailable { display: none; }



/*............... WORKING AREA > WRAPPER AREA ...............*/

#workingArea .wkaWrapperArea {
	position: relative;
	height: 1%;				/* trigger "hasLayout" property on IE */
	margin: 0px;
	/*padding: 0px;*/
	padding: 4px;
	display: block;
	border: none;
	}

	#workingArea .wkaWrapperArea.showFilter ,
	#workingArea .wkaWrapperArea.showSubtabs {
		background: #EEEEEE;
		border: 1px solid #999999;
		}

/*............... WORKING AREA > TOOLBAR AREA ...............*/

#workingArea .wkaToolbarArea { display: none; }
	
	#workingArea .wkaWrapperArea.showToolbar .wkaToolbarArea {
		position: relative;
		/*height: 40px;*/
		height: 1%;				/* trigger "hasLayout" property on IE */
		margin: 0px 0px 4px 0px;		
		padding: 0px;
		display: block;
		background: #CCCCCC;		
		border: 1px solid #666666;
		}
		
		/*.......... WORKING AREA > TOOLBAR AREA > CONTENTS ..........*/
	
		#workingArea .wkaWrapperArea.showToolbar .wkaToolbarArea table {
			width: 100%;
			border-collapse: collapse;
			border-spacing: 0px;
			border: none;
		}
	
		#workingArea .wkaWrapperArea .wkaToolbarArea td {
			height: 40px;
			margin: 0px;
			padding: 0px;
			}
			
				#workingArea .wkaWrapperArea .wkaToolbarArea td.goprev { text-align: left; white-space: nowrap; background-repeat: no-repeat; }
				#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome { text-align: center; width: 95%;}
				#workingArea .wkaWrapperArea .wkaToolbarArea td.gonext { text-align: right; white-space: nowrap; background-repeat: no-repeat; }
					
					#workingArea .wkaWrapperArea .wkaToolbarArea td a {
						height: 22px;
						margin: 10px 10px 0px 10px;
						padding: 6px 15px 6px 28px;
						display: -moz-inline-stack;
						display: inline-block;
						font-size: 10px;
						line-height: 10px;
						font-weight: bold;
						color: #333333;
						background-color: transparent;
						background-repeat: no-repeat;
						background-position: 0px 0px;
						}
							
					#workingArea .wkaWrapperArea .wkaToolbarArea td.goprev { border-right: 1px solid #E6E6E6; }
					#workingArea .wkaWrapperArea .wkaToolbarArea td.gonext { border-left: 1px solid #E6E6E6; }

					#workingArea .wkaWrapperArea .wkaToolbarArea td.goprev a { padding-right: 0px; }
					#workingArea .wkaWrapperArea .wkaToolbarArea td.gonext a { padding-right: 0px; }
					
					#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a {						
						}

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a:hover { color: #DE701D; }

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.disabled { color: #7F7F7F; background-position: 0px -40px; }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.disabled:hover { color: #7F7F7F; }

						#workingArea .wkaWrapperArea .wkaToolbarArea td a.watFirst { background-image: url(/media/img/Toolbar/First.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td a.watBack { background-image: url(/media/img/Toolbar/Previous.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td a.watNext { background-image: url(/media/img/Toolbar/Next.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td a.watLast { background-image: url(/media/img/Toolbar/Last.png); }

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watPrint { background-image:   url(/media/img/Toolbar/Print.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watReport { background-image:   url(/media/img/Toolbar/Report.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watExport { background-image:   url(/media/img/Toolbar/Export.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watSelectall { background-image:   url(/media/img/Toolbar/SelectAll.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watUnselectall { background-image:   url(/media/img/Toolbar/UnselectAll.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watExeccoms { background-image:   url(/media/img/Toolbar/CommandExecution.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watExecextcoms { background-image:   url(/media/img/Toolbar/CommandExtendedExecution.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watReadparams { background-image:   url(/media/img/Toolbar/ReadParameters.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watWriteparams { background-image:   url(/media/img/Toolbar/WriteParameters.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watSavedata { background-image:   url(/media/img/Toolbar/SaveData.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLoaddata { background-image:   url(/media/img/Toolbar/LoadData.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watRestoredata { background-image:   url(/media/img/Toolbar/RestoreData.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watDatasheet { background-image:   url(/media/img/Toolbar/Datasheet.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watCopyfromdefault { background-image:   url(/media/img/Toolbar/CopyFromDefault.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watCopyfromdevice { background-image:   url(/media/img/Toolbar/CopyFromDevice.png); }					

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watInterfaceManage { background-image:   url(/media/img/Toolbar/InterfaceManage.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watTemplateManage { background-image:   url(/media/img/Toolbar/TemplateManage.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watTemplateApply { background-image:   url(/media/img/Toolbar/TemplateApply.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watAlarmCheck { background-image:   url(/media/img/Toolbar/AlarmCheck.png); }
					
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericSave { background-image:   url(/media/img/Toolbar/GenericSave.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericCancel { background-image:   url(/media/img/Toolbar/GenericCancel.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericAdd { background-image:   url(/media/img/Toolbar/GenericAdd.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericDelete { background-image:   url(/media/img/Toolbar/GenericDelete.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericDuplicate { background-image:   url(/media/img/Toolbar/GenericDuplicate.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericEdit { background-image:   url(/media/img/Toolbar/GenericEdit.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericUndo { background-image:   url(/media/img/Toolbar/GenericUndo.png); }
/*[Gregor]*/
#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGenericPreview { background-image: url(/media/img/Toolbar/GenericPreview.png); }
						
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridExpand { background-image:   url(/media/img/Toolbar/GridExpand.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridExpandAll { background-image:   url(/media/img/Toolbar/GridExpandAll.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridCollapse { background-image:   url(/media/img/Toolbar/GridCollapse.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridCollapseAll { background-image:   url(/media/img/Toolbar/GridCollapseAll.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridClearFilter { background-image:   url(/media/img/Toolbar/GridClearFilter.png); }

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridSave { background-image:   url(/media/img/Toolbar/GenericSave.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridCancel { background-image:   url(/media/img/Toolbar/GenericCancel.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watGridStop { background-image:   url(/media/img/Toolbar/GridStop.png); }

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watRvdMinimize { background-image:   url(/media/img/Toolbar/RvdMinimize.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watRvdMaximize { background-image:   url(/media/img/Toolbar/RvdMaximize.png); }

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watOpenLayoutDesigner { background-image:   url(/media/img/Toolbar/LayoutDesigner.png); }

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutMinimize { background-image:   url(/media/img/Toolbar/LayoutMinimize.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutMaximize { background-image:   url(/media/img/Toolbar/LayoutMaximize.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutFitObject { background-image:   url(/media/img/Toolbar/LayoutFitObject.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutObjectDuplicate { background-image:   url(/media/img/Toolbar/GenericDuplicate.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutObjectRemove { background-image:   url(/media/img/Toolbar/GenericDelete.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutSave { background-image:   url(/media/img/Toolbar/GenericSave.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutCancel { background-image:   url(/media/img/Toolbar/GenericCancel.png); }

						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watProfile { background-image:   url(/media/img/Toolbar/Profile.png); }
						
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watTakeSnapshot { background-image:   url(/media/img/Toolbar/TakeSnapshot.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watApplySnapshot { background-image:   url(/media/img/Toolbar/ApplySnapshot.png); }
						
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watChartsetup { background-image:   url(/media/img/Toolbar/Chartsetup.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watChartExportData { background-image:   url(/media/img/Toolbar/Export.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watChartExportImage { background-image:   url(/media/img/Toolbar/Report.png); }
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watChartPrintImage { background-image:   url(/media/img/Toolbar/Print.png); }
						
						#workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watSample { background-image:   url(/media/img/Toolbar/FakeSample.png); }

/* [E_BURIGO] */
#workingArea .wkaHorizontalControlBar
{
	position: relative;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 1px 0px;
	border: 1px solid #666666;
	background-color: #DDDDDD;
	text-align:center;
}

#workingArea .wkaHorizontalControlBar *
{	
	margin: 10px 4px;
	text-align: center;	
	display: inline-block;	
}


/*............... WORKING AREA > USER PROFILE SETTINGS AREA ...............*/

#workingArea .wkaProfileSettings { 
	position: relative;
	margin: 0px;
	padding: 0px 0px 1px 0px; /* required to make the 4px bottom margin work (see below) */
	display: none;	/* start as hidden */
	}

	#workingArea .wkaProfileSettings div.wpsWrapper { 
		margin: 0px 0px 4px 0px;
		padding: 10px 0px;
		text-align: center;
		background: #F0F7F9;
		border: 1px solid #9AC5E1;
		}

		#workingArea .wkaProfileSettings div.wpsWrapper label { font-weight: bold; color: #333333; margin-right: 10px; line-height: 22px; }
		

/*............... WORKING AREA > FILTER AREA ...............*/

#workingArea .wkaFilterArea { display: none; }

	#workingArea .wkaWrapperArea.showFilter .wkaFilterArea {
		position: relative;
		width: 250px;
		height: 1%;				/* trigger "hasLayout" property on IE */
		margin: 0px;
		padding: 10px 0px 5px 0px;
		display: block;
		float: left;
		text-align: left;
		background: #DDDDDD;
		border: 1px solid #666666;
	}

	#workingArea .wkaWrapperArea.showFilter.showToolbar .wkaFilterArea { /*margin-top: 0px;*/ }

	#workingArea .wkaWrapperArea.narrowFilter .wkaFilterArea { width: 180px; }


	/*......... WORKING AREA > FILTER AREA > CONTENTS ..........*/
	
	/* >>> FILTER AREA CONTROLS: see later <<< */




/*............... WORKING AREA > CONTENT AREA ...............*/

#workingArea .wkaContentArea {
	position: relative;
	height: 1%;		/* trigger "hasLayout" property on IE */
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: left;
	}

	#workingArea .wkaWrapperArea.showToolbar .wkaContentArea ,
	#workingArea .wkaWrapperArea.showFilter .wkaContentArea {
		margin: 0px;
		padding: 0px;
		background: #FFFFFF;
		border: 1px solid #999999;
		}
	
		#workingArea .wkaWrapperArea.showFilter .wkaContentArea { margin-left: 260px; }
		#workingArea .wkaWrapperArea.narrowFilter .wkaContentArea { margin-left: 190px; }


	/*.......... WORKING AREA > CONTENT AREA > CONTENTS ..........*/
	
	#workingArea .wkaWrapperArea .wkaContentArea h5.suggest { 
		margin: 20px auto;
		padding: 5px 0px;
		text-align: center;
		font-weight: normal;
		line-height: 12px;
		}

		#workingArea .wkaWrapperArea .wkaContentArea h5.suggest span { padding: 5px 0px 5px 30px; }
	
			#workingArea .wkaWrapperArea .wkaContentArea h5.suggest.filter span { background: transparent url(/media/img/Common/Messages/SuggestLeft.gif) no-repeat top left; }




/*............... WORKING AREA > LAST UPDATE AREA ..........*/

#workingArea .wkaUpdatedArea {
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
	}

	#workingArea .wkaUpdatedArea span {
	margin: 10px 0px;
	display: block;
	text-align: center;
	font-style: italic;
	color: #999999;
	}





/*/////////////////////////////////////////////////////// SPECIFIC PAGES DEFINITIONS ////////////
_______________________________________________________________________________________________________ */



/*|||||||||||||| STATUS BAR (framed footer) ||||||
__________________________________________________________ */

#syStatusbar {
	position: relative;
	height: 38px;
	margin: 0px;
	padding: 0px;
	background:  #C0C0C0;
	border-top: 2px solid #1B0000;
	}

	#syStatusbar table#syStatusbarWrapper {
		position: absolute;
		top: 9px;
		left: 0px;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
		border: none;

		}

		#syStatusbar td #syStatusbarWrapperLeft { margin: 0px; padding: 0px 0px 0px 10px; text-align: left; }

		#syStatusbar td#syStatusbarWrapperRight { margin: 0px; padding: 0px 20px 0px 0px; text-align: right; }
		#syStatusbar td#syStatusbarWrapperRight table#statusProfileHome td.txtstatus { display: none; }
		#syStatusbar td#syStatusbarWrapperRight table#statusProfileLogout td.txtstatus { display: none; }

		/* .... IMAGE BUTTON LINKS > STATUS BAR APPPEARENCE .... */
		
		table.imgbtngrp.statusbar table.imgbtnlnk { margin-left: 10px; border-left: 1px solid #D0D0D0; }
		
			table.imgbtngrp.statusbar table.imgbtnlnk td { margin: 0px; padding: 0px; }
		
				table.imgbtngrp.statusbar table#statusMonitorPlant { border-left: none; }
				
				table.imgbtngrp.statusbar table#statusMonitorMessage.hidden { display: none; }
		
				table.imgbtngrp.statusbar table#statusProfileUser { margin-left: 50px; }
				table.imgbtngrp.statusbar table#statusProfileLogout { margin-left: 0px; border-left: none; }
				table.imgbtngrp.statusbar table#statusProfileLogout img { margin: 0px; }
		
				#syStatusbar #syStatusbarWrapperLeft  table.imgbtngrp { margin-right: auto; }
				#syStatusbar #syStatusbarWrapperRight table.imgbtngrp { margin-left: auto; }


			

/*||||||||||||||||||| LOGIN PAGE ||||||||||||||||
__________________________________________________________ */


#boxLogin {
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
	}
	
	#boxLogin table.wrapper {
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
	}

	#boxLogin #boxLoginHead { 
		padding: 10px 20px 5px 20px;
		text-align: center;
		}
		
		#boxLogin #boxLoginHead img {
			margin: 0px 0px 6px 0px;
			padding: 0px;
		}
	
		#boxLogin #boxLoginHead span {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			display: block;
			color: #333333;
		}
	
	#boxLogin #boxLoginMonitor { 
		padding: 0px 20px 5px 20px;
		text-align: center;
		}
		
		#boxLogin #boxLoginMonitor #boxLoginMonitorWrap { 
			margin: 0px 0px 20px 0px;
			padding: 5px 10px;
			height: 22px;
			background: #C0C0C0;
			border: 1px solid #999999;
			}
	

		#boxLogin #boxLoginMonitor hr { clear: both; }
	
	#boxLogin #boxLoginInput { padding: 0px 20px 0px 40px; text-align: center; }

		#boxLogin #boxLoginInput span {
			width: 200px;
			margin: 0px 0px 4px 0px;
			padding: 0px;
			display: block;
			text-align: left;
		}
	
		#boxLogin #boxLoginInput input ,
		#boxLogin #boxLoginInput select	{
			width: 200px;
			margin: 0px 0px 12px 0px;
			display: block;
			text-align: left;	
		}
	
	#boxLogin #boxLoginStore { padding: 0px 20px 0px 40px; text-align: left; }

	#boxLogin #boxLoginError { padding: 0px 45px; text-align: center; }
			
			#boxLogin #boxLoginError strong { 
				width: 136px;
				margin: 10px 0px;
				padding: 5px 30px;
				display: block;
				line-height: 1.2em;
				color: #FF0000;
				background:  #FFFFCC url(/media/img/Common/Messages/ErrorSmall.gif) no-repeat 6px 2px;
				border: 1px solid #666666;
			}

	#boxLogin #boxLoginSubmt { padding: 6px 20px 12px 20px; text-align: center; }
		#boxLogin #boxLoginSubmt input { width: 100px; margin: 10px 10px 5px; }


	/* .... IMAGE BUTTON LINKS > COMPACT APPPEARENCE .... */
	
	table.imgbtngrp.compact { width:100% }
	table.imgbtngrp.compact table.imgbtnlnk td img { margin-left: 0px; width: 22px; height: 22px; }
	
		/* [E_BURIGO] Activate these lines in order to allow Compact hiding the service status icon. */
		table.imgbtngrp.compact table#statusMonitorPlant { margin-right: 10px; border-right: 1px solid #D0D0D0; }
		table.imgbtngrp.compact table#statusMonitorPlant { padding-right: 10px; }
			
		/* [E_BURIGO] Deactivate these lines in order to allow Compact hiding the service status icon. */
	    /* table.imgbtngrp.compact table#statusMonitorConnection { margin-left: 10px; border-left: 1px solid #D0D0D0; }
		table.imgbtngrp.compact table#statusMonitorConnection td.imgstatus { padding-left: 10px; } */		
		
		table.imgbtngrp.compact table#statusMonitorConnection td.txtstatus { display: none; }
		table.imgbtngrp.compact table#statusMonitorAcquisition td.txtstatus  { display: none; }
		table.imgbtngrp.compact table#statusMonitorAlarm td.txtstatus  { display: none; }		
		table.imgbtngrp.compact table#statusMonitorMessage td.txtstatus  { display: none; }		
		table.imgbtngrp.compact table#statusMonitorUsers td.txtstatus  { display: none; }
		
		table.imgbtngrp.compact table#statusMonitorMessage.hidden { display: none; }		
				

/*||||||||||||||||||| ERROR PAGE ||||||||
__________________________________________________________ */

div.customCourtesy {
	width: 680px;
	margin: 20px auto 0px;
	padding: 20px 40px;
	text-align: left;
	}

	div.customCourtesy.error { background:  #FFFFCC; border: 1px solid #666666; }

	div.customCourtesy h3 { margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #999999; }
		div.customCourtesy.message h3 { color: #001447; }
		div.customCourtesy.error h3 { color: #CC0000; }

	div.customCourtesy h4 { margin-bottom: 15px; }
	div.customCourtesy.message h4 { font-weight: normal; color: #333333; }

	div.customCourtesy pre { font-size: 1.2em; white-space: normal; }
		div.customCourtesy.message pre { display: none; }



/*||||||||||||||||||| TOOLS : START/STOP ||||||||
__________________________________________________________________ */


#boxToolsStartStop {
	margin: 20px auto 0px;
	padding: 0px;
	text-align: left;
	}
	
	#boxToolsStartStop table.wrapper { 
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
		}

	#boxToolsStartStop td { 
		margin: 0px;
		padding: 0px;
		}
		
		#boxToolsStartStop td blockquote {
			width: 250px;
			margin: 20px;
			padding: 0px 0px 6px 0px;
			text-align: center;
			background: #FFFFFF;
			border: 1px solid #C4C4C4;
			}
	
			#boxToolsStartStop td blockquote h5 {
				margin: 0px;
				padding: 10px 5px 10px 40px;
				font-size: 14px;
				line-height: 14px;				
				text-align: left;
				color: #333333;
				background: #D9D9D9;
				background-repeat: no-repeat;
				background-position: 10px 7px;
				border-bottom: 1px solid #C4C4C4;
				}

				#boxToolsStartStop td#boxToolsStartStopAcquisitions 	blockquote h5 { background-image: url(/media/img/Others/StartStop/DataAcquisition.gif); }
				#boxToolsStartStop td#boxToolsStartStopScheduler 		blockquote h5 { background-image: url(/media/img/Others/StartStop/Scheduler.gif); }
				#boxToolsStartStop td#boxToolsStartStopActivityLogging 	blockquote h5 { background-image: url(/media/img/Others/StartStop/Logging.gif); }

				#boxToolsStartStop td blockquote.running { background-color: #F5F9EE; border-color: #9ECC61; }
					#boxToolsStartStop td blockquote.running h5 { background-position: 10px -33px; background-color: #CCEEAE; border-color: #9ECC61; }
				#boxToolsStartStop td blockquote.stopped { background-color: #F5F3F3; border-color: #C57776; }
					#boxToolsStartStop td blockquote.stopped h5 { background-position: 10px -73px; background-color: #E7C3C3;  border-color: #C57776; }

			#boxToolsStartStop td blockquote input {
				width: 100px;
				height: 40px;
				margin: 40px 10px 0px;
				padding: 0px;
				font-size: 14px;
				font-weight: bold;				
			}

			#boxToolsStartStop td blockquote p {
				margin: 20px 10px 40px;
				padding: 0px;
				font-size: 12px;				
				}	

				#boxToolsStartStop td blockquote         p span { color: #000000; font-weight: bold; }	
				#boxToolsStartStop td blockquote.running p span { color: #339900; }	
				#boxToolsStartStop td blockquote.stopped p span { color: #AA0000; }	
			
			#boxToolsStartStop td blockquote p.ancillary span { color:#000000; font-weight:normal; }							
			#boxToolsStartStop td blockquote p.ancillary input {
				height: auto;
				width: 30px;
				margin: 0px 5px 0px 5px;
				}




/*||||||||||||||||||| TOOLS : RVD - STEP 02 (widget) ||||||||
__________________________________________________________________ */

/* 
	see: "/media/css/rvd.css"
*/



/*||||||||||||||||||| TOOLS : LAYOUT RUNTIME : STEP 01 (list) ||||||||
_____________________________________________________________________________ */

#pnlWrapperLayout01 {
	padding: 20px 20px;
	text-align: center;
	}

	#pnlWrapperLayout01 table { margin: 0px auto; }
	#pnlWrapperLayout01 table thead th { background: #F4F4F4 url(/media/img/Entities/Headers/DataEntryList.gif) no-repeat 50% 50%; border-color: #CCCCCC; }
	#pnlWrapperLayout01 table thead td { font-size: 12px; text-align: left; color: #333333; background: #F4F4F4; border-color: #CCCCCC; }
	#pnlWrapperLayout01 table tbody td { width: 400px; padding-top: 5px; padding-bottom: 5px; text-align: left; }



/*||||||||||||||||||| TOOLS : LAYOUT RUNTIME (widget) ||||||||
__________________________________________________________________ */

/* 
	see: "/media/css/layout.css"
*/



/*||||||||||||||||||| SETTINGS : NETWORKS >> DISCOVERY ||||||||
__________________________________________________________________ */

#boxSettingsNetworksDiscoveryCaution { width: 500px; margin: 40px auto; padding: 0px; }
	#boxSettingsNetworksDiscoveryCaution p { height: auto; line-height: 16px; }


#boxDiscoverManageInterface {}
	
	#boxDiscoverManageInterface table.wkaDataEntry { 
		width: auto;
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
		}

	/*
	#boxDiscoverManageInterface 	table.wkaDataEntry td blockquote#boxDiscoverManageInterfaceConf { width: 350px; }
	#boxDiscoverManageInterface 	table.wkaDataEntry td blockquote#boxTestUtility { width: 350px; }
	*/

	#boxDiscoverManageInterface 	table.wkaDataEntry td blockquote#boxDiscoverManageInterfaceConf h5 { background-image: url(/media/img/Entities/Headers/DiscoverInterfaceAdd.gif); }
	#boxDiscoverManageInterface 	table.wkaDataEntry td blockquote#boxTestUtility h5 { background-image: url(/media/img/Entities/Utilities/TestConnectionInterface.gif); }

	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table { border-spacing: 2px; }

	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table thead th { padding: 3px 15px 5px 5px; }

	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody th { padding: 4px 0px 4px 0px; }

	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody th { width: 20px; text-align: center; }

		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody th input { margin: 0px; padding: 0px; }

	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody td { padding: 4px 15px 4px 5px; vertical-align: middle; }

	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr.folded { display: none; }

	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcComDets td ,
	#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcLanDets td { padding: 0px 0px 5px; }

		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcComDets td table ,
		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcLanDets td table { margin: 0px; padding: 0px; }

			#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcComDets td table td ,
			#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcLanDets td table td { padding: 5px 15px 5px 0px; font-weight: normal; }

		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcComDets td input ,
		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcLanDets td input ,
		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcComDets td select ,
		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcLanDets td select { width: 150px; }
		#boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcLanDets td input.IPs { width: 28px; }


/*||||||||||||||||||| SETTINGS : ALARMS >> OVERVIEW ||||||||
__________________________________________________________________ */

#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr th {  background-image: url(/media/img/Entities/Items/AlarmCategory.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.timeslist tbody tr th {  background-image: url(/media/img/Entities/Items/AlarmTime.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.actionslist tbody tr th {  background-image: url(/media/img/Entities/Items/AlarmAction.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.receiverslist tbody tr th {  background-image: url(/media/img/Entities/Items/RecipientReceiver.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.routeslist tbody tr th {  background-image: url(/media/img/Entities/Items/RecipientRoute.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.routeslist tbody tr th.email {  background-image: url(/media/img/Entities/Items/Email.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.routeslist tbody tr th.sms {  background-image: url(/media/img/Entities/Items/Sms.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.routeslist tbody tr th.fax {  background-image: url(/media/img/Entities/Items/Fax.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.routeslist tbody tr th.printer {  background-image: url(/media/img/Entities/Items/Printer.gif); }
	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.routeslist tbody tr th.device {  background-image: url(/media/img/Entities/Items/Device.gif); }

	#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled th {  background-image: url(/media/img/Entities/Items/AlarmCategoryDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.timeslist tbody tr th {  background-image: url(/media/img/Entities/Items/AlarmTimeDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.actionslist tbody tr th {  background-image: url(/media/img/Entities/Items/AlarmActionDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.receiverslist tbody tr th {  background-image: url(/media/img/Entities/Items/RecipientReceiverDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.routeslist tbody tr th {  background-image: url(/media/img/Entities/Items/RecipientRouteDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.routeslist tbody tr th.email {  background-image: url(/media/img/Entities/Items/EmailDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.routeslist tbody tr th.sms {  background-image: url(/media/img/Entities/Items/SmsDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.routeslist tbody tr th.fax {  background-image: url(/media/img/Entities/Items/FaxDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.routeslist tbody tr th.printer {  background-image: url(/media/img/Entities/Items/PrinterDisabled.gif); }
		#boxSettingsAlarmsOverview table.wkaDataOverview blockquote table.classeslist tbody tr.disabled table.routeslist tbody tr th.device {  background-image: url(/media/img/Entities/Items/DeviceDisabled.gif); }


/*||||||||||||||||||| SETTINGS : ACCOUNTS >> OVERVIEW ||||||||
__________________________________________________________________ */

#boxSettingsAccountsOverview table.wkaDataOverview blockquote table.groupslist tbody tr th {  background-image: url(/media/img/Entities/Items/AccountGroup.gif); }
#boxSettingsAccountsOverview table.wkaDataOverview blockquote table.groupslist table.userslist tbody tr th {  background-image: url(/media/img/Entities/Items/AccountUser.gif); }
	#boxSettingsAccountsOverview table.wkaDataOverview blockquote table.groupslist tbody tr.disabled th {  background-image: url(/media/img/Entities/Items/AccountGroupDisabled.gif); }
		#boxSettingsAccountsOverview table.wkaDataOverview blockquote table.groupslist tbody tr.disabled table.userslist tbody tr th ,
		#boxSettingsAccountsOverview table.wkaDataOverview blockquote table.groupslist table.userslist tbody tr.disabled th {  background-image: url(/media/img/Entities/Items/AccountUserDisabled.gif); }


/*||||||||||||||||||| SETTINGS : RECIPIENTS >> OVERVIEW ||||||||
__________________________________________________________________ */

#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist tbody tr th {  background-image: url(/media/img/Entities/Items/RecipientReceiver.gif); }

	#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist tbody th.twin {  background-image: url(/media/img/Entities/Items/RecipientRouteTwin.gif); }
	#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist tbody tr.disabled th.twin {  background-image: url(/media/img/Entities/Items/RecipientRouteTwinDisabled.gif); }

	#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr th {  background-image: url(/media/img/Entities/Items/RecipientRoute.gif); }
	#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr th.email {  background-image: url(/media/img/Entities/Items/Email.gif); }
	#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr th.sms {  background-image: url(/media/img/Entities/Items/Sms.gif); }
	#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr th.fax {  background-image: url(/media/img/Entities/Items/Fax.gif); }
		#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr.disabled th {  background-image: url(/media/img/Entities/Items/RecipientRouteDisabled.gif); }
		#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr.disabled th.email {  background-image: url(/media/img/Entities/Items/EmailDisabled.gif); }
		#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr.disabled th.sms {  background-image: url(/media/img/Entities/Items/SmsDisabled.gif); }
		#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.routeslist tbody tr.disabled th.fax {  background-image: url(/media/img/Entities/Items/FaxDisabled.gif); }
			
	#boxSettingsRecipientsOverview table.wkaDataOverview blockquote table.receiverslist table.availslist tbody tr th {  background-image: url(/media/img/Entities/Items/RecipientTime.gif); }


/*||||||||||||||||||| SETTINGS : RECIPIENTS >> AVAILABILITY ||||||||
__________________________________________________________________ */

#popupCalendarDays { margin-left: 5px; }


/*||||||||||||||||||| SETTINGS : SCHEDULER >> OVERVIEW ||||||||
__________________________________________________________________ */

#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist tbody tr th {  background-image: url(/media/img/Entities/Items/Task.gif); }
	#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist tbody tr.disabled th {  background-image: url(/media/img/Entities/Items/TaskDisabled.gif); }

	#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist table.actiondetail tbody tr.print th {  background-image: url(/media/img/Entities/Items/Printer.gif); }
	#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist table.actiondetail tbody tr.file th {  background-image: url(/media/img/Entities/Items/TaskExport.gif); }
	#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist table.actiondetail tbody tr.exec th {  background-image: url(/media/img/Entities/Items/TaskExecution.gif); }

		#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist tbody tr.disabled table.actiondetail tbody tr.print th {  background-image: url(/media/img/Entities/Items/PrinterDisabled.gif); }
		#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist tbody tr.disabled table.actiondetail tbody tr.file th {  background-image: url(/media/img/Entities/Items/TaskExportDisabled.gif); }
		#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist tbody tr.disabled table.actiondetail tbody tr.exec th {  background-image: url(/media/img/Entities/Items/TaskExecutionDisabled.gif); }

	#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist table.recurdetail tbody tr th {  background-image: url(/media/img/Entities/Items/TaskPeriodicity.gif); }
		#boxSettingsSchedulerOverview table.wkaDataOverview blockquote table.taskslist tbody tr.disabled table.recurdetail tbody tr th {  background-image: url(/media/img/Entities/Items/TaskPeriodicityDisabled.gif); }





/*||||||||||||||||||| SETTINGS : LAYOUT DESIGNER (widget) ||||||||
__________________________________________________________________ */

/* 
	see: "/media/css/layout.css"
*/


/*||||||||||||||||||| SETTINGS : DATA ARCHIVE >> CONTROL ||||||||
__________________________________________________________________ */

#boxSettingsArchiveControl #boxArchiveControlDetail table.tblSuggestText { 
		margin: 20px auto;
		padding: 5px 0px;
		text-align: center;
		font-weight: normal;
		line-height: 12px;
		}
			
			#boxSettingsArchiveControl #boxArchiveControlDetail table.tblSuggestText label#idLblSuggest {
				padding: 5px 0px 5px 30px; 
				background: transparent url(/media/img/Common/Messages/SuggestLeft.gif) no-repeat top left; }
				
#boxSettingsArchiveControl #boxArchiveControlDetail td.aligntext {
			vertical-align: middle;			
		}
				


/*||||||||||||||||||| SETTINGS : DATA ARCHIVE >> MANAGE ||||||||
__________________________________________________________________ */

#boxSettingsArchiveManage #boxArchiveManageDetail table.tblSuggestText { 
		margin: 20px auto;
		padding: 5px 0px;
		text-align: center;
		font-weight: normal;
		line-height: 12px;
		}
			
			#boxSettingsArchiveManage #boxArchiveManageDetail table.tblSuggestText label#idLblSuggest {
				padding: 5px 0px 5px 30px; 
				background: transparent url(/media/img/Common/Messages/SuggestLeft.gif) no-repeat top left; }

#boxSettingsArchiveManage #boxArchiveManageDetail td.aligntext { 
			vertical-align: middle;			
		}


/*||||||||||||||||||| SETTINGS : GENERAL SETTINGS >> ALARMS ||||||||
__________________________________________________________________ */


table.wkaDataEntry td blockquote#boxTestUtility h5 { background-image: url(/media/img/Entities/Utilities/TestConnectionInterface.gif); }



/*||||||||||||||||||| COMPUTER : SYSTEM INFO PAGE ||||||||
__________________________________________________________________ */

#boxSystemInformation { margin: 20px auto; }
	
	#boxSystemInformation table.wkaDataOverview { 
		width: auto;
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
		background: #EEEEEE;
		border: 1px solid #999999;
		}
	
		#boxSystemInformation table.wkaDataOverview td { padding-bottom: 10px; }
		#boxSystemInformation table.wkaDataOverview td blockquote#boxSystemInformationComputer h5 { background-image: url(/media/img/Entities/Items/Computer.gif); }
		#boxSystemInformation table.wkaDataOverview td blockquote#boxSystemInformationDatabase h5 { background-image: url(/media/img/Entities/Items/Database.gif); }
		#boxSystemInformation table.wkaDataOverview td blockquote#boxSystemInformationFiles    h5 { background-image: url(/media/img/Entities/Items/Files.gif); }
	
	
		#boxSystemInformation table.wkaDataOverview td blockquote table { border-spacing: 2px; }
		#boxSystemInformation table.wkaDataOverview td blockquote table tbody td { padding-bottom: 4px; }
		#boxSystemInformation table.wkaDataOverview td blockquote#boxSystemInformationFiles table tbody td { white-space: nowrap; }


/*||||||||||||||||||| COMPUTER : INTERFACES PAGE ||||||||
__________________________________________________________________ */

#boxSystemInterfaces { margin: 20px auto; }
	
	#boxSystemInterfaces table.wkaDataOverview { 
		width: auto;
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
		background: #EEEEEE;
		border: 1px solid #999999;
		}

		#boxSystemInterfaces table.wkaDataOverview td { padding-bottom: 10px; }
		#boxSystemInterfaces table.wkaDataOverview td blockquote#boxSystemInterfacesList h5 { background-image: url(/media/img/Entities/Items/Interface.gif); }

		#boxSystemInterfaces table.wkaDataOverview td blockquote table { border-spacing: 2px; }	
		#boxSystemInterfaces table.wkaDataOverview td blockquote table tbody td { padding-bottom: 4px; font-weight: bold; }

		#boxSystemInterfaces table.wkaDataOverview td blockquote table tbody tr.eth th { background: url(/media/img/Entities/Items/InterfaceEthernet.gif) no-repeat 5px 3px; } 
		#boxSystemInterfaces table.wkaDataOverview td blockquote table tbody tr.com th { background: url(/media/img/Entities/Items/InterfaceSerial.gif) no-repeat 5px 3px; } 
		#boxSystemInterfaces table.wkaDataOverview td blockquote table tbody tr td.netavailable , 
		#boxSystemInterfaces table.wkaDataOverview td blockquote table tbody tr td.netnew { background: url(/media/img/Networks/Interfaces/Interface.gif) no-repeat 5px 3px; padding-left: 25px; } 
		#boxSystemInterfaces table.wkaDataOverview td blockquote table tbody tr td.netnolink { background: url(/media/img/Networks/Interfaces/InterfaceNoLink.gif) no-repeat 5px 3px; padding-left: 25px; }
		#boxSystemInterfaces table.wkaDataOverview td blockquote table tbody tr td.none { background: url(/media/img/Common/Debug/None.gif) no-repeat 5px 3px; padding-left: 25px; }


/*||||||||||||||||||| COMPUTER : EMAIL/FAX/SMS/PRINT PAGES ||||||||
__________________________________________________________________ */

#boxSystemEmail, #boxSystemSms, #boxSystemFax, #boxSystemPrinter {}
	
	#boxSystemEmail table.wkaDataEntry , 
	#boxSystemSms table.wkaDataEntry , 
	#boxSystemFax table.wkaDataEntry ,
	#boxSystemPrinter table.wkaDataEntry { 
		width: auto;
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
		}

	#boxSystemEmail 	table.wkaDataEntry td blockquote#boxSystemEmailConf h5.conn { background-image: url(/media/img/Entities/Items/EmailConnect.gif); }
	#boxSystemEmail 	table.wkaDataEntry td blockquote#boxSystemEmailConf h5.smtp { background-image: url(/media/img/Entities/Items/EmailConfig.gif); border-top: 1px solid #C4C4C4; }
	#boxSystemSms 		table.wkaDataEntry td blockquote#boxSystemModemList h5 { background-image: url(/media/img/Entities/Items/Modem.gif); }
	#boxSystemFax 		table.wkaDataEntry td blockquote#boxSystemModemList h5 { background-image: url(/media/img/Entities/Items/Modem.gif); }
	#boxSystemPrinter 	table.wkaDataEntry td blockquote#boxSystemPrinterList h5 { background-image: url(/media/img/Entities/Items/Printer.gif); }
	
	#boxSystemEmail 	table.wkaDataEntry td blockquote#boxTestUtility h5 { background-image: url(/media/img/Entities/Utilities/TestSendEmail.gif); }
	#boxSystemSms 		table.wkaDataEntry td blockquote#boxTestUtility h5 { background-image: url(/media/img/Entities/Utilities/TestSendSms.gif); }
	#boxSystemFax 		table.wkaDataEntry td blockquote#boxTestUtility h5 { background-image: url(/media/img/Entities/Utilities/TestSendFax.gif); }
	#boxSystemPrinter 	table.wkaDataEntry td blockquote#boxTestUtility h5 { background-image: url(/media/img/Entities/Utilities/TestSendPrint.gif); }


	#boxSystemEmail table.wkaDataEntry td blockquote table , 
	#boxSystemSms table.wkaDataEntry td blockquote table , 
	#boxSystemFax table.wkaDataEntry td blockquote table ,
	#boxSystemPrinter table.wkaDataEntry td blockquote table { border-spacing: 2px; }

	#boxSystemEmail table.wkaDataEntry td blockquote table thead th ,
	#boxSystemSms table.wkaDataEntry td blockquote table thead th ,
	#boxSystemFax table.wkaDataEntry td blockquote table thead th ,
	#boxSystemPrinter table.wkaDataEntry td blockquote table thead th { padding: 3px 15px 5px 5px; }

	#boxSystemEmail table.wkaDataEntry td blockquote table tbody th ,
	#boxSystemSms table.wkaDataEntry td blockquote table tbody th ,
	#boxSystemFax table.wkaDataEntry td blockquote table tbody th ,
	#boxSystemPrinter table.wkaDataEntry td blockquote table tbody th { padding: 4px 0px 4px 0px; }

	#boxSystemEmail table.wkaDataEntry td blockquote table tbody th { width: 20px; text-align: center; }

		#boxSystemEmail table.wkaDataEntry td blockquote table tbody th input ,
		#boxSystemSms table.wkaDataEntry td blockquote table tbody th input ,
		#boxSystemFax table.wkaDataEntry td blockquote table tbody th input ,
		#boxSystemPrinter table.wkaDataEntry td blockquote table tbody th input { margin: 0px; padding: 0px; }

	#boxSystemEmail table.wkaDataEntry td blockquote table tbody td ,
	#boxSystemSms table.wkaDataEntry td blockquote table tbody td ,
	#boxSystemFax table.wkaDataEntry td blockquote table tbody td ,
	#boxSystemPrinter table.wkaDataEntry td blockquote table tbody td { padding: 4px 15px 4px 5px; font-weight: bold; vertical-align: middle; }

	#boxSystemEmail table.wkaDataEntry td blockquote table tbody td #smtpAuth { padding-left: 0px; margin-left: 0px; }
	#boxSystemEmail table.wkaDataEntry td blockquote table tbody tr.folded { display: none; }

	#boxSystemEmail table.wkaDataEntry td blockquote table tbody tr#connDupDet td ,
	#boxSystemEmail table.wkaDataEntry td blockquote table tbody tr#smtpAuthDet td { padding: 0px 0px 5px; }

		#boxSystemEmail table.wkaDataEntry td blockquote table tbody tr#connDupDet td table ,
		#boxSystemEmail table.wkaDataEntry td blockquote table tbody tr#smtpAuthDet td table { margin: 0px; padding: 0px; }

			#boxSystemEmail table.wkaDataEntry td blockquote table tbody tr#connDupDet td table td ,
			#boxSystemEmail table.wkaDataEntry td blockquote table tbody tr#smtpAuthDet td table td { padding: 3px 15px 3px 5px; font-weight: normal; }


	/*............... COMMUNICATION TEST UTILITY ...............*/
	
	#boxTestUtility {
		width: auto;
		text-align: center;
		/* PINK  background-color: #FEF5ED !important; border-color: #F8C8A0 !important; */
		/* GREEN background-color: #F5F9EE !important; border-color: #9ECC61 !important; */
		/* AZUR */
		background-color: #F0F7F9 !important;
		border-color: #9AC5E1 !important;
		}
	
		#boxTestUtility h5 {
			text-align: left;
			/* PINK  background-color: #FADDC3 !important; border-bottom-color: #FFFFFF !important; */
			/* GREEN background-color: #CCEEAE !important; border-bottom-color: #FFFFFF !important; */
			/* AZUR */
			background-color: #CCE2F0 !important;
			border-bottom-color: #FFFFFF !important;
		}
	
		#boxTestUtility table td { vertical-align: top !important; padding-right: 15px !important; }
	
		#boxTestUtility table td label { margin: 5px 5px 3px 0px; display: block; font-weight: normal; }
	
		#boxTestUtility table td input ,
		#boxTestUtility table td textarea { width: 175px !important; font-family: Verdana, sans-serif; font-size: 12px; }
	
		#boxTestUtility div { margin: 10px; padding: 0px; }
		#boxTestUtility div span.fbackerrors , 	
		#boxTestUtility div span.fbackwarnings { width: 150px; margin: 0px auto 15px; text-align: left; }
		#boxTestUtility div input { margin-bottom: 5px; }
	
	





/*/////////////////////////////////////////////////////// DEBUGGING OVERRIDE //////////////
_______________________________________________________________________________________________________ */












/* ##################################################################################################################################
####################################################### ANCORA DA CONSOLIDARE #######################################################
##################################################################################################################################### */



/*/////////////////////////////////////////////////////// COMMON DEFINITIONS //////////////
_______________________________________________________________________________________________________ */


/*............... GRIDS SPLITTER TABLE ..........*/

.tblGridSplitter { 
	margin: 0px;
	padding: 0px;
	border: none;
	border-spacing: 4px;
	}
	
	.tblGridSplitter td { vertical-align: top; }


/*............... NETWORK > INSTRUMENTS TABLES (component) ..........*/

/* NOTE: margins and paddings are set for a 22x22 icon,
   so please override locally otherwise */

table.grdNetworkTable {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #001447;
	border-top: 2px solid #001447;
	}

	table.grdNetworkTable tr {
		/*
		margin: 0px;
		padding: 0px;
		border: none;
		*/
		}

	table.grdNetworkTable tr.compact {
		display: none;
	}

	table.grdNetworkTable th {
		height: 10px;
		margin: 0px;
		padding: 4px 5px;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		color: #FFFFFF;
		background: #507CD1;
		border: 1px solid #333333;
		border-bottom: 2px solid #001447;
		}

	table.grdNetworkTable td {
		/*width: 30%;*/
		margin: 0px;
		padding: 4px 5px 0px;
		font-weight: bold;
		white-space: nowrap;
		vertical-align: middle;
		background: #CECECE;
		border: 1px solid #333333;

		}
		
		table.grdNetworkTable td.grdCmds ,
		table.grdNetworkTable td.grdIcon {
			width: 24px;
			height: 24px;
			margin: 0px;
			padding: 0px;
			font-weight: normal;
			text-align: center;
			white-space: normal;
			}

			table.grdNetworkTable td.grdCmds * ,
			table.grdNetworkTable td.grdIcon * {
				margin: 4px;
				padding: 0px;
			}

			table.grdNetworkTable td.grdSpan {
				margin: 0px;
				padding: 0px;
				text-align: center;
				background: #FFFFFF;
				border: none;
				border-bottom: 2px solid #001447;
				/*display: none;*/
				}

				table.grdNetworkTable td.grdSpan img.loading { margin: 20px auto; }

				table.grdNetworkTable td.grdSpan table.grdInstrumentTable {
					width: 100%;
					margin: 0px;
					padding: 0px;
					text-align: left;
					border-collapse: collapse;
					border-spacing: 0px;
					border: none;
					background: transparent;
					}
				
					table.grdNetworkTable td.grdSpan table.grdInstrumentTable th {
						height: 10px;
						margin: 0px;
						padding: 2px 5px;
						font-weight: bold;
						text-align: left;
						color: #333333;
						background: #99CCFF;
						border: 1px solid #001447;
						border-top: none;
						border-right: none;
						}
		
					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td {
						/*width: 30%;*/
						margin: 0px;
						padding: 4px 5px 0px;
						font-weight: normal;
						white-space: nowrap;
						background: transparent;
						border-top: none;
						border-right: none;
						border-bottom: 1px dotted #333333;
						border-left: 1px solid #333333;
						}

						table.grdNetworkTable td.grdSpan table.grdInstrumentTable tr.rowSelected td {
							background: #FFFF99;
						}
		
					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td.grdCmds ,
					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td.grdIcon {
						width: 24px;
						height: 24px;
						margin: 0px;
						padding: 0px;
						text-align: center;
						}
		
		
					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td.grdCmds * ,
					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td.grdIcon * {
						margin: 4px;
						padding: 0px;
					}

					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td.grdCmds img.spcr { margin: 0px; padding: 0px; width:  22px; height: 22px; }




		table.grdNetworkTable td.grdCmds2 {
			width: 52px;
			height: 24px;
			margin: 0px;
			padding: 0px 24px 0px 0px;
			font-weight: normal;
			text-align: left;
			white-space: normal;
			background: transparent url(/media/img/Networks/Interfaces/Interface.gif) no-repeat 54px 4px;
			}

			table.grdNetworkTable td.grdCmds2 span {
				width: 20px;
				height: 20px;
				margin: 0px;
				padding: 2px;
				display: block;
				float: left;
				text-align: center;
				vertical-align: middle;
				border-right: 1px dotted  #999999; 
			}

					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td.grdCmds2 {
						width: 52px;
						height: 24px;
						margin: 0px;
						padding: 0px 24px 0px 0px;
						font-weight: normal;
						text-align: left;
						white-space: normal;
						background: transparent url(/media/img/Networks/Devices/Device.gif) no-repeat 54px 4px;
						}

					table.grdNetworkTable td.grdSpan table.grdInstrumentTable td.grdCmds2 img.spcr { margin: 2px; padding: 0px; width:  16px; height: 16px; }





/*............... DEVICES (=INSTRUMENTS) > RESOURCES TABLES (component) ..........*/

/* NOTE: margins and paddings are set for a 22x22 icon,
   so please override locally otherwise */

table.grdDevicesTable {
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	border: 1px solid #CCCCCC;
	}

	table.grdDevicesTable tr {
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		}

	table.grdDevicesTable td {
		margin: 0px;
		padding: 0px 2px 0px 0px;
		vertical-align: middle;
		background: #DEDEDE;
		border: none;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		}
		
		table.grdDevicesTable td.grdCmds { padding-right: 2px; }
		table.grdDevicesTable td.grdInstrumentName { padding: 0px 4px 0px 2px; font-weight: bold; }

		table.grdDevicesTable td.grdSpan {
			margin: 0px;
			padding: 0px;
			background: #FFFFFF;
			}

			table.grdDevicesTable td.grdSpan table.grdResourcesTable {
				width: 99%;
				margin: 0px;
				padding: 0px;
				text-align: left;
				border-collapse: collapse;
				border-spacing: 0px;
				border: none;
				}

			table.grdDevicesTable td.grdSpan table.grdResourcesTable tr {
				border: none;
				}

			table.grdDevicesTable td.grdSpan table.grdResourcesTable td {
				margin: 0px;
				padding: 1px 0px;
				background: #FFFFFF;
				}


/*............... DATA > PLANT VIEW TABLES (component) ..........*/

/* NOTE: margins and paddings are set for a 22x22 icon,
   so please override locally otherwise */

table.grdPlantViewTable {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #001447;
	border-top: 2px solid #001447;
	}

	table.grdPlantViewTable td {
		margin: 0px;
		padding: 0px 5px;
		font-weight: bold;
		/*white-space: nowrap;*/ /* This is inherited from child table */
		text-align: left;
		vertical-align: middle;
		background: #99CCFF;
		border: 1px solid #333333;
		}
		
		table.grdPlantViewTable td.grdSpan {
			margin: 0px;
			padding: 0px;
			text-align: center;
			background: #FFFFFF;
			border: none;
			border-bottom: 2px solid #001447;
			}

			table.grdPlantViewTable td.grdSpan table { width: 100%; margin: 0px; }

			table.grdPlantViewTable td.grdSpan td {
				text-align: left;
				background: #FFFFFF;
				border: 1px solid #E4E4E4;
			}

		table.grdPlantViewTable td.grdCmds ,
		table.grdPlantViewTable td.grdIcon {
			width: 24px !important;
			/*height: 24px;*/
			margin: 0px;
			padding: 0px;
			font-weight: normal;
			text-align: center;
			white-space: normal;
			}

			table.grdPlantViewTable td.grdCmds * ,
			table.grdPlantViewTable td.grdIcon * {
				margin: 0px 4px;
				padding: 0px;
			}





/*............... SUPER NETWORK TABLE (component) ..........*/


/* ________ TABLE NESTED STRUCTURE - START______________________________________

<div id="" class="wrpSuperGridNetworkTable">				

	<table id="" class="sgnInterfacesTable">			  

	  <colgroup class="sgnColGrp">
		  <col class="sgnIco" />
		  <col class="sgnCmd" span="N"/>
		  <col class="sgnData" />
		  <col class="sgnCmd" />
	  </colgroup>

	  <tr class="hdwInterface" id="ifcXX">
		<th></td>
		<td><input type="checkbox" name="" value="ifcXX" /></td>
		<td>Lorem ipsum</td>
		<td><a href="#" class="sgnFoldingButton">+</a></td>

	  <tr class="hdwInterfaceChild">
			<td></td>
			<td class="sgnSpan" colspan="x">

				<table class="sgnDevicesTable">
				  <tr class="hdwDevice" id="ifcXX:devYY">

				  <tr class="hdwDeviceChild">
					<td></td>
					<td class="sgnSpan" colspan="x">
	
						<table class="sgnResourcesTable">
							<tr class="hdwResource" id="ifcXX:devYY:resZZ">

___________________________________________________________________________END__ */



/*  
-----------------------------------------------------------------------------
NOTE: margins and paddings are set for a 16x16 icon/control/command/input box 
	  and a dimension of command cells (td) equal to 26x24  
-----------------------------------------------------------------------------
*/


.wrpSuperGridNetworkTable {
	width: 90%;
	margin: 0px auto;
	padding: 20px;
	display: block;
	}

	.wrpSuperGridNetworkTable.min_width { width: auto; }
	.wrpSuperGridNetworkTable.min_width table { width: auto; }

	.wrpSuperGridNetworkTable table {
		margin: 0px;
		padding: 0px;
		width: 99%; /*width: 100%;*/  	/* use 99% if borders give some problems on IE */
		/*table-layout: fixed;*/		/* used because of a slow rendering of long tables when complex networks are connected ( see http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/tablelayout.asp / working example can be found here: http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/tables3.htm ) */
		border-collapse: collapse;
		border-spacing: 0px;
		background: transparent;
		}
		
		/* handle table "wait-loading" message */
		.wrpSuperGridNetworkTable #sgnLoader { display: none; }
		.wrpSuperGridNetworkTable.sgnWaitLoading #sgnLoader { display: block; padding: 20px 0px; }
		.wrpSuperGridNetworkTable.sgnWaitLoading table { visibility: hidden; display: none; }

		.wrpSuperGridNetworkTable table col.sgnIco { width: 26px; }
		.wrpSuperGridNetworkTable table col.sgnCmd { width: 26px; }
		.wrpSuperGridNetworkTable table col.sgnData { /*width: 30%;*/ }

		.wrpSuperGridNetworkTable table th , 
		.wrpSuperGridNetworkTable table td { 
			margin: 0px;
			padding: 0px 2px;
			text-align: left;
			vertical-align: middle;
			}

		.wrpSuperGridNetworkTable table tbody th { height: 24px; font-size: 10px; }
		.wrpSuperGridNetworkTable table tbody td { height: 24px; font-size: 10px; }

		.wrpSuperGridNetworkTable table tbody tr.hdwInterfaceChild ,
		.wrpSuperGridNetworkTable table tbody tr.hdwDeviceChild {
			background-color: #FFFFFF;
		}

		.wrpSuperGridNetworkTable table td.sgnSpan { padding: 0px 0px 20px 0px; }

		.wrpSuperGridNetworkTable.highlight_changed  table tbody tr.changed  th { background-color: #FFFF99; }
		.wrpSuperGridNetworkTable.highlight_selected table tbody tr.selected th { background-color: #FFFF99; }
		.wrpSuperGridNetworkTable.highlight_selected table tbody tr.selected td.ico { background-color: #FFFF99; }
		/*.wrpSuperGridNetworkTable.highlight_selected table tbody tr.selected td { background-color: #FFFF99; }*/


		/* ------ ELEMENTS STATUS HANDLERS ------ */
		
		
		/* --- handle hardware icon as background of first row element [ used <th> to identify element in a simple manner ;-) ] --- */
		
			.wrpSuperGridNetworkTable table tbody tr th {
				background-repeat: no-repeat;
				background-position: 5px 4px;
				min-width: 24px;
				}
			
				.wrpSuperGridNetworkTable table tbody tr.alrActive 		th { background-image: url(/media/img/Networks/Alarms/AlarmActiveGray.gif); }
				.wrpSuperGridNetworkTable table tbody tr.alrConfirmed 	th { background-image: url(/media/img/Networks/Alarms/AlarmConfirmedGray.gif); }
				.wrpSuperGridNetworkTable table tbody tr.alrSleeping 	th { background-image: url(/media/img/Networks/Alarms/AlarmSleepingGray.gif); }

				.wrpSuperGridNetworkTable table tbody tr.hdwInterface 	th { background-image: url(/media/img/Networks/Interfaces/Interface.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwDevice 		th { background-image: url(/media/img/Networks/Devices/Device.gif); }


				.wrpSuperGridNetworkTable table tbody tr.hdwDevCompressor 	th.on { background-image: url(/media/img/Networks/Devices/CompressorOn.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwDevDefrost 		th.on { background-image: url(/media/img/Networks/Devices/DefrostOn.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwDevFan 			th.on { background-image: url(/media/img/Networks/Devices/FanOn.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwDevDoor 		th.on { background-image: url(/media/img/Networks/Devices/DoorOn.gif); }

				.wrpSuperGridNetworkTable table tbody tr.hdwDevCompressor 	th.of { background-image: url(/media/img/Networks/Devices/CompressorOff.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwDevDefrost 		th.of { background-image: url(/media/img/Networks/Devices/DefrostOff.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwDevFan 			th.of { background-image: url(/media/img/Networks/Devices/FanOff.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwDevDoor 		th.of { background-image: url(/media/img/Networks/Devices/DoorOff.gif); }

				.wrpSuperGridNetworkTable table tbody tr.hdwResAnalog 	th { background-image: url(/media/img/Networks/Resources/Analog.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwResDigital 	th { background-image: url(/media/img/Networks/Resources/Digital.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwResState 	th { background-image: url(/media/img/Networks/Resources/State.gif); }
				.wrpSuperGridNetworkTable table tbody tr.hdwResAlarm 	th { background-image: url(/media/img/Networks/Resources/Alarm.gif); }

					.wrpSuperGridNetworkTable table tbody tr.hdwInterface	th.disabled { background-image: url(/media/img/Networks/Interfaces/InterfaceDisabled.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwDevice		th.disabled { background-image: url(/media/img/Networks/Devices/DeviceDisabled.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwResAnalog	th.disabled { background-image: url(/media/img/Networks/Resources/AnalogDisabled.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwResDigital	th.disabled { background-image: url(/media/img/Networks/Resources/DigitalDisabled.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwResState	th.disabled { background-image: url(/media/img/Networks/Resources/StateDisabled.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwResAlarm	th.disabled { background-image: url(/media/img/Networks/Resources/AlarmDisabled.gif); }

					.wrpSuperGridNetworkTable table tbody tr.hdwDevice		th.hybrid  { background-image: url(/media/img/Networks/Devices/DeviceHybrid.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwDevice		th.nolink  { background-image: url(/media/img/Networks/Devices/DeviceNoLink.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwDevice		th.normal  { background-image: url(/media/img/Networks/Devices/Device.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwDevice		th.alarm   { background-image: url(/media/img/Networks/Alarms/AlarmActiveGray.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwDevice		th.noAlarm { background-image: url(/media/img/Networks/Alarms/AlarmSleepingGray.gif); }

					/* [E_BURIGO] [15-sep-2008] I re-activated the following line in order to make greyed the icon of offline device. 
						                        It seems to work under both Firefox and IE6. */
					/* IE6 Sucks! */
					.wrpSuperGridNetworkTable table tbody tr.hdwDevice.disabled 	th { background-image: url(/media/img/Networks/Devices/DeviceDisabled.gif); }
				/*	.wrpSuperGridNetworkTable table tbody tr.hdwResAnalog.disabled 	th { background-image: url(/media/img/Networks/Resources/AnalogDisabled.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwResDigital.disabled th { background-image: url(/media/img/Networks/Resources/DigitalDisabled.gif); }}
					.wrpSuperGridNetworkTable table tbody tr.hdwResState.disabled 	th { background-image: url(/media/img/Networks/Resources/StateDisabled.gif); }
					.wrpSuperGridNetworkTable table tbody tr.hdwResAlarm.disabled 	th { background-image: url(/media/img/Networks/Resources/AlarmDisabled.gif); }
					*/

		/* --- handle alarm status icon as table cell content --- */

			.wrpSuperGridNetworkTable table tbody tr td.ico img { margin: 4px 5px; }

		
		/* --- handle rows appearence based on their pseudo-status --- */

			.wrpSuperGridNetworkTable table tr.disabled td { color: #999999; text-decoration: line-through; }
			
			.wrpSuperGridNetworkTable table tr.gray td { color: #999999; }
			.wrpSuperGridNetworkTable table tr.green td { color: #009600; }
			.wrpSuperGridNetworkTable table tr.red td { color: #CC0000; }

		/* --- E_BURIGO input width --- */
		.wrpSuperGridNetworkTable table tbody tr input { width: 95% }
		
		/* --- handle row visibility --- */		

			.wrpSuperGridNetworkTable table tbody tr.folded { display: none; }		
			.wrpSuperGridNetworkTable table tbody tr.suppressed { display: none; }

				/* handle two concurrent IE6 bugs 
				   1) select elements are windowed controls: http://support.microsoft.com/default.aspx?scid=kb;en-us;177378)
				   2) on page reload after filtering, inputs and block elements seem to lose hasLayout and/or visibility
				*/
				.wrpSuperGridNetworkTable table tbody tr select ,
				.wrpSuperGridNetworkTable table tbody tr input ,
				.wrpSuperGridNetworkTable table tbody tr a { visibility: visible; }
				.wrpSuperGridNetworkTable table tbody tr.folded select ,
				.wrpSuperGridNetworkTable table tbody tr.folded input ,
				.wrpSuperGridNetworkTable table tbody tr.folded a { visibility: hidden; }
				.wrpSuperGridNetworkTable table tbody tr.suppressed select ,
				.wrpSuperGridNetworkTable table tbody tr.suppressed input ,
				.wrpSuperGridNetworkTable table tbody tr.suppressed a { visibility: hidden; }


		/* --- handle headers visibility (visual helper) --- */

			.wrpSuperGridNetworkTable.sgnNoHeaders table thead { display: none; }


		/* --- handle vertical lines visibility (visual helper) --- */

			.wrpSuperGridNetworkTable.novlines td {
				border-right: 1px solid #999999;
			}


		/* --- expand/compact button --- */

		a.sgnFoldingButton {
			width: 16px;
			height: 16px;
			margin: 4px 5px 4px auto;
			padding: 0px;
			display: block;
			overflow: hidden;
			text-indent:-9999px; overflow:hidden;
			background: transparent url(/media/img/Common/Grid/FoldingButton.gif) no-repeat 0px -16px;
			}
		
			tr.childwasfolded a.sgnFoldingButton { background-position: 0px 0px; }




/*............... NETWORKS > INTERFACES TABLES ..........*/

table.sgnInterfacesTable {	
	border: 1px solid #888888;
	}

	table.sgnInterfacesTable thead tr th {
		height: 16px;
		font-size: 9px;
		color: #FFFFFF;
		background-color: #507CD1;
		/*background: transparent url(/media/img/sgnTheadBackIfc.gif) repeat-x top left;*/
		}

	table.sgnInterfacesTable tr.hdwInterface th ,
	table.sgnInterfacesTable tr.hdwInterface td {
		/*font-weight: bold;*/
		white-space: nowrap;
		background-color: #CECECE;
		border-top: 1px solid #888888;
		border-bottom: 1px solid #888888;
		}

		table.sgnInterfacesTable tr.hdwInterface:hover th ,
		table.sgnInterfacesTable tr.hdwInterface:hover td {
			/*background-color: #FF0000;*/
		}

/*............... NETWORKS > DEVICES TABLES ..........*/

table.sgnDevicesTable {	
	border: 1px solid #AAAAAA;
	border-top: none;
	}

	table.sgnDevicesTable thead tr th {
		height: 16px;
		font-size: 9px;
		color: #333333;
		background-color: #99CCFF;
		/*background: transparent url(/media/img/sgnTheadBackDev.gif) repeat-x top left;*/
		}

	table.sgnDevicesTable tr.hdwDevice th ,
	table.sgnDevicesTable tr.hdwDevice td {
		/*font-weight: bold;*/
		white-space: nowrap;
		background-color: #E4E4E4;
		border-top: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		}
	
		table.sgnDevicesTable tr.hdwDevice:hover th ,
		table.sgnDevicesTable tr.hdwDevice:hover td {
			/*background-color: #FF0000;*/
		}

/*............... NETWORKS > RESOURCES TABLES ..........*/

table.sgnResourcesTable {
	border: 1px solid #CCCCCC;
	}

	table.sgnResourcesTable thead tr th {
		height: 16px;
		font-size: 9px;
		color: #333333;
		background-color: #CCE6FF;
		/*background: transparent url(/media/img/sgnTheadBackRes.gif) repeat-x top left;*/
		}

	table.sgnResourcesTable tr th ,
	table.sgnResourcesTable tr td {
		white-space: nowrap;
		background-color: #F7F7F7;
		/*border-bottom: 1px solid #FFFFFF;*/
		}

		table.sgnResourcesTable tr:hover th ,
		table.sgnResourcesTable tr:hover td {
			/*background-color: #FF0000;*/
		}


/*............... NETWORKS > TABLE ROWS EXPAND/COMPACT BUTTONS (components) ..........*/

a.gntExpandButton , a.gntCollapseButton ,
a.grtExpandButton , a.grtCollapseButton ,
a.gptExpandButton , a.gptCollapseButton {
	width: 16px;
	height: 16px;
	margin: 2px;
	padding: 0px;
	display: block;
	text-indent: -9999px; overflow: hidden;
	}

	a.gntExpandButton, a.grtExpandButton, a.gptExpandButton { background: transparent url(/media/img/Common/Grid/ExpandButton.gif) no-repeat top left; }
	a.gntCollapseButton, a.grtCollapseButton, a.gptCollapseButton { background: transparent url(/media/img/Common/Grid/CollapseButton.gif) no-repeat top left; }



/*............... NETWORKS > CONTROLS (components) ..........*/


.wrpSuperGridNetworkTable table caption {
	margin-bottom: 5px;
	padding: 8px 0px 8px 0px;
	font-size: 10px;
	font-weight: bold;
	background-color: #FEF5ED;
	border: 1px solid #F8C8A0; 
}

.wrpSuperGridNetworkTable table tbody td input { font-size: 10px; }
.wrpSuperGridNetworkTable table tbody td input[type='radio'] { font-size: 12px; }
.wrpSuperGridNetworkTable table tbody td input[type='checkbox'] { font-size: 12px; }
.wrpSuperGridNetworkTable table tbody td select { font-size: 10px; }
.wrpSuperGridNetworkTable table tbody td textarea { font-size: 10px; }

.wrpSuperGridNetworkTable table tbody td span.highlight { padding: 3px 5px 3px 5px; border: 1px solid #AAAAAA; background: #FFFFFF; }

table.rangefromto { table-layout: auto; border-collapse: collapse; border-spacing: 0px; border: none; }
table.rangefromto td { overflow: visible; padding: 0px; border: none !important; }




/*............... LITE NETWORK TABLE (component) ..........*/
/* ___BEGIN___*/

/* --- handle hardware icon as background of first row element [ used <th> to identify element in a simple manner ;-) ] --- */

			.wrpLiteGridNetTable table.sgnInterfacesTable { width: 650px;}
			
			.wrpLiteGridNetTable table.sgnInterfacesTable tr { text-align: center; }

			.wrpLiteGridNetTable table#gridRealTime tbody th { /*background-image: url(/media/img/Others/EmptySmall.gif); */
			                                                   height: 24px; width: 26px; min-height: 24px; min-width: 26px; font-size: 10px; 
			                                                   /*position:relative;*/ }
			.wrpLiteGridNetTable table#gridRealTime tbody td { height: 0px; font-size: 10px; }
		
			.wrpLiteGridNetTable table#gridRealTime tbody tr th {
				background-repeat: no-repeat;
				background-position: 5px 4px;
			}
			
			/* [A_A] If enabled, IE doesn't show checkboxes !! ...
			/*	
			.wrpLiteGridNetTable table#gridRealTime tbody tr select, 
			.wrpLiteGridNetTable table#gridRealTime tbody tr input, 
			.wrpLiteGridNetTable table#gridRealTime tbody tr a {
					visibility:visible;
			}	
			
			.wrpLiteGridNetTable table#gridRealTime tbody tr input {
				width:90%;
			}
			*/
							
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwDevice th { background-image: url(/media/img/Networks/Devices/Device.gif); min-width: 26px; }
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwDevice th.hybrid { background-image: url(/media/img/Networks/Devices/DeviceHybrid.gif); min-width: 26px; }
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwDevice th.nolink { background-image: url(/media/img/Networks/Devices/DeviceNoLink.gif); min-width: 26px; }
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwDevice th.normal { background-image: url(/media/img/Networks/Devices/Device.gif); min-width: 26px; }

			/* IE6 Sucks! */
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwDevice.disabled th { background-image: url(/media/img/Networks/Devices/DeviceDisabled.gif); }

			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwResAnalog  th { background-image: url(/media/img/Networks/Resources/Analog.gif); }
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwResDigital th { background-image: url(/media/img/Networks/Resources/Digital.gif); }
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwResState   th { background-image: url(/media/img/Networks/Resources/State.gif); }
			.wrpLiteGridNetTable table#gridRealTime tbody tr.hdwResAlarm   th { background-image: url(/media/img/Networks/Resources/Alarm.gif); }

			.wrpLiteGridNetTable table#gridRealTime tbody td input {
					font-size:10px;
			}
				
			.wrpLiteGridNetTable table#gridRealTime tbody td input[type="checkbox"] {
				font-size:12px;
			}			
				
			.wrpLiteGridNetTable table.grdDevicesTable td {
				border: none;
				border-top: 0px;
				border-bottom: 0px;
			}
			
/* ___END___*/



/*######### WORKING AREA > FILTER AREA > CONTENTS ##########*/


	/* .......... SPECIFIC FILTER OBJECTS DECLARATIONS .......... */
	
	.wkaFilterArea h5.suggest { 
		margin: 20px auto;
		padding: 5px 0px;
		text-align: center;
		font-weight: normal;
		line-height: 22px;
		}

		.wkaFilterArea h5.suggest span { padding: 5px 30px 5px 0px; background: transparent url(/media/img/Common/Messages/SuggestRight.gif) no-repeat top right; }
	
		.wkaFilterArea h5.suggest.content span { background: transparent url(/media/img/Common/Messages/SuggestRight.gif) no-repeat top right; }

	.wkaFilterArea h6 { 
		margin: 5px 15px 10px 15px;
		padding: 2px 0px;
		border-bottom: 1px solid #CCCCCC;
	}
	.wkaFilterArea h6 span { margin: 0px; padding: 0px; }
	.wkaFilterArea h6.legend { margin-top: 25px; color: #666666; }

	.wkaFilterArea table {
		margin: 0px 15px 15px 15px;		
		border-collapse: collapse;
		border-spacing: 0px;
		border: none;
		}

	.wkaFilterArea blockquote {
		margin: 0px 15px 15px 15px;
		padding-left: 10px;
		}
		
		.wkaFilterArea blockquote pre { margin: 4px 0px; font-size: 1.1em; white-space: normal; }

	.wkaFilterArea table table {
		margin-bottom: 0px;
		margin-left: 20px;
	}

	.wkaFilterArea table.legend {  }

	.wkaFilterArea table.legend td {
		padding-right: 0px;
		text-align: left;
	}

	.wkaFilterArea table.legend.charts table { margin-left: 0px; }
	.wkaFilterArea table.legend.charts tr.GridRow { border-bottom: 1px solid #CCCCCC; }

	.wkaFilterArea table.legend h6 { margin-left: 5px; color: #666666; }

	.wkaFilterArea table.legend table.keys { margin-left: 5px; font-family: monospace; table-layout: fixed; }
	.wkaFilterArea table.legend table.keys th { width: 22px; }
	.wkaFilterArea table.legend table.keys td { padding-left: 5px; }

	.wkaFilterArea table.legend table.keys th.ico { width: 24px; }
	.wkaFilterArea table.legend table.keys th.ico img { margin: 4px 5px; }

	.wkaFilterArea table.legend table.keys span.swatch { width: 12px; height: 12px; margin: 0px 0px; padding: 0px; display: block; }

	/* override sgn legend defaults */
	.wkaFilterArea .wrpSuperGridNetworkTable { width: 100%; margin: 0px; padding: 0px; }
		.wkaFilterArea .wrpSuperGridNetworkTable table.legend { width: 200px; margin: 0px 15px 15px 15px; }
			.wkaFilterArea .wrpSuperGridNetworkTable table.legend tbody th { height: 20px; }
			.wkaFilterArea .wrpSuperGridNetworkTable table.legend tbody td { height: 20px; }
				.wkaFilterArea .wrpSuperGridNetworkTable table.legend table.keys { margin-bottom: 10px; }

	/* sgn filter components */
	.wkaFilterArea #sgnFilterShow_Devices label { padding: 5px 5px 5px 0px; }
	.wkaFilterArea #sgnFilterShow_Resources label { padding: 5px 0px 5px 5px; }
	.wkaFilterArea #sgnFilterShow_Alarms label { padding: 5px 0px 5px 5px; }
	.wkaFilterArea #sgnFilterShow_Controllers label { padding: 5px 0px 5px 5px; }

	.wkaFilterArea #sgnFilterShow_Devices td { padding: 2px 0px 2px 0px; }
	.wkaFilterArea #sgnFilterShow_Resources td { padding: 2px 0px 2px 0px; }
	.wkaFilterArea #sgnFilterShow_Alarms td { padding: 2px 0px 2px 0px; }
	.wkaFilterArea #sgnFilterShow_Controllers td { padding: 2px 0px 2px 0px; }

	.wkaFilterArea #sgnFilterShow_Resources tr th ,
	.wkaFilterArea #sgnFilterShow_Alarms tr th ,
	.wkaFilterArea #sgnFilterShow_Controllers tr th {
		width: 22px;
		background-repeat: no-repeat;
		background-position: 5px 4px;
		}	
		.wkaFilterArea #sgnFilterShow_Resources tr.hdwResAnalog 	th { background-image: url(/media/img/Networks/Resources/Analog.gif); }
		.wkaFilterArea #sgnFilterShow_Resources tr.hdwResDigital 	th { background-image: url(/media/img/Networks/Resources/Digital.gif); }
		.wkaFilterArea #sgnFilterShow_Resources tr.hdwResState 		th { background-image: url(/media/img/Networks/Resources/State.gif); }
		.wkaFilterArea #sgnFilterShow_Resources tr.hdwResAlarm 		th { background-image: url(/media/img/Networks/Resources/Alarm.gif); }
		.wkaFilterArea #sgnFilterShow_Alarms 	tr.alrActive 		th { background-image: url(/media/img/Networks/Alarms/AlarmActiveGray.gif); }
		.wkaFilterArea #sgnFilterShow_Alarms 	tr.alrConfirmed 	th { background-image: url(/media/img/Networks/Alarms/AlarmConfirmedGray.gif); }
		.wkaFilterArea #sgnFilterShow_Alarms 	tr.alrSleeping		th { background-image: url(/media/img/Networks/Alarms/AlarmSleepingGray.gif); }
		.wkaFilterArea #sgnFilterShow_Alarms 	tr.deviceWithAlrActive 		th { background-image: url(/media/img/Networks/Alarms/AlarmActiveGray.gif); }
		.wkaFilterArea #sgnFilterShow_Alarms 	tr.deviceWithAlrConfirmed 	th { background-image: url(/media/img/Networks/Alarms/AlarmConfirmedGray.gif); }
		.wkaFilterArea #sgnFilterShow_Alarms 	tr.deviceWithAlrSleeping		th { background-image: url(/media/img/Networks/Alarms/AlarmSleepingGray.gif); }
		.wkaFilterArea #sgnFilterShow_Controllers tr.hdwDevCompressor 	th { background-image: url(/media/img/Networks/Devices/CompressorOn.gif); }
		.wkaFilterArea #sgnFilterShow_Controllers tr.hdwDevDefrost 		th { background-image: url(/media/img/Networks/Devices/DefrostOn.gif); }
		.wkaFilterArea #sgnFilterShow_Controllers tr.hdwDevFan 			th { background-image: url(/media/img/Networks/Devices/FanOn.gif); }
		.wkaFilterArea #sgnFilterShow_Controllers tr.hdwDevDoor 			th { background-image: url(/media/img/Networks/Devices/DoorOn.gif); }

	.wkaFilterArea table.commands td { margin: 0px; padding: 0px; vertical-align: middle; }
		.wkaFilterArea table.commands td input { margin: 2px 5px; }
		.wkaFilterArea table.commands td label { margin: 0px; padding: 0px; }
			.wkaFilterArea table.commands td label image { margin-right: 4px; }

	.wkaFilterArea table.timespans td {}
	.wkaFilterArea table.timespans td table { margin-top: 10px; margin-bottom: 10px; }
		.wkaFilterArea table.timespans td table.datetimefromto td { vertical-align: top; padding-right: 5px;  border: none; }
			.wkaFilterArea table.timespans td table.datetimefromto td h6 { margin-left: 0px; }

			.wkaFilterArea table.timespans td table.datetimefromto td p { clear: both; }
			.wkaFilterArea table.timespans td table.datetimefromto td select { margin-bottom: 4px; float: left; }

	.wkaFilterArea table.selectors td { margin: 0px; padding: 0px; vertical-align: middle; }
		.wkaFilterArea table.selectors label { margin: 0px 0px 3px 0px; padding: 0px; display: block; }
		.wkaFilterArea table.selectors select { width: 215px; margin-bottom: 5px; display: block; }
			#workingArea .wkaWrapperArea.narrowFilter .wkaFilterArea table.selectors select { width: 125px; }

	.wkaFilterArea table.inputs td { margin: 0px; padding: 0px; vertical-align: middle; }
		.wkaFilterArea table.inputs label { margin: 0px 0px 3px 0px; padding: 0px; display: block; }
		.wkaFilterArea table.inputs input { width: 215px; margin-bottom: 5px; display: block; }
			#workingArea .wkaWrapperArea.narrowFilter .wkaFilterArea table.inputs input { width: 125px; }

	.wkaFilterArea td.inputfile { margin: 0px; padding: 0px; vertical-align: middle; }
		.wkaFilterArea td.inputfile input { width: 200px; margin-bottom: 5px; display: block; }		

	.wkaFilterArea input.buttons { 	margin: 0px 0px 20px 15px; }


	/* override feedback messages */

	.wkaFilterArea span.fbackerrors , 	
	.wkaFilterArea span.fbackwarnings {
		margin: 0px 10px 10px 15px;
	}



/*||||||||||||||||||| DATA : INFO PAGE ||||||||
__________________________________________________________ */

#boxPlantDataInfo {
	margin: 20px auto 0px;
	padding: 0px;
	text-align: left;
	}
	
	#boxPlantDataInfo table.wrapper { 
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
	}

	#boxPlantDataInfo blockquote {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 10px 0px;
		text-align: center;
		background: #FFFFFF;
		border: 1px solid #C4C4C4;
		}

		#boxPlantDataInfo blockquote h5 {
			margin: 0px 0px 10px 0px;
			padding: 8px 5px;
			font-size: 14px;
			text-align: center;
			color: #333333;
			background: #D9D9D9;
			}

		#boxPlantDataInfo blockquote h6 {
			margin: 5px 0px 8px 0px;
			padding: 0px;
			font-size: 18px;
			font-weight: bold;
			color: #000000;
		}
		
		#boxPlantDataInfo blockquote p {
			margin: 8px 0px;
			font-size: 1.2em;
		}

		#boxPlantDataInfo blockquote pre {
			margin: 8px 0px;
			font-size: 1.4em;
			font-weight: bold;
			color: #CC0000;
		}

		#boxPlantDataInfo #boxPlantDataInfoGeneral blockquote a.gethelp img {
			margin: 0px 2px;
			padding: 0px;
			vertical-align: middle;
			border: none;
		}

		#boxPlantDataInfo blockquote ul { 
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 20px;
			list-style-type: none;
			text-align: left;
			}

			#boxPlantDataInfo blockquote ul.lics { margin-top: 20px; border-top: 1px solid #E4E4E4; }			

			#boxPlantDataInfo blockquote ul li {
				margin: 15px 20px 10px 0px;
				padding: 0px 0px 0px 25px;
				}

				#boxPlantDataInfo blockquote ul.lics li { background:  transparent url(/media/img/Networks/Devices/Device.gif) no-repeat top left; }

				#boxPlantDataInfo blockquote ul.nets li.netavailable , 
				#boxPlantDataInfo blockquote ul.nets li.netnew { background: url(/media/img/Networks/Interfaces/Interface.gif) no-repeat top left; } 
				#boxPlantDataInfo blockquote ul.nets li.netnolink { background: url(/media/img/Networks/Interfaces/InterfaceNoLink.gif) no-repeat top left; }
				#boxPlantDataInfo blockquote ul.nets li.none { background: url(/media/img/Common/Debug/None.gif) no-repeat top left; }

				#boxPlantDataInfo blockquote ul li p {
					padding-left: 10px;
					font-weight: bold;
					color: #000000;
					border-left: 1px solid #D4D4D4;
				}
	
				#boxPlantDataInfo blockquote ul li span {
					margin: 4px 0px;
					padding: 0px;
					display: block;
					}
					#boxPlantDataInfo blockquote ul.nets li span {  font-weight: normal; color: #333333; }
					#boxPlantDataInfo blockquote ul.lics li span {  margin: 6px 0px; }
						#boxPlantDataInfo blockquote ul.lics li span em {  margin: 6px 0px; font-style: normal; color: #DE701D; }

	#boxPlantDataInfo #boxPlantDataInfoTitle { padding: 10px 30px 10px 30px; }
		#boxPlantDataInfo #boxPlantDataInfoTitle span { display: block; border-bottom: 2px solid  #CCCCCC; }
		#boxPlantDataInfo #boxPlantDataInfoTitle img { margin: 10px 0px 10px 0px; }
	
	#boxPlantDataInfo #boxPlantDataInfoGeneral { width: 250px; padding: 10px 15px 25px 30px; }
	#boxPlantDataInfo #boxPlantDataInfoNetworkList { width: 300px; padding: 10px 30px 0px 15px; }




/*||||||||||||||||||| DATA : REAL TIME DATA TABLE ||||||||
__________________________________________________________________ */

/* These behaviours are necessary to have 3 columns in bound when the headers are wide when background of 
   Working area is present */ 
		/*#pnlWrapperRealTimeDataTable table.grdDevicesTable td.grdInstrumentName { font-size: 0.9em; } 

		#pnlWrapperRealTimeDataTable table.grdDevicesTable td.grdIconsStatus { padding-right: 0px; } 
			#pnlWrapperRealTimeDataTable table.grdDevicesTable td.grdIconsStatus img { padding-right: 0px; } 	
*/	

#pnlWrapperRealTimeDataTable table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsIcon { width: 48px; text-align: center; }
	#pnlWrapperRealTimeDataTable table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsIcon img { width: 16px; margin: 0px 3px; }

#pnlWrapperRealTimeDataTable table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsName { width: 55%; padding-left: 5px; } 
#pnlWrapperRealTimeDataTable table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsValue { width: 45%; padding-left: 5px; }



/*||||||||||||||||||| DATA : HISTORICAL DATA TABLE/CHART ||||||||
_____________________________________________________________________________ */

#pnlWrapperHistoricalDataPlantView {
	/* used for the color picker panel */
	position: relative;
	padding-left: 60px;
	}

	#pnlWrapperHistoricalDataPlantView table {
		table-layout: fixed;	/* used because of a slow rendering of long tables when complex networks are connected ( see http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/tablelayout.asp / working example can be found here: http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/tables3.htm ) */
	}


/*||||||||||||||||||| DATA : HISTORICAL - STEP 02 ||||||||
__________________________________________________________________ */

table.tblDisplay a {
	/*padding: 20px 20px;*/
	text-align: left;
	text-decoration: blink;
	border: 1px red; 
}


/*||||||||||||||||||| DATA : HISTORICAL - STEP 03 ||||||||
__________________________________________________________________ */

#pnlWrapperHistoricalData03 {
	padding: 20px 20px;
}


/*||||||||||||||||||| DATA : LOGGING ||||||||
__________________________________________________________________ */

#pnlWrapperDataLogging02 {
	padding: 20px 20px;
}


/*||||||||||||||||||| DATA : ARCHIVE : RESTORE ||||||||
__________________________________________________________________ */

#boxDataArchive { margin: 20px auto; }
	
	#boxDataArchive table.wkaDataOverview { 
		width: auto;
		font-size: 10px;	/* IE6 forgets font format inside tables? */
		margin: 0px auto;
		background: #EEEEEE;
		border: 1px solid #999999;
		}
	
		#boxDataArchive table.wkaDataOverview td { padding-bottom: 10px; }
		#boxDataArchive table.wkaDataOverview td blockquote#boxDataArchiveStorage h5 { background-image: url(/media/img/Entities/Items/Database.gif); }
		#boxDataArchive table.wkaDataOverview td blockquote#boxDataArchiveCurrent h5 { background-image: url(/media/img/Entities/Items/Files.gif); }
		
		#boxDataArchive table.wkaDataOverview td blockquote table { border-spacing: 2px; }
		#boxDataArchive table.wkaDataOverview td blockquote table tbody td { padding-bottom: 4px; }
		#boxDataArchive table.wkaDataOverview td blockquote#boxDataArchiveStorage table tbody td { white-space: nowrap; }
		#boxDataArchive table.wkaDataOverview td blockquote#boxDataArchiveCurrent table tbody td { white-space: nowrap; }



/*||||||||||||||||||| ALARMS : ALARM STATUS ||||||||
__________________________________________________________________ */

#pnlWrapperAlarmStatusGrid {
	padding: 0px 0px;
	text-align: left;
	}

	#pnlWrapperAlarmStatusGrid table.grdDevicesTable th {
			height: 10px;
			margin: 0px;
			padding: 4px 5px;
			font-weight: bold;
			text-align: left;
			vertical-align: middle;
			color: #FFFFFF;
			background: #507CD1;
			border: 1px solid #333333;
			border-bottom: 2px solid #001447;
			}
			
			#pnlWrapperAlarmStatusGrid table.grdDevicesTable td.grdSpan table th {
							height: 10px;
							margin: 0px;
							padding: 2px 5px;
							font-weight: bold;
							text-align: left;
							color: #333333;
							background: #99CCFF;
							border: 1px solid #909090;
							border-top: none;
							border-right: none;
							}							 
				
			#pnlWrapperAlarmStatusGrid table.grdDevicesTable td.grdSpan table tr td {
					margin: 0px;
					padding: 1px 0px;
					background: #FFFFFF;
					}
				
					#pnlWrapperAlarmStatusGrid table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsIcon { width: 48px; text-align: center; }
						#pnlWrapperAlarmStatusGrid table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsIcon img { width: 16px; margin: 0px 3px; }

					#pnlWrapperAlarmStatusGrid table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsName { width: 55%; padding-left: 5px; }
					#pnlWrapperAlarmStatusGrid table.grdDevicesTable td.grdSpan table.grdResourcesTable td.grrDetailsValue { width: 15%; padding-left: 5px; }



/*||||||||||||||||||| ALARMS : ALARM HISTORY STEP 02 ||||||||
__________________________________________________________________ */

#pnlWrapperAlarmHistory {
	}


	#pnlWrapperAlarmHistory table.graDevicesTable tr.pagination td { padding: 2px 0px 4px 0px; }
		#pnlWrapperAlarmHistory table.graDevicesTable tr.pagination td span { padding: 0px 2px; background: #CCCCCC; }
		#pnlWrapperAlarmHistory table.graDevicesTable tr.pagination td a { padding: 0px 2px; color: #FFFFFF; text-decoration: none; background: #0099CC; }

	#pnlWrapperAlarmHistory table.graDevicesTable th {
			height: 10px;
			margin: 0px;
			padding: 4px 5px;
			font-weight: bold;
			text-align: left;
			vertical-align: middle;
			color: #FFFFFF;
			background: #507CD1;
			border: 1px solid #333333;
			border-bottom: 2px solid #001447;
			}			 	
			
			#pnlWrapperAlarmHistory table.graDevicesTable tr.rowSelected td {
				background: #FFFF99; 				
			}
			
			#pnlWrapperAlarmHistory table.graDevicesTable td a img { border: none; }


	.wrpSuperHistoricalAlarmsTable table caption {
		margin-bottom: 5px;
		padding: 8px 0px 8px 0px;
		font-size: 10px;
		font-weight: bold;
		background-color: #FEF5ED;
		border: 1px solid #F8C8A0; 
	}

	/* --- handle row visibility --- */		
	.wrpSuperHistoricalAlarmsTable table tbody tr.suppressed { display: none; }


/*||||||||||||||||||| ALARMS : ALARM HISTORY STEP 02 ||||||||
________________________________________________________________________________ */

#pnlWrapperAlarmHistory02 {
	padding: 20px 20px;
}


/*||||||||||||||||||| ALARMS : ALARM HISTORY STEP 03 - POPUP DETAILS ||||||||
________________________________________________________________________________ */

#pnlWrapperAlarmHistoryPopup {
	padding: 20px;
	}

	#pnlWrapperAlarmHistoryPopup h3 { margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #999999; }
	#pnlWrapperAlarmHistoryPopup h4 {margin-top: 25px; margin-bottom: 15px; padding-bottom: 2px; border-bottom: 1px solid #CCCCCC; }

	#pnlWrapperAlarmHistoryPopup p { 
		margin-left: 25px;
	}

	#pnlWrapperAlarmHistoryPopup table { 
		width: 775px;
		margin-top: 10px;
		margin-left: 25px;
		border-collapse: collapse;
		border-spacing: 0px;
		border: none;
		}
	
		#pnlWrapperAlarmHistoryPopup table th {
			padding: 4px 5px;
			font-weight: bold;
			vertical-align: middle;
			/*color: #FFFFFF;*/
			background: #E4E4E4;
			border: 1px solid #999999;
			border-bottom: 2px solid #333333;
			}
	
		#pnlWrapperAlarmHistoryPopup table td {
			padding: 3px 5px;
			vertical-align: middle;
			/*background: #CECECE;*/
			border: 1px solid #E4E4E4;
	
			}


/*||||||||||||||||||| TOOLS : GLOBAL COMMANDS ||||||||
__________________________________________________________________ */

#pnlWrapperGlobalCommandsNetworkTable {
	padding: 20px 20px;
	}

	#pnlWrapperGlobalCommandsNetworkTable table.grdNetworkTable td.grdSpan table.grdInstrumentTable tr.rowSelected td {
		background: transparent;
	}


/*||||||||||||||||||| TOOLS : DEVICE PARAMETERS - STEP 01 ||||||||
__________________________________________________________________ */

#pnlWrapperParameters01NetworkTable {
	padding: 20px 20px;
}


/*||||||||||||||||||| TOOLS : DEVICE PARAMETERS - STEP 02 ||||||||
__________________________________________________________________ */


#pnlWrapperParameters02Table {
	padding: 20px 20px;
	text-align: left;
}

.wrpSuperParameterTable table tbody tr.selected th ,
.wrpSuperParameterTable table tbody tr.selected td { background: #FFFF99; }

.wrpSuperParameterTable table tbody tr.error th ,
.wrpSuperParameterTable table tbody tr.error td { background: #FF4040; }

.wrpSuperParameterTable table tbody tr.readonly { color: blue; }

.wrpSuperParameterTable table tbody tr td.valmin ,
.wrpSuperParameterTable table tbody tr td.valmax ,
.wrpSuperParameterTable table tbody tr td.valpre ,
.wrpSuperParameterTable table tbody tr td.valdev { text-align: center; }

.wrpSuperParameterTable table tbody tr td.valusr input ,
.wrpSuperParameterTable table tbody tr td.valusr select { width: 80px; }


/* --- handle row visibility --- */		
.wrpSuperParameterTable table tbody tr.suppressed { display: none; }

	/* handle IE6 bug (select elements are windowed controls: http://support.microsoft.com/default.aspx?scid=kb;en-us;177378) */
	.wrpSuperParameterTable table tbody tr.suppressed select { visibility: hidden !important; }




/*||||||||||||||||||| COMPUTER : UPDATE APPLICATION ||||||||
_____________________________________________________________________________ */

blockquote.detail td.inputfile span { font-style:italic; color:Gray; }



/*||||||||||||||||||| POPUPS : IMAGE PICKER ||||||||
_____________________________________________________________________________ */

#libimgWrapper { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 380px;
	height: 400px;
	}

	#libimgList {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 360px;
		overflow-y: scroll;
		}

		#libimgList table { margin: 20px auto; padding: 0px; border-collapse:collapse; }
		#libimgList table td { text-align: left; vertical-align: middle;  }
		#libimgList table td.selected { background-color: #FFFFCC; /*background-color: #FFFF99;*/ }

		#libimgList td input { margin: auto 0px; vertical-align: middle; }
		#libimgList table td { height: 32px; }
			#libimgList table td img { margin: 2px 2px 2px 0px; vertical-align: middle; }
				#libimgList.type_pict_static table td img {  margin-right: 0px; width: 32px; height: 32px; }
				#libimgList.type_pict_dynamic table td img { margin-right: 5px; max-width: 32px; max-height: 32px; }
				#libimgList.type_button table td img { max-width: 22px; max-height: 22px; }

	#libimgButtons { 
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 38px;
		background-color: #E4E4E4;
		border-top: 2px solid #CCCCCC;
		text-align: center;
		}

		#libimgButtons input { margin: 8px 10px; } 
		




/*||||||||||||||||||| POPUPS : DEVICE PICKER ||||||||
_____________________________________________________________________________ */

#sgndevWrapper { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 400px;
	}

	#sgndevList {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 440px;
		height: 320px;
		padding: 20px 20px 20px 20px;
		overflow-y: scroll;
		}

		#sgndevList .wrpSuperGridNetworkTable {
			margin: 0px auto;
			padding: 0px;
		}

	#sgndevButtons { 
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 38px;
		background-color: #E4E4E4;
		border-top: 2px solid #CCCCCC;
		text-align: center;
		}

		#sgndevButtons input { margin: 8px 10px; } 
		


/*||||||||||||||||||| POPUPS : PARAMETERS PICKER ||||||||
_____________________________________________________________________________ */

#paramlistWrapper { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 400px;
	}

	#paramlistList {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 440px;
		height: 320px;
		padding: 20px 20px 20px 20px;
		overflow-y: scroll;
		}

		#paramlistList table {
			margin: 0px auto;
			padding: 0px;
			}

			#paramlistList table thead th  {
				height: 20px;
				margin: 0px;
				padding: 3px 5px 3px 35px;
				font-size: 11px;
				font-weight: bold;
				line-height: 20px;
				text-align: left;
				vertical-align: middle;
				background-image: url(/media/img/Networks/Devices/Device.gif);
				background-repeat: no-repeat;
				background-position: 8px 5px;
			}

			#paramlistList table tbody td { padding: 6px 5px; }


	#paramlistButtons { 
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 38px;
		background-color: #E4E4E4;
		border-top: 2px solid #CCCCCC;
		text-align: center;
		}

		#paramlistButtons input { margin: 8px 10px; } 
		

/* E_BURIGO: LiteGrid */
tr.suppressed { display: none; }

.liteGridInterface
{
	border-bottom: 1px solid #507CD1;
	padding:15px 0px 4px 0px;
	margin: 0px 4px;
}

.liteGridInterface span.idValue
{
	color: #507CD1;
	text-decoration: overline;
	font-family: 'Courier New' , Courier, monospace;
	font-size: 13px;
}

.liteGridInterface span.fieldbus
{
	color:#507CD1;
	font-size:150%;
	font-weight:bold;
}

.liteGridInterface span.address
{
	color:#507CD1;
	font-size:150%;
}

.liteGridRowCheck { width: 16px; } 

.liteGridRowName { width: auto; padding-left: 5px; } 

.liteGridRowValue { width: auto; text-align:right; }