input, select, textarea { margin: 0; padding: 2px; border: 1px solid #ccc; background: #fff url(http://media.ljworld.com/images/field_shadow.gif) repeat-x; outline: none; }
input.disabled, select.disabled, textarea.disabled { border-color: #eee; }
input:focus, textarea:focus { background: #fff; }
input.button { float: left; display: block; margin: -2px 5px 0 0; padding: 0; background: none; border: none; }

input[type=submit] { padding: 5px 15px; width: auto; background: #fff url(http://media.ljworld.com/images/button_bg.gif) repeat-x left bottom; border: 1px solid #ccc; font: bold 13px/14px 'Helvetica Neue', Arial, sans-serif; color: #777; -webkit-border-radius: 13px; cursor: pointer; }
input[type=submit]:hover { background: #125a95; border-color: #125a95; color: #fff; }
input[type=submit][disabled=true] { background: #ccc; border-color: #ccc; color: #777; cursor: default; }

fieldset { margin: 0 0 18px 0; }
fieldset.highlight { padding: 10px 10px 10px 0; background: #ebeff2; }
fieldset .legend { margin-bottom: 9px; border-bottom: 1px solid #dae2e8; font-weight: normal; color: #697a85; }
fieldset h4.error { padding-top: 0; padding-bottom: 9px; color: #cc0000; }

fieldset p                { margin: 0; padding: 9px 0; font-size: 13px; color: #697a85; overflow: hidden; }
fieldset p label          { display: block; float: left; padding-right: 10px; width: 100px; text-align: right; }
fieldset p em.error       { float: left; display: block; margin-left: 110px; font-size: 12px; color: #cc0000; }
fieldset.highlight input, fieldset.highlight textarea { background: #fff; }
fieldset p span           { float: left; display: block; background-color: #fff; }
fieldset p select         { width: 200px; }
fieldset p span.error     { border: 2px solid #CC0000; }
fieldset p span.help      { float: left; padding: 2px 0 0 5px; }
fieldset p span input, fieldset p span textarea { width: 300px; }
fieldset p span textarea  { height: 100px; }

fieldset.stack p label { float: none; width: auto; text-align: left; clear: both; }
fieldset.stack p span { float: none; }
fieldset.stack p span.tall textarea { width: 98%; height: 200px; }

.required label { font-weight: bold; }

.h1 input, .h1 select { font-size: 22px; line-height: 24px; font-weight: bold; }
.h2 input, .h2 select { font-size: 18px; line-height: 21px; font-weight: bold; }
.h3 input, .h3 select { font-size: 16px; line-height: 18px; font-weight: bold; }
.h4 input, .h4 select { font-size: 14px; line-height: 18px; font-weight: bold; }
.h5 input, .h5 select { font-size: 12px; line-height: 18px; font-weight: bold; }
.h6 input, .h6 select { font-size: 10px; line-height: 18px; font-weight: bold; }

.state input { width: 40px; }
.date input { width: 100px; font-size: 14px; font-weight: bold; }
.time input { width: 50px; font-size: 14px; font-weight: bold; }
.time select { margin-right: 5px; width: auto; }

.help { font-family: georgia, times, serif; }
.required { font-weight: bold; }
.submit { padding: 3px 0; padding-left: 108px; }
fieldset.stack .submit { padding-left: 0; }

fieldset p.desc textarea { width: 98%; height: 200px; }

fieldset.attributes label { width: 200px; }
fieldset.attributes p { padding: 3px 0; }
fieldset.attributes select { width: 85px; }

span.checkboxes { float: left; }
span.checkboxes ul { list-style: none; padding: 0; margin-top: 0; }
span.checkboxes ul li label { float: none; width: auto; text-align: left; }
span.checkboxes ul li label input { width: auto; }

span.checkbox input { width: auto; }

table.hours { width: 100%; }
table.hours th { font-weight: bold; color: #697a85; }
table.hours td { padding: 3px 0; }
table.hours .day { padding-right: 10px; text-align: right; font-size: 14px; color: #697a85; }
table.hours .open input { width: 80px; }
table.hours .close input { width: 80px; }


/* Search page */
#basic_search p { padding: 20px 0 0 0; }
body.search input.q, body.search #id_query { float: left; margin-right: 10px; width: 300px; font-size: 18px; font-weight: bold; }
body.search input.button { margin: 3px 5px 0 0; }

#advanced_criteria {
  margin: 0;
}
#advanced_criteria h4 {
  padding-bottom: 3px;
  border-bottom: 1px solid #dae2e8;
  font-size: 14px;
  font-weight: normal;
  color: #697a85;
}
#advanced_criteria .date-range {
  margin-bottom: 10px;
  margin-right: 0;
  padding-left: 10px;
  background: #ebeff2;
  font-size: 12px;
}
#advanced_criteria .date-range input {
  background: #fff;
}
#advanced_criteria ul {
  list-style: none;
  font-size: 13px;
}
#advanced_criteria ul li {
  margin: 2px 0;
}
#advanced_choices {
  border-bottom: 1px solid #dae2e8;
}
#advanced_choices .author {
  padding-left: 20px;
  width: 100%;
  clear: both;
}
#advanced_choices .author input {
  float: none;
  display: inline;
}
#advanced_choices .models:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  margin-bottom:20px;
} /* Clear fix */
#advanced_choices .models {
  zoom:1;
} /* IE */
#advanced_criteria .models ul li {
  display:block;
  float:left;
  width:150px;
}
/* I would prefer to do this in the template with a filter,
   but form fields are not currently iterable. */
#advanced_criteria .models ul li label {
  text-transform: capitalize;
}
.poll label {display:inline-block;font-weight:normal;color:#000;}
.poll button {text-shadow:none;}