/* EASY-PIPER.COM */
/* Date: September 9th, 2006 */
/* Developer: Uffenorde.com */

/*=========================================*/
/*
/* COLORS
/*
/*=========================================*/

/* #666633 /* GREEN */
/* #993300 /* RUST */
/* #660000 /* MAROON */
/* #996666 /* MAUVE */
/* #336666 /* TEAL */
/* #AF6E0D /* BROWN */


.sr {		/* this keeps the date of birth drop downs inline */
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

/* -------------------Forms------------------------*/
.requiredFields{
     font-family: Verdana, sans-serif;
     font-weight: normal;
     font-size: 80%;     
     }

form, fieldset {
	margin: 0;
	padding: 0;
	}

legend {
	padding: 0;
	color: black;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { 
     padding: 0; 
     }

form.easyPiperForm fieldset { 
     margin-bottom: 10px;
     }
	
form.easyPiperForm legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */     
	}
	
form.easyPiperForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
     font-weight: normal;
     letter-spacing: normal;
     color:  #660000 /* MAROON */;
	}
	
form.easyPiperForm fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.easyPiperForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.easyPiperForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.easyPiperForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
     
	}
	
form.easyPiperForm fieldset fieldset label {
	display: block;
	width:auto;	

	}

form.easyPiperForm em {
	font-weight: bold;
	font-style: normal;
	color: red;
	}

form.easyPiperForm label { /* Width of labels */
     width: 180px; 
     } 
     
form.easyPiperForm fieldset fieldset label { /* Width plus 3 (html space) */
     margin-left: 223px;
     } 

/*\*//*/ form.easyPiperForm legend { display: inline-block; } /* IE Mac legend fix */

form.easyPiperForm {
	width: 380px;
	font-size: 80%;
	color: #660000 /* maroon */;	
	}
	
form.easyPiperForm legend { 
     padding-left: 0;     
     }
	
form.easyPiperForm legend{
     color: black;
     }
form.easyPiperForm label { 
     color:  #660000 /* MAROON */;
     }

form.easyPiperForm fieldset {
	border: none;
	border-top: 1px solid #660000 /* maroon */;
	background: url(images/contactFormBg.gif) left bottom repeat-x;
	}
	
form.easyPiperForm fieldset fieldset { 
     background: none;
     }
	
form.easyPiperForm fieldset li {
	padding: 5px 10px 7px;
	background: url(images/dividerMaroon.gif) left bottom repeat-x;
	}
   





/*==============================================================*/ 

form.contactForm fieldset {
	border: none;
   margin: 0 0 10px 0 !important ;
   margin: 0 0 10px 0;
   padding: 0 0 10px 0 !important ;
   padding: 0 0 10px 0;
   width: 375px;
	border: 1px solid #660000 /* maroon */;
	/*background: url(../images/contactFormBg.gif) left bottom repeat-x;*/
   float: left;
   clear: left;
	}
   
 
  
	
form.contactForm legend {
	padding: 0 2px;
   font-size: 90%;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */     
	}
	
form.contactForm label {
	display: block;
	font-size: 80%;
	vertical-align: top;
  font-weight: normal;
     letter-spacing: normal;
     color:  #660000 /* MAROON */;
     float: left;
     clear: left;
     position: relative;
     width: 220px;
     margin: 0 0 0 10px;
	}
   
form.contactForm input{
   margin: 0 0 0 10px;
   font-size: 90%;
}



#formwrap{
   background: none;
   border: none;
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border :  none; 
  background-color : none; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
  display: block;

  
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : none; 
  background-color : none; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
  
}

span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

span.success { 
  color : #669900; 
  font-weight : bold; 
}




