/****************************
New Drop Down menu using jQuery
Created by: Ricardo Zea
Date: August - 2010
Version: 1.1
****************************/


/*TOP NAV BAR
=========================*/
#nav-bar { width:989px; height:28px; position:relative; z-index:10; font-size:1.3em; }
	
	/*	First Level
	--------------------------*/
	ul.dropdown { height:27px; border-left:#666 1px dotted; border-top:#666 1px dotted; border-bottom:#666 1px dotted; font-size:1em; margin:0; list-style-type:none; }
	ul.dropdown li { float:left; position:relative; padding-left:0px; margin:-1px 0 0; background:url(http://www.lexisnexis.com/images/img-division.gif) right center no-repeat; }
	ul.dropdown li a,  
	ul.dropdown li a:visited { display:inline-block; padding:6px 20px 7px; color:#666; text-decoration:none; }
	ul.dropdown li a:hover { color:#903; background:url(http://www.lexisnexis.com/images/img-division.gif) right center no-repeat #f7f7f7 /*Small vertical line separating the links*/; }
	ul.dropdown li a:focus { background-color:#e9e9e9; }
	ul.dropdown li.last,
	ul.dropdown li.last a:hover { background-image:none; }
	
	ul.navigation { float:left; width:856px; padding-left:10px; border-width:1px; background:url(http://www.lexisnexis.com/images/bg-gradient-transparent-down.png) bottom repeat-x #f0f0f0; }
		
		/*Second Level*/
		ul.dropdown li ul { visibility:hidden; width:200px; position:absolute; top:28px; left:0; border:#666 1px dotted; border-top:none; background:#fff; padding:0; }
		ul.dropdown li ul li { display:block; float:none; background:url(http://www.lexisnexis.com/images/img-arrow-small.gif) 10px center no-repeat /*Red arrow used for bullets*/; }
		ul.dropdown li ul li a,  
		ul.dropdown li ul li a:visited { float:none; display:block; }
		ul.dropdown li ul li a:hover { background:url(http://www.lexisnexis.com/images/img-arrow-small.gif) 12px center no-repeat #f3f3f3 /*Red arrow used for bullets*/; }
		
	/*	Red Drop Down menu
	--------------------------*/
	ul.red-dropdown { float:right; width:120px; padding:0; margin:0;font-size:.9em; background:#ed1c24; border:#903 1px solid; }
	ul.red-dropdown li { float:none; margin:0; background:none; }
	ul.red-dropdown li .red-box { display:block; width:120px; height:27px; cursor:pointer; color:#fff; padding:0; font-size:.85em; font-weight:bold; text-align:center; background:url(http://www.lexisnexis.com/images/bg-gradient-transparent.png) bottom repeat-x #ed1c24; /*background:url(/law-firmshttp://www.lexisnexis.com/images/bg-gradient-red.gif) top repeat-x #903;*/ }
	ul.red-dropdown li .red-box:hover { color:#fff; background:#ed1c24; }
	ul.red-dropdown li .arrow-down { display:block; padding:6px 10px 0 0; background: url(http://www.lexisnexis.com/images/arrow-down.gif) 104px 12px no-repeat /*Small white arrow pointing down*/; }
		
		/*Second Level*/
		ul.red-dropdown li ul { width:180px; -height:300px; padding:10px; overflow:auto; top:27px; left:-81px; border:#686868 1px solid; max-height:300px; min-height:200px; background:#fff; background:rgba(255,255,255,.95); }
		ul.red-dropdown li ul li { margin-bottom:2px; padding-left:5px; background:url(http://www.lexisnexis.com/images/img-arrow-small.gif) left 6px no-repeat /*Red arrow used for bullets*/; }
		ul.red-dropdown li ul li.hr-divider { background:none; }
		ul.red-dropdown li ul li hr { margin:15px 0; width:100%; border:none; border-top:#666 1px dotted; }
		ul.red-dropdown li ul li a,  
		ul.red-dropdown li ul li a:visited { width:100%; height:auto; padding:2px; color:#000; font-weight:normal; font-size:.85em; text-align:left; background:none; }
		ul.red-dropdown li ul li a:visited { color:#903; }
		ul.red-dropdown li ul li a:hover { color:#903; text-decoration:underline; background:#f3f3f3; border-right:#666 1px solid; }
		ul.red-dropdown li ul li a:active { color:#000; background:#ddd; }
		
			/*IE*/	
			* html ul.navigation { width:865px; }
			* html ul.dropdown { padding:0; }
			
			* html ul.dropdown,  
			* html ul.dropdown li ul { border-style:solid; border-color:#ccc; }
			* html ul.dropdown li ul { left:-40px; border-top:#fff 1px solid; }
			*:first-child+html ul.dropdown li ul { left:-40px; }			
			
			* html ul.red-dropdown { border:#ccc 1px solid; }
			* html ul.red-dropdown li { float:left; }
			
			* html #nav-bar ul.red-dropdown ul { top:27px; left:-120px; padding-right:10px; overflow-x:hidden; list-style-type:none; }
			*:first-child+html #nav-bar ul.red-dropdown ul { top:27px; left:-120px; padding-right:10px; overflow-x:hidden; list-style-type:none; }
			
			* html ul.red-dropdown li ul li { margin:0; }
			*:first-child+html ul.red-dropdown li ul li { margin:0; }
			
			* html ul.red-dropdown li ul li.hr-divider { height:0; }
			*:first-child+html ul.red-dropdown li ul li.hr-divider { height:0; border-top:#666 1px dotted; }
			
			* html ul.red-dropdown li ul li.hr-divider hr { margin:0; width:100%; height:1px; border-top:#ccc 1px solid; }
			*:first-child+html ul.red-dropdown li ul li.hr-divider hr { display:none; }

/*	BOX SHADOW 
=================================*/
ul.dropdown li ul,
ul.red-dropdown li ul { -moz-box-shadow:-1px 2px 4px rgba(0,0,0,.3); -webkit-box-shadow:-1px 2px 4px rgba(0,0,0,.3); box-shadow:-1px 2px 4px rgba(0,0,0,.3); }

#nav-bar, ul.red-dropdown li .red-box  { -moz-box-shadow:1px 2px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 2px 2px rgba(0,0,0,.2); box-shadow:1px 2px 2px rgba(0,0,0,.2); }

/*	TEXT SHADOW 
=================================*/
ul.red-dropdown li .red-box  { text-shadow:1px 1px 1px rgba(0,0,0,.5); }
ul.red-dropdown li ul li a { text-shadow:none; }

/*	BORDER RADIUS
=================================*/
ul.red-dropdown li ul { -moz-border-radius:3px 0 3px 3px; -webkit-border-radius:3px 0 3px 3px; border-radius:3px 0 3px 3px; }

/*	OVERRIDING CLASSES
=================================*/
.float-right { float:right; }