/*** ELEMENTS ***/
input.tiny,
input.sm,
input.med,
input.lg,
input.xl,
input.xxl,
input.date,
input.search,
textarea.sm,
textarea.med,
textarea.lg,
textarea.xl,
input.browse {
  margin: 0;
  padding: 1 2px;
  color: #000;
  background: #fff;
  border: 1px solid #ddd;
}
input.tiny   { width: 30px; }
input.sm     { width: 50px; }
input.med    { width: 160px; }
input.lg     { width: 250px; }
input.xl     { width: 400px; }
input.xxl    { width: 500px; }
input.date   { width: 75px; }
input.search { width: 200px; padding: 0 2px; }
textarea.sm  { width: 210px; height: 75px;  overflow: auto; }
textarea.med { width: 250px; height: 75px;  overflow: auto; }
textarea.lg  { width: 350px; height: 150px; overflow: auto; }
textarea.xl  { width: 350px; height: 250px; overflow: auto; }
select.med   { width: 180px; }
select.lg    { width: 250px; }
select.tall  { height: 100px; }
input.btn_primary,
input.btn_secondary {
  font-size: 11px;
  font-family: verdana, sans-serif;
  font-weight: bold;
}
input.btn_secondary {
  font-weight: normal;
}
input.browse {
  font-size: 11px;
}
select {
  font-size: 11px;
  font-family: tahoma, verdana, sans-serif;
  vertical-align: middle;
  color: #000;
  background-color: #fff;
}
select.fixed-width {
  font-family: courier;
}
input.checkbox {
  vertical-align: middle;
}
input.radio {
  vertical-align: -3px;
}

/***********************/
/***** form ************/
/***********************/
div.form {
  margin: 0 auto;
  padding: 5px;
  background-color: #f8f5e6;
  border: 1px solid #e1dcc5;
}
table.form {
  margin: 0 auto;
}
table.form th,
table.form td {
  color: #000;
  line-height: 16px;
  vertical-align: top;
}
table.form td {
  padding: 3px 0 0 11px;
  font-weight: normal;
}
table.form th {
  padding: 4px 0 0 0;
  text-align: right;
  font-weight: normal;
}
table.form .required th {
  font-weight: bold;
}
table.form .error th {
  color: #f07a22;
  font-weight: bold;
}
table.form .required td {
  background: url(/images/field_required.gif) 3px 5px transparent no-repeat;
}
table.form .error td {
  background: url(/images/field_error.gif) 3px 5px transparent no-repeat;
}
table.form .error td input,
table.form .error td textarea,
table.form .error td select {
  border: 1px solid #f07a22;
}

table.form .caption th,
table.form .caption td,
table.form div.caption,
table.form span.caption,
table.form .required_notice td {
  font-size: 10px;
}

table.form .buttons td input {
	margin: 10px 5px 0 0;
}

table.form .section_title th {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

/***********************/
/***** misc ************/
/***********************/
p.privacy {
  color: #888;
  font: normal 11px/18px verdana, serif;
}
p.privacy a {
  color: #888;
  font: bold 11px/18px verdana, serif;
}