@charset "UTF-8";

@import "../scripts/css/default.css";


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

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 20px;
}



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


ul.dropdown li {
 padding: 5 px;
	width:135px;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}



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


ul.dropdown *.dir { /* POI */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

ul.dropdown ul *.dir {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
}



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


ul.dropdown ul a {
 width: 120px;
}

ul.dropdown ul a.dir {
 width: 100px;
}



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


ul.dropdown *.open {
 background-color: #910003;
}
ul.dropdown ul *.open {
 background-color: #910003;
 background-image: url(../scripts/navigation/css/images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #AE0000;
 background-image: url(../scripts/navigation/css/images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #AE0000;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image: url(../scripts/navigation/css/images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #5F0008;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #910003;
 background-image: url(../scripts/navigation/css/images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #5F0008;
 background-image: url(../scripts/navigation/css/images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
	background-color: #5F0008;
	color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image: url(../scripts/navigation/css/images/comnav-arrowon.png);
 color: #fff;
}