/*

  standard_form.css by Chris Norton, 29.04.05 updated 27.05.05
  Designed to format a (reasonably) semantic HTML form and related error messages


  _Usage for form_

  Put form in a <form> with class to "standard_form"

  Put heading in a <p> with class set to "heading"

  Set fields out like:
    <p><label for = "edit_name">Name</label><input type = "text" id = "edit_name"></p>

  If field contains <inputs> with type = "radio" or "checkbox" elements,
  set the containing <p> class to "radio" - this stops the input tags being displayed at a fixed width

  If you have a setup like this:
    <label for = "url">URL</label> http://<input type = "input" id = "url" />
  set the containing <p> class to "url" - this shortens the width of the <input> tag


  _Usage for error messages_

  Put the error messages in a <div> with class set to "errors".

  Put a general error message in a <p>

  Put the error messages in <li> items within a <ul> list.

*/

form.standard_form fieldset {

  display:block;
  border: solid 1px #DADADA;
  padding:2px 0px;
  width: 450px;
  margin-bottom:10px;

}

form.standard_form {

  width: 450px;
  padding-bottom:5px;
  position: relative;
  text-align:center;

}

.standard_form input,
.standard_form textarea,
.standard_form select {

  width: 292px;

}

.standard_form p {

  margin: 10px 2px 10px 5px;
  text-align:left;
  clear: left;
}

.standard_form p.radio input {

  width:auto;

 }

.standard_form p.url input {

  width:251px;

}

.standard_form label {

  font-weight: normal;
  display:block;
  width:130px;
  float:left;
  margin:1px 0px 0px 2px;

}

form.standard_form p.heading {

  padding:2px;
  background-color: #DADADA;
  margin:2px 2px 5px 2px;
  font-weight: bold;

}

/* Error message formatting */

div.errors {

  border: solid 1px red;
  width: 450px;
  margin-bottom: 10px;
  padding:5px 0px;
  background: url(http://images.ukfast.net/icons/ordererror.gif) #FFE1E1 no-repeat 6px 7px;

}

div.errors p {

  margin: 0px 30px;
  text-align: justify;

}

div.errors ul {

  color: #F00;
  list-style-type: disc;
  list-style-position:inside;
  font-weight:bold;
  margin:0px 0px 0px 30px;
  padding:0px;

}