/* Table Styles */
#apartmentTable {
	border-collapse: collapse;
	margin: 0.5em 0px 0.5em 0px;
	font-size: 1.2em;
	border: 1px solid #555;
}

#apartmentTable caption {
	display: none;
}

#apartmentTable thead {
	vertical-align: middle;
	background-color: #98b3c8;
	border: 1px solid #555;
	font-weight: normal;
}

#apartmentTable th, #apartmentTable td {
	padding: 0.1em 1em 0.1em 1em;
	border: 1px solid #555;
}

#apartmentTable th {
min-height: 28px;
vertical-align: middle;
}

#apartmentTable tbody {
	vertical-align: middle;
	text-align:center;
}

#apartmentTable td {
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
}

#apartmentTable td:hover, #apartmentTable th:hover{
	
}

#apartmentTable tbody tr:hover {
background-color: #beccd5;
cursor: pointer;
}

/* Basket */ 
#basket {
	width: 662px;
	border: 1px red #555;
	border-collapse:collapse;
	text-align:center;
}

#basket .nohover:hover {
	background: transparent;
	cursor:default;
}

#basket caption {
	display: none;
}

#basket th, #basket td {
	line-height: 26px;
	text-align: left;
	border: 1px solid #555;
	text-align:center;
}

#basket td {
	font-size: 11px;
}

#basket th {
	background: url('../scp_images/table_tile.jpg') repeat-x top;
}

#bookingTable{
	width: 580px;
	margin: 1.2em 0;
	padding: 1.2em 0;
}

#bookingTable tbody td {
	padding: 1em;
}

#bookingTable tbody td:hover {
	background-color: #beccd5;
	cursor: pointer;
}	

#bookingTable tbody tr:hover {
	background: none;
}

/* Calendars */

#apartmentTable {
	font-size: 0.65em;
}

#apartmentCalendar {
	padding: 1em 0;
}

.calendarTable {
	width: 96%;
	font-size: 10px;
	margin: auto;
	text-align: center;
	border: 1px solid #f4f4f4;
}

.calendarTable thead {
	text-align:center;
	color: #fff;
	font-weight: bold;
	background: transparent;
	border: 1px solid #f4f4f4;
}

.calendarTable thead tr, .calendarTable thead th {
	border: 1px solid #f4f4f4;
	background: #beccd5;
}	

.calendarTable tbody td {
	height: 50px;
	/*width: 50px;*/
	border: 1px solid #f4f4f4;
}

.calendarTable tr:hover {
}

.calendarTable col {
}

.calendarTable .calendar-row{
}

.available {
	background: #88ee88;
}

.unavailable {
	background: #ee8888;
}

.calendarTable .calendar-day-np {
	background: #beccd5;
}

.booked {
	background: #ee8888;
}

.locked {

}

.waiting {
	background: #66ccff;
}

em.available, em.unavailable, em.booked {
	float: left;
	width: 10em;
}

.calendarTable .calendar-day p {
	float: left;
	width: 40px;
	margin-left: 8px;
	top: 0;
}

.calendarTable .day-number{
	float:right;
	margin: -6px 4px 0 0; 
	width:20px;
	height: 20px;
	top: 0;
	background: #beccd5;
	color: #fff;
	text-align:center;
	display: inline;
	position: relative;
	border: 1px solid #f4f4f4;
	vertical-align: middle;
	line-height: 20px;
}



/*
 *
 */
#op_listingtable {
	border: 1px #555 solid;
	border-collapse: collapse;
	text-align: center;
	font-size: 11px;
}

#op_listingtable thead {
	background: #BECCD5;
}

#op_listingtable th, #op_listingtable td {
	border: 1px solid #555;
	height: 35px;
	padding: 0 12px;
}