/*
 * Booking/reserv: head.php loads default/hostel.css then this file.
 * default/hostel.css @imports booking_layout.css (same stack as 5e for #fielddata / bv_input_select).
 * Do not re-add: reserve_cal calendar block; #fielddata select.bv_input_select width rules; global
 *   select { ... } or .form_caption { width: ... } here -- they break alignment with 5e/SUN booking.
 */
@import url("../default/hostel.css");

* {
    margin: 0;
    padding: 0;
}
html {
    
}
body {
	color: #666666;
    background-color: white;
    font-size: 15px;
    font-family: sans-serif;
}
body.page {
    background-color: #8D8569;
    background-image: url('images/rep_bot_bg.png');
    background-repeat: repeat-y;
    background-position: center;
}

/* book/reserv: fixed scroll strip matches html/body canvas (see other clients hostel.css #dont_scroll) */
#dont_scroll {
    background-color: #ffffff;
}
div {
    display:block;
}
div#wrapper {
    width:1000px;
    margin: 0px auto 0px auto;
    background-image: url('images/rep_mid_bg.png');
    background-repeat: repeat-y;
}

div#top_bg {
    position: relative;
    top: -30px;
    width: 1000px;
    margin: 0px auto 100px auto;
    background-image:url('images/top_bg.png');
    background-repeat: no-repeat;
}

div#content {
    position: relative;
    top: 310px;
    width: 1000px;
    margin: 0px auto 0px auto;
    min-height: 800px;
    background-image: url('images/rep_mid_bg.png');
}

div#bot_bg {
    width:1000px;
    height: 259px;
    margin: 50px auto 0px auto;
    background-image:url('images/bot_bg.png');
    background-repeat: no-repeat;
}

div#book_form_wrapper {
    width: 600px;
    margin: 10px;
}

div#total_and_buttons {
    width: 100%;
    margin: 5px;
}

div#tc_accept{
    font-size: 14px;
    display: inline-block;
    height: 35px;
    margin: 10px;
}

