@charset "utf-8";

body
{
	background-color: #FCF6EC;
	margin: 0px;
	padding: 0px;
	font-family: "verdana CE", "Arial CE", verdana, helvetica, arial, geneva, sans-serif;
	color: #000000;
	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: x-small;
	font-weight: bold;
	text-align: center;
	width: 40px;
	height: 20px;
	border-right: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
}

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

.availability-legend
{
	font-size: small;
	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: 10px;
	text-align: center;
}

#reservation-form .remember-input-tr
{
	text-align: left;
}

#reservation-form .text-input-tr input
{
/*	border: 1px solid #000; */
}
#reservation-form .text-input-tr textarea
{
/*	border: 1px solid #000; */
}

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



.ErrorMessage, .InfoMessage, .WarningMessage
{
	text-align: center;
	font-size: small;
	font-weight: bold;
}
.ErrorMessage /* common error message */
{
	background-color: #CC0000;
	color: #FFFFFF;
}
.InfoMessage /* common info message */
{
	color: #338800;
}
.WarningMessage /* common warning message */
{
	color: #bd1115; /*darkred;*/
}


#global-popup-info
{
	left: 10px;
	top: 10px;
	padding: 3em;
	border: 4px solid #bd1115;
	background-color: #FCF6EC;
	font-size: small;
	font-weight: bold;
}