.tx-reservationtool-pi1 div,
.tx-reservationtool-pi2 span{
    font-family: Arial;
}

.tx-reservationtool-pi2 div,
.tx-reservationtool-pi2 span
{
    font-family: Arial;
}

.tx-reservationtool-pi3 div,
.tx-reservationtool-pi2 span{
    font-family: Arial;
}

.tx-reservationtool-pi4 div,
.tx-reservationtool-pi2 span{
    font-family: Arial;
}

.tx-reservationtool-pi1-categories {
}

.tx-reservationtool-pi1-categories li {
    list-style: none;
    float: left;
}

.tx-reservationtool-pi1-categories li.actual_category{
    font-weight:bold;
}

.tx-reservationtool-pi2-item {
    overflow: hidden;
}

* html .tx-reservationtool-pi2-item {
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi2-item-col1 {
    width: 50%;
    float:left;
}

.tx-reservationtool-pi2-item-col2 {
    width: 50%;
    float:left;
}

.tx-reservationtool-pi2-item-name {
    font-weight:bold;
}

.tx-reservationtool-pi2-reservation {
    overflow: hidden;
}

* html .tx-reservationtool-pi2-reservation {
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi2-reservation-col1{
    width: 194px;
    float:left;
}

.tx-reservationtool-pi2-reservation-col3{
    width: 280px;
    float:left;
}

.tx-reservationtool-pi2-reservation-instructions {
    clear:left;
}

.tx-reservationtool-pi2-reservation-form-date-line label,
.tx-reservationtool-pi2-reservation-form-line label,
.tx-reservationtool-pi2-reservation-form-payment-options label {
    width: 70px;
    margin-left: 20px;
    display: block;
    float: left;
    
}

.tx-reservationtool-pi2-reservation-form-date-line,
.tx-reservationtool-pi2-reservation-form-line,
.tx-reservationtool-pi2-reservation-form-payment-options {
    clear: both;
}

.tx-reservationtool-pi2-reservation-form-line input {
    width: 160px;
    float: left;
}

.tx-reservationtool-pi2-reservation-form-line input.checkbox{
  width: 20px;
  float: left;
}

.tx-reservationtool-pi2-reservation-form-line .agb{
  display: block;
  float: left;
  margin-top: 3px;
  margin-left: 5px;
}

.tx-reservationtool-pi2-reservation-form-date-line input {
    width: 18px;
    float: left;
    margin-right: 2px;
}

.tx-reservationtool-pi2-reservation-form-date-line input.input_field_year{
    width: 27px;
    margin-right: 11px;
    float: left;
}

.tx-reservationtool-pi2-reservation-form-required-field label{ 
    background-color: orange;
}


.tx-reservationtool-pi2-acknowledgement-page-main,
.tx-reservationtool-pi2-receipt {
    overflow: hidden;
}

* html .tx-reservationtool-pi2-acknowledgement-page-main,
* html .tx-reservationtool-pi2-receipt {
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi2-receipt{
    border: 1px dashed #013366;
    padding: 1em;
    background-color: #E6EAEE;
}

.tx-reservationtool-pi2-receipt-header{
    margin-bottom: 1em;
}

.tx-reservationtool-pi2-acknowledgement-page-col1,
.tx-reservationtool-pi2-receipt-col1{
    width: 240px;
    float:left;
}

.tx-reservationtool-pi2-acknowledgement-page-col2,
.tx-reservationtool-pi2-receipt-col2{
    width: 260px;
    float:left;
}

.tx-reservationtool-pi2-receipt-footer{
    clear: left;
    padding-top: 1em;
}


.tx-reservationtool-pi2-acknowledgement-page-head-line,
.tx-reservationtool-pi2-receipt-head-line{
    font-weight: bold;
}

.tx-reservationtool-pi2-receipt-line {
    overflow: hidden;
}

* html .tx-reservationtool-pi2-receipt-line {
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi2-receipt-line-label{
    float: left;
    width: 90px;
    text-align: right;
    padding-right: 1em;
}


.tx-reservationtool-pi2-receipt-line-value {
    float: left;
}

.tx-reservationtool-pi2-acknowledgement-page-button{
    margin-top: 2em;
}

.tx-reservationtool-pi2-acknowledgement-page-button a{
    border: 1px solid black;
    width: 150px;
    text-align: center;
    display: block;
    margin-bottom: 1em;
}


.tx-reservationtool-pi2 .number {
    font-style: normal; 
}

/* Calendar Hour Mode*/

.tx-reservationtool-pi2-reservation-hour-mode .vertical .tx-reservationtool-pi2-reservation-col1{
    width: 33%;
    float:left;
}

.tx-reservationtool-pi2-reservation-hour-mode .vertical .tx-reservationtool-pi2-reservation-col2{
    width: 33%;
    float:left;
}

.tx-reservationtool-pi2-reservation-hour-mode .vertical .tx-reservationtool-pi2-reservation-col3{
    width: 33%;
    float:left;
}

.tx-reservationtool-pi2-reservation-hour-mode .horizontal .tx-reservationtool-pi2-reservation-col1{
    width: 100%;
    float:none;
}

.tx-reservationtool-pi2-reservation-hour-mode .horizontal .tx-reservationtool-pi2-reservation-col2{
    width: 100%;
    float:none;
}

.tx-reservationtool-pi2-reservation-hour-mode .horizontal .tx-reservationtool-pi2-reservation-col3{
    width: 100%;
    float:none;
}

.tx-reservationtool-pi2-reservation-hour-mode .calendar_box {
	margin-bottom: 1em;
 }
 
 .tx-reservationtool-pi2-reservation-hour-mode .calendar_table {
	border: 1px solid #003366;
 }

.tx-reservationtool-pi2-reservation-hour-mode td,
.tx-reservationtool-pi2-reservation-hour-mode table,
.tx-reservationtool-pi2-reservation-hour-mode th {

}

.tx-reservationtool-pi2-reservation-hour-mode  th {
 vertical-align:top;
 height : 22px;
}

.tx-reservationtool-pi2-reservation-hour-mode .tx-reservationtool-pi2-reservation-calendar td {
 vertical-align:middle;
 text-align:center;
 height : 22px;
 width : 23px;
 font-size: 12px;
}


.vertical .tx-reservationtool-pi2-reservation-calendar{
    overflow: hidden;
}

* html .vertical .tx-reservationtool-pi2-reservation-calendar {
    overflow: visible;
    height: 1%;
}

.vertical .calendar_box {
	float:left;
 }


.tx-reservationtool-pi2-reservation-hour-mode .prev_month {
    background-color:white;
    vertical-align:middle;
    text-align:center;
}

.tx-reservationtool-pi2-reservation-hour-mode .next_month {
    background-color:white;
    vertical-align:middle;
    text-align:center;
}

.tx-reservationtool-pi2-reservation-hour-mode .next_month a,
.tx-reservationtool-pi2-reservation-hour-mode .prev_month a {
    color:black;
}


.tx-reservationtool-pi2-reservation-hour-mode .month {
    background-color: white;
    vertical-align: middle;
    text-align: center;
}

.tx-reservationtool-pi2-reservation-hour-mode .weekday {
    background-color:LightSkyBlue;
    vertical-align:middle;
    text-align:center;
}


.tx-reservationtool-pi2-reservation-hour-mode .available {
  background-color:MediumSpringGreen;
  cursor: pointer;
}

.tx-reservationtool-pi2-reservation-hour-mode .scarce {
  background-color:#fdff5f;
  cursor: pointer;
}



.tx-reservationtool-pi2-reservation-hour-mode .un_available {
  background-color:salmon;
  cursor: not-allowed;
}

.tx-reservationtool-pi2-reservation-hour-mode .blocked {
  background-color: #C0C0C0;
  cursor: not-allowed;
}

.tx-reservationtool-pi2-reservation-hour-mode .actual_day {
  font-weight: bolder;
}

.selectable .ui-selecting { background: #F39814;}
.selectable .ui-selected { background: #F39814; color: white;}



.tx-reservationtool-pi2-reservation-hour-mode .other_month {
  background-color: ;
  cursor: not-allowed;
}

.tx-reservationtool-pi2-reservation-hour-mode .past {
  background-color: ;
  cursor: not-allowed;
}

.tx-reservationtool-pi2-reservation-hour-mode .present {
  
  background-color: LightSkyBlue;
  font-weight: bold;
}

.tx-reservationtool-pi2-reservation-hour-mode .future {

}

.tx-reservationtool-pi2-reservation-hour-mode .selected {
  background-color: gold;
}

.tx-reservationtool-pi2-reservation-hour-mode .cal_footer {
    text-align: center;
    width: 166px;
    font-weight: bold;
    border-top: 1px solid black;
    padding-top: 4px;
}



.tx-reservationtool-pi2-reservation-hour-mode .number a {
    display: block;  
}













.horizontal .tx-reservationtool-pi2-time-selector-box{
    padding-bottom: 1em;
}



.horizontal .tx-reservationtool-pi2-time-selector-box-main{

}


.horizontal .tx-reservationtool-pi2-time-selector-box-hours{
    overflow: hidden;
}

* html .horizontal .tx-reservationtool-pi2-time-selector-box-hours{
    overflow: visible;
    height: 1%;
}

.horizontal .tx-reservationtool-pi2-time-selector-box-hours-header {
    float: left;
    width: 90px;
}

.horizontal .tx-reservationtool-pi2-time-selector-box-hours-item {
    float: left;
}


.horizontal .tx-reservationtool-pi2-time-selector-box-hours-item-pre-div{

}

.horizontal .tx-reservationtool-pi2-time-selector-box-hours-item-main-div{
    font-size: 0.8em;
    margin-bottom: -4px;
    text-align: right;
    width: 26px;
}

.horizontal .tx-reservationtool-pi2-time-selector-box-hours-item-main-div .digits{

}


.horizontal .tx-reservationtool-pi2-time-selector-box-hours-item-after-div{
    height: 6px;
    border-left: 1px solid black;
}

.horizontal .last .tx-reservationtool-pi2-time-selector-box-hours-item-after-div{

    border-right: 1px solid black;
}


* html .horizontal .tx-reservationtool-pi2-time-selector-box-object{
    overflow: visible;
    height: 1%;
}

.horizontal .tx-reservationtool-pi2-time-selector-box-object {
    overflow: hidden;
}

.horizontal .tx-reservationtool-pi2-time-selector-box-object-header{
    float: left;
    width: 90px;
    font-size: 0.8em;
    border-bottom: 1px solid black;
}


.horizontal .tx-reservationtool-pi2-time-selector-box-object-slot{
     float: left;
     border-top: 1px solid black;
     border-left: 1px solid black;
     border-bottom: 1px solid black;
     height: 12px;
}



.horizontal .tx-reservationtool-pi2-time-selector-box-object .first{

}

.horizontal .tx-reservationtool-pi2-time-selector-box-object .last{
    border-right: 1px solid black;
}


.horizontal .slot-span-1 .tx-reservationtool-pi2-time-selector-box-hours-item{
    width: 30px;
}

.horizontal .slot-span-1 .tx-reservationtool-pi2-time-selector-box-object-slot{
    width: 29px;
}

.horizontal .slot-span-2 .tx-reservationtool-pi2-time-selector-box-hours-item{
    width: 30px;
}

.horizontal .slot-span-2 .tx-reservationtool-pi2-time-selector-box-object-slot{
    width: 14px;
}

.horizontal .slot-span-3 .tx-reservationtool-pi2-time-selector-box-hours-item{
    width: 30px;
}

.horizontal .slot-span-3 .tx-reservationtool-pi2-time-selector-box-object-slot{
    width: 9px;
}

.horizontal .slot-span-4 .tx-reservationtool-pi2-time-selector-box-hours-item{
    width: 28px;
}

.horizontal .slot-span-4 .tx-reservationtool-pi2-time-selector-box-object-slot{
    width: 6px;
}

.horizontal .slot-span-5 .tx-reservationtool-pi2-time-selector-box-hours-item{
    width: 30px;
}

.horizontal .slot-span-5 .tx-reservationtool-pi2-time-selector-box-object-slot{
    width: 5px;
}

.horizontal .slot-span-6 .tx-reservationtool-pi2-time-selector-box-hours-item{
    width: 30px;
}

.horizontal .slot-span-6 .tx-reservationtool-pi2-time-selector-box-object-slot{
    width: 4px;
}

.horizontal .slot-span-12 .tx-reservationtool-pi2-time-selector-box-hours-item{
    width: 36px;
}

.horizontal .slot-span-12 .tx-reservationtool-pi2-time-selector-box-object-slot{
    width: 2px;
}











.vertical .tx-reservationtool-pi2-time-selector-box{
 padding-bottom: 1em;
}



.vertical .tx-reservationtool-pi2-time-selector-box-main{
    overflow: hidden;
    border: 1px solid black;
}

* html .vertical .tx-reservationtool-pi2-time-selector-box-main{
    overflow: visible;
    height: 1%;
}


.vertical .tx-reservationtool-pi2-time-selector-box-hours{
    float: left;
    width: 45px;
}

.vertical .tx-reservationtool-pi2-time-selector-box-hours-header {
    height: 12px;
}

* html .vertical .tx-reservationtool-pi2-time-selector-box-hours-item {
    overflow: visible;
    height: 1%;
}

.vertical .tx-reservationtool-pi2-time-selector-box-hours-item {
   overflow: hidden;       
}


.vertical .tx-reservationtool-pi2-time-selector-box-hours-item-pre-div{
  float: left;
  width: 15px;

}

.vertical .tx-reservationtool-pi2-time-selector-box-hours-item-main-div{
    font-size: 0.8em;
    margin-bottom: -4px;
    text-align: right;
    float: left;
    width: 20px;
}

.vertical .tx-reservationtool-pi2-time-selector-box-hours-item-main-div .digits{

}


.vertical .tx-reservationtool-pi2-time-selector-box-hours-item-after-div{
    float: left;
    border-top: 1px solid black;
    width: 10px;
}

.vertical .last .tx-reservationtool-pi2-time-selector-box-hours-item-after-div{
}



.vertical .tx-reservationtool-pi2-time-selector-box-object {
    float: left;
    width: 120px;
}

.vertical .tx-reservationtool-pi2-time-selector-box-object-header{
    font-size: 0.8em;
    border-bottom: 1px solid black;
    height: 12px;
}


.vertical .tx-reservationtool-pi2-time-selector-box-object-slot{

     border-left: 1px solid black;
     border-bottom: 1px solid black;
}



.vertical .tx-reservationtool-pi2-time-selector-box-object .first{

}

.vertical .tx-reservationtool-pi2-time-selector-box-object .last{
}


.vertical .slot-span-1 .tx-reservationtool-pi2-time-selector-box-hours-item{
    height: 30px;
}

.vertical .slot-span-1 .tx-reservationtool-pi2-time-selector-box-object-slot{
    height: 29px;
}

.vertical .slot-span-2 .tx-reservationtool-pi2-time-selector-box-hours-item{
    height: 30px;
}

.vertical .slot-span-2 .tx-reservationtool-pi2-time-selector-box-object-slot{
    height: 14px;
}

.vertical .slot-span-3 .tx-reservationtool-pi2-time-selector-box-hours-item{
    height: 30px;
}

.vertical .slot-span-3 .tx-reservationtool-pi2-time-selector-box-object-slot{
    height: 9px;
}

.vertical .slot-span-4 .tx-reservationtool-pi2-time-selector-box-hours-item{
    height: 28px;
}

.vertical .slot-span-4 .tx-reservationtool-pi2-time-selector-box-object-slot{
    height: 6px;
}

.vertical .slot-span-5 .tx-reservationtool-pi2-time-selector-box-hours-item{
    height: 30px;
}

.vertical .slot-span-5 .tx-reservationtool-pi2-time-selector-box-object-slot{
    height: 5px;
}

.vertical .slot-span-6 .tx-reservationtool-pi2-time-selector-box-hours-item{
    height: 30px;
}

.vertical .slot-span-6 .tx-reservationtool-pi2-time-selector-box-object-slot{
    height: 4px;
}

.vertical .slot-span-12 .tx-reservationtool-pi2-time-selector-box-hours-item{
    height: 36px;
}

.vertical .slot-span-12 .tx-reservationtool-pi2-time-selector-box-object-slot{
    height: 2px;
}

























/* Calendar Day Mode*/

.tx-reservationtool-pi2-reservation-day-mode .calendar_box {
	margin-bottom: 1em;
 }
 
 .tx-reservationtool-pi2-reservation-day-mode .calendar_table {
	border: 1px solid #003366;
 }

.tx-reservationtool-pi2-reservation-day-mode td,
.tx-reservationtool-pi2-reservation-day-mode table,
.tx-reservationtool-pi2-reservation-day-mode th {
  border-collapse: separate;
  
}

.tx-reservationtool-pi2-reservation-day-mode  th {
 vertical-align:top;
 height : 27px;
}

.tx-reservationtool-pi2-reservation-day-mode  td {
 vertical-align:middle;
 text-align:center;
 height : 26px;
 width : 26px;
}


.tx-reservationtool-pi2-reservation-day-mode .prev_month {
    background-color:#9BB0D0;
    vertical-align:middle;
    text-align:center;
}

.tx-reservationtool-pi2-reservation-day-mode .next_month {
    background-color:#9BB0D0;
    vertical-align:middle;
    text-align:center;
}

.tx-reservationtool-pi2-reservation-day-mode .next_month a,
.tx-reservationtool-pi2-reservation-day-mode .prev_month a {
    color:black;
}


.tx-reservationtool-pi2-reservation-day-mode .month {
    background-color: #9BB0D0;
    vertical-align: middle;
    text-align: center;
}

.tx-reservationtool-pi2-reservation-day-mode .weekday {
    background-color:#F0F3F8;
    vertical-align:middle;
    text-align:center;
}

.tx-reservationtool-pi2-reservation-day-mode .other_month {
  background-color:#F0F3F8;
  cursor: not-allowed;
}

.tx-reservationtool-pi2-reservation-day-mode .available {
  background-color:#98FB98;
  cursor: pointer;
}

.tx-reservationtool-pi2-reservation-day-mode .scarce {
  background-color:#fdff5f;
  cursor: pointer;
}

.tx-reservationtool-pi2-reservation-day-mode .un_available {
  background-color:#FF807A;
  cursor: not-allowed;
}

.tx-reservationtool-pi2-reservation-day-mode .blocked {
  background-color: #C0C0C0;
  cursor: not-allowed;
}

.tx-reservationtool-pi2-reservation-day-mode .actual_day {
  font-weight: bolder;
}


/* Legend */
.tx-reservationtool-pi2 .legend {
    margin-bottom: 1em;
    margin-top: 1em;
}

.tx-reservationtool-pi2 .legend_box {
    width: 10px;
    height: 10px;
    float: left;
    margin-right:1em;
}

.tx-reservationtool-pi2 .legend_line {
    margin-bottom: 0px;
    font-size: 0.8em;
    height: 14px;
}

.tx-reservationtool-pi2 .icon_group {
  height: 20px;
  text-align: left;
}

.tx-reservationtool-pi2 .icon {
  margin: 1px;
}

.tx-reservationtool-pi2-reservation-form-payment-options {
    overflow: hidden;
}

* html .tx-reservationtool-pi2-reservation-form-payment-options {
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi2-reservation-form-payment-options-block {
  float:left;
}


.tx-reservationtool-pi2-payment-process {
    margin-bottom: 2em;
    padding: 0.5em;
}

.tx-reservationtool-pi2-error{
    margin-bottom: 2em;
    background-color: orange;
    padding: 0.5em;
}

.tx-reservationtool-pi2-acknowledgement-page-banner{
    margin-bottom: 2em;
    margin-top:1em;
}

.tx-reservationtool-pi2-acknowledgement-page-banner-image{
}

.tx-reservationtool-pi2-acknowledgement-page-banner-caption{
  margin-top: 3px;
}

.tx-reservationtool-pi2-acknowledgement-page-banner-caption-word-1{
  margin-left: 25px;
  font-size: 12px;
  font-weight: bold;
}

.tx-reservationtool-pi2-acknowledgement-page-banner-caption-word-2{
  margin-left: 68px;
  font-size: 12px;
  font-weight: bold;
}

.tx-reservationtool-pi2-acknowledgement-page-banner-caption-word-3{
  margin-left: 55px;
  font-size: 12px;
  font-weight: bold;
}

/* Admin Tool */

.tx-reservationtool-pi3-error{
  width: 520px;
  padding: 5px;
  margin-bottom: 1em;
  background-color: orange;
}

.tx-reservationtool-pi3-selection-area {
  overflow: hidden;
}
  
* html .tx-reservationtool-pi3-selection-area {
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi3-result-line {
    overflow: hidden;
    margin-bottom: 1em;
}

* html .tx-reservationtool-pi3-result-line {
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi3-result-date-box {
    float:left;
    width: 95px;
    height: 62px;
    padding: 0px 4px 8px 4px;
}

.tx-reservationtool-pi3-result-address-box-col1 {
    float:left;
    width: 155px;
    height: 62px;
    padding: 4px;
}

.tx-reservationtool-pi3-result-address-box-col2 {
    float:left;
    width: 155px;
    height: 62px;
    padding: 4px;
    text-align: right;
}

.tx-reservationtool-pi3-result-tool-box {
    float:left;
    width: 95px;
    height: 62px;
    padding: 4px;
}

.tx-reservationtool-pi3-result-date-box-top {
    font-size: 28px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    text-align: left;
    margin-bottom: 14px;
}

.tx-reservationtool-pi3-result-date-box-bottom {
    font-weight: normal;
    text-align:left;
}

.tx-reservationtool-pi3-result-address-box-line {
    margin-bottom: 7px;
}

.tx-reservationtool-pi3-result-address-box-price {
    font-weight: bold;
    font-size: 16px;
    margin-left: 2px;
    color: white;
    background-color: black;
    padding:6px;
    margin-right: -4px;
}

.tx-reservationtool-pi3-result-address-box-amount {
    font-weight: bold;
    font-size: 16px;
    margin-left: 2px;
    color: black;
    background-color: #9BB0D0;
    padding:6px;
    margin-right: -4px;
}

.tx-reservationtool-pi3 .past {
    background-color: lightgrey;
}

.tx-reservationtool-pi3 .present {
    background-color: gold;
}

.tx-reservationtool-pi3 .future {
    background-color: #9BB0D0;
}

.tx-reservationtool-pi3-result-tool-box {
    background-color: lightgrey;
}


.tx-reservationtool-pi3-result-tool-box-button a,
.tx-reservationtool-pi3-result-tool-box-button a:link,
.tx-reservationtool-pi3-result-tool-box-button a:visited{
    border: 1px solid black;
    color: black;
    background-color: #9BB0D0;
    width: 86px;
    display: block;
    margin-left: 4px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 21px;
}

.tx-reservationtool-pi3-lifesaver-box {
    text-align: right;
    width: 530px;
}

.tx-reservationtool-pi3-payback-box {
  margin-top: 1em;
  margin-bottom: 1em;
  width: 522px;
  background-color: gold;
  padding: 5px;
}


.tx-reservationtool-pi3-payback-box-button a {
    color: black;
    background-color: orange;
    width: 248px;
    text-align: center;
    font-size: 14px;
    font-weight:bold;
    padding: 0.5em;
    display: block;
    margin: auto;
}


.tx-reservationtool-pi3-default-searches {
  margin-top: 1em;
  margin-bottom: 1em;
  width: 532px;
  background-color: #9BB0D0;
  padding-top: 5px;
  padding-bottom: 5px;
}


.tx-reservationtool-pi3-default-searches-button a,
.tx-reservationtool-pi3-default-searches-button a:link,
.tx-reservationtool-pi3-default-searches-button a:visited
{ 
    color: black;
    background-color: #CAD5E6;
    width: 235px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight:bold;
    padding: 0.5em;
    float: left;
    margin-left: 6px;
}


.tx-reservationtool-pi3-default-searches .alert a,
.tx-reservationtool-pi3-default-searches .alert a:link,
.tx-reservationtool-pi3-default-searches .alert a:visited {
    background-color: orange;
}


.tx-reservationtool-pi3-default-searches .actual a,
.tx-reservationtool-pi3-default-searches .actual a:active,
.tx-reservationtool-pi3-default-searches .actual a:focus,
.tx-reservationtool-pi3-default-searches .actual a:link,
.tx-reservationtool-pi3-default-searches .actual a:visited,
.tx-reservationtool-pi3-payback-box-button a:hover,
.tx-reservationtool-pi3-payback-box .actual a
 {
    background-color: black;
    color: white;
}

.tx-reservationtool-pi3-default-searches,
.tx-reservationtool-pi3-quick-line {
    overflow: hidden;
    /* background-color: lightyellow; 
    padding: 5px; */
}

* html .tx-reservationtool-pi3-default-searches,
* html .tx-reservationtool-pi3-quick-line {
    overflow: visible;
    height: 1%;
}

.state_closed {
    background-color: #98FB98;
}

.state_in_progress {
    background-color: #FEF95B;
}

.state_alert {
    background-color: #FF9800;
}

.state_aborted {
    background-color: lightgrey;
}


.tx-reservationtool-pi3 .input_field_day,
.tx-reservationtool-pi3 .input_field_month {
    width: 18px;
    margin-right: 2px;
    border: 0px;
}

.tx-reservationtool-pi3 .input_field_year{
    width: 30px;
    border: 0px;
}

.tx-reservationtool-pi3-search-box .input_field_name{
    width: 162px;
    border: 0px;
}

.tx-reservationtool-pi3-search-box .input_field_submit{

}


.tx-reservationtool-pi3-search-box-line label {
    float: left;
    width: 98px;
    display: block;
}
  
.tx-reservationtool-pi3-search-box-line {
    clear:left;
}

.tx-reservationtool-pi3-search-box,
.tx-reservationtool-pi3-quick-jump{
    margin-top: 1em;
    margin-bottom: 1em;
    width: 532px;
    background-color: #9BB0D0;
    padding: 5px 0px;
}

.tx-reservationtool-pi3-result-tool-box-icon-line {
    margin-bottom: 4px;
}

.tx-reservationtool-pi3-result-tool-box-icon-line img{
    cursor: pointer; 
}

.tx-reservationtool-pi3-quick-line {
    margin-bottom: 4px;
    margin-top: 4px;
}


.tx-reservationtool-pi3-quick-month {
    float:left;
    padding: 2px;
    font-size: 14px;
    width: 40px;
    height: 32px;
    font-weight: bold;
}

.tx-reservationtool-pi3-quick-day a:link,
.tx-reservationtool-pi3-quick-day a:visited
{
    border-right: 1px solid white;
    color: white;
    font-weight: bold;
    width: 23px;
    height: 16px;
    display: block;
    text-align: right;
    padding-right:6px;
    float:left;
    font-size: 14px;
    margin-bottom:4px;
}

.tx-reservationtool-pi3-quick-jump .tx-reservationtool-pi3-quick-day a:hover,
.tx-reservationtool-pi3-quick-jump .tx-reservationtool-pi3-quick-day a:active,
.tx-reservationtool-pi3-quick-jump .tx-reservationtool-pi3-quick-day a:focus,
.tx-reservationtool-pi3-quick-jump .actual a{
    color: white;
    background-color:black;
    
}

.tx-reservationtool-pi3-mini-stat{   
    width: 522px;
    margin-bottom: 1em;
    background-color: lightgrey;
    padding: 5px 5px;
}

.tx-reservationtool-pi3-mini-stat-word{
    font-size: 9px;
    margin-right: 5em;
}

.tx-reservationtool-pi3-mini-stat .last{
  margin-right: 0em;
}

.tx-reservationtool-pi3-print-out {
    margin-top: 4em;
    margin-left: 4em;
    font-weight: 12pt;
}




.tx-reservationtool-pi3-info{}

.tx-reservationtool-pi3-info-box-1{
    float: left;
    width: 260px;
    min-height: 270px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #CAD5E6;
}

.tx-reservationtool-pi3-info-box-2{
    float: left;
    width: 260px;
    min-height: 270px;
    margin-bottom: 10px;
    background-color: #CAD5E6;
    }

.tx-reservationtool-pi3-info-box-3{
    float: left;
    width: 260px;
    min-height: 370px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #CAD5E6;
    }

.tx-reservationtool-pi3-info-box-4{
    float: left;
    width: 260px;
    min-height: 370px;
    margin-bottom: 10px;
    background-color: #CAD5E6;
    }

.tx-reservationtool-pi3-info-box-header-line{
    font-weight: bold;
    margin-bottom: 1em;
    background-color: #9BB0D0;
    padding: 5px;
}

.tx-reservationtool-pi3-info-box-line{
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
}
  
* html .tx-reservationtool-pi3-info-box-line{
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi3-info-box-label{
    float: left;
    width: 120px;
    font-size: 10px;
    }

.tx-reservationtool-pi3-info-box-field{
    float: left;
}

.tx-reservationtool-pi3-edit{}

.tx-reservationtool-pi3-edit-box-line input{
    border: 0px;  
    width: 140px;  
}

.tx-reservationtool-pi3-edit-box-line textarea{
    border: 0px;  
    height: 100px;
    width: 140px;  
}


.tx-reservationtool-pi3-edit-box-1{
    float: left;
    width: 260px;
    min-height: 370px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #CAD5E6;
}

.tx-reservationtool-pi3-edit-box-2{
    float: left;
    width: 260px;
    min-height: 370px;
    margin-bottom: 10px;
    background-color: #CAD5E6;
    }


.tx-reservationtool-pi3-edit-box-header-line{
    font-weight: bold;
    margin-bottom: 1em;
    background-color: #9BB0D0;
    padding: 5px;
}

.tx-reservationtool-pi3-edit-box-header-line-icons,
.tx-reservationtool-pi3-info-box-header-line-icons{
    margin-left: 85px;
}

.tx-reservationtool-pi3-edit-box-line{
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 2px;
}

.tx-reservationtool-pi3-edit-box-button-line{
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 20px;
}
  
* html .tx-reservationtool-pi3-edit-box-line,
* html .tx-reservationtool-pi3-edit-box-button-line{
    overflow: visible;
    height: 1%;
}


.tx-reservationtool-pi3-edit-box-label{
    float: left;
    width: 90px;
    font-size: 10px;
    text-align:right;
    padding-right: 1em;
    }

.tx-reservationtool-pi3-edit-box-field{
    float: left;
}

.tx-reservationtool-pi3-result-browser{
    width: 530px;
    text-align: right;
}

.tx-reservationtool-pi4 .statistics_page .headline{
    background-color: DeepSkyBlue;
    color: white;
    padding: 0.3em;
    font-size: 1.3em;
    font-weight: 150%;
    margin: 2px;
    width : 272px;
}

.tx-reservationtool-pi4 .statistics_page .headline_2{
    background-color: DeepSkyBlue;
    padding: 0.3em;
    color: white;
    margin-top: 2em;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    width: 668px;
}

.tx-reservationtool-pi4 .statistics_page .short{
    width : 272px;
}

.tx-reservationtool-pi4 .statistics_page .date_line{
    font-size: 10px;
    margin-top: 1em;
    margin-bottom: 2em;

}

.tx-reservationtool-pi4  .statistics_page .stat_table{
  background-color: transparent;
  width : 680px;
}

.tx-reservationtool-pi4 .statistics_page .stat_table td{
  background-color: white;
  vertical-align:middle;
  text-align:right;
  height : 20px;
  width : 7%;
  font-size: 10px;
  padding-right: 3px;
}

.tx-reservationtool-pi4 .statistics_page .stat_table th {
 background-color: Gainsboro;
 vertical-align:top;
 height : 20px;
 font-size: 9px;
}


.tx-reservationtool-pi4  .statistics_page .stat_table_small{
  width : 284px;
  background-color: transparent;
}

.tx-reservationtool-pi4 .statistics_page .stat_table_small td{
  background-color: white;
  vertical-align:top;
  text-align:right;
  height : 20px;
  width : 25%;
  font-size: 10px;
  padding-right: 3px;
}

.tx-reservationtool-pi4 .statistics_page .stat_table_small th {
 background-color: Gainsboro;
 vertical-align:top;
 height : 20px;
 font-size: 9px;
}

.tx-reservationtool-pi4 .statistics_page .info_table_spalte_1{
    float: left;
    width: 100px;
}

.tx-reservationtool-pi4 .statistics_page .info_table_spalte_2{
    float: left;
    width: 60px;
    text-align:right;
}

.tx-reservationtool-pi4 .statistics_page .info_table{
  height: 1%;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0px solid grey;
  width: 200px;
  padding: 3px;
  font-size: 10px;
  background-color: Gainsboro;
  margin-left: 2px;
  width : 276px;
}

.tx-reservationtool-pi4 .statistics_page .info_table_line{
  clear:left;

}
.tx-reservationtool-pi4 .statistics_page .stat_table .highlight {
    background-color: LightSkyBlue;
}

.tx-reservationtool-pi4 .conf_form .backbutton{
    margin-top: 1em;
}

.tx-reservationtool-pi4 .statistics_page .backbutton{
}

.tx-reservationtool-pi4-table {
    margin-bottom: 2em;
}

.tx-reservationtool-pi4-header{
    background-color: #9BB0D0;
    color: white;
    padding: 3px;
    margin-bottom: 1em;
    width : 519px;
    vertical-align:bottom;
}

.tx-reservationtool-pi4-header-title{
    font-size: 1.3em;
    font-weight: bold;
    vertical-align:bottom;

}

.tx-reservationtool-pi4-header-date{
    vertical-align:bottom;
    padding-bottom:2px;
    margin-left: 2em;
}

.tx-reservationtool-pi4-header-export{
    margin-left: 180px;
}

.tx-reservationtool-pi4-table-title{
    background-color: #CAD5E6;
    color: black;
    padding: 3px;
    width : 519px;
}

.tx-reservationtool-pi4-table-header,
.tx-reservationtool-pi4-table-body-line{
    overflow: hidden;
}

* html .tx-reservationtool-pi4-table-header,
* html .tx-reservationtool-pi4-table-body-line{
    overflow: visible;
    height: 1%;
}

.tx-reservationtool-pi4-table-body-line{
}


.tx-reservationtool-pi4-table-volume .tx-reservationtool-pi4-table-header-cell{
    background-color: Gainsboro;
    float:left;
    margin-right: 1px;
    margin-top: 3px;
    font-weight: bold;
    padding-top:3px;
    padding-bottom:3px;
    font-size: 11px;
    width: 81px;
    text-align: center;
}

.tx-reservationtool-pi4-table-volume .tx-reservationtool-pi4-table-body-cell-field-1{
    float:left;
    width: 28px;
    font-size: 11px;
    text-align: right;
    margin-right: 1px;
}

.tx-reservationtool-pi4-table-volume .tx-reservationtool-pi4-table-body-cell-field-2{
    float:left;
    width: 52px;
    font-size: 11px;
    text-align: right;
    margin-right: 1px;
}


.tx-reservationtool-pi4-table-volume .line_even {

}

.tx-reservationtool-pi4-table-volume .line_odd {
 
}

.tx-reservationtool-pi4-table-volume .row_even {
  width: 82px;
  float: left;
}

.tx-reservationtool-pi4-table-volume .row_odd {
  width: 82px;
  float: left;
}

.tx-reservationtool-pi4-table-volume .row_even .tx-reservationtool-pi4-table-body-cell-field-1,
.tx-reservationtool-pi4-table-volume .row_even .tx-reservationtool-pi4-table-body-cell-field-2{
    background-color:whitesmoke;
}

.tx-reservationtool-pi4-table-volume .row_1{
    float:left;
    width: 73px;
    font-size: 11px;
    text-align: center;
    margin-right: 1px;
}

.tx-reservationtool-pi4-table-volume-monthly .row_1{
    float:left;
    width: 63px;
    font-size: 11px;
    text-align: right;
    margin-right: 1px;
    padding-right: 10px;
}

.tx-reservationtool-pi4-table-statistics .tx-reservationtool-pi4-table-header-cell{
    background-color: Gainsboro;
    float:left;
    margin-right: 1px;
    margin-top: 3px;
    font-weight: bold;
    padding-top:3px;
    padding-bottom:3px;
    font-size: 11px;
    width: 65px;
    text-align: center;
    height:30px;
}

.tx-reservationtool-pi4-table-statistics .tx-reservationtool-pi4-table-body-cell-field-1{
    float:left;
    width: 26px;
    font-size: 11px;
    text-align: right;
    margin-right: 1px;
}

.tx-reservationtool-pi4-table-statistics .tx-reservationtool-pi4-table-body-cell-field-2{
    float:left;
    width: 38px;
    font-size: 11px;
    text-align: right;
    margin-right: 1px;
}


.tx-reservationtool-pi4-table-statistics .line_even {
}

.tx-reservationtool-pi4-table-statistics .line_odd {
}

.tx-reservationtool-pi4-table-statistics .row_even {
  width: 66px;
  float: left;
}

.tx-reservationtool-pi4-table-statistics .row_odd {
  
  width: 66px;
  float: left;
}

.tx-reservationtool-pi4-table-statistics .row_even .tx-reservationtool-pi4-table-body-cell-field-1,
.tx-reservationtool-pi4-table-statistics .row_even .tx-reservationtool-pi4-table-body-cell-field-2{
    background-color:whitesmoke;
}

.tx-reservationtool-pi4-table-statistics .row_1{
    float:left;
    width: 63px;
    font-size: 11px;
    text-align: center;
    margin-right: 1px; 
}


.tx-reservationtool-pi4-table-statistics-monthly .row_1{
    float:left;
    font-size: 11px;
    text-align: right;
    margin-right: 1px;
    width: 58px;
    padding-right: 5px;
}