css asp.net как не применять стиль?

Столкнулся с такой проблемой. Есть таблица asp:table, к ней применяется стиль myTableStyle. В таблице я использую CalendarExtender. Проблема в том, что CalendarExtender использует table и, все стили применяются к нему. Как сделать, чтобы CalendarExtender не использовал стиль myTableStyle? Задавал явно CalendarExtender'y cssclass - результата 0. спасибо.

собственно код css

.myTableStyle {
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  text-shadow: 1px 1px 0px #fff;
  background:#eaebec;
  margin:20px;
  border:#ccc 1px solid;
  border-collapse:separate;
 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
 
  -moz-box-shadow: 0 1px 2px #d1d1d1;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1;
}
 
.myTableStyle th {
  font-weight:bold;
  padding:21px 25px 22px 25px;
  border-top:1px solid #fafafa;
  border-bottom:1px solid #e0e0e0;
 
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.myTableStyle th:first-child{
  text-align: left;
  padding-left:20px;
}
.myTableStyle tr:first-child th:first-child{
  -moz-border-radius-topleft:3px;
  -webkit-border-top-left-radius:3px;
  border-top-left-radius:3px;
}
.myTableStyle tr:first-child th:last-child{
  -moz-border-radius-topright:3px;
  -webkit-border-top-right-radius:3px;
  border-top-right-radius:3px;
}
.myTableStyle tr{
  text-align: center;
  padding-left:20px;
}
.myTableStyle tr td:first-child{
  text-align: left;
  padding-left:20px;
  border-left: 0;
}
.myTableStyle tr td {
  padding:18px;
  border-top: 1px solid #ffffff;
  border-bottom:1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
 
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.myTableStyle tr:nth-child(even) td{
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.myTableStyle tr:last-child td{
  border-bottom:0;
}
.myTableStyle tr:last-child td:first-child{
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-left-radius:3px;
}
.myTableStyle tr:last-child td:last-child{
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px;
}
.myTableStyle tr:hover td{
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
  background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);  
}
 
.myTableStyle a:link {
  color: #666;
  font-weight: bold;
  text-decoration:none;
}
.myTableStyle a:visited {
  color: #999999;
  font-weight:bold;
  text-decoration:none;
}
.myTableStyle a:active,
.myTableStyle a:hover {
  color: #bd5a35;
  text-decoration:underline;
}
.myTableStyle a:not(.nostyle) {
    background: red;
}

и код страницы asp.net

<asp:Table runat="server" CssClass="myTableStyle">
                                            <asp:TableRow runat="server">
                                                <asp:TableCell runat="server">
                                                    <asp:TextBox ID="dateEndTB" runat="server" Width="100px" CssClass="mytextbox" Height="25"></asp:TextBox>
                                                    <asp:ImageButton ID="selectEndtDate" runat="server" ImageUrl="~/Images/calendar-icon.jpg" Height="25" Width="25" />
                                                    <cc1:CalendarExtender ID="selectEndDateCalendar" runat="server" PopupButtonID="selectEndtDate" TargetControlID="dateEndTB" Format="dd.MM.yyyy" CssClass="nostyle" />
                                                </asp:TableCell>
                                            </asp:TableRow>
                                        </asp:Table>

1 ответов