.wf ul{
  list-style-type:none;
  margin:0;
  padding:0;
  width:100%;
}
.wf li{
  clear:both;
  display: block;
  margin:0;
}
.wf li.wf-li { padding:.4em .5em .2em; }
.wf li:after, .wf li div:after{
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

* html .wf li{height: 1%;}
* html .wf li div{display:inline-block;}
*+html .wf li div{display:inline-block;}
* html .wf li.wf-clear-hr, .wf li.wf-clear-hr {border:0; display:block; height:0; line-height:0; margin:0; padding:0;}

.wf li div.wf-d, .wf li span.wf-s{
  margin:0;
  padding:0 .4em .4em;
}
.wf li span{
  float:left;
}
.wf li div.wf-column, .wf li div.wf-block{
  padding:0;
}

.wf li div.wf-column span{
  display:block;
  float:left;
  padding:0;
  width:100%;
}
/*
li.wf-column-two div.wf-column span{
  margin:0 .5em 0 0;
  width:48%;
}
li.wf-column-three div.wf-column span{
  margin:0 .5em 0 0;
  width:30%;
}
li.wf-column-not-stacked div.wf-column span{
  margin:0 .7em 0 0;
  width:auto;
}
*/
.wf li div span.wf-left, .wf li div span.wf-right{
  margin:0;
  width:47%;
}
.wf li div span.wf-right{ float:right; }

.wf li div span.wf-full input,
.wf li div span.wf-full select,
.wf li div span.wf-left input,
.wf li div span.wf-right input,
.wf li div span.wf-left select,
.wf li div span.wf-right select{
  width:100%;
}

.wf-left{
  float:left;
}
.wf-left-txt{ text-align:left; }
.wf-right{
  float:right;
}
.wf-right-txt{ text-align:right; }
.wf-center{
  float:none;
  margin-left:auto;
  margin-right:auto;
}
.wf-center-txt {
  text-align:center;
}
.wf-clear, .wf-clear-hr{
  clear:both !important;
}

/* ----- INFO ----- */
.wf-info{
  clear:both;
  display:inline-block;
  margin:0;
  padding:0 .5em;
}
.wf-info[class]{
  display:block;
}
.wf-info h2{
  margin:0;
}
.wf-info div{
  margin:1em .5em .5em;
}
/* ----- SECTIONS ----- */
.wf hr{
  display:none;
}
.wf .wf-section{
  margin:.5em;
  padding:.5em;
}
.wf li.wf-section{
  padding-top:.9em;
  padding-bottom:0;
  position:static;
}
.wf li.wf-section .wf-hr {
  margin-bottom:.5em;
}
.wf ul li.wf-first{
  margin-top:0 !important;
  padding-top:0 !important;
}
.wf .wf-section h3{
  margin:0;
}
.wf .wf-section div{
  display:block;
  margin:0 0 1.5em;
  padding:0;
}

/* ----- LABELS ----- */

.wf li div.wf-d label, .wf li span.wf-s label{
  clear:both;
  display:block;
  margin:0 0 0 .5em;
  padding-top:.5em;
}
.wf label.wf-choice{
  display:block;
  line-height:1.5em;
  margin:-1.8em 0 0 2.25em;
  padding:.3em 0 0.5em;
}
span.wf-symbol{
  font-size:1.15em;
  line-height:1.3em;
}

.wf-label, .ui-widget .wf-label, .ui-widget-content .wf-label{
    margin:0 0 0 .5em;
}
/* ----- FIELDS ----- */

input.wf-text, input.wf-file, textarea.wf-textarea, select.wf-select{
  margin:0 0 .5em .5em;
}
input.wf-text, textarea.wf-textarea{
  padding:.15em .1em;
}
input.wf-checkbox, input.wf-radio{
  display:block;
  height:1.3em;
  line-height:1.5em;
  margin:.6em 0 -.3em .8em;
  width:1.3em;
}
.wf-li div.wf-cbr label.wf-choice, .wf li span.wf-cbr label.wf-choice {
  margin-left:2.5em;
  margin-right:2em;
}
.wf-li.wf-cbr { padding-bottom:.5em; }
input.wf-other{
  margin:0 0 .8em 2.5em;
}

/* ----- SIZES ----- */

.wf .wf-third {
  width:32% !important;
}
.wf .wf-half {
  width:48% !important;
}
.wf .wf-3quarters {
  width:74% !important;
}
.wf .wf-full {
  width:95% !important;
}
.wf input.wf-small, .wf select.wf-small, .wf textarea.wf-small {
  width:25%;
}
.wf input.wf-medium, .wf select.wf-medium, .wf textarea.wf-medium {
  width:50%;
}
.wf input.wf-large, .wf select.wf-large, .wf textarea.wf-large {
  width:95%;
}
.wf textarea.wf-short {
  height:2.5em;
}
.wf textarea.wf-average {
  height:5.5em;
}
.wf textarea.wf-tall {
  height:10em;
}

/* ----- BUTTONS ----- */
/* use fg-button */

/* ----- ERRORS ----- */
/* use ui-state-error */

/* ----- LIKERT SCALE ----- */
/* ----- Likert Classes ----- */
/* ----- MIN/MAX COUNT ----- */
/* ----- TEXT DIRECTION ----- */
/* ----- INSTRUCTIONS ----- */
/* ----- ALT INSTRUCTIONS ----- */
/* ----- LABEL LAYOUT ----- */
/* ----- NO INSTRUCTIONS ----- */
/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */
/* not implemented */

/* ----- REQUIRED ----- */
.wf-required {
  font-weight:bold;
}
.wf span.wf-req, .wf label.wf-req {
  color:#F00 !important;
  display:inline;
  float:none;
  font-weight:bold;
  margin:0;
  padding:0;
}

/* ----- FIELD FLOATING ----- */

.wf li.wf-half-left, .wf li.wf-half-right{
  width:48% !important;
}
li.wf-half-left{
  clear:left;
  float:left;
}
li.wf-half-right{
  clear:none;
  float:right;
}
/*
li.wf-half-left .wf-medium, li.wf-half-right .wf-medium,
li.wf-half-left .wf-small, li.half-right .wf-small{
  width:98%;
}
*/
/* ----- DIVIDER ----- */
.wf li div.wf-hr, .wf li div.wf-hr-fine, .wf li div.wf-hr-thin, .wf li div.wf-hr-thick, .wf li div.wf-hr-heavy {
  padding:0;
}
.wf-hr {
  clear:both;
  height:.5em;
}
.wf-hr-fine {
  clear:both;
  height:.1em;
}
.wf-hr-thin {
  clear:both;
  height:.3em;
}
.wf-hr-thick {
  clear:both;
  height:.7em;
}
.wf-hr-heavy {
  clear:both;
  height:1.1em;
}

/* ----- MISCELLANEOUS ----- */
.wf li.wf-hide {
  display:none;
}
.wf-nowrap {
  white-space:nowrap;
}
