.AccordionContainer {
    padding: 0 15px;
    margin-bottom: 40px;
}

.usmcBrandedModuleTitleWrapper {
    position: relative;
    background-color: #940000;
    color: #FFF;
    z-index: 999;
}

.usmcBrandedModuleTitleLink {
    font: 100 16px/23px Verdana,Helvetica,Arial,sans-serif;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 15px;
    font-weight: bold;
    display: inline-block;
}

.usmcBrandedAccordionMenu {
    display: none;
    background-color: #940000;
    font: 100 16px/23px Verdana,Helvetica,Arial,sans-serif;
    line-height: 1.2;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    border: 1px solid #000000;
}

.usmcBrandedAccordionMenuEdit {
    display: block;
}

/* Manage css from dnn's default.css */
ul.usmcBrandedAccordionMenu,
.usmcBrandedAccordionMenu ul {
    margin: 0;
}

.usmcBrandedModuleTitleWrapper a,
.usmcBrandedModuleTitleWrapper a:hover,
.usmcBrandedModuleTitleWrapper a:focus,
.usmcBrandedModuleTitleWrapper a:visited,
.usmcBrandedModuleTitleWrapper a:active {
    color: #FFF;
    text-decoration: none;
}

.usmcBrandedAccordionMenu, .usmcBrandedAccordionMenuSubMenu, .usmcBrandedAccordionMenu li {
    list-style: none;
    border-bottom: 1px solid #000;
}

.usmcBrandedAccordionMenuListItem {
    position: relative;
    background-color: #940000;
}

li.usmcBrandedAccordionMenuSubMenu,
.usmcBrandedAccordionMenuSubMenu .usmcBrandedAccordionMenuListItem {
    background-color: #fff;
    color: #000;
}

    .usmcBrandedAccordionMenuSubMenu .usmcBrandedAccordionMenuListItem a {
        color: #000;
    }

    .usmcBrandedAccordionMenuSubMenu .usmcBrandedAccordionMenuListItem:hover span:hover, .usmcBrandedAccordionMenuSubMenu .usmcBrandedAccordionMenuListItem:hover a:hover {
        text-decoration: underline;
    }

li.usmcBrandedAccordionMenuSubMenu,
.usmcBrandedAccordionMenuSubMenu .usmcBrandedMenuLinkHeader {
    font-weight: 100;
}

.usmcBrandedAccordionMenuSubMenu .usmcBrandedAccordionMenuListItem {
    border: none;
}

.usmcBrandedAccordionMenuLastListItem {
    border-bottom: none;
}

.usmcBrandedAccordionMenuListItem div.listItem {
    padding: 7px 15px;
}

.usmcBrandedAccordionMenu div.paddedHeader {
    display: inline-block;
    max-width: 90%;
}

.usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode {
    font: 100 16px/23px Verdana,Helvetica,Arial,sans-serif;
    line-height: 1.2;
    color: #FFF;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode a, .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode a:hover, .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode a:visited {
        color: #fff;
    }

    .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode ~ .htmlSection {
        padding: 20px;
        padding: 40px 10.5rem;
        border: 1px solid #C6CCD0;
    }

    .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode > div[class^="lvl"] {
        overflow: hidden;
    }

.usmcBrandedAccordionMenu div.lvl0 {
    font-weight: 700;
    overflow: hidden;
    line-height: initial;
}

.usmcBrandedAccordionMenu div.lvl1 {
    padding-left: 15px;
}

.usmcBrandedAccordionMenu div.lvl2 {
    padding-left: 30px;
}

.usmcBrandedAccordionMenu div.lvl3 {
    padding-left: 45px;
}

.usmcBrandedAccordionMenu div.lvl4 {
    padding-left: 60px;
}

.usmcBrandedAccordionMenu div.lvl5 {
    padding-left: 75px;
}

.usmcBrandedMenuLinkHeader {
    font-weight: bold;
    overflow: hidden;
}

.usmcBrandedMenuLinkDetail {
    font-weight: normal;
    text-transform: none;
}

.htmlSection {
    max-height: 400px;
    overflow: auto;
}

.usmcBrandedAccordionMenu a.tellmemore {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 51px;
    height: 19px;
    line-height: 21px;
    background: url(images/more.png);
    font-size: 11px;
    text-decoration: none;
    color: black;
    text-align: center;
    overflow: hidden;
}

.usmcBrandedModuleTitleCollapsed,
.usmcBrandedAccordionMenuCollapsed {
    display: inline-block;
    color: #fff;
    background: url('images/usmcBrandedSprite.png');
    width: 17px;
    height: 9px;
    position: absolute;
    top: 14px;
    cursor: pointer;
}

    @media screen and (max-width: 992px) {
        .AccordionContainer {
            padding: 0 !important;
        }

        .usmcBrandedModuleTitleWrapper {
            width: 100%;
        }

        .usmcBrandedModuleTitleInnerWrapper {
            text-align: center;
            padding: 30px;
        }

        .usmcBrandedAccordionMenu {
            width: 100%;
            margin: auto;
            border-bottom: 1px solid #000000;
        }

            .usmcBrandedAccordionMenu div.lvl1 {
                padding-left: 15px;
            }

            .usmcBrandedAccordionMenu div.lvl2 {
                padding-left: 30px;
            }

            .usmcBrandedAccordionMenu div.lvl3 {
                padding-left: 45px;
            }

            .usmcBrandedAccordionMenu div.lvl4 {
                padding-left: 60px;
            }

            .usmcBrandedAccordionMenu div.lvl5 {
                padding-left: 75px;
            }

            li.usmcBrandedAccordionMenuSubMenu,
            .usmcBrandedAccordionMenuSubMenu .usmcBrandedMenuLinkHeader,
            .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode {
                padding-left: 15%;
            }

                .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode a, .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode a:hover, .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode a:visited {
                    color: #fff;
                }

                .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode ~ .htmlSection {
                    padding: 40px 5.5rem;
                }

            .usmcBrandedAccordionMenu .usmcBrandedMenuLinkHeader a:hover {
                text-decoration: underline;
            }

        .usmcBrandedModuleTitleInnerWrapper .usmcBrandedModuleTitleCollapsed {
            position: static;
        }
    }

    @media screen and (max-width: 767px) {
        .usmcBrandedAccordionMenu div.usmcBrandedAccordionRootNode ~ .htmlSection {
            padding: 40px 1.5rem;
        }
    }

    @media screen and (min-width: 990px) {
        .usmcBrandedAccordionMenu {
            position: absolute;
            z-index: 10;
            left: 0;
            right: 0;
        }
    }
    /* help in edit mode */
    .menuPreviewContainer .AccordionContainer {
    padding: 0;
}

.menuPreviewContainer .usmcBrandedModuleTitleWrapper {
    width: 100%;
}

.menuPreviewContainer .usmcBrandedAccordionMenu {
    position: relative;
}