form { width:600px; }
input, select, textarea { font-family:Verdana; background-color:#fff; }
option { padding:0 3px; }
label { display:block; }
label.validation-error { background-color:#ff0; color:#000; }
input:focus, textarea:focus { background-color:#fefcfa; }
input.readonly { background-color:#eee !important; } 
input.required, select.required, textarea.required, .list .required { background-image:url(/images/icon-required.gif); background-repeat:no-repeat; padding-left:8px; }
.date-picker { width:75px !important; }
.list ul {  float:left;font-size:1em !important; margin:3px 0 0 4px; padding-left:4px; list-style:none; display:inline-block; }
.list ul.required { margin-left:0; }
.list ul li { line-height:1.8em; margin-bottom:4px; }
.list ul li label { display:inline; background:none !important; margin-left:3px; padding-left:3px !important; font-size:1em; }
.list ul li input {float:left;}
.textfield, select { border:1px solid #999; }
.field, .buttons { padding:5px; overflow:hidden; }
.form-help { padding:5px 25px; }
.rfp-details { border-collapse:separate; }
.rfp-details th{ padding-right:10px; white-space:nowrap; }
.rfp-details th.meeting-day { width:75px; }
.rfp-details .textfield { width:40px !important; }
.rfp-details select { padding:4px 2px; }
.rfp-details select option { padding:0 5px 0 0; }
.console { width: 440px; }
.console .field { float:left; display:inline; }
.console .buttons { clear:left; }
.console label, .list label, .meeting-room-field label { width:auto; }
#room-requirements { display:none; }

form.standard { margin:0 auto; position:relative; }
form.standard .required-image { position:relative; top:5px; }
form.standard fieldset legend { color:#000; margin:0 15px; font-weight:bold; font-size:1.2em; }
form.standard .field { padding:5px 20px 10px 20px; border-bottom:1px solid #ccc; }
form.standard label { padding:3px 0; }
form.standard .textfield, form.standard select { border-color:#bbb; padding:4px 3px 4px 8px; }
form.standard .textfield { width:200px; }
form.standard select option { padding:0 5px 0 10px; }
.list .hidden { text-indent:-9999px; }
form.standard .ui-datepicker-trigger { vertical-align:inherit; }
form.standard .buttons { text-align:center; padding-top:15px; }

/* Contact / Spa Reservtions / Golf RFP */
.form #inset {position:absolute; right:22px; top:69px;} /* too many issues with IE to handle with form width */
.form #content #inset+p {width:400px;}

.form form.standard {margin-left:0;}
.form form.standard .field {border:none; padding:5px 20px 10px 0;}
.form form.standard label {font-size:12px; color:#000; float:left; display:inline; width:150px; text-align:right; padding:0 15px 0 0;}
.form form.standard .checkboxgroup label { float:none; padding:0 0 0 10px;}
.form #content ul li {background-image:none; padding-left:0;}
.form #content form.standard ul.checkboxgroup {float:left; margin-left:165px;}
.form #content form.standard ul.checkboxgroup input {float:left; background:transparent; position:relative; top:4px;}
.form #content form.standard ul.checkboxgroup li label {display:inline; float:left; text-align:left; width:300px; }
.form #content form.standard .buttons {text-align:left; margin-left:160px;}

.form #content form#contact-us fieldset legend {display:none;}

.form #content form#spa-request #spa-services fieldset {margin:0 0 10px 165px; border:1px solid #47362E; width:340px;}
.form #content form#spa-request #spa-services ul.checkboxgroup {float:left; margin-left:10px; padding:0;}
.form #content form#spa-request .ui-datepicker-trigger {vertical-align:middle; position:relative; top:-1px;}
.form #content form#spa-request .freecap-img {margin-left:165px;}

.form #content form#spa-request .radio-label {width:auto; float:none;}

.form #content form#golf-request label { width:160px;}
.form #content form#golf-request #golf-services fieldset {margin:0 0 10px 165px; border:none; width:340px;}
.form #content form#golf-request #golf-services ul.checkboxgroup {float:left; margin-left:0; padding:0;}
.form #content form#golf-request #golf-services #service_filters_other {clear:both; background:#fff;}
.form #content form#golf-request .ui-datepicker-trigger {vertical-align:middle; position:relative; top:-1px;}
.form #content form#golf-request .freecap-img {margin-left:130px;}

/* sign-up push */
#signup-push {width:208px; position:relative;}
#signup-push fieldset { border:none; width:150px;}
#signup-push .field {float:left; width:140px; padding:2px 0 0 5px; height:26px; background:#fff; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius: 5px 0 0 5px; }
#signup-push #email {font:11px/16px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color:#524940; border:none; padding:7px 3px 2px; }
#signup-push .buttons { padding:0; position:absolute; top:0; right:0; }
#signup-push #submit {background:transparent;}
#sidebar img.validation-error {position:relative; top:-16px; left:110px;}

.home #signup-push {width:245px;}
.home #signup-push fieldset { border:none; width:225px;}
.home #signup-push .field {background:#f6f1e6; float:none; width:215px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
.home #signup-push #email {background-color:#f6f1e6; width:170px; padding-left:6px;}
.home #signup-push .buttons {position:relative; top:17px;}

/* booking console */
#booking-console-wrapper { position:absolute; top:26px; left:50%; width:755px; margin:0 0 0 -275px; z-index:100;}
#booking-console { background:url(/images/layout/bg-booking-console.png) no-repeat 0 0; height:59px; width:755px; overflow:hidden; z-index:300;}
.inactive { margin-left:390px;}
.inactive #fields-wrapper { display:none; }
#booking-console h3 { float:left; width:120px; position:relative; top:-10px; }
#booking-console h3 a {display:block; width:120px; height:59px; background-image:url(/images/layout/console-sprite.png); background-repeat:no-repeat;}
#booking-console.inactive h3 a {background-position:-200px 0;}
#booking-console.active h3 a {background-position:0 0;}

#promo-click {color:#f4e6c0; position: absolute; top: 25px; left: 543px;}
#console-mask {position:absolute;left:50%; top:0; width:800px; height:100px; overflow:hidden; background:url(/images/layout/console-mask.png) no-repeat 0 0; margin-left:470px; z-index:500; }

#reservations-console { width:auto; padding:10px 6px 2px 8px; }
#reservations-console label.validation-error { background-color:#abbf88; color:#fff; }

#hide-closed {display:none;}

#reservations-console fieldset { border:none; }
#reservations-console input { border:none; }
#reservations-console .textfield { border:1px solid #4d5629; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4d5629; height:19px; margin-bottom:2px; padding:0 0 0 2px; }
#reservations-console select { border:0px solid #dde8f8; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#344765; margin-top:2px; width:46px; height:18px; }
#reservations-console .field { padding:0 2px 0 1px; }
#reservations-console #fields-wrapper .field {padding:0 6px;}
#reservations-console label { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-align:left;}
#reservations-console .buttons {  position:absolute; top:5px; left:640px; }
#reservations-console input.required, #reservations-console select.required { background-image:none; padding-left:5px; }
#reservations-console .date-picker { width:78px !important; }
#reservations-console .submit { background:transparent; }
#reservations-console .ui-datepicker-trigger, #reservations-console .ui-datepicker-trigger-inactive { margin-left:1px; padding-bottom:3px;}
#reservations-console .ui-datepicker-trigger-inactive { vertical-align:bottom; }
#reservations-console .ui-datepicker-trigger-inactive:hover { vertical-align:bottom; cursor:pointer; }

.inactive #reservations-console #arrival:hover { cursor:pointer; }

#reservations-console #dropdown-fields { background: url(/images/layout/promo-popup.png) no-repeat 0 0; background-repeat: no-repeat; display:none; height: 199px; right:216px; padding: 5px 10px 0; position:absolute; top: -16px; width: 147px; z-index:5000; }
#reservations-console #dropdown-fields label {  float: left; width: 124px; color: #46352d; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 0; clear: both; text-transform: none; text-indent:-9999px;}
#reservations-console #reservations-console #group-code {height: 12px; width: 120px; padding: 2px 0 2px 2px;font-size: 10px; }
#promo-code {height: 12px; width: 120px; padding: 2px 0 2px 2px;font-size: 10px; margin:2px 0 0;}
#reservations-console #group-code {width: 120px; padding: 2px 0 0 2px; }
#reservations-console #iata-number {height: 12px; width: 120px; padding: 2px 0 2px 2px; }
#reservations-console #dropdown-fields .field { padding: 0 4px 5px; width: 124px;}
#reservations-console #dropdown-fields .textfield {border:none; background:transparent; margin-bottom:0; }
#reservations-console #dropdown-fields .textfield:focus {outline:none;}

#reservations-console #extra-fields-close { position:absolute; right:17px; top:7px; }
#reservations-console #dropdown-book { left:11px; position:absolute; top:156px; }

/* Golf Pass Form */
div#golf-pass-wrapper { overflow: hidden; margin-bottom: 20px; width: 663px; height: 197px; background: url("../images/layout/golf-pass-bg.jpg") no-repeat 0 0; }
form#golf-pass { margin: 140px 0 0 28px; }
form#golf-pass div.field { clear: none; float: left; display: inline; width: 175px; border: none; padding: 0; }
form#golf-pass div.field label { display: none; }
form#golf-pass input.textfield { padding: 6px 0 6px 10px; width: 155px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
form#golf-pass div.buttons { float: left; display: inline; width: 72px; padding-top: 0; }