/***********************************************
 admin layout 
************************************************/


.tx-flatmgr-pi1 .adminFlatList {
				padding: 2px 5px 10px 5px;
				margin:0 0 8px 0;
border-bottom: 1px solid #666;
}

.tx-flatmgr-pi1 .adminFlatList input {
font-family: arial, helvetica, sans-serif;
padding: 2px;
border: 1px solid #666;
margin: 5px 3px 5px 0;
}

.tx-flatmgr-pi1 .adminFlatListInput {
padding: 2px 5px 2px 5px;
margin:0;
}

.tx-flatmgr-pi1 .adminFlatListInput input {
font-family: arial, helvetica, sans-serif;
padding: 2px;
border: 1px solid #666;
margin: 5px 3px 5px 0;
height: 15px;
}

.tx-flatmgr-pi1 .adminFlatListInput input.flatmgrAdminBookingInput {
font-family: arial, helvetica, sans-serif;
padding: 2px;
border: 1px solid #666;
margin: 6px 3px 5px 0;
height: 22px;
line-height: 22px;
background: #fff;
}

.tx-flatmgr-pi1 .adminFlatList img {
cursor: pointer;
}

.tx-flatmgr-pi1 .adminFlatList td.evenRow img,
.tx-flatmgr-pi1 .adminFlatList td.oddRow img  {
border: none;
height: 20px;
margin-right: 5px;
}


.tx-flatmgr-pi1 .bookingDataHeader {
font-weight: bold;
padding: 3px 0px 10px 0px;
}


#update2 .bookingDataHeader,
#newRecord .newBookingHeader {
font-weight: bold;
padding: 3px 0px 5px 0px;
border-bottom: 1px solid #4d4d4d;
margin-bottom: 10px;
}

.tx-flatmgr-pi1 .adminBookingListTable td.oddRow, .tx-flatmgr-pi1 .adminBookingListTable td.evenRow {
				margin: 0;
}

.tx-flatmgr-pi1 .adminBookingListTable input {
border: 1px solid #4d4d4d;
padding-left: 2px;
padding-top: 2px;
}

.tx-flatmgr-pi1 .adminBookingListTable .calendarOddRow input,
.tx-flatmgr-pi1 .adminBookingListTable .calendarEvenRow input {
margin-right: 5px;
}

.tx-flatmgr-pi1 .newBookingData .evenRow input,
.tx-flatmgr-pi1 .newBookingData .oddRow input {
border: 1px solid #4d4d4d;
padding-left: 2px;
padding-top: 2px;
margin-right: 6px;
margin-left:2px;
width: 75px;
}



.tx-flatmgr-pi1 .newBookingData .calendarEvenRow input,
.tx-flatmgr-pi1 .newBookingData .calendarOddRow input {
width: 20px;
border: 1px solid #4d4d4d;
padding-left: 2px;
padding-top: 2px;
margin-right: 8px;
}


#bookedBy {
width: 125px;
margin-right: 10px;
}

#bookedfrom {
margin-right: 5px;
}

#savebutton {
width: 90px;
}





.tx-flatmgr-pi1 div.adminBookingData {
				margin: 0;
				padding: 0;
}

.tx-flatmgr-pi1 .adminBookingData form .adminBookingListTable {
				width: 600px;
    			margin: 0;
				padding: 0;
				border: 0px;

}

.tx-flatmgr-pi1 form {
				margin: 0;
				padding: 0;
}

.tx-flatmgr-pi1 .adminBookingListTable input {
		font-family: arial, helvetica, sans-serif;
		font-size: 8pt;
}

.tx-flatmgr-pi1 td.evenRow {
		background-color: none;
}





.tx-flatmgr-pi1 td.oddRow input {
                background-color: #ffffff;
                height: 12pt;
		font-size: 8pt;
}

.tx-flatmgr-pi1 td.evenRow input {
                background-color: #ffffff;
                height: 12pt;
		font-size: 8pt;
}


.tx-flatmgr-pi1 td.oddRow {
background-color: none;
}


