How can I update the subGrids skin?

I have update the skin and applied to the main grid and wants to apply the same to the subgrid. But it doesn’t gets applied. What could be the issue? Or I have to follow a different way to update the subGrid?

I’ve override the main grid like this;

div.gridbox_parts table.hdr td {
                border: 1px solid;
                border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD;
                background-color: transparent;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 9pt;
                xcolor: #055A78;
                vertical-align: top;
                text-align: left;
            }

Like wise how can I set the skin for the subGrid? Because when I try to apply the same skin for the subGrid, is doesn’t get updated.

Any clue is appreciated.

You can try to use

grid.onSubGridCreated(function(sub){ sub.setSkin("parts"); return true; });

Because of css mixing, it may be quite hard to have different skins for main and sub-grids