/**
 * Forms.css defines the styles for forms
 *
 * Everything is within a form of class 'formstyle'
 */

form.formStyle {
	clear    : both;
	display  : block;
}

  form.formStyle span.hint,
  form.formStyle label.req {
	  color   : #990000;
	}

	form.formStyle fieldset {
    width   : 600px;
    margin  : 14px 0;
	}

    form.formStyle fieldset span.notes {
      display : block;
		  margin  : 0 1em 16px 1em;
    }

		form.formStyle fieldset legend {
		  display           : block;
		  background-color  : #F5F5F5;
		  border-bottom     : 1px solid #C5C5C5;
		  border-top        : 1px solid #C5C5C5;
		  width             : 590px;
		  padding           : 2px 5px;
		  font-size         : 14px;
      margin            : 14px 0 0 0;
		}
		
		form.formStyle fieldset legend span {
      display : block;
      width   : 590px;
    }
    
    /* end form.formStyle fieldset legend */

		form.formStyle fieldset .odd,
		form.formStyle fieldset .even {
		  clear : both;
		}
		
		  /* height in ems to effectively inherit line height */
      form.formStyle fieldset span.chbxSpace {
        display : block;
        float   : left;
        height  : 1em;
        width   : 229px;
        padding : 0 5px 0 0;
      }
		  
		
			/* (600*0.382)-5 = 224.2 */
			form.formStyle fieldset label {
        float       : left;
        width       : 224px;
        padding     : 0 5px 0 0;
        text-align  : right;
			}
      
      form.formStyle fieldset label.notReq {
      }
      
      /* (600*0.618)-5 = 365.8 */
      form.formStyle fieldset span.field-1 {
        display : block;
        float   : left;
        width   : 366px;
        padding : 0 0 0 0;
      }
      
	      form.formStyle fieldset span.field-1 input,
        form.formStyle fieldset span.field-1 select,
        form.formStyle fieldset span.field-1 textarea {
          float   : left;
          clear   : left;
          margin  : 2px;
          border  : 1px solid #C5C5C5;
          background-color  : #F5F5F5;
	      }
	      
        form.formStyle fieldset span.field-1 .select-field-1-col {
          width : 366px;
        }
        
        form.formStyle fieldset span.field-1 .select-field-2-col {
          float   : left;
          width   : 178px;
          margin  : 0 5px 0 0;
        }
        
        form.formStyle fieldset span.field-1 .select-field-3-col {
          float   : left;
          width   : 112px;
          margin  : 0 0 0 2px;
        }
        
        form.formStyle fieldset span.field-1 .select-field-1-col .select-field-1,
        form.formStyle fieldset span.field-1 .select-field-2-col .select-field-2,
        form.formStyle fieldset span.field-1 .select-field-3-col .select-field-3 {
          width : inherit;
        }
        
        form.formStyle fieldset span.field-1 .select-field-1-col .select-field-1 input,
        form.formStyle fieldset span.field-1 .select-field-2-col .select-field-2 input,
        form.formStyle fieldset span.field-1 .select-field-3-col .select-field-3 input {
        	background-color  : transparent;
          border            : none;
        }

        form.formStyle fieldset span.field-1 .select-field-1-col .select-field-1 label,
        form.formStyle fieldset span.field-1 .select-field-2-col .select-field-2 label,
        form.formStyle fieldset span.field-1 .select-field-3-col .select-field-3 label {
          width       : auto;
          float       : left;
          text-align  : left;
          margin      : 0 0 0 2px;
        }
        	
       /* end form.formStyle fieldset .odd span.field-1 .multi-select, 
              form.formStyle fieldset .even span.field-1 .multi-select */
        
        form.formStyle fieldset span.field-1 span.yes-no-field {
          display : block;
          float   : left;
				  clear   : none;
          width   : auto;
          margin  : 0 5px 0 0;
        }
        
	        form.formStyle fieldset span.field-1 span.yes-no-field input {
	          background-color : transparent;
	          border           : none;
	        }
          
          form.formStyle fieldset span.field-1 span.yes-no-field label {
            float       : left;
						width       : auto;
						clear       : none;
            text-align  : left;
            margin      : 0 4px;
          }
        
        /* end form.formStyle fieldset .odd span.field-1 span.yes-no-field, 
               form.formStyle fieldset .even span.field-1 span.yes-no-field */
            
      /* end span.field-1 */
			
		/* end form.formStyle fieldset .odd, form.formStyle fieldset .even */

		form.formStyle fieldset .spacerHack {
		  clear   : both;
		  height  : 4px;
		}

  /* end form.formStyle fieldset */
  
  form.formStyle span.required {
    display           : block;
    background-color  : #F5F5F5;
    border-bottom     : 1px solid #C5C5C5;
    border-top        : 1px solid #C5C5C5;
    width             : 600px;
    padding           : 4px 0;
    text-align        : center;
    color             : #990000;
    margin            : 5px 0;
  }
  
  form.formStyle span.captcha {
    display           : block;
    width             : 600px;
    text-align        : center;
    background-color  : #F5F5F5;
    border-bottom     : 1px solid #C5C5C5;
    border-top        : 1px solid #C5C5C5;
    margin            : 4px 0;
  }
  
    form.formStyle span.captcha hr {
      display : none;
    }
    
    form.formStyle span.captcha img {
      margin  : 4px;
    }
    
    form.formStyle span.captcha input {
      border  : 1px solid #C5C5C5;
    }
      
  /* end form.formStyle span.captcha */
  
  form.formStyle span.btnContainer {
    display     : block;
    margin      : 4px 0;
    text-align  : center;
  }
  
    form.formStyle span.btnContainer input {
      padding           : 2px;
      background-color  : #F5F5F5;
      border            : 1px solid #C5C5C5;
    }
  
      form.formStyle fieldset label.field-inline {
        float : none !important;
        clear : none !important;
      }
      
      form.formStyle fieldset span.field-inline {
        float : none !important;
        clear : none !important;
      }
      
      form.formStyle fieldset span.field-inline input,
      form.formStyle fieldset span.field-inline select {
        float : none !important;
        clear : none !important;
        border  : 1px solid #C5C5C5 !important;
        background-color  : #F5F5F5 !important;
      }
      
      form.formStyle ul.form-opts {
        clear : both;
        margin  : 14px auto;
        padding : 0;
      }
      
      form.formStyle ul.form-opts li {
        display : block;
        float   : left;
        width   : 110px;
        margin  : 0 4px;
        border  : 1px solid #C5C5C5;
        background-color  : #F5F5F5;
        padding-top       : 5px;
        padding-bottom    : 5px;
        text-align  : center;
        cursor            : pointer;
      }

/* end form.formStyle */