Asp.NET AjaxToolkit Calender Extender css issue

Question

Hello

I have a problem with the Asp.NET AjaxToolkit Calender Extender. The problem is that the Calender extender is picking up (inheriting) the style of table in the main css file that I have created for my web pages, which causes the Calender Extender to not being displayed properly.

Is there a way to prevent the Calender Extender from picking up the table style from the main css file, and may I remind you I just can't remove the tables style from the main css file because I need it, I just need a way to prevent the Calender Extender from picking up the style completely from the main css file.

/* start - table */
table {
    border-collapse: collapse;
    margin: 10px; 
}
th strong {
    color: #fff;
}
th {
    background: #93BC0C;
    height: 29px;
    padding-left: 12px;
    padding-right: 12px;
    color: #FFF;
    text-align: left;
    border-left: 1px solid #B6D59A;
    border-bottom: solid 2px #FFF;
}
tr {
    height: 30px;
}
td {
    padding-left: 11px;
    padding-right: 11px;
    border-left: 1px solid #FFF;
    border-bottom: solid 1px #ffffff;
    text-align: left;
}
td.first,th.first {
    border-left: 0px;
}
tr.row-a {
    background: #F8F8F8;
}
tr.row-b {
    background: #EFEFEF;
}
/* end - table */