SelectedCssClass is not working

[he]

I tried to use custom css class for RadTab, I defined two classes for normal/selected tab
.SelectedTab
{
    font-weight: bold !important;
    background-image: url('../../Images/Navi_Buttons/01_Selected.png');
    background-repeat: no-repeat;
    width: 164px;
    height: 22px;
    text-align: center;
    color: White;
}
.CustomTab
{
    font-weight: bold !important;
    background-image: url('../../Images/Navi_Buttons/02_NotSelected.png');
    background-repeat: no-repeat;
    width: 164px;
    height: 22px;
    text-align: center;
    color: White;
}

and in my aspx, I set the property for tab control
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
                    SelectedIndex="0" Skin="" EnableEmbeddedSkins="false">
                    <Tabs>
                        <telerik:RadTab Text="AAA" SelectedCssClass="SelectedTab" CssClass="CustomTab" >
                        </telerik:RadTab>
                        <telerik:RadTab Text="BBB" SelectedCssClass="SelectedTab" CssClass="CustomTab">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>

All tabs are displayed as CustomTab, and I see in the html, the selected tab has both of SelectedTab and CustomTab

<li class="rtsLI rtsFirst"><a class="rtsLink CustomTab rtsSelected SelectedTab" href="#">

Please help to check it. Thanks

[Princy]

Hello,

Use the !important modifier to override the default settings.
Example below:
CSS:

.SelectedTab
{
    font-weight: bold !important;
    background-image: url('../../Images/Navi_Buttons/01_Selected.png') !important;
    background-repeat: no-repeat !important;
}

Thanks,
Princy.

[he]

Hi Princy

It's working now!!! Thanks a lot !!!!!

Regards
Helin