/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | PHP: Email Protector                                             |
  | Cascading Style Sheet                                            |
  | Copyright Jan 2007                                               |
  | Use with attribution by visible or hidden link only!             |
  | Attribute to: Mike Cherim (Pre-configured)                       |
  +------------------------------------------------------------------+
*/ 

/*
  INSTRUCTIONS:
  Include these specific styles in your style sheet (CSS) or 
  simply keep this as a separate file and link or import it
*/


/*
  position and style the fieldset/container
*/
fieldset#pep {
  margin : auto;
  width : 55%;
  padding : 10px;
  border : 1px solid #999;
}

/*
  style the legend (form heading)
*/
#pep legend {
  color : #669900;
  font-weight : bold;
  font-size : 120%;
}

/*
  style the input label
*/
#pep label {
  font-size : 85%;
}

/*
  style the input within label only
*/
#pep label input#pep_subj {
  font-size : 110%;
}

/*
  style the input 
*/
#pep input#pep_subj {
  background-color : #ffd;
  border : 1px solid #669900;
  padding : 1px;
  font-family : 'Century Gothic', 'Trebuchet MS', Arial, sans-serif;
} 

/*
  style the button only
*/
#pep input.button {
  cursor : pointer;
}

/*
  accessible hover/focus input styles
*/
#pep input#pep_subj:hover, #pep input#pep_subj:focus {
  background-color : #fafafa;
  border : 1px solid #000;
} 

/*
  style the output line
*/
#pep p { padding : 10px 0; }

/* 
  style the various class combinations: norm, error, success
*/
#pep p.nrm, #pep .suc, #pep p strong { color : #666; }
#pep p.nrm strong, #pep p.suc strong { color : #669900; }
#pep label span { font-weight : bold; }
#pep span.err, #pep p.err strong { color : #cd0000; }

/* 
  link styling if you want unique styles
*/
#pep p a { color : #669900; }
#pep p a:hover, #pep p a:focus, #pep p a:active {
  color : #000;
  text-decoration : none;
}
#pep p a:focus, #pep p a:active {
  background-color : #ffffdd;
}

/*
  style the credit line should you choose to make it visible
*/
#pep p.pepcred { 
  color : #999;
  font-size : 80%;
  margin-top : -5px;
  padding-bottom : 0;
}


/* End Styles */