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

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

Last Updated : October 14, 2008

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

form.wufoo {margin:0; padding:0;}

.wufoo {font-family:"Lucida Grande", Tahoma, Arial, sans-serif;}
.wufoo li {width:100%;}
form ul {margin:0; padding:0; list-style-type:none; width:100%;}
form li {display: block; margin:0; padding:4px 5px 20px 9px; clear:both;}
form li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span {margin:0 4px 0 0; padding:0 0 8px 0; color:#444;}
form li span {float:left;}

form li div.column {padding-bottom:0;}
form li div span.left, form li div span.right {width:47%; margin:0;}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select {width:100%;}

.left {float:left; padding-right:20px;}
.right {float:right;}
.clear {clear:both !important;}


/* ----- INFO ----- */
.info {display:inline-block; clear:both; border-bottom:1px dotted #ccc; margin:0 0 1em 0;}
.info[class] {display:block;}
.info h2 {font-weight:normal; font-size:160%; margin:0 0 .2em 0; clear:left;}
.info div {font-size:85%; line-height:135%; margin:0 0 1em 0; color:#555;}


/* ----- SECTIONS ----- */
form hr {display:none;}
form li.section {border-top:1px dotted #ccc; padding-top:.9em; padding-bottom:0px; padding-left:9px; width:97% !important; position:static;}
form ul li.first {border-top:none !important; margin-top:0px !important; padding-top:0px !important;}
form .section h3 {font-weight:normal; font-size:110%; line-height:135%; margin:0 0 .2em 0;}
form .section div {display:block; font-size:85%; margin:0 0 1.2em 0; padding:0;}


/* ----- LABELS ----- */
label.desc {line-height:150%; padding:0 0 1px 0; border:none; color:#222; display:block; font-size:95%; font-weight:bold;}
form li div label, form li span label {margin:0; padding-top:6px; clear:both; font-size:9px; line-height:9px; color:#444; display:block;}
label.choice {font-size:100%; display:block; line-height:1.5em; margin:-1.65em 0 0 25px; padding:.3em 0 0 0; color:#222; width:88%; display:block;}

span.symbol {font-size:115%; line-height:130%;}
form li .datepicker {float:left; margin:.1em 5px 0 0; padding:0; width: 16px; height: 16px; cursor:pointer !important;}


/* ----- MIN/MAX COUNT ----- */
form li div label var {font-weight:bold; font-style:normal;}
form li div label .currently {display:none;}


/* ----- FIELDS ----- */
input.text, input.file, textarea.textarea, select.select {margin:0; font-size:100%; color:#333;}
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(/images/fieldbg.gif) repeat-x top;}
input.text, input.file {padding:2px 0 2px 0;}
input.checkbox, input.radio {display:block; line-height:1.5em; margin:.6em 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;}


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


/* ----- ERRORS ----- */
#errorLi {width:99%; margin:0 auto; background:#fff; border:1px dotted red; margin-bottom:1em; text-align:center; padding-top:4px; padding-left:0px; padding-right:0px;}
#errorMsgLbl {margin:7px 0 5px 0; padding:0; font-size:125%; color:#DF0000;}
#errorMsg {margin:0 0 .8em 0; color:#000; font-size:100%;}
#errorMsg strong {background-color: #FFDFDF; padding:2px 3px; color:red;}
form li.error {display:block !important; border-bottom:1px solid #F9B9B2; border-right:1px solid #F9B9B2; background-color: #FFDFDF !important;}
form li.error label {color:#DF0000 !important;}
form p.error {display:none; color:red; font-weight:bold; font-size:10px; margin:-2px 0 5px 0; clear:both;}
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;}


/* ----- REQUIRED ----- */
form .req {float:none; color:red !important; font-weight:bold; margin:0;}


/* ----- INSTRUCTIONS ----- */
form li.focused {background-color:#fff7c0;}
form li.focused, form li:hover {position:relative; /* Makes Instructs z-index stay on top in IE. */}
form .instruct {position:absolute; top:0; left:0; z-index:1000; width:42%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #e6e6e6; background:#f5f5f5; line-height:130%; font-size:80%; color:#444; visibility:hidden;}
form .instruct small {font-size:105%;}
form li.focused .instruct, form li:hover .instruct {left:100%; /* Prevent scrollbars for IE Instruct fix */ visibility:visible;}


/* ----- ALT INSTRUCTIONS ----- */
li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {visibility:visible; position:static; margin:-2px 0 0 0; padding:0 0 7px 0; background:none; border:none; width:100%; font-size:9px; clear:left;}


/* ----- LABEL LAYOUT ----- */
.leftLabel li, .rightLabel li {width:74% !important; padding-top:9px;}

.leftLabel label.desc, .rightLabel label.desc {float:left; width:29%; margin:2px 15px 0 0;}
.rightLabel label.desc {text-align:right;}
.leftLabel .column, .rightLabel .column {float:left;}

.leftLabel .small, .rightLabel .small {width:17%;}
.leftLabel .medium, .rightLabel .medium {width:35%;}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .column, .rightLabel .column {width:64%;}

* 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 p.instruct, .rightLabel p.instruct {width:27%; margin-left:5px;}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {margin-left:29% !important; padding-left:15px; width:65%;}

.leftLabel .buttons, .rightLabel .buttons {margin-left:15px;}
.leftLabel .buttons input, .rightLabel .buttons input {margin-left:29%;}
* html .leftLabel .buttons input, * html .rightLabel .buttons input {margin-left:22%;}
* html .leftLabel .buttons, * html .rightLabel .buttons {margin-left:4px;}
*+html .leftLabel .buttons, *+html .rightLabel .buttons {margin-left:7px;}


/* ----- NO INSTRUCTIONS ----- */
.noI .instruct {display:none !important;}
.noI form li, .noI form li.buttons {width:97% !important;}
.noI form li.section {padding-left:9px !important;}


/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */
.noI .leftLabel label.desc, .noI .rightLabel label.desc {width:34%;}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .column, .noI .rightLabel .column {width:60%;}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {margin-left:34%;}


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



td.rules {font-size:12px;}
#contestform label.error, #contestform input.submit {display:inline-block; padding:1px 4px; background:red; color:#fff;}
fieldset {border:0; padding:0; margin:0;}