/* Diary Availability and Booking CSS Stylesheets */

#bookingAvailabilityContainer  { color:#fff;}
#bookingAvailabilityContainer a { font-weight:normal; font-decoration:none; color:#fff; }
#bookingAvailabilityContainer .jBA-tblwrap { position:relative; }
#bookingAvailabilityContainer table.bookingtable { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border-collapse: collapse;}
#bookingAvailabilityContainer table.bookingtable thead tr { height:42px; } /* header height */
#bookingAvailabilityContainer table.bookingtable tbody tr { background:#ececec; } /* default row bg */

#bookingAvailabilityContainer table.bookingtable thead tr th .borderline { background: url(jB-head-border-img.gif); width:2px; height:42px; line-height:42px; position:absolute; top:0px; left:auto; _background: none; }  /* a tiny line seperating the days at the top  - notice the *background - removes that line in ie6 - where it screws up  */

#bookingAvailabilityContainer table.bookingtable tbody { background:#ececec; } /* the default table inner color */
#bookingAvailabilityContainer table.bookingtable tr td.jBA-odd { background:#e1e1e1 } /* sets the inner table odd row color */

#bookingAvailabilityContainer table.bookingtable tr td a{ text-decoration:underline; color:#000000 } /* each available slot link */
#bookingAvailabilityContainer table.bookingtable tr td a:hover{ text-decoration:none }
#bookingAvailabilityContainer table.bookingtable tr td { text-align:center; font-size:12px; border:none; background:#ececec} /* each available slot - if your width is not perfect try adding extra rows into the javascript controller function call eg daysToDisplay: 7 will display the next 7 days */

/* the top-left cell where previous button sits if it's displayed, we have our left rounded corner here (newer browsers) */
#bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev { 
	width:108px !important; 
	text-align:right !important; 
	-moz-border-radius-topleft:13px; 
	-webkit-border-top-left-radius:13px; 
	border-top-left-radius:13px;
	padding-right:10px;
	font-size:24px;
	color:#999999;
	font-weight:normal;
}

#bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev-sm { 
	width:34px !important; 
	text-align:center; 
	-moz-border-radius-topleft:13px; 
	-webkit-border-top-left-radius:13px; 
	border-top-left-radius:13px;
	font-size:24px; 
	color:#999999;
	font-weight:normal;
}

/* the top-right cell where next button sits, we have our right rounded corner here (newer browsers) */
#bookingAvailabilityContainer table.bookingtable tr th.ba-t-next { 
	width:34px !important;
	-moz-border-radius-topright:13px; 
	-webkit-border-top-right-radius:13px;
	border-top-right-radius:13px;
}

#bookingAvailabilityContainer table.bookingtable tr th.ba-t-next a { font-size:24px; color:#FFFFFF; font-weight:normal }   /* the link for the "next" button */
#bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev a{ color:#FFFFFF; font-weight:normal}     /* the link for the "previous" button */
#bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev-sm a{ font-size:24px; color:#FFFFFF; font-weight:normal}     /* the link for the "previous" button */
#bookingAvailabilityContainer table.bookingtable tr td.ba-r-next { width:auto; }                                                         /* a blank cell below the next button */
#bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev { width:auto; text-align:left; padding-left:10px; vertical-align:top;} /* the table cell where the user name/image appears */
#bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev-sm { width:auto; text-align:left; padding-left:10px; vertical-align:top;} /* the table cell where the user name/image appears */
#bookingAvailabilityContainer table.bookingtable tr th { width:85px !important; text-align:center; color:#FFFFFF; background:url(jB-head-grad-bg.gif) #5e5e5e repeat-x;} /* the header - we have a 1 pixel wide repeating image to show a nice gradient here */
#bookingAvailabilityContainer table.bookingtable tr th .jBA-day { font-weight:bold; font-size:13px;} /* the day part of the header row */
#bookingAvailabilityContainer table.bookingtable tr th .jBA-date { font-weight:normal; font-size:12px; } /* the date part of the header row */	
#bookingAvailabilityContainer table.bookingtable tr td.jBA-first { padding-top:10px; } /* first row top-spacer */
#bookingAvailabilityContainer table.bookingtable tr td.jBA-last { padding-bottom:10px; } /* last row bottom-spacer */	
#bookingAvailabilityContainer table.bookingtable tr td.jBA-sep { padding-top:10px; padding-bottom:10px;} /* mid user seperator spacing */
#bookingAvailabilityContainer table.bookingtable tr td.jBA-sep .jBA-seperator { height:1px; line-height:1px; background:#cdcdcd;} /* mid user seperator line */	
#bookingAvailabilityContainer table.bookingtable tr td .jBA-user-title { font-size:12px; width:99px;} /* the user name div */
#bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img { padding-top:1px; margin-bottom:10px;}
#bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img img { border:1px solid #777777; } /* a small border around the user images */	

/* sets the footer background color, also sets a rounded corner on newer browsers */
#bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td {
	background:#c2c2c2; 
	-moz-border-radius-bottomright:13px;
	-webkit-border-bottom-right-radius:13px; 
	-moz-border-radius-bottomleft:13px;
	-webkit-border-bottom-left-radius:13px;
	border-bottom-left-radius:13px;
	border-bottom-right-radius:13px;
	height:23px;
	font-size:10px !important;
	text-align:right !important;
	padding-right:10px;
	width:auto;
}
#bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td a{ font-weight:normal }		

.jBA-noaptfound{ 
 	position:absolute; 
	background:#FFFFFF; 
	border:1px solid; 
	padding:20px;
	width: 250px;
}