How to edit the css of a ajax control Calender Extender

The calender extender is not displaying all the dates correctly. It is cutting off the dates to the right of thurs day(fri & sat) and cuts off the bottom from fourth week (fourth row) . I think it has to do with my table css format. I created a no_pad class so it no longer cuts off the dates to the right of thurs day and below the fourth week. now i have a new problem with the outer container of the table with the scrollable month, year...and Today:March 19, 2009. It is transparent and has no borders...creating a new class no_pad must have erased some of the property/values

/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
 
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: solid 1px #333; border-bottom: solid 1px #333; 
          border-left: solid 1px #333; border-right: solid 1px #333; text-align:center; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }
  td {border-top: solid 1px #333; border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #333;}
  th,td { padding: 0.4em;}  
  tr.alternatingtr  {background-color: #EEEEEE;}
  .no_border td {border-left: 0px #fff none; border-right: 0px #fff none;}
  .no_pad td{padding: 0px; border:solid 1px #333; background-color:White;}
  thead th { color: #000; border-bottom: solid 1px #800 solid; }
  tbody th { background: #666666; color:White }/*color: #333;*/
  /*tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }*/
 
  tbody th { border-bottom: solid 1px solid #fff; text-align: center; }
  tbody td { border-bottom: solid 0px #333; } /*border-left: 0px #fff none; border-right: 0px #fff none; }*/
 
  /*tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }*/

Select allOpen in new window