/* calendar.css 

Copyright 2009 Future Medium Pty Ltd

*/

@import url("activities.css");

.widget {
	top: 8px;
}

	#date-changer {
		position: relative;
		width: 220px;
		text-align: center;
	}
	
		#date-changer a { 
			position: absolute;
			top: 0px;
		}
		
			#date-changer .prev {
				left: 0;
			}
			
			#date-changer .next {
				right: 0;
			}
	
		.month {
			font-weight: bold;
			font-size: 1.4em;
			color: #003399;
			line-height: 1em;
		}
		
#calendar {
	
}

	#days-of-week {
		
	}
	
		#days-of-week ul li {
			float: left;
			width: 105px;
		}
		
		
		#dates-of-month {
			border-top: 1px solid #999;
		}
		
			.date-holder {
				border-right: 1px solid #999;
			}
			
				.date-holder .event {
					border-bottom: 1px solid #9999cc;
					border-left: 1px solid #9999cc;
					float: left;
					width: 104px;
					min-height: 150px;
				}
				
				.event .date {
					padding: 3px;
					margin-bottom: 5px;
				}
				
					.event .date h3 {
						font-size: 1.4em;
					}
				
				.inactive .date {
					background: #fff;
					color: #cccccc;
				}
				
				.active .date {
					background: #f7f7f7;
					color: #003399;
				}
				
				.activity {
					margin: 0 2px;
					margin-bottom: 2px;
					width: 100px;
				}
				
					.activity a {
						background-repeat: repeat-y;
						background-position: 0 0;
						display: block;
						padding: 2px 6px;
						font-size: 0.9em;
						color: #fff;
						text-align: center;
						text-decoration: none;
					}
					
		.event-filter {
			margin: 10px 0;
		}