a:link		{ color : #132B4F;}
a:visited	{ color : #132B4F;}
a:active	{ color : #132B8F;}
a:hover		{ color : #132B8F;}

h1  {
    font-size : 16px;
	font-weight : bold;
	color : #4E4B3F;
}

table { 
    
}
table.main {
    max-width: 580px;
    margin: 40px 5px 30px 5px;
}
table.main td {
    font-size: 15px;
    padding-top: 5px;
}

table.bookdata {
    margin: 10px 0px 10px 20px;
}
table.bookdata td {
    font-size: 15px;
    padding: 1px 10px 1px 1px;
}
table.bookdata td input[type=text] {

}
td.key_payer_email, td.value_payer_email, td.key_ar, td.value_ar, td.key_dauer, td.value_dauer {
    font-weight: bold;
}
table.bill_details{
    padding: 2px;
    width: 300px;
    margin: 5px 0px 5px 20px;
}
table.bill_details td{
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
}
table.bill_details td.right {
    text-align: right;
}
tr.bill_total td {
    padding-top: 2px;
    border-top: 1px dashed #897C5F;
}
table.explain {
    
}
table.explain td {
    font-size: 15px;
}

span.explain {
    display: block;
    margin: 10px 0px 5px 0px;
    font-weight: bold;
}

.form {
    margin: 10px auto 10px auto;
}

.room_name {
    white-space: nowrap;
}

.field_name {
    width: 180px;
}

.available_info{
    font-size: 8pt;
    margin-left: 10px;
}

.room_info{
    margin-left: 10px;
    vertical-align: top;
}

.room_info img {
    border: 0px;
}

.form_text  { 
    border: 0px solid grey;
    margin-bottom: 8px;
    padding: 5px;
}


.form_msg_list { margin: 15px auto 30px auto; width: 550px; }

.form_msg  {
    text-align: center;
    border: 1px solid #4E4B3F;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: green;
    background-color : white;
    list-style-type: none;
 }

li.form_msg {}

.form_error {
    text-align: center;
    border: 1px dotted red;
    padding: 5px ;
    font-size: 12px;
    font-weight : bold;
    background-color : white;
    color: red;
    list-style-type: none;
}

li.form_error{}

.error {
    color: red;
    font-size: 11px;
}

span.error{
    margin-left: 15px;
}
div.error {
    float:right;
    margin: 3px 5px 2px 5px;
}

div.error img {
    border: 0px;
    vertical-align: bottom;
}
			 
#ls_pay_cell {border-left: 1px solid grey;}

#intro_txt_container {

}

p  {
    padding: 10px 0px 10px 0px;
}

td  {
    border: 0px dashed grey;
}

img { border : 0; padding : 0 ; margin : 0;}

sub  {	font-size : 8pt;	font-family : sans-serif;	line-height : 1; color:#666666;}

input[type=checkbox] {
}
input {
	border: 1px solid #B09F82;
	color: #4E4B3F;
	background-color: white;
}
input[type=text] {

}
input[type=submit], div.submit {
	background-color: #FDFFFC;
	border: 1px solid #4E4B3F;
	color:  #4E4B3F;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
}
input[type=submit]:hover, div.submit:hover {
    border-color: black;
    background-color: #897C5F;
    color: #FDFFFC;
}
input[type=submit].green {
    background-color: greenyellow;
}
input[type=submit].green:hover {
    border-color: black;
    background-color: #897C5F;
    color: #FDFFFC;
}

span.processing{
    display: block;
    font-weight: bold;
    margin: 10px;
}

textarea {
	background-color :#f4f1ea;
	border : 1px solid lightgrey;
	color: #666666;
		}

/* Global select rules: from default/hostel.css (matches 5e); do not override for booking #fielddata. */
select#book_form_age_d {
    width:50px;
}
select#book_form_age_m {
    width: 60px;
}
select#book_form_age_y {
    width: 70px;
}
input:hover, textarea:hover
{
	border: 1px solid #979abf;
}
input:focus, textarea:focus
{
	border:	1px solid #000;
}

.important {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(255, 225, 0, 0.1),
    rgba(255, 225, 0, 0.7) 4%,
    rgba(255, 225, 0, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.err  {	color : #d57427; font-size : 9pt; font-weight : bold;}

.s      { font-size : 8pt; }
.sm     { font-size : 10pt; }
.m      { font-size : 12pt; font-weight : 400; }
.l      { font-size : 14pt; font-weight : 400; }
.xl     { font-size : 16pt; font-weight : 400; }
.xxl    { font-size : 18pt; font-weight : 400; }
.xxx    { font-size : 20pt; font-weight : 400; }
.bs     { font-size : 8pt; font-weight : bold; }
.bsm    { font-size : 10pt; font-weight : bold; }
.bm     { font-size : 12pt; font-weight : bold; }
.bl     { font-size : 14pt; font-weight : bold; }
.bxl    { font-size : 16pt; font-weight : bold; }
.bxxl   { font-size : 18pt; font-weight : bold; }
.bxxx   { font-size : 20pt; font-weight : bold; }
.alert  { font-size : 10pt; font-weight : bold; color : #d57427; font-style : italic; }

/* request_form - preisinfo */

div.leftfloat {
    float: left;
    padding-right: 3px;
}
div.pr_low {
	float: left;
	color: #666666;
	text-align: center;
	background-color: #ccccff;
	padding-left: 3px;
	padding-right: 3px;
}
span.pr_low {
    background-color: #ccccff;
}
div.pr_norm {
	float: left;
	color: #666666;
	text-align: center;
	background-color: #ffffff; 
	padding-left: 3px;
	padding-right: 3px;
}
span.pr_norm {
    background-color: #ffffff;
}
div.pr_high {
    float: left;
    color : #666666;
    text-align : center;
    background-color : #ffff99;
    padding-left: 3px;
    padding-right: 3px;
}
span.pr_high {
    background-color : #ffff99;
}

/* bill.htm deutsche Lastschrift Form */

form.ls {
    display:block;
    height: 500px;
    margin-bottom: 10px;
}
table.ls {
    width: 500px;
}
table.ls td {
    font-size: 13px;
}
tabel.ls label {
    font-size: 12px;
}
table.ls input[type=text] {
    font-size: 14px;
    line-height: 16px;
    padding: 2px;
    width: 300px;
}

/* tooltip */

#tooltip, #fixedtip{
	position: absolute;
	width: auto;
    border: 1px solid silver;
	padding: 4px;
	background-color: white;
	visibility: hidden;
	z-index: 99999;
	overflow: visible;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
}

#fixedtip{
	z-index: 100000;
}

table.prices td.roomtype {
    text-align: left;
    font-size: 11px;
}

table.prices td.priceinfo {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}


/* silent_form_cc */


table.cc_form {
    width: 500px;
}
table.cc_form td{
    padding: 2px;
}
table.cc_form td.label{
    width: 150px;
}
table.cc_form td.zip{
    width: 80px;
}
table.cc_form label{
    white-space: nowrap;
}
table.cc_form input[type=text]{
    width: 100%;
}
table.cc_form input.cvv2{
    width: 40px;
}
table.cc_form select{
    width: 70px;
}
table.cc_form td.process_button {
    padding: 20px 0px 10px 0px;
    text-align: center;
}
table.cc_form td.amount{
    padding: 20px 0px 20px 2px;
    font-size: 14px;
    text-align: center;
}
table.cc_form td.explain{
    padding: 20px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
}

table.cc_form td.ls_agree {
    padding: 20px 30px 0px 30px;
    text-align: center;
}

span.amount {
    font-weight: bold;
}

/* pre-formatted data aus request.class */

table#rooms_data {
    
}
table#rooms_data td {
    font-size: 14px;
    padding: 2px 4px 2px 0px;
}

table#field_data {
    width: 95%;
}
table#field_data td {
    font-size: 14px;
    padding: 2px 10px 2px 5px;
}