/*
Reservation Form Styles
================================================== */


#reservation {
	display: none;
	text-align: center;
	border-top: 1px solid #e1e1e1;
}
#reservation form{
	margin:0;
	display: inline-block;
}
#reservation h3 {
	display: none;
	margin: 0 .6em 0 0;
	text-transform: uppercase;
	vertical-align: middle;
}
#reservation li {
	display: inline-block;
}
#reservation ul ul {
	margin: 0 !important;
}
div#ui-datepicker-div {
    z-index: 99999999 !important;
}
#top form {
	margin-bottom: 0 !important;
}
#reservation input[type="submit"], #reservation #submit, .button {
    padding: 9px 14px 8px 14px;
    cursor: pointer;
    border: 1px solid #ffffff;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 15px;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 1px;
    background-color: #ff8b02;
}
.header-scrolled #reservation input[type="submit"], .header-scrolled #reservation #submit, .header-scrolled .button {
    padding: 8px 14px 9px 14px;
}
#reservation input[type="submit"]:hover, #reservation #submit:hover, .button:hover {
    background-color: #78a300;
}
#reservation input[type=text], #reservation select, #reservation ul, #reservation li {
	height: 38px;
}


/* Calendar popup style */

.ui-widget.ui-widget-content {
    border: none;
}
.ui-widget-content {
    border: 1px solid #d1d1d1;
}
tr th:first-child, tr td:first-child {
    border: none !important;
}
tr th, tr td {
    border: none !important;
}
.ui-datepicker {
    width: 18em !important;
    padding: .2em .4em 0 !important;
    display: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    font-weight: normal;
}
.ui-widget-header {
    border: none !important;
    background: none !important;
    font-weight: bold;
}




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {

#reservation li li {
	min-width: 100px;
}
#reservation input[type=text], #reservation select, #reservation ul, #reservation li {
	margin: -6px 0 !important;
}
#reservation {
    padding: 18px 0 18px;
    background-color: transparent;
}
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 189px;
}
#reservation label {
    color: #f5f4ee;
    display: block;
    margin-bottom: 5px;
}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media screen and (max-width: 767px){

#reservation li li {
	min-width: 75px !important;
}
#reservation input[type=text], #reservation select, #reservation ul, #reservation li {
	margin: 1px 0 !important;
}
#reservation input[type=text]{
    width: 11.9em;
}
#reservation {
    padding: 0px 0 20px;
    background-color: #33414e !important;
}
#reservation label {
    color: #f5f4ee;
    display: block;
    margin-top: 5px;
}
}


/*
Book Now Style
================================================== */
/* Note: Adjust Book Now button for this width */

@media screen and (max-width: 690px){

#reservation input[type="submit"], #reservation #submit, .button {
    margin-top: 12px;
}
}