/**
 * Forms.css defines the styles for forms
 *
 * Everything is within a form of class 'formstyle'
 */

form.formStyle {
	clear    : both;
	display  : block;
	margin: 0 10px;
}

  form.formStyle span.hint,
  form.formStyle label.req {
	  color   : #990000;
	}
	
	form.formStyle span.hint { font-size:12px;}

	form.formStyle fieldset {
    margin  : 14px 0;
    padding : 0;
	}

    form.formStyle fieldset span.notes {
      display : block;
		  margin  : 0 1em 16px 1em;
    }
		
		form.formStyle fieldset span.legend {
      display           : block;
		  background-color  : #eef5fa;
		  border-bottom     : 1px solid #f68d1c;
		  border-top        : 1px solid #f68d1c;
		  padding           : 2px 5px;
		  font-size         : 14px;
      margin            : 14px 0 0 0;
    }
    
    /* end form.formStyle fieldset legend */

		form.formStyle fieldset .odd,
		form.formStyle fieldset .even {
		  clear   : both;
      margin  : 0;
		}
		
		  /* height in ems to effectively inherit line height */
		  form.formStyle fieldset .odd span.chbxSpace,
      form.formStyle fieldset .even span.chbxSpace {
        display : block;
        float   : left;
        height  : 1em;
        width   : 229px;
        padding : 0 5px 0 0;
      }
		  
		
			/* (600*0.382)-5 = 249.03 */
			form.formStyle fieldset .odd label,
			form.formStyle fieldset .even label {
        float       : left;
        width       : 249px;
        padding     : 0 5px 0 0;
        margin      : 0 0 0 0;
        text-align  : right;
        line-height : 22px;
        vertical-align  : middle;
			}
						
			form.formStyle fieldset .odd label.notReq,
      form.formStyle fieldset .even label.notReq {
      }
      
      /* (665*0.618)-5 = 405.97 */
      form.formStyle fieldset .odd span.field-1,
      form.formStyle fieldset .even span.field-1 {
        display : block;
        float   : left;
        /*width   : 406px;*/
        padding : 0 0 0 0;
        margin  : 0 0 0 0;
      }
      
	      form.formStyle fieldset .odd span.field-1 input,
	      form.formStyle fieldset .even span.field-1 input,
	      form.formStyle fieldset .odd span.field-1 select,
        form.formStyle fieldset .even span.field-1 select,
        form.formStyle fieldset .odd span.field-1 textarea,
        form.formStyle fieldset .even span.field-1 textarea {
          float   : left;
          clear   : left;
          margin  : 2px;
          border  : 1px solid #C5C5C5;
          background-color  : #eef5fa;
	      }
        
        form.formStyle fieldset .odd span.field-1 input,
        form.formStyle fieldset .even span.field-1 input,
        form.formStyle fieldset .odd span.field-1 select,
        form.formStyle fieldset .even span.field-1 select {
          height  : 16px;
        }
        
        form.formStyle fieldset span.field-1 input[type="file"] {
          height  : 22px;
          border  : 1px solid #C5C5C5;
          background-color  : #eef5fa;
        }
        
          form.formStyle fieldset span.field-1 input[type="file"] > input[type="text"] {
            border  : 1px solid #C5C5C5;
            background-color  : #eef5fa;
          }


        form.formStyle fieldset .odd span.field-1 select,
        form.formStyle fieldset .even span.field-1 select {
          height  : 18px;
        }
	      
	      form.formStyle fieldset .odd span.field-1 .select-field-1-col, 
        form.formStyle fieldset .even span.field-1 .select-field-1-col {
          /*width : 406px;*/
        }
        
        form.formStyle fieldset .odd span.field-1 .select-field-2-col, 
        form.formStyle fieldset .even span.field-1 .select-field-2-col {
          float   : left;
          width   : 198px;
          margin  : 0 5px 0 0;
        }
        
        form.formStyle fieldset .odd span.field-1 .select-field-3-col, 
        form.formStyle fieldset .even span.field-1 .select-field-3-col {
          float   : left;
          width   : 125px;
          margin  : 0 0 0 2px;
        }
        
        form.formStyle fieldset .odd span.field-1 .select-field-1-col .select-field-1, 
        form.formStyle fieldset .even span.field-1 .select-field-1-col .select-field-1,
        form.formStyle fieldset .odd span.field-1 .select-field-2-col .select-field-2, 
        form.formStyle fieldset .even span.field-1 .select-field-2-col .select-field-2,
        form.formStyle fieldset .odd span.field-1 .select-field-3-col .select-field-3, 
        form.formStyle fieldset .even span.field-1 .select-field-3-col .select-field-3 {
          width : inherit;
        }
        
        form.formStyle fieldset .odd span.field-1 .select-field-1-col .select-field-1 input, 
        form.formStyle fieldset .even span.field-1 .select-field-1-col .select-field-1 input,
        form.formStyle fieldset .odd span.field-1 .select-field-2-col .select-field-2 input, 
        form.formStyle fieldset .even span.field-1 .select-field-2-col .select-field-2 input,
        form.formStyle fieldset .odd span.field-1 .select-field-3-col .select-field-3 input, 
        form.formStyle fieldset .even span.field-1 .select-field-3-col .select-field-3 input {
        	background-color  : transparent;
          border            : none;
        }

        form.formStyle fieldset .odd span.field-1 .select-field-1-col .select-field-1 label, 
        form.formStyle fieldset .even span.field-1 .select-field-1-col .select-field-1 label,
        form.formStyle fieldset .odd span.field-1 .select-field-2-col .select-field-2 label, 
        form.formStyle fieldset .even span.field-1 .select-field-2-col .select-field-2 label,
        form.formStyle fieldset .odd span.field-1 .select-field-3-col .select-field-3 label, 
        form.formStyle fieldset .even 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 .odd span.field-1 span.yes-no-field, 
        form.formStyle fieldset .even span.field-1 span.yes-no-field {
          display : block;
          float   : left;
				  clear   : none;
          width   : auto;
          margin  : 0 5px 0 0;
        }
        
	        form.formStyle fieldset .odd span.field-1 span.yes-no-field input, 
	        form.formStyle fieldset .even span.field-1 span.yes-no-field input {
	          background-color : transparent;
	          border           : none;
	        }
          
          form.formStyle fieldset .odd span.field-1 span.yes-no-field label, 
          form.formStyle fieldset .even 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  : #eef5fa;
    border-bottom     : 1px solid #f68d1c;
    border-top        : 1px solid #f68d1c;
    width             : 100%;
    padding           : 4px 0;
    text-align        : center;
    color             : #990000;
    margin            : 5px 0;
	font-size         : 12px;
  }
  
  .captchaBox { padding:5px 0; }
  
  form.formStyle span.captcha {
    display           : block;
    width             : 100%;
    text-align        : center;
    background-color  : #eef5fa;
    border-bottom     : 1px solid #f68d1c;
    border-top        : 1px solid #f68d1c;
    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  : #e3ecf3;
      border            : 1px solid #C5C5C5;
    }
  
  /* currency */
 form.formStyle span.currency {
   clear  : left;
   height : 16px;
   padding  : 4px 0;
 }
 form.formStyle fieldset .odd span.field-1 input.currency,
        form.formStyle fieldset .even span.field-1 input.currency {
   clear  : none;
 }
 
 form.formStyle a.calBtn span {
	background-image: url(../images/iconCal.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	cursor:pointer;
	cursor:hand;
	width:15px;
	height:13px;
	margin:4px 4px 0 4px;
}
/* end form.formStyle */
