/*
 * stylesheet for Mekong River Cruises
 * special content design
 * (c) www.wegewerk.com
 * created: 20080317 bms
 * lastmodified: 20080317 bms
 */


/* ----------------------- */
/* - FORMULARE-ALLGEMEIN - */
/* ----------------------- */

/* Forms */
.wwe3_form_container{
 border: 1px solid #e5dec4;
 padding: 10px 12px;
}


.form_intermediate .wwe_form_submit
{
    margin-left: 10px;
}

/* Legends */
legend{
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0;
}

.msie legend{
  margin-left: -7px;
}


/* Infos und Titles */
.form_info,
.type_info{
  font-style: italic;
}

tr.form_title th{
  padding: 15px 0;
}

.title_container{
  border-top: 1px solid #e5dec4;
  border-bottom: 1px solid #e5dec4;
}


/* Input Elemente */
label {
  padding-right: 10px;
}

.label,
.widelabel,
select,
textarea {
  font-size: 1em;
  font-family: verdana, arial, sans-serif;
  padding: 2px;
  border: 1px solid #888;
  color: #000;
}

.wwe3_form_container tr{
  line-height: 1.9em;
}

.bobby{
  border: 1px solid #888;
  color: #888;
}

input:hover,
input:focus,
input:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active {
  color: #000;
  border: 1px solid #000;
}


/* Submit-Buttons */
.wwe_form_submit,
.wwe_form_submit_js_hover {
  background-color: #f47e1c;
  color: #fff;
  font-weight:bold;
  font-size: .9em;
  padding: 2px 6px;
}

.wwe_form_submit:hover,
.wwe_form_submit:focus,
.wwe_form_submit:active,
.wwe_form_submit_js_hover {
  cursor: pointer;
  color: #6b190b;
  border: 0;
}


/* Fehlertexte */
th.th_show_error,
td.th_show_error{
  color: #cc0000;
  font-weight: bold;
}

.msg_positive,
.msg_misc,
.proc_state_message {
  font-weight: bold;
  padding: 10px;
  margin-bottom: 20px;
}

.msg_positive,
.proc_state_message {
  border: 1px solid #00cc00;
}

.msg_misc{
  border: 1px solid #cc0000;
}

/* Suchoptionen */
.sp_autoand{
  display: none;
}


/* --------- */
/* - LOGIN - */
/* --------- */
.login{
  color: #f47e1c;
  font-weight: bold;
  padding: 8px 11px;
}

.login h2{
  margin: 0 0 1px 0;
}

.login .login_label,
.login_status_login,
.login_name {
  display: none;
}

.login .label {
  font-weight: normal;
}

.login_functions{
  margin-bottom: 3px;
}

.login_status_error{
  color: #cc0000;
}

.login_status_logout{
  color: #00cc00;
}

.login_info{
  color: #6c190d;
  float: left;
  font-weight: normal;
  padding-top: 4px;
}

.msie6 .submit_login,
.msie7 .submit_login{
  padding: 3px 6px 2px 6px;
}

.submit_logout{
  float: right;
  margin-top: 14px;
}

.msie6 .submit_logout{
  padding: 3px 0px !important;
}


/* ---------------------- */
/* - MAIN_CONTENT_FORMS - */
/* ---------------------- */
#page_body_main_content .wwe3_form_container{
  width: 492px;
}

#page_body_main_content .wwe3_form_container{
  width: 492px;
}

#page_body_main_content .title_container{
  width: 492px;
}

#page_body_main_content .wwe3_form_container select{
  width: 162px;
}

#page_body_main_content .wwe3_form_container textarea{
  width: 300px;
}

#page_body_main_content .wwe_form_submit,
#page_body_main_content .wwe_form_submit_js_hover{
  float: right;
}


/* --------------- */
/* - BROWSE-LIST - */
/* --------------- */
.browse_background{
  margin: 20px 0 0 0;
  border: 1px solid #e5dec4;
  border-bottom: 0;
  padding: 10px 12px;
  width: 490px;
}

