RadTabStrip Background Image Problem

[jon]

First let me say, our company and developers complettly love your products. It speeds up a lot of our development time. I have a problem with implementing a background image into the radtabstrip controller for a DotNetNuke site. Here is my HTML:

<div class="menusplittop">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin=""
        MultiPageID="RadMultiPage1" SelectedIndex="0" EnableEmbeddedSkins="false">
                <Tabs>
                    <telerik:RadTab runat="server" Width="108px" Height="46px" CssClass="activeCourses"
                        SelectedCssClass="activeCoursesSelected" Selected="True">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Width="108px" Height="46px" CssClass="inactiveCourses"
                        SelectedCssClass="inactiveCoursesSelected">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
</div>

and here is my CSS snippet:

.activeCourses
        {
            background-image: url(img-blue/activeoff.png);
            width:108px;
            height:46px;
        }

        .inactiveCourses
        {
            width:108px;
            height:46px;
            background-image: url(img-blue/inactiveoff.png);
        }

        .activeCoursesSelected
        {
            background-image: url(img-blue/activeon.png);
        }

        .inactiveCoursesSelected
        {
            background: url(img-blue/inactiveon.png);
        }

The image is showing up when I view the tab is design mode of Visual Studio but when I actually build and run the site, the background image is not displaying. The tabs themselves are there b/c I can click them but no image in the background. Is there something I am doing wrong?  

[jon]

Anyone know of an answer to this? I've looked at a lot of documentation and followed the demos line for line but the images are still not showing

[Yana]

Hello jon,

You should add "!important" css rule to the styles in order to overwrite the default background images. Also I suggest to try inspect the used styles with Firebug.

Best wishes,
Yana
the Telerik team