/* base
-------------------------------------*/
div.form {
  margin:0;
  padding:10px 0 0 0;
  width:350px;
}
div.form table tbody th {
	padding-top:3px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	white-space:nowrap;
	color:#909090;
	vertical-align:middle;
}
div.form table tbody td {
  padding: 5px 0 0px 15px;
	font-size:12px;
}
div.form table tbody td.caption,
div.form table tbody td span.caption,
.caption {
	font-size:10px;
	line-height:1.3em;
	color:#909090;
}
div.form table tbody tr.required th {
  font-weight:bold;
	vertical-align:top;
}
div.form table tbody tr.error th {
  color:#c00;
  font-weight:bold;
}	
div.form table tbody tr.required th {
	color:#000000;
	font-weight: bold;
}
div.form table tbody tr.error th {
	color:#c98400;
	font-weight: bold;
}
div.form table tbody tr.required td {
  background:url(/images/field_required.gif) 6px 7px transparent no-repeat;
}
div.form table tbody tr.error td {
  background:url(/images/field_error.gif) 6px 7px transparent no-repeat;
}
div.form table tbody tr.error td input,
div.form table tbody tr.error td textarea,
div.form table tbody tr.error td select {
  border:1px solid #d99b23;
}
div.form table.simple tbody tr td {
  padding-left:5px;
}


/* input elements
-------------------------------------*/
input,
textarea,
select {
	margin-bottom:3px;
	padding:2px;
  font-size:14px;
	font-weight:normal;
  background-color:#fff;
  border:1px solid #ddd;
}
textarea {
  overflow:auto;
}
select {
  text-transform:none;
  vertical-align:middle;
}
select option {
  padding-right:10px;
}
select.switchbox {
  width:250px;
  height:100px;
}
select.fixed-width  { font-family:courier; }
input.tiny          { width:30px; }
input.sm            { width:55px; }
input.med           { width:220px; }
input.lg            { width:300px; }
input.xl            { width:400px; }
input.xxl           { width:500px; }
input.date          { width:75px; }
input.phone         { width:120px; }
input.file          { width:250px; }
input.username      { width:270px; }
input.password      { width:130px; }
textarea.sm         { width:200px; height:75px;  }
textarea.med        { width:220px; height:100px;  }
textarea.lg         { width:315px; height:150px; }
textarea.xl         { width:400px; height:250px; }
select.med          { width:180px; }
select.lg           { width:250px; }
select.tall         { height:100px; }
input.radio-button  { vertical-align:-3px; border:0;   }
input.checkbox      { vertical-align:middle; border:0; }
.field-focus {
  background-color:#efefef  !important;
  border:1px solid #7eb239 !important;
}