[visualization-api] Is it possible to use inline CSS to define table styles?

[Georage]

Currently, I am using an external CSS file as suggested in the
documentation.

var cssClassNames = {
'headerRow': 'grm3ChartlyTableHeader',
'tableRow': '',
'oddTableRow': 'grm3ChartlyTableOddRow',
'selectedTableRow': '',
'hoverTableRow': '',
'headerCell': '',
'tableCell': '',
'rowNumberCell': ''
};

But I would prefer to do something like this ... more of an inline css
style. Why? Because I am allowing end users to dynamically change the style
of their tables before publishing to an active site.

var cssClassNames = {
'headerRow': 'background-color: #000000;',
'tableRow': '',
'oddTableRow': 'background-color: #F1F1F1;',
'selectedTableRow': '',
'hoverTableRow': '',
'headerCell': '',
'tableCell': '',
'rowNumberCell': ''
};

Also, I notice I cannot remove the gradient from headerRow ... it seems to
never be a solid color like a want. I have tried background: none but that
makes the background white and I want it to be a solid blue.

THANKS FOR ANY ASSISTANCE.