/*
	Telerik RadMenu CSS Definitions
  -----------------------------------
    
  NOTE: Replace 'LitTheme' with the name of the skin you are defining.
  
  
  Partial Reference link: http://www.telerik.com/help/aspnet/menu/menu_css%20classes%20used%20in%20the%20structure.html
*/


.RadMenu_LitTheme {} /* <div> */

.RadMenu_LitTheme .rmRootGroup {} /* <ul> - has all of the same children as a .rmGroup */
.RadMenu_LitTheme .rmGroup {} /* <ul> - child groups of the root group*/

.RadMenu_LitTheme .rmGroup.levelN {} /* <ul> - where N is substituted by the level number */

.RadMenu_LitTheme .rmGroup .rmItem {} /* <li> */
.RadMenu_LitTheme .rmGroup .rmItem.rmFirst {} /* <li> - applied to the first item in the group */
.RadMenu_LitTheme .rmGroup .rmItem.rmLast {} /* <li> - applied to the last item in the group */
.RadMenu_LitTheme .rmGroup .rmItem.rmSeparator {} /* <li> - applied to the li elements enclosing an item with IsSeparator set to true */

.RadMenu_LitTheme .rmGroup .rmItem .rmLink {} /* <a> */
.RadMenu_LitTheme .rmGroup .rmItem .rmLink.rmFocused {} /* <a> - where the anchor has mouse or keyboard focus */
.RadMenu_LitTheme .rmGroup .rmItem .rmLink.rmExpanded {} /* <a> - applied to the anchor of expanded .rmItem's */
.RadMenu_LitTheme .rmGroup .rmItem .rmLink.rmDisabled {} /* <a> - applied to the anchor of disabled .rmItems's */

/*
	Also, the SelectedItemCssClass can be set thru the Sitefinity UI > SiteMenu (control on page) > Edit > Appearance > SelectedItemCssClass

	For example, the def'n below assumes using this method to assign a value of 'selected' to that field.
*/
.RadMenu_LitTheme .rmGroup .rmItem .rmLink.selected {} /* <a> - applied to the anchor of selected .rmItems's */

.RadMenu_LitTheme .rmGroup .rmItem .rmSlide { display: none; } /* <div> - applied to div wrappers for flyout submenus */

.RadMenu_LitTheme .rmGroup .rmItem .rmLink .rmText {} /* <span> - a wrapper around the text within the anchor */

/*
	-------------------------------------------------------------
	The following is the suggested usage that is accepted by IE6.
	-------------------------------------------------------------
	
	(IE6 does not fully understand things like this: .class1.class2 { color: #F00; }
	In IE6, all items with class='class2' would  be red! )
*/

.RadMenu_LitTheme {} /* <div> */
.RadMenu_LitTheme .rmRootGroup {} /* <ul> */
.RadMenu_LitTheme .rmRootGroup .rmGroup {} /* <ul> - for ALL sub groups */
.RadMenu_LitTheme .rmRootGroup .levelN {} /* <ul> - for SPECIFIC sub groups where N is substituted by the level number */

.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem {} /* <li> */
.RadMenu_LitTheme .rmRootGroup .rmGroup li.rmFirst {} /* <li> - applied to the first item in the group */
.RadMenu_LitTheme .rmRootGroup .rmGroup li.rmlast {} /* <li> - applied to the last item in the group */
.RadMenu_LitTheme .rmRootGroup .rmGroup li.rmSeparator {} /* <li> - applied to the li elements enclosing an item with IsSeparator set to true */

.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem .rmLink {} /* <a> */
.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem a.rmFocused {} /* <a> - where the anchor has mouse or keyboard focus */
.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem a.rmExpanded {} /* <a> - applied to the anchor of expanded .rmItem's */
.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem a.rmDisabled {} /* <a> - applied to the anchor of disabled .rmItems's */
/*
	Also, the SelectedItemCssClass can be set thru the Sitefinity UI > SiteMenu (control on page) > Edit > Appearance > SelectedItemCssClass
	For example, the def'n below assumes using this method to assign a value of 'selected' to that field.
*/
.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem a.selected {} /* <a> - applied to the anchor of selected .rmItems's */
.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem .rmSlide { display: none; } /* <div> - applied to div wrappers for flyout submenus */
.RadMenu_LitTheme .rmRootGroup .rmGroup .rmItem .rmLink .rmText {} /* <span> - a wrapper around the text within the anchor */