.tt_display {
	/*background: #FCFEF4 ;*/
	font-family: Arial, Verdana, Helvetica;
	font-size: 95%;
	color: #333333;
	text-align: center;
	margin-top: 10px;
	display:block;
}

.tt_header {
	clear:both;
	width:98%;
	margin: 2px auto;
}

.tt_header h1, 
.tt_header h2 {
	color: #666666;
	font-weight: normal;
	font-size: 22px;
	margin: 10px auto 10px;
}

.tt_header h1 {
	margin: 10px auto 20px;
}

.tt_header h2 {
	font-size: 18px;
}

.tt_wrapper {
	clear:both;
	display:block;
	width:98%;
	margin: 2px auto;

}

.tt_wrapper p{
	font-size: 15px;
}

.timetable,
.subjClass {
	margin:0;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	clear:both;
}

.timetable th,
.timetable td{
	border:1px solid #333333;
	height: 55px;
	vertical-align:middle;
	text-align:center;
	font-size: 12px;
}

.timetable th{
	background-color: #EEE;
}

.timetable caption {
	font-size: 20px;
	text-align:center;
	padding-bottom:10px;
	text-decoration:underline;
}

.tt_subjClassRight,
.tt_subjClassLeft {
	margin:5px 0 10px;
	/*width: 48%;*/
	width: 98%;
	border: 0px;
	border-collapse: collapse;
}

.tt_subjClassRight {
	float:right;
	position:relative;
}

.tt_subjClassRight td, 
.tt_subjClassRight th,
.tt_subjClassLeft td, 
.tt_subjClassLeft th {
	text-align:left;
	vertical-align:top;
	font-size: 12px;
}

.tt_subjClassLeft {
	float:left;
	border-right: 1px solid #333333;
}

.tt_subjClassRight .lesson_no,
.tt_subjClassLeft .lesson_no {
	text-align:center; 
}

.tt_subjClassRight .subj_name,
.tt_subjClassLeft .subj_name{
	padding-left: 10px;
}

.tt_subjClassRight .total{
	border-top: 1px solid #333333;
}