html, body {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
}

body {
  color:#395266; /*#22383A;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
}


a:link,
a:visited,
a:focus,
a:hover,
a:active {
  color:#36c;
  border-bottom:solid 1px #36c;
  text-decoration:none;
}

a:focus,
a:hover,
a:active {
  border-bottom:none;
}


.inert a:link,
.inert a:visited,
.inert a:focus,
.inert a:hover,
.inert a:active {
  color:#9cf;
  border-bottom:solid 1px #9cf;
}

.inert a:focus,
.inert a:hover,
.inert a:active {
  color:#36c;
  border-bottom:none;
}

.clear, .clearer { clear:both; }


#container {
  padding:1%;
}

#flashMessage {
  clear:both;
}


tr.spacer {
  height:0.5em;
  overflow:hidden;
  line-height:0em;
}

tr.spacer td {
  overflow:hidden;
  font-size:0.25em;
  line-height:0em;
}


table th,
table td {
  margin:0px;
  padding:0.25em 0.5em;
  border:solid 1px #ccc;
}

fieldset table {
  width:100%;
}


.hidden {
  display:none;
}


.debug {
  line-height:1em;
}


/* Extra Content */
.ec {
  display:none!important;
}


.we-color-01 {
  color:#E87B14;
}

.we-color-02 {
  color:#7FC424;
}

