@charset "UTF-8";

@import "default.css";

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

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

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

ul.dropdown li { padding: 0;}

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

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

ul.dropdown *.dir { /* POI */ padding: 5px 30px;}

ul.dropdown ul *.dir { padding: 8px 30px 8px 8px;}

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


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

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

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

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


/* Clone in CSS 2 */

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

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