table.jCalendar {border: 1px solid #666;background: #aaa;border-collapse: separate;border-spacing: 2px;}
table.jCalendar th {background: #444;color: #fff;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #f0f0f0;color: #000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #ddd;color: #aaa;}
table.jCalendar td.today {background: #666;color: #fff;}
table.jCalendar td.selected {background: #f66;color: #fff;}
table.jCalendar td.selected:hover {background: #f33;color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff;color: #000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #bbb;color: #888;}

/* For the popup */

div.dp-popup {position: relative;background: #d6eafe;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: auto;line-height: 1.2em;}
div#dp-popup {position: absolute;z-index: 199;border:2px solid #c2e0f8;}
div.dp-popup h2 {font-size:12px;text-align: center;margin: 3px 0pt 4px;padding: 0;color:#444;}
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}

.cform {margin:5px 0 5px 20px; width:230px;}
.cform p {margin:4px 0 4px 0;}
.cform .cf_hidden {display:none; border:none!important;background:none!important;padding:0!important;margin:0!important;}

/* booking */

#cformsform {margin:5px 0 5px 20px; width:230px;}
#cformsform input {width:207px;padding:2px;background:#fff;border:1px solid #fff;vertical-align:top;color:#000;font:normal 11px Arial;}
select#cf_field_4, select#cf_field_5  {width:212px;padding:1px;background:#fff;border:1px solid #fff;vertical-align:top;}

/* checkin - out */
p#li--6, p#li--7 {float:left;width:95px;margin:0 5px 5px 0;}
input#cf_field_6, input#cf_field_7 {float:left;width:65px;padding:2px;background:#fff;border:1px solid #fff;vertical-align:top;margin:0 0px 5px 0;}

select#cf_field_8, select#cf_field_9  {width:90px;padding:1px;background:#fff;border:1px solid #fff;vertical-align:top;}
p#li--8, p#li--9 {float:left;width:90px;margin:0 10px 5px 0;}

textarea#cf_field_10 {width:207px;padding:3px;background:#fff;border:1px solid #fff;height:50px;color:#000;}

/* contact */

#cforms2form {margin:3px 0 0px 0px; width:450px;}
#cforms2form input {width:150px;padding:2px;background:#fff;border:1px solid #fff;vertical-align:top;color:#000;font:normal 11px Arial;margin:0 5px 0 3px;}
#cforms2form label {width:180px;margin:0px 0px 0 0; display:-moz-inline-box; /*for mozilla*/display:inline-block; /*for Opera & IE*/text-align:left;vertical-align:top;font:normal 11px Arial;color:#fff;}
#cforms2form p#li-2-3 label span {width:180px; /* must be the same as above!*/display:block;}
#cforms2form p#li-2-1 label, #cforms2form p#li-2-2 label {width:auto;}
textarea#Inquiry {width:383px;padding:3px;background:#fff;border:1px solid #fff;height:60px;color:#000;margin:2px 0 0 0;}

/* just for text-only fields (no input)    */
ol.cf-ol li.textonly {padding:3px 0; text-align:center;}
/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {width:200px;margin:0px 0px 0 0; display:-moz-inline-box; /*for mozilla*/display:inline-block; /*for Opera & IE*/text-align:left;vertical-align:top;font:normal 10px Arial;color:#fff;}
.cform label span {width:200px; /* must be the same as above!*/display:block;}

label.cf-before {width:50px;margin:4px 10px 0 0; }
label.cf-before span {width:50px;}
label.cf-after 	{font-size:10px;letter-spacing:0pt;margin:4px 5px 4px 6px;text-align:left;width:45px;}
label.cf-after span {width:45px;display:block;}
label.cf-group-after {margin:5px 0 4px 2px;width:130px;text-align:left;}
label.cf-group-after span {width:130px;display:block;}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select {padding:3px;background:#fff;border:1px solid #fff;vertical-align:top;}

.cform input:hover,
.cform textarea:hover,
.cform select:hover {background:#fff;}

.cform input:focus,
.cform textarea:focus,
.cform select:focus {background:#fff;}

.cform textarea,
.cform input {width:150px;}

.cform select {width:158px; /* attempt to have equal length */}  
.cform select.cfselectmulti { height:7.5em; }

.cform textarea {font-family: arial;font-size: 11px;height:5em;overflow:auto;display:block;}
.cform input.cf_date {width:128px;}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { display:none; }

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {padding: 0!important;margin:0 0 5px 0;text-align:left;}
.cform input.sendbutton {width:auto;float:left;padding:2px 1em;margin:0 0 5px 0px;font:bold 11px;Arial;color:#000;background:#fff;}
.cform input.sendbutton:hover {cursor:pointer;}

#cformsform input.sendbutton {width:auto;float:left;padding:1px 4px;margin:0 0 0px 0px;font:bold 11px;Arial;color:#000;background:#fff;}
#cformsform input.sendbutton:hover {cursor:pointer;}

#cforms2form input.sendbutton2 {width:auto;float:left;padding:1px 4px;margin:0 0 0px 0px;font:bold 11px;Arial;color:#000;background:#fff;}
#cforms2form input.sendbutton2:hover {cursor:pointer;}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */

ol.cf-ol li.cf_li_err {background:none;padding:5px 0!important;margin:5px 0!important;}
ol.cf-ol li ul.cf_li_text_err {margin:0 0 0 10px;padding:0;color:#333;}
ol.cf-ol ul.cf_li_text_err li {background:url(icon-alert.png) no-repeat left 1px!important;list-style:none!important;font-weight:bold;text-indent:0;margin:0 0 2px!important;padding-left:15px;}
ol.cf-ol ul.cf_li_text_err li:before {content:'';}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {display:none;color:#fff;display:none;clear:both;font-family:Arial;font-size:11px;margin:5px 0 0px 20px;padding:0;text-align:left;width:200px;}

#usermessage2a {width:370px;margin:0 0 0 15px;padding:0;text-align:left;}
div.cf_info2a {display:none;color:#fff;font-family:Arial;font-size:11px;margin:0px 0 0px 00px;padding:0;text-align:left;width:370px;}

div.cf_info a {color:#ad2929!important;text-decoration:underline!important;}
div.success {color:#fff;display:block;}
div.failure {display:block;}
div.waiting {color:#fff;display:block;}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */

.cform .cf_error {color:red;border:1px solid #FF0000;}
#cformsform .cf_error {color:red;border:1px solid #FF0000;}
#cforms2form .cf_error {color:red;border:1px solid #FF0000;}
div.mailerr {display:block;}
.mailerr, .cform .cf_errortxt {color:red;}