/*
 * Calendar slideshow style rules.
 */
#calSlideshow {
  width:230px; /* will be reduced by 20px after JS run */
	height:148px;
	background:#fff;
	position:relative;
	border: 1px solid #555;
	/* margin: 0 auto; align whole box centered */
}

#calSlideshow #calSlidesContainer {
  margin:0 auto;
  width:230px; /* will be reduced by 20px after JS run */
	height:148px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#calSlideshow #calSlidesContainer .calSlide {
  margin:0 auto;
  width:210px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:148px;
}

/* 
 * Calendar slideshow controls style rules.
 */
.calControl {
	position: absolute;
	width: 30px;
	height: 17px;
	text-indent: -10000px;
	cursor: pointer;
	background-color: #ffd300;
}
.calLeftControl {
	float: left;
	background: transparent url(/images_new/cal_control_left.gif) no-repeat 0 0;
}
.calRightControl {
	float: right;
	top: 0;
	right: 0;
	background: transparent url(/images_new/cal_control_right.gif) no-repeat 0 0;
}

/*
 * Calendar month header
 */

.calCross {
	text-indent: -10000px;
	display: inline-block;
	background: transparent url(/images_new/square_cross.gif) no-repeat 0 0;
	width: 17px;
	height: 17px;
	border: 1px solid #555;
}
.calMonthHeader {
/* container for text and controls */
	font-family: Helvetica, Arial, sans-serif, Geneva; 
	position: relative;
	display: inline-block;
	width: 202px;
	height: 17px;
	background-color: #ffd300;
	border: 1px solid #555;
	margin: 3px 0px 0 3px;
	font-size: 12px;
}

.calMonthHeaderText {
  display:inline-block;
	width: 202px;
	height: 17px;
	line-height: 18px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

.calMonthBody {
	border: 1px solid #555;
	padding: 0px;
	margin: 3px;
	font-size: 12px;
	background-color: #fff;
}

.calendarCell {
	font-family: Helvetica, Arial, sans-serif, Geneva; 
	width: 25px;
	height: 17px;
	text-align: right;
	color: #000;
	margin: 0;
	padding: 0px 2px;
	line-height: 15px;
}

.calendarCellCurrent {
	/* no additional styles, reserved for future use */
}

.calendarCellPrevious, .calendarCellNext {
	color:#9d9d9d;
}

.calendarCellWithEvent {
	background-color: #fff1c4;
}

.calendarCellWithEvent a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
}