/* PHP Event Calendar CSS */

.list { 
	margin: 0 auto; 
	width: 380px; 
	padding: 10px; 
	background-color: #fff; 
}
#event_row { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
#event_row_last { padding-bottom: 5px; }

#calendar { 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	overflow: hidden; 
}

/*#calendar_wrap {
	width: 924px; margin-left: 10px; margin-bottom: 6px; overflow: hidden; text-align: left; }*/
	
#calendar_wrap {
	margin-bottom: 6px; 
	overflow: hidden; 
	text-align: left; 
}
#calendar_wrap .title_bar { 
	font-weight: bold; 
	color: #1C1C1C; 
	text-align: center;  
	margin-bottom:20px; 
}
#calendar_wrap .title_bar .previous { 
	float: left; 
	width: 25px; 
	height: 20px; 
	background: url(assets/previous_month.gif);
	background-position: left top;
	background-repeat: no-repeat; 
}
#calendar_wrap .title_bar .next { 
	float: left;
	width: 25px; 
	height: 20px; 
	background-image: url(assets/next_month.gif); 
	background-position: right top;
	background-repeat: no-repeat;
}
#calendar_wrap .title_bar .month { 
	margin: 0 auto; 
	padding-bottom:0 !important; 
	padding-bottom:10px; 
	font-size: 16px;   
}


/*.cal_day { position: relative; float: left; margin: 0 4px 4px 0 !important; margin:0 4px -24px 0; width: 128px; height: 95px; background: url(assets/day.png) top no-repeat; }
.cal_day .day_heading { position: relative; float: left; width: 40px; height: 16px; padding: 6px; text-transform: uppercase; font: 14px Arial; color: #FFF; }
.cal_day .day_count { position: relative; float: right; width: 64px; text-align: right; height: 16px; padding: 6px; font: 11px Arial, sans-serif; color: #FFF; }
.cal_day .day_number { width: 100%; font: 52px Arial; font-weight: bold; color: #2b2b2b; height:95px; text-align: center; z-index:999; clear:left; }
.cal_day .day_number.today { color: #08c; }*/

.cal_day { 
	position: relative; 
	float: left; 
	margin: 0 4px 4px 0 !important; 
	margin:0 4px -24px 0; 
	width: 79px; 
	height: 72px;
	background: url(assets/day.png) top no-repeat; 
	font-family: Arial, Helvetica, sans-serif; 
}
.cal_day .day_heading { 
	position: relative; 
	float: left; 
	width: 27px;
	height: 18px;
	margin-left: 2px;
	padding: 0 3px 22px 3px; 
	text-transform: uppercase; 
	font-size: 9px;
	color: #FFF;
}
.cal_day .day_count {
	position: relative; 
	float: left; 
	text-align: right; 
	margin-top: 4px;
	padding: 0; 
	font-size: 9px;
	color: #FFF;
}
span.event { 
	width: 41px; 
	padding: 0 !important; 
	padding: 0 0 1px; 
	display:inline-block; 
	text-align:center; 
	background-color: #000; 
	opacity:0.4; 
	filter:alpha(opacity=40); 
	-moz-border-radius: 8px; 
	-webkit-border-radius:8px; 
}
.cal_day .day_number { 
	width: 100%; 
	font-size: 28px; 
	font-weight: bold; 
	color: #2b2b2b; 
	height: 48px; 
	text-align: center; 
	z-index:999; 
	clear:left;
}
.cal_day .day_number.today { 
	color: #F60; 
}
.prevmonth {
	padding: 0 0 0 22px;
	margin-left: 3px;
	background: url(../../images/prevmonth.png) no-repeat 0 50%;
	text-decoration: none;
	color: #000;
}
.nextmonth {
	padding: 0 22px 0 0;
	margin-left: 3px;
	text-decoration: none;
	color: #000;
	background-image: url(../../images/nextmonth.png);
	background-repeat: no-repeat;
	background-position: right 50%;
}