﻿/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Structure
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : September 30, 2007

- - - - - - - - - - - - - - - - - - - - - */
fieldset {
	font-family: arial, sans-serif;
	font-size: small;
	color: #333;
}

legend {
	margin-bottom: 1em;	padding: 0.5em 0;
	font-weight: bold;
	color: #444;
	font-size:100%;
}

.hide {
	display: none !important;
}

fieldset ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	font-size: 100%;
}

fieldset p {
	margin: 0; padding: 10px 0;
}

fieldset li {
	margin: 0;
	padding: 4px 5px 6px 9px;
	position: relative;
	list-style-image: none;
}

fieldset li.noHighlight:hover {
	background: none;
}

fieldset li.current {
	background-color: #f99;
}

fieldset li:after, .buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content .contentblock fieldset ul li 
{
    list-style-image: none;
}

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: #eee;
}

fieldset li span {
	float: left;
}

fieldset li span.error {
	float: none;
	display: inline;
}

fieldset li div.address {
	padding-bottom: 0;
}

fieldset li div.left {
	display: inline;
	float: left;
	width: 47%;
	margin-right: 5px;
}

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: #444;
	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: #444;
	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 0 5px 0;
	font-size: 100%;
	color: #444;
}

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: arial, sans-serif;
}

select.select {
	font-family: 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 {
	margin-right: 5px;
	padding:3px;
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	text-transform: lowercase;
	background-color: #A4062A;
	border: 1px solid #fff;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	cursor: pointer;
	float: left;
}

.buttons input:hover {
	background-color: #B2062F;
	color: #fff;
	border: 1px solid #fff;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
}


/* ----- SIZES ----- */

.verysmall {
	width: 50px;
}

.third {
	width: 32% !important;
}

.half {
	width: 48% !important;
}

.double-half {
	width: 86% !important;
}

.three-thirds {
	width: 75% !important;
}

.full {
	width: 100% !important;
}

input.mini, select.mini {
	width: 10%;
}

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;
}

fieldset li span.req {
	float: none !important;
	display: inline !important;
	color: red !important;
	font-weight: bold;
}

fieldset li .error-message {
	margin: 0; padding: 0;
	float: none !important;
	display: inline !important;
	color: red !important;
	font-weight: bold;
	line-height: normal;
}
