HTML {
    background-color: #222222;
}

BODY {
    background-color: #222222;
}

.headerPanel {
    /*width: 960px;*/
    height: 40px;
    width: 100%;
    height: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    padding-top: 0;
    /*margin-left: auto;
    margin-right: auto;*/
    padding: 0;
}

    .headerPanel UL LI {
        margin-bottom: 0px;
    }

.RadMenu_Black {
    margin-top: 8px;
}

    .LogoutLinkPanel {
    float: right;
    padding-top: 4px;
    font-size: 9px;
    font-weight: bold;
    text-align: right;
}

.SiteMapPath {
    padding-top: 4px;
    font-size: 9px;
    text-align: right;
    font-weight: bold;
    float: left;
    color: #CCCCCC;
}

    .SiteMapPath A {
        color: #CCCCCC;
    }

        .SiteMapPath A:hover {
            color: #40A030;
        }

.FranchisePanel {
    width: 960px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    text-align: right;
}

.FranchiseSelectionLabel {
    color: white;
}

DIV.frame {
    margin: 10px;
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.contentPanel {
    padding: 10px;
    margin: 0 auto;
    min-height: 300px;
}

.containerPanel {
    width: 95%;
    margin: 0 auto;
}

.footerPanel {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    font-size: x-small;
    color: #666666;
    padding-bottom: 10px;
}

    .footerPanel P {
        margin: 8px 0px 0px 2em;
    }

.poweredByAtsImage {
    float: right;
    width: 200px;
    height: 36px;
    margin: 8px 2em 8px 0px;
    padding: 0px;
}

DIV.InfoMessagePanel {
    margin-bottom: 10px;
    border: 1px solid #666666;
    background-color: #509140;
    font-weight: bold;
    color: #FFFFFF;
    min-height: 22px;
    padding: 5px;
    padding-left: 38px;
    background-image: url('/App_Themes/Default/Images/MessagePanel/Tick.png');
    background-repeat: no-repeat;
}

DIV.WarningMessagePanel {
    margin-bottom: 10px;
    border: 1px solid #666666;
    background-color: #C78700;
    font-weight: bold;
    color: #FFFFFF;
    min-height: 22px;
    padding: 5px;
    padding-left: 38px;
    background-image: url('/App_Themes/Default/Images/MessagePanel/Warning.png');
    background-repeat: no-repeat;
}

DIV.ErrorMessagePanel {
    margin-bottom: 10px;
    border: 1px solid #666666;
    background-color: #A52A2A;
    font-weight: bold;
    color: #FFFFFF;
    min-height: 22px;
    padding: 5px;
    padding-left: 38px;
    background-image: url('/App_Themes/Default/Images/MessagePanel/Cross.png');
    background-repeat: no-repeat;
}

img.unitcostwarning {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 1em;
}