/* Scroll to end to see 'easy-edit' section of commonly changed form specs */

/* DEFAULT FORM ELEMENTS */
     form {
        margin:0;
        padding:0;
    	}

    form div,
    form p {
        font-size: 1em;
        margin: 0 0 1em 0;
        padding: 0;
    	}

    label {
       font-weight: normal;
        color: #444;
    	}

	fieldset {
        padding: 5px 10px;
        margin: 0 0 1.5em 0;
        border: 1px solid #eee;
    	}

    fieldset legend {
        font-size: 1.1em;
        font-weight: bold;        
        color: #94014a;
        margin: 0 0 0 0px;
        padding: 0;
    	}

    fieldset ol {
        margin: 0 0 1.5em 0;
        padding: 0;        
        list-style: none;
    	}

    fieldset ol li {
        margin: 0 0 0.5em 0;
        padding: 0;        
        list-style: none;
    	}

    input, select, textarea {
        font-size: 1em; 
        margin: 0;
        padding: 2px;        
    	}

    
    input, select {
        vertical-align: middle;
    	}

    textarea {
        width: 200px;
        height: 8em;
    	}
    
    textarea1 {
        width: 200px;
        height: 4em;
    	}
    
    input.check {
        width: auto;
        height: auto;        
        margin: 0;        
        border: none;
    	}

    input.radio {
        width: auto;        
        height: auto;
        margin: 0;        
        border: none;
    	}

    input.file {
        width: 250px;
        height: auto;
    	}

    input.readonly {
        background-color: transparent;
        border: none;
    	}

    input.button {
        width: 10em;        
        background-color: #ddd;
        border: 1px solid black;
    	}

    input.image {
        width: auto;
        height: auto;        
        border: none;
    	}

    
    form div.submit {
        margin: 1em 0;
    	}

    form div.submit input {
        width: 15em;
        height: 2em;
    	}

/* END GENERIC FORM ELEMENTS */


/*  SITE-SPECIFIC FORM ELEMENTS */
/* 
*   See Easy-Edit section at the end of document to override some of the the most 
*   commonly-edited bits of the site-specific styles immediately below!
*/

    form.generic-form {
		position: relative;
        width: 500px;
		font-size: 1em;
		color: #333;
		margin-bottom: 1em;
 		}
  		  
    form.generic-form fieldset {
        margin: 0em 0 0em 0px;
        padding: 1.5em 10px 0px 10px;
     	background: #fefefe;
        border: 1px solid #e5e5e5;
	    }
	    
    form.generic-form fieldset legend {
        font-size: 1.4em;
        font-weight: bold;
        color: #999;
        background: none;
        margin: 1.7em 0 -1em 0px;
        padding: 0;        
    	} 
    	
	form.generic-form fieldset ol,
	form.generic-form fieldset li {
		list-style-type: none;
		}

	form.generic-form fieldset ol.textfield li {
        position: relative;
		height: 22em;
		margin: 0.5em 0 0em 0;
		padding: 0.8em 0 0 0;
		border-top: 1px dotted #a9a9a9;
    	}

	 form.generic-form fieldset ol.textfield li label {
	 	display: block;
	 	float: left;
	 	width: 170px;
	 	width: 37%;
	 	margin: 0;
		text-align: right;
    	}    	

	form.generic-form fieldset ol.textfield li input  {
		position: absolute;
		top: 0.8em;
		left: 180px;
		width: 280px;
		background: white;
		border: none;
        border: 1px solid #ddd;
		}	
		
 	form.generic-form fieldset ol.textfield li.textarea {
		height: 22em;
    	}		
		
	 form.generic-form li.req label {
 		font-weight: bold;
        color: #333;
    	}    	

	form.generic-form fieldset ol.textfield li select  {
		position: absolute;
		top: 0.8em;
		left: 180px;
		left: 40%;
		width: 280px;
		width: 57%;
		background: white;
        border: 1px solid #ddd;
		}	

    	
	form.generic-form fieldset.comments {
        margin: 0.5em 0 1em 0em;
    	}
    	
	form.generic-form fieldset.comments ol li textarea {
		position: relative;
		width: 455px;
		width: 96%;
		height: 14em;
		background: white;
        margin: 1em 0 0 0em;
        border: 1px solid #ddd;
    	}

	form.generic-form fieldset.comments1 {
        margin: 0.5em 0 1em 0em;
        }
  
	form.generic-form fieldset.comments1 ol li textarea {
		position: relative;
		width: 455px;
		width: 96%;
		height: 7em;
		background: white;
        margin: 1em 0 0 0em;
        border: 1px solid #ddd;
        }
    	
  
  /* need styling for class 'hidden' */
  
  
  /* [ BUTTONS ] */
  
  form.generic-form fieldset p {
        margin: .5em 0 .5em 0px;        
	    }	
	    
 	form.generic-form input.button,
	form.generic-form input.button2,
	form.generic-form input.button3,
	form.generic-form input.button-wide {
		width: 248px;
		width: 46%;
    	color: white;
    	font-weight: bold; 
        background-color: #3d6d79;
        margin: 1em 3% 0 0;
        padding: 0.4em 1em;
        border: none;
    	}

	form.generic-form input.button-wide {
		width: 100%;
		}
	form.generic-form input.button3 {
        background-color: #3d6d79;
    	}
    	
   form.generic-form input.button:hover,
   form.generic-form input.button2:hover,
   form.generic-form input.button3:hover {
        background-color: #153d49;
    	} 
    	
    	


