@import "default.css";


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

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



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

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

ul.dropdown ul,
ul.dropdown ul {
 padding: 8px;
}



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





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

ul.dropdown li.menu {
}

ul.dropdown li.menu.hover,
ul.dropdown li.menu:hover {
 color: #FFFFFF;
}

ul.dropdown li.menu a.menu:active {
}


/* Non-first level */

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

	ul.dropdown ul.menu li.menu {
	}

	ul.dropdown ul.menu li.menu.hover,
	ul.dropdown ul.menu li.menu:hover {
	}



/* Mixed */

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



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

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

ul.dropdown ul.menu li.menu.hover *.open,
ul.dropdown-vertical li.menu.hover *.open {
 padding-left: 15px;
 border-top-color: #fff;
 border-left: solid 1px #ffa500;
 background-color: #0069A3;
 color: #FFFFFF;
}


	/* CSS2 clone */

	ul.dropdown li.menu:hover > *.dir {
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #ffa500 #d9d9d9 #d9d9d9;
	 background-color: #0069A3;
	 background-image: none;
	 color: #FFFFFF;
	}

	ul.dropdown ul.menu li.menu:hover > *.dir,
	ul.dropdown-vertical li.menu:hover > *.dir {
	 padding-left: 15px;
	 border-top-color: #fff;
	 border-left: solid 5px #ffa500;
	 background-color: #0069A3;
	 color: #FFFFFF;
	}