/**
 * @file
 * Front-end styling for the display of webforms.
 */
input.webform-calendar {
  display: none;
  padding: 3px;
  vertical-align: top;
}
html.js input.webform-calendar {
  display: inline;
}
.webform-container-inline label {
  display: inline;
  margin-right: 1em;
}
.webform-container-inline div,
.webform-container-inline div.form-item {
  display: inline;
}
.webform-container-inline div.description {
  display: block;
}
.webform-container-inline div.messages {
  display: block;
  float: left;
}
.webform-container-inline div.ajax-progress-bar div {
  display: inherit;
}
.webform-container-inline.webform-component-textarea label {
  vertical-align: top;
}
.webform-container-inline.webform-component-textarea .form-textarea-wrapper {
  display: inline-block;
}
.webform-component-textarea .grippie {
  display: block;
}
.webform-progressbar {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.webform-progressbar-inner {
  height: 1em;
  background-color: #74C421;
  height: 3px;
}
.webform-progressbar-outer {
  position: relative;
  border: 1px solid #356900;
  width: 100%;
  height: 3px;
  margin: 0.35em -1px 2em;
  background-color: white;
}
.webform-progressbar-page {
  position: absolute;
  width: 7px;
  height: 7px;
  margin: -6px -4px;
  border: 1px solid #356900;
  background-color: white;
  border-radius: 5px;
}
.webform-progressbar-page.completed {
  background-color: #74C421;
}
.webform-progressbar-page.current {
  background-color: #74C421;
}
.webform-progressbar-page .webform-progressbar-page-number {
  display: none;
}
.webform-progressbar-page .webform-progressbar-page-label {
  position: relative;
  top: 10px;
  margin: 0 -10em;
}
.node-type-webform fieldset {
    background-color: #EFEFEF;
    border: 3px solid #8AC0CB;
    border-radius: 10px 10px 10px 10px;
}


.node-type-webform fieldset legend {
    background-color: #8AC0CB;
    border: medium none;
    font-size: 1.2em;
    font-weight: bold;
    top: 0;
    left:0;
    font-family: Arial;
    text-shadow: 0 1px 0 #999999;
}
.node-type-webform .fieldset-wrapper {
    margin-top: 4em;
}
.checkbox.webform-grid-option {
    width: 80px;
}

.node-type-webform #content fieldset legend  a:link, 
.node-type-webform #content fieldset legend a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
#webform-component-vous .webform-container-inline label {
  display: inline-block;
  margin-right: 1em;
  width: 140px;
}

#webform-component-site--suggest-comment label,
#webform-component-site--que-cherchiez-vous label {
 font-weight: normal;
}