@import "../../dropdown.rtl.css";

ul.dropdown {
	font-weight:normal;
	width: 100%;
	float:right;
	margin-right: 20px;
}

	ul.dropdown li {
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4C4C4C;
	border-right-color: #4C4C4C;
	border-bottom-color: #4C4C4C;
	border-left-color: #4C4C4C;
	background-color: #4C4C4C;	/*background-color: #FFBB02;*/
	}
	


	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #8C00BD;
	 color: #FFFFFF;
	}

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


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}

	ul.dropdown li ul {
	border: 1px solid #65676A;
    }
	
	ul.dropdown li ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #737679;
}
	ul.dropdown li ul li.hover,
	ul.dropdown li ul li:hover  {
	background-color: #898989;
}


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


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: left center;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-left.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}