@media all {
    #pageContent {
        width: 1000px;
        margin: 0px auto;
    }

    .ContentMain {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        /*background-image: url("Img/ContentBG.jpg");*/
    }

    #navigationColumn {
        width: 215px;
        vertical-align: top;
        overflow: hidden;
    }

    #contentBG {
        font-weight: bold;
        font-size: 20px;
        color: #295187;
        text-align:center;
    }

    #contentColumn {
        width: 525px;
        padding: 0px 0px 0px 15px;
        vertical-align: top;
    }

    #contentColumnNoExtras {
        width: 525px;
        padding: 0px 0px 0px 13px;
        vertical-align: top;
    }

    #extrasColumn {
        vertical-align: top;
    }

    /* Cleaner DIV TAG CLEARS Column Floating areas*/
    div.cleaner {
        display: block;
        float: none;
        clear: both;
        margin: 0px 0px;
        padding: 0px 0px;
        font-size: 1px;
        height: 1px;
        line-height: 1px;
    }

    .hidden {
        display: none;
    }

    /*
    #HazardBG {
        background-image: url("Img/HazardBG.jpg");
    }

    #MeasureBG {
        background-image: url("Img/MeasureBG.jpg");
    }

    #CompetenceBG {
        background-image: url("Img/CompetenceBG.jpg");
    }

    #LocationBG {
        background-image: url("Img/LocationBG.jpg");
    }

    #EventBG {
        background-image: url("Img/EventBG.jpg");
    }

    #TaskBG {
        background-image: url("Img/TaskBG.jpg");
    }

    #OrganizationalUnitBG, #ClientBG {
        background-image: url("Img/OrganizationBG.jpg");
    }

    #UsefulLinksBG {
        background-image: url("Img/UsefulLinksBG.jpg");
    }

    #UsefulDocumentsBG {
        background-image: url("Img/UsefulDocumentsBG.jpg");
    }

    #TrainingBG {
        background-image: url("Img/TrainingBG.jpg");
    }

    #ProductBG {
        background-image: url("Img/ProductBG.jpg");
    }

    #PersonBG {
        background-image: url("Img/PersonBG.jpg");
    }

    #ReportBG {
        background-image: url("Img/ReportBG.jpg");
    }
    */

    #HazardBG #contentBG {
        color: #c2020a;
    }

    #MeasureBG #contentBG, #CompetenceBG #contentBG, #TrainingBG #contentBG {
        color: #054f06;
    }

    #EventBG #contentBG, #UsefulLinksBG #contentBG, #UsefulDocumentsBG #contentBG {
        color: #ddb223;
    }
}

@media print {
    .ContentMain {
        width: 770px;
        background-image: none;
    }

    #HazardBG, #MeasureBG, #CompetenceBG, #LocationBG, #EventBG,
    #TaskBG, #OrganizationalUnitBG, #ClientBG
    #UsefulLinksBG, #UsefulDocumentsBG {
        background-image: none;
    }

    #navigationColumn, #contentBG, div#pageFooter {
        display: none;
    }

    td#contentColumn, td#extrasColumn {
        padding-top: 10px;
    }
}

/*
  -----------------------------
        Linked items box
  -----------------------------
*/

table#Product.links a span,
table#Location.links a span {
    font-size: 10px;
    color: #808080;
}

table#Product.links a:hover,
table#Location.links a:hover {
    text-decoration: none;
}

/*
  -----------------------------
        Floats
  -----------------------------
*/
.left {
    float: left;
}

.right {
    float: right;
}

table.links td.content a[href^="#"],
div#bcContainer a[href^="#"],
.linkedDetails td a[href^="#"],
a[disabled="disabled"]
{
    color: gray !important;
    cursor: default;
}

    table.links td.content a[href^="#"]:hover,
    div#bcContainer a[href^="#"]:hover,
    .linkedDetails td a[href^="#"]:hover,
    a[disabled="disabled"] {
        text-decoration: none;
        background-color: transparent;
        color: gray !important;
    }

body #navNew a[href^="#"]:hover, #navNewWide a[href^="#"]:hover {
    text-decoration: none;
    cursor: default;
}