/* 
   Program schedule calendar

*/

#programs_calendar {
    width: 344px;
    position: relative;
    margin: 0 auto;
}

#programs_calendar table {
    width: 259px;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
}

#programs_calendar td {
    border: 1px solid #000;
}

#programs_calendar tbody span,
#programs_calendar tbody a {
    display: block;
    width: 36px;
    padding-top: 7px;
    height: 25px;
    text-align: center;
}

#programs_calendar thead td,
#programs_calendar tr.days td{
    font-weight: bold;
    height: 32px;
    text-align: center;
}

#programs_calendar thead td {
    background: #d9d9d9;
    color: #7b0020;
}

#programs_calendar td.outer {
    color: #ddd;
}

#programs_calendar div.previous_month,
#programs_calendar div.next_month {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 120px;
}

#programs_calendar div.previous_month {
    left: 0;
}

#programs_calendar div.next_month {
    right: 0;
}

#programs_calendar div.previous_month a,
#programs_calendar div.next_month a {
    padding: 8px 0 0 8px;
    width: 24px;
    height: 24px;
    display: block;
    background: #d9d9d9;
}

#programs_calendar a span.icon_sprite {
    display: block;
    width: 16px;
    height: 16px;
}

#programs_calendar div.next_month a:hover span {
    background-position: -8px -40px; /* inv right arrow */
}

#programs_calendar div.previous_month a:hover span {
    background-position: -41px -40px; /* inv left arrow */
}