div#bron-container
{
	width: 392px;
}
div#reservation-container, div#summary-container
{
	border: 1px solid #ccc;
	padding: 1px;
	margin-bottom: 5px;
}
div#calendar-container
{
	margin-bottom: 5px;
}
div#calendar-banner
{
	float: left;
}
div#date-picker-container
{
	float: right;
}
div#reservation-container div.header
{
	font-family: Arial, sans-serif; font-size: 8pt;
	padding: 7px;
	color: #000;
	background-color: #ccc;
	text-transform: uppercase;
}
div#reservation-container div.body
{
	padding: 5px;
	float: right;
}

table#summary-table
{
	margin: 1px;
	margin-bottom: 8px;
	margin-right: 0;
	border: 0;
	border-collapse: collapse;
}

table#summary-table th
{
	font-family: Arial, sans-serif; font-size: 8pt;
	padding: 7px;
	color: #000;
	background-color: #ccc;
	font-weight: normal;
	border: 1px solid #ccc;
	text-transform: uppercase;
}
table#summary-table td
{
	border: 1px solid #fff;
	padding: 0 7px;
	font-family: Arial, sans-serif; font-size: 8pt;
	color: #000;
	/*white-space: nowrap;*/
}

td.header, td.column-header, td.row-header { font-family: Arial, sans-serif; font-size: 6.5pt; font-weight: bold; }

tr.row { height: 8px; }
td.corner-cell { width: 16px; border: 1px solid #c6c5c3; background: #c6c5c3 url(./gfx/clock.png) top center no-repeat; }
td.column-header { width: 16px; border: 1px solid #c6c5c3; }
td.row-header { background: transparent; border: 0; color: #000; }

td.board-cell { font-size: 6.5pt; color: #040000; border: 1px solid #d4d4d2; }
td.board-cell a { text-decoration: none; color: #000; }
td.board-cell a:hover { }

td.room-name { font-size: 6.5pt; font-family: Arial; white-space: nowrap; text-align: right; }

table.the-board td.the-spacer { cursor: pointer; background-color: #e3e2e0; height: 8px; border: 1px solid #e3e2e0; }

div#reservation-table
{
	position: relative;
}