/*  END SITE-SPECIFIC FORM ELEMENTS */


/* EASY-EDIT FORM ELEMENTS */
/* 
*   All of the styles below are located above (with identical names) and you can 
*   delete this section and edit them instead if you prefer. DO NOT delete the styles above!
*   In many cases there are important specs associated with a style that are omitted
*   from the definitions below. The styles below are intended to override only the the most 
*   commonly-edited bits.
*/

/* overall form sizing */
    form.generic-form {
        width: 500px;
        width: 100%;
		font-size: .9em;
 		}
 		
/* fieldset border and background color */
    form.generic-form fieldset {
     	background: #f9f9f9;
        border: 1px solid #e5e5e5;
	    }
	    
/* legend  type and color */
    form.generic-form fieldset legend {
        font-size: 1.4em;
        font-weight: bold;
        color: #999;        
    	} 

/* form label/input spacing and separator (border) */
	form.generic-form fieldset ol.textfield li {
		height: 2.2em;
		margin: .5em 0 0em 0;
		padding: 0.8em 0 0 0;
		border-top: 1px dotted #a9a9a9;
    	}    	

	form.generic-form fieldset ol.textfield li.noborder {
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
        border: none;
		color: red;
    	}    	
    	
/* text field width, position relative to label. and coloring */
	form.generic-form fieldset ol.textfield li input  {
		left: 180px;
		left: 40%;
		top: 0.8em;
		width: 280px;
		background: white;
        border: 1px solid #ddd;
		}

/* specs for required labels */
	 form.generic-form li.req label {
 		font-weight: bold;
        color: #333;
    	}
    	
     form.generic-form li.req label:before,
     form.generic-form li.req fieldset.radio legend:before {
     	content: "*";
        color: red;
     	}

     form.generic-form li.req fieldset.radio label:before {
     	content: "";
     	}

    form.generic-form fieldset p.req {
        font-size: .8em;
        font-style: italic;
    	} 

    	
/* button border and colors (scroll up, it's just above this easy-edit section) */


/* --------------------------------------------- */

    form.generic-form fieldset.radio  {
        width: 100%; 
        margin: 0 0 0 0;
        padding: 1.5em 0px 0px 0px;
        border: none;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        
        height: 5em;
       }
    	
 
     form.generic-form fieldset.radio p {
		position: relative;
		top: -.5em;
		width: 170px;
	 	width: 37%;
	 	font-size: 1em;
       	font-weight: bold;
 	 	color: black;
       	line-height: 1.4em;        
		text-align: right;
 	 	margin: 0;
       	padding: 0;
		}

	form.generic-form fieldset ol.radio  {
		position: relative;
		top: -2.2em;
		left: 40%;
		width: 280px;
		border: none;
		}	
				
	

/* --------------------------------------------- */