﻿/*Generic form styles. format1 uses em spacing. format2 uses percentages to space*/
/*format1* fieldset has no visible border*/
    fieldset.format1 {
        border:0;
    }
    fieldset.format1 p {
        clear:both;
       }
    fieldset.format1 p br {
        display:none;
    }    
    fieldset.format1 p label {
    margin-right:1em;
        width:15em;
        display:block;
        float:left;
    }
    fieldset.format1 p input.element-text {
        width:30em;
    }
    fieldset.format1 p label.inline {
        width:auto;
        display:inline !important;
        float:none !important;
    }
    
/*format2* fieldset enclosed in a visible border*/    
    fieldset.format2 p {
        width:100%;
        clear:both;
    }
    fieldset.format2 p br {display:none;}
    fieldset.format2 p label {
        width:20%;
        margin-right:1em; 
        display:block;
        float:left;
    }  
    fieldset.format2 p input.element-text {
        width:60%;
    }
    fieldset.format2 p label.inline {
        width:auto;
        display:inline !important;
        float:none !important;
    }
   
/*format3* fieldset has no visible border*/
    fieldset.format3 {
        margin-bottom: 2em;
    }
   fieldset.format3 legend {
      color: #fff;
      background: #456370;
      padding: 2px 6px
   }
    fieldset.format3 p {
        clear:both;
    }
    fieldset.format3 p br {
        display:none;
    }    
    fieldset.format3 p label {
       margin-right:1em;
        width:17em;
        display:block;
        float:left;
      font-weight: bold;
    }
    fieldset.format3 p input.element-text {
        /*width:18em;*/
    }
    fieldset.format3 p label.inline {
        width:auto;
        display:inline !important;
        float:none !important;
    }
   
/* additional stuff */
    fieldset.genderform {
        border:0;
    }
    
    fieldset.genderform p {
        padding:9px 9px 9px 9px;
    }    
   .required {
      color:red;
   }
