/* **************************************************************************************
   calendar, holds the entire calendar
   ************************************************************************************** */
#calendar {
	font-size: 9px;
	color: #000;
	width: 790px; /*810px;*/
	padding: 3px 0px 6px 0px;
	float: right;
	margin: 5px 0px 0px 0px;
	display: block;
	position: relative;
	background: #fff;
	clear: none;
	z-index: 1;
}

.calendarnav_left {
	float: left;
	padding: 4px 6px 0px 6px;
}

.calendarnav {
	float: left;
	margin: 4px 0px 0px 6px;
	width: 10px;
}

.year {
	color: #000;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
.month {
	font-weight: bold;
	font-size: 12px;
}
/* **************************************************************************************
   this part holds the year and month
   ************************************************************************************** */
.header {
	float: left;
	font-size: 12px;
	width: 70px;
}

/* **************************************************************************************
   day of week and actual day number
   ************************************************************************************** */
.days {
	float: left;
	text-align: center;
	width: 22px;
}

/* **************************************************************************************
   right part of the calendar
   ************************************************************************************** */
.calendar_bar {
	float: right;
	clear: none;
	display: block;
}

/* **************************************************************************************
   day number
   ************************************************************************************** */
.daynum {
	margin: 4px 0px 0px 0px;
	color: #000;
}

.daynum a, .daynum a:visited {
	margin: 4px 1px 0px 1px;
	text-decoration: none;
	color: #000;
	display: block;
	border: 1px solid #D21328;
}
/* ******************************************************************************
Calendar action stuff
   ******************************************************************************* */
#eventballoon	{
	position: absolute;
	float: right;
	width: 230px;
	/*height: 300px;*/
	/*background: #fff;*/
	top: 5px;
	left: 5px;
	z-index: 99;
	
	/*opacity: 0.8;*/
	}
#ballooncontent	{
	text-align: left;
	position: relative;
	top: -5px;
	left: -5px;
	/*padding: 5px;*/
	background: #fff;
	border: 1px solid #D01528;
	}
#ballooncontent	p {
	padding: 5px;
	margin-bottom: 25px;
}
#ballooncontent	h4 {
	padding: 5px;
	color: #D01528;
}
#ballooncontent	h3 {
	padding: 5px;
	color: #D01528;
}

#balloonclose	{
	position: relative;
	float: right;
	cursor: pointer;
	}
#throbber	{
	margin: 20px auto 20px auto;
	text-align: center;
	}