/* Preprocessed by cssp */


#testing {
	width: 20em;
	height: 12em;
	span {
		color: pink;
		background-color: green;
	}
	a {
		text-decoration: none;
		font-weight: bold;
	}
	border: 2px solid green;
}

#tested {
	width: 20em;
	height: 12em;
	span {
		color: pink;
		background-color: green;
	}
	a {
		text-decoration: none;
		font-weight: bold;
	}
	border: 2px solid green;
}


/* Body */

	body {
		font-family: Arial,Helvetica,Sans-Serif;
		font-size: 12px;
	}

	p {
		margin: 3px 0px;
	}

	#body {
		width: 64em;
		margin: auto;
	}


/* Colours */

	h1, h2, h3 {
		color: #005247;
	}

	a:link, a:visited {
		color: #005247;
	}
	.calendar table {
		border-color: aqua;
	}
	.calendar th {
		background-color: #005247;
		color: white;
	}
	.calendar td, .calendar th {
		border-color: #005247;
	}
	#calendar .calendar .weekend {
		background-color: #ffcccc;
		color: black;
	}
	.mark {
		background-color: #ff9999;
	}

	.busy {
		background-color: #669999;
	}

	.tentative {
		background-color: #ccffff;
	}

	#calendar .dn {
		color: #005247;
	}
	#information {
		background-color: #005247;
		color: white;
	}

/* Relative Sizes */

	h1 {
		text-size: 200%;
	}
	h2 {
		text-size: 150%;
	}
	h3 {
		text-size: 80%;
	}
	td, th {
		text-size: 100%;
	}
	.calendar {
		font-size: 80%;
	}
	#calendar .heading	{
		text-size: 150%;
	}
	.left, .right, .notes {
		font-size: 150%;
	}


/* Other Styles */

	h1 {
		width: 100%;
		padding-bottom: 4px;
		border-bottom: 2px solid;
	}

	a {
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		text-decoration: underline;
	}

	td, th {
		vertical-align: top;
		text-align: left;
	}

	select {
		font-size: 18px;
		font-weight: bold;
	}
	label {
		font-weight: bold;
	}

	.calendar th {
		background-color: #005247;
		color: white;
		padding: 2px 2px;
		text-align: center;
		vertical-align: middle;
	}
	.calendar td, .calendar th {
		border-style: solid;
		border-width: 1px;
	}
	.calendar td {
		vertical-align: top;
	}
	#calendar .heading	{
		font-weight: bold;
	}
	.left		{	text-align: left;	}
	.right		{	text-align: right;	}

/* Visibility */



/* Absolute Sizes */

	.calendar, .heading {
		width: 720px;
	}
	.calendar td {
		width: 112px;
	}
	#calendar .calendar .weekend {
		width: 60px;
	}
	#calendar .week {
		width: 90px;
	}

	td {
		height: 32px;
	}

#calendar .dn {
	width: 100%;
	display: block;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	padding: 0px 2px 2px 2px;
}
#information {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	visibility: hidden;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	padding: 2px;
	font-weight: bold;
}
#calendar span.dn {
	color: #666666;
	font-weight: normal;
	font-size:120%;
	width: 12px;
	text-align: center;
	margin: 0px;
}
#calendar td.current span.dn {
	color: #333333;
	font-weight: bold;
}

#booking {
	padding: 8px;
	width: 400px;
	border: solid 1px black;
}
#booking span {
	display: block;
	qfloat: left;
	margin: 4px;
}

#select p, #booking p {
	clear: both;
	margin: 2em 1em;
}

#select label, #booking label {
	font-weight: bold;
	float: left;
}

div#list {
	float: left;
	width: 24em;
}
div#data {
	float: left;
	width: 30em;
}
div#list option {
	font-size: 10pt;
	width: 18em;
}
fieldset label {
	float: left;
}
fieldset p {
	clear: both;
}