#calendar-holder {
	margin-left: 5px;
	width:550px;
	height:485px;
	position:relative;
	font-size: 1em;
}

.monday, .tuesday, .wednesday, .thursday, .friday, .saturday, .sunday {
	width:69px;
	height:10px;
	background-color:#333333;
	position:absolute;
	font-size:0.85em;
	text-align:center;
	padding: 3px 3px 5px 3px;
	color: #fff;
}

.monday , .day1 {
	left:0px;
}
.tuesday , .day2{
	left:76px;
}
.wednesday , .day3 {
	left:152px;
}
.thursday , .day4 {
	left:228px;
}
.friday , .day5 {
	left:304px;
}
.saturday , .day6 {
	left:380px;
}
.sunday , .day7 {
	left:456px;
}


.week1 {
	top: 19px
}
.week2 {
	top: 95px;
}
.week3 {
	top:171px;
}
.week4 {
	top:247px;
}
.week5 {
	top:323px;
}
.week6 {
	top:399px;
}

.day-block {
	background-color: #444;
	position: absolute;
	width: 75px;
	height: 75px;
}

.day-block1, .day-block2, .day-block3, .day-block4, .day-block5, .day-block6 {
	background-color: #ccc;
	position: absolute;
	width: 75px;
	height: 75px;
	color: #000000;
	z-index: 1;
	background-image: url('/images/calendar/square-shadow.png');
	background-repeat: no-repeat;
	font-size:0.90em;
}

* html .day-block1, * html .day-block2, * html .day-block3, * html .day-block4, * html .day-block5, * html .day-block6 {
	background-image: none;
}


.day-block1:hover, .day-block2:hover, .day-block3:hover, .day-block4:hover, .day-block5:hover, .day-block6:hover {
	background-color: #bbbbbb;
	color: #000000;
}

.day-block1 a, .day-block2 a, .day-block3 a, .day-block4 a, .day-block5 a, .day-block6 a {
	display:block;
}

.day1, .day2, .day3, .day4, .day5, .day6, .day7 {
	position:absolute;
}
/*
.day1 {
	left:0px;
}
.day2 {
	left:56px;
}
.day3 {
	left:112px;
}
.day4 {
	left:168px;
}
.day5 {
	left:224px;
}
.day6 {
	left:280px;
}
.day7 {
	left:336px;
}
*/


.event-on {
	/*background-color: #FFC448;*/
	background-color: #750606;
	background-color: #006b01;
	
}

#calendar-holder .event-on a {
	display:block;
	text-decoration:none;
	color:#fff;
	z-index:1;
	padding: 3px;
	width: 69px;
	height: 69px;
	background-repeat: no-repeat;
}

#calendar-holder .event-on a:hover{
	background-color: #d20100;
	background-image: url('/images/calendar/square-shadow.png');
	background-repeat: no-repeat;
}

* html #calendar-holder .event-on a:hover{
	background-image: none;
}

.event-off {
	padding: 3px;
	width: 69px;
	height: 69px;
}

#link-holder {
	margin: 10px 0;
	width: 100%;
	height: 40px;
	position:relative;
}
#this-month select {
	color: #444;
	position: absolute;
	left: 0px;
	top: 3px;
	width: 200px;
}	
#this-month input {
	position: absolute;	
	top: 6px;
	height: 20px;
	padding-bottom: 3px;
	left: 215px;
}

#prev-month {
	position:absolute;
	left:5px;
	width:126px;
	top: 8px;
}

#this-month {
	position:absolute;
	left:148px;
	width:300px;
	top: 0px;
	text-align: center;
}


#next-month {
	 position:absolute;
	 right:16px;
	top: 8px;
	text-align: right;
	width: 126px;
}

.eventpopup {
    position: relative;
	background-color:#000;
	color: #ffffff;
	padding:3px;
	opacity:0.8;
	-moz-opacity: 0.8;	
	filter: alpha(opacity=80); 
	z-index: 100;
	width:auto;
	font-size: 0.7em;
	border: 1px solid #FFFFFF;
}  

.eventpopup-title {
	padding: 3px;
	font-weight: bold;
	text-decoration: underline;
}
.eventpopup-text {
	padding: 3px;
}