body
{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	color: white;
	background:none;
	
}



/*
Container for entire calendar form, set main text font stuff here:
Set width to conform to width available.
*/
#calendarFormContainer
{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size:11px;
	width:320px;
	font-weight: normal;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
    	
}


.panelReserve
{
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size:11px;
	font-weight: normal;
}

#calendarContainer
{
    float:left;
    width:240px; 
    font-size: 10px;	

    margin:0 75px 0 75px;
}

#calendarTextContainer
{
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width:100%;
	color: white;
}

.calHoliday
{
    background-color:Aqua;
}

.calBlockOut
{
    background-color:Black;
    color:White;
}

.error
{
   color:DarkRed;
   font-weight:bold;
   font-style:italic;
}

.errorLight
{
   color:DarkRed;
   
}


.note
{
    color:DarkRed;
    font-weight:bold;
}
    
.formLabel
{
    width:150px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-align:left;
    
}
.formFieldInput
{
    width:160px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

.formFieldDropDown
{

    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.formField textarea
{
    width:200px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.formError
{
     font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
    color:Red;
}
    
.reservationForm
{
	width:100%;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	float:left;
}

.formSubmitButton
{
 
}