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

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

Last Updated : November 13, 2007

- - - - - - - - - - - - - - - - - - - - - */
fieldset legend {
	padding: 0 0 5px 25px;
	font-size: 12pt;
	background: center left no-repeat url(/assets/images/widgets/legend_accent.gif);
}

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

fieldset li {
	margin: 0 !important;
	padding: 4px 5px 2px 9px;
	position: relative;
	font-family: arial, sans-serif;
	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: #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%;
}

/* ----- 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: 95%;
	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;
	background-color: #fff !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 #ddd;
	background: #fff url(/assets/images/framework/bg_field.gif) repeat-x top;
}

input.text, input.file {
	padding: 2px 0 2px 0;
}

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;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	border-top: 1px solid #f1e8d0;
	border-right: 1px solid #ffefc8;
	border-bottom: 1px solid #ffefc8;
	border-left: 1px solid #f1e8d0;
	background: #732e3a;
}

.buttons {
	clear: both;
	margin-top: 10px;
}

.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: 50px !important;
}

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