@charset "utf-8";

body
{
	background-color: #000;
	margin: 0px;
	padding: 0px;
	font-family: "verdana CE", "Arial CE", verdana, helvetica, arial, geneva, sans-serif;
	color: #EEE;
	text-decoration: none;
	text-align: center;
}

/* =============== AVAILABILITY INFORMATION ======================= */

/* whole page */
#availability
{
	margin: 0px auto 0px auto;
}

#availability h4
{
	margin-top: 0px;
}

/* links switching months to the previous and next */
.month-switch
{
	font-size: x-small;
}

/* table containing months calendars */
.calendar
{
	margin-left:auto;
	margin-right:auto;
}

/* one cell of the above table */
.calendar-cell
{
	padding: 1em;
}

/* month name */
.calendar-cell h4
{
	font-size:small;
}

/* calendar table of one month */
.month-table
{
	border-left: 1px solid #FFCC66;
	border-top: 1px solid #FFCC66;
	height: 150px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}

.month-table-header-cell
{
	font-size: smaller;
	font-weight: bold;
	text-align: center;
	width: 40px;
	height: 20px;
	border-right: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
}

.month-table-cell
{
	color: black;
	font-size: x-small;
	text-align: center;
	width: 40px;
	height: 20px;
	border-right:1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
}

.availability-legend
{
	margin:5px auto 5px auto;
}

.availability-legend-cell
{
	width: 20px;
}

/* =============== RESERVATION FORM ======================= */

#reservation-form
{
	font-size: small;
	border: 0px;
	margin: 1em auto;
	text-align: left;
}

#reservation-form td
{
	vertical-align: top;	
	padding: 2px;
}
#reservation-form td.submit-cell
{
	padding-top: 10px;
	text-align: center;
}

#reservation-form .text-input-tr input,textarea
{
	border: 1px solid #000;
}
#reservation-form .date-input-tr input
{
	border: 1px solid black;
	width: 8em;
	text-align: center;
}