ul.dropdown-b {
	display: block;
	font-weight: bold;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 170px;
	z-index: 1;
	position: relative;
	margin-left: 13px;
	overflow: visible;
	visibility: visible;
	top: 2;
}

	ul.dropdown-b li {
	display: block;
	padding: 5px 10px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}

	ul.dropdown-b li.hover,
	ul.dropdown-b li:hover {
	display: block;
	background-color: #336699;
	color: #FFFFFF;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}

	ul.dropdown-b a:link, 
	ul.dropdown-b a:visited	{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
	ul.dropdown-b a:hover		{ display: block; color: #FFFFFF; }
	ul.dropdown-b a:active	{ display: block; color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown-b ul {
	display: block;
	width: 100px;
	margin-top: 0px;
	position: absolute;
	}

		ul.dropdown-b ul li {
		display: block;
		 font-weight: normal;
			position: relative;
		}

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


ul.dropdown-b *.di {
display: block;
 padding-right: 10px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-b-horizontal ul *.di {
 display: block;
 padding-right: 30px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-b-upward *.di {
}

ul.dropdown-b-vertical *.di,
ul.dropdown-b-upward ul *.di {
}

ul.dropdown-b-vertical-rtl *.di {
 padding-right: 30px;
 padding-left: 35px;
 background-position: 0 50%;

}