/* form.css */

/* ... Forms basics ...
-------------------------------------------------------------------------------------------------*/
.formbody {
  padding: 2px;
  overflow: hidden;
}
div[class^="widget"] {
  margin-bottom: 1em;
}
.formbody br {
  display: none;
}
input,
textarea,
select,
.button {
  border-style: solid;
  border-width: 1px;
  border-color: #aaa #ddd #ddd #aaa;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 6px 0.625em;
}
input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover,
input:active,
select:active,
textarea:active {
  border-color: #888 #bbb #bbb #888;
  background-color: #fff;
}
input[type=hidden] {
  display: none !important;
}
select {
  padding: 3px 2px 3px 1px;
}
label,
input.radio,
input.checkbox,
select {
  cursor: pointer;
}
.disabled input,
.disabled input:focus,
.disabled input:hover,
.disabled input:active {
  border-color: #ddd;
  background-color: #E0DFE3;
}
.disabled label {
  cursor: default;
}
form p.error {
  clear: both;
  border: 1px solid #f4f4f4;
  padding: .3em;
  width: 60%;
  margin-bottom: 0;
}
label.error {
  font-weight: bold;
}
/* ... Forms basics ... END
-------------------------------------------------------------------------------------------------*/



/* ... Forms custom ...
-------------------------------------------------------------------------------------------------*/
label,
input,
.button { /** Android 4.1.2 has a lack of shadow dom boundaries */
  display: block;
}
label {
  margin-bottom: .5em;
}
.widget-captcha {
  overflow: hidden;
}
input.captcha {
  float: left;
  width: 4em;
  margin-right: 1em;
}
.captcha_text {
  display: block;
  float: left;
}
.radio_container > span,
.submit_container,
.widget-checkbox,
.widget-checkbox,
.widget-radio,
.button {
  clear: both;
}
input.submit,
.button {
  margin: 1em 0;
  padding: .5em 1em;
  background-color: #D3221D;
  color: #fff;
  border: 0 none;
  text-decoration: none;
}
input.submit:focus,
input.submit:hover,
input.submit:active,
.button:focus,
.button:hover,
.button:active {
  background-color: #c5201a;
  color: #fff;
}
.radio_container > span,
.widget-checkbox,
.widget-radio {
  overflow: hidden;
}
.radio_container > span,
.widget-checkbox fieldset > span,
.widget-radio fieldset > span,
.widget-checkbox > span,
.widget-radio > span {
  display: block;
  margin: .5em 0;
}
.radio_container > span input,
.widget-checkbox input,
.widget-radio input {
  display: inline-block;
}
.radio_container > span label,
.widget-checkbox label,
.widget-radio label {
  display: inline-block;
  margin: 0 0 0 -1em;
  padding-left: 1.5em;
}
.mod_login.logout h2,
.mod_login .lastLogin {
  display: none;
}
fieldset {
  border: 0 none;
  padding-bottom: 0;
}
.fields {
  overflow: hidden;
}
label.invisible + input {
  float: none;
}
/* ... Forms custom ... END
-------------------------------------------------------------------------------------------------*/



/* ... Search ...
-------------------------------------------------------------------------------------------------*/
.search .formbody {
  padding: 0;
}
div.search input {
  padding-bottom: 6px;
  padding-top: 6px;
  width: 120px;
  -webkit-transition: width .2s ease-in 0s;
     -moz-transition: width .2s ease-in 0s;
      -ms-transition: width .2s ease-in 0s;
       -o-transition: width .2s ease-in 0s;
          transition: width .2s ease-in 0s;
}
div.search input:focus {
  width: 224px;
}
.mod_search input {
  display: inline-block;
  margin: 0;
}
/* ... Search ... END
-------------------------------------------------------------------------------------------------*/