ul.choose-grade {
    margin: 0 auto;
    padding: 0;
    list-style: none
}

ul.choose-grade li {
    display: inline-block;
    text-align: center;
}

ul.choose-grade li a {
    display: inline-block;
    text-align: center;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    margin-bottom: 0.5rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

ul.choose-grade li img {
    vertical-align: top
}


ul.choose-grade li a {
    height: 4.6875rem;
    line-height: 4.25rem
}





ul.choose-grade li a:hover {
    text-decoration: none
}


.support-menu-icon {
    display: table-cell;
    position: relative;
    width: 24px;
    overflow: hidden;
    margin: 0 10px;
    text-indent: -9999px;
    background-image: url(/template/images/sprite_subcat.svg);
    background-size: 300px 900px;
    background-repeat: no-repeat;
}


.support-menu-icon.Article {
    background-position: 0 -24px;
}

ul.support-menu a:hover .support-menu-icon.Article {
    background-position: -48px -24px;
}

.support-menu-icon.LearningResource {
    background-position: 0 -190px;
}

ul.support-menu a:hover .support-menu-icon.LearningResource {
    background-position: -48px -190px;
}

.support-menu-icon.Video {
    background-position: 0 0;
}

ul.support-menu a:hover .support-menu-icon.Video {
    background-position: -48px 0;
}

.support-menu-icon.Worksheet {
    background-position: 0 -220px;
}

ul.support-menu a:hover .support-menu-icon.Worksheet {
    background-position: -48px -220px;
}

.support-menu-icon.Goal {
    background-position: 0 -250px;
}


ul.support-menu a:hover .support-menu-icon.Goal {
    background-position: -48px -250px;
}

.support-menu-icon.search {
     background-position: 0 -450px;
 }

ul.support-menu a:hover .support-menu-icon.search {
     background-position: -24px -450px;
 }


.support-menu-label {
    display: table-cell;
    padding: 0 1rem 0 0.4rem;
    color: #333;
}

.hud-container span.small-text {
    font-size: 0.875rem;
    margin-right: 3rem;

}

.hud_user td {
    padding: 2px 8px 2px 0;
}

.hud-container div.drilldown-header {
    margin-bottom: 1rem;
}


@media only screen and (max-width: 39.975em) {
    .hud-users-table div.column {
        border-bottom: 1px solid #cde4ee;

    }

    .hud-users-table div.column:first-child {
        border-top: 1px solid #cde4ee;
        padding-top: 5px;

    }

    td.name-and-numbers {
        padding-bottom: 5px;

    }


}