.hidden{
	display:none;
}

#calendar_container {
	width: 510px;
}

/*************
 * Calendar Navigation
 ************/
#calendar_nav {
	height: 30px;
	width: 510px;
	padding: 5px 0px;
}

#prev_month, #month, #next_month {
	color: white;
	background-color: #aaa;
	font-size: 14px;
	text-align: center;
	padding: 5px 0px;
}

#prev_month, #next_month{
	width: 100px;
	position: relative;
	float: left;
	cursor: pointer;
}

#prev_month:hover, #next_month:hover {
	background-color: #ccc;
	color: black;
}

#month{
	width: 310px;
	position: relative;
	float: left;
}

/************8
 * Calendar
 *8**********/

#calendar {
	margin: 0 auto;
	width: 504px;
}

#calendar table {
	border-collapse: separate;
	font-size: 20px;
}
#calendar table tr td {
	background-color: #222;
}
#calendar table tr td.cal_day, #calendar table tr th {
	width: 72px;
	height: 72px;
	text-align: center;
	background: url(../img/cells.png);
	color: #444;
	position: relative;
	padding: 0;
}
#calendar table tr th {
	font-weight: bold;
	font-size: 14px;
}
#calendar table tr td div.add_event{
	font-weight: regular;
	font-size: 9px;
	position: relative;
	margin-top: 11px;
}
#calendar table tr td div.delete_event{
	background-color: #faa;
	z-index: 20;
	font-weight: regular;
	font-size: 10px;
	position: absolute;
	margin-top: 3px;
	margin-left: 30px;
	width: 100px;
	padding: 3px 0;
}
#calendar table tr td div.add_event a{
	color: #000;
}
#calendar table tr td div a:hover{
	text-decoration: underline;
}
#calendar table tr td.cal_day{
	cursor: pointer;
	font-size: 20px;
}
#calendar table tr td.cal_day:hover {
	background-position: 0px -72px;
	color: #222;
}
#calendar table tr td.date_has_event {
	background-position: 144px 0px;
	color: white;
}
#calendar table tr td.date_has_event:hover {
	background-position: 144px -72px;
}
#calendar table tr td.today {
	background-position: 72px 0px;
	color: white;
}
#calendar table tr td.today:hover {
	background-position: 72px -72px;
}

/************
 * Event tooltips
 *************/

#calendar table tr td div.event_tooltip a{
	position: relative;
	z-index: 102;
	font-weight: regular;
}
#calendar table tr td div.event_tooltip a:hover{
	color: #4575A6;
	text-decoration: underline;
}

#calendar table tr td div.event_tooltip {
	width: 160px;
	background: #aaa;
	color: #000;
	font-size: 11px;
	position: absolute;
	margin-top: 10px;
	margin-left: -53px;
	z-index: 100;
	padding: 5px;

}

#calendar table tr td div.event_text {
	position: relative;
	z-index: 101;
	line-height: 12px;
}