#calendarBox, #calendar {
	width:              145px;
}

#calendar {
	background-color:	#FFFFFF;/*#F3F6F3;*/
	font-family:		Verdana;
	padding:            1em;
	cursor:             default;
	}

#calendar tr {
	background:			#CCDDFF;
	}

#calendar * {
	font-size:			10px;
	}
	
h1.month {
    margin:             0em;
    padding:            1.5em 0em .5em;
    text-align:         center;
    
    /* Override styles when in admin area */
    font-family:		Verdana, sans-serif;
    color:				#04003b;
    border-bottom:		none;
}

table.month {
    margin:             0em auto;
    text-align:         center;
    border-collapse:    separate;
    border-spacing:     2px;
}
    
    table.month thead th {
        background-color:   #3388EE;
        padding:            .2em;
        color:              #FFFFFF;
    }
    
    table.month tbody td {
        padding:            .2em;
    }
    
    table.month tbody td.day {
        cursor:             pointer;
        font-weight:		bold;
        color:				#222277;
    }
    
    table.month tbody td.day:hover {
        background-color:   #222277;
        color:              #CCDDFF;
    }

#calendarNav div {
    cursor:             pointer;
}

#calendarNav #calendarNavLeftEnabled.left {
    background:         url( '../image/event_search_calendar_prev.gif' )
                        no-repeat;
    width:              14px;
    height:             14px;
}

#calendarNav #calendarNavRightEnabled.right {
    background:         url( '../image/event_search_calendar_next.gif' )
                        no-repeat;
    width:              14px;
    height:             14px;
}

/* IE has trouble with discriminating between different groupings of classes, otherwise a lot of this repetition wouldn't be necessary */
#calendarNav #calendarNavLeftDisabled.left {
    background:         url( '../../image/event_search_calendar_prev_disabled.gif' )
                        no-repeat;
    width:              14px;
    height:             14px;
    cursor:             default;
}

#calendarNav #calendarNavRightDisabled.right {
    background:         url( '../../image/event_search_calendar_next_disabled.gif' )
                        no-repeat;
    width:              14px;
    height:             14px;
    cursor:             default;
}