.timetable{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	text-decoration: bold;
	border-collapse:collapse;
	border-color: #999;
	border-width: 2px;
	border-style: solid;
}

.timetable tr{
	font-size: 9px;
	color: #003333;
	font-weight:bold;
	/*background-color: #E1E1E1;*/
	background-color:#F2F2F2;
	text-align: left;
}

.timetable th{
	font-size: 11px;
	/*color: #333333;*/
	color:#000;
	background-color: #ccc;
	text-align: center;
	height: 20px;
	vertical-align: middle;
	border-style:solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1.5px;
	border-right-width: 1.5px
}

.period-first-slot{
	border-width: 1.5px;
	border-style: solid;
	border-bottom-style:none;
}

.period-middle-slot{
	border-width: 1.5px;
	border-right-style: solid;
	border-left-style: solid;
}

.period-last-slot{
	border-width: 1.5px;
	border-style: solid;
	border-top-style:none;
}

.period-single-slot {
	border-width: 1.5px;
	border-style: solid;
}

.period-empty-slot{
	border-width: 1px;
	border-top-style: dashed;
	border-left-style: solid;
	border-right-style: solid;
}

.period-hours {
	font-size: 10px; /*changed from 11px to 10px*/
	/*color: #333333;*/
	color:#000;
	background-color: #ccc;
	text-align: center;
	/*height: 20px;*/
	vertical-align: middle;
	border-style:solid;
	border-width: 1px;
	border-left-width: 1px;
	border-right-width: 2px
}

.timetable a{
	color: #003333;
	font-weight: bold;
	font-size: 9px;	
	border-style:none;
}

table.timetable tr td.period-last-slot img {
float: right;
border: none;
padding: 2px;
}

table.timetable tr td.period-single-slot img {
float: right;
border: none;
padding: 2px;
}

span.float-left {
float: left;
}