/* CALENDAR WIDGET */

.calendar-widget { margin:0 0 2em; width:50%; float:left; }

.calendar-widget table { border-collapse:collapse; border-spacing:0; margin:0; border:#cbcbcb 1px solid; width:100%; }

.calendar-widget table td,
.calendar-widget table th { border:none; text-align:center; }

.calendar-widget thead th { padding:5px; background-color:#8cc63e; text-transform:uppercase; font-weight:300; font-family:Quicksand, sans-serif; }

.calendar-widget thead th a { color:#FFF; text-decoration:none; }

.calendar-widget tbody td { color:#8cc63e; background-color:#fff; border-bottom:#cbcbcb 1px solid; padding:4px; width:13%; }

.calendar-widget tbody .calendar-header td { background-color:#808284; color:#fff; border-bottom:#cbcbcb 1px solid; }

.calendar-widget tbody .calendar-day { text-align:center; }

.calendar-widget tbody .show-week { width:9%; text-align:center; }

.calendar-widget tbody .calendar-day:hover,
.calendar-widget tbody .show-week:hover,
.calendar-widget tbody .selected { cursor:pointer; }

.calendar-widget tbody .out-of-month { color:#8cc63e; }

.calendar-widget tbody .hasEvent { background-color:#808284; color:#FFF; }

.calendar-widget tbody .today { font-weight:700; }


/* CALENDAR NAV */

.calendarNav { width:45%; float:left; margin-left:5%; }

.calendarNav h2,
.calendarNav h3 { margin:0; color:#808284; font-size:17px; font-family:'Open Sans', sans-serif; margin-bottom:2px; }

.calendarNav h3 { margin-top:8px; }

.calendarNav fieldset,
.calendarNav .clear,
.calendarNav fieldset div,
.calendarNav .middleColumn,
.calendarNav select,
.calendarNav .Actions { display:inline; }

#Form_TimeZoneForm_TimeZone { width:120px; }

input[type=submit] { border:none; text-transform:lowercase; color:#fff; background-color:#8cc63e; border-radius:15px; padding-bottom:2px; }

.page-body .calendarNav li { margin-bottom:0; }

.event-calendar-next-prev { text-align:center; text-transform:uppercase; border-top:#cbcbcb 1px solid; border-bottom:#cbcbcb 1px solid; padding:5px 0; }

@media only screen and (max-width: 767px) {

.calendar-widget,
.calendarNav { width:89%; float:none; }

}