@import "helper.css";


/*-------------------------------------------------/
 * @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 { background-image: url(../../images/menu/menubackfade.png); width: 690px; padding-top: 2px; padding-right: 10px; }

	ul.dropdown li { padding: 4px 10px; color: #e4e4e4; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
ul.dropdown a { display: block; }
ul.dropdown li:hover { background-image: none; background-repeat: no-repeat; background-position: left 50%; }
ul.dropdown li.hover, ul.dropdown li:hover, .dropdown #current { background-color: #36a5e0; background-image: url(../../images/menu/menudownarrow.png); background-repeat: no-repeat; background-position: 98% 50%; }
ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; padding-top: 7px; padding-bottom: 3px; }
	ul.dropdown a:hover		{ color: #fff; }
/* -- level mark -- */

	ul.dropdown ul { width: 150px; }

		ul.dropdown ul li { background-color: #36a5e0; border-bottom: 1px solid #fff; }
ul.dropdown ul li:hover { background-image: url(../../images/menu/submenufade2.png); background-repeat: repeat-x; background-position: right 0; }
/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir { margin-left: 10px; padding-right: 14px; }


/* -- Components override -- */

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

ul.dropdown-upward *.dir {
 
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-position: 0 50%;
}
ul.dropdown strong { color: #fff; font-size: 12px; font-weight: bold; padding-bottom: 4px; display: block; }