/* these are used by the events calendar */

/* This sets the Month (January, February) attributes */
.month {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    text-align:center;
    background: #ffffff;
    color:  black;
}

/* This sets the Day ( M, T , W, Th, F ) attributes */
.day {
    text-align:center;
    height: 30px;
    width:  30px;
    background: #999999;
    color:  black;

}

/* This sets the Regular numbered days (1,2,3,4...30)attributes */
.dayNormal {
    height: 30px;
    width:  30px;
    text-align:center;
    background: #fafafa;
    color:  black;
}

/* This sets the Current day of the week attributes */
.dayHighlight {
    height: 30px;
    width:  30px;
    text-align:center;
    border:thin outset;
    background: #ffffff;
    color:  black;
}

/* This sets the Day with an event scheduled attributes */
.eventDay {
    height: 30px;
    width:  30px;
    text-align:center;
    border:thin outset;
    background: #fafafa;
    color:  red;
    font-weight:    bold;
}

/* This sets the filler squares for days of the month that are not used */
.dayUnused {
    height: 30px;
    width:  30px;
    text-align:center;
    background: #cccccc;
    color:  black;
}

/* The following are for the side box display. They can be set differently
   from the full size by using the values below. */
.sideMonth {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    text-align:center;
    background: #ffffff;
    color:  black;
}

.sideDay {
    height: 20px;
    width:  20px;
    text-align:center;
    background: #999999;
    color:  black;

}

.sideDayNormal {
    height: 20px;
    width:  20px;
    text-align:center;
    background: #fafafa;
    color:  black;
}

.sideDayHighlight {
    height: 20px;
    width:  20px;
    text-align:center;
    border: thin outset;
    background: #ffffff;
    color:  black;
}

.sideEventDay {
    height: 20px;
    width:  20px;
    text-align:center;
    border:thin outset;
    background: #fafafa;
    font-weight:    bold;
}

.sideDayUnused {
    height: 20px;
    width:  20px;
    text-align:center;
    background: #cccccc;
    color:  black;
}