/**
 * @file 
 * Overriden date element styles
 */

/* Date element customization */

.webform-component-date:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.webform-component-date .webform-container-inline .form-item {
  float: left;
}

.webform-component-date .webform-container-inline .form-item .day,
.webform-component-date .webform-container-inline .form-item .month,
.webform-component-date .webform-container-inline .form-item .year{
  width: 2.2em;
  text-align: center;
  margin-right: 1em;
}

.webform-component-date .webform-container-inline .form-item label {
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 0 2px;
}

.webform-component-date .webform-container-inline .form-item .year {
  width: 4.2em;
}