﻿/* form rows + actions */

div.formRow
{
  margin-bottom: 10px;
}

div.formAction
{
  margin-bottom: 10px;
  text-align: center;
}

/* generic labels */

div.formRow label
{
  margin: 2px 5px 0 0;
  padding: 0;
  float: left;
  width: 90px;
  font-size: 0.85em;
}

/* generic fields */

div.formRow input.txt
{
  margin: 0;
  padding: 2px;
  width: 194px;
  height: 14px;
  font-size: 0.85em;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  border: 1px solid #e2e2e2;
  color: #777;
  background: #fff url(../images/forms/txt-bg.png) repeat-x left bottom;
}

div.formRow textarea.txt
{
  margin: 0;
  padding: 2px;
  width: 319px;
  height: 44px;
  font-size: 0.85em;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  border: 1px solid #e2e2e2;
  color: #777;
  background: #fff url(../images/forms/area-bg.png) repeat-x left bottom;
}

div.formRow select.ddl
{
  margin: 0;
  padding: 2px;
  width: 319px;
  font-size: 0.85em;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  border: 1px solid #e2e2e2;
  color: #777;
  background: url(../images/forms/txt-bg.png) repeat-x left bottom;
}

div.formRow select.ddl option
{
  background: #fff;
}

/* required fields */

span.req
{
  color: #009ce8;
}

div.formRow label span.req
{
  float: right;
}

/* errors */

ul.error
{
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  color: #eb9550;
}

ul.error li
{
  margin: 0 0 2px 0;
  padding: 0;
  list-style: none;
}

p.error
{
  color: #eb9550;
}

div.errorRow
{
  padding-bottom: 5px;
  border-bottom: 1px solid #eb9550;
}