It seems like the built-in styles for PanelBar using the Metro-skin has it's styles defined with !important which makes it impossible to override for us.

.RadPanelBar_Metro .rpSelected,.RadPanelBar_Metro .rpExpanded {background-color: #25a0da!important;color: white!important;border-color: transparent!important;}

Is this by design ? The Silk-skin does not have !important defined on its style from the Telerik.WebResource

I saw another post about a similar query, where a solution was to use the PreRenderComplete to make sure our own css are loaded AFTER the built-in Telerik ones. However we are using MasterPages where this approach won't work.

Hello.

For the 2015 Q1 release we'll fix some of those styles. In the mean time you can use LightWeight rendermode of RadPanelBar.

When we remove the !important flags from the styles, I will write back in this thread, but do have in mind that it will be around the release of the Beta (late january / early february).

Regards,
Ivan Zhekov
Telerik