/* PHP Event Calendar CSS */

#calendar a { text-decoration:none;color: #333 }
#calendar a:hover { text-decoration: none }
#calendar h1 { font: 30px Arial,Helvetica,sans-serif; letter-spacing: -1px; padding: 30px 0 0 0; margin: 0 }
#calendar h2 { font: 15px Arial,Helvetica,sans-serif; padding-bottom: 3px; margin-bottom: 0 }
#calendar .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 { margin: 0 auto; width: 740px; overflow: hidden }
#calendar_wrap { width: 740px; overflow: hidden; text-align: left }
	#calendar_wrap .title_bar { font-weight: bold; color: #1c1c1c; text-align: center; width: 720px;}
		#calendar_wrap .title_bar .previous { border:none;float: left; display: block; width: 25px; height: 20px; background: url(../images/calendar/previous_month.gif) left top no-repeat; margin-left: 10px }
		#calendar_wrap .title_bar .next { border:none;float: right; display: block; width: 25px; height: 20px; background: url(../images/calendar/next_month.gif) right top no-repeat; margin-right: 10px }
		#calendar_wrap .title_bar .month { width: 740px; margin: 10px auto; padding-bottom: 0!important; padding-bottom: 10px }
		#calendar_wrap .title_bar h2 { font-size: 16px }
.cal_day { position: relative; float: left; margin: 0 4px 4px 0!important; margin: 0 4px -24px 0; width: 100px; height: 95px; background: url(../images/calendar/day.png) top no-repeat }
	.cal_day .day_heading { position: relative; float: left; width: 25px; height: 16px; padding: 6px; text-transform: uppercase; font: 13px Arial; color: #FFF }
	.cal_day .day_count { position: relative; float: right; width: 50px; text-align: right; height: 16px; margin: 6px 8px 0 0;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 }
.day_today { position: relative; float: left; margin: 0 4px 4px 0!important; margin: 0 4px -24px 0; width: 100px; height: 95px; background: url(../images/calendar/day_today.png) top no-repeat }
	.day_today .day_heading { position: relative; float: left; width: 25px; height: 16px; padding: 6px; text-transform: uppercase; font: 13px Arial; color: #fff; font-weight:bold; }
	.day_today .day_count { position: relative; float: right; width: 50px; text-align: right; height: 16px; margin: 6px 8px 0 0;font: 11px Arial,sans-serif; color: #FFF }
	.day_today .day_number { width: 100%; font: 52px Arial; font-weight: bold; color: #2b2b2b; height: 95px; text-align: center; z-index: 999; clear: left }
		.day_today .day_number.today { color: #0596cb }
.last_month,.next_month { filter: alpha(opacity=20); -moz-opacity: .2; -khtml-opacity: .2; opacity: .2 }
span.event { color:#3a3a3a;width: 55px; margin-top: -1px; padding: 2px 0!important; padding: 1px 0 1px; display: inline-block; text-align: center; background-color: #EECC2F;border-radius:5px;-o-border-radius:5px;-icab-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}