/* --- Input field styling ------------------------------------------------ */
div.input-field
{
	position: relative;
	width   : 100%;
}

div.input-field label
{
  float : left;
  width : 20%;
}

div.input-field div.text,
div.input-field div.password,
div.input-field div.file,
div.input-field div.select,
div.input-field div.textarea,
div.input-field div.radio,
div.input-field div.checkbox,
div.input-field div.date,
div.input-field div.readonly,
div.input-field div.collection-wrapper,
div.input-field div.file
{
  float: left;
  width: 100%;
}

div.input-field div.zero-filler
{
  line-height: 0px;
  padding    : 0px;
  margin     : 0px;
}

div.input-field div.text                label,
div.input-field div.password            label,
div.input-field div.file                label,
div.input-field div.select              label,
div.input-field div.textarea            label,
div.input-field div.radio-collection    label,
div.input-field div.checkbox-collection label
{
  cursor: pointer;
}

div.input-field input,
div.input-field select,
div.input-field textarea
{
  float: left;
  width: 100%;
}

div.input-field div.collection
{
  float: left;
  width: 50%;
}

div.input-field div.readonly p
{
  float: left;
}

/* --- Checkbox, radio button ---*/
div.input-field div.checkbox            input,
div.input-field div.radio               input,
div.input-field div.radio-collection    input,
div.input-field div.checkbox-collection input
{
  width: auto;
}

div.input-field div.option   label
{
  float: none;
}

/* --- Collection ---*/
div.input-field.horizontal div.collection div.option
{
  display: inline;
}

div.input-field.horizontal div.collection div.option label
{
  width: auto;
  float: left;
}

/* --- Error box ---*/
div.input-field input.error-box,
div.input-field select.error-box,
div.input-field textarea.error-box
{
  background-color: #F2D8D9;
}

div.input-field div.error-message
{
  float: left;
  width: 29%;
  color: #C03A3F;
  display: none;
}

/* --- date field ---*/
div.input-field input.hour,
div.input-field input.minute,
div.input-field input.day,
div.input-field input.month
{
  width: 20px;
}
div.input-field input.year
{
  width: 40px;
}

div.input-field input.minute
{
  margin-right: 10px;
}

div.annotated input
{
  width: 82%;
}

div.input-field span.annotation 
{
  display: block;
  float: left;
}