@charset "UTF-8";

/** 
 *
 * @file		default.ultimate.css
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 */

@import "default.css";


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

ul.dropdown a,
ul.dropdown span {
	display: block;

}

ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}

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

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

ul.dropdown ul a {
 padding: 5px 10px 5px 10px;
}

ul.dropdown ul a.dir {
 padding: 5px 10px 5px 10px;
}
/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


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


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #333333;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #333333;
 background-image: url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #333333;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}

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