﻿.calendar
{
    font-size:14px;
    margin:0 auto;
}

.calendar tr
{
    
}

.calendar tr td
{
    border-bottom:1px solid #878787;
    border-collapse:collapse;
    border-left:1px solid #878787;
    border-right:1px solid #878787;
    height:4em;
    padding:0;
    text-align:center;
    vertical-align:top;
    width:4em;
}

.calendar .calendar-today
{
    background-color:#F7F777;
}

.calendar .calendar-title
{
    background:#1A1C4F none repeat scroll 0 0;
    color:#FFFFFF;
    font-size:1.2em;
    line-height:1.8em;
    text-align:center;
}

.calendar .calendar-days
{
    color:#000000;
}

.calendar .calendar-days th
{
    border-bottom:solid 1px #EE9B43;
}

.calendar .calendar-day
{
}

.calendar .calendar-weekday
{
}

.calendar .calendar-weekend
{
    background-color:#C0C0C0;
}

.calendar .calendar-event
{
    border:none;
    margin:0 auto;
    text-align:center;
    width:auto;
}

.loading
{
    background-color:none;
    border:none;
    width:10em;
    margin:0 auto;
    left:40%;
    position:fixed;
    top:35%;
    z-index:5000;
}

.calendar .calendar-event .description
{
    background-color:#FFFFFF;
    border:1px solid #878787;
    display:none;
    left:14%;
    padding:1em;
    position:fixed;
    text-align:justify;
    top:10%;
    width:20em;
    z-index:1000;
}

.calendar .calendar-event .description h3, .description h1
{
    color:#000000;
    text-align:center;
    text-transform:uppercase;
}

.calendar .calendar-event .description .time
{
    display:inline;
    padding:0 1em 0 0;
}

.calendar .calendar-event .description div
{
    padding:1em;
    max-height:10em;
    overflow:hidden;
}

.calendar .calendar-event .description .cost
{
    
}

.calendar .calendar-event .description a.signup, .description input
{
    float:right;
    padding-right:1em;
}

.calendar a
{
    color: #000000;
    display:block;
    text-decoration:underline;
}
.calendar .calendar-next-button, .calendar .calendar-previous-button
{
    color:#FFFFFF;
    display:block;
    float:right;
    font-size:1.5em;
    padding-left:0.5em;
    padding-right:0.5em;
    text-align:right;
    text-decoration:none;
}