.browsebutt,
.browsebutt_active {
  display: inline;
  line-height: 1.5em;
  padding: 0 10px 0 0;
}

.browsebutt_active{
  font-weight: bold;
}

.browse_list {
  display: block;
}



/* ----------------- */
/* - Bildergalerie - */
/* ----------------- */
#page_body_main_content .img_gallery{
  width: 518px;
}

#page_body_main_content .preview{
  text-align: center;
}

#page_body_main_content .img_gallery .thumb_preview img{
  border: 0;
}

#page_body_main_content .img_gallery .thumb_preview a{
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  text-align: center;
  height: 74px;
  width: 74px;
  border: 1px solid #ded3b5;
}

.msie6 #page_body_main_content .img_gallery .thumb_preview a{
  margin-right: 3px;
  margin-left: 4px;
  margin-bottom: 8px;
}

#page_body_main_content .img_gallery .thumb_preview a img{
  padding: 5px;
}

#page_body_main_content .img_gallery .thumb_preview a:hover{
  border: 1px solid #888;
}

#page_body_main_content .img_gallery .diashow_controls {
 text-align: center;
 padding-bottom: 10px;
}

#page_body_main_content .img_gallery .diashow_controls img {
  float: none;
  padding: 0px 3px 0 3px;
  border: none;
}

#page_body_main_content .img_gallery .diashow_controls img:hover {
  cursor: pointer;
}

#page_body_main_content .img_gallery .slideshow {
  margin-left: 20px;
}



/* ------------------ */
/* - Kabinenbuchung - */
/* ------------------ */

/* .acc_item_selector .acc_item { border: 1px solid #E0640A;	position:absolute; background: #F7F4EF; } */

.acc_item_selector{
  margin-bottom: 30px;
}

.acc_item_selector .acc_item {
  position:absolute;
}

.acc_item_selector .acc_item:hover {
  border: 1px solid red;
  margin: -1px;
  cursor: pointer;
}

.acc_item_selector .booked:hover {
  border: none !important;
  margin:0;
  cursor: default !important;
}

.acc_item_selector .acc_item .number {
  position: absolute;
  top: 0px;
  left: 3px;
  font-weight:bold;
}

.acc_item_selector .acc_item .name {
  position: absolute;
  bottom: 1px;
  left: 1px;
  display: none;
}

.acc_item_selector .acc_item .persons {
  position: absolute;
  bottom: 2px;
  left: 7px;
  width: 32px;
  height: 26px;
}

.acc_item_selector .acc_item .person_1 {
  background: url('/static/img/ler10/einzelbelegung.gif') no-repeat
}

.acc_item_selector .acc_item .person_2 {
  background: url('/static/img/ler10/doppelbelegung.gif') no-repeat
}

