/* DIV     Applied to the root element of the menu.        */
 
/*.RadMenu_[Skin]{} */

/*  UL      Applied to the first level item container (root item group).        */
.rootGroup 
{
    background-color:Black;
}

 /* UL      Applied to a the item container if the item flow is horizontal.     */

.vertical {}

 /* UL      Applied to a the item container if the item flow is vertical. */
.horizontal { }

 /* UL      Applied to each item container except the root level one.   */
.group {} 

/*  UL      Applied to item containers at the respective level.     */
 .level1, .level1, .level3
 {
 }
 
/*  LI      Applied to the LI elements enclosing each item.     */
.item {}
 
/*  A       Applied to the anchors representing each item in its default state.     */
.link {}
 
/*  A       Applied to the item's anchor when it is focused by either the mouse or the keyboard.    */ 
.focused {}
 
 /* A       Applied to the item's anchor the user clicks the item.  */
.clicked {}

 /* A       Applied to the item's anchor tag when the item is opened. */
.expanded {}

/*  A       Applied to the item's anchor when the item is disabled.     */
 
.disabled {}

 /* SPAN    Applied to the SPAN element which encloses item's text.*/
.text {}

 /* A       Applied to the left scrolling arrow. Scrolling arrows are dynamically created. 
            Use that CSS class to customize the appearance of the left scrolling arrow (used in horizontal item flow).  */            
.leftArrow {}

/*  A       Applied to the right scrolling arrow. Scrolling arrows are dynamically created. 
            Use that CSS class to customize the appearance of the right scrolling arrow (used in horizontal item flow).*/ 
.rightArrow {}
 
 /* A       Applied to the top scrolling arrow. Scrolling arrows are dynamically created. 
            Use that CSS class to customize the appearance of the top scrolling arrow (used in vertical item flow).*/
.topArrow {}

 /* A       Applied to the bottom scrolling arrow. Scrolling arrows are dynamically created. 
            Use that CSS class to customize the appearance of the bottom scrolling arrow (used in vertical item flow).  */
            
.bottomArrow {}
 /* A       Applied to the left scrolling arrow if there is no scroll space left.   */
 
.leftArrowDisabled {}
 /* A       Applied to the right scrolling arrow if there is no scroll space left.  */
 
.rightArrowDisabled {}
 /* A       Applied to the top scrolling arrow if there is no scroll space left.    */
 
.topArrowDisabled {}
 /* A   Applied to the bottom scrolling arrow if there is no scroll space left. */
 
.bottomArrowDisabled {}
 /* SPAN    Applied to the SPAN element which encloses each item text if the item has child items 
            and will expand to the right. Use that CSS class to specify the 
            arrow image via the background CSS attribute. Tweak the right padding to make it appear after the text. */
            
.expandLeft {}


.RadMenu_Outlook .expandLeft
{
 background:transparent url(img/groupImage.gif) right center no-repeat;
 padding-right:10px;
}
 /* SPAN    Applied to the SPAN element which encloses each item text 
            if the item has child items and will expand to the bottom. 
            Use that CSS class to specify the arrow image via the background CSS attribute.
            Tweak the right padding to make it appear after the text. */
.expandTop {}

/*
.RadMenu_Outlook .expandTop
{
 background:transparent url(img/groupImage.gif) right center no-repeat;
 padding-right:10px;
}

*/

/* SPAN     Applied to the SPAN element which encloses each item text if
            the item has child items and will expand to the top. Use that 
            CSS class to specify the arrow image via the background CSS attribute. 
            Tweak the right padding to make it appear after the text. */ 
.expandBottom {}

/*
.RadMenu_Outlook .expandBottom
{
 background:transparent url(img/groupImage.gif) right center no-repeat;
 padding-right:10px;
}
*/

 /* SPAN    Applied to the SPAN element which encloses each item text 
            if the item has child items and will expand to the left. 
            Use that CSS class to specify the arrow image via the background CSS attribute. Tweak the right padding to make it appear after the text.*/
.expandRight
{}

 /* 
.RadMenu_Outlook .expandRight
{
 background:transparent url(img/groupImage.gif) right center no-repeat;
 padding-right:10px;
}
*/

/*  LI      Applied to the LI elements enclosing an item with IsSeparator set to true.  */
.separator { }

/*  DIV     Applied to the root menu element if the menu is context.    */
.context {}

/*  RadMenu_[SkinName]_Context  e.g.    
    RadMenu_Outlook_Context DIV
            Applied to the root menu element if the menu is context. 
            Use that CSS class to customize the appearance when the control is used as a context menu.  */
 
 /* LI      Applied to the first item in a menu item group. 
            Use that CSS class to customize the appearance of the first item only:  */
.first {}
/*
    .RadMenu_Office2007 .group .first .link
{
 background: transparent url('img/MenuItemBgFirst.gif') no-repeat left bottom;
 line-height: 58px;
}

*/

/* LI   Applied to the last item in a menu item group. Use that CSS class to customize the appearance of the first item only:   */
.last {}

/*
.RadMenu_Office2007 .group .last .link
{
 background: transparent url('img/MenuItemBgLast.gif') no-repeat;
 line-height: 58px;
}
*/