/**
 * swoppen.com Content-Management-System
 *
 * copyright since 2000 by swoppen.com GmbH - All rights reserved.
 */
 
#OS {
  padding: 10px 10px 20px 10px;
}

#OS .box {
  width: 100%;
  margin-bottom: 10px;
}

#OS a {
  color: #e7680b;
}

#OS table.listing input {
  border: 1px solid #9EB0BA;
}

#OS table.listing a {
  color: #9EB0BA;
}

#OS  table.listing {
  margin-top: 10px;
}

#OS .box table, #OS .registration table, #OS table.listing {
  width: 100%;
}

#OS .box table .odd, #OS  table.listing .odd {
  background-color: white;
}

#OS .box table tbody tr, #OS .registration table tr, #OS  table.listing tbody tr {
  border-top: 1px solid #e7680b;
  border-bottom: 1px solid #e7680b;
}


#OS .box table td, #OS .registration table td, #OS  table.listing td {
  color: #646E75;
  padding: 3px;
  padding-right: 5px;
}

#OS .registration table td {
  padding: 0px 5px;
  margin-top: 2px;
}

#OS .box table th, #OS .registration table th, #OS  table.listing th {
  /*color: #003c52;*/
  padding: 3px;
}

#OS .status table {
  background: #E4E9EC url('../images/status_small.png') no-repeat left -72px;
  height: 72px;
  color: #009900;
  width: 574px;
}

#OS table.status-payment {
  background-position: left -144px;
}

#OS table.status-pooling {
  background-position: left -216px;
}

#OS table.status-finished {
  background-position: left -288px;
}

#OS .status table td {
  text-align: right;
  padding-right: 5px;
}

#OS .status table a {
  color: #009900;
}

#OS  table.listing thead th {
  background-color: #9EB0BA;
  color: white;
  font-size: 14px;
}ste

#OS  table.listing thead th span {
  font-size: 14px;
  font-weight: bold;
}

#OS table.listing tbody tr.total-amount td {
  background-color: #E4E9EC;
  color: #336699;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 5px 5px 0px;
}

#OS table.listing tbody tr.total-amount td span {
  font-size: 14px;
}

#OS .box .label, #OS .registration .label {
  width: 150px;
  font-weight: bold;
}

#OS .registration select[name='cms_country_id'] {
  width: 300px;
}

#OS .registration table {
  margin-top: 10px;
}

#OS #is-customer table td,
#OS .registration-types,
#OS #payment-types table td,
#OS #address table td,
#OS .box table td,
#OS .box table th,
#OS #articles table td {
  background: #E4E9EC;
  padding: 3px 5px;
}

#OS .block {
  background: #E4E9EC;
}

#OS .block h3 {
  padding-left: 10px;
  margin-bottom:-40px;
}

#OS .box-button {
  /*text-align: right;
  margin-top: 10px;*/
}

#OS input, #OS select {
  background: #EFF8FF;
  border: 1px solid #9EB0BA;
  margin-top: 6px;
  padding: 2px;
  margin-right: 2px;
}

#OS input:hover, #OS select:hover, #OS input:focus, #OS select:focus  {
  background: #CEDEEB;
}

#OS input.error {
  border: 1px solid darkred;
}

#OS input[type='submit'], #OS input[type='button'] {
  border: 0px;
}

#OS .add-to-card input[type="submit"] {
  background-image: url(/templates/CMS/standard/images/cms_cart_16x16.png);
  width: 16px;
  height: 16px;
  border: 0px;
  background-color: transparent;
  cursor: pointer;
}

#OS .add-to-card input[type="text"] {
  text-align: right;
  width: 30px;
  border: 1px solid gray;
}

#OS .add-to-card {
  width: 60px;
}

#OS .shopping-block .img {
  width: 60px;
  height: 60px;
  background: url('/templates/OS/standard/images/shopcart.png') center center no-repeat;
  float: left;
}

#OS .subtable {
  border-collapse: collapse;
}

#OS .subtable td {
  border: 1px solid black;
  padding: 10px;
  background-color: gray;
}

#OS .subtable td.active {
  background-color: darkgray;
}

#OS .subtable td:hover {
  background-color: darkgray;
}

#OS input.set-button, #OS input.delete-button, #OS input.order-button, #OS .button-right input[type='submit'], #OS .button-right .button {
  background: #9EB0BA url('../images/card_button.png') no-repeat left top;
  color: white;
  height: 28px;
  font-weight: bold;
  text-align: center;
}

#OS input.set-button {
  background-position: left -56px;
  margin-right: 5px;
  width: 212px;
}

#OS input.set-button:hover {
  background-position: left -84px;
}

#OS input.delete-button {
  background-position: left -112px;
  width: 153px;
}

#OS input.delete-button:hover {
  background-position: left -140px;
}

#OS input.order-button, #OS .button-right input[type='submit'], #OS .button-right .button {
  background-position: left 0px;
  width: 153px;
}

#OS input.order-button:hover, #OS .button-right input[type='submit']:hover, #OS .button-right .button:hover {
  background-position: left -28px;
}

#OS input.order-button:hover,
#OS .button-right input[type='submit']:hover,
#OS .button-right .button:hover,
#OS input.set-button:hover,
#OS input.delete-button:hover {
  cursor: pointer;
}

#OS .button-right {
  text-align: right;
}

.io-msg, .error-msg {
  width: auto;
  text-align: center;
  font-weight: bold;
  padding: 20px;
  margin: 10px 0px;
}

.error-msg {
  background: #ffcccc url(../images/false_32x32.png) no-repeat 20px center;
  border: 5px solid #cc0000;
  color: #cc0000;
}

.io-msg {
  background: #ccffcc url(../images/check_32x32.png) no-repeat 20px center;
  border: 5px solid #009900;
  color: #009900;
}