/* space */

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

#eventCalendarMonth{
  font-size:8px;
  width: 190px;
}

#eventCalendarMonth .head{
  float: left;
  height: 29px;
  width: 170px;
 background: url(../img/bg_head_month.gif) no-repeat;
}

#eventCalendarMonth .head a.bigPrev{
  margin: 7px 5px;
  background: url(../img/prevYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#eventCalendarMonth .head a.bigPrev:hover{
  background: url(../img/prevYear_hover.gif) no-repeat;
}

#eventCalendarMonth .head a.smallPrev{
  background: url(../img/prevMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#eventCalendarMonth .head a.smallPrev:hover{
  background: url(../img/prevMonth_hover.gif) no-repeat;
}

#eventCalendarMonth .head a.smallNext{
  background: url(../img/nextMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#eventCalendarMonth .head a.smallNext:hover{
  background: url(../img/nextMonth_hover.gif) no-repeat;
}

#eventCalendarMonth .head a.bigNext{
  background: url(../img/nextYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
  margin: 7px 4px;
}

#eventCalendarMonth .head a.bigNext:hover{
  background: url(../img/nextYear_hover.gif) no-repeat;
}

#eventCalendarMonth .head .text{
  display: block;
  width: 80px;
  text-align: center;
  float: left;
  font: normal 11px bold Verdana;
  margin: 7px 2px;
  color: red;
  overflow: hidden;
}

#eventCalendarMonth .calendarMonth{
	float:left;
}

#eventCalendarMonth .calendarWeekContainer{
	background: url(../img/bg_calendarWeek.gif) no-repeat; 
	width: 29px;
	float: left;
	color: #D8E7A4;
}

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

#eventCalendarMonth .calendarWeekContainer .calendarWeek{
	display: block;
	width: 29px;
	height:19px;
	margin:2px 0;
	padding:2px 0 0;
	text-align: center;
}

#eventCalendarMonth .body {
  background: url(../img/bg_body_month.gif) repeat-y; 
  width: 170px;
  float: left;
  font-size: 12px;
}

#eventCalendarMonth .body .weekDaysContainer {
  height: 15px;
}

#eventCalendarMonth .body .weekDaysContainer .weekDays {
  display: block;
  float:left;
  width: 22px;
  padding: 2px 0 0 0;
  margin: 0 1px 0 1px;
  height: 17px;
  text-align: center;
  font-weight: bold;
  color: white;
}

#eventCalendarMonth .body .weekDatesContainer {
}

#eventCalendarMonth .body .weekDatesContainer .weekDates {
  display: block;
  float:left;
  width: 22px;
  padding: 2px 0 0 0;
  margin: 1px 1px 1px 1px;
  height: 17px;
  text-align: center;
  text-decoration: none;
  color: white;
}

#eventCalendarMonth .body .weekDatesContainer .weekDates.mouseOver{
  background-image: url(../img/mouseOverMonth.gif)!important;
	background-repeat:no-repeat;
}

#eventCalendarMonth .body .weekDatesContainer .weekDates.pointer{ cursor:pointer;}

#eventCalendarMonth .body .weekDatesContainer .weekDates.currentDate {
  background: url(../img/currentDayMonth.gif) no-repeat!important;
  color: red !important;
  text-decoration: none;
}

#eventCalendarMonth .body .weekDatesContainer .weekDates.event {
  background: url(../img/eventMonth.gif) no-repeat;
  color: #D50400;
  cursor:pointer;
  text-decoration: none;
}

#eventCalendarMonth .body .weekDatesContainer .weekDates.lastMonth {
  background-color: #ADB880;
}

#eventCalendarMonth .contentBegin{
  margin: 0px 4px 0px 0;
  padding: 2px 10px;
  font-size: x-small;
  float: left;
  background: url(../img/bg_content_begin.gif) no-repeat;
  width: 150px;
}

#eventCalendarMonth .content{
  margin: 0px 4px 0px 0;
  padding: 2px 10px;
  font-size: x-small;
  float: left;
	color:black;
  background: url(../img/bg_content.gif) repeat-y;
  width: 150px;
}

#eventCalendarMonth .footer{
  height: 5px;
  width: 170px;
  margin: 0px 0px 0px 0;
  font-size: x-small;
  float: left;
  background: url(../img/bg_month_close.gif) no-repeat ;
}

/* week */
eventCalendarWeek

#eventCalendarWeek {
  height: 147px;
  width: 170px;
  font: small Verdana;
}

#eventCalendarWeek .head{
  height: 29px;
  width: 280px;
  background: url(../img/bg_head.gif) no-repeat;
}

#eventCalendarWeek .head a.bigPrev{
  margin: 7px 5px;
  background: url(../img/prevYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#eventCalendarWeek .head a.bigPrev:hover{
  background: url(../img/prevYear_hover.gif) no-repeat;
}

#eventCalendarWeek .head a.smallPrev{
  background: url(../img/prevMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#eventCalendarWeek .head a.smallPrev:hover{
  background: url(../img/prevMonth_hover.gif) no-repeat;
}

#eventCalendarWeek .head a.smallNext{
  background: url(../img/nextMonth.gif) no-repeat;
  margin: 7px 0px;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
}

#eventCalendarWeek .head a.smallNext:hover{
  background: url(../img/nextMonth_hover.gif) no-repeat;
}

#eventCalendarWeek .head a.bigNext{
  background: url(../img/nextYear.gif) no-repeat;
  float: left;
  display: block;
  width: 17px;
  height: 17px;
  margin: 7px 5px;
}

#eventCalendarWeek .head a.bigNext:hover{
  background: url(../img/nextYear_hover.gif) no-repeat;
}

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

#eventCalendarWeek .body {
  background: url(../img/bg_body.gif) repeat-y; 
  width: 280px;
  height: 47px;
}

#eventCalendarWeek .body .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;
}

#eventCalendarWeek .body .date.mouseOver{
  background-image: url(../img/mouseOver.gif)!important;
}

#eventCalendarWeek .body .date.currentDate{
  background: url(../img/currentDay.gif) no-repeat!important;
  color: #000!important;
}

#eventCalendarWeek .body .date.event{
  background: url(../img/event.gif) no-repeat;
  color: #D50400;
}

#eventCalendarWeek .body .date .day{
  display: block;
  font-size: 115%;
}

#eventCalendarWeek .body .date .weekday{
  font-size: xx-small;
}

#eventCalendarWeek .content{
  background: url(../img/bg_content_week.gif) repeat-y ;
  padding: 4px 10px 6px;
  font-size: x-small;
}

#eventCalendarWeek .footer{
  width: 280px;
  height: 4px;
  background: url(../img/bg_week_footer.gif) no-repeat;
}