/********************************* FORM ERRORS **********************************/
/*
.formError {
  margin: 1em auto;
  width: 90%;
  padding: 1em;
  border: 1px solid #a2a2a2;
  background-color: #c00;
  color: #fff;
  font-weight: bold;
  text-align: left;
}
*/
.formError {
  margin: 1em 0;
  padding: 1em 20px 1em 35px;
  border-top: 1px solid #FFC2CA;
  border-bottom: 1px solid #FFC2CA;
  background: #FFEDEF url(../images/error.gif) no-repeat 10px 50%;
  color: #c00;
  font-weight: bold;
  text-align: left;
}
.formError ul {
  list-style-type: disc;
  margin: 5px 20px;
}
.formElementError {
 /* border: 1px solid #a2a2a2;
  background-color: #c00; */
  color: #c00;
}
.formElementError p {
  margin-left: 7em;
  font-weight: bold;
}
.formElementInlineError {
}
/** When text is displayed inline in the form */
.formErrorText {
  color: #c00;
  font-weight: bold;
}

/* error class is added by jquery.validator plugin */
input.error, textarea.error {
  border: 1px solid #f37e61;
}
table td label.error {
  background: url(../images/exclamation.gif) no-repeat 0 50%;
  margin-left: 4px;
  padding-left: 20px;
  font-weight: bold;
  color: #c00c00;
}
table td label.success {
  background: url(../images/accept.gif) no-repeat 0 50%;
  margin-left: 4px;
  padding-left: 20px;
  font-weight: normal;
  color: #333;
}
/****************************** FORM BUTTONS ********************************/
.formButton {
  margin: 4px;
  font-size: 1.5em;
  border: 3px double #999;
  border-left-color: #ccc;
  border-top-color: #ccc;
  color: #333;
  background-color: #f3f3f3;
  padding: 0.25em;
  cursor: pointer;
}
.formBtn {
  overflow: visible;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.formBtn img {
  vertical-align: middle;
  padding-right: 4px;
}
.formBtn:hover {
  background-color: #f0f0f0;
}
/****************************** FORM ELEMENTS ********************************/
.formElement, .formElementError {
  clear: both;
  padding: 4px 0;
  text-align: left;
}
.formElement label {
  display: block;
  float: left;
  width: 12em;
  margin-right: 10px;
  text-align: right;
  font-weight: bold;
}
.formElementInline {
  display: inline;
  padding: 0;
  margin: 0;
}
.formElementInline label {
  display: inline;
  float: none;
  width: auto;
  font-weight: normal;
}
.button {
  margin-top: 8px;
}

.groupFormTags {
  margin-left: 12em;
  padding-left: 10px;
}
label.inlineLabelRight, label.inlineLabelLeft {
  display: inline;
  float: none;
  width: auto;
  margin-right: 0;
  text-align: left;
}
label.inlineLabelRight {
  padding-left: 2px;
}
label.inlineLabelLeft {
  padding-right: 2px;
}
.formInlineSpacer {
  margin: 5px;
}
/* Used for label tags that aren't in .tblForm table */
.label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
/*************************** CSS HACKS ***************************************/
/**
* Hack to fix the 3 pixel gap in IE
* (http://www.positioniseverything.net/explorer/threepxtest.html)
*/
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html .groupFormTags {
  height: 1%;
  padding-left: 0;
}

/* End hide from IE5/mac */

/*************************** TABLE LAYOUTS ***************************************/
.tblForm {
 /* border-top: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;  */
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
   border: 1px solid #e3e3e3;
  width: 99%;
  padding: 0;
  margin: 0;
}
.tblForm td, .tblForm th {
  padding: 0;
  margin: 0;
}
.tblForm td.tblFormCol_2, .tblForm th.tblFormCol_1 {
  padding: 6px 4px;
  /* border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;  */

}
.tblForm th.tblFormCol_1 {
  color: #333;
  width: 180px;
  text-align: right;
  background: #f0f0f0;
  font-weight: normal;
}
.tblForm td.tblFormCol_2 {
  background: #fbfafa;
}
.tblFormCol_2 label {
  padding: 0 4px;
}
/********************** GENERAL **************************************************/

.textInput {
  border: 1px solid #6c6c6c;
  border-color: #6c6c6c  #c3c3c3 #d3d3d3 #6c6c6c;
  background:#fff url(../images/textbg.gif) repeat-x 0 0;
  font-size: 1.1em;
  /* padding: 0.25em 0.25em; */
  padding: 0.15em 0.15em;
}

.textFull {
  width: 97%;
}
input.large, textarea.large {
  width: 97%;
}
input.medium, textarea.medium {
  width: 60%;
}
input.small, textarea.small {
  width: 25%;
}
input[disabled], textarea[disabled], select.disabled {
  background-color: #e3e3e3;
  color: #636363;
}
label i, .tblForm th i {
  color: #ff0000;
}
fieldset {
  margin: 1.2em 0;
  padding: 0;
  border: none;
}
legend {
  display: block;
  padding: 4px 20px;
  font-weight: bold;
  background: #e3e3e3;
  color: #333;
}
