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


/* addeed following styles to eliminate the themeroller style sheet. */
/* Do not use the themeroller style sheet. */
font-family: arial,helvetica,sans-serif;
font-size: 60%;
line-height: 1.2em; 
background: #ffffff;
color: #222222;

/* doctype needed for a border style specified here to display in IE.  As a result, the following
	style has been removed to prevent a double border in Firefox and Mozilla.  */
			 border: 1px solid #777777; 

/* background color is used to create a border without requiring doctype to be addeed. */
/*background: #666666;*/

}
.ui-menu, .ui-menu ul { 
list-style-type:none; 
visibility:hidden; 
overflow: hidden; 
padding: 0;

/* doctype needed for a border style specified here to display in IE */
/* background color is used to create a border without requiring doctype to be addeed. */
background: #666666;
margin: 0px;
border:0px;

}




.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:60%;

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


/* REQUIRED 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,
.ui-menu a:focus { 
margin:0;
outline: 0 !important; 
display:block; 
line-height: 1.2em; 
text-decoration:none; 
padding: 2px; 

			/*  padding:.3em .6em;  */

	background-color: white; 
	font-weight: normal;
	color: #222222; 
	
/* creates the separating line between items in the menu.  Not open for branding. */
border-bottom: 1px  solid #D2D2D2;
border-top: 1px solid #D2D2D2 
}



.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,
.ui-menu a.ui-hover-state:focus { 
margin:0;
line-height: 1.2em; 
border:1;
padding: 2px;  
background-color: #EAF1F7; 

/* added to find the 1 pixel shift on hover */	
border-bottom: 0px solid #ACA899 
border-top: 0px solid #ACA899 

}	

.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:1px; }

.ui-menu li { 
margin: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-top:1px solid #ACA899;border-bottom:1px solid #ACA899}

.ui-menu-dd-breadcrumb { float:left; width:100%; margin:0; padding:.5em 0; }

.ui-menu-dd-breadcrumb.ui-component-content { border-left:1px solid #777777; border-right:1px solid #777777; }
.ui-menu-dd-breadcrumb.ui-component-content.ui-menu-footer { border-bottom:1px solid #777777; }
.ui-menu-dd-breadcrumb.ui-component-content.ui-menu-header { border-top:1px solid #777777; }

.ui-menu-dd-breadcrumb li { float: left; list-style: none; margin: 0; padding:.1em .5em; }
.ui-menu-dd-breadcrumb li.ui-menu-prev-list,
.ui-menu-dd-breadcrumb li.ui-menu-current-crumb { clear: left; float: none; }
.ui-menu-dd-breadcrumb li.ui-menu-current-crumb { padding-top:.5em; }

.ui-menu-dd-breadcrumb a, 
.ui-menu-dd-breadcrumb span { white-space:nowrap; font-size: 1em; }

.ui-menu-dd-breadcrumb a:link,
.ui-menu-dd-breadcrumb a:visited,
.ui-menu-dd-breadcrumb a:hover,
.ui-menu-dd-breadcrumb a:active {  }

.ui-menu-dd-breadcrumb .ui-menu-prev-list.ui-arrow-left-default { background-position: left 50%; padding-left:12px; margin-left:.5em; }

.ui-menu-dd-breadcrumb .ui-menu-prev-list a:link,
.ui-menu-dd-breadcrumb .ui-menu-prev-list a:visited,
.ui-menu-dd-breadcrumb .ui-menu-prev-list a:hover,
.ui-menu-dd-breadcrumb .ui-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.ui-menu-dd-breadcrumb .ui-menu-current-crumb a:link,
.ui-menu-dd-breadcrumb .ui-menu-current-crumb a:visited,
.ui-menu-dd-breadcrumb .ui-menu-current-crumb a:hover,
.ui-menu-dd-breadcrumb .ui-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }

.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:1px solid #777777; }

.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; }