@charset "utf-8";

/*body {*/
	/*background-color: #FFFFD0;*/
	/*color: black;*/
	/*font-family: Arial, sans-serif;*/
	/*font-size: small;*/
	/*margin: 8px;*/
/*}*/

/* BY DEFAULT: Remove spaces between cells in all tables */
/*TABLE, TR, TD {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-collapse: collapse;
}*/

TABLE {
	border-collapse: collapse;
}

/*.AdvTextBox-default {
	font-size: 12px;
	width: 96%;
}*/

.welcomepage_panel {
	background-image: url("img/welcome-page-bckgnd.png");
	background-repeat: no-repeat;
}

.welcomepage_panel .box {
	margin:0px;
	padding:10px;
}

.welcomepage_panel .boxOn {
	margin:0px;
	padding:10px;
}

.welcomepage_title {
	background-image: url("img/welcome-page-top.png");
	background-repeat: repeat-x;
	background-color: #c0dced;

	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, DejaVu Sans Condensed, sans-serif;
	font-size: 24px;
	color: #4a7a9d;
	/*margin*/padding-top: 20px;
	/*margin*/padding-left: 10px;
	/*margin*/padding-bottom: 5px;
}

.welcomepage_versionInfo {
	font-weight: bold;
	font-family: Arial, Helvetica, DejaVu Sans Condensed, sans-serif;
	font-size: 14px;
	color: #4a7a9d;
	/*margin*/padding-top: 10px;
	/*margin*/padding-left: 10px;
	/*margin*/padding-bottom: 15px;
}

.gwt-Button-disabled {
	background: white;
}

/*.gwt-TextBox-modified {
	background: yellow;
}*/

.panelWithBorder {
	border: 3px solid #0000FF;
	margin: 3px;
}

.myScrollPanelStyle {
	height: 500px;
}

