#BookingWrapper { position: relative; }
  .BookingDayNav { position:absolute;right:0;top:.42em;z-index:3;font-weight:bold;}
    .BookingDayNav a, .BookingDayNav a:link, .BookingDayNav a:visited { font-size:.92em; display:inline-block; background:#eee; float:left; padding:.33em 1em; border:1px solid #ccc; color:#777; text-shadow:0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff;}
    .BookingDayNav a:first-child {  border-radius:3px 0 0 3px;}
    .BookingDayNav a:last-child {  border-left:0; border-radius:0 3px 3px 0;}
    .BookingDayNav a:hover { color:#000;}
    .BookingDayNav a:active { box-shadow:inset 0 0 5px #ccc; background:#ddd;}

  .BookingCategory { position:absolute;right:7em;top:.25em;z-index:2;}
.BookingCategory, .BookingCategory li { margin:0;padding:0;list-style:none;}
.BookingCategory li { display:inline; margin-left:1em;}
  .BookingCategory select { padding:.25em; border-radius:3px; border:1px solid #ddd;}
 
  .BookingDayView {position:relative;z-index:1;top:0;}
    .BookingDayView h2 { margin-bottom:.5em;}

  .bookingCalendar {width:100%; background:#eee; border-collapse:separate; border-spacing:0;border-bottom:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #ccc;}
    .bookingCalendar th {padding:.5em; font-weight:normal; letter-spacing:-.03em;}
    .bookingCalendar td {padding:.17em; text-shadow:1px 1px 0 #fff;}
  
  .bookingCalendar thead {  color:#fff; }
    .bookingCalendar thead th { border-bottom:1px solid #465656; background:#565656 url(/media/img/sprites/gradients.png) center 0; font-size:1.17em;  text-shadow:1px 1px 0 #11484d; font-weight:bold;}
    .bookingCalendar thead tr:first-child th:first-child {border-radius:5px 0 0 0;}
    .bookingCalendar thead tr:first-child th:last-child {border-radius:0 5px 0 0;}
    
    .bookingCalendar tbody th { font-weight:bold; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  text-shadow:1px 1px 0 #fff;}
      .bookingCalendar tbody th a, .bookingCalendar tbody tr td a { color:#333; letter-spacing: -.03em; font-weight: bold; }
      .bookingCalendar tbody th a:hover {color:#90a130;}
    .bookingCalendar tbody td { width:25px; border-left:1px solid #fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:1px solid #fff; background-image:url(/media/img/index/bg_inactiveCalendarDays.png);}

    .bookingCalendar tbody tr:last-child th, .bookingCalendar tbody tr:last-child td { border-bottom:0;}
    .bookingCalendar tbody tr:last-child th:first-child, .bookingCalendar tbody tr:last-child td:first-child {border-radius:0 0 0 5px;}
    .bookingCalendar tbody tr:last-child th:last-child, .bookingCalendar tbody tr:last-child td:last-child {border-radius:0 0 5px 0;}

.openBookingBtn a, .openBookingBtn a:link, .openBookingBtn a:visited { }

td.today { background: #EFEF40; }
.bookingCalendar tbody td.activeCell { background: #ccc; border-color:#bbb; border-top-color:#eee; border-left-color:#eee;}
.bookingCalendar tbody td.selectablecell { background:#eee;}
tr.selectedCells { background: #55EFEF !important; } /* rad i tabellvarianten */

.bookingCalendar tbody tr.selectable td.ui-selecting { background: #c98d5c; border-color:#a7754d; border-top-color:#eca66c; border-left-color:#eca66c;  }
.bookingCalendar tbody tr.selectable td.ui-selected { background: #d57140; border-color:#a2552f; border-top-color:#f7834a; border-left-color:#f7834a; }

/* day view*/
  .propertypane .calDay thead th { width:25px;text-align:center;}

/* week view*/
  .propertypane .calWeek thead th { width:12.5%;}
  .calWeek thead th { text-align:center;}
  .calWeek tbody td { width:12.5%; padding:.25em; background:none; vertical-align:top;}

/* month view*/
  .calMonth thead th {width:14.28% !important; text-align:center;}
  .calMonth tbody td { height:80px; background:none; vertical-align:top;}
  .calMonth .calMonthDay { display:block; color:#999; text-shadow:1px 1px 0 #fff;}
  .calMonth  tbody td.activeCell { background:none; border-left:1px solid #fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:1px solid #fff;}

/*backend*/
 .propertypane .bookingListView thead th { width:auto;text-align:center;}
 /*.propertypane .bookingCalendar thead th:first-child { text-align:left;}
 */

  .propertypane .bookingCalendar tbody td.selectedCells { background-color: #4EA9AF;  border:1px solid #5ac2c9; border-right-color:#3b8186; border-bottom-color:#3b8186; text-shadow:none; color:#fff; }
    .propertypane .bookingCalendar tbody td.selectedCells a, .propertypane .bookingCalendar tbody td.selectedCells a:link, .propertypane .bookingCalendar tbody td.selectedCells a:visited { color:#fff;}
  .propertypane .bookingCalendar tbody td.deleteButton { width: 15px; vertical-align: middle; text-align: center; }


/* popUp iframe bookingInfo*/

#addBooking fieldset { border:1px solid #ddd; border-radius:5px; padding:20px 20px 5px; margin-bottom:1em;}
#addBooking legend { font-size:1.5em; padding:0 .5em;}
  #addBooking .col { margin:0 50px;}

#addBooking ul, #addBooking li { margin:0;padding:0;list-style:none;}
#addBooking ul { margin-bottom:.5em;}
  #addBooking li { display:block; padding:.17em;}
    #addBooking ul label { display:inline-block; width:130px; padding:.5em;}
    #addBooking ul input, #addBooking ul select { width:180px; padding:.5em; border:1px solid #ddd; border-radius:3px;}
    #addBooking ul select { width:194px;}
    #addBooking ul #extraEq { border:0;}

#addBooking .formBtns,
  #addBooking .formBtns input { margin:0; font-size:1.17em;}

  #addBooking #btnSendBooking {font-size:1.09em;}

/*backOffice ListView*/
.bookingListView { border-color:transparent;border-collapse:separate !important;border-spacing:0 !important; font-size:.92em; }
.bookingListView thead th.edit,
.bookingListView thead th.delete {width:20px; text-align:center;}
.bookingListView thead th.date { width:100px;}
.bookingListView thead th.extraEq { width:20px;}
.bookingListView thead th.status,
.bookingListView thead th.wishes {width:40px;}
.propertypane .bookingListView thead th, .propertypane .bookingListView tbody td { text-align:left;}
.propertypane .bookingListView tbody td { width:auto; background:none; padding:.5em;}
.propertypane .bookingCalendar tbody tr.selectedCells td { padding:.5em .62em; background-color: #98c9cc; border:0px solid #98c9cc; border-bottom:1px solid #b3ecf0; border-top:1px solid #6ba3a6; }

.statusGreen, .statusYellow, .statusRed  { height:16px;}
.bookingListView tbody td.statusGreen { background:url(/umbraco/plugins/bookings/status-green.png) center center no-repeat;}
.bookingListView tbody td.statusYellow { background:url(/umbraco/plugins/bookings/status-yellow.png) center center no-repeat;}
.bookingListView tbody td.statusRed { background:url(/umbraco/plugins/bookings/status-red.png) center center no-repeat;}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.propertypane .bookingListView tbody .bookedByAdminRow td {background-color: #b1daaa; border-color:#c1eeba #a3ca9d #a3ca9d #c1eeba;}
.alternatingBookingRow td {background-color: #eee;}


/* Booking Object*/
#bookingObject { width:700px;padding:10px 0;}
#bookingObject p { font-size:1em;}
.bookingFrame { background:#fff; border:1px solid #ddd; padding:20px; border-radius:3px;}
#bookingObject ul, #bookingObject li { margin:0;padding:0;list-style:none;}
#bookingObject li { margin:.5em 0;}
#bookingObject h2 { }
  #bookingObject .col {}




/* gömmer nu-knapp i kalendern */

.ui-datepicker-current {display:none;}

























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */