PanelBar Item Bottom Border

[Jacob]

Is there a way to remove the border between the radpanel bars? (Please see attached). I am using Outlook skin on the radPanelBar, and was wondering if there is a way to remove the 1px line shows up right above the radpanelitem.

I tried to manipulate it by using the following css code, but wasn't successful.

.RadPanelBar .rpRootGroup .rpOut
{
    border: 0 !important;
    padding: 0 !important;
}

Thank you.

[Kate]

Hello Jacob,

In fact the border that you are trying to remove comes from the sprite image that is applied to the RadPanelBar control. therefore in order to alter the appearance you can apply the following css class selector that will move the sprite image with 1px and thus removing the border:

div.RadPanelBar_Outlook a.rpLink,
     div.RadPanelBar_Outlook div.rpHeaderTemplate,
      div.RadPanelBar_Outlook a.rpExpanded,
       div.RadPanelBar_Outlook div.rpExpanded,
        div.RadPanelBar_Outlook .rpItem a.rpLinkExpandHovered {
    background-position: 0 -1px;
}

Greetings,
Kate
the Telerik team

[Jacob]

It worked! Thank you Kate.