/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/


/* REQUIRED STYLES - the menus will only render correctly with these rules */	

.ui-menu-container { position: absolute; top:0; left:-999px; }
.ui-menu, .ui-menu ul { list-style-type:none; visibility:hidden; overflow: hidden; padding: 0; margin:0; }
.ui-menu { position:relative; }
.ui-menu ul { position:absolute; top:0; left:0; }

.ui-menu li { clear:both; float:left; width:100% !important; }	
.ui-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.ui-menu.ui-menu-flyout, .ui-menu.ui-menu-flyout ul { overflow: visible; }


/* REQIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.ui-menu a:link,
.ui-menu a:visited,
.ui-menu a:hover,
.ui-menu a:active { display:block; padding:.3em .6em; line-height:1.2em; text-decoration:none; outline: 0 !important; }

.ui-menu a.ui-hover-state:link,
.ui-menu a.ui-hover-state:visited,
.ui-menu a.ui-hover-state:hover,
.ui-menu a.ui-hover-state:active { border:0; }	

.ui-menu .ui-arrow-right-default,
.ui-menu .ui-arrow-right-default:hover, .ui-menu .ui-arrow-right-hover,
.ui-menu .ui-arrow-right-default:active, .ui-menu .ui-arrow-right-active { background-position: right 50%; }

.ui-menu-crumb .ui-arrow-right-default,
.ui-menu-crumb .ui-arrow-right-default:hover, .ui-menu-crumb .ui-arrow-right-hover,
.ui-menu-crumb .ui-arrow-right-default:active, .ui-menu-crumb .ui-arrow-right-active { background-position: right 50% !important; }



 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
/*
.ui-menu .ui-default-state { border:0; }

.ui-menu li { margin:1px 0; }
.ui-menu li.ui-component-content { background:transparent; border-left:0; border-right:0; margin:0; }

.ui-menu-dd { clear:both; }
.ui-menu-dd.ui-component-content, 
.ui-menu-dd ul.ui-component-content { border:0; }


.ui-menu-dd a.ui-hover-state:link,
.ui-menu-dd a.ui-hover-state:visited,
.ui-menu-dd a.ui-hover-state:hover,
.ui-menu-dd a.ui-hover-state:active { border:0; }

.ui-menu.ui-menu-dd a.ui-menu-split-btn:link,
.ui-menu.ui-menu-dd a.ui-menu-split-btn:visited,
.ui-menu.ui-menu-dd a.ui-menu-split-btn:hover,
.ui-menu.ui-menu-dd a.ui-menu-split-btn:active { float:left; width:88%; padding:0; }

.ui-menu.ui-menu-dd a.ui-menu-nextlevel:link,
.ui-menu.ui-menu-dd a.ui-menu-nextlevel:visited,
.ui-menu.ui-menu-dd a.ui-menu-nextlevel:hover,
.ui-menu.ui-menu-dd a.ui-menu-nextlevel:active { float:right; width:12%; padding:0; }

.ui-menu a span { display:block; }
.ui-menu.ui-menu-dd a.ui-menu-split-btn span { float:left; padding:.3em .6em; }
.ui-menu.ui-menu-dd a.ui-menu-nextlevel span { float:right; padding:.3em .6em; text-indent:-9999px; overflow:hidden; }
.ui-menu.ui-menu-dd a.ui-menu-nextlevel span.ui-arrow-right-default { background-position: left center !important; }
*/

