/* horizontal flyout (top 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_TopNav"> */
.RadMenu_TopNav {
	padding-bottom: 2px;
}

/* 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_TopNav .item {
	display: block;
	/*width: 100px;*/
	/*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_TopNav .text {
	display: block;
	padding: 0px 10px;
	padding-top: 1px;
}

.ui_outside_nav .RadMenu_TopNav .text {
	display: block;
	padding: 0px;
	padding-top: 0px;
	line-height: 11px;
	
}

.ui_bottom_nav .RadMenu_TopNav .text {
	display: block;
	line-height: 11px;
	
}

.RadMenu_TopNav a.aselected, 
.RadMenu_TopNav a.aselected:link, 
.RadMenu_TopNav a.aselected:visited, 
.RadMenu_TopNav a.aselected:hover, 
.RadMenu_TopNav a.aselected:active {
	cursor: pointer;
	cursor: hand;
	background-color: #CEEAE8;
	color: #C42029;
	text-decoration: none;
}

.ui_bottom_nav .RadMenu_TopNav a.aselected, 
.ui_bottom_nav .RadMenu_TopNav a.aselected:link, 
.ui_bottom_nav .RadMenu_TopNav a.aselected:visited, 
.ui_bottom_nav .RadMenu_TopNav a.aselected:hover, 
.ui_bottom_nav .RadMenu_TopNav a.aselected:active {background: none; color: #fff;}

.RadMenu_TopNav a.aselectedparent, 
.RadMenu_TopNav a.aselectedparent:link, 
.RadMenu_TopNav a.aselectedparent:visited, 
.RadMenu_TopNav a.aselectedparent:hover, 
.RadMenu_TopNav a.aselectedparent:active {
	cursor: pointer;
	cursor: hand;
	background-color: #CEEAE8;
	color: #C42029;
	text-decoration: none;
}

.ui_bottom_nav .RadMenu_TopNav a.aselectedparent, 
.ui_bottom_nav .RadMenu_TopNav a.aselectedparent:link, 
.ui_bottom_nav .RadMenu_TopNav a.aselectedparent:visited, 
.ui_bottom_nav .RadMenu_TopNav a.aselectedparent:hover, 
.ui_bottom_nav .RadMenu_TopNav a.aselectedparent:active {background: none; color: #fff;}

.RadMenu_TopNav a.expanded, 
.RadMenu_TopNav a.expanded:link, 
.RadMenu_TopNav a.expanded:visited, 
.RadMenu_TopNav a.expanded:hover, 
.RadMenu_TopNav a.expanded:active {
	cursor: pointer;
	cursor: hand;
	background-color: #CEEAE8;
	color: #C42029;
	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_TopNav a.link {
	cursor: pointer;
	cursor: hand;
	display: block;
	color: #52C2BB;
}

.ui_outside_nav .RadMenu_TopNav a.link {
	cursor: pointer;
	cursor: hand;
	display: block;
	color: #C42029;
	padding: 0px 5px;
	border-right: solid 1px #C42029;
}

.ui_bottom_nav .RadMenu_TopNav a.link {
	cursor: pointer;
	cursor: hand;
	display: block;
	color: #fff;
	border-left: solid 1px #fff;
}

.RadMenu_TopNav .selected .text {
	background-color: #CEEAE8;
}

/* this is pseudo class for hover (onmouseover) used on all the links in the base menu and flyout menus */
.RadMenu_TopNav a.link:hover {
	cursor: pointer;
	cursor: hand;
	background-color: #CEEAE8;
	color: #C42029;
	text-decoration: none;
}

.ui_outside_nav .RadMenu_TopNav a.link:hover {
	cursor: pointer;
	cursor: hand;
	background: none;
	color: #C42029;
	text-decoration: none;
}

.ui_bottom_nav .RadMenu_TopNav a.link:hover {
	cursor: pointer;
	cursor: hand;
	background: none;
	color: #CEEAE8;
	text-decoration: none;
}

