/**
 * Swoppen Systems
 *
 * @copyright since 2000 - All rights reserved.
 */

form {
  width: auto;
}

input, textarea, select {
  background-color: #eee;
  padding: 2px 3px;
  border:0;
}

input:hover,
input:focus,
input:active,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
  background-color: #e5e5e5;
}

input.error.required, textarea.error.required, select.error.required {
  background-color: #ede1e1;
}

input.error.required:hover,
input.error.required:focus,
input.error.required:active,
textarea.error.required:hover,
textarea.error.required:focus,
select.error.required:hover,
select.error.required:focus {
  background-color: #edd5d5;
}


input[type="submit"],
input[type="button"],
input.submit,
button,
input.button,
a.button,
input.button.button-card {
  height:29px;
  line-height:29px;
  border:0;
  background:#fff;
  background-position:left -598px;
  padding: 0 0 0 25px!important;
  cursor: pointer;
  width:153px;
  text-align:left;
}

input.button.button-card,
#OS .box-button input.button,
input.button.elm_ {
  background-position:-218px -718px!important;
  width:218px;
  font-weight:bold;
  font-size:14px;
  padding-left:30px!important;
  padding-bottom:3px!important;
  color:#fff;
}

input.button.button-card:hover,
input.button.button-card:focus,
#OS .box-button input.button:hover,
#OS .box-button input.button:focus,
input.button.elm_:hover,
input.button.elm_:focus {
  background-position:-218px -758px!important;
}

input.button.button-card:active,
#OS .box-button input.button:active,
input.button.elm_:active {
  background-position:-218px -798px!important;
}

a.button:hover {
  text-decoration: none;
}

input[type="submit"]:active,
input[type="button"]:active,
input.submit:active,
button,
input.button:active,
a.button:active {
  background-position:left -638px!important;
  color:#fff;
}

input[type="submit"].gray,
input[type="button"].gray,
input.submit.gray,
button.gray,
input.button.gray,
a.button.gray {
  color: #333;
  background-position:left -598px!important;
}

input[type="submit"].disabled,
input[type="button"].disabled,
input.submit.disabled,
button.disabled,
input.button.disabled,
a.button.disabled {
  color: #143b7f;
}

input[type="submit"].gray:hover,
input[type="submit"].gray:focus,
input[type="button"].gray:focus,
input[type="button"].gray:hover,
input.submit.gray:hover,
input.submit.gray:focus,
button.gray:hover,
button.gray:focus,
input.button.gray:hover,
input.button.gray:focus,
a.button.gray:hover,
a.button.gray:focus {
  background-position:left -638px!important;
  color:#fff;
}

input[type="submit"].gray:active,
input[type="button"].gray:active,
input.submit.gray:active,
button.gray:active,
input.button.gray:active,
a.button.gray:active {
  background-position:left -678px!important;
}

input[type="submit"].arrow-button,
input[type="button"].arrow-button,
input.arrow-button, a.arrow-button {
  background: transparent url('../images/tpl_buttons_vs001.png') no-repeat left -120px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

input[type="submit"].arrow-button:active,
input[type="button"].arrow-button:active,
input.arrow-button:active, a.arrow-button:active {
  background-position: -160px left;
}

select {
  border:0;
  height: 25px!important;
  padding:3px!important;
}

select optgroup {
  font-weight: bold;
}

select * {
  background-color: white;
}

.form {
  width:500px;
}

.form fieldset {
  float:left;
  clear:both;
  margin:20px 0;
}

.form input,
.form select {
  float:left;
  width:250px;
  margin-bottom:5px;
}

.form label {
  width:135px;
  clear:both;
  float:left;
}

.form label b:after,
.form label strong:after {
  content:"*";
}

input.text.elm_vat_id,
input.text.elm_vat_id { margin-bottom:20px; }

select.select.elm_salutation,
input.text.elm_tax_id,
input.text.elm_vat_id,
input.text.elm_birthdate,
select.elm_cms_language_id,
input.elm_tel,
input.elm_fax,
input.elm_4db47eaa { width:120px;}

input.text.elm_title,
input.text.elm_zip { width:80px; }

input.text.elm_first_name,
input.text.elm_name,
select.select.elm_cms_country_id { width:200px; }

span.internalLink { display:none; }

fieldset legend {
  font-weight:bold;
  margin-bottom:10px;
}

label.elm_valid_to_year {
  margin:0 5px 0 10px;
}