I am currently adjusting the sunset skin. I am trying to adjust the background image color and size of the 2nd tier hover style, but I am running into issues. The image is SubItemStates.png. It consists of a 1000px bar with the right end cap is cutoff and placed under the bar on the right side of the image. I have increased the height of the bar by about 10px. Here is the style definition for this item:
If I remove the reference to the ".RadPanelBar .rpGroup .rpLink" It will display the bar normally but the right end cap is missing. If the reference is included It will display the top part of the end cap but it also includes the bottom 10px of the bar. If I could adjust the height, add 10px to the original background (bar image) size, using a CSS style that would fix the problem. But I cannot figure out were to add it.
I don't really understand this method of displaying a sizeable background image bar. Any help in understanding this would be greatly appreciated, more importantly how to fix it would be even more appreciated!!!