@import url(/css/date_select.css);

/*---------------*/
/* form elements */
input.text-field,
textarea.text-area {
  margin:0;
  padding:0 2px;
  color:#000;
  font-family:arial, sans-serif;
	font-weight:normal;
  font-size:12px;
  line-height:18px;
  background-color:#fff;
  border:1px solid #ddd;
}
textarea.text-area {
  overflow:auto;
}
select,
select.drop-down,
select.switchbox {
  font-size:11px;
  font-family:verdana, sans-serif;
  font-weight:normal;
  text-transform:none;
  vertical-align:middle;
  color:#000;
  background-color:#fff;
}
select.post-action {
	width:110px;
}
select.switchbox {
  width:250px;
  height:100px;
}
select.fixed-width  { font-family:courier; }
input.tiny          { width:30px; }
input.sm            { width:75px; }
input.med           { width:200px; }
input.lg            { width:300px; }
input.xl            { width:400px; }
input.xxl           { width:500px; }
input.date          { width:75px; }
input.file          { width:250px; }
textarea.sm         { width:200px; height:75px;  }
textarea.med        { width:200px; height:100px;  }
textarea.lg         { width:300px; height:150px; }
textarea.xl         { width:400px; height:250px; }
select.sm           { width:115px; }
select.med          { width:180px; }
select.lg           { width:250px; }
select.tall         { height:100px; }
input.radio-button  { vertical-align:-2px; margin-right:0px; margin-left:7px; }
input.checkbox      { vertical-align:middle; margin-top:0px; margin-right:2px; }
input.btn-primary,
input.btn-secondary {
  font-size:11px;
  font-family:verdana, sans-serif;
  font-weight:bold;
  background-color:#036;
  color:#fff;
  border:1px solid #fff;
  outline:1px solid #036;
  cursor:pointer;
}
input.btn-secondary {
  font-weight:normal;
}
input.password-good {
  background-color:#e7fbe7 !important;
  border:1px solid #9c9 !important;
}
input.password-bad {
  background-color:#ffcfce !important;
  border:1px solid #c00 !important;
}
.field-focus {
  background-color:#fff3dc !important;
  border:1px solid #faa200 !important;
}

/*-----------*/
/* container */
div.form {
  margin:15px 0 0 0;
  padding:0;
}

/*--------*/
/* tables */
table.form {
  margin:0;
  padding:0;
}
table.form th,
table.form td {
  vertical-align:top;
}
table.form th {
  padding:2px 0 0 0;
  text-align:right;
  font-weight:bold;
}
table.form td {
  padding:3px 0 0 15px;
  font-weight:normal;
}
table.form tr.required th {
  font-weight:bold;
}
table.form tr.error th {
  color:#c00;
  font-weight:bold;
}
table.form tr.required td {
  background:url(/images/field_required.gif) 0px 5px transparent no-repeat;
}
table.form tr.error td {
  background:url(/images/field_error.gif) 0px 5px transparent no-repeat;
}
table.form tr.error td input,
table.form tr.error td textarea,
table.form tr.error td select {
  border:1px solid #c00;
}
table.form td.caption,
table.form td.required-notice,
table.form td div.caption {
  font-size:11px;
}
table.form td div.caption {
  padding-top:3px;
}
table.form tr.buttons td {
  padding-top:10px;
}
table.form #passwd-strength  {
  padding:0 0 0 5px;
}
table.form #passwd-strength img {
  vertical-align:middle;
}
table.form td.embedded td {
  padding:2px;
  background:none;
}

table.view th,
table.view td {
  vertical-align:top;
}
table.view th {
  padding:2px;
  text-align:right;
  font-weight:bold;
}
table.view td {
  padding:2px;
  font-weight:normal;
}
table.view tr.headers th {
  padding:2px 8px;
  white-space:nowrap;
  text-align:center;
  background-color:#ccc;
}
table.view td.actions {
  padding-left:10px;
  font-size:11px;
  background-color:#fff;
}
table.view tr.buttons td {
  padding-top:10px;
}

table.dynamic-form {
  width:100%;
}
table.dynamic-form tr {
  vertical-align:top;
}
table.dynamic-form td.question {
  width:20%;
  padding:6px 8px 6px 16px;
}
table.dynamic-form td.answer {
  width:80%;
  padding:6px 8px;
  background-image:none;
}
table.dynamic-form tr.required td.question,
table.dynamic-form tr.important td.question,
table.dynamic-form tr.error td.question {
  font-weight:bold;
}
table.dynamic-form tr.required td.question {
  background:url(/images/field_required.gif) 2px 9px no-repeat;
}
table.dynamic-form tr.error td.question {
  background:url(/images/field_error.gif) 2px 9px no-repeat;
  color:#c00;
}
table.dynamic-form tr.error td {
  background-color:#ffcfce !important;
}
table.dynamic-form tr.required td.answer,
table.dynamic-form tr.error td.answer {
  background-image:none;
}
table.dynamic-form td.related dl {
  margin:0;
  padding:8px;
  background-color:#f7f7f7;
  border:1px solid #ddd;
}
table.dynamic-form td.related dl dd {
  margin-left:20px;
}
table.dynamic-form td.priority-level dl {
  margin:0 0 10px 0;
  padding:0;
}
table.dynamic-form td.priority-level dl dt {
  font-weight:bold;
}
table.dynamic-form td.priority-level dl dd {
  margin-left:20px;
}