/* Common tags                 */
/*-----------------------------*/

body {
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    margin: 0;
    margin-right: 30;
    text-align: left;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

A:link {
    color: #8C8EAA;
    text-decoration: none;
}

a[disabled="disabled"] {
    color: #D2D5DE;
    pointer-events: none; 
    text-decoration: none; 
}

    a[disabled="disabled"]:hover {
        cursor: not-allowed;
        color: #D2D5DE;
        text-decoration: none;
    }

A:visited {
    color: #8C8EAA;
    text-decoration: none;
}

A:active {
    color: #8C8EAA;
    cursor: hand;
    text-decoration: none;
    font-weight: inherit;
}

A:hover {
    color: #D2D5DE;
    cursor: hand;
    text-decoration: "underline";
}

A.bodyLink:link {
    color: #8C8EAA;
    text-decoration: none;
    font-weight: bold;
}

A.bodyLink:visited {
    color: #8C8EAA;
    text-decoration: none;
    font-weight: bold;
}

A.bodyLink:active {
    color: #8C8EAA;
    cursor: hand;
    text-decoration: none;
    font-weight: bold;
}

A.bodyLink:hover {
    color: #D2D5DE;
    cursor: hand;
    text-decoration: "underline";
    font-weight: bold;
}

.pager span {
    color: #EEEEEE;
}

p {
    line-height: 1.4em;
}

.title {
    text-transform: uppercase;
    font-family: verdana;
    font-size: large;
    font-weight: bold;
    color: #8C8EAA;
}

hr {
    border: 0;
    border-top: 2px solid #8C8EAA;
    height: 2px;
}

img {
    border-width: 0;
}

ul {
    list-style-image: url(Images/bullet.jpg);
    list-style-position: outside;
    list-style-type: disc;
    color: #000000;
    font-family: verdana;
}

.menutextindent {
    font-size: x-small;
}

/* Headings                    */
/*-----------------------------*/
h1 {
    font-size: large;
    color: #A7A9BE;
}

h2 {
    font-family: Verdana;
    font-size: medium;
    margin-top: 30;
    color: #A7A9BE;
    margin-bottom: -15;
}

h3 {
    font-family: Verdana;
    font-size: small;
    margin-bottom: -15;
    color: #A7A9BE;
    padding-left: 15;
}

h1, h2, h3, h4 {
    margin: 0;
    font-family: Verdana;
}

/* Tables                      */
/*-----------------------------*/

table {
    /*font-size: 0.9em; */
}


    table.header {
        background-color: #D2D5DE;
    }

td {
    table-layout: auto;
}

    td.logo {
        text-align: left;
        width: 184px;
    }

    td.title {
        font-family: verdana;
        font-size: x-large;
        font-weight: bolder;
        color: #8C8EAA;
        background-color: #003300;
    }

    td.headerbar.error {
        background-color: brown;
        color: White;
    }

    td.headerbar.new {
        background-color: forestgreen;
        color: White;
    }

    td.headerbar.new.error {
        background-color: brown;
        color: White;
    }



    td.headerbar {
        background-color: #A6A6D9;
        color: White;
        text-align: left;
        font-weight: bolder;
        height: 22px;
        width: 100%;
        padding-left: 3px;
        border-bottom-width: 0px;
        border-top: 2px solid White;
        background-image: url(../../Images/tab_bottom_line.png);
        background-repeat: repeat-x;
        background-position: center bottom;
    }

    td.headerButtons {
        white-space: nowrap; /* background-image: url(Images/bar.jpg); */
        background-color: #EAEAF7;
        text-align: center;
        font-weight: normal;
        height: 22px;
        width: 1px;
        border-bottom-width: 0px;
        border-top: 2px solid White;
        background-image: url(../../Images/tab_bottom_line.png);
        background-repeat: repeat-x;
        background-position: center bottom;
    }

    td.headerbarBottom.error {
        color: brown;
        font-weight: normal;
    }


    td.headerbarBottom {
        /* background-image: url(Images/bar.jpg);	*/
        background-color: #EAEAF7;
        color: White;
        text-align: left;
        font-weight: bolder;
        height: 22px;
        width: 100%;
        border-bottom-width: 0px;
        border-top: 2px solid White;
        background-image: url(../../Images/tab_bottom_line.png);
        background-repeat: repeat-x;
        background-position: center top;
    }

    td.headerButtonsBottom {
        white-space: nowrap;
        background-color: #EAEAF7;
        text-align: center;
        font-weight: normal;
        height: 22px;
        width: 0px;
        border-bottom-width: 0px;
        border-top: 2px solid White;
        background-image: url(../../Images/tab_bottom_line.png);
        background-repeat: repeat-x;
        background-position: center top;
    }

    td.headerUsefulLinks {
        width: 230px;
        text-align: left;
        font-weight: bolder;
        height: 22px;
        background-color: #A6A6D9;
        color: #FFFFFF;
        border-bottom-width: 0px;
        border-top: 2px solid White;
        border-right: 2px solid White;
        background-image: url(../../Images/tab_bottom_line.png);
        background-repeat: repeat-x;
        background-position: center bottom;
    }

    td.menu {
        background-color: #8C8EAA;
        width: 184px;
        height: 500px;
        vertical-align: top;
    }

    td.footer {
        margin-left: 30;
        font-family: Verdana;
        font-size: xx-small;
        font-weight: normal;
        color: #8C8EAA;
        text-align: right;
    }

.hideheader {
    display: none;
    font-size: 0px;
    color: White;
    height: 0px;
}

.webPartBar {
    background-image: url(Images/bar_orange.jpg);
    width: 100%;
    text-align: left;
    font-weight: bolder;
    height: 18px;
}

td.propertyPageSectionLeft {
    width: 100%;
    text-align: left;
    font-size: large;
    color: #A7A9BE;
}

td.propertyPageSectionRight {
    text-align: right;
    font-size: large;
    color: #A7A9BE;
}

table.propertyPageSectionContainer {
    width: 100%;
    padding: 0px;
}

td.microGridHeading {
    vertical-align: text-top;
    font-size: smaller;
    font-weight: bold;
}

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

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.searchTab {
    background-color: #F5F5F5;
    text-align: center;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 2px solid;
    border-right: #ffffff 2px solid;
    border-bottom: #8C8EAA 0px solid;
    padding: 5px 5px 5px 5px;
    background-image: url(../../Images/tab_bottom_line.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    white-space: nowrap;
}

.searchTabSelected {
    background-color: #008000;
    border-top: #fffff 1px none;
    border-left: #ffffff 2px solid;
    border-right: #ffffff 2px solid;
    border-bottom: 0px none;
    color: #FFFFFF;
    background-image: url(../../Images/tab_bottom_line_selected.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}

    .searchTabSelected a {
        color: #FFFFFF;
    }

.blockQuoteSpacer {
    width: 40px;
    background-color: transparent;
}


.searchTabSpacer /* last tab */ {
    border: 0px none;
    border-right: transparent 1px solid;
    width: 100%;
    background-color: transparent;
    text-align: right;
}

.searchIndicatorTab {
    /* background-image: url(/../../CelsiusWeb/Images/tab_top_line.png); */
    background-repeat: repeat-x;
    background-position: center top;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px none;
    border-left: 0px none;
    border-top: 0px none;
    border-right: 0px none;
    height: 16px;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
}

.searchIndicatorFirstTab {
    border-left: #84b687 1px none;
}

.searchIndicatorLastTab {
    border-right: #84b687 1px none;
    width: 100%;
}

.searchWedgeImage {
    position: relative;
    top: -5px;
    /* z-index: 1; */
}

.searchResultRow1Left {
    padding: 0px 4px 3px 4px;
    border-left: #84b687 1px none;
    border-right: #84b687 1px none;
    border-bottom: 0px none;
    border-top: 0px none;
    text-align: left;
    vertical-align: bottom;
}

.searchResultRow1Middle {
    white-space: nowrap;
}

.searchResultRow1Right {
    padding: 0px 0px 0px 0px;
    border-left: #84b687 1px none;
    border-right: #84b687 1px none;
    border-bottom: 0px none;
    border-top: 0px none;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}

.searchResultRow2Left {
    padding: 0px 0px 12px 12px;
    border-left: #84b687 1px none;
    border-right: #84b687 1px none;
    border-bottom: 0px none;
    border-top: 0px none;
}

.searchResultRow2Right {
    padding: 0px 12px 18px 0px;
    border-left: #84b687 1px none;
    border-right: #84b687 1px none;
    border-bottom: 0px none;
    border-top: 0px none;
    vertical-align: middle;
    /* width: 100%;     */
}

.searchResultLastRow {
    padding: 0px 0px 0px 0px;
    border-top: 0px none;
    border-left: #84b687 1px solid;
    border-right: #84b687 1px solid;
    border-bottom: #84b687 1px solid;
    height: 5px;
    width: 100%;
}

.searchLine {
    padding: 0px 0px 1px 0px;
    border-top: #8C8EAA 1px solid;
}

.searchNoLine {
    padding: 0px 0px 0px 0px;
    border-top: transparent 1px solid;
}

.searchResultDescription {
    font-size: smaller;
}

.searchResultSnippet {
    font-size: smaller;
}


.propertyTabSelected {
    background-color: #006A9D;
    border-top: #fffff 1px none;
    border-left: #ffffff 2px solid;
    border-right: #ffffff 2px solid;
    border-bottom: 0px none;
    color: #FFFFFF;
    background-image: url(../../Images/property_tab_bottom_line_selected.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    white-space: nowrap;
    min-width: 50px;
}

.propertyWedgeImage {
    position: relative;
    top: -5px;
    left: 24px;
}

.propertyIndicatorTab {
    background-repeat: repeat-x;
    background-position: center top;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px none;
    border-left: 0px none;
    border-top: 0px none;
    border-right: 0px none;
    height: 0px;
    text-align: left;
    font-weight: normal;
    text-decoration: none;
}

.searchIndicatorFirstTab {
}

.highlightedWord {
    font-weight: bold;
    color: #008000;
    background-color: #D8F1D3;
}

.nodeViewContainer {
    width: 100%;
    padding: 4px 4px 4px 4px;
    border: 0px solid #000066;
    overflow: hidden;
}

.circuitPortBlockTable {
    width: 100px;
    height: 22px;
    border: 1px;
    border-color: transparent;
    float: left;
}

.circuitPortCellCurrent {
    width: 100%;
    height: 22px;
    background-color: #005F8C;
    color: #FFFFFF;
    white-space: nowrap;
}

.circuitPortCell {
    width: 100%;
    height: 22px;
    background-color: #EFEFEF;
    white-space: nowrap;
}

.circuitPortCellNoCircuit {
    width: 100%;
    height: 22px;
    background-color: #EFEFEF;
    color: #CECECE;
    white-space: nowrap;
}

.circuitPortCellPatch {
    background-position: right top;
    width: 100%;
    height: 22px;
    background-color: #EFEFEF;
    color: #CECECE;
    white-space: nowrap;
    background-image: url('../../Images/patch_bullet.png');
    background-repeat: no-repeat;
}

.circuitPortCellWithBorder {
    height: 20px;
}

.circuitPortBlockTable img + span {
    vertical-align: top;
    margin-left: 1px;
}

.circuitPortCellWhite {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    height: 20px;
}

.circuitPortCellWhiteLegend {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
}

.multiTabSelected {
    background-color: #006A9D;
    border-top: #fffff 1px none;
    border-left: #ffffff 2px solid;
    border-right: #ffffff 2px solid;
    border-bottom: 0px none;
    color: #FFFFFF;
    background-image: url(../../Images/property_tab_bottom_line_selected.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.stripDayCurrent {
    width: 16px;
    height: 22px;
    background-color: #005F8C;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
}

.stripDayWeek {
    width: 16px;
    height: 22px;
    background-color: #EFEFEF;
    white-space: nowrap;
    text-align: center;
}

.stripDayWeekend {
    width: 16px;
    height: 22px;
    background-color: #F3CFCF;
    text-align: center;
    white-space: nowrap;
}

.stripDayPin {
    height: 32px;
    text-align: center;
    vertical-align: bottom;
    font-size: x-small;
    color: Blue;
}

.stripDayMonth {
    text-align: left;
    font-size: x-small;
}

.cabLayoutWrapper, .hotSpotLayoutWrapper {
    display: flex;
}

.cabLayoutContainerWrap, .hotSpotLayoutContainerWrap {
    display: flex;
}

.cabLayoutRadioTd {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: none;
    margin-top: 2px;
}

.cabLayoutEditButtonStyles {
    font-size: Small;
    float: right;
    margin-top: 4px
}

.cabLayoutRadioControl {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cabLayoutRadioControl > input {
        margin: 2px !important
    }

@media only screen and (max-width: 1265px) {
    .cabLayoutContainerWrap {
        display: block;
    }
}