/* 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{ margin: 0 auto;margin-bottom: 0px; margin-top:8px; margin-left:0px; margin-right:5px; float:right; width: 268px; height:276px; overflow: hidden; }
#calendar { background-color: #fff; border: 1px solid #0053AA; }


#calendar_wrap { width: 268px; margin-left: 10px; margin-right:10px; margin-bottom: 6px; overflow: hidden; text-align: left; float:left; }
#calendar .title{background-color:#0053AA; width:268px; text-align:left; color:#FFFFFF; font-weight:bold; padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:5px; font-size:12px;}
#calendar_wrap .title_bar { font-weight: bold; color: #1C1C1C; text-align: center;  border:0px solid #fff; margin-bottom:0px; margin-top:0px; }
#calendar_wrap .title_bar .previous { float: left; display: block; width: 18px; height: 20px; background: url(../assets/nav_left.png) left top no-repeat; margin-top:10px; margin-left:5px;  }
#calendar_wrap .title_bar .next { float: right; display: block; width: 18px; height: 20px; background: url(../assets/nav_right.png) left top no-repeat; margin-top:10px; margin-right:10px; padding-right:10px;   }
#calendar_wrap .title_bar .month {  width: 200px; padding-bottom:10px; padding-left:20px; padding-right:5px; text-align:center; }
#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: 32px; height: 30px;  }
.cal_day .day_heading { position: relative; background-color:#E06C6D; float: left; width: 25px; height: 4px; padding-top: 6px; padding-bottom: 6px; padding-left:6px;text-transform: uppercase; font: 6px Arial; color: #FFF; }
.cal_day .day_count { position: relative; float: right; width: 32px; text-align: right; height: 16px; padding: 6px; font: 11px Arial, sans-serif; color: #FFF; }
.cal_day .day_number { width: 31px; background-color:#F9F9F9; font: 11px Arial; font-weight: bold; color: #2b2b2b; height:17px; text-align: center; z-index:999; clear:left; }
.cal_day .day_number .event { background-color:#FFF004; width: 31px; font: 11px Arial; font-weight: bold; height:13px; text-align: center; z-index:1000; border:0;}

.cal_day .day_number.today { color: #08c; }

.last_month, .next_month {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

span.event { margin-top: -1px; padding:2px 0 !important; padding:1px 0 1px; display:inline-block; text-align:center; background-color: #000;  filter:alpha(opacity=40); -moz-border-radius: 8px; -webkit-border-radius:8px; width:500px; }