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

Title : Wufoo Form Structure
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : September 30, 2007

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


fieldset {
	margin: 20px 20px 0 20px;
	padding: 0 0 20px 0;
	font-family: "Lucida Grande" , Tahoma, Arial, sans-serif;
	font-size: small;
	border: 0;
	color: #666;
}

legend {
	line-height: 20px;
	text-transform: lowercase;
	letter-spacing: 5px;
	color: #333;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #FFB93F;
}

.hide {
	display: none !important;
}

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

fieldset li {
	margin: 0;
	padding: 4px 5px 2px 9px;
	position: relative;
}

fieldset li.current {
	background-color: #FFF7C0;
}

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: #444;
}
fieldset li span {
	float: left;
}

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

fieldset li div.left {
	display: inline;
	float: left;
	width: 47%;
}
fieldset li div.right {
	display: inline;
	float: right;
	width: 47%;
}

.clear {
	clear: both !important;
}


/* ----- SECTIONS ----- */

fieldset hr {
	display: none;
}
fieldset li.section {
	border-top: 1px dotted #ccc;
	margin-top: 9px;
	padding-top: 13px;
	padding-bottom: 0px;
	padding-left: 9px;
	width: 97% !important;
}
fieldset .section h3 {
	font-weight: normal;
	font-size: 110%;
	line-height: 135%;
	margin: 0 0 2px 0;
}
fieldset .section p {
	font-size: 85%;
	margin: 0 0 10px 0;
}

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

label.desc {
	line-height: 150%;
	padding: 0 0 1px 0;
	border: none;
	color: #222;
	display: block;
	font-size: 95%;
	font-weight: bold;
}
label.choice, span.choice label {
	font-size: 100%;
	display: block;
	line-height: 1.4em;
	margin: -1.55em 0 0 25px;
	padding: 4px 0 5px 0;
	color: #222;
	width: 90%;
}
fieldset li div label, fieldset li span label {
	margin: 0;
	padding-top: 3px;
	clear: both;
	font-size: 9px;
	line-height: 9px;
	color: #444;
	display: block;
}

input.text, input.file, textarea.textarea, select.select {
	margin: 0;
	font-size: 100%;
	color: #333;
}
input.text, textarea.textarea {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url(/images/fieldbg.gif) repeat-x top;
}
input.text, input.file {
	padding: 2px 0 2px 0;
}
input.currency {
	text-align: right;
}

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

input.error, select.error, textarea.error {
	background-color: red;
	color: White;
}

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

input.btTxt {
	padding: 0 7px;
	width: auto;
	overflow: visible;
}
.buttons {
	clear: both;
	margin-top: 10px;
}
.buttons input {
	font-size: 120%;
	margin-right: 5px;
}


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

.third {
	width: 32% !important;
}
.half {
	width: 48% !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 {
	float: none;
	color: red !important;
	font-weight: bold;
	margin: 0;
}