.tx-flatmgr-pi1 td.calendarEvenRow {
				background-color: none;
}
.tx-flatmgr-pi1 td.calendarOddRow {
				background-color: none;
}


.tx-flatmgr-pi1 td.calendarEvenRow input{
		background-color: #ffffff;
                height: 15pt;
		font-size: 10pt;
		padding: 0px;
		margin: 0px;
		cursor: pointer;
}

.tx-flatmgr-pi1 td.calendarOddRow input{
		background-color: #ffffff;
                height: 15pt;
		font-size: 10pt;
		padding: 0px;
		margin: 0px;
		cursor: pointer;
}




.tx-flatmgr-pi1 .adminBookingInput, .tx-flatmgr-pi1 {
				font-family: arial, helvetica, sans-serif;
				font-size: 10pt;
}


.tx-flatmgr-pi1 .adminBookingData form {
				padding: 0;
				margin:0;
}

.tx-flatmgr-pi1 .adminBookingData table {
				margin: 0;
				padding: 0;
				border-collapse: collapse;
}

.tx-flatmgr-pi1 .adminBookingListTable img {
				cursor: pointer;

}
.tx-flatmgr-pi1 .additionalFields img {
				cursor: pointer;

}
.tx-flatmgr-pi1 .displayAdditionalFieldsOddRow {
				margin: 0;
				padding: 0;
                background-color: #none;
				height: 0px;
}

.tx-flatmgr-pi1 .additionalFields table {
				width: 540px;
				border-collapse: collapse;
				padding: 0;

}

.tx-flatmgr-pi1 .additionalFields td.evenRow input{
				padding: 0;

}

.tx-flatmgr-pi1 .additionalFields select {
width: 50px;
border: 1px solid #4d4d4d;
} 

.personenzahl {
margin-top: 10px;
margin-bottom: 10px;
} 

#TypoContent .personenzahl td.grownups,
#additionalFieldsTable td.grownups {
padding-right: 10px;
padding-bottom: 10px;
font-size: 12px;
} 


.tx-flatmgr-pi1 .additionalFields td.oddRow input{
				padding: 0;
}


.tx-flatmgr-pi1 .displayAdditionalFields {
				margin: 0;
				padding: 0;

}

#TypoContent .tx-flatmgr-pi1 td.displayAdditionalFieldsEvenRow {
padding-top: 10px;
}

.tx-flatmgr-pi1 .displayAdditionalFieldsTable {
				display: table-cell;
}
.tx-flatmgr-pi1 .newBookingData, .tx-flatmgr-pi1 .newBookingData td.oddRow, .tx-flatmgr-pi1 .newBookingData td.evenRow {
				border-collapse: collapse;
				margin: 0;
}
.tx-flatmgr-pi1 .displayAdditionalFieldsOddRow, .tx-flatmgr-pi1 .displayAdditionalFieldsEvenRow {
				margin: 0;
				padding: 0;
}

.tx-flatmgr-pi1 .newBookingHeader {
				font-weight: bold;
				padding: 3px 0px 10px 0px;
}

.tx-flatmgr-pi1 .adminBookingInput form {
				margin: 0;
				padding: 0;
}
.tx-flatmgr-pi1 .newBookingData {
				width: 600px;
}

.tx-flatmgr-pi1 .newBookingData .additionalFields {
				display: table-cell;
				border-collapse: collapse;
				margin: 0;
				padding: 10px 0 0 0;
}
.tx-flatmgr-pi1 .adminBookingInput {
				margin: 10px 0px 10px 0px;

}

.tx-flatmgr-pi1 .customerNumberReadOnly {
				padding: 10px 0px 10px 0px;
}
.tx-flatmgr-pi1 .theAdminYears td {
                font-family: arial;
                font-size: 10pt;
                color: black;
width: 40px;
}
.tx-flatmgr-pi1 .theAdminYears td.selected {
                font-family: arial;
                font-size: 10pt;
                font-weight: bold;
                color: #000000;
text-decoration: underline;
}



.adminBookingFooter {
padding-top: 20px;
text-align: center;
}

.adminBookingFooter a:hover {
text-decoration: underline;
}

