/* vertical flyout (left/right navigation) */

/**************************************************************************************
/* update the following classes to change the appearance of the base menu and all 
/* associated flyout menus
/*************************************************************************************/

/* this is the class used on the container element of the base menu */
/* html example: <div class="RadMenu_FlyoutSimple"> */
.RadMenu_FlyoutHorizontal {
	width: 100%;
}

/* this is the class used on the container element for all the menu items in the base menu and flyout menus */
/* html example: <li class="item"><a href="..." class="link"><span class="text">...</span></a></li> */
.RadMenu_FlyoutHorizontal .rmItem {
	display: block;
	white-space: normal;
/* RECOMMENDATION: set the width here only */
	text-align: left;
	text-transform: uppercase;
	font-size: 11px;
}

/* this is the class used on the container element of the text for all the menu items in the base menu and flyout menus */
/* html example: <a href="..." class="link"><span class="text">About Us</span></a> */
.RadMenu_FlyoutHorizontal .rmText {
	display: block;	
	padding: 6px 26px;
}

/* this is class used on all the links in the base menu and flyout menus */
/* html example: <a href="..." class="link">...</a> */
.RadMenu_FlyoutHorizontal a.rmLink:link {
	cursor: pointer;
	cursor: hand;
	display: block;
	color: #fff;
}

.RadMenu_FlyoutHorizontal a.rmLink:visited {
	cursor: pointer;
	cursor: hand;
	display: block;
	color: #fff;
}

.RadMenu_FlyoutHorizontal a.rmLink:hover {
	cursor: pointer;
	cursor: hand;
	display: block;
	background-color: #569BBE;
}

.RadMenu_FlyoutHorizontal a.rmLink:active {
	cursor: pointer;
	cursor: hand;
	display: block;
	color: #fff;
}

/* these are the pseudo classes for the current page link in the flyout menus */
/* these classes override .RadMenu_FlyoutHorizontal a.rmLink */
.RadMenu_FlyoutHorizontal a.aselected, 
.RadMenu_FlyoutHorizontal a.aselected:link, 
.RadMenu_FlyoutHorizontal a.aselected:visited, 
.RadMenu_FlyoutHorizontal a.aselected:hover, 
.RadMenu_FlyoutHorizontal a.aselected:active {}

/* these are the pseudo classes for the current pages parent links in the flyout menus */
/* these classes override .RadMenu_FlyoutHorizontal a.rmLink */
.RadMenu_FlyoutHorizontal a.aselectedparent, 
.RadMenu_FlyoutHorizontal a.aselectedparent:link, 
.RadMenu_FlyoutHorizontal a.aselectedparent:visited, 
.RadMenu_FlyoutHorizontal a.aselectedparent:hover, 
.RadMenu_FlyoutHorizontal a.aselectedparent:active {}