.inert { color:#4C7E82; }

.trips .state0 span { background:#ccc; }
.trips .state1 span { background:#D0EFA7; /*#bfb;*/ }
.trips .state2 span { background:#E4F6CC; /*#dfd;*/ }
.trips .state3 span { background:#D0EFA7; /*#bfb;*/ /*font-weight:bold;*/ }
.trips .state4 span { background:#F8D0AA; /*#fb9*/ /*#e0e0e0*/; }
.trips .state5 span { background:#FBE4CF /*#fdb*/ /*#efefef*/; }
.trips .state6 span { background:#F7FECB; /*#ffc;*/ }
.trips .state7 span { background:#fff; }
.trips .state8 span { background:#E4F6CC; /*#dfd;*/ /*font-weight:bold;*/ }
.trips .state14 span { background:#F8D0AA; /*#fb9*/ /*#e0e0e0*/; color:#E87B14 /*#c86*/ /*#e0e0e0*/; }

.trips .state1 a:focus span,
.trips .state1 a:hover span,
.trips .state1 a:active span { background:#E4F6CC; /*#dfd;*/ }

.trips .state2 a:focus span,
.trips .state2 a:hover span,
.trips .state2 a:active span { background:#F0FAE2; /*#efe;*/ }

.trips .state3 a:focus span,
.trips .state3 a:hover span,
.trips .state3 a:active span { background:#E4F6CC; /*#dfd;*/ }

.trips .state4 a:focus span,
.trips .state4 a:hover span,
.trips .state4 a:active span { background:#FBE4CF /*#fdb*/ /*#efefef*/; }

.trips .state5 a:focus span,
.trips .state5 a:hover span,
.trips .state5 a:active span { background:#FDF0E3 /*#fec*/ /*#f8f8f8*/; }

.trips .state8 a:focus span,
.trips .state8 a:hover span,
.trips .state8 a:active span { background:#F0FAE2; /*#efe;*/ }

.legend .trips .state7 span { border:solid 1px #ccc; }

.bookings .state0 span { border-left:solid 5px #ccc; }
.bookings .state1 span { border-left:solid 5px #9f9; }
.bookings .state2 span { border-left:solid 5px #cfc; }
.bookings .state3 span { border-left:solid 5px #9f9; }
.bookings .state4 span { border-left:solid 5px #F8D0AA /*#fb9*/ /*#e0e0e0*/; }
.bookings .state5 span { border-left:solid 5px #FBE4CF /*#fdb*/ /*#efefef*/; }
.bookings .state6 span { border-left:solid 5px #F7FECB /*#ffc*/; }
.bookings .state7 span { border-left:solid 5px #fff; }
.bookings .state8 span { border-left:solid 5px #cfc; }
.bookings .state14 span { border-left:solid 5px #F8D0AA /*#fb9*/; }

.bookings span.paid { border-left:solid 5px #0f0; }
.bookings span.unpaid { border-left:solid 5px #f00; }

div.paid span.input { border-right:solid 5px #0f0 }
div.unpaid span.input { border-right:solid 5px #f00 }

.bookings span.trip-booking-state-01 { border-left:solid 5px #fff; }
.bookings span.trip-booking-state-02 { border-left:solid 5px #9ff; }
.bookings span.trip-booking-state-03 { border-left:solid 5px #f9f; }
.bookings span.trip-booking-state-05 { border-left:solid 5px #999; }

table.bookings div.booking {
  margin-bottom:0.5em;
}

table.bookings div.booking span {
  padding-left:5px;
}


ul.ul-type-04 {
  min-width:5em;
  margin-left:0em;
  margin-top:0em;
  padding-left:0em;
  padding-top:0em;
  list-style:none;
}

ul.ul-type-04 ul {
  margin-left:0em;
  padding-left:0em;
  list-style:none;
}

ul.ul-type-04 li {
  float:left;
  margin-right:1em;
}

ul.ul-type-04 ul li {
  float:none;
}


fieldset.trips ul {
  margin:0px;
  padding:2px;
  border-left:solid 1px #ccc;
  border-top:solid 1px #ccc;
  list-style:none;
}

fieldset.trips ul li {
  margin-bottom:2px;
  border-style:solid;
  border-width:1px;
  border-color:#fff #bbb #bbb #fff;
}

fieldset.trips ul span {
  display:block;
  padding:0.25em 0.5em;
}

fieldset.trips ul span span {
  padding:0em;
}


ul.schedules,
ul.schedules ul.trips {
  margin-left:0em;
  padding-left:0em;
  list-style:none;
}

ul.schedules li.schedule {
  clear:left;
}

ul.schedules {
  z-index:0;
}

ul.schedules div.schedule {
  display:block;
  float:left;
  margin-right:5%;
  padding:0.25em 0em;
}

ul.schedules div.schedule {
  position:relative;
}

ul.schedules li ul.actions {
  display:none;
  z-index:10;
  position:absolute;
  left:50%;
  top:-25%;
  margin-left:0em;
  padding:0.5em;
  border:solid 1px #bbb;
  background:#fff;
}

ul.schedules ul.actions li {
  display:block;
  white-space:nowrap;
  
}

ul.schedules div.schedule:hover ul.actions {
  display:block;
}

ul.schedules ul.trips {
  width:60%;
  float:left;
}

/*
ul.schedules div.trips {
  display:inline;
  position:relative;
  width:60%;
  float:left;
}

ul.schedules div.trips div {
  display:block;
  position:relative;
  float:left;
}

ul.schedules div.trips div div {
  display:block;
  padding:0.25em 0em;
  float:none;
  text-align:center;
}
*/

ul.trips {
  z-index:0;
}

ul.trips li.trip {
  position:relative;
  float:left;
}

ul.trips li.trip span {
  display:block;
  padding:0.25em 0em;
  text-align:center;
}

ul.trips li ul.actions {
  display:none;
  z-index:10;
  position:absolute;
  left:50%;
  top:-25%;
  margin-left:0em;
  padding:0.5em;
  border:solid 1px #bbb;
  background:#fff;
}

ul.trips ul.actions li {
  display:block;
  white-space:nowrap;
  
}

ul.trips li.trip:hover ul.actions {
  display:block;
}

/*
ul.schedules span.trips span span {
  display:block;
  padding:0.25em 0em;
  float:left;
  text-align:center;
}
*/

/*
table.trips {
  width:100%;
  margin-bottom:0.5em;
}
*/

table.trips td {
  padding:0px;
}

table.trips span {
  display:block;
  padding:0.25em 0.5em;
}

table.trips span span {
  padding:0em;
}

table.trips a:link,
table.trips a:visited,
table.trips a:focus,
table.trips a:hover,
table.trips a:active {
  color:#03c;
  border-bottom:none;
  text-decoration:none;
}

td.trips {
  padding:0px;
}

td.trips span {
  display:block;
  position:relative;
}

td.trips span span {
  display:block;
  float:left;
  padding:0.25em 0em;
  text-align:center;
}

td.schedules {
  width:99%;
  padding:0px;
}

td.schedules span {
  display:block;
  position:relative;
}

td.schedules span span {
  display:block;
  float:left;
  padding:0.25em 0em;
  text-align:center;
}

td.price { text-align:right; }


.steps {
  margin:1em 0px 1.5em;
  padding:1px 0px;
  background:#EDF4F4; /*#f2f2f2;*/
  font-size:1em;
}

.steps h4 {
  display:block;
  margin:0px;
  padding:0.25em 1em 0.25em 0.5em;
  border-right:solid 1px #fff;
  float:left;
}

.steps ul {
  margin:0px;
  padding:0px;
  list-style:none;
}

.steps li {
  display:block;
  margin:0px;
  padding:0.25em 1em;
  border-right:solid 1px #fff;
  float:left;
}

.steps li.current {
  background:#fff;
}

.steps li.inactive {
  color:#4C7E82;
}


.actions ul {
  margin-left:0px;
  padding-left:0px;
  list-style:none;
}

.actions li ul {
  margin-left:1em;
}

.actions li {
  margin-bottom:0.5em;
}


.navigation-top {
  overflow:hidden;
  border-bottom:solid 1px #BBD4D7 /*#000*/;
  line-height:2em;
}

.navigation-top h1 {
  display:inline;
  margin:0px 1em 0px 0px;
  font-size:1.5em;
  font-weight:bold;
  letter-spacing:0.1em;
}

.navigation-top .navigation {
  float:right;
}

.navigation-top .user-role-info {
  display:inline;
  vertical-align:top;
}

.navigation-top .user-role-info[class] .user-info-effect {
  display:inline;
}

.navigation-top .user-role-info[class]:hover .user-info-effect {
  display:none;
}

.navigation-top .user-role-info[class] .role-info-effect {
  display:none;
}

.navigation-top .user-role-info[class]:hover .role-info-effect {
  display:inline;
}

.navigation-top .languages {
  display:inline;
  vertical-align:top;
}

.navigation-top .languages ul {
  display:inline;
  margin:0px 0px 0px 1em;
  padding:0px;
  list-style:none;
}

.navigation-top .languages li {
  display:inline;
}

.navigation-top .languages li span {
  color:#4C7E82;
}

.navigation-top .languages li.current span {
  color:#395266; /*#22383A;*/
}


.navigation-upper {
  position:relative;
  margin-bottom:1.5em;
}

.navigation-upper .navigation {
  border-bottom:solid 1px #BBD4D7 /*#000*/;
  line-height:2em;
}

.navigation-upper .navigation ul {
  margin:0px 0px 0.25em 0px;
  padding:0px;
  list-style:none;
}

.navigation-upper .navigation li {
  margin-right:0.5em;
  float:left;
}

.navigation-upper .navigation li.current span {
  font-weight:bold;
}

.navig-ation-upper .navigation-level-02 {
}

.navigation-upper .more {
  display:none;
}

.navigation-upper[class] .more {
  display:block;
}

.navigation-upper[class] .navigation-level-02 {
  display:none;
}

.navigation-upper[class]:hover .navigation-level-02 {
  display:block;
  position:absolute;
  top:100%;
  border:none;
  padding-bottom:2em;
  background:#fff;
}

.navigation-upper[class]:hover .more {
  display:none;
}


.navigation-lower {
  margin-top:2em;
  padding-bottom:2em;
  border-top:solid 1px #BBD4D7 /*#000*/;
  clear:both;
}

.navigation-lower .back {
  display:block;
  float:left;
}

.navigation-lower .imprint {
  display:block;
  float:right;
}


table.calendar {
}

table.calendar td.day {
  /*overflow:hidden;*/
}

table.calendar td.day div.caption {
  float:left;
  padding-right:0.5em;
}

table.calendar td.day div.content {
  float:left;
}

table.calendar td.day div.content * * {
  margin-top:0px;
  padding-top:0px;
}

table.calendar td.inert {
  background:#f8f8f8;
}

table.calendar .inert a:link,
table.calendar .inert a:visited {
  color:#69c;
  border-bottom:solid 1px #69c;
}

table.calendar .inert a:focus,
table.calendar .inert a:hover,
table.calendar .inert a:active {
  color:#36c;
  border-bottom:none;
}

table.calendar ul.schedules {
  margin-top:0em;
  padding-top:0em;
}

table.calendar li.inert {
  background:#efefef;
}

table.calendar .actions li {
  display:inline;
  position:relative;
}

table.calendar .actions li ul {
  display:none;
  z-index:10;
  position:absolute;
  left:50%;
  top:-25%;
  margin-left:0em;
  padding:0.5em;
  border:solid 1px #bbb;
  background:#fff;
}

table.calendar .actions li:hover ul {
  display:block;
}

table.calendar .actions li li {
  display:block;
}


table.timetable {
  z-index:0;
  width:100%;
}

table.timetable th,
table.timetable td {
  vertical-align:top;
}

table.timetable td.inert {
  background:#f8f8f8;
}


.gui {
  line-height:1.5em;
}

/*
.gui h1 {
  margin:0em 0em 1em;
  padding-top:0em;
  font-size:1.5em;
}
*/

.gui .message {
  margin-bottom:1em;
}

.gui .heading {
  margin:0em 0em 1.2em;
}


.gui .heading h2 {
  display:inline;
  margin-right:1em;
  font-size:1.25em;
}

.gui .heading h3 {
  display:inline;
  font-size:1.15em;
}


.gui table {
  margin-bottom:1em;
  border-left:solid 1px #ccc;
  border-top:solid 1px #ccc;
}

.gui th {
  border-style:solid;
  border-width:1px;
  border-color:#fff #bbb #bbb #fff;
  background:#EDF4F4; /*#f2f2f2;*/
  font-weight:normal;
}

.gui th.date {
  text-align:left;
}

.gui td {
  border-style:solid;
  border-width:1px;
  border-color:#fff #bbb #bbb #fff;
}


.gui .buttons {
  margin-bottom:1em;
  float:left;
}

.gui .buttons form {
  display:inline;
}

.gui .buttons .submit {
  margin-right:0.5em;
  float:right;
}

.gui .submit a {
  display:block;
  padding:0.25em 0.5em;
  margin-right:0.5em;
  border:outset 1px /*#22383A*/;
  border-color:#fff #bbb #bbb #fff;
  background:#69c /*#7FC424*/;
  color:#fff /*#22383A*/;
  font-weight:bold;
}

.gui .buttons .submit a {
  margin-right:0em;
}


.gui .small-box {
  width:50%;
}

.gui h1,
.gui h2,
.gui h3 {
  color:#597082;
}

.gui legend {
  font-size:1.2em;
  font-weight:bold;
  color:#597082; /*#22383A;*/
}

.gui fieldset {
  margin-bottom:1em;
  border:solid 1px #BBD4D7 /*#ccc*/;
  padding:1em;
  /*
  -moz-border-radius:15px;
  -khtml-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  */
}

.gui fieldset div.text,
.gui fieldset div.select,
.gui fieldset div.password,
.gui fieldset div.textarea,
.gui fieldset div.checkbox,
.gui fieldset div.date,
.gui fieldset div.time,
.gui fieldset div.locked-text {
  clear:both;
  overflow:hidden;
  margin-top:0.25em;
}

.gui fieldset div.locked-text {
  overflow:hidden;
  /*padding-bottom:1px;*/
}

.gui fieldset .buttons {
  margin-top:1em;
}


.gui select[multiple=multiple] {
  max-height:6.1em;
}


.gui div.text label,
.gui div.select label,
.gui div.password label,
.gui div.textarea label,
.gui div.date label,
.gui div.time label,
.gui div.locked-text span.label {
  display:block;
  width: 11em;
  padding:1px 0.25em 2px;
  border:solid 1px #EDF4F4 /*#f2f2f2*/;
  float:left;
  overflow:hidden;
  background:#EDF4F4; /*#f2f2f2;*/
}

.gui div.text label,
.gui div.password label {
  padding-bottom:0px;
}

.gui div.text input,
.gui div.select select,
.gui div.password input,
.gui div.textarea textarea {
  width:99%;
  padding:1px 0em;
  border:solid 1px #BBD4D7 /*#ccc*/;
}


* html .gui div.text input,
* html .gui div.select select,
* html .gui div.password input,
* html .gui div.textarea textarea {
  width:95%;
}

.gui div.text input:focus,
.gui div.select select:focus,
.gui div.password input:focus,
.gui div.textarea textarea:focus {
  border:solid 1px #4C7E82;
}


.gui div.submit input {
  padding:0.25em 0.5em;
  border:outset 1px /*#22383A*/;
  border-color:#fff #bbb #bbb #fff;
  background:#69c /*#7FC424*/;
  color:#fff /*#22383A*/;
  font-weight:bold;
  /*
  -moz-border-radius:15px;
  -khtml-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  */
}

.gui div.submit input:focus {
  background:#9cf;
}


.gui div.date select,
.gui div.time select {
  padding:1px 0em;
  border:solid 1px #BBD4D7 /*#ccc*/;
}

.gui div.locked-text span.input,
.gui div.locked-select span.select {
  display:block;
  padding-top:0.15em;
  padding-bottom:0.1em;
  border-bottom:solid 1px #BBD4D7 /*#ccc*/;
}

.gui div.locked-text span.input {
  max-height:10em;
  overflow:auto;
}

.gui div.locked-select span.select ul {
  margin:0px;
  padding:0px;
  list-style:none;
}

.gui div.locked-text ul.select {
  margin:0px;
  padding:0px;
  list-style:none;
}

.gui div.checkbox {
  /*padding-left:10em;*/
}

.gui div.checkbox label {
  display:block;
  margin-left:2em;
}

.gui div.checkbox input {
  display:block;
  /*width:1.5em;*/
  float:left;
}

.gui div.checkbox .wrapper {
  display:block;
  /*margin-left:2em;*/
}

.gui .wrapper div.checkbox {
  clear:none;
  float:none;
  display:block;
}

.gui .wrapper div.checkbox label {
  float:none;
  width:auto;
  padding:0px;
  border:none;
  background:none;
}

.gui .wrapper div.checkbox input {
  float:left;
}


.gui div.text .error-message,
.gui div.select .error-message,
.gui div.password .error-message,
.gui div.textarea .error-message,
.gui div.checkbox .error-message,
.gui div.date .error-message,
.gui div.time .error-message {
  margin-top:0.5em;
  font-style:italic;
}

.gui div.text .wrapper,
.gui div.select .wrapper,
.gui div.password .wrapper,
.gui div.textarea .wrapper,
.gui div.date .wrapper,
.gui div.time .wrapper,
.gui div.locked-text .wrapper {
  display:block;
  margin-left:12em;
}

.gui div.error label {
  color:#c00;
}

.gui div.error input,
.gui div.error select {
  border-color:#c00;
}


.gui table.bookings {
  z-index:0;
  width:100%;
}

.gui table.bookings td {
  vertical-align:top;
}

.gui table.bookings div.booking {
  position:relative;
}

.gui table.bookings div.booking ul {
  z-index:10;
  display:none;
  position:absolute;
  left:0.5em;
  top:0.5em;
  margin:0px;
  padding:0px;
  border:solid 1px #ccc;
  background:#fff;
  list-style:none;
}

.gui table.bookings div.booking li {
  padding:0.25em 0.5em;
}

.gui table.bookings div.booking:hover ul {
  display:block;
}


.table-type-01 {
  width:100%;
}

.table-type-01 td {
  vertical-align:top;
}


.set-type-00 {
  float:none;
  min-width:24em;
  width:99%;
  margin-right:1%;
}

.set-type-01,
.set-type-02,
.set-type-03,
.set-type-04 {
  float:left;
  min-width:24em;
  margin-right:1%;
}

.set-type-01 { width:60%; }
.set-type-02 { width:38%; }
.set-type-03 { width:32%; }
.set-type-04 { width:49%; }


.overview .set-trips {
  float:left;
  min-width:40em;
  width:auto!important;
  width:40em;
  margin-right:1%;
}

.overview .trips td {
  min-width:7em;
  /*white-space:nowrap;*/
}


.overview .set-legend {
  float:left;
  min-width:20em;
  width:auto!important;
  width:20em;
  margin-right:1%;
  background:#fff;
}


div.tripData {
  float:left;
  min-width:25em;
  width:60%;
}

.detail div.tripData {
  float:left;
  min-width:25em;
  width:32%;
  margin-right:1%;
}

.detail div.pricing {
  float:left;
  min-width:25em;
  width:32%;
  margin-right:1%;
}

.detail div.occupancy {
  float:left;
  min-width:25em;
  width:32%;
  margin-right:1%;
}

div.customerData {
  float:left;
  min-width:25em;
  width:35%;
  margin-right:1%;
}

.unblock div.customerData,
.view div.trips,
.edit div.trips {
  float:left;
  min-width:25em;
  width:60%;
}


.gui div.paging {
  background:#fff;
  color:#BBD4D7;
  margin-bottom:1em;
}

.gui div.paging div.disabled {
  display:inline;
  color:#BBD4D7;
}

.gui div.paging .prev,
.gui div.paging .next,
.gui div.paging span {
  display:inline;
}

.gui div.paging span.current {
  color:#395266; /*#22383A;*/
}

.gui div.paging .prev a,
.gui dif.paging .next a,
.gui div.paging span a {
}


.gui div.fields div {
  width:49%;
  float:left;
  border-bottom:solid 1px #fff;
  line-height:2em;
}

.gui div.fields span.label {
  width:31%;
  overflow:hidden;
  float:left;
  padding:0px 1%;
  border-bottom:solid 1px #fff;
  background:#EDF4F4; /*#f2f2f2;*/
  white-space:pre;
}

.gui div.fields span.data {
  width:63%;
  float:left;
  padding:0px 1%;
  border-bottom:solid 1px #BBD4D7 /*#ccc*/;
}


.gui .rpbPo {
  margin-bottom:2em;
  border:solid 1px #ccc;
  border-top:none;
  color:#666;
}

.gui .rpbPo ul {
  margin:0px;
  padding:0px;
  list-style:none;
}

.gui .rpbPo li {
  height:0.8em;
  overflow:hidden;
  padding:1em;
  border-top:solid 1px #ccc;
  font-weight:bold;
}

.gui .rpbPo li:hover {
  height:auto;
}

.gui .rpbPo dl {
  max-height:8.8em;
  overflow:auto;
  margin-top:0.25em;
  padding:0.5em 0em 0.5em 1em;
  font-weight:normal;
  background:#f8f8f8;
}

.gui .rpbPo dt {
  float:left;
  min-width:24%;
  margin-right:1%;
}

.gui .rpbPo dd {
  margin-left:25%;
}

* html .gui .rpbPo {
  border:solid 1px #ccc;
}

* html .gui .rpbPo li {
  height:auto;
  border-top:solid 1px #fff;
}

* html .gui .rpbPo dl {
  height:5.8em;
  overflow:auto;
}


.gui .rpbDebug {
  height:1em;
  overflow:hidden;
  margin-bottom:2em;
  padding:1em;
  border:solid 1px #ccc;
  line-height:1em;
  color:#666;
}

.gui .rpbDebug:hover {
  height:auto;
}

* html .gui .rpbDebug {
  height:auto;
}


@media braille, aural {
  div.ec { display:block!important; }
  span.ec { display:inline!important; }
}


@media print {
  * { background:none!important; color:#000!important; }
  body { font-size:0.7em; }
  table th, table td { border:solid 1px #000; }
  div.ec { display:block!important; }
  fieldset.trips ul {
    border-left:solid 1px #000;
    border-top:solid 1px #000;
  }
  fieldset.trips ul li {
    border-color:#fff #000 #000 #fff;
  }
  .navigation-top {
    border-bottom:solid 1px #000;
    line-height:2em;
  }
  .trips .state4 span,
  .trips .state5 span {
    font-style:italic;
  }
  .gui table {
    border-left:solid 1px #000;
    border-top:solid 1px #000;
  }
  .gui th {
    border-color:#fff #000 #000 #fff;
  }
  .gui td {
    border-color:#fff #000 #000 #fff;
  }
  .gui .rpbPo,
  .gui .rpbDebug {
    display:none;
  }
  span.ec { display:inline!important; }
  .cake-sql-log { display:none; }
  .debug { display:none; }
  .steps { display:none; }
  .buttons { display:none; }
  .navigation { display:none; }
  .paging { display:none; }
  .gui fieldset { border:none; padding:0.5em 0em 0em; }
  .overview .set-trips {
    float:none;
  }
}

