.error
{
	color: red;
	font-size: small;
}

table.centered
{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

tr.classweek
{
	text-align: center;
}

tr.classweek th
{
	padding: .5em 1em;
	color: #edc;
	background-color: #455;
	text-align: center;
}

tr.classweek td
{
	color: #223;
	background-color: #ccf;
	padding: .25em .5em;
}

tr.courseweek
{
	text-align: center;
}

tr.courseweek th
{
	padding: .5em 1em;
	color: #edc;
	background-color: #455;
	text-align: center;
}

tr.courseweek td
{
	color: #223;
	background-color: Coral;
	padding: .25em .5em;
}

tr.left
{
	text-align: left;
}

.booking
{
	border-left: #99ADC2 2px solid;
	border-top: #99ADC2 2px solid;
	border-bottom: #494949 2px solid;
	border-right: #494949 2px solid;
	font-weight: 900;
	color: #336699;
	background-color: #E6EAEE;
	text-align: center;
}

a.booking
{
	color: #336699;
	text-decoration: none;
	font-size: smaller;
	padding: 0.4em;
}

.delbooking
{
	border-left: #99ADC2 2px solid;
	border-top: #99ADC2 2px solid;
	border-bottom: #494949 2px solid;
	border-right: #494949 2px solid;
	font-weight: 900;
	color: #336699;
	background-color: Khaki;
	text-align: center;
}

.navigation
{
	background-color: #67CE3D;
}

.navigation ul
{
	overflow: hidden;
	border-left: medium white solid;
	padding-left: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}

.navigation li
{
	display: inline;
	padding: 1em;
	border-right: medium white solid;
	font-weight: bold;
}

.navigation li a:link, .navigation li a:visited
{
	color: purple;
}

.highlight
{
	font-weight: bold;
}

.note
{
	font-style:italic;
}

.remark
{
	font-size: small;
	font-style:italic;
}

.price
{
	text-align: right;
	vertical-align: top;
	padding-left: 1em;
}

.pricecat
{
	text-align: right;
	padding-left: 1em;
	font-weight: bold;
}

// hack for IE6
* html .menucat
{
	padding-top: 1em;
}

.overlay
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
	background-color: #000;
	opacity:.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

// so that overlay works in IE
body
{
	height:100%;
	margin:0;
	padding:0;
}

.alert
{
	position: absolute;
	top: 40%;
	left: 50%;
	max-width: 500px;
	z-index: 999;
	border: solid 1px black;
	background: #FFFFCC;
	color: #222222;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	text-align:center;
	display: none;
}

.alerttitle
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background: #67CE3D;
	font-weight: bold;
	padding: 0.5em;
	margin-top: -0.2em;
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.studentlist
{
	text-align: left;
}

.agenda
{
	padding: .5em 1em;
	color: #edc;
	background-color: #455;
	font-weight: bold;
	z-index: 998;
}

.visualize
{
	border: thin black solid;
	padding: 1em;
	display: none;
	position: absolute;
	background: white;
	z-index: 999;
}

.exerciselist
{
	margin: .5em;
	padding: .5em;
	border: thin black solid;
	background: #FFFFCC;
	float: left;
	width: 45%;
}

.exerciseout
{
	margin: .5em;
	padding: .5em;
	border: thin black solid;
	background-color: #ccf;
	vertical-align: top;
}

.exercisein
{
	margin: .5em;
	padding: .5em;
	border: thin black solid;
	background-color: #ccf;
	vertical-align: top;
	cursor: move;
}

.printexercise
{
	margin: .5em;
	padding: .5em;
	border: thin black solid;
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

.exercisedetails
{
	text-align: left;
}

.invisible
{
	width: 0px;
	height: 0px;
	border: 0px solid #fff;
}