.dropdown,
.dropdown ul,
.dropdown li {
  
	margin  : 0;
  
	padding : 0;

}



.dropdown ul{
  
	display  : none;
  
	position : absolute;
  
	top      : 100%;
  
	left     : 0;
  
	z-index  : 1;

}



[dir=rtl] .dropdown ul {
  
	left  : auto;
  
	right : 0;

}



.dropdown ul ul,
[dir=rtl] .dropdown ul .dropdownLeftToRight ul { 
  
	top   : 0;
  
	left  : 100%;
  
	right : auto;

}



[dir=rtl] .dropdown ul ul,
.dropdown ul .dropdownRightToLeft ul {
  
	left  : auto;
  
	right : 100%;

}



.dropdown li {
  
	position        : relative;
  
	display         : block;
  
	list-style-type : none;

	background-color:yellow;
	padding:5px;
	background-color:#4E6D21;
	color:#ffebc6;
	width:100px;
}

.dropdown li.top {
	width:75px;
	text-align:center;
	background-color:transparent;
	padding:0px;
	padding-top:5px;
	border-left: 2px solid #8ea271;
	border-right: 2px solid #8ea271;
	padding-top:2px;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
}



.dropdown > li {
  
	display : inline-block;

}


li > a {
	color:#ffebc6;
}



.dropdown li.top > a {
	color:white;
}


.dropdown a,
.dropdown span { 
  
	display         : block;
  
	text-decoration : none;
  
	white-space     : pre;
}





.dropdown li:hover > ul {
  
	display : block;

}



.dropdownVertical { 
  
	display : inline-block;

}



.dropdownVertical > li {
	display : block;

}



.dropdownVertical ul {
  
	top  : 0;
  
	left : 100%;

}



[dir=rtl] .dropdownVertical ul {
  
	left  : auto;
  
	right : 100%;

}



.dropdownJavaScript li:hover > ul {
  
	display : none;

}



.dropdownJavaScript li.dropdownOpen > ul{
  
	display : block;

}