title: JQuery UI Datepicker CSS to format table data (td)
body: <p><br/></p>
  
  <p>I use the JQuery datepicker to select a date for a reservation form. There are some dates that aren't selectable, so I disabled them. This works prety fine. Now I tried to mark the arrival and departures dates before and after the reservation.<br/></p>
  
  <p>This works fine, if the reservation doesn't begin at the start of the month. But there are some cases, that doesn't work. <br/></p>
  
  <p>Visit <a href="http://bnob.ch/de/index.php" rel="nofollow">http://bnob.ch/de/index.php</a> for the example. Look at the reservations in august. The arrival and departure date of the first reservation doesn't work, the second works correctly.</p>
  
  <p>CSS code:<br/></p>
  
  <pre><code>#ui-datepicker-calendar {
  border-collapse: separate;
  }
  td.disabled {
  padding: 1px;
  background-color: red;
  }
  td.departure {
  padding: 1px 0 0 1px;
  background-color: red;
  }
  td.arrival {
  padding: 0 1px 1px 0;
  background-color: red;
  }
  </code></pre>
  
  <p>What is the different between this two entries? I didn't find any with firebug. It looks exactly the same.<br/>
  Is an inheritance in the table active, that I didn't see yet?</p>
  
  <p>Thank you for any informations</p>
  
  <p>Best regards Denis</p>