/* these are the pseudo classes for breadcrumb highlighting in the menu as you expand child menus */
/* these classes override .RadMenu_FlyoutHorizontal a.rmLink */
.RadMenu_FlyoutHorizontal a.rmExpanded, 
.RadMenu_FlyoutHorizontal a.rmExpanded:link, 
.RadMenu_FlyoutHorizontal a.rmExpanded:visited, 
.RadMenu_FlyoutHorizontal a.rmExpanded:hover, 
.RadMenu_FlyoutHorizontal a.rmExpanded:active { 	background-color: #569BBE;}

/* this is the class used on container element of all flyout menus */
/* html example: <ul class="group"> */
.RadMenu_FlyoutHorizontal .rmGroup {
	background-color: #569BBE;
}

/* this is the class used on the container element for all the menu items in the flyout menus */
/* this class overrides .RadMenu_FlyoutHorizontal .rmItem */
/* html example: <li class="item"><a href="..." class="link"><span class="text">...</span></a></li> */
.RadMenu_FlyoutHorizontal .rmGroup .rmItem {
	display: block;
/* RECOMMENDATION: set the flyout width here only */
	white-space: normal;
}

/* this is the class used on the container element of the text for all the menu items in the flyout menus */
/* this class overrides .RadMenu_FlyoutHorizontal .rmText */
/* html example: <a href="..." class="link"><span class="text">About Us</span></a> */
.RadMenu_FlyoutHorizontal .rmGroup .rmText {
	text-align: left;
	border-top: 2px solid #fff;
	padding: 6px 30px;
}

/* this is class used on all the links in the flyout menus */
/* this class overrides .RadMenu_FlyoutHorizontal a.rmLink */
/* html example: <a href="..." class="link">...</a> */
.RadMenu_FlyoutHorizontal .rmGroup a.rmLink:link {
	color: #fff;
}

.RadMenu_FlyoutHorizontal .rmGroup a.rmLink:visited {
	color: #fff;
}

.RadMenu_FlyoutHorizontal .rmGroup a.rmLink:hover {
	color: #fff;
	background-color: #EED26E;
}

.RadMenu_FlyoutHorizontal .rmGroup a.rmLink:active {
	color: #fff;
}

/* these are the pseudo classes for the current page link in the flyout menus */
/* these classes override .RadMenu_FlyoutHorizontal .rmGroup a.rmLink */
.RadMenu_FlyoutHorizontal .rmGroup a.aselected:link, 
.RadMenu_FlyoutHorizontal .rmGroup a.aselected:visited, 
.RadMenu_FlyoutHorizontal .rmGroup a.aselected:hover, 
.RadMenu_FlyoutHorizontal .rmGroup a.aselected:active {}

/* these are the pseudo classes for the current pages parent links in the flyout menus */
/* these classes override .RadMenu_FlyoutHorizontal .rmGroup a.rmLink */
.RadMenu_FlyoutHorizontal .rmGroup a.aselectedparent:link, 
.RadMenu_FlyoutHorizontal .rmGroup a.aselectedparent:visited, 
.RadMenu_FlyoutHorizontal .rmGroup a.aselectedparent:hover, 
.RadMenu_FlyoutHorizontal .rmGroup a.aselectedparent:active {}

/* these are the pseudo classes for breadcrumb highlighting in the menu as you expand child menus */
/* these classes override .RadMenu_FlyoutHorizontal .rmGroup a.rmLink */
.RadMenu_FlyoutHorizontal .rmGroup a.rmExpanded:link, 
.RadMenu_FlyoutHorizontal .rmGroup a.rmExpanded:visited, 
.RadMenu_FlyoutHorizontal .rmGroup a.rmExpanded:hover, 
.RadMenu_FlyoutHorizontal .rmGroup a.rmExpanded:active {}

/* these classes are used to indicate that the menu item has an associated flyout menu */
.RadMenu_FlyoutHorizontal .rmExpandTop {} 
.RadMenu_FlyoutHorizontal .rmExpandRight {}
.RadMenu_FlyoutHorizontal .rmExpandBottom {}
.RadMenu_FlyoutHorizontal .rmExpandLeft {}


/**************************************************************************************
/* advanced classes
/*************************************************************************************/

/* this is the class used on all first menu items in the base menu and flyout menus */
.RadMenu_FlyoutHorizontal .rmFirst {}

/* this is the class used on all first menu items in the flyout menus */
/* this class overrides .RadMenu_FlyoutHorizontal .rmFirst */
.RadMenu_FlyoutHorizontal .rmGroup .rmFirst {}

/* this is the class used on all last menu items in the base menu and flyout menus */
.RadMenu_FlyoutHorizontal .rmLast {}

/* this is the class used on all last menu items in the flyout menus */
/* this class overrides .RadMenu_FlyoutHorizontal .rmLast  */
.RadMenu_FlyoutHorizontal .rmGroup .rmLast {}

/* these classes allow you to access all elements starting at a particular level */
/* the base menu classes */
.RadMenu_FlyoutHorizontal {}
.RadMenu_FlyoutHorizontal .rmItem {}			/* all menu items */
.RadMenu_FlyoutHorizontal a.rmLink {}			/* all links */
.RadMenu_FlyoutHorizontal .rmText {}			/* all text */
.RadMenu_FlyoutHorizontal .rmFirst {}			/* all first menu items */
.RadMenu_FlyoutHorizontal .rmFirst a.rmLink {}	/* all first links */
.RadMenu_FlyoutHorizontal .rmFirst .rmText {}		/* all first text */
.RadMenu_FlyoutHorizontal .rmLast {}			/* all last menu items */
.RadMenu_FlyoutHorizontal .rmLast a.rmLink {}		/* all last links */
.RadMenu_FlyoutHorizontal .rmLast .rmText {}		/* all last text */
/* first level flyout classes */
.RadMenu_FlyoutHorizontal .rmLevel1 {}
.RadMenu_FlyoutHorizontal .rmLevel1 .rmItem {}			/* all menu items */
.RadMenu_FlyoutHorizontal .rmLevel1 a.rmLink {}			/* all links */
.RadMenu_FlyoutHorizontal .rmLevel1 .rmText {}			/* all text */
.RadMenu_FlyoutHorizontal .rmLevel1 .rmFirst {}			/* all first menu items */
.RadMenu_FlyoutHorizontal .rmLevel1 .rmFirst a.rmLink {}	/* all first links */
.RadMenu_FlyoutHorizontal .rmLevel1 .rmFirst .rmText {}		/* all first text */
.RadMenu_FlyoutHorizontal .rmLevel1 .rmLast {}			/* all last menu items */
.RadMenu_FlyoutHorizontal .rmLevel1 .rmLast a.rmLink {}		/* all last links */
.RadMenu_FlyoutHorizontal .rmLevel1 .rmLast .rmText {}		/* all last text */
/* second level flyout classes */
.RadMenu_FlyoutHorizontal .rmLevel2 {}
.RadMenu_FlyoutHorizontal .rmLevel2 .rmItem {}			/* all menu items */
.RadMenu_FlyoutHorizontal .rmLevel2 a.rmLink {}			/* all links */
.RadMenu_FlyoutHorizontal .rmLevel2 .rmText {}			/* all text */
.RadMenu_FlyoutHorizontal .rmLevel2 .rmFirst {}			/* all first menu items */
.RadMenu_FlyoutHorizontal .rmLevel2 .rmFirst a.rmLink {}	/* all first links */
.RadMenu_FlyoutHorizontal .rmLevel2 .rmFirst .rmText {}		/* all first text */
.RadMenu_FlyoutHorizontal .rmLevel2 .rmLast {}			/* all last menu items */
.RadMenu_FlyoutHorizontal .rmLevel2 .rmLast a.rmLink {}		/* all last links */
.RadMenu_FlyoutHorizontal .rmLevel2 .rmLast .rmText {}		/* all last text */
/* third level flyout classes... etc... */