EDIT 2
I'd say these guys are the culprits
body.template table.listview th, table.gridview th, table.detailstable th, body.template table.listview td, table.gridview td, table.detailstable td
{
}
body.template table.listview td, table.gridview td, table.detailstable td
{
}
They specifiy a style to be applied to all <td>
's below a table with the class names listview, detailstable & gridview. The problem is they'll be inherited by sub tables as well
You could try, creating a second set of those styles but change them from
table.listview td
to
table.listview td table td
and unset any styles that have been applied. that'll override the styles in the nested tables created by the Calendar Extender
EDIT
Ok, It's hard to tell without seeing the entire StyleSheet for the DynamicDataSite Table, but have a look to see if the CSS For that table is specified using
Table
{
//...
}
TD
{
//...
}
Or using specific .classnames or #Ids
If its the former, you'll need to do some CSS Gymnastics to override the styles for nested tables to undo the styles applied to the main table. e.g.
//Top Level Tables
table td
{
color: Red;
}
//Nested Tables
table td table td
{
color: Blue
}
ORIGINAL
Try putting the CalendarExtender
outside of the table that contains it's target control.
By the looks of it, the <td>
's in the picker are inheriting the parent table CSS.