/* body */

body{
  padding: 0;
  margin:0;
  font-family: verdana;
}

/* space */

#cal_space{
  height: 50px;
}
/* month */

#cal_eventCalendarMonth{
  font-size:70%;
  width: 220px;
}

#cal_eventCalendarMonth .cal_head{
  float: left;
  height: 29px;
  width: 220px;
  background: url(images/calendar/bg_head_month.gif) no-repeat;
}

#cal_eventCalendarMonth .cal_head a.cal_bigPrev{
  margin: 7px 5px;
  background: url(images/calendar/prevYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#cal_eventCalendarMonth .cal_head a.cal_bigPrev:hover{
  background: url(images/calendar/prevYear_hover.gif) no-repeat;
}

#cal_eventCalendarMonth .cal_head a.cal_smallPrev{
  background: url(images/calendar/prevMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#cal_eventCalendarMonth .cal_head a.cal_smallPrev:hover{
  background: url(images/calendar/prevMonth_hover.gif) no-repeat;
}

#cal_eventCalendarMonth .cal_head a.cal_smallNext{
  background: url(images/calendar/nextMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#cal_eventCalendarMonth .cal_head a.cal_smallNext:hover{
  background: url(images/calendar/nextMonth_hover.gif) no-repeat;
}

#cal_eventCalendarMonth .cal_head a.cal_bigNext{
  background: url(images/calendar/nextYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
  margin: 7px 5px;
}

#cal_eventCalendarMonth .cal_head a.cal_bigNext:hover{
  background: url(images/calendar/nextYear_hover.gif) no-repeat;
}

#cal_eventCalendarMonth .cal_head .cal_text{
  display: block;
  width: 128px;
  text-align: center;
  float: left;
  font-size:small;
  font-family:Tahoma, Geneva, sans-serif;
  margin: 7px 2px;
  color: #000;
  overflow: hidden;
}

#cal_eventCalendarMonth .cal_calendarMonth{
	float:left;
}

#cal_eventCalendarMonth .cal_calendarWeekContainer{
	background: url(images/calendar/bg_calendarWeek.gif) no-repeat; 
	width: 29px;
	float: left;
	color: #D8E7A4;
}

#cal_eventCalendarMonth .cal_calendarWeekContainer .cal_kw {
  display: block;
  width: 19px;
  padding: 2px 0 0 0;
  margin: 0 4px 0 4px;
  height: 18px;
  text-align: center;
  font-weight: bold;
}

#cal_eventCalendarMonth .cal_calendarWeekContainer .cal_calendarWeek{
	display: block;
	width: 29px;
	height:19px;
	margin:2px 0;
	padding:2px 0 0;
	text-align: center;
}

#cal_eventCalendarMonth .cal_body {
  background: url(images/calendar/bg_body_month.gif) repeat-y; 
  width: 220px;
  float: left;
}

#cal_eventCalendarMonth .cal_body .cal_weekDaysContainer {
  height: 15px;
}

#cal_eventCalendarMonth .cal_body .cal_weekDaysContainer .cal_weekDays {
  display: block;
  float:left;
  width: 19px;
  padding: 2px 0 0 0;
  margin: 0 4px 0 4px;
  height: 17px;
  text-align: center;
  font-weight: bold;
}

#cal_eventCalendarMonth .cal_body .cal_weekDatesContainer {
}

#cal_eventCalendarMonth .cal_body .cal_weekDatesContainer .cal_weekDates {
  display: block;
  float:left;
  width: 19px;
  padding: 2px 0 0 0;
  margin: 2px 4px 2px 4px;
  height: 17px;
  text-align: center;
  text-decoration: none;
  color: #000;
}

#cal_eventCalendarMonth .cal_body .cal_weekDatesContainer .cal_weekDates.cal_mouseOver{
  background-image: url(images/calendar/mouseOverMonth.gif)!important;
}

#cal_eventCalendarMonth .cal_body .cal_weekDatesContainer .cal_weekDates.cal_pointer{ cursor:pointer;}

#cal_eventCalendarMonth .cal_body .cal_weekDatesContainer .cal_weekDates.cal_currentDate {
  background: url(images/calendar/currentDayMonth.gif) no-repeat!important;
  color: #000!important;
  text-decoration: none;
}

#cal_eventCalendarMonth .cal_body .cal_weekDatesContainer .cal_weekDates.cal_event {
  background: url(images/calendar/eventMonth.gif) no-repeat;
  color: #D50400;
  cursor:pointer;
  text-decoration: none;
}

