/* form row */

div.formRow { margin-bottom: 10px; }

/* form: labels */

span.req { color: #f04b41; }

div.formRow label 
{ 
  margin-bottom: 3px;
  padding: 0 8px;
  font-size: 0.85em;
  line-height: 1.1em;
  display: block; 
}

div.errorRow label 
{ 
  color: #F04B41;
}

/* form: inputs */

input.txt,
textarea.txt,
select.ddl
{
  margin: 0 5px 0 0;
  padding: 3px;
  width: 280px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 1em;
  color: #707070;
  background: #fff url(../images/forms/input-bg.png) no-repeat left top;
  border: 1px solid #fff;
}
textarea.txt { height: 94px; }

div.errorRow input.txt, div.errorRow textarea.txt, div.errorRow select.ddl { border: 1px solid #F04B41; }

input.txt:focus, input.txtFocus, div.errorRow input.txt:focus, div.errorRow input.txtFocus,
textarea.txt:focus, textarea.txtFocus, div.errorRow textarea.txt:focus, div.errorRow textarea.txtFocus,
select.ddl:focus, select.ddlFocus, div.errorRow select.ddl:focus, div.errorRow select.ddlFocus
{
  color: #0050a3;
  border: 1px solid #87bbf1; 
}

/* form action */

div.formAction input.btn, div.formAction a.btn { float: left; }

div.formActionCenter input.btn, div.formActionCenter a.btn
{
  margin: 0 auto;
  float: none;
}

div.formAction input.btnRight, div.formAction a.btnRight { float: right; }

/* error */

div.content ul.error
{
  margin: 0 0 10px 0;
  padding: 6px 5px 2px 38px;
  list-style: none;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.3em;
  color: #fff;
  text-shadow: #333 1px 1px 1px;
  background: #F04B41 url(../images/forms/icon-error.png) no-repeat 6px 6px;
  border: 2px solid #84251f;
}

div.content ul.error li
{
  margin: 0;
  padding: 0 0 7px 0;
}

div.content ul.error li a { color: #fff; text-decoration: underline; }
div.content ul.error li a:hover { color: #fff; text-decoration: none; }

/* success */

div.content ul.success
{
  margin: 0 0 10px 0;
  padding: 6px 5px 2px 38px;
  list-style: none;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.3em;
  color: #456a1c;
  text-shadow: #9eb97b 1px 1px 1px;
  background: #c4df9b url(../images/forms/icon-success.png) no-repeat 6px 6px;
  border: 2px solid #456a1c;
}

div.content ul.success li
{
  margin: 0;
  padding: 0 0 5px 0;
}

div.content ul.success li a { color: #456a1c; text-decoration: underline; }
div.content ul.success li a:hover { color: #456a1c; text-decoration: none; }