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

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

Last Updated : November 13, 2007

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

.wufoo {
font-family:Arial,sans-serif;
font-size:small;
}
.wufoo li {
width:62%;
}
form ul {
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}
form li {
clear:both;
margin:0;
padding:4px 5px 2px 9px;
position:relative;
}
form li:after, .buttons:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
form li, .buttons {
display:inline-block;
}
* html form li, * html .buttons {
height:1%;
}
form li, .buttons {
display:block;
}
* html form li div {
display:inline-block;
}
form li div, form li span {
color:#444444;
margin:0 4px 0 0;
padding:0 0 8px;
}
form li span {
float:left;
}
form li div.address {
padding-bottom:0;
}
form li div.left {
display:inline;
float:left;
width:47%;
}
form li div.right {
display:inline;
float:right;
width:47%;
}
.clear {
clear:both !important;
}
.info {
border-bottom:1px dotted #CCCCCC;
clear:both;
display:inline-block;
margin:0 0 1em;
}
.info[class] {
display:block;
}
.info h2 {
clear:left;
font-size:160%;
font-weight:normal;
margin:0 0 3px;
}
.info p {
font-size:95%;
line-height:135%;
margin:0 0 12px;
}
form hr {
display:none;
}
form li.section {
border-top:1px dotted #CCCCCC;
margin-top:9px;
padding-bottom:0;
padding-left:9px;
padding-top:13px;
width:97% !important;
}
form ul li.first {
border-top:medium none !important;
margin-top:0 !important;
padding-top:0 !important;
}
form .section h3 {
font-size:110%;
font-weight:normal;
line-height:135%;
margin:0 0 2px;
}
form .section p {
font-size:85%;
margin:0 0 10px;
}
label.desc {
border:medium none;
color:#222222;
display:block;
font-size:95%;
font-weight:bold;
line-height:150%;
padding:0 0 1px;
}
form li div label, form li span label {
clear:both;
color:#444444;
display:block;
font-size:9px;
line-height:9px;
margin:0;
padding-top:6px;
}
input.text, input.file, textarea.textarea, select.select {
color:#333333;
font-size:100%;
margin:0;
}
input.text, textarea.textarea, .firefox select.select {
background:#FFFFFF url(../../images/fieldbg.gif) repeat-x scroll center top;
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
}
input.text, input.file {
padding:2px 0;
}
label.choice {
color:#222222;
display:block;
font-size:100%;
line-height:1.5em;
margin:-1.65em 0 0 25px;
padding:0.44em 0 0.5em;
width:100%;
}
input.checkbox, input.radio {
display:block;
height:13px;
line-height:1.5em;
margin:0.6em 0 0 3px;
width:13px;
}
textarea.textarea {
font-family:Arial,sans-serif;
}
select.select {
font-family:Arial,sans-serif;
margin:1px 0;
padding:1px 0 0;
}
select.select[class] {
margin:0;
padding:1px 0;
}
:first-child + html select.select[class] {
margin:1px 0;
}
.safari select.select {
font-size:120% !important;
margin-bottom:1px;
}
span.symbol {
font-size:115%;
line-height:130%;
}
form li .datepicker {
cursor:pointer !important;
float:left;
height:16px;
margin:0.1em 5px 0 0;
padding:0;
width:16px;
}
input.btTxt,
.buttons input {
overflow:visible;
padding:0 7px;
width:auto;
}
.buttons {
clear:both;
margin-top:10px;
}
.buttons input,
.buttons button {
margin-right:5px;
}
.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.btTxt {
direction:rtl;
}
.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;
}
#errorLi {
background:#FFFFFF none repeat scroll 0 0;
border:1px dotted red;
margin:0 auto 1em;
padding-left:0;
padding-right:0;
padding-top:4px;
text-align:center;
width:99%;
}
#errorMsgLbl {
color:#DF0000;
font-size:125%;
margin:7px 0 5px;
padding:0;
}
#errorMsg {
color:#000000;
font-size:100%;
margin:0 0 0.8em;
}
#errorMsg strong {
background-color:#FFDFDF;
color:red;
padding:2px 3px;
}
form li.error {
background-color:#FFDFDF !important;
display:block !important;
margin:3px 0;
}
form li.error label {
color:#DF0000 !important;
}
form p.error {
clear:both;
color:red;
display:none;
font-size:10px;
font-weight:bold;
margin:-2px 0 5px;
}
form li.error p.error {
display:block;
}
.leftLabel p.error, .rightLabel p.error {
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error {
margin-left:35%;
padding-left:15px;
}
form .req {
color:red !important;
float:none;
font-weight:bold;
margin:0;
}
form li.focused {
background-color:#FFF7C0;
}
form .instruct {
background:#F5F5F5 none repeat scroll 0 0;
border:1px solid #E6E6E6;
color:#444444;
font-size:80%;
left:100%;
line-height:130%;
margin:0 0 0 8px;
padding:8px 10px 9px;
position:absolute;
top:0;
visibility:hidden;
width:42%;
z-index:1000;
}
form .instruct small {
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct {
visibility:visible;
}
li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
background:transparent none repeat scroll 0 0;
border:medium none;
clear:left;
font-size:9px;
margin:-2px 0 0;
padding:0 0 7px;
position:static;
visibility:visible;
width:100%;
}
.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {
padding-top:9px;
width:74% !important;
}
.leftLabel .small, .rightLabel .small {
width:17%;
}
.leftLabel .medium, .rightLabel .medium {
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address {
width:64%;
}
.leftLabel .choice, .rightLabel .choice {
display:block;
width:250px;
}
* html .leftLabel .small, * html .rightLabel .small {
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium {
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea {
width:97%;
}
.leftLabel label.desc, .rightLabel label.desc {
float:left;
margin:2px 15px 0 0;
width:30%;
}
.rightLabel label.desc {
text-align:right;
}
.leftLabel .address, .rightLabel .address {
float:left;
}
.leftLabel p.instruct, .rightLabel p.instruct {
margin-left:5px;
width:27%;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
margin-left:30% !important;
padding-left:15px;
width:65%;
}
.leftLabel .buttons, .rightLabel .buttons {
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input {
margin-left:30%;
}
.noI .instruct {
display:none !important;
}
.noI form li, .noI form li.buttons {
width:97% !important;
}
.noI form li.section {
padding-left:9px !important;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address {
width:60%;
}
.noI .leftLabel .choice, .noI .rightLabel .choice {
display:block;
width:320px;
}
* html .noI .leftLabel .small, * html .noI .rightLabel .small {
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium {
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea {
width:97%;
}
.noI .leftLabel label.desc, .noI .rightLabel label.desc {
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
margin-left:35%;
}
form li.leftHalf, form li.rightHalf {
width:46% !important;
}
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%;
}