/*/////////////////////////////////////////////////////// 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: #01124A; /* no more orange #DE701D; its time for blue */
}

    /* 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;
    }

table.reportParam {
    table-layout: fixed;
}

    table.reportParam td {
        overflow: hidden;
        height: 12px;
        width: 120px;
        font-size: 14px;
    }

table.reportDev {
    table-layout: fixed;
}

    table.reportDev td {
        overflow: hidden;
        height: 12px;
        width: 240px;
        font-size: 14px;
    }

/*............... 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) ..........*/

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

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

    .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;
    }

    .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;
    }

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

    .generalmessage.nobackgroundimage p {
        padding-left: 15px;
        line-height: 24px;
        background-color: #FFFFD6;
        border: 1px solid #999AC6;
    }

    .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) ..........*/

.wrpSuperGridNetworkTable table tbody tr input.inpColorPicker {
    width: 16px; /* a more specific rule not overrided by generic style */
}

div.divColorView {
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    display: block;
    border: 1px solid gray;
    margin: 0 auto;
}

input.inpColorPicker {
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    display: block;
    cursor: pointer;
    border: 1px solid gray;
}

/* github.com/pretorien/mootools-colorpicker/blob/master/mootools-colorpicker.css as of 2016/07/20 */
.colorpicker-input {
    width: 16px; /* modified from orig */
    height: 16px; /* modified from orig */
    border: 1px solid grey;
    cursor: pointer;
}

.colorpicker-box-show {
}

.colorpicker-box-hide {
}

.colorpicker-box {
    /*    border-left: 1px solid #000;
    border-top: 1px solid #000;*/
    position: absolute;
    padding: 0px;
    width: 120px;
}

    .colorpicker-box ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0px;
        margin: 0px;
        float: left;
    }

        .colorpicker-box ul li {
            display: block;
            width: 25px;
            height: 25px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            margin: 0px;
            float: left;
            cursor: pointer;
        }

.colorpicker-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    display: none;
}

@media screen and (max-width: 640px) {
    .colorpicker-input {
        width: 88px;
        height: 46px;
    }

    .colorpicker-box {
        position: absolute;
        top: 10px;
        width: 97%;
        z-index: 101;
    }

        .colorpicker-box ul {
            margin: 0 10px;
        }

            .colorpicker-box ul li {
                min-height: 44px;
                min-width: 44px;
            }

    .colorpicker-back {
        display: block;
        z-index: 100;
    }
}

/*............... 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: 0px; /*Lem was 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: #656565; /* #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: 2px; /* Lem: was 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: 0px;
        padding: 10px;
    }

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

        /* --- 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: #656565; /* was 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% 8px;
    }

    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: #FFFF99;
        /* adding border in selection causes the row to have different height an so flickering
        border-top: 1px solid #FFFF00;
        border-bottom: 1px solid #FFFF00; 
        */
    }


        /* no more different icon (lente di ingrandimento) for item selected 
                    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;  #LemHighContrastLabels */
        /*  font-weight: normal; */
        /* font-style: italic;  #LemHighContrastLabels */
        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;
        vertical-align: middle;
    }

        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;
            }

/*//////////////////////////////////// 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: black; /* ex #333333 #20150521HighContrastLabels*/
            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;
                    text-decoration: underline;
                    color: black; /* #20150521HighContrastLabels*/
                }

        /* 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: black; /* ex #9C4704 #20150521HighContrastLabels*/
        }

            #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: black;
            }
                /*  #20150521HighContrastLabels was #260300*/
                #mngLevs div.lev a.active span {
                    text-decoration: underline;
                    color: black;
                }
/*  #20150521HighContrastLabels was #260300*/

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

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

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

h1.wkaTitle {
    display: none; /* #20150521HighContrastLabels */
}

