@charset "UTF-8";

@import "default.css";


/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
	display: block;
	padding: 7px 10px;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
	padding: 0;
	border: none;
}

ul.dropdown ul a,
ul.dropdown ul span {
	padding: 0px;
}


/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li {
	background: url(images/grad1.png) 0 100% repeat-x;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background: url(images/grad2.png) 0 100% repeat-x;
	color: #ffffff;
}

ul.dropdown li a:active {
	/*background: url(images/grad1.png) repeat-x;*/
}


/* Non-first level */

ul.dropdown ul {
	margin-top: 0;
}

	ul.dropdown ul li {
	}

	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
		background: #888888;
	}


/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
}


/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
	/*border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #ffa500 #d9d9d9 #d9d9d9;
	background-color: #ffffff;*/
	color: #ffffff;
}

/* CSS2 clone */

ul.dropdown li:hover > *.dir {
	/*border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #ffa500 #d9d9d9 #d9d9d9;
	background-color: #ffffff;*/
	background: url(images/grad2.png) 0 100% repeat-x;
	color: #ffffff;
}

ul.dropdown liul li *.dir {
	background: #555555;
	color: #ffffff;
}

ul.dropdown li ul li:hover > *.dir {
	background: #888888;
	color: #ffffff;
}