@charset "utf-8";
/* CSS Document */

/* DANCECHATTER CALENDAR CSS */
#CalendarNavigation {
	background-image: url(../Media/Layout/HorizontalBlackBG.jpg);
	background-repeat: no-repeat ;
	width: 616px ;
	height: 48px ;
	padding-top: 18px ;
	color: rgb(255,255,255) ;
	font-size: 16px ;
}
	#CalendarNavigation a {
		color: rgb(67,114,173) !important;
	}
	#CalendarNavigation .CurrentMonth {
		font-size: 18px ;

	}
#Calendar {
	clear: left ;
	width: 618px ;
}
#Days td {
	font-size: 12px ;
	width: 120px ;
	height: 75px ;
}
.nonCMonthDays {
	border: 1px solid rgb(200,200,200) ;
	background-color: rgb(220,220,220) ;
}
.cMonthDays { 
	border: 1px solid rgb(150,150,150) ;
	background-color: rgb(255,255,255) ;
	
}
	.Today {
		margin-left: 12px ;
		font-weight: bold ;
		color: rgb(67,114,173) ;
	}
	.CalendarEvent {
		margin-bottom: 2px ;
		height: 15px ;
		font-size: 11px ;
		text-align: center ;
		border-bottom: 1px solid rgb(100,100,100) ;
	}
		.CalendarEvent a {
			color: rgb(0,0,0) ;
		}
	#CalendarEventLesson {
		background-color: #0CF ;
	}
	#CalendarEventConvention {
		background-color: #C60 ;
	}
	#CalendarEventCompetition {
		background-color: #669 ;
	}
	.Event_Info {
		clear: left ;
		position: absolute ;
		padding: 5px ;					
		color: rgb(50,50,50) ;
	}
		.EventInfoTop {
			background-image: url(../Media/Layout/Bubble_Top.png) ;
			background-repeat: no-repeat ;
			margin-left: -1px ;
			width: 264px ;
			height: 17px ;
			text-align: right ;
			padding-right: 10px ;
			padding-top: 4px ;
		}
		.EventInfoCenter {
			background-image: url(../Media/Layout/Bubble_Center.png) ;
			background-repeat: repeat-y ;
			width: 229px ;
			overflow: auto ;
			padding-left: 25px ;
			padding-right: 20px ;
		}
		.Event_Time {
			font-size: 10px ;
		}
		.CloseEvent {
			float: right ;
			cursor: pointer ;
		}
	#UpcomingEvents {
	}
		#UpcomingEvents #Event {
			background-color: rgb(220,220,220) ;
			border: 1px solid rgb(150,150,150) ;
			padding: 3px ;
			margin: 3px ;
		}