/***********************/
/***** form elements ***/
/***********************/
form {
  margin:0;
  padding:0;
}
input.tiny,
input.sm,
input.md,
input.lg,
input.date,
input.search,
textarea.sm,
textarea.med,
textarea.lg,
textarea.xl,
input.browse {
  margin:0;
  padding:2px 2px;
  color:#333;
  font-size:11px;
  font-family:verdana, sans-serif;
  background:#fff;
  border:1px solid #ddd;
}
input.tiny   { width:30px; }
input.sm     { width:50px; }
input.md     { width:160px; }
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:255px; height:75px;  overflow:auto; }
textarea.lg  { width:250px; height:150px; overflow:auto; }
textarea.xl  { width:440px; height:250px; overflow:auto; }
select.med   { width:180px; }
select.lg    { width:256px; }
textarea.short { height:50px; }
textarea.tall  { height:150px; }
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;
  border:solid 1px #ddd;
}
select.fixed-width {
  font-family:courier;
}
input.checkbox {
  vertical-align:middle;
}
input.radio {
  vertical-align:-3px;
}
optgroup {
  font-style:normal;
}


/***********************/
/***** form ************/
/***********************/
div.form-box {
  padding:0;
	background:url(/_components/elements/box_top.gif) #e5f6fc 0 0 no-repeat;
}
div.form-box-trim {
  padding:0 0 9px 0;
	background:url(/_components/elements/box_bottom.gif) transparent 0 100% no-repeat;
}
table.form {
  margin:5px 0 15px 0;
}
table.form th,
table.form td {
  color:#00A7E5;
  font-size:13px;
  line-height:16px;
  vertical-align:top;
}
table.form td {
  padding:7px 0 0 17px;
  font-weight:normal;
}
table.form th {
  width:100px;
  padding:8px 0 0 0;
  text-align:right;
  font-weight:normal;
}
table.form .required th {
  font-weight:bold;
}
table.form .error th,
table.form .requirederror th {
  color:#c00;
  font-weight:bold;
}
table.form .required td {
  background:url(/_components/elements/field_required.gif) 2px 12px transparent no-repeat;
}
table.form .requirederror td {
  background:url(/_components/elements/field_error.gif) 2px 12px transparent no-repeat;
}
table.form .error td input,
table.form .error td textarea,
table.form .error td select,
table.form .requirederror td input,
table.form .requirederror td textarea,
table.form .requirederror td select {
  border:1px solid #c00;
}

#notice {
  padding:0 0 20px 0;
  line-height:16px;
}
#notice p {
	color:#c00;
	font-weight:bold;
}
#notice ul {
  list-style:none;
  margin:0;
  padding:0;
}
#notice ul li {
  margin:0;
  padding:2px 0 4px 13px;
	color:#c00;
  background:url(/_components/elements/field_error.gif) 0 5px transparent no-repeat;
}
.notice-error .required {
  color:#c00;
  font-weight:bold;
}
.notice-success .required {
  color:#73972b;
}
table.form .caption th,
table.form .caption td,
table.form div.caption,
table.form span.caption,
table.form .required-notice td {
  font-size:11px;
}

table.form .required-notice td {
  text-align:right;
}

table.form .section-title th {
  color:#73972b;
  font-size:15px;
  font-weight:bold;
  text-align:left;
}

.buttons {
  margin:0;
  padding:20px 0;
  text-align:right;
}