form.fForm {}  /* All autogenerated forms have this class */

div.fDescr { }

form.inline { margin:0; padding:0; }  /* to keep IE from adding linebreaks */

fieldset.fFieldset {
    margin:auto;    /* hmmm */

}


/* autoforms are in a table, Verdana is for Windows, Luxi is for Linux */
table.fTable { 
    font:100%/120% Verdana, "Luxi Sans"; 
}

/* regular field row */
.fTable tr { vertical-align:baseline; height:40px }

.fForm input { color: green } 

/* normal label cell */
.fTable th, label {
    color:green;
    text-align:right;
    padding:0.5ex 1em 0 0.5em;
    font-weight:normal;
}

/* labels for required fields are bold */
tr.required th, label.required { font-weight:bold; }

/* help text for a field is in small type under the widget */
.fTable td span {
    color:#666;
    font:7pt/8pt Verdana, "Luxi Sans", sans-serif;
}

/* validation errors turn the label red */
tr.error th {
    color:red;
    border-left: 5px solid red;

}

/* error explanation is also in red, under the field */
tr.error span { color:red;font-weight:bold; }

/* and we turn the background of the input red'ish as well */
tr.error input {
    background: pink;
    border: thin solid red;
}

/* except for submit buttons that are inline... */
tr.error input.submit { 
    background: #efefef;
    border-style:ridge;
    border-width:3px;
    border-color:#ccccff;
}

tr.disabled { 
/*    background:lightgrey;*/
/*    color:navy;*/
}

tr.disabled th { /*background:lightgrey; */}
tr.disabled td { /*background:lightgrey; */}
tr.disabled input { /*background:white; */}
tr.disabled select { /*background: white; */}
tr.disabled span { color:darkgray; visibility:hidden;}

.fTable td.error { 
    color:white;
    background:red;
    font-weight:bold; 
    text-align:center;
}
.fTable .hRadioWidget { padding-left:1ex; }
.fTable .hRadioWidget label {
    color:green;
    vertical-align:middle;
    font:12px/12px verdana;
    margin-right:1.2ex;
}
.fTable .hRadioWidget input { margin-right:0.5ex; }
table.vRadioWidget tr { vertical-align: baseline; }
table.vRadioWidget tr td label { font-size: 24pt; }


form.fForm span.errordescr { font-weight:bold; color: red }
form.fForm label.error { color:white; background:red; padding:4px; }

button.submit {
    margin-top:1em; 
    color:green; 
    font: bold 1em/1.3em Verdana, sans-serif; 
    width: 90%;
}

/* certain input types have special formatting */
.vFileInput {}
.vImageInput {}
.vTextInput {width:15em;}
.vTextArea {}
.vPasswordInput {}
.vPostnummerInput {width:3em;}
.vBooleanInput {}
.vRegexInput {}
.vEmailInput {width:20em;}
.vUrlInput {}
input.submit { }
.vBfnr {width:4em}
.vKidNumber {width:6em}


/* compact form fields for use with the {% field .. %} macro */

  .fForm div.compact-form-field {

  }
  .compact-form-field label, .compact-form-field input {
    display:block;
    padding:0;
    margin:0;
    float:left;
    clear:both;
  }
  .fForm .compact-form-field label { 
    font:italic 93% Arial, sans-serif;
    padding:1px 1ex 0ex 3px;
  }
  .compact-form-field input {
    font-size:108%;
    padding:3px;
  }
  .compact-form-field .helptext {
    float:left;clear:left;
    font-size:77%; line-height:85%;
    margin-left:3px; margin-top:1px;
    color:#999;
  }
  /* compact-form-field theme data */
  .compact-form-field { font-size:100% }
  .compact-form-field label { 
    background:white; #efefef; 
    position:relative; top:1px;
    color:green; 
    border:1px solid lightseagreen;
    border-bottom:none;
   }
  .compact-form-field input { border:1px solid lightseagreen; }