#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: color:black; /* #20150521HighContrastLabels was #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;
            color: black; /* #20150521HighContrastLabels */
        }

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

    .wkaSubtabsArea div.tab.active a {
        text-decoration: underline;
        color: black;
    }
    /* #20150521HighContrastLabels was #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;
                text-decoration: underline;
                color: black; /* #20150521HighContrastLabels*/
            }

    .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; */ /*  Lem20150521MoreSpace */
    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 0px 0px; /* #Lem20150521MoreSpace  was 0px 0px 4px 0px */
    padding: 0px;
    display: block;
    background: #CCCCCC;
    /* border: 1px solid #666666; */ /* #Lem20150521MoreSpace */
}

    /*.......... 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.dosome select {
        width: 150px;
        margin: 10px 10px 0px 10px;
    }

    #workingArea .wkaWrapperArea .wkaToolbarArea td a.hiddenLabel {
        color: #CCC;
    }

        #workingArea .wkaWrapperArea .wkaToolbarArea td a.hiddenLabel:hover {
            color: #CCC;
        }

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.hiddenLabel.disabled {
        color: #CCC;
    }

        #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.hiddenLabel.disabled:hover {
            color: #CCC;
        }

    #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: 18px;
        margin: 8px 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 {
        color: #CCC;
        padding-right: 0px;
    }

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

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a {
    }

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

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

        #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.watFilterCmds {
        background-image: url(/media/img/Toolbar/CommandsExecutionApplyFilter.png);
    }

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watUnfilterCmds {
        background-image: url(/media/img/Toolbar/CommandsExecutionRemoveFilter.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.watWriteparamsMulti {
        background-image: url(/media/img/Toolbar/WriteParametersMulti.png);
    }

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watViewLastReport {
        background-image: url(/media/img/Toolbar/Datasheet.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.watSelectForScanAllAddresses {
        background-image: url(/media/img/Toolbar/SelectAll.png);
    }

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

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

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watSelectForScanAllDevicesThatRequireScan {
        background-image: url(/media/img/Toolbar/SelectSomeRed.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.watLayoutRebuild {
        background-image: url(/media/img/Toolbar/LayoutRebuild.png);
    }

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watLayoutReloadParameters {
        background-image: url(/media/img/Toolbar/ReadParameters.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);
    }

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

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

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

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

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watStopAcquisition {
        background-image: url(/media/img/Toolbar/EditNeedStartStop.png);
    }
    /* /media/img/Toolbar/GenericEdit.png */
    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watStartAcquisition {
        background-image: url(/media/img/Toolbar/EditNeedStartStop.png);
    }
    /* /media/img/Toolbar/GenericEdit.png */
    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watRestart {
        background-image: url(/media/img/Toolbar/ComputerRestart.png);
    }


    #workingArea .wkaWrapperArea .wkaToolbarArea td a.watPopupClose {
        background-image: url(/media/img/Statusbar/Logout.gif);
    }

    /* Offline Networks specific menu item */
    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watInterfaceAdd {
        background-image: url(/media/img/Toolbar/InterfaceAdd.png);
    }

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

    #workingArea .wkaWrapperArea .wkaToolbarArea td.dosome a.watApplyOfflineNetwork {
        background-image: url(/media/img/Toolbar/ApplySnapshot.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; */ /* Lem20150521MoreSpace */
    /* border: 1px solid #666666; */ /* Lem20150521MoreSpace */
}

#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; */ /* Lem20150521MoreSpace */
    /* border: 1px solid #999999; */ /* Lem20150521MoreSpace */
}

#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 tbody {
        width: 100%;
    }

    #syStatusbar tr {
        width: 100%;
    }

    #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 {
        min-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#boxToolsComputerReboot blockquote h5 {
            background-image: url(/media/img/Others/StartStop/ComputerReboot.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#ifcMbDets 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#ifcMbDets 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#ifcMbDets 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#ifcMbDets td select {
                width: 150px;
            }

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

            #boxDiscoverManageInterface table.wkaDataEntry td blockquote table tbody tr#ifcMbDets 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;
        }



table.computerUpgradeSlotTable, table.wkaDataEntry td blockquote table.computerUpgradeSlotTable {
    border: 1px solid lightgray;
    border-collapse: collapse;
    margin-left: 18px;
}

    table.computerUpgradeSlotTable thead th {
        height: 16px;
        font-size: 9px;
        color: #333333;
        background-color: #99CCFF;
    }

    table.computerUpgradeSlotTable td {
        /* vertical-align: middle; */
        border: 1px solid lightgray;
        padding: 3px !important;
    }

        table.computerUpgradeSlotTable td input {
            font-size: 10px;
        }

    table.computerUpgradeSlotTable tr.disabled td {
        background-image: url(/media/img/Common/Grid/DisabledRow.png);
        color: #666666; /* text-decoration: line-through; */
    }


/*
table.computerUpgradeSlotTable td.expandButton a { background: transparent url(/media/img/Common/Grid/ExpandButton.gif) no-repeat center center; }
table.computerUpgradeSlotTable td.collapseButton a { background: transparent url(/media/img/Common/Grid/CollapseButton.gif) no-repeat center center; }
*/

