.timetable
{
    border-bottom: 1px solid #dfdfdf;
}

.timetable .day
{
    background: #dfdfdf;
    font-weight: bold;
    height: 22px;
    padding: 4px;
    position: relative;
}

.timetable .day .name
{
    float: left;
    font-size: 16px;
    margin-right: 10px;
}

.timetable .day .date
{
    float: left;
    font-size: 12px;
}

.timetable .filter
{
    background: #272727;
    color: #fff;
    padding-top: 2px;
}

.timetable .title
{
    background: #363636;
    color: #fff;
}

.timetable .title,
.timetable .filter,
.timetable .class
{
    margin: 0;
    overflow: auto;
}

.timetable .class:nth-child(odd)
{
    background: #f6f6f6;
}

.timetable .filter div
{
    float: right;
}

.timetable .filter .date
{
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

.timetable .filter .date #date
{
    margin-right: 0;
    margin-top: -1px;
    padding: 2px;
    text-align: center;
    width: 85px;
}

.timetable .filter .date img
{
    background: none;
    margin-top: 1px;
}

.timetable .title div,
.timetable .class div
{
    display: table-cell;
    float: left;
    font-size: 12px;
    padding: 4px;
}

.timetable .no_classes
{
    display: table-cell;
    font-size: 12px;
    font-style: italic;
    padding: 4px;
}

.timetable .title .time_start,
.timetable .class .time_start
{
    width: 7%;
}

.timetable .title .signup_url,
.timetable .class .signup_url
{
    min-height: 1px;
    padding: 0;
    width: 11%;
}

#wrapper .timetable .class .signup_url a:link,
#wrapper .timetable .class .signup_url a:active,
#wrapper .timetable .class .signup_url a:visited
{
    color: #fff !important;
}

.timetable .class .signup_url .button
{
    background: #424242;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 4px 2px;
    padding: 0 5px;
}

.timetable .class .signup_url a:hover .button
{
    background: #ed1a24;
}

.timetable .title .class_name,
.timetable .class .class_name
{
    width: 26%;
}

.timetable .title .teacher_name,
.timetable .class .teacher_name
{
    width: 16%;
}

.timetable .title .location,
.timetable .class .location
{
    width: 25%;
}

.timetable .title .time_duration,
.timetable .class .time_duration
{
    width: 15%;
}
