/* 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;
}

/* 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-right: 15px;
	background: url('/images/square-black.gif');
	background-position: center right;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* 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;
	padding-left:15px;
	margin-left:15px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.RadMenu_FlyoutHorizontal a.rmLink:visited {
	cursor: pointer;
	cursor: hand;
	padding-left:15px;
	margin-left:15px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.RadMenu_FlyoutHorizontal a.rmLink:hover {
	cursor: pointer;
	cursor: hand;
	padding-left: 15px;
	background: url('/images/square.gif');
	background-position: center left;
	background-repeat: no-repeat;
	color: #b6ba05;
	text-decoration: none;
}

.RadMenu_FlyoutHorizontal a.rmLink:active {
	cursor: pointer;
	cursor: hand;
	padding-left:15px;
	margin-left:15px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

/* 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 {}

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

/* 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;
	width: 170px; /* 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 {}

/* 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 {}

.RadMenu_FlyoutHorizontal .rmGroup a.rmLink:visited {}

.RadMenu_FlyoutHorizontal .rmGroup a.rmLink:hover {}

.RadMenu_FlyoutHorizontal .rmGroup a.rmLink:active {}

/* 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... */