.acc_item_selector .cabins .classic     { background: #EFE7CA;}
.acc_item_selector .cabins .superior     { background: #F2B462;}
.acc_item_selector .cabins .booked       { background: #BCBCB0 !important;}
.acc_item_selector .cabins .error,
.travel_booking .error                   { background: #ffBCB0 !important;}
.travel_booking .highlight               { background: #E5A855 !important;}

.travel_booking .order{
  margin-top: 20px;
  width: 100%;
  clear: both;
}

.travel_booking .order th,
.travel_booking .list_table th{
  border-bottom: 1px solid #DAD9C7;
  background: #DBD1B8;
  color:#571C0A;
  padding:1px 5px;
}

.travel_booking .order tr.separator td {
  border-top: 2px solid black;
  border-bottom: 2px solid black;

  text-align: center;
}

.travel_booking .order td,
.travel_booking .order tr.trvl_message td,
.travel_booking .list_table td{
  border-bottom: 1px solid #DAD9C7;
  padding:1px 5px;
}

.travel_booking td.cabin {
	/* text-align: center; */
}

.travel_booking td.price,
.travel_booking th.price {
		text-align: right;
}

.travel_booking .order table,
.travel_booking table.list_table {
  border-collapse: collapse;
  width: 100%;
}


.travel_booking table.list_table td{
  vertical-align: top;
}


.travel_booking table.list_table td.date{
  width: 17%;
}

.travel_booking table.list_table td.ship{
  width: 8%;
}

.travel_booking table.list_table td.status{
  vertical-align: middle;
  width: 1%;
}

.travel_booking table.list_table td.book{
  width: 18%;
}



.travel_booking img{
  padding: 0 !important;
  border: 0 !important;
}

.travel_booking tr.error td {
	background-color: #F3E9D0;
	border-bottom: none;
}

.travel_booking h3 {
	text-decoration: none;
	margin: 5px 0 12px 0;
}
.travel_booking .list_table tr.charter_only {
	background-color:#F3E9D0;
}


.travel_booking p.legend {
	line-height: 19px;
}
.travel_booking p.legend {
	padding: 5px 0;
}

.travel_booking p.legend span.item {
	width: 75px;
	float: left;
	display:block;
}

.travel_booking p.legend span.book_empty{
	background: url('/static/img/ler10_icons/book_empty.gif') no-repeat 5px;
	padding: 1px 6px 1px 22px;
}
.travel_booking p.legend span.book_request{
	background: url('/static/img/ler10_icons/book_request.gif') no-repeat 5px;
	padding: 1px 6px 1px 22px;
}
.travel_booking p.legend span.book_full{
	background: url('/static/img/ler10_icons/book_full.gif') no-repeat 5px;
	padding: 1px 6px 1px 22px;
}
.travel_booking p.legend span.legend_charter_only{
	background: url('/static/img/ler10_icons/legend_charter_only.gif') no-repeat 10px 0px;
	padding: 1px 6px 1px 30px;
}
.travel_booking .rightbox {
	float:right;
	height:400px;
	width:240px;
	overflow:auto;
}

.travel_booking .rightbox .wwe_form_submit,
.travel_booking .rightbox .wwe_form_submit:hover,
.travel_booking .rightbox .wwe_form_submit_js_hover{
	margin-top: 10px;
}

/*
.travel_booking .bottombox {
	border: 1px solid #E5DEC4;
	clear: both;
}
*/

/* neu bms */
.travel_booking .bottombox {
	clear: both;
    width: 508px;
}
/* ende neu bms */

.travel_booking .leftbox {
	float: left;
	width:530px;
}

/*
.travel_booking .formbox {
	padding:0px;
}
*/

/* bms neu */
.travel_booking .formbox {
	border-bottom: 1px solid #e5dec4;
	padding: 8px 0;
}

.cabin_container .last{
  border: none !important;
}

/* ende bms neu */


.travel_booking .formbox span{
	display: block;
	float: left;
	width: 45px;
}

/*
.travel_booking label {
	display:none;
	width: 91px;
	float:left;
    padding-right: 0;
}
*/

/* bms neu */
.travel_booking label {
	display:block;
	width: 91px;
	float:none;
        padding-right: 0;
}

.travel_booking .input_container{
  float: left;
  width: 153px;
  margin-right: 10px;
}
/* ende bms neu */

.travel_booking .header_personform span {
	width: 102px;
	display: block;
	float: left;
}

.travel_booking .header_personform span.first {
	width: 48px;
}

/*
.travel_booking .label {
	padding: 0;
	width: 100px;
}
*/

/* bms neu */
.travel_booking .label {
	padding: 0;
	width: 153px;
}
/* ende bms neu */

.travel_booking input {
	float:left;
}
.travel_booking #charterform {
	margin-top:20px;
	clear: both;
	width: 214px;
}

.travel_booking #charterform .wwe_form_submit {
	margin-top:0;
}

#personform .cabin_container{
  margin-bottom: 15px;
  padding: 0 8px;
  border: 1px solid #E5DEC4;
}

#personform .cabin_container h3{
  margin-bottom: 0px;
}

.bottombox .form_info{
  font-weight: bold;
  margin-bottom: 8px;
  font-style: normal;
}

.cabin_container .req_field_err{
  color: #cc0000;
  font-weight: bold;
  margin-bottom: 8px;
}