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

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

#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:silver url(../images/os_nav.jpg) no-repeat left top;
}

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

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

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

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

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

#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:#003399 url("../images/bg_pattern.jpg") repeat-x left -154px;
 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:5px solid white;
}

#OS .registration table input {
  padding:3px;
  width:213px;
}

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

#OS .box-content table th {
  width: auto !important;
}

#OS .registration table select {
  width:80%;
  height:24px;
}

#OS .box table tbody tr td,
#OS .room table tbody tr td,
#OS .registration table tbody tr td {
 padding: 5px;
 background-color: #FAE9C5;
}

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

#OS .box#articles table tbody tr td,
#OS .box#guests table tbody tr td,
#OS .room_selection table tbody tr td {
  border:0;
}

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

#OS .registration .registration-types {
 margin:10px 0;
 padding:10px 0;
}

#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 .box table > tbody > tr.odd td,
#OS .room_selection table tbody tr.odd > td,
#OS #is-customer.box table td,
#OS .registration .registration-types,
#OS .registration table td {
 background-color:#fff;
}

#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;
 width:115px;
}

#OS .registration input, #OS .registration select {
 width:60px;
}

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

#OS .box#guests > h2:first-child {
 font-size:15px;
 margin:0.83em 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:#ffcccc url(../images/error_success.png) no-repeat 20px -8px;
 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:#ccffcc url(../images/error_success.png) no-repeat 20px -63px;
 width:auto;
 text-align:center;
 font-size:12px;
 padding:10px;
 border:1px solid #008001;
 color:#008001;
 margin-bottom:10px;
 margin-top:10px;
}

#OS .button {
  background:url("../images/bg_button_1px.png") repeat-x scroll left top #003399;
  border:1px solid #003399;
  color:white;
  font-weight:bold;
  width:auto;
  width:177px;
  height:26px;
  margin-right:10px;
}

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

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

#OS #remark textarea {
  width: 97%;
  height: 75px;
  margin-bottom: 10px;
}