div.calendar {
	font-size: smaller;
	color: #3e3e3e;
}
div.calendar #prev_month {
	float: left;
	display: inline;
	width: 12px;
	height: 12px;
	background: url(images/prev_month.png) no-repeat;
	margin: 2px 0px 0px 2px;
	cursor: pointer;
}
div.calendar #next_month {
	float: right;
	display: inline;
	width: 12px;
	height: 12px;
	background: url(images/next_month.png) no-repeat;
	margin: 2px 2px 0px 0px;
	cursor: pointer;
}
div.calendar.popup {
	margin-left: -40px;
	margin-top: -100px;
	z-index: 9999;
}
div.calendar table {
	background-color: #ffffff;
	border: 1px solid #CCC;
	border-collapse: separate;
	border-spacing: 1px;
}
div.calendar thead {
	background-color: #fff;
}
div.calendar td, div.calendar th {
	padding: 2px;
	text-align: center;
	color: #666;
	font-size: 11px;
}
div.calendar td.title {
	font-weight: bold;
	color: #fff;
	background:url(images/myportalmenubackground-mp.png) repeat-x;
	height: 24px;
	font-size: 12px;
}
div.calendar th {
	font-weight: bold;
}
div.calendar tr.days td {
	width: 2em;
	color: #3d60ba;
	text-align: right;
	cursor: pointer;
	border: 1px solid #fff;
	text-align: center;
	font-weight: bold;
}
div.calendar tr.days td a {
	color: #3d60ba;
}
div.calendar td.button {
	display: none;
}
div.calendar tr.days td:hover, div.calendar td.button:hover {
	border-color: #e8a800;
	background-color: #e5e5e5;
	cursor: pointer;
}
div.calendar tr.days td:hover {
	background-color: #ffffff;
}
div.calendar tr.days td:active div.calendar td.button:active {
	background-color: #cde;
}
div.calendar tr.days td.selected {
	font-weight: bold;
	background-color: #069;
	border-color: #069 !important;
	color: #fff !important;
}
div.calendar tr.days td.weekend {
	color: #7f9de8;
}
div.calendar tr.days td.weekend a {
	color: #7f9de8;
}
div.calendar tr.days td.today {
	font-weight: bold;
	background-color: #069;
	border-color: #3d60ba;
	color: #fff;
}
div.calendar tr.days td.today a {
	color: #fff;
}
div.calendar tr.days td.otherDay {
	background: #fff;
	color: #fff;
}
div.calendar tr.days td.otherDay:hover {
	border-color: #fff;
	background-color: #fff;
	cursor: pointer;
}
div.calendar tr.days td.otherDay a {
	color: #fff;
}
div.calendar #event_cal_header {
	float: left;
	display: inline;
	text-align: center;
	width: 167px;
	margin: 1px 0px 0px 0px;
}