@charset "utf-8";
/* CSS Document */

/* top area w/ month title and buttons */

.full-calendar-title {
    text-align: left;
    }
    
.full-calendar-buttons {
    float: right;
    margin: 0 0 0;
    
    text-align: right;
    }
    
.full-calendar-buttons button {
    vertical-align: middle;
    margin: 0 0 0 0px;
    margin:0;
    padding:0;
    font-size: 1em;
    }
    
.full-calendar-buttons button span {
    padding: 0;
    }
    
    /* To always display the "today" button:
     *
     * .full-calendar-buttons button.today {
     *    visibility: visible !important;
     *    }
     */
    
    
    
    
/* table layout  outer border */

.full-calendar-month-wrap {
    clear: both;
    border: 1px solid #ccc; /* outer border color style */
    }
    
.full-calendar-month {
    width: 100%;
    overflow: hidden;
    }

.full-calendar-month table {
    border-collapse: collapse;
    border-spacing: 0;
    }
    
    
    
    
/* cell styling */
    
.full-calendar-month th,
.full-calendar-month td.day {
    padding: 0;
    
    vertical-align: top;
    border-style: solid;    /* inner border style */
    border-color: #ccc;     /* inner border color */
    border-width: 1px 0 0 1px;
    }
    
.full-calendar-month th {
    border-top: 0;
    text-align: center;
    background-color: #D5FDF9;
    height:25px;
    vertical-align: middle;
    }

.full-calendar-month td.day {
    background-color: #FFFFFF;
}    
.full-calendar-month th.first, .full-calendar-month td.first {
    border-left: 0;
    }
    
.full-calendar-month td.today {
    background: #CCCCCC;
    }
    
.full-calendar-month .day-number {
    text-align: center;
    padding: 0 1px;
    
    }
    
.full-calendar-month .other-month .day-number {
    color: #bbb;
    }
    
.full-calendar-month .day-content {
    padding: 2px 2px 0; /* distance between events and day edges */
    }
    
     /*FullCalendar automatically chooses a cell's height,
      but this can be overridden:*/
     
      .full-calendar-month td.day {
        height: 25px !important;
        }
     
     
    


/* event styling */
    
.full-calendar-month .event {
    margin-bottom: 2px;
    font-size: .85em;
    cursor: pointer;
    text-align: center;
    height: 8px;
    
    }
    
.full-calendar-month .ui-draggable-dragging td {
    cursor: move;
    }
    
.full-calendar-month .event td {
    background: #C1D9EC;

    padding: 0;
    
    }

    
.full-calendar-month .event td.ne,
.full-calendar-month .event td.nw,
.full-calendar-month .event td.se,
.full-calendar-month .event td.sw {
    background: #C1D9EC;

    }
    
.full-calendar-month .nobg td {
    background: none;
    }
    
.full-calendar-month .event td.c {
    padding: 0 2px;
    }
    
.full-calendar-month .event-time {
    font-weight: bold;
    }
    
    /* To change the color of events on a per-class basis (such as with the
     * "className" attribute of a CalEvent), do something like this:
     *
     * .full-calendar-month .myclass td {
     *    background: green;
     *    }
     */
    
    
    
    
/* the rectangle that covers a day when dragging an event */
    
.full-calendar-month .over-day {
    background: #ADDBFF;
    opacity: .2;
    filter: alpha(opacity=20); /* for IE */
    }
    
    
    
    
/* right-to-left support */

.r2l .full-calendar-title {
    text-align: right;
    }
    
.r2l .full-calendar-buttons {
    float: left;
    }
    
.r2l .full-calendar-buttons button {
    margin: 0 5px 0 0;
    }
    
.r2l .full-calendar-month .day-number { text-align: center;}
.r2l .full-calendar-month .event { text-align:right;}

.blueindex {  width:10px; height:15px; background-color: #352C64; float: left; }

.orangeindex {  width:10px; height:15px; background-color: #E6A60F; float: left; }

.redindex {  width:10px; height:15px; background-color: #FF0000; float: left; }

.greenindex {  width:10px; height:15px; background-color: #586D10; float: left; }

.full-calendar-month #seminar td {
    background: #352C64;
}

.full-calendar-month #study td {
    background: #E6A60F;
}

.full-calendar-month #nobel td {
    background: #FF0000;
}

.full-calendar-month #online td {
    background: #586D10;
}