/* this is the class used on container element of all flyout menus */
/* html example: <ul class="group"> */
.RadMenu_TopNav .group {
	border: solid 2px #52C2BB;
}

/* this is the class used on the container element for all the menu items in the flyout menus */
/* this class overrides .RadMenu_TopNav .item */
/* html example: <li class="item"><a href="..." class="link"><span class="text">...</span></a></li> */
.RadMenu_TopNav .group .item {
	display: block;
	width: 130px;
	white-space: normal;
	border-bottom: solid 2px #52C2BB;
}

/* 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_TopNav .text */
/* html example: <a href="..." class="link"><span class="text">About Us</span></a> */
.RadMenu_TopNav .group .text {
	display: block;
	padding: 5px 15px;
	font-weight: normal;
}

/* this is class used on all the links in the flyout menus */
/* this class overrides .RadMenu_TopNav a.link */
/* html example: <a href="..." class="link">...</a> */
.RadMenu_TopNav .group a.link {
	display: block;
	color: #C42029;
	background-color: #CDEAE8;
}

/* this is pseudo class for hover (onmouseover) used on all the links in the flyout menus */
/* this class overrides .RadMenu_TopNav a.link:hover */
.RadMenu_TopNav .group a.link:hover {
	background-color: #E9F5F3;
	color: #C42029;
	text-decoration: none;
}

/* this is class used to indicate that the menu item has an associated flyout menu */
.RadMenu_TopNav .group .expandRight, 
.RadMenu_TopNav .group .expandLeft {}


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

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

/* this is the class used on all first menu items in the flyout menus */
/* this class overrides .RadMenu_TopNav .first */
.RadMenu_TopNav .group .first {}

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

/* this is the class used on all last menu items in the flyout menus */
/* this class overrides .RadMenu_TopNav .last  */
.RadMenu_TopNav .group .last {}

/* these classes allow you to access all elements starting at a particular level */
/* the base menu classes */
.RadMenu_TopNav {}
.RadMenu_TopNav .item {}			/* all menu items */
.RadMenu_TopNav a.link {}		/* all links */
.RadMenu_TopNav .text {}			/* all text */
.RadMenu_TopNav .first {}		/* all first menu items */
.ui_bottom_nav .RadMenu_TopNav .first a.link {border-left: none;} /* all first links */
.RadMenu_TopNav .first .text {}	/* all first text */
.RadMenu_TopNav .last {}			/* all last menu items */
.ui_outside_nav .RadMenu_TopNav .last a.link {border-right: none; padding-right: 0px;}	/* all last links */

.RadMenu_TopNav .last .text {}	/* all last text */
/* first level flyout classes */
.RadMenu_TopNav .level1 {}
.RadMenu_TopNav .level1 .item {}			/* all menu items */
.RadMenu_TopNav .level1 a.link {}		/* all links */
.RadMenu_TopNav .level1 .text {}			/* all text */
.RadMenu_TopNav .level1 .first {}		/* all first menu items */
.RadMenu_TopNav .level1 .first a.link {} /* all first links */
.RadMenu_TopNav .level1 .first .text {}	/* all first text */
.RadMenu_TopNav .level1 .last {border-bottom: none;}			/* all last menu items */
.RadMenu_TopNav .level1 .last a.link {}	/* all last links */
.RadMenu_TopNav .level1 .last .text {}	/* all last text */
/* second level flyout classes */
.RadMenu_TopNav .level2 {}
.RadMenu_TopNav .level2 .item {}			/* all menu items */
.RadMenu_TopNav .level2 a.link {}		/* all links */
.RadMenu_TopNav .level2 .text {}			/* all text */
.RadMenu_TopNav .level2 .first {}		/* all first menu items */
.RadMenu_TopNav .level2 .first a.link {} /* all first links */
.RadMenu_TopNav .level2 .first .text {}	/* all first text */
.RadMenu_TopNav .level2 .last {}			/* all last menu items */
.RadMenu_TopNav .level2 .last a.link {}	/* all last links */
.RadMenu_TopNav .level2 .last .text {}	/* all last text */
/* second level flyout classes... etc... */