﻿/* ********************** DROPDOWN LIST for master page */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible; 
 padding: 0px 1px 0px 2px;
}
/* ********************** */

ul.dropdown {
 /*font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-transform: uppercase;*/
}

	ul.dropdown li {
	 padding: 0px 0;
	 background-color: #3b3b3b;
	 color: #fff;
	 line-height: normal;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover { 
	}
    
	ul.dropdown a:link,
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #76b900; text-decoration: none; padding: 0px 1px 0px 2px;}
	ul.dropdown a:active { color: #fff; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 170px;
	 background-color: #333;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
	 filter: alpha(opacity=90);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .9;
	}

	ul.dropdown ul li {
	 background-color: transparent;
	 color: #000;
	 filter: none;
	 padding: 0px 1px 0px 2px;
	}

	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
	 background-color: transparent;
	 padding: 0px 1px 0px 2px;
	}

	ul.dropdown ul a:link,
	ul.dropdown ul a:visited { color: #fff; }
	ul.dropdown ul a:hover { color: #fff; text-decoration: none; padding: 0px 1px 0px 2px;}
	ul.dropdown ul a:active { color: #fff; }


/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ********************** */



ul.dropdown li a {
 display: block;
  padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0; 
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px; 
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {       
         color:#CCCCCC;
         margin-top:12px;
	}

	ul.dropdown ul a {
	 /*padding: 4px 5px 4px 14px;*/
	  width: 151px; /* Especially for IE */
	  padding: 0px 1px 0px 2px;
	}

	ul.dropdown ul a:hover {
	     background-color: #76b900; 
	     padding: 0px 1px 0px 2px;
	     font-size: 11px;
	}

	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
         background-color: #76b900;
         color: #fff;
         padding: 0px 1px 0px 2px;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
         background-color: #2e2e2e;
         color: #76b900;  
         padding: 0px 1px 0px 2px;
	}

	ul.dropdown ul li:hover > a.dir {
         background-color: #76b900;
         color: #fff; 
         padding: 0px 1px 0px 2px;
	} 
