@charset "UTF-8";

@import "dropdown.css";

ul.dropdown-vertical {
 width: 120px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;

  }

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: none;
	 background-color: #a8a8c4;
	 color: black;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover,
	ul.dropdown li.on {
	background-color: #a8a8c4;
    color: red;
    font-weight: bold;
	}

	ul.dropdown a:link      { background-color: #a8a8c4; color: black;}      
	ul.dropdown a:visited	{ background-color: #a8a8c4; color: black; }
	ul.dropdown a:hover		{ color: red; }
	ul.dropdown a:active	{ color: black; }

	/* -- level mark -- */

	ul.dropdown ul {
	 width: 300px;
	 margin-top: 1px;
     text-align:left;
     
	}

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


/* -- Supporting class `dir` -- */

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

/* -- Components override -- */

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

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

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

ul.dropdown-vertical-rtl *.dir,
ul.dropdown-horizontal > li.dropdown-vertical-rtl ul *.dir {
 padding-right: 10px;
 padding-left: 5px;

 background-position: 2px 50%;
}