.mlddm
{	visibility: hidden;
	position: relative;
	margin: 0;
	padding: 0}

	.mlddm li
	{	display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		font: 11px arial}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		color: #FFF;
		padding: 3px 10px;
		margin: 0;
		width: 120px;
		text-decoration: none;
		background-color: #17484C}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #000;
		background-color: #ABE81A}

		.mlddm ul
		{	z-index: 100;
			margin: 1px 0 0 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background-color: #17484C}
		
		.mlddm ul li a
		{	white-space: nowrap;
			width: auto;
			margin: 0px;
			padding: 3px 15px;
			font: 11px arial;
			text-align: left;
			text-decoration: none;
			color: #FFF}

		.mlddm ul li a:hover
		{	color: #ABE81A;
			background-color: #17484C;
			padding: 2px 15px;
			border: 1px solid #ABE81A;
			border-width: 1px 0px}

/* all buttons with arrows without hover  */
.mlddm .hsub, .mlddm a#buttonnohover
{	background: #17484C no-repeat right url(arroww.gif)}

/* onhover top-level buttons with arrows */
.mlddm li a.hsub:hover, .mlddm li a#buttonhover
{	background: #ABE81A no-repeat right url(arrow.gif)}

/* onhover layer buttons with arrows */
.mlddm ul li a.hsub:hover, .mlddm ul li a#buttonhover
{	background: #17484C no-repeat right url(arroww.gif)}