/*/////////////////////////////////////////////////////// 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 {
        background-image: url(/media/img/Common/Grid/DisabledRow.png);
        color: #545454; /* 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;
    }

    /*.wrpSuperGridNetworkTable table tr.italic td { font-style: italic; color:#444444 }*/
    .wrpSuperGridNetworkTable table tr.italic td { /*color: navy;*/
        background-color: #cccccc !important;
    }

    /* --- 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.highlightingRow:hover th,
    table.sgnDevicesTable tr.hdwDevice.highlightingRow:hover td {
        background-color: #FFFF99;
    }

    table.sgnDevicesTable tr.hdwDevice.clickable:hover th,
    table.sgnDevicesTable tr.hdwDevice.clickable:hover td {
        cursor: pointer;
    }

/*............... 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, #alarmListPick caption, .computerUpgradeSlotTable caption {
    margin-bottom: 5px;
    padding: 8px 0px 8px 0px;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFFFCC; /* was a less evident: #FEF5ED; */
    border: 1px solid #F8C8A0;
}

.wrpSuperGridNetworkTable table tbody td input {
    font-size: 12px;
}

    .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;
}

.wrpSuperGridNetworkTable table tbody td input.copy-edit-button {
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0px solid;
    background-color: transparent;
    cursor: pointer;
    margin: 2px;
    outline: none;
}

.wrpSuperGridNetworkTable table tbody td.td-copy-button,
.wrpSuperGridNetworkTable table tbody td.td-edit-button,
.wrpSuperGridNetworkTable table tbody td.td-edit-interface-button {
    width: 30px;
    text-align: center;
}

.wrpSuperGridNetworkTable table tbody td input.edit-device {
    background-image: url(/media/img/Networks/Devices/EditDevice.png);
}

.wrpSuperGridNetworkTable table tbody td input.copy-device {
    background-image: url(/media/img/Networks/Devices/CopyDevice.png);
}

.wrpSuperGridNetworkTable table tbody td input.edit-interface {
    background-image: url(/media/img/Networks/Devices/EditDevice.png);
}

/* client side icon toggle via class row-hide-edit-device */
table.sgnDevicesTable tr.row-hide-edit-device th input.edit-device,
table.sgnDevicesTable tr.row-hide-edit-device td input.edit-device {
    visibility: hidden;
}

/* client side icon toggle via class row-hide-copy-device */
table.sgnDevicesTable tr.row-hide-copy-device th input.copy-device,
table.sgnDevicesTable tr.row-hide-copy-device td input.copy-device {
    visibility: hidden;
}



/* row-selected-for-paste */
table.sgnDevicesTable tr.row-selected-for-paste td,
table.sgnDevicesTable tr.row-selected-for-paste th {
    background-color: #FFFF99;
    background-image: none;
}

    table.sgnDevicesTable tr.row-selected-for-paste td.td-edit-button {
        background-image: url('/media/img/Networks/Devices/GridPaste.png');
        background-position: center;
        background-repeat: no-repeat;
    }


table.sgnDevicesTable tr.row-highlighted-for-copy th,
table.sgnDevicesTable tr.row-highlighted-for-copy td {
    background-color: #2a4c8e;
    color: white;
    background-image: none;
}

    table.sgnDevicesTable tr.row-highlighted-for-copy td input[type=checkbox] {
        display: none;
    }

    /* row-highlighted-for-copy is a trigger to hide default action icon, show copy icon */
    table.sgnDevicesTable tr.row-highlighted-for-copy td.td-edit-button {
        background-image: url('/media/img/Networks/Devices/GridCopy.png');
        background-position: center;
        background-repeat: no-repeat;
    }

    table.sgnDevicesTable tr.row-highlighted-for-copy td.td-copy-button {
        background-image: none;
    }


table.rangefromto {
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none;
}

    table.rangefromto td {
        overflow: visible;
        padding: 0px;
        border: none !important;
    }

/* offline scan result special cells */

table.sgnDevicesTable tr.hdwDevice td.offline-scan {
    font-weight: bold;
}

    table.sgnDevicesTable tr.hdwDevice td.offline-scan div {
        width: 18px;
        height: 12px;
        float: left;
        margin-right: 3px;
        background-position: 0px -2px;
        background-repeat: no-repeat;
    }

table.sgnDevicesTable tr.hdwDevice td.offline-scan-not-found div {
    background-image: url(/media/img/Entities/Lists/Delete.png);
}

