#tabContainer {
    width: 100%;
    -moz-border-radius: 0;
    margin: 0 auto;
    text-align: center;
    }

#tabContainer > #tabs {
    overflow: visible;
    }

#tabContainer > #tabs > ul {
    list-style: none;
    padding: 0;
    float: left;
    }

#tabContainer > #tabs > ul > li {
    margin: 0 2px 0 0;
    padding: 7px 4px;
    display: inline;
    color: white;
    line-height: 4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /* old browsers */
    /* firefox */
    background: #000000; /* webkit */
    box-shadow: 1px 1px 2px grey;
    }

#tabContainer > #tabs > ul > li:hover {
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(10%, #F3F3F3), color-stop(50%, #F3F3F3), color-stop(100%, #FFFFFF)); /* webkit */
    cursor: pointer;
    color: #333;
    }

#tabContainer > #tabs > ul > li.tabActiveHeader {
    cursor: pointer;
    color: white;
    background-color: green;
    }

#tabscontent {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0;
    margin: 0;
    color: #333;
    }

#tabscontent .summer-schedule {
    min-height:300px;
    padding:70px 0px;
    max-width: 800px;
}

/* Updated tab styles to not use IDs -- made in 2024 for the library page where there are multiple tab sets */
.tabs {
    overflow: visible;
}

.tabs > ul {
    list-style: none;
    padding: 0;
    float: left;
}

.tabs > ul > li {
    margin: 0 2px 0 0;
    padding: 7px 4px;
    display: inline;
    color: white;
    line-height: 4rem;
    user-select: none;
    background: #000000;
    box-shadow: 1px 1px 2px grey;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.tabs > ul > li:hover {
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(10%, #F3F3F3), color-stop(50%, #F3F3F3), color-stop(100%, #FFFFFF)); /* webkit */
    cursor: pointer;
    color: #333;
}

.tabs > ul > li.active {
    cursor: pointer;
    color: white;
    background-color: green;
}

.tabs > ul > li.active:hover {
    color:#333;
}