/* main 'top-level' form elements */
/*
@import url("../cforms/styling/calendar.css");
*/
@import url('calendar.css');

div.dp-popup h2 {
	color: #333;
	font-size: 15px;
	}

.cform {
	margin: 10px auto 0 auto;
	width: 405px;
	width: 385px;
}

.cform p {
	text-align: right;
	margin: 0;
}

.cform fieldset	{
	margin-top: 10px;
	padding: 12px 0;
	border: 0px solid #adadad;
	border-left-color:#ececec;
	border-top-color: #ececec;
	border-top: 1px solid #777;
	background:none;
	position:relative;
}

.cform legend {
	position: relative;
	top: -1px;
	margin: 0 0 0 10px;
	padding: 0 5px 0 2px;
	color: #F0F0F0;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
}

.cform .cf_hidden {
	display:none;
	border:none !important;
	background:none !important;
	padding:0 !important;
	margin:0 !important;
}

ol.cf-ol {
	padding: 5px 20px 5px 0 !important;
	padding: 0 20px 0 0 !important;
	margin: 0 !important;
	position: relative;
}
ol.cf-ol li {
	border: 1px solid transparent !important;
	padding: 3px 0 !important;
	margin: 1px 0 !important;
	list-style:none !important;
	clear: left !important;
	background:none !important;
	text-align: left;
	text-align: right;
	line-height:1.3em;
	font-size: 12px;
	position:relative;
}

/* just for text-only fields */

ol.cf-ol li.textonly {
	letter-spacing: 0;
	margin: 0 0 9px 0 !important;
	padding: 0 0 2px 0;
	color: #CA7;
	color: #FA3;
}
ol.cf-ol li.textonly span {
	font-size: 1.85em;
	line-height: 0;
	vertical-align: sub;
}
h4.yellow {
	color: #FA3 !important;
	margin-bottom: 18px;
	font-style: italic;
}
h4.yellow small {
	font-size: 11px;
	position: relative; top: -2px;
	font-style: normal;
}
/*<h4 class="center" style="color: #FA3;"><small>&diams;</small> Friday &amp; Saturday nights are NOT AVAILABLE for private events. <small>&diams;</small></h4>*/

/* global definitions for field labels */

/* SALUTATION */
ol.cf-ol li.cf-box-title,
.cform label {
	width: 45%;
	padding: 2px !important;
	margin: 0 5px 0 0;
	text-align: right;
	color:#E0E0E0;
	font-size: 13px;
	clear: left;
}

/* radio button title */
ol.cf-ol li.cf-box-title {
	float: left;
	padding: 1px !important;
	margin-top: 5px !important;
}
/* check box groups */
ol.cf-ol li.cf-box-group,
ol.cf-ol li.cf-box-title {
	margin-bottom: 5px !important;
	}
ol.cf-ol li.cf-box-group {
	padding-left: 5px !important;
	float: left;
	clear: none !important;
}
ol.cf-ol li.cf-box-group input,
ol.cf-ol li.cf-box-group label {
	display: inline !important;
	float: none !important;
}


label.cf-before {
	margin:4px 5px 0 0;
}

label.cf-after 	{
	margin:4px 2px 0 4px;
	text-align:left;	
}

label.cf-group-after {
	margin:4px 6px 0 4px;
	text-align:left;
}
label.cf-group-after span {
}

/*   FORM FIELDS general formatting    */

