/* 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;
}
div.form table tbody td {
	padding:0 0 5px 15px;
	font-size:12px;
}
div.form table tbody td.caption,
div.form table tbody td span.caption {
	font-size:10px;
	line-height:24px;
	color:#454545;
}
div.form table tbody tr.required th {
	font-weight:bold;
}
div.form table tbody tr.error th {
	color:#c00;
	font-weight:bold;
}
div.form table tbody tr.required td {
	background:url(/images/field_required.gif) 0px 6px transparent no-repeat;
}
div.form table tbody tr.error td {
	background:url(/images/field_error.gif) 0px 6px 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 #c00;
}
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:#fce798 !important;
	border:1px solid #c79001 !important;
}

button {
	padding:3px 10px;
	background-color: #c79001;
	border: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	font-size:10px;
	text-transform: uppercase;
}