/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo fieldset Foundation
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : November 13, 2007


- - - - - - - - - - - - - - - - - - - - - FORM STRUCTURE */ 

form.wufoo {
margin:20px 20px 0;
padding:0 0 20px;
}


#contentleft {
	width:800px;
}

#contentleft .left {
	width: 100px;
}

/* - - - - - - - - - - - - - - - - - - - - - */

fieldset {
	margin: 10px 0 0 0 !important;
	padding: 5px 10px 10px 10px !important;
	border: 1px solid #ddd;
}

fieldset.form-lock input, fieldset.form-lock select, fieldset.form-lock textarea {
	color: #a00;
	background: #eee;
}

fieldset.form-lock input.input_button {
	color: #fff;
	background: #a00;
}

fieldset p {
	margin: 0; padding: 5px 0;
	line-height: normal;
}

fieldset legend {
	text-transform:uppercase;
	font:17px/10px Garamond, Georgia, "Times New Roman", serif;
	color:#DC8827;
	border-bottom:1px solid #DC8827;
}

fieldset ul {
	margin: 10px 0 0 0; padding: 0;
	list-style-type: none;
	width: 100%;
	font-size: 100%;
}

fieldset ul li {
	margin: 0 !important;
	padding: .25em .25em .25em 0;
	position: relative;
	font-family: arial, sans-serif;
	line-height: normal;
	list-style-type: none !important;
	clear: both;
}

fieldset li:after, .buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

fieldset li, .buttons {
	display: inline-block;
}

* html fieldset li, * html .buttons {
	height: 1%;
}

fieldset li, .buttons {
	display: block;
}

* html fieldset li div {
	display: inline-block;
}

fieldset li div, fieldset li span {
	margin: 0 4px 0 0;
	padding: 0 0 8px 0;
	color: #333;
}

fieldset li span {
	float: left;
}

fieldset li div.address {
	padding-bottom: 0;
}

fieldset li div.left, fieldset span.left, ul.left {
	display: inline;
	float: left;
	width: 51%;
}

ul.left {
	width: 20%;
}

#contentleft ul li ul {
margin-left:0px;
}

fieldset li div.right,  fieldset span.right, ul.right {
	display: inline;
	float: right;
	width: 43%;
}

#contentleft ul li.checkboxrow {
	display: inline;
	float: left;
	text-align: left;
	padding: 0 20px 0 0;
	width: 120px;
}



/* ----- FIELDS AND LABELS ----- */

form div input.inputText, form div input.inputPassword {
	margin:0;
	padding:1px 3px;
	width:200px;
}


form div {
	clear:left;
	display:block;
	margin:5px 0 0;
	padding:1px 3px;
	width:354px;
}


form div label {
	display:block;
	float:left;
	margin:0 0 5px;
	padding:3px 5px;
	text-align:right;

}

label.desc {
	line-height: 150%;
	padding: 0 0 1px 0;
	border: none;
	color: #333;
	display: block;
	font-size: 95%;
	font-weight: bold;
}

label.checkin {
	padding-right: 15px;
	float: left;
}

label.checkout {
	float:left;
	padding-right: 10px;
}

label.desc span {
	display: inline;
	font-weight: normal;
}

label.choice, span.choice label {
	font-size: 95%;
	display: block;
	text-align: left;
	line-height: 1.4em;
	margin: -1.55em 0 0 25px;
	padding: 4px 0px 5px 0;
	color: #333;
	width: 90%;
}

label.checkbox {
	width: 60px;
}

.center {
	text-align: center;
}

fieldset li div label, fieldset li span label {
	margin: 0;
	padding-top: 3px;
	clear: both;
	font-size: 9px;
	line-height: 9px;
	color: #333;
	display: block;
}

fieldset label span {
	display: inline;
	float: none;
}



/* ----- NO INSTRUCTIONS ----- */

.input_button {
	background:#003887 none repeat scroll 0 0;
	border:1px solid #666666;
	color:#FFFFFF;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-size:8pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:5px 5px 5px 0;
	padding:0;
	text-transform:uppercase;
	width:100px;
}

.input_button:hover {
	color: #fff;
	background: #999;
}

.findaroom {
	margin: 10px 5px 5px 180px;
	background-color: #F24921;
}



.noI .instruct{
	display:none !important;
}
.noI form li, .noI form li.buttons{
	width:97% !important;
}
.noI form li.section{
	padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
	width:34%;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .column, .noI .rightLabel .column{
	width:60%;
}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:34%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
	width:57% !important;
}
form li.rightHalf {
	width: 50% !important;
	float: left;
}

li.leftHalf{
	clear:left;
	float:left;
}
li.rightHalf{
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
	width:100%;
}





/* Disabled Styles */
input .disabled, input[disabled='disabled'] {
	color: #666;
	background-color: #666 !important;
}

input[disabled='disabled'] + label {
	color: #666;
}

input.text, input.file, textarea.textarea, select.select {
	margin: 0;
	font-size: 100%;
	color: #333;
	background-color: #eee !important;
}

input.text, textarea.textarea, .firefox select.select {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #eee;
	background: #eee;
}

input.text, input.file {
	padding: 2px 0 2px 0;
	margin-right: 5px;
}

input.checkbox, input.radio, span.choice input {
	display: block;
	line-height: 1.4em;
	margin: 6px 0 0 3px;
	width: 13px;
	height: 13px;
}

textarea.textarea {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
}

select.select {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	margin: 1px 0;
	padding: 1px 0 0 0;
}

select.select[class] {
	margin: 0;
	padding: 1px 0 1px 0;
}

*:first-child + html select.select[class] {
	margin: 1px 0;
}

.safari select.select {
	margin-bottom: 1px;
	font-size: 120% !important;
}

span.symbol {
	font-size: 115%;
	line-height: 130%;
}

fieldset li .datepicker {
	float: left;
	margin: .1em 5px 0 0;
	padding: 0;
	width: 16px;
	height: 16px;
	cursor: pointer !important;
}

/* ----- BUTTONS ----- */

input.btnText {
	padding: 2px 7px;
	width: auto;
	overflow: visible;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	color: #eee;
	border: 1px solid #7a9eb4;
	background: #666;
}

input.btnText:hover {
	background: #C51726;
}

.buttons {
	margin: 15px 0 0 5px;
	padding: 2px 7px;
	width: auto;
	overflow: visible;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	color: #eee;
	border: 1px solid #7a9eb4;
	background: #666;
}

.buttons input {
	margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btnText {
	direction: rtl;
}

/* ----- SIZES ----- */

.mini {
	width: 3.5em;
}

.third {
	padding: 0 3% 0 0;
	width: 29% !important;
}

.half {
	width: 48% !important;
}

.three-thirds {
	width: 66% !important;
}

.full {
	width: 100% !important;
}

input.small, select.small {
	width: 25%;
}

input.medium, select.medium {
	width: 50%;
}

input.large, select.large, textarea.textarea {
	width: 100%;
}

textarea.small {
	height: 5.5em;
}

textarea.medium {
	height: 10em;
}

textarea.large {
	height: 20em;
}

/* ----- REQUIRED ----- */

fieldset .req {
	margin: 0; padding: 0 0 0 .25em;
	color: #f00 !important;
	font-weight: bold;
}