.cform input[type="text"],
.cform textarea,
.cform select {
	width: 50%;
	margin: 0 0 5px 0;
	padding: 2px 3px;
	vertical-align:top;
	font-size: 12px;
	font-family: Tahoma, 'Lucida Sans', 'Lucida Grande', sans-serif;
	color: #000;
	background: #666;
	background-image: -webkit-gradient(linear,0 0,0 100%, from(#666),to(#666),color-stop(.25, #888));
	background-image: -moz-linear-gradient(0, #555, #888, #666);
	border: 1px solid #555;
		 box-shadow: #222 1px 1px 0;
	-moz-box-shadow: #222 1px 1px 0;
 -webkit-box-shadow: #222 1px 1px 0;
}
.cform input[type="text"],
a.dp-choose-date {
		 border-radius: 2px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
	}
.cform select {
	background: #777 !important;
		 border-radius: 4px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
	}
.cform select option {
	background: #DDD !important;
	border: 0 !important;
	}
	#Bar-Package { font-size: 11px !important; }

.cform input[type="text"]:focus,
.cform input[type="text"]:hover,
.cform textarea:focus,
.cform textarea:hover,
.cform select:focus,
.cform select:hover,
a.dp-choose-date:hover { background-color:#999 !important; border-color:#AAA; }

.cform textarea {
	width: 100%;
	height: 6em;
	padding: 2px;
	overflow:auto;
	background-image: -webkit-gradient(linear,0 0,0 100%, from(#666),to(#666),color-stop(.15, #888));
}
.cform select { width: 51%; }
.cform select.cfselectmulti	{
	height:6.5em;
}


#li-2-2 { padding: 0 0 15px 0; }
#li-2-15 label { white-space: nowrap; }

/* check boxes */

input.cf-box-a, input.cf-box-b {
	margin: 3px 0 0;
	width: 16px;
	border:none !important;
	background:none !important;
}

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

.abs {
	position: absolute !important;
	top:1px;
	color: #777;
	}
input.abs { left:0; top:0;}

input[type="readonly"], .readonly {
	margin-top:0; margin-right:0;
	border:0;
	text-align: center;
	color: #AAA;
	background: #444;
	padding: 3px;
	}
span.abs { margin-left: 16px; margin-right: -14px; }
.readonly {
	top: 0;
	padding: 0 7px;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
 -webkit-box-shadow: #222 1px 1px 1px;
	-moz-box-shadow: #222 1px 1px 1px;
		text-shadow: #222 -1px -1px 0;
 -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	}
/* <input class="abs" type="readonly" size="5" value="5" /> */

li.req,
span.req,
span.reqtxt,
span.emailreqtxt { position: absolute; }
.req,
.reqtxt,
.emailreqtxt {
	padding:0;
	margin: 0 0 0 3px;
	vertical-align: middle;
	white-space: nowrap;
	}
.reqtxt,
.emailreqtxt {
	text-shadow: #000 1px 1px 2px;
	font-size: 11px !important;
	color: #CC2219;
}

.req big,
.reqtxt big,
.emailreqtxt big {
	font-size: 18px !important;
	position:relative;
	bottom:0;
	top: 3px;
	}

.cform select.fldrequired,
.cform textarea.fldrequired,
.cform input.fldemail,
.cform input.fldrequired {
	outline-color: #422 !important;
}

/* date-picker calendar */
a.dp-choose-date {
	width: 51%;
	padding: 0 1px;
	right:0;
	top: 3px;
	border: 1px solid transparent;
	position: absolute;
	background-color: rgba(0,225,0,.0) !important;
	background: url(js/calendar.png) 97.5% 50% no-repeat;
	}
a.dp-choose-date:hover { background-color: rgba(255,255,255,.2) !important; }
img.imgcalendar {
	border:none !important;
	margin: 1px 3px;
	float: right;
	z-index: 99;
}

/*   FORM submit button */

p.cf-sb {
	padding: 0 !important;
	margin: 0 auto;
	text-align: center;
}

.cform input.sendbutton	{
	margin: -1px auto 10px auto;
	font-size: 17px;
	padding: 3px 12px;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,.65) !important;
	border: 1px solid #EEE;
	background-color: #888;
	background-image: -webkit-gradient(linear,0 0,0 100%, from(#999),to(#666));
	}
.cform input.sendbutton:hover {
	background-color: #CCC;
	background-image: -webkit-gradient(linear,0 0,0 100%, from(#666),to(#999));
	}
.cform input.sendbutton:active {
	margin-top: 0px;
	margin: 0px auto 9px auto;
	}


/*   FORM FIELDS enhanced error display        */
ol.cf-ol li.cf_li_err {
/*	background:#FFDFDF url(li-err-bg.png) repeat !important; */
	background: rgba(50,0,0,.3) !important;
}

ol.cf-ol li ul.cf_li_text_err {
	padding:0 0 0 10px;
	margin:0;
	color:#333;
	display:inline-block;
}

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:'';
}


/* 'visitor verification' related styles       */

.cform label.seccap {
	margin: 0 150px 0 0;
	padding: 0 2px;
	margin-right: 85px;
}

label.secq {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	width:auto;
	padding: 2px 4px 2px 2px;
}
label.secq span {
	display:block !important;
	width:auto;
}

input.secinput {
	vertical-align:text-bottom;
	width: 50px;
}

#cforms_captcha6,#cforms_captcha5,#cforms_captcha4,#cforms_captcha3,#cforms_captcha2,#cforms_captcha {
	height: 15px;
	width: 110px;
	padding: 4px 4px;
	margin: 0 0 8px 0;
	vertical-align:text-bottom;
}

.seccap {
	margin-top: -15px !important;
	color: #600;
}

img.captcha	{
	vertical-align: bottom;
	margin: 5px 3px 8px 10px !important;
	padding: 0 !important;
	border: none !important;
	float: none !important;
}

img.captcha-reset {
	vertical-align:top;
	border:0 !important;
	background:	url(reset.png) no-repeat;
	margin: 7px 20px 0 0;
	width: 24px; height: 24px;
}


/*	change formatting of response msgs here	*/

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px !important;
	width:420px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin: 0;
	padding: 5px 15px 0 30px;
}
div.cf_info ol li {
	padding: 1px 0;
	margin: 2px 0;
}
div.cf_info a	{
	color:red !important;
	text-decoration:underline !important;
}
div.waiting,
div.success {
	background: rgba(0,0,0,.33);
	color: #AAA;
	display:block;
}

.error, .failure {
	color: #500 !important;
	border: 1px solid #A00 !important;
	text-shadow: #777 1px 1px 2px;
}
div.failure { /* error */
	display:block;
	background: #D77;
	text-shadow: none;
}

/*	formatting for invalid user inputs */
.cform .cf_error {
	color:#ad2929;
	border:1px solid #ad2929;
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929;
}

/* disabled fields [disabled] does not work on IE!    */

[disabled] {
	color: #DDD;
	border-color: #DDD !important;
	background:none !important;
}
.disabled {
	border-color: #DDD !important;
}

/* upload box styling   */

.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}


.linklove,.linklove a { display: none; }


/*  Other: browser hacks */
* html .cform legend {
	position:absolute;
	top: -10px;
	left: 10px;
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
* html ol.cf-ol 	{
	display:inline-block; /*for IE6!!*/
}
* html img.captcha	{
	margin-bottom:9px !important;
}
*+html img.captcha	{
	margin-bottom:9px !important;
}


/* TIME sub-section */

.cform fieldset.cf-fs3 {
	padding: 0 !important;
	margin: 0 0 0 55px;
	border:none;
	}
.cf-fs3 legend { font-size: 15px; top: -2px; display:none }
.cf-fs3 ol.cf-ol { padding-top:0 !important; text-align: right; }
.cform .cf-fs3 ol.cf-ol li { display: inline; }
.cform .cf-fs3 li label { display: inline; }
.cf-fs3 select { width: 90px; }

.cform input#Number-of-Guests {
	text-align: center;
	width: 13%;
	xmargin-right: 32%;
	}