/*events_calendar styles*/

#searchForm{clear: both; height: 100%;}

.searchTitle {padding:10px 0 0 0; color:#ad76ab; margin:0;}
.optionHolder {margin:5px 0; background:url(/images/dots.gif) top left repeat-x;}
.optionHolderInner {padding:5px 0; background:url(/images/dots.gif) bottom left repeat-x;}
.searchSelect {width:215px; font-size:110%; border:1px solid #848282; color:#848282; background-color:#F6F6F6;}
.submitGo {border:1px solid #848282; background-color:#848282; color:#fff; font-size:100%; padding:1px; *margin-bottom:1px;}

#eventsHolder {position:relative; height: 100%; }
#calendar {width:23em;  position:relative; height: 100%; }
#todaysEvents {float:left; width:100%; margin:10px 0 0 0;}

#calendar a {font-weight:normal; display:block; width:100%;}

#calendarHolder {border:1px solid #A97BA8; padding:1px; width:21em;}

#calendarDates th, #calendarDates td {padding:3px 0; width:3em; text-align:center;}
#calendarDates th {border-bottom:1px solid #fff; font-weight:normal;}

#calendarDates .days {color:#fff; background-color:#A97BA8;}
#calendarDates .dayNos {background:url(/images/1x1grey.gif) top left repeat-y;}
#calendarDates .dayNos a, #calendarDates .dayNos a:visited {color:#000;}

#calendarDates .firstCol {background:none;}

#calendarDates .grey td {background-color:#DDD;}
#calendarDates td.selectedDay {background-color:#898989;}

#monthChanger {text-align:center; padding:3px 1px 2px 1px; width:21em; background-color:#898989; border:1px solid #898989;}
#monthChanger, #monthChanger a, #monthChanger a:visited, #calendarDates td.selectedDay a, #calendarDates td.selectedDay a:visited {color:#fff;}
#previousMonth, #nextMonth {width:3.3em;}
#thisMonth {width:14em;}
#previousMonth, #thisMonth {float:left;}
#nextMonth {float:right;}

#eventList {list-style-type:square; margin:5px 10px 5px 0px; *margin-left:25px;}
#eventList, #eventList a, #eventList a:visited {color:#A262A0; font-weight:normal;}
#eventList li {margin-top:5px;}

#eventsHolder a {text-decoration:none;}
#eventsHolder a:hover {text-decoration:underline;}

.invisiblelink {margin-top:-1em;}
#editableContent .invisiblelink a, #editableContent .invisiblelink a:visited {color:#fff;}

/* Events Calendar */

#EventsCalendarHolder { padding-right:290px; border:solid 0px red; position:relative; min-width:400px;}
#EventCalendarLeft { margin:0; float:left; width:80%; border:solid 0px red;  }
#EventCalendarIntro { }

#EventCalendarRight { border:solid 0px red; padding:0; margin:0 -290px 0 0; float:right; width:290px; position:relative; *display:inline;}
#EventCalendarRight .inner {padding:0 10px 10px 10px; margin-left:10px; background:#e9ebef;}

