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

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

Last Updated : September 30, 2007

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


fieldset
{
    padding: 5px;
    font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
    font-size: small;
    border: 1px solid #333;
    color: #eee;
    margin-bottom: 20px;
}


legend
{
    border: 0;
	padding: 0.25em;
    border: 1px solid #444;
	font-weight: bold;	
	color: #666;
	margin-bottom: 1em;
	font-size: 85%;
}

.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: #97D214;
}

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

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: #666;
    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: #ccc;
    width:90%;
}
fieldset li div label, fieldset li span label{
    margin:0;
    padding-top:3px;
    clear:both;
    font-size:9px;
    line-height:9px;
    color:#777;
    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{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background: #97D214;
	color: #fff;
	float: right;
	margin: 3px 0 0 0;
	padding: 2px 10px;
	text-transform: lowercase;
}
.buttons input:hover{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 2px solid #999;
	border-top: 2px solid #999;
}


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