#content_all_wrapper .tx-flatmgr-pi1 td {
border-bottom: none;
}

div .monthlyBooking {
width: 770px;
}

.tx-flatmgr-pi1 .monthlyBookingLegend td.legend {
font-size: 12px;
padding: 0px 20px 0px 0px;
}

.tx-flatmgr-pi1 .monthlyBookingLegend .vacantWeekend div,
.tx-flatmgr-pi1 .monthlyBookingLegend .vacantDay div {
background-color: #ffffff;
width: 15px;
height: 15px;
border: 1px solid black;
}

.tx-flatmgr-pi1 .monthlyBookingLegend .bookedDay1 div {
background-color: #bf0000;
width: 15px;
height: 15px;
border: 1px solid black;
}

.tx-flatmgr-pi1 .monthlyBookingLegend .bookedDay2 div {
display: none;
}

.tx-flatmgr-pi1 .monthlyBooking .vacantDay div {
background-color: #FFFFFF;
font-size: 12px;
}

.tx-flatmgr-pi1 .monthlyBooking .bookedDay1 div,
.tx-flatmgr-pi1 .monthlyBooking .bookedDay2 div {
background-color: #bf0000;
font-size: 12px;
color: #fff;
}

.tx-flatmgr-pi1 .monthlyBooking .startDay1 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingStart1.png");
}
.tx-flatmgr-pi1 .monthlyBooking .startDay2 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingStart2.png");
}
.tx-flatmgr-pi1 .monthlyBooking .endDay1 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingEnd1.png");
}
.tx-flatmgr-pi1 .monthlyBooking .endDay2 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingEnd2.png");
}
.tx-flatmgr-pi1 .monthlyBooking .bookerChangedDay12 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookerChangedDay21.png");
}
.tx-flatmgr-pi1 .monthlyBooking .bookerChangedDay21 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookerChangedDay12.png");
}
.tx-flatmgr-pi1 .monthlyBooking .startWeekend1 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendStart1.png");
}
.tx-flatmgr-pi1 .monthlyBooking .startWeekend2 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendStart2.png");
}
.tx-flatmgr-pi1 .monthlyBooking .endWeekend1 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendEnd1.png");
}
.tx-flatmgr-pi1 .monthlyBooking .endWeekend2 div {
background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendEnd2.png");
}

.tx-flatmgr-pi1 .monthlyBooking .vacantWeekend div {
background-color: #ffffff;
color: #bf0000;
font-weight: bold;
font-size: 12px;
border: 1px solid #bf0000;
}

.monthlyBookingFlat {
font-size: 12px;
padding-right: 15px;
padding-left: 12px;
}

.tx-flatmgr-pi1 .monthlyBooking div {
font-family: arial, helvetica, sans-serf;
text-align: center;
width: 16px;
height: 16px;
border: 1px solid black;
}


.tx-flatmgr-pi1 .monthlyBooking .dayNames {
font-size: 12px;
text-align: center;
}

#content_all .tx-flatmgr-pi1 .monthlyBooking .monthsLegend {
font-size: 12px;
margin: 10px 0;
border-bottom: 1px solid #e2e2aa;
border-top: 1px solid #e2e2aa;
background: #f9f9ea;
width: 100%;
}

#content_all .tx-flatmgr-pi1 .monthlyBooking .monthsLegend a {
font-size: 12px;
margin: 0 10px 0 10px;
}

#content_all .tx-flatmgr-pi1 .monthlyBooking tr {
height: 22px;
}

#content_all .tx-flatmgr-pi1 .monthsLegendSelected {
font-size: 12px;
font-weight: bold;
padding: 0 10px 0 10px;
text-decoration: underline;
}


table.monthlyBookingYears {
margin: 0 auto;
text-align: center;
font-size: 14px;
}

.monthlyBookingYears td {
padding: 0 8px;
}

.monthlyBookingYears .selected {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: #008C00;
}

#Link a {
font-size: 11px;
font-weight: normal;
}

#Link a:hover {
font-size: 11px;
font-weight: normal;
}

#Link {
text-align: center;
}

.monthsLegendSelected {
color: #008C00;
}