#cal_eventCalendarMonth .cal_body .cal_weekDatesContainer .cal_weekDates.cal_lastMonth {
  background-color: #ADB880;
}

#cal_eventCalendarMonth .cal_contentBegin{
  margin: 0px 4px 0px 0;
  padding: 2px 10px;
  font-size: x-small;
  float: left;
  background: url(images/calendar/bg_content_begin.gif) no-repeat;
  width: 200px;
}
.cal_content a, .cal_content a:visited, .cal_content a:link { color:black;text-decoration:underline; }
.cal_content a:hover { color:black; }
#cal_eventCalendarMonth .cal_content{
  margin: 0px 4px 0px 0;
  padding: 2px 10px;
  font-size: x-small;
  float: left;
  background: url(images/calendar/bg_content.gif) repeat-y;
  width: 200px;
}

#cal_eventCalendarMonth .cal_footer{
  height: 5px;
  width: 220px;
  margin: 0px 0px 0px 0;
  font-size: x-small;
  float: left;
  background: url(images/calendar/bg_month_close.gif) no-repeat ;
}

/* week */
eventCalendarWeek

#cal_eventCalendarWeek {
  height: 147px;
  width: 280px;
  font: small Verdana;
}

#cal_eventCalendarWeek .cal_head{
  height: 29px;
  width: 280px;
  background: url(images/calendar/bg_head.gif) no-repeat;
}

#cal_eventCalendarWeek .cal_head a.cal_bigPrev{
  margin: 7px 5px;
  background: url(images/calendar/prevYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#cal_eventCalendarWeek .cal_head a.cal_bigPrev:hover{
  background: url(images/calendar/prevYear_hover.gif) no-repeat;
}

#cal_eventCalendarWeek .cal_head a.cal_smallPrev{
  background: url(images/calendar/prevMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#cal_eventCalendarWeek .cal_head a.cal_smallPrev:hover{
  background: url(images/calendar/prevMonth_hover.gif) no-repeat;
}

#cal_eventCalendarWeek .cal_head a.cal_smallNext{
  background: url(images/calendar/nextMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#cal_eventCalendarWeek .cal_head a.cal_smallNext:hover{
  background: url(images/calendar/nextMonth_hover.gif) no-repeat;
}

#cal_eventCalendarWeek .cal_head a.cal_bigNext{
  background: url(images/calendar/nextYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
  margin: 7px 5px;
}

#cal_eventCalendarWeek .cal_head a.cal_bigNext:hover{
  background: url(images/calendar/nextYear_hover.gif) no-repeat;
}

#cal_eventCalendarWeek .cal_head .cal_text{
  display: block;
  width: 188px;
  text-align: center;
  float: left;
  font: bold small bold Verdana;
  margin: 7px 2px;
  color: #000;
  overflow: hidden;
}

#cal_eventCalendarWeek .cal_body {
  background: url(images/calendar/bg_body.gif) repeat-y; 
  width: 280px;
  height: 47px;
}

#cal_eventCalendarWeek .cal_body .cal_date{
  display: block;
  color: #7D8B4D;
  font-weight: bold;
  padding: 3px 6px;
  margin: 0 2px;
  height: 39px;
  width: 24px;
  text-align: center;
  float: left;
  cursor:pointer;
}

#cal_eventCalendarWeek .cal_body .cal_date.cal_mouseOver{
  background-image: url(images/calendar/mouseOver.gif)!important;
}

#cal_eventCalendarWeek .cal_body .cal_date.cal_currentDate{
  background: url(images/calendar/currentDay.gif) no-repeat!important;
  color: #000!important;
}

#cal_eventCalendarWeek .cal_body .cal_date.cal_event{
  background: url(images/calendar/event.gif) no-repeat;
  color: #D50400;
}

#cal_eventCalendarWeek .cal_body .cal_date .cal_day{
  display: block;
  font-size: 115%;
}

#cal_eventCalendarWeek .cal_body .cal_date .cal_weekday{
  font-size: xx-small;
}

#cal_eventCalendarWeek .cal_content{
  background: url(images/calendar/bg_content_week.gif) repeat-y ;
  padding: 4px 10px 6px;
  font-size: x-small;
}

#cal_eventCalendarWeek .cal_footer{
  width: 280px;
  height: 4px;
  background: url(images/calendar/bg_week_footer.gif) no-repeat;
}