#mainreservation {
	min-height: 620px;
	
}
#mainreservation .description{
	color:black;
	margin-bottom: 20px;
	height: 40px;
}
#mainreservation .navigation {clear:both; margin-left: 170px;}
#mainreservation #pageCalendar #datepicker           {font-size:1.2em;margin-left:170px;}

/** UI overwrite **/

.ui-icon-circle-triangle-e { background-position: -48px -192px !important; }
.ui-icon-circle-triangle-w { background-position: -80px -192px !important; }

.ui-dialog {padding: 0.25em !important;}

.ui-state-hover .ui-icon-circle-triangle-e { background-position: -32px -17px !important; }
.ui-state-hover .ui-icon-circle-triangle-w { background-position: -97px -17px !important; }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png) !important; }
.ui-widget-content .ui-icon {background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png) !important; }

.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus { background-color: transparent !important;}
.ui-dialog .ui-widget-header { font-size:1.2em;}

/********** Reservation Times **********/

#mainreservation #pageReservationTimes .time            {background-color:green;color:white;float:left;font-weight:bold;margin-right:5px;margin-bottom: 5px; text-align:center;width:50px;}
#mainreservation #pageReservationTimes .time_enabled    {cursor: pointer;}
#mainreservation #pageReservationTimes .time_disabled   {background-color: red;}
#mainreservation #pageReservationTimes .availableTimes{width:305px; margin-left:170px;}
#mainreservation #pageReservationTimes .timenextday{width:142px;}


/********** Reservation Form **********/

#mainreservation input[type="button"], #mainreservation input[type="reset"]{margin-bottom:10px; margin-top:5px; margin-right:5px; width:100px;}
#mainreservation fieldset {border:none; margin-bottom:0; padding:0;}
#mainreservation label {display:block;float:left;clear:left;width:150px;text-align:right;padding-right:20px;}

#mainreservation input[type="text"] {width:220px;}
#mainreservation textarea {width:220px;}
#mainreservation input[type="text"], #mainreservation textarea, #mainreservation select {padding:2px;}
#mainreservation input[type="checkbox"]{margin-right: 5px; width: 20px;}
#mainreservation select {text-align:left; width: 108px;padding:0.1em;}
#mainreservation .formfield{clear:both; padding-top: 3px;}

#mainreservation label.error{text-align:left;margin-left:170px;width:220px !important;color: red;}
#mainreservation .agb label.error{margin-left: 0;}

#mainreservation .checkboxtext{display:block;margin-left:200px;margin-top:-10px;}

#mainreservation .formfield > div {margin-left: 170px;}
#mainreservation .formfield div.validateErrorMessage {margin-left: 0;}

/********** Reservation information **********/
#mainreservation .reservationInfo{
	padding-bottom:20px;
}
#mainreservation .reservationInfo .labelleft{width:110px;float:left;}



/********** GENERAL **********/



#mainreservation #formtransmitting, #mainreservation #datepickerloading{
	margin:70px;
	text-align:center;
}



#mainreservation .ui-datepicker{
	margin-bottom: 10px;
	border: 0px;
	padding: 0.3em;
}



#mainreservation .back{
	cursor: pointer;
}



#mainreservation #checkboxes{
	margin-top:10px;
}

.captchaBox {
	width: 360px;
	overflow: hidden;
}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
  background-color:#FF0000 !important; 
}

#recaptcha_table {
  border-color: #FF0000 !important; 
}

#recaptcha_response_field {
  border-color: #FF0000 !important;
  background-color:#FF0000 !important; 
}