$px: 0.0625em;

#level-chooser-place {
    min-height: 4em;
    margin-top: 2em;

    ul#level-chooser {
        margin: 0;
        padding: 1em 0 1em 140*$px;
        background-color: white;
        width: 500*$px;
        z-index: 300;
        position: relative;
        text-transform: uppercase;
        text-align: right;

        .home {
            display: none;
            position: absolute;
            top: .5em;
            left: 0;

            a {
                background: none;
                padding: 0;
                img {
                    width: 100*$px;
                }
            }
        }

        &.fixed {
            position: fixed;
            top: 0;
            border-bottom: 1px solid #c9ccce;

            .home {
                display: block;
            }
        }

        li {
            display: inline-block;
            list-style: none;

            a {
                padding: .5em 1em;
                border-radius: 5*$px;
                background: #eee;

                &.active {
                    color: white;
                    background: #ED7831;
                }
            }
        }
    }
}

.level {
    .link-list {
        margin-left: 1em;
    }

    .level-toc {
        overflow: hidden; /* Because we're changing bg color lower. */

        &.fixed {
            position: fixed;
        }

        .link-list {
            margin-left: 1em;

            li {
                margin-bottom: 0;

                &.curriculumcourses {
                    margin: 10px -17px -17px;
                    padding: 10px 16px 16px;
                    background-color: #eee;
                }
            }
        }
    }
}