﻿/* General */
body, th, td, div, p, table, h1, h2, h3, h4, h5, h6, .normal, .normalDisabled, .title, .subTitle, .subSubTile, input, .commandButton {
    color: Black;
}

h1, h2, h3, h4, h5, h6 {
    color: Black;
}

a {
    color: #2073bc;
    text-decoration: none;
    cursor: pointer;
}

    a:link {
        color: #2073bc;
        text-decoration: none;
        cursor: pointer;
    }

    a:visited {
        color: #000000;
        text-decoration: none;
    }

    a:hover {
        color: #2073bc;
        text-decoration: underline;
    }

    a:active {
        color: #2073bc;
        text-decoration: none;
    }

/* Common */
.commandButton {
    color: Black;
}

    .commandButton a {
        color: #424749;
    }

.infoText {
    color: #00529B;
}

.warningText {
    color: #9F6000;
}

.errorText {
    color: #d91414;
}

.successText {
    color: #4F8A10;
}

.title {
    color: #333333;
}

.subTitle {
    color: #000000;
}

.controlTitle {
    color: #000000;
}

.checkbox {
    color: Black;
}

.radioButton {
    color: Black;
}

.textLabel {
    color: Black;
}

.formTable {
    background-color: #FFFFFF;
}

/* Login */
.loginForm {
    background-color: #ffffff;
}

#loginPanel {
    background-color: #F5F5F5;
    border: 1px solid #E1E1E1;
}

.loginField {
    border: 1px solid #C7C7C7;
}

.loginButton {
    border: 1px solid #286AA9;
    background-color: #2C74BA;
    color: #ffffff;
}

    .loginButton:hover {
        background: -webkit-linear-gradient(#4D4E4F, #3A3B3C); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#4D4E4F, #3A3B3C); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#4D4E4F, #3A3B3C); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#4D4E4F, #3A3B3C); /* Standard syntax */
        color: #ffffff;
    }

#loginError {
    color: #FB0219;
}

.loginPanelError .loginField {
    border-color: #FB0219;
}

.copyright {
    color: #959595;
}

/* Banner */
#bannerPanel {
    background-color: #0076AD;
}

/* Breadcrumbs */
#breadcrumbPanel {
    background-color: #FFFFFF;
}

#breadcrumbs a {
    color: #2073bc;
}

    #breadcrumbs a:link {
        color: #2073bc;
    }

    #breadcrumbs a:hover {
        color: #2073bc;
    }

/*Control panel*/
.controlPanelLeft {
    background: none;
}

.controlPanelRight {
    background: none;
}

.controlPanel {
    background: none;
}

.collapsePanel {
    background: #FFFFFF;
}

/*footer*/
.footer {
    color: #ffffff;
}

#bottomPanel {
    background-color: #0076AD;
}

/* Quick Link Menu */
.quickLinkPanel {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
}

.quickLinkMenu {
    color: #ffffff;
}

    .quickLinkMenu a {
        color: #ffffff;
    }

        .quickLinkMenu a:hover {
            color: #818383;
            background: -webkit-linear-gradient(#EEEFF0, #DCDCDC); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#EEEFF0, #DCDCDC); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#EEEFF0, #DCDCDC); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#EEEFF0, #DCDCDC); /* Standard syntax */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEFF0', EndColorStr='#DCDCDC')"; /*For IE7-8-9*/
        }

.quickLinkMenuSelected {
    color: #818383 !important;
    background: -webkit-linear-gradient(#EEEFF0, #DCDCDC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EEEFF0, #DCDCDC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EEEFF0, #DCDCDC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EEEFF0, #DCDCDC); /* Standard syntax */
}

.quickLinkMenuItem a {
    color: #818383;
}

    .quickLinkMenuItem a:hover {
        background: -webkit-linear-gradient(#EEEFF0, #DCDCDC); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#EEEFF0, #DCDCDC); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#EEEFF0, #DCDCDC); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#EEEFF0, #DCDCDC); /* Standard syntax */
        color: #424749
    }

.quickLink {
    color: #ffffff;
}

    .quickLink a {
        color: #ffffff;
    }

        .quickLink a:hover {
            color: #D5E6F1;
        }

/* Transparent box */
#transbox {
    background-color: #fff;
}

#loading {
    background-color: #fff;
}

/* Popup Dialog */
.ui-multiselect input.search {
    background-color: #ffffff !important;
    border: 1px solid #444343 !important;
    -ms-opacity: 1.0;
    opacity: 1.0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #444343 !important;
    background-color: #ffffff !important;
    font-weight: bold;
    color: #000000 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #444343 !important;
    background-color: #ffffff !important;
    color: #363636 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #000000 !important;
}

.ui-widget-content a {
    color: #424749 !important;
}

.ui-multiselect {
    border: none !important;
}

    .ui-multiselect div.available {
        border: none !important;
    }

/* Paginator - Upload Files */
.paginateAnchor {
    background-color: #ffffff !important;
    color: #2073bc !important;
}

.paginateDisabled .paginateAnchor {
    background-color: #ffffff !important;
}

.paginateActive .paginateAnchor {
    background-color: #ffffff !important;
    border: 1px solid !important;
    color: black !important;
}

.paginateAnchor:hover {
    color: #2073bc !important;
    border: 1px solid !important;
}

/* Planogram Audit */
.auditContainer 
{
    border-top: 1px solid #D9D9D9;
}

.positionsView 
{
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
}

/* Class name is used in javascript logic */
.jDiv .content 
{
   border-bottom: 1px solid #D9D9D9;
}

.jDiv .content:hover 
{
    background-color: #F1F1F1;    
}