/**
 * forms.css
 * styles used in forms (apply by using class="styled" in the <form> tag)
 * @author Peter Edwards <tech@e-2.org>
 */

form.styled {
  position:relative;
  width:560px;
	margin:0;
}
form.styled p, form.styled h1, form.styled h2, form.styled h3 {
  clear:both;
	width:550px;
  margin:0px;
  padding:4px 0 0 0;
}
form.styled .txt {
  width:12em;
}  
form.styled .mtxt {
  width:8em;
}
form.styled .stxt {
  width:4em;
}
form.styled input.txt, form.styled textarea.txt, form.styled input.mtxt, form.styled textarea.mtxt, form.styled input.stxt, form.styled textarea.stxt  {
  display:inline;
  float:left;
  margin:0px;
  padding:2px;
  border:1px solid #666;
}
form.styled a img {
  border:0;
}
form.styled p label {
  float:left;
  text-align:right;
  margin-right:2%;
  width:25%;
  font:bold 9pt verdana,arial,helvetica,sans-serif;
}
form.styled p label.inline {
  float:none;
	text-align:left;
	margin:0 1em;
	width:auto;
	font-weight:normal;
}
form.styled .button {
  background-color:#999;
	color:#fff;
	font-weight:bold;
  padding:2px 4px;
  margin-right:3px;
  border:1px solid #ccc;
}
form.styled fieldset {
  border:1px dotted #999;
}
form.styled fieldset legend {
  font:8pt verdana,arial,helvetica,sans-serif;
  color:#999;
}
form.styled p.indent {
  padding-left:27%;
}
form.styled span.indented {
  float:left;
  width:60%;
}
form.styled p.error {
  margin-left:27%;
	color:#f33;
}
.required {
	color:#f33;
}
form.styled .hidden {
  visibility:hidden;
}