table.sgnDevicesTable tr.hdwDevice td.offline-scan-all-found div {
    background-image: url(/media/img/Entities/Lists/Item.gif);
}

table.sgnDevicesTable tr.hdwDevice td.offline-scan-some-found div {
    background-image: url(/media/img/Entities/Lists/Warning.png);
}

table.sgnDevicesTable tr.hdwDevice td.offline-scan-none-found div {
    background-image: url(/media/img/Entities/Lists/Warning.png);
}


table.sgnResourcesTable td.offline-scan div {
    width: 18px;
    height: 12px;
    float: right;
    background-position: 0px -2px;
    background-repeat: no-repeat;
}

table.sgnResourcesTable td.offline-scan-good div {
    background-image: url(/media/img/Entities/Lists/Item.gif);
}

table.sgnResourcesTable td.offline-scan-bad div {
    background-image: url(/media/img/Entities/Lists/Delete.png);
}



/*............... 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 select {
    max-width: 220px;
}

.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 */
#sgnFilterShow_Devices label {
    padding: 5px 5px 5px 0px;
}

#sgnFilterShow_Resources label {
    padding: 5px 0px 5px 5px;
}

#sgnFilterShow_Alarms label {
    padding: 5px 0px 5px 5px;
}

#sgnFilterShow_Controllers label {
    padding: 5px 0px 5px 5px;
}

#sgnFilterShow_Devices td {
    padding: 2px 0px 2px 0px;
}

#sgnFilterShow_Resources td {
    padding: 2px 0px 2px 0px;
}

#sgnFilterShow_Alarms td {
    padding: 2px 0px 2px 0px;
}

#sgnFilterShow_Controllers td {
    padding: 2px 0px 2px 0px;
}

#sgnFilterShow_Resources tr th,
#sgnFilterShow_Alarms tr th,
#sgnFilterShow_Controllers tr th {
    width: 22px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

#sgnFilterShow_Resources tr.hdwResAnalog th {
    background-image: url(/media/img/Networks/Resources/Analog.gif);
}

#sgnFilterShow_Resources tr.hdwResDigital th {
    background-image: url(/media/img/Networks/Resources/Digital.gif);
}

#sgnFilterShow_Resources tr.hdwResState th {
    background-image: url(/media/img/Networks/Resources/State.gif);
}

#sgnFilterShow_Resources tr.hdwResAlarm th {
    background-image: url(/media/img/Networks/Resources/Alarm.gif);
}

#sgnFilterShow_Alarms tr.alrActive th {
    background-image: url(/media/img/Networks/Alarms/AlarmActiveGray.gif);
}

#sgnFilterShow_Alarms tr.alrConfirmed th {
    background-image: url(/media/img/Networks/Alarms/AlarmConfirmedGray.gif);
}

#sgnFilterShow_Alarms tr.alrSleeping th {
    background-image: url(/media/img/Networks/Alarms/AlarmSleepingGray.gif);
}

#sgnFilterShow_Alarms tr.deviceWithAlrActive th {
    background-image: url(/media/img/Networks/Alarms/AlarmActiveGray.gif);
}

#sgnFilterShow_Alarms tr.deviceWithAlrConfirmed th {
    background-image: url(/media/img/Networks/Alarms/AlarmConfirmedGray.gif);
}

#sgnFilterShow_Alarms tr.deviceWithAlrSleeping th {
    background-image: url(/media/img/Networks/Alarms/AlarmSleepingGray.gif);
}

#sgnFilterShow_Controllers tr.hdwDevCompressor th {
    background-image: url(/media/img/Networks/Devices/CompressorOn.gif);
}

#sgnFilterShow_Controllers tr.hdwDevDefrost th {
    background-image: url(/media/img/Networks/Devices/DefrostOn.gif);
}

#sgnFilterShow_Controllers tr.hdwDevFan th {
    background-image: url(/media/img/Networks/Devices/FanOn.gif);
}

#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;
}

/* Specialization of parameters02 page with commands*/
.wkaFilterArea span.highlight {
    font-style: normal;
    color: black;
    padding: 3px 5px 3px 5px;
    border: 1px solid #AAAAAA;
    background: #FFFFFF;
}

.wkaFilterArea span.highlightRight {
    padding: 3px 5px 3px 5px;
    border: 1px solid #AAAAAA;
    background: #00FF00;
}

.wkaFilterArea span.highlightWrong {
    padding: 3px 5px 3px 5px;
    border: 1px solid #AAAAAA;
    background: #FF0000;
}

