/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | PHP: Simple Calculator                                           |
  | Cascading Style Sheet                                            |
  | Copyright Dec 2007                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* 
  I wanted to show you how I styled my form. Most notably I wanted to 
  show how I got rid of the fieldset and labels while still making 
  sure is is accessible to the blind specifically. I think all
  sighted users will know how to use it. I hope. I also want to 
  make sure I showed the various classes used.
*/

/*
  set the form width and center it in the space provided
*/
#psc form {
  width : 35%;
  margin : auto;
}

/*
  pad and space the inputs
*/
#psc input {
  padding : 1px;
  margin : 2px;
}

/*
  tweak the select element 
*/
#psc select {
  width : 3em;
  margin : 2px;
}

/*
  ensure the input cursor is text (opera)
*/
#psc input {
  cursor : text;
}

/*
  same thing, but for the select and submit input
*/
#psc input.button, #psc select {
  cursor : pointer;
}

/*
  remove the fieldset border, really quite optional
*/
#psc fieldset {
  border : 0
}

/*
  style the legend - basic
*/
#psc legend {
  font-weight : bold;
  color : #669900;
}

/*
  move the labels off screen
*/
#psc label {
  position : absolute;
  top : -9000px;
  left : -9000px;
}

/*
  for the output
*/
#psc p {
  margin : 15px auto;
}

/*
  style the strong element
*/
#psc p strong {
  color : #669900;
}

/*
  denote error color
*/
#psc p.error { 
  color : #cd0000;
}

/*
  style the error strong element
*/
#psc p.error strong {
  color : #333;
}

/*
  style the reset links
*/
#psc a { 
  background-color : #669900; 
  color : #fff;
  padding : 0 6px;
  text-decoration : none; 
  border : 1px solid #000;
  margin-left : 10px;
}

/*
  spcify the error link styles
*/
#psc p.error a { 
  background-color : #cd0000; 
}

/* 
  hover  stlyes, plus focus/active styles for keyboard users
*/
#psc p.error a:hover, #psc p.error a:focus, #psc p.error a:active,
#psc p a:hover, #psc p a:focus, #psc p a:active  { 
  color : #ffffcc;
  background-color : #111;
}


/* End Styles */