/* User Availability and Booking CSS Stylesheets */ #bookingAvailabilityContainer, .bookingAvailabilityContainer { color:#fff;} #bookingAvailabilityContainer a, .bookingAvailabilityContainer a { font-weight:normal; font-decoration:none; color:#fff; } #bookingAvailabilityContainer .jBA-tblwrap, .bookingAvailabilityContainer .jBA-tblwrap { position:relative; } #bookingAvailabilityContainer table, .bookingAvailabilityContainer table { width:auto; border:0px; margin:0px !important; } #bookingAvailabilityContainer table.bookingtable, .bookingAvailabilityContainer table.bookingtable { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border-collapse: collapse; vertical-align:middle !important;} #bookingAvailabilityContainer table.bookingtable thead tr, .bookingAvailabilityContainer table.bookingtable thead tr { height:42px; } /* header height */ #bookingAvailabilityContainer table.bookingtable tbody tr, .bookingAvailabilityContainer table.bookingtable tbody tr { background:#ececec; } /* default row bg */ #bookingAvailabilityContainer table.bookingtable thead tr th .borderline, .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, .bookingAvailabilityContainer table.bookingtable tbody { background:#ececec; line-height:16px; border:0px;} /* the default table inner color */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-odd, .bookingAvailabilityContainer table.bookingtable tr td.jBA-odd { background:#e1e1e1 } /* sets the inner table odd row color */ #bookingAvailabilityContainer table.bookingtable tr td a, .bookingAvailabilityContainer table.bookingtable tr td a{ text-decoration:underline; color:#000000 } /* each available slot link */ #bookingAvailabilityContainer table.bookingtable tr td a:hover, .bookingAvailabilityContainer table.bookingtable tr td a:hover{ text-decoration:none } #bookingAvailabilityContainer table.bookingtable tr td, .bookingAvailabilityContainer table.bookingtable tr td { vertical-align:middle !important; text-align:center; font-size:12px; border:none; background:#ececec; border:0px !important; padding:0px; width:85px !important; display:table-cell !important} /* 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 */ #bookingAvailabilityContainer table.bookingtable tr:nth-child(-n+7), .bookingAvailabilityContainer table.bookingtable tr:nth-child(-n+7) { display: table-row !important;} /* had to put this in where random rows were being hidden on a client website 5-nov-2013*/ /* 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, .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, .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, .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, .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, .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, .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, .bookingAvailabilityContainer table.bookingtable tr td.ba-r-next { width:auto !important; } /* a blank cell below the next button */ #bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev, .bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev { vertical-align:top !important; width:auto !important; 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, .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, .bookingAvailabilityContainer table.bookingtable tr th { vertical-align:middle !important; width:85px !important; text-align:center; color:#FFFFFF; background:url(jB-head-grad-bg.gif) #474747 repeat-x; margin:0px !important; padding:0px !important; border:0px !important; line-height:normal !important; font-size:12px; text-transform: capitalize; letter-spacing:normal} /* the header - we have a 1 pixel wide repeating image to show a nice gradient here */ /* 474747 */ #bookingAvailabilityContainer table.bookingtable tr th .jBA-day, .bookingAvailabilityContainer table.bookingtable tr th .jBA-day { font-weight:bold; font-size:13px !important;} /* the day part of the header row */ #bookingAvailabilityContainer table.bookingtable tr th .jBA-date, .bookingAvailabilityContainer table.bookingtable tr th .jBA-date { font-weight:normal; font-size:12px !important; } /* the date part of the header row */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-first, .bookingAvailabilityContainer table.bookingtable tr td.jBA-first { padding-top:10px; } /* first row top-spacer */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-last, .bookingAvailabilityContainer table.bookingtable tr td.jBA-last { padding-bottom:10px; } /* last row bottom-spacer */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-sep, .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, .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, .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, .bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img { padding-top:1px; margin-bottom:10px;} #bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img img, .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, .bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td { display:table-cell !important; 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 !important; font-size:10px !important; text-align:right !important; padding-right:10px; width:auto; } /* stylesheet info for this td may be embedded in JS future */ .jBA-foot td { display:table-cell !important; } /* (Mick 14dec) */ #bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td a, .bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td a{ font-weight:normal; text-shadow: none; font-size: 10px; text-decoration: underline;} .jBA-noaptfound{ position:absolute; background:#FFFFFF; border:1px solid; padding:20px; width: 250px; } .mediumScreenDisabled { display:block !important } #bookingAvailabilityContainer tfoot select, .bookingAvailabilityContainer tfoot select {width: 150px; color: #666; background:#ededed; font-size:11px; border:1px solid #999; border-radius:3px} #bookingAvailabilityContainer tfoot .ys-bkng-ft, .bookingAvailabilityContainer tfoot .ys-bkng-ft { line-height:20px;} #bookingAvailabilityContainer select#ltzi, .bookingAvailabilityContainer select#ltzi { margin:0px !important; padding:0px !important; height:auto !important;} #bookingAvailabilityContainer table tr:hover td, .bookingAvailabilityContainer table tr:hover td, #bookingAvailabilityContainer table:not(.shop_table) tr:hover td a, .bookingAvailabilityContainer table:not(.shop_table) tr:hover td a { color:#000000 !important; } /* client fixes */