/*||||||||||||||||||| 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; }
*/

td.grdIconsStatus {
    width: 16px;
}

#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.error a {
    color: white;
}

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

    .wrpSuperParameterTable table tbody tr.readonly a.edit {
        display: none;
    }

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

.wrpSuperParameterTable table tbody tr td.valusr input,
.wrpSuperParameterTable table tbody tr td.valusr select {
    width: 95%;
}

/* --- 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;
}

.highlightingRow:hover {
    background-color: #FFFF99;
}

img.sunken {
    position: relative;
    top: 4px;
}

/* Tooltips */
.tip-text span {
    font-weight: bold;
}

.tip-wrap {
    background-color: #F8C8A0;
    color: #000;
    font-size: 11px;
    z-index: 10002;
    border-width: 1px;
    border-color: #000000;
    border-radius: 10px;
    box-shadow: 10px 10px 5px #999999;
    padding: 4px 8px 8px;
    width: 180px;
    visibility: visible;
}

.tip {
}

.tip-title {
    font-size: 13px;
    font-weight: bold;
}

.tip-text {
}

.discoveryReport {
    padding: 10px;
    font-size: 12px;
    line-height: initial;
}

    .discoveryReport .discoveryStreak {
        background: white;
        font-weight: bold;
        font-family: monospace;
    }

    .discoveryReport p.foundDeviceList {
        font-size: 10px;
    }

    .discoveryReport hr {
        margin: 20px 0px;
    }


.discoveryLayout {
    width: 100%;
}

    .discoveryLayout td {
        border: solid white 2px;
        vertical-align: top;
    }

.discoveryReport .discoveryTable {
    max-width: 500px;
    width: 100%;
    border: solid white 1px;
    border-collapse: collapse;
    text-align: center;
    font-size: 9px;
    vertical-align: middle;
}

    .discoveryReport .discoveryTable td.miss {
        background: url(/media/img/Entities/Lists/Delete.png) no-repeat center center;
        background-color: #ffdddd;     
    }

    .discoveryReport .discoveryTable td.hit {
        background: url(/media/img/Entities/Lists/Item.gif) no-repeat center center;
        background-color: #ddffdd;
    }

    .discoveryReport .discoveryTable td.identified {
        background: url(/media/img/Entities/Items/DeviceCommand.gif) no-repeat center center;
        background-color: #ddddff;
    }

    .discoveryReport .discoveryTable td.toBeScanned {
        background-color: lightgrey;
    }

    .discoveryReport .discoveryTable tr {
        height: 12px;
    }

        .discoveryReport .discoveryTable tr.empty {
            height: 5px;
            line-height: 5px;
            background-image: url(/media/img/Common/Grid/DisabledRow.png);
            background-repeat: repeat;
            background-color: #f2f2f2;
            color: lightgray;
        }

    .discoveryReport .discoveryTable .firstColumn {
        width: 18px;
        font-weight: bold;
        background: white;
    }

table.calendarTable, table.wkaDataEntry td blockquote table.calendarTable {
    padding: 0px;
    margin: 10px;
    border: 1px solid #bdbdbd;
    border-collapse: collapse;
}

    table.calendarTable th {
        border-bottom: 1px solid #bdbdbd;
        text-align: center;
        color: #333333;
    }

table.calendarTable td {
    padding-top : 0px;
    padding-bottom : 0px;
}

table.calendarTable .calendar-intervals-container {
    position: relative;
    width : 25px;
}

table.calendarTable .calendar-interval {
    background-color: #DE701D;
    position: absolute;
    width: 100%;
}

    table.calendarTable .calendar-interval.now {
        background-color: #001447;
        padding-top: 3px;
        padding-bottom: 3px;
    }


.recipients-status {
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url(/media/img/Common/Bullets/DotGray.png);
    background-position: center;
    background-repeat: no-repeat;
}

    .recipients-status.recipients-status-loading {
        background-image: url(/media/img/Common/Ajax/Progress.gif);
    }

    .recipients-status.recipients-status-error {
        background-image: url(/media/img/Common/Messages/Warning.gif);
    }

    .recipients-status.recipients-status-verifiedAll {
        background-image: url(/media/img/Common/Bullets/DotGreen.png);
    }

    .recipients-status.recipients-status-verifiedNone {
        background-image: url(/media/img/Common/Bullets/DotRed.png);
    }

    .recipients-status.recipients-status-verifiedSome {
        background-image: url(/media/img/Common/Bullets/DotOrange.png);
    }