/* ============================================================================ */
/*       CALENDAR STYLES                                                        */
/* ============================================================================ */



.uiCalendarPage #calendar_boxright {
    width: 220px;
    font-size: 12px;
    font-family: bio-sans, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    float: right;
}

.uiCalendarPage #calendar_boxright table{
    font-size: 12px;
    font-family: bio-sans, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    float: right;
    width: 100%;
}

.uiCalendarPage #calendar_table_container {
    margin-right: 225px;
}

@media(max-width: 600px) {
    .uiCalendarPage #calendar_boxright {
        width: 100%;
        float: none;
        overflow: hidden;
    } 

    .uiCalendarPage #calendar_table_container {
        margin: 20px 0 0 0;
    }
}

    .uiCalendarPage #calendar_table_container table img {
        display: none;
    }


    .uiCalendarPage #gslistings_left {
        padding: 15px 0 0 0 !important;
        margin: 0 0 10px 0 !important;
        width: 400px;
        float: left;
    }

    .uiCalendarPage #gslistings_left h2 {
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
        width: 400px;
        /*border-bottom: 1px dotted #888;*/
        float: left;
    }
    
    .uiCalendarPage #gslistings_left table{
        padding: 40px 0 0 0 !important;
        margin: 0 0 10px 0 !important;
        width: 400px !important;
        float: left;
    }   
    
    .uiCalendarPage #gslistings_left tr {
        padding: 20px 0 0 0 !important;
    }
    
    .uiCalendarPage #gslistings_left td {
        padding: 0 20px 0 0 !important;
    }

.uiCalendarPage .calendarTitle,
.uiCalendarPage .ui-datepicker-title {
    font-size: 12px;
    font-family: bio-sans, Arial, Helvetica, sans-serif;
    font-weight: bold !important;
    text-align: center;
    text-transform: uppercase;
    padding: 0 10px 20px 0px;
    height: 16px;
}

.uiCalendarPage .calendarTitle a,
.uiCalendarPage .ui-datepicker-title a {
    color: #000;
    font-weight: bold !important;
}

    .uiCalendarPage .calendarTitle a:hover,
    .uiCalendarPage .ui-datepicker-title a:hover {
        text-decoration: underline;
    }

.uiCalendarPage #prevNext {
    float: right;
    padding: 4px 0 0 8px;   
}

    .uiCalendarPage #prevNext a {
        display: block;
        text-indent: -9999px;
        background: url(//www.baylor.edu/calendar/i/arrows_active.png) no-repeat 0 0; 
    }
        
            .no-touch .uiCalendarPage #prevNext a.move_previous:hover {
                background-position: 0 -22px;   
            }
            
            .uiCalendarPage #prevNext a.move_previous:focus,
            .uiCalendarPage #prevNext a.move_previous:active {
                background-position: 0 -44px
            }
        
        .uiCalendarPage #prevNext a.move_next {
            background-position: -24px 0;
        }
        
            .no-touch .uiCalendarPage #prevNext a.move_next:hover {
                background-position: -24px -22px;   
            }
            
            .uiCalendarPage #prevNext a.move_next:focus,
            .uiCalendarPage #prevNext a.move_next:active {
                background-position: -24px -44px;   
            }
            
    .uiCalendarPage #prevNext a.inactive {
        opacity: .5;
        cursor: default;    
    }

