/**
 * Horizontal CSS Drop-Down Menu Module
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align:left;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 background: url(/images/div.gif) right no-repeat; /* new */
 float: left;
 line-height: 1.3em;
 _line-height: 1.4em;  /* new */
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.last {
 background-image: none; /* new */
}

ul.dropdown li a {
 margin-left: 8px;  /* new */
 margin-right: 8px;  /* new */
}

ul.dropdown li.dir a {
 margin-right: 0px !important;  /* new */
}

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 {
 background-image: none; /* new */
 float: none;
}

ul.dropdown ul li a {
 margin: 0px; /* new */
}

ul.dropdown ul ul {
 top: 0px;
 left: 100%; /*was 99%*/
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 0px;
 right: 99%;
 left: auto;
}

/** 
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

.dropdown-upward {
 margin-top: 400px !important;
}

/*-------------------------------------------------/
 * @section	Base Drop-Down Styling
 * @structure	ul (unordered list)
 *		ul li (list item)
 *		ul li a (links)
 *		/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
 font-weight: 300; /* was bold */
}

	ul.dropdown li {
	 padding: 2px 10px;
	 background-color: #000;
	 color: #999;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #505050;
	 color: #fff;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #ddd; text-decoration: none; }
	ul.dropdown a:hover	{ color: #fff; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 180px;
	 margin-top: 0px;
	}

		ul.dropdown ul li {
		 font-weight:100 !important;
		}



/*-------------------------------------------------/
 * @section	Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(/images/menu_arrow.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(/images/menu_arrow.gif);
}