get rid of root level borders, backgroundcolor inconsistent

[Ken]

URL that demonstrates the issue:
http://testbed.dragocactoid.com

I have two issues, I have gotten rid of the border surrounding the root level of the menu (CSS override .rmRootGroup {border: none !important;} )

However, as you mouse over the menu items there are top and bottom borders being displayed. I want those to go away, too.

Secondly, the background color of the non-root menuitems is different than the root menuitems.  I don't really care if the background color stays the same or "highlights", but I want all the menu levels to behave the same.

Does someone know which styles I have to override to accomplish this?

Thanks,
Ken

[Ken]

The solution to the question of the border problem was posted to another forum entry:

.RadMenu_Default .rmVertical a.rmLink:hover,
.RadMenu_Default .rmVertical a.rmFocused,
.RadMenu_Default .rmVertical a.rmSelected,
.RadMenu_Default .rmVertical a.rmExpanded,
.RadMenu_Default .rmVertical a.rmExpanded:hover {
   border:0!important;
   padding-bottom:1px!important;
   padding-top:1px!important;
}

I still have not heard about the background color of focused items and hope that someone can help with that as well.

-ken

[Yana]

Hello Ken,

I've just answered to the support ticket regarding the background, here is the needed css:

.RadMenu_Default .rmGroup .rmItem a.rmLink,
.RadMenu_Default .rmGroup .rmItem a.rmLink:hover,
.RadMenu_Default .rmGroup .rmItem a.rmFocused,
.RadMenu_Default .rmGroup .rmItem a.rmSelected,
.RadMenu_Default .rmGroup .rmItem a.rmExpanded {
  background-image:none !important;
  border:0 none !important;
  padding:0 !important;
}

.RadMenu_Default .rmGroup a.rmLink .rmText {
  background-image: none !important;
}

Regards,
Yana
the Telerik team