/* admin layout styles for flatmgr extension*/

.tx-flatmgr-pi1 .adminFlatList {
				border-collapse: collapse;
				padding: 2px 5px 2px 5px;
				margin:0;
}

.tx-flatmgr-pi1 .adminFlatList input {
				font-family: arial, helvetica, sans-serif;
				padding: 2px;
}

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

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

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

.tx-flatmgr-pi1 .adminBookingListTable input {

}
.tx-flatmgr-pi1 div.adminBookingData {
				margin: 0;
				padding: 0;
}
.tx-flatmgr-pi1 .adminBookingData form .adminBookingListTable {
				width: 600px;
    			margin: 0;
				padding: 0;
				border: 0px;
				border-collapse: collapse;
}
.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: #c0c0c0;
}
.tx-flatmgr-pi1 td.oddRow input {
                background-color: #f0f0f0;
                height: 12pt;
				font-size: 8pt;
}
.tx-flatmgr-pi1 td.evenRow input {
                background-color: #c0c0c0;
                height: 12pt;
				font-size: 8pt;
}

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

.tx-flatmgr-pi1 td.calendarEvenRow {
				background-color: #c0c0c0;
}
.tx-flatmgr-pi1 td.calendarOddRow {
				background-color: #f0f0f0;
}
.tx-flatmgr-pi1 td.calendarEvenRow input{
				background-color: #c0c0c0;
                height: 15pt;
				font-size: 10pt;
				padding: 0px;
				margin: 0px;
				cursor: pointer;
}
.tx-flatmgr-pi1 td.calendarOddRow input{
				background-color: #f0f0f0;
                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: #f0f0f0;
				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 td.oddRow input{
				padding: 0;
}



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

}

.tx-flatmgr-pi1 .displayAdditionalFieldsEvenRow {
				margin: 0;
				padding: 0;
				background-color: #c0c0c0;

}

.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: 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;
}
.tx-flatmgr-pi1 .theAdminYears td.selected {
                font-family: arial;
                font-size: 10pt;
                font-weight: bold;
                color: blue;
}

.tx-flatmgr-pi1 .monthlyBookingYears {
                font-family: arial;
                font-size: 10pt;
                font-weight: normal;
}
.tx-flatmgr-pi1 .monthlyBookingYears .selected {
                font-family: arial;
                font-size: 12pt;
                font-weight: bold;
}

.tx-flatmgr-pi1 .monthlyBooking .monthsLegend td  {
				padding: 0px 10px 0px 0px;
}
.tx-flatmgr-pi1 .monthlyBooking .monthsLegend  {
                font-family: arial;
                font-size: 10pt;
                font-weight: normal;
}
.tx-flatmgr-pi1 .monthlyBooking .monthsLegendSelected {
				padding: 0px 10px 0px 0px;
                font-family: arial;
                font-size: 12pt;
                font-weight: bold;
}


.tx-flatmgr-pi1 .monthlyBooking table {
				margin: 0;
				padding: 0;
}
.tx-flatmgr-pi1 .monthlyBooking td {
				margin: 0;
				padding: 0;
}
.tx-flatmgr-pi1 .monthlyBooking div {
				font-family: arial, helvetica, sans-serf;
				font-weight: normal;
				font-size: 10px;
				text-align: center;
				width: 12px;
				height: 14px;
				border: 1px solid black;
}

.tx-flatmgr-pi1 .monthlyBookingLegend {
				margin: 0;
				padding: 0;
}
.tx-flatmgr-pi1 .monthlyBookingLegend td {
				font-size: 10px;
}
.tx-flatmgr-pi1 .monthlyBookingLegend td.legend {
				font-size: 10px;
				padding: 0px 30px 0px 0px;
}

.tx-flatmgr-pi1 .monthlyBookingLegend .vacantDay div{
				background-color: #FFFFFF;
				width: 10px;
				height: 10px;
				border: 1px solid black;
}

.tx-flatmgr-pi1 .monthlyBookingLegend .vacantWeekend div{
                background-color: #99FFFF;
				width: 10px;
				height: 10px;
				border: 1px solid black;
}

.tx-flatmgr-pi1 .monthlyBookingLegend .bookedDay1 div{
				background-color: #FFD000;
				width: 10px;
				height: 10px;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .monthlyBookingLegend .bookedDay2 div{
				background-color: #669933;
				width: 10px;
				height: 10px;
				border: 1px solid black;
}





.tx-flatmgr-pi1 .monthlyBooking .legend {
				font-family: arial, helvetica, sans-serf;
				font-weight: normal;
				font-size: 10px;
				text-align: center;
}
.tx-flatmgr-pi1 .monthlyBooking .vacantDay {
				background-color: #FFFFFF;
				width: 12px;
				height: 14px;
}
.tx-flatmgr-pi1 .monthlyBooking .bookedDay1 {
				background-color: #669933;
				width: 12px;
				height: 12px;
}
.tx-flatmgr-pi1 .monthlyBooking .bookedDay2 {
				background-color: #FFD000;
				width: 12px;
				height: 12px;
}

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