.uiCalendarPage a.event_previous,
.uiCalendarPage a.event_next,
.uiCalendarPage a.ui-datepicker-prev,
.uiCalendarPage a.ui-datepicker-next {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(http://www.baylor.edu/calendar/i/arrows.png) no-repeat 0 0;
    float: left;
    cursor: pointer;
}

    .no-touch .uiCalendarPage a.event_previous:hover,
    .no-touch .uiCalendarPage a.ui-datepicker-prev:hover {
        background-position: 0 -16px;
    }
    
    .uiCalendarPage a.event_previous:focus,
    .uiCalendarPage a.event_previous:active,
    .uiCalendarPage a.ui-datepicker-prev:focus,
    .uiCalendarPage a.ui-datepicker-prev:active {
        background-position: 0 -32px;
    }

.uiCalendarPage a.event_next,
.uiCalendarPage a.ui-datepicker-next {
    float: right;
    background-position: -16px 0;   
}

   .no-touch .uiCalendarPage a.event_next:hover,
   .no-touch .uiCalendarPage a.ui-datepicker-next:hover {
        background-position: -16px -16px;
    }
    
    .uiCalendarPage table.event_table a,
    .uiCalendarPage table.ui-datepicker-calendar a {
        font-size: 12px;
        font-family: bio-sans, Arial, Helvetica, sans-serif;
        display: block;
        color: #003f1c;
        padding: 2px;
    }
    
        .no-touch .uiCalendarPage table.event_table a:hover,
        .no-touch .uiCalendarPage table.ui-datepicker-calendar a:hover {
            color: #000;
            background: #fdc000;    
        }

    .uiCalendarPage table.event_table tr td,
    .uiCalendarPage table.event_table tr th,
    .uiCalendarPage table.ui-datepicker-calendar tr td,
    .uiCalendarPage table.ui-datepicker-calendar tr th
    {
        text-align: center;    
        font-size: 12px;
        font-family: bio-sans, Arial, Helvetica, sans-serif;
        width: 13%;
        padding: 2px 0 2px 0;
        font-weight: bold;
        border: none;
    }
    
    .uiCalendarPage table.event_table tr.event_calendar_selected_week td,
    .uiCalendarPage table.event_table tr td.event_calendar_selected_month,
    .uiCalendarPage table.ui-datepicker-calendar tr.event_calendar_selected_week td,
    .uiCalendarPage table.ui-datepicker-calendar tr td.event_calendar_selected_month,
    .uiCalendarPage table.ui-datepicker-selected-month tr td,
    .uiCalendarPage table.ui-datepicker-calendar tr.event_calendar_selected_week td
    {
        background: #fff2cc !important; 
    }
    
    .uiCalendarPage table.ui-datepicker-selected-month tr td.ui-datepicker-other-month,
    .uiCalendarPage table.ui-datepicker-selected-month tr td.ui-datepicker-week-col {
        background: none !important;    
    }
    
    .uiCalendarPage table.event_table tr td.event_row_week,
    .uiCalendarPage table.event_table tr th.event_row_week,
    .uiCalendarPage table.ui-datepicker-calendar tr td.ui-datepicker-week-col,
    .uiCalendarPage table.ui-datepicker-calendar tr th.ui-datepicker-week-col {
        width: 7%;
        background: none;

    }
    
    .uiCalendarPage table.event_table tr td.event_row_week a,
    .uiCalendarPage table.ui-datepicker-calendar tr td.ui-datepicker-week-col a {
        background: url(//www.baylor.edu/calendar/i/icon_arrows.png) no-repeat 50% -7px;
        width: 12px;
        height: 7px;
        margin: 0 auto;
        padding: 0;
        text-indent: -9999px;
    }
    
        .no-touch .uiCalendarPage table.event_table tr td.event_row_week a:hover,
        .no-touch .uiCalendarPage table.ui-datepicker-calendar tr td.ui-datepicker-week-col a:hover {
            background-position: 50% -14px; 
        }
        
        .uiCalendarPage table.event_table tr.event_calendar_selected_week td.event_row_week a,
        .uiCalendarPage table.ui-datepicker-calendar tr.event_calendar_selected_week td.ui-datepicker-week-col a {
            background-position: 50% 0; 
            text-indent: -9999px;
        }
        
    .uiCalendarPage table.event_table tr td span,
    .uiCalendarPage table.ui-datepicker-calendar tr td.ui-datepicker-other-month a {
        color: #929292; 
    }
    
    .uiCalendarPage table.ui-datepicker-calendar tr td.ui-datepicker-other-month {
        background: none;   
    }
    
    .uiCalendarPage table.event_table tr td.event_calendar_current_day a,
    .uiCalendarPage table.ui-datepicker-calendar tr td.ui-datepicker-today a
    {
        background: #fff2cc;
        font-weight: bold;
        border: 1px solid #fff;
        padding: 0;
    }
    
    .uiCalendarPage table.event_table tr td.event_calendar_selected_day a,
    .uiCalendarPage table.ui-datepicker-calendar tr td.ui-datepicker-selected-day a
    {
        border: 1px solid #002f15;
        background: #fdc000;
        font-weight: bold;
        padding: 0;
    }
    
    .uiCalendarPage table.event_table tr td.event_calendar_selected_day_range {
        background: #fdc000;
    }
    
    .uiCalendarPage #monthSelect {
        width: auto;
        margin: 10px 0 0 0;    
        font-size: 12px;
        font-family: bio-sans, Arial, Helvetica, sans-serif;
        min-height: 20px;
        padding-left: 20px;
        float: right;
    }
    
    .uiCalendarPage #monthSelect select {
        float: left;   
        margin-top: 10px;
    }
    
    .uiCalendarPage #monthSelect label {
        padding: 15px 5px 0 0; 
        font-size: 12px;
        font-family: bio-sans, Arial, Helvetica, sans-serif;
        float: left;
    }