body {
	font-family: Helvetica, Arial, sans-serif;
}
table.roomlist {
	background-color: #eee;
	border: 1px solid black;
	border-collapse: collapse;
	margin-left: auto; margin-right: auto;
}
table.roomlist td.desc, table.roomlist td.datum, table.roomlist th {
	padding: 0.5em;
}
table.roomlist td, table.roomlist th {
	border: 1px solid black;
	text-align: center;
}
table.roomlist th.new {
	background-color: #6f6;
}

table.roomlist td.change {
	background-color: #FF6;
}
table.roomlist td.delete {
	background-color: #F03;
}

table.roomlist td.datum {
	text-align: left;
}

table.roomlist td.free {
	background-color: #6F6;
}

table.roomlist td.booked {
	background-color: #f03;
}

table.roomlist td.asked {
	background-color: #ff6;
}

table.roomlist th {
	background-color: #ff6;
}

table.roomlist tr.today td {
	border-top: 3px #000 dashed;
}

table.roomlist a 			{ 
	text-decoration: none; 
	font-weight: bold;
	display: block;
	padding: 0.4em;
	}
table.roomlist a:link		{ color: black; }
table.roomlist a:visited	{ color: black; }
table.roomlist a:focus		{ color: black; }
table.roomlist a:hover		{ background-color: black; color: white; }

div.prevnext {	
	margin-right: auto;
	margin-left: auto;
	width: 11em;
	padding: 1em;
	clear: left;
}

div.prevnext > * {
	padding: 0.5em 1em;
	text-align: right;
	background-color: #999;
}
div.prevnext a 			{ text-decoration: none; font-weight: bold;}
div.prevnext a:link		{ color: black; }
div.prevnext a:visited	{ color: black; }
div.prevnext a:focus	{ color: black; }
div.prevnext a:hover	{ background-color: black; color: white; }

h2 {
	text-align: center;
}
form#changeRoom {
	border: 1px solid black;
	width: 20em;
	margin: 0 auto;
	padding: 1em;
	background-color: #eee;
}
form#checkBooking {
	border: 1px solid black;
	width: 30em;
	margin: 0 auto;
	padding: 1em;
	background-color: #eee;
}
h2 {
	width: 20em;
	font-size: 100%;
	text-align: center;
	margin: 3em auto auto;
	padding: 1em;
	border: 1px solid black;
	border-bottom: none;
	background-color: yellow;
}

.links ul li {
	width: 12em;
	float: left;
	display: block;
}
div.links a, div.links li.here {
	text-decoration: none;
	padding: 0.2em;
	display: block;
	text-align: center;
}
div.links a:link		{ color: black; }
div.links a:visited	{ color: black; }
div.links a:focus		{ color: black; }
div.links a:hover		{ background-color: black; color: white; }



/*
 * CSS for input fields *
 */
 
.field-label {
	float: left;
	width: 10em;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
}

input.validation-failed, textarea.validation-failed {
	color : #FF3300;
	}
	
input.validation-passed, textarea.validation-passed { 
	color : #000;
}

.validation-advice { 
	margin: 5px 0; 
	padding: 5px; 
	background-color: #FF3300; 
	color : #FFF; 
	font-weight: bold;
}

.custom-advice { 
	margin: 5px 0; 
	padding: 5px; 
	background-color: #b7AA00; 
	color : #FFF; 
	font-weight: bold;
}

fieldset { 
	padding: 1em; 
	margin-bottom: 0.5em;
}

label { 
	font-weight: bold; 
}

.form_error { 
	font-size: 90%; 
	color: red; 
}

.popupCalendar		{ position: absolute; opacity: 0.8; filter: Alpha(opacity=90); background: #f08080; border: solid 1px #c08080; }
.popupCalendar table{ font-size: 80%; border-collapse: collapse; border: solid 1px #808080; background: #fff; width: 13em; margin: 3px; }
.popupCalendar th	{ background: #808080; color: #fff; }
.popupCalendar td	{ padding: 0.125em 0.25em; border: solid 1px #808080; text-align: center; border: solid 1px #c0c0c0; background: #ddd; }
.popupCalendar .nav	td		{ cursor: pointer; text-align: center; font-weight: bold; background: #eff; padding: 0.125em; }
.popupCalendar .dateCell	{ cursor: pointer; background: #fff; }
.popupCalendar .today		{ background: #f08080; }
.popupCalendar .marked		{ background-color: #80ff80; }