@charset "utf-8";

.class, .track, div.register, .note {
	background: #f2f2f2;
	clear: both;
	display: block;
	float: left;
	font-size: .9em;
	margin: 0 15px 2px 0;
	padding: 0.5em 1%;
	width: 98%;
	}
	.track {
		background: #373737;
		color: #f2f2f2;
		font-size: 1.9em;
		padding: 0.6em 1% 0.6em 1%;
		}
	div.register {
		background: #e4e4e4;
		}
	.special {
		background: #e4e4e4;
		}
		.special .title, div.register .title {
			font-weight: normal;
			}
	.note {
		background: #e4e4e4;
		color: #333;
		padding: 1em;
		width: 95.80%;
		}
	.note b {
		color: #333;
		}
.class .time, .register .time, .note .time {
	clear: left;
	display: block;
	float: left;
	font-size: 1.4em;
	width: 52%;
	color:#000;
	line-height:19px;
	}
.class .title, .register .title, .note .title {
	display: block;
	float: left;
	width: 34%;
	}
	.note .title {
		color: #000;
		width: 98%;
		}
	#content .class .title small {
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.4em;
		}
.class .view, .register .view {
	border-bottom: 1px dotted #333;
	color: #00F;
	float: right;
	font-size: 1.3em;
	}
.class .long, .register .long {
	background: #f2f2f2;
	clear: both;
	float: left;
	margin-top: 1em;
	padding: 0.5% 2%;
	width: 95.8%;
	color:#333;
	font-size:1.2em;
	}
.odd {
	background: #e4e4e4; 
	}
.hover {
	background: #cccccc;
	cursor: pointer;
	}
.class .title {
	font-size: 1.3em;
	font-weight: bold;
	color:#333;
	
	}
.active {
	background: #b2b2b2;
	}
	.active .title {
		font-weight: bold;
		}
		
h3.day {
	color: #b62c1f;
	margin-bottom: 5px;
	}
.class .small
{
color: #333333;
font-size: 0.9em;
line-height: 1.1em;
}