.myChartGridCellStyle {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.PortalScreenCellStyle {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.myLink {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.CalendarWidget {
  border: 1px solid #ACA899;
  background-color: white; /* Added by jbo */
}

.CalendarWidget .navbar {
  width: 100%;
  background-color: #C3D9FF;
  vertical-align: middle;
  border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
  padding-left: 5px;
  padding-right: 5px;
}

.CalendarWidget .table {
/*  font: 10pt sans-serif; */
  font: 7pt sans-serif;
  text-align: center;
}

.CalendarWidget .weekheader {
  background-color: #ACA899;
}

.CalendarWidget .weekheader .days {
  width: 3em;
}

.CalendarWidget .cell {
  cursor:pointer;
}

.CalendarWidget .cell .gwt-HTML {
  border: 1px solid #ACA899;
}

.CalendarWidget .cell .gwt-HTML span {
  width: 100%;
  height: 100%;
  line-height: 2em;
}

.CalendarWidget .today .gwt-HTML {
  background-color: #C3D9FF;
}

.CalendarWidget .day .gwt-HTML {
  border: 1px solid #C3D9FF;
}

.gwt-MenuBar {
	border: 1px solid #173e81;
	background-color: #c0d6ed;
}

.gwt-MenuBar .gwt-MenuItem {
	color:#31547c;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
	cursor: default;
	padding-right: 30px;
}

.gwt-MenuBar .gwt-MenuItem-selected {
        color: #31547c;
        background-color: #91b7df;
}

.gwt-MenuBar .menuItemWithSeparator {
        color:#31547c;
        font-weight: bold;
        padding: 3px 4px 1px 4px;
        cursor: default;
        padding-right: 30px;
        margin-top: 2px;
        border-top: 1px solid #173e81;
}

.gwt-MenuBar .menuItemWithSeparator-selected {
        color: #31547c;
        background-color: #91b7df;
}



/*
.gwt-MenuBar {
    background-color: #C3D9FF;
    border: 1px solid #87B3FF;
    cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
    padding: 1px 4px 1px 4px;
    font-size: smaller;
    cursor: default;
}
*/

/*.gwt-MenuBar .gwt-MenuItem-selected {
    background-color: #E8EEF7;
}*/

.imgmenu_trends {
	background-image:url("img/trends.png");
}

.imgmenu_manualinput {
	background-image:url("img/manualinput.png");
}

.imgmenu_configure {
	background-image:url("img/configure.png");
}

.imgmenu_alarm {
	background-image:url("img/alarms.gif");
}

.imgmenu_logout {
	background-image:url("img/logout.gif");
}

.myTableStyle .FilterBox-inactive {
	background-color: #D0D0D0;
	font-size: smaller;
	width: 96%;
}

.myTableStyle .FilterBox-active {
	background-color: #A0FFA0;
	font-size: smaller;
	width: 96%;
}

.myTableStyle .FilterBox-changed-not-validated {
	background-color: #FFBB5B;
	font-size: smaller;
	width: 96%;
}

.myTableStyle .TD-default {
}

.myTableStyle .TD-centered {
	text-align: center;
}

.myTableStyle .TR-selected, .myTableStyle .TR-selected:hover {
	background-color: #025db0;
	color: #ffffff;
}

/* Hyperlinks must behave well when inside a selected table row */
.myTableStyle .TR-selected a {
	color: white;
}

.TR-selected tr:hover {
	background-color: transparent;
}

/* TODO: is this appearance good enough ? */
.myTableStyle /*.TR-selected */.TD-selected {
	/*border: 4px solid red;*/
	background-color: #2f9bff;
	font-weight: bold;
}

/*.myTableStyle-loading tr:hover{
	cursor: wait;
}*/


.AdvTree {
	/*height: 600px;*/
}

/* Height of AdvTree depends on style name of GroupSelector container */
.GroupSelector-normal .AdvTree {
	height: 600px;
}

.GroupSelector-small .AdvTree {
	height: 300px;
}

.GroupSelector-very-small .AdvTree {
	height: 215px;
}

.AdvTree .gwt-TreeItem {
	cursor: pointer;
}

.AdvTree .gwt-TreeItem-selected {
	background-color: #a0a0ff;
	cursor: pointer;
}

.myPropertiesTableStyle{
	/*width:98%;*/
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}

.myPropertiesTableStyle .property-modified, .myFormulaEditorStyle .property-modified, .chartNameOrDescription-modified {
	background-color: #FFE0B5; /*#FFE0B5;*/
}

.myPropertiesTableStyle_forIE{
	/*width:98%;*/
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}

.myPropertiesTableStyle_forIE .property-modified, .myFormulaEditorStyle .property-modified, .chartNameOrDescription-modified {
	background-color: #FFE0B5; /*#FFE0B5;*/
}

.invalidContent {
	color: red;
}

.gwt-TextBox, .gwt-PasswordTextBox, .gwt-TextArea, .gwt-ListBox, .gwt-Button {
	font-size: 12px;
}

/*.gwt-TextBox-readonly {
	background-color: #D2E3F8;
	font-size: 12px;
}*/

.gwt-CheckBox, .gwt-RadioButton {
	display: block;
}

.myPropertiesTableStyle td{
	border-bottom:1px #CCCCCC solid;
	margin:0px;
	padding:0px;
}

/* NOTE: we use a CSS selector, because simply specifying "input" would also match checkboxes, radio buttons etc. */
.myPropertiesTableStyle .gwt-TextBox /*input[type=text]*/, .myPropertiesTableStyle textarea, .myPropertiesTableStyle select {
	width:100%;
}

/* IE-SPECIFIC JUNK: Setting width to 100% does bad things in IE6. So we will control the width by using TextBox.setVisibleLength() / TextArea.setCharacterWidth() */
.myPropertiesTableStyle .gwt-TextBox, .myPropertiesTableStyle textarea {
	_width:auto;
}

.myPropertiesTableStyle_forIE td{
	border-bottom:1px #CCCCCC solid;
	margin:0px;
	padding:0px;
}

/* NOTE: we use a CSS selector, because simply specifying "input" would also match checkboxes, radio buttons etc. */
.myPropertiesTableStyle_forIE .gwt-TextBox /*input[type=text]*/, .myPropertiesTableStyle_forIE textarea, .myPropertiesTableStyle_forIE select {
	width:100%;
}

/* IE-SPECIFIC JUNK: Setting width to 100% does bad things in IE6. So we will control the width by using TextBox.setVisibleLength() / TextArea.setCharacterWidth() */
.myPropertiesTableStyle_forIE .gwt-TextBox, .myPropertiesTableStyle_forIE textarea {
	_width:auto;
}

.CSSGroupBox {
	margin: 3px;
	border: 1px #c7c7c7 solid;
	padding: 5px;
}

.myPropertiesTableStyle .TD-header {
	background-color: #E4E4E4;
	vertical-align: top;
    _width: 40%; /* IE-SPECIFIC JUNK */
    width: 40%;
}

.myPropertiesTableStyle-h25_d75 .TD-header, .myPropertiesTableStyle_forIE-h25_d75 .TD-header {
	width: 25% !important;
}

.myPropertiesTableStyle-h25_d75 .TD-data, .myPropertiesTableStyle_forIE-h25_d75 .TD-data {
	width: 75% !important;
}

.myPropertiesTableStyle-h40_d60 .TD-header, .myPropertiesTableStyle_forIE-h40_d60 .TD-header {
	width: 40% !important;
}

.myPropertiesTableStyle-h40_d60 .TD-data, .myPropertiesTableStyle_forIE-h40_d60 .TD-data {
	width: 60% !important;
}

.myPropertiesTableStyle-h50_d50 .TD-header, .myPropertiesTableStyle_forIE-h50_d50 .TD-header {
	width: 50% !important;
}

.myPropertiesTableStyle-h50_d50 .TD-data, .myPropertiesTableStyle_forIE-h50_d50 .TD-data {
	width: 50% !important;
}

.myPropertiesTableStyle-h60_d40 .TD-header, .myPropertiesTableStyle_forIE-h60_d40 .TD-header {
	width: 60% !important;
}

.myPropertiesTableStyle-h60_d40 .TD-data, .myPropertiesTableStyle_forIE-h60_d40 .TD-data {
	width: 40% !important;
}

.myPropertiesTableStyle .TD-data {
	padding-left: 3px; /* allows easier selection of a value cell by the user, without taking the cell border */
	padding-right: 3px;
	word-break: break-all;
    _word-break: break-all; /* IE-SPECIFIC JUNK */
    _width: 60%; /* IE-SPECIFIC JUNK */
    width: 60%;
}

.myPropertiesTableStyle_forIE .TD-header {
	background-color: #E4E4E4;
	vertical-align: top;
	_width: 40%; /* IE-SPECIFIC JUNK */
        width: 40%;
}

.myPropertiesTableStyle_forIE .TD-data {
	padding-left: 3px; /* allows easier selection of a value cell by the user, without taking the cell border */
	padding-right: 3px;
	_word-break: break-all; /* IE-SPECIFIC JUNK */
	_width: 60%; /* IE-SPECIFIC JUNK */
        width: 60%;
}

.myTableStyle .TR-header, .myTableStyle .TR-header:hover, .myPropertiesTableStyle .TD-separator {
	background-color: #747474;
	color: #FFFFFF;
	font-weight: bold;
}

.myTableStyle .TR-header-filtering, .myTableStyle .TR-header-filtering:hover {
	background-color: #E4E4E4;
}

.TR-header td, .myTableStyle td{
	/*width:auto;*/ /* TEMPGAGA - probably won't work anymore when we use 2-part scrollable tables... */
}

/* Filter text boxes are too narrow (80 pix) in the current style */
/*.myTableStyle input{
  width:100px;
}*/

.alarm-priority-1 {
	width: 30px;
	text-align: center;
	background: red;
	color: white;
}

.alarm-priority-2 {
	width: 30px;
	text-align: center;
	background: orange;
	color: white;
}

.alarm-priority-3 {
	width: 30px;
	text-align: center;
	background: yellow;
}

.alarm-priority-none {
	width: 30px;
	text-align: center;
	background: #6aef70;
}

/* Used for out-of-range priorities */
.alarm-priority-other {
	width: 30px;
	text-align: center;
}

/* Used for empty lines */
.alarm-priority-clearCell {
	width: 30px;
}

.AlarmHistoryRemarkCellStyle-one, .DatapointStatusRemarkCellStyle-one, .AuditTrailRemarkCellStyle-one {
	background-position: center;
	background-image: url("img/remark-icon-one.png");
	background-repeat: no-repeat;
}

.AlarmHistoryRemarkCellStyle-two {
	background-position: center;
	background-image: url("img/remark-icon-two.png");
	background-repeat: no-repeat;
}

.AlarmHistoryRemarkCellStyle-both {
	background-position: center;
	background-image: url("img/remark-icon-both.png");
	background-repeat: no-repeat;
}

.AlarmHistoryRemarkCellStyle-none, .DatapointStatusRemarkCellStyle-none, .AuditTrailRemarkCellStyle-none {
	background-position: center;
	background-image: url("img/remark-icon-none.gif");
	background-repeat: no-repeat;
}

.CompValValidLogCellStyle-error {
	background-position: center;
	background-image: url("img/entry-in-error.gif");
	background-repeat: no-repeat;
}

.CompValValidLogCellStyle-new {
	background-position: center;
	background-image: url("img/entry-new.gif");
	background-repeat: no-repeat;
}

.CompValValidLogCellStyle-edited {
	background-position: center;
	background-image: url("img/entry-edited.gif");
	background-repeat: no-repeat;
}

.CompValValidLogCellStyle-none {
	background-position: center;
	background-image: url("img/remark-icon-none.gif");
	background-repeat: no-repeat;
}

.PortalScreenLayoutStyle-goto {
	background-position: center;
	background-image: url("img/portal-icon-goto.gif");
	background-repeat: no-repeat;
}

.PortalScreenLayoutStyle-home {
	background-position: center;
	background-image: url("img/portal-icon-home.gif");
	background-repeat: no-repeat;
}

.PortalScreenLayoutStyle-current {
	background-position: center;
	background-image: url("img/portal-icon-current.gif");
	background-repeat: no-repeat;
}

.PortalScreenLayoutStyle-none {
	background-position: center;
	background-image: url("img/portal-icon-none.gif");
	background-repeat: no-repeat;
}

.FeatureEnabled-yes {
	background-position: center;
	background-image: url("img/feature-enabled-yes.gif");
	background-repeat: no-repeat;
}

.FeatureEnabled-no {
	background-position: center;
	background-image: url("img/feature-enabled-no.gif");
	background-repeat: no-repeat;
}

.FeatureEnabled-none {
	background-position: center;
	background-image: url("img/feature-enabled-none.gif");
	background-repeat: no-repeat;
}

.TrendTableItemStyle-stable {
	background-position: center;
	background-image: url("img/portal-icon-trend-none.gif");
	background-repeat: no-repeat;
}

.TrendTableItemStyle-up {
	background-position: center;
	background-image: url("img/portal-icon-trend-up.gif");
	background-repeat: no-repeat;
}

.TrendTableItemStyle-down {
	background-position: center;
	background-image: url("img/portal-icon-trend-down.gif");
	background-repeat: no-repeat;
}

.TrendTableItemStyle-noColor {
	text-align: right;
	width: 5%;
}

.TrendTableItemStyle-upColor {
	color: #bf2a12;
	text-align: right;
	font-weight: bold;
	width: 5%;
}

.TrendTableItemStyle-downColor {
	color: #1b6a49;
	text-align: right;
	font-weight: bold;
	width: 5%;
}

.TrendTableItemStyle-none {
}


/*
.column-tableBody {
	float: left;
	width: 95%;
}

.column-tableScrollBar {
	float: left;
}
*/

/*.AdvButtonStyle {
	background: #1060b8;
	color: white;
	-moz-border-radius: 8px;
	margin: 5px;
	cursor: pointer;
}*/

.AdvButtonStyle {
	color: white;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	height: 23px;
	border-left: 0px;
	border-right: 0px;
	padding: 0px;
}

.AdvButtonStyle-pressed {
}

/*.AdvButtonStyle-disabled {
	background: #808080;
	-moz-border-radius: 8px;
	margin: 5px;
	cursor: default;
}*/

.AdvButtonStyle-disabled {
	cursor: default;
}

.AdvButtonStyle-forbidden {
	color: red;
	cursor: help; /* TODO: 1) does this work?  2) if button is also disabled, do we obtain a "disabled" or a "help" cursor ? */
}

.AdvButtonStyle .button-left {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

.AdvButtonStyle .button-text {
	background-image: url("img/button-normal-mid.png");
	background-repeat: repeat-x;
/*	font-weight:bold;*/
	vertical-align:top;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	white-space: nowrap;
}

.AdvButtonStyle .button-text-with-icon {
	background-image: url("img/button-normal-mid.png");
	background-repeat: repeat-x;
	vertical-align:top;
/*	font-weight:bold;*/
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	white-space: nowrap;
}

.AdvButtonStyle-disabled .button-text {
	color:#606060;
	background-image: url("img/button-disabled-mid.png");
	background-repeat: repeat-x;
	cursor: default;
/*	font-weight:normal;*/
}

.AdvButtonStyle-disabled .button-text-with-icon {
	color:#606060;
	background-image: url("img/button-disabled-mid.png");
	background-repeat: repeat-x;
	cursor: default;
/*	font-weight:normal;*/
}

.AdvButtonStyle-pressed .button-text {
	background-image: url("img/button-lit-mid.png");
	background-repeat: repeat-x;
}

.AdvButtonStyle-pressed .button-text-with-icon {
	background-image: url("img/button-lit-mid.png");
	background-repeat: repeat-x;
}

.AdvButtonStyle .button-right {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

/*.AdvButtonStyle .icon-any {
	background-position:center;
	background-repeat:no-repeat;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}*/

.icon-add {
	background-image: url("img/joel-add.gif");
	width: 16px;
	height: 16px;
}

.icon-remove {
	background-image: url("img/joel-remove.gif");
	width: 16px;
	height: 16px;
}

.icon-save {
	background-image: url("img/joel-save.gif");
	width: 16px;
	height: 16px;
}

.icon-cancel {
	background-image: url("img/joel-cancel.gif");
	width: 16px;
	height: 16px;
}

.icon-unknown {
	background-image: url("img/joel-unknown.gif");
	width: 16px;
	height: 16px;
}

.icon-sound-on {
	cursor: pointer;
	background-image: url("img/joel-sound-on.gif");
	width: 16px;
	height: 16px;
}

.icon-sound-off {
	cursor: pointer;
	background-image: url("img/joel-sound-off.gif");
	width: 16px;
	height: 16px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.AlarmStatusTableStyle {
	width: 850px;
	text-align: center;
}

.status-newAlarms-title, .status-runningJobs-title, .status-project-nb-title  {
	font-weight: bold;
}

.status-newAlarms-state-normal {
	background-color: #B8B8B8; /* bright grey */
}

.status-newAlarms-state-loading {
	background-color: orange;
	color: white;
}

.status-newAlarms-state-error {
	background-color: #FF3000; /* bright red */
	color: white;
}

.status-newAlarms-state-normal, .status-newAlarms-state-loading, .status-newAlarms-state-error {
	border-bottom: 1px solid #416696;
}

.status-newAlarms-prio1 {
	background-color: red;
	color: white;
}

.status-newAlarms-prio2 {
	background-color: orange;
	color: white;
}

.status-newAlarms-prio3 {
	background-color: yellow;
}

.status-newAlarms-prio-none {
	background-color: #80FF80; /* bright green */
}

.status-newAlarms-prio-unknown { /* neutral - will inherit the background color */
}

.header-sort-forward {
	background-image: url("img/joel-arrow-up.gif");
	/*background-position: center right;*/ /*90%;*/
	background-repeat: no-repeat;
	width: 16px;
}

.header-sort-backward {
	background-image: url("img/joel-arrow-down.gif");
	/*background-position: center right;*/ /*90%;*/
	background-repeat: no-repeat;
	width: 16px;
}

.header-sort-sortable {
	background-image: url("img/joel-circle.gif");
	/*background-position: center right;*/ /*90%;*/
	background-repeat: no-repeat;
	width: 16px;
}

.header-sort-unsortable {
	width: 0px;
}

.header-box {
	width: 100%;
}

/* Prevent hover effect on table header */
.header-box tr:hover{
	background-color: transparent;
}

.header-text {
	/*text-align: center;*/
}

.alarm-postpone-remark {
 	width: 300px;
}

/*.alarm-forcedAck-remark {
	width: 100%;
}*/

.myTableStyle .row-clientSide {
	color: #40ff40; /* a different text color to reflect the fact that the data row is client-only */
}

.MyPopupStyle {
	background-color: white;
	border: 4px black solid;
	text-align: center;
}

.LoginPanelStyle {
	background-color: white;
	/*border: 0px black solid;
	margin:0px;*/
	padding:0px;
	text-align: center;
	width: 465px;
}

.LoginPanelTopStyle {
	background-image: url("img/login-panel-top.png");
	width: 465px;
	height: 76px;
}

.LoginPanelEmptyTopStyle {
/* 	background-image: url("img/login-panel-top.png"); */
	width: 465px;
	height: 76px;
}

.LoginPanelBottomStyle {
	background-image: url("img/login-panel-bottom.png");
	width: 465px;
	height: 50px;
}

.LoginPanelLeftBorderStyle {
	background-image: url("img/login-panel-left-border.png");
	background-repeat: repeat-y;
	width: 6px;
	padding: 0px;
}

.LoginPanelRightBorderStyle {
	background-image: url("img/login-panel-right-border.png");
	background-repeat: repeat-y;
	width: 41px;
	padding: 0px;
}

.LoginPanelSeparatorStyle {
	background-image: url("img/login-panel-sep.png");
	width: 465px;
	height: 12px;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.MyTooltipStyle {
	background-color: white;
	border: 0px;
}

.MyPointStyle {
	background-image: url("img/joel-point.gif");
	width: 15px;
	height: 15px;
}

.MyVerticalLineStyle {
	background-color: red;
	width: 1px;
}

.module-credentials {
	font-weight: bold;
}

/* ignore cell contents when sizing the columns */
.myTableStyle table {
	table-layout: fixed;
}

/* Prevents table cells from going multi-line */
.myTableStyle td /*.myTableStyle td .gwt-Label, .myTableStyle td .gwt-HTML, .myTableStyle .header-text*/ {
	overflow: hidden;
	white-space: nowrap;
}

/* IE-SPECIFIC JUNK */
.myTableStyle td .gwt-Label {
	_white-space: nowrap;
        white-space: nowrap;
}

.fixedCell-microscopic {
	width: 40px;
}

.fixedCell-tiny {
	width: 80px;
}

.fixedCell-small {
	width: 150px;
}

.fixedCell-medium {
	width: 250px;
}

.fixedCell-date {
	width: 125px; /*13em;*/
}

.fixedCell-dpName {
        width: 210px;   /* 32em is far too big, should match ~32 chars */
}

.loginProgressLabel {
	float: left;
	font-weight: bold;
}

.cell-corrected {
	background-image: url("img/joel-correction.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: right;
}

.cell-not-corrected {
	text-align: right;
}

.horizSeparatorLine {
	clear: both;
	width: 100%; /* TODO: is this needed ? */
	height: 1px;
	/* NOTE: we use the document's background-color ("transparent" would not work, because it designates our own background-color) */
	border-top: 8px solid #f6f6f6;
	border-bottom: 8px solid #f6f6f6;
	/*margin-top: 8px;
	margin-bottom: 8px;*/
	background-color: #c6c6c6;
	_overflow: hidden; /* IE-SPECIFIC JUNK - this is needed when specifying a div with <20 pixel height */
}

.specialGroupKind, .specialGroup {
	font-weight: bold;
}

.marginLeft {
	margin-left: 10px;
}

/* TODO: if needed, we could use CSS selectors for more precise control... */
input, textarea, select {
	border: 1px #0070d2 solid !important; /* NOTE: the rule is marked as important, to override the "border-bottom: none" rule in AdvTable. */
}

/* prevent any border around checkboxes / radio buttons (good practice - and needed for IE anyway) */
.gwt-CheckBox input, .gwt-RadioButton input {
	border: none !important;
}

/* TODO: if needed, we could use CSS selectors for more precise control... */
input, textarea {
	padding-left: 1px;
	padding-right: 1px;
}

.myTableStyle-loading tr, .myTableStyle-loading tr a {
	color: #C0C0C0;
}

.myTableStyle-loading .gwt-TextBox, .myTableStyle-loading .gwt-TextArea, .myTableStyle-loading .gwt-ListBox {
	color: #C0C0C0;
	border: 1px #C0C0C0 solid !important;
}

.gwt-ListBox-disabled, .gwt-TextArea-disabled {
        border: 1px #C0C0C0 solid !important;
        overflow: hidden;
}

.TextAreaDisabled_forIE {
        border: 1px #C0C0C0 solid !important;
        color: #c0c0c0;
        overflow: hidden;
        max-width: 350px;
}

.MyAdvMessageBoxStyle {
	width: 450px;
	border: 1px #989284 solid;
/*	padding: 10px;*/
	background-color: #f6f6f6;/*white;*/
}

.SomewhatLargerMessageBoxStyle {
	width: 600px;
	border: 1px #989284 solid;
/*	padding: 10px;*/
	background-color: #f6f6f6;/*white;*/
}


.RelativeBigMessageBoxStyle {
	width: 60%;
	border: 1px #989284 solid;
/*	padding: 10px;*/
	background-color: #f6f6f6;/*white;*/
}

.RelativeBigMessageBoxStyle .content {
	width: 100%;
	height: 500px;
	border: 1px #989284 solid;
/*	padding: 10px;*/
	background-color: #f6f6f6;/*white;*/
}

.RelativeBigMessageBoxStyle .title {
	background-color: #697c9e;
	border-top: 2px #aeb7c8 solid;
	border-bottom: 2px #aeb7c8 solid;
}

.RelativeBigMessageBoxStyle .titleText {
	font-weight: bold;
	text-align: left;
	background-color: #697c9e;
	color: white;
	margin-left: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.MyAdvMessageBoxStyle .title {
	background-color: #697c9e;
	border-top: 2px #aeb7c8 solid;
	border-bottom: 2px #aeb7c8 solid;
}

.SomewhatLargerMessageBoxStyle .title {
	background-color: #697c9e;
	border-top: 2px #aeb7c8 solid;
	border-bottom: 2px #aeb7c8 solid;
}

.MyAdvMessageBoxStyle .titleText {
	font-weight: bold;
	text-align: left;
	background-color: #697c9e;
	color: white;
	margin-left: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.SomewhatLargerMessageBoxStyle .titleText {
	font-weight: bold;
	text-align: left;
	background-color: #697c9e;
	color: white;
	margin-left: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.MyAdvMessageBoxStyle .msgText {
	text-align: left;
	margin-top: 12px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.SomewhatLargerMessageBoxStyle .msgText {
	text-align: left;
	margin-top: 12px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.MyAdvMessageBoxStyle .icon {
	vertical-align: top;
}

.SomewhatLargerMessageBoxStyle .icon {
	vertical-align: top;
}

.MyAdvMessageBoxStyle .msgBoxButtons {
	margin-top: 1px;
/*	margin-bottom: 10px;*/
	margin-right: 5px;
}

.SomewhatLargerMessageBoxStyle .msgBoxButtons {
	margin-top: 1px;
/*	margin-bottom: 10px;*/
	margin-right: 5px;
}

.MyAdvMessageBoxStyle .msgBoxButtons .AdvButtonStyle {
	margin-bottom: 10px;
}

.SomewhatLargerMessageBoxStyle .msgBoxButtons .AdvButtonStyle {
	margin-bottom: 10px;
}

.MyLabeledWidgetStyle {
	margin: 4px;
	/*margin-left: 5px;
	margin-right: 5px;*/
}

.cell-justify-left {
	text-align: left;
}

.cell-justify-center {
	text-align: center;
}

.cell-justify-right {
	text-align: right;
}

.mainPanel-accessDenied div {
	overflow: hidden;
	height: 100%;
}

.accessDeniedPage {
	background: #c0c0c0;
	padding-top: 40px;
	width:100%;
	height:100%;
	text-align: center;
}

.accessDeniedPageText {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, DejaVu Sans Condensed, sans-serif;
	font-size: 18px;
	margin-top: 8px;
	margin-left: 10px;
}

.multiCol_TrendsPage .column2 .box {
	margin-bottom: 2px;
}

.multiCol_TrendsPage .column2 .boxOn {
	margin-bottom: 2px;
}

.correctionButtonsAndPropertiesGrid {
	margin-top: 1px;
	margin-bottom: 1px;
	vertical-align: top;
	width:100%;
}

.correctionButtons {
	vertical-align: top;
}

.correctionProperties {
	width: 40%;
}

.multiCol_CorrectionsPage .column2 .box {
	margin-bottom: 2px;
}

.multiCol_CorrectionsPage .column2 .boxOn {
	margin-bottom: 2px;
}

.gwt-CheckBox-disabled {
	color: #C0C0C0;
}

.MenuSeparatorStyle {
}

.LoggerWindowStyle {
	background-color: black;
	color: white;
	font-family: monospace;
}

.formulaDateRangeVisualEditorWarnings {
        border: 1px #c8c8c8 solid;
        text-align: left;
}

.formulaDateRangeWarningStyle {
        color: white;
        background-color: #efa523;
}

.formulaDateRangeErrorStyle {
        color: white;
        background-color: #d02828;
}

.swDistErrorStyle {
        color: #d21f19;
        font-weight: bold;
}

.swDistWarnStyle {
        color: #efa523;
        font-weight: bold;
}

.swDistOKStyle {
        color: #2fb31a;
        font-weight: bold;
}

.swDistNoneStyle {
        color: black;
        font-weight: normal;
}

.chgPwdWarning {
	color: #c0c0c0;
	font-size: 16px;
    font-weight: bold;
	text-align: center;
}

.fwd-alarm-status-blacklisted {
        color: #efa523;
        font-weight: bold;
}

.fwd-alarm-status-clearCell {
        color: black;
        font-weight: normal;
}