/**
 * swoppen.com Content-Management-System
 *
 * copyright since 2000 by swoppen.com GmbH - All rights reserved.
 */

#OS .status {
 background:url(../images/os_nav.png) no-repeat left top #EFEFEF;
 position:relative;
 margin-bottom:10px;
 overflow:hidden;
}

#OS .status table {
  border:1px solid #808080;
}

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

#OS .status-default, .status-register, .status-payment, .status-pooling, .status-finished {
 background-position:-40px top;
 width:100%;
}

#OS .status-default {
 background:#EFEFEF url(../images/os_nav.png) no-repeat scroll left top;
}

#OS .status-register {
 background:#EFEFEF url(../images/os_nav.png) no-repeat scroll left -72px;
}

#OS .status-payment {
 background:#EFEFEF url(../images/os_nav.png) no-repeat scroll left -145px;
}

#OS .status-pooling {
 background:#EFEFEF url(../images/os_nav.png) no-repeat scroll left -218px;
}

#OS .status-finished {
 background:#EFEFEF url(../images/os_nav.png) no-repeat scroll left -291px;
}

#OS .box table,
#OS .registration table,
#OS table.listing,
#OS .room_selection table,
#OS .room table {
 border-collapse:collapse;
 width:100%;
}

#OS .textarea {
  border: 1px solid #000000;
  width: 100%;
  height: 80px;
  margin-bottom: 5px;
}


#OS .box table thead tr th,
#OS .room_selection table thead th,
#OS .room table thead tr th,
#OS .registration table thead tr th {
 background:#002154 url("../images/bg_hk_pattern.jpg") repeat top left;
 color:white;
 padding:5px;
 text-align:left;
 font-weight:bold;
 font-size:12px;
}

#OS .box table thead tr th div,
#OS .room_selection table thead th div,
#OS .room table thead tr th div,
#OS .registration table thead tr th div {
  font-weight:bold;
  font-size:12px;
}

#OS #address .box table td {
   border:1px solid #006600;
}

#OS .box-content table {
  margin-bottom:10px;
  border:1px solid #808080;
}

#OS .box-content table select {
  width:75px;
}

#OS .box-content table select[name="cms_country_id"], #OS .box-content table select[name="credit_type"] {
  width:187px;
}

#OS .box-content table select[name="cms_language_id"] {
  width:127px;
}

#OS .box-content table .button {
  float:right;
}

#OS td, #OS tfoot th {
 padding:5px;
}

input.input {
  height:16px;
}
#OS .room table {
 border:1px solid #99CC99;
}

#OS .registration .registration-types input, #OS input#is-customer-false, #OS input#is-customer-true {
 float:left;
}

#OS .box#is-customer label {
 display:block;
 margin-left:10px;
 float:left;
}

#OS .registration .registration-types {
  background-color:#EFEFEF;
  border:1px solid #808080;
  height:15px;
  margin:10px 0;
  padding:10px;
}

#OS .registration .registration-types label {
  margin-left:5px;
  float:left;
}

#OS .room {
  margin-bottom:20px !important;
}

#OS .room table tbody tr td img {
 margin:3px;
 border:2px solid #99CC99;
}

#OS .room table tbody tr td a {
  background:url(../images/bg_buttons.png) repeat-x top left;
  color:white;
  font-weight:bold;
  border:1px solid #999;
  display:block;
  padding:3px 10px 2px 10px;
  margin:0 5px 5px 0;
  text-align:center;
  text-decoration:none;
  width:70px;
}

#OS .room table tbody tr td a:hover, #OS .room table tbody tr td a:focus {
  background:url("../images/bg_buttons.png") repeat-x scroll left -28px transparent;
  text-decoration:underline;
  color:white;
}

#OS .room table tbody tr:last-child td {
 padding:10px 10px;
}

#OS .room table  body tr:last-child td a {
 color:white;
 font-weight:bold;
}

#OS .registration table, .registration-type-private {
  margin-bottom:10px;
}

#OS .registration .label {
 width:180px;
}

#OS .box input, .box select, #OS .registration input, #OS .registration select {
 margin:0px;
 float:left;
}

#OS .registration select[name="day"], #OS .registration select[name="year"],#OS .box-content table select[name="month"] {
 width:58px;
 float:left;
 margin-right:2px;
}

#OS .box-content table select[name="month"] {
  width:66px;
}

#OS .box-content h2.box-head2 {
  font-size:16px;
  margin:0.8em 0 0.2em 0;
}

#OS .box#payment-types {
 margin-bottom:20px;
}

#OS .box#payment-types table tr > td {
 border:0px;
}

#OS .box#payment-types table label {
 display:block;
 float:left;
}

#OS .box#payment-types table input {
 float:left;
 margin-top:7px;
}

#OS input#agb {
 float:left;
 margin:0;
 margin-right:10px;
}

#OS .block {
 background-color:#FFF;
 margin-top:10px;
}

#OS .error-msg {
 font-weight:bold;
 background-color:#ffcccc;
 border:1px solid #DC0000;
 color:#DC0000;
 width:auto;
 font-size:12px;
 text-align:center;
 padding:10px;
 margin-top:10px;
}

#OS .io-msg {
 font-weight:bold;
 background-color:#ccffcc;
 width:auto;
 text-align:center;
 font-size:12px;
 padding:10px;
 border:1px solid #008001;
 color:#008001;
 margin-bottom:10px;
 margin-top:10px;
}

#OS .box-button .button-right {
 float:right;
}

#OS .button:active {
  border:1px solid #003399;
  background:#003399 url(../images/bg_button_1px.png) repeat-x left -52px;
}