@charset "UTF-8";

#nav { margin-bottom: 15px; background-color: #f00; width: 100%; }
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none;}
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }


/*------------------------------------------------------------------------------------------------------/
	@section	Style Framework  */

	/* First-level expected directory tag - li */

	ul.dropdown li { padding: 5px; }
	ul.dropdown *.dir { padding-right: 30px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; }

	/* Non-first level */
	ul.dropdown ul *.dir { padding-right: 15px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; }
	ul.dropdown ul ul *.dir { background-image: url(images/nav-arrow-right2.png); }

	/* Components override */
	ul.dropdown-vertical *.dir { background-image: url(images/nav-arrow-right.png); }
	ul.dropdown-vertical-rtl *.dir { padding-right: 15px; background-image: url(images/nav-arrow-left.png); background-position: 0 50%; }

/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */

	/* ALL LEVELS (incl. first) */

	ul.dropdown { font: bold 13px/normal Arial, Helvetica, sans-serif; }
	ul.dropdown li { color: #fff; background: #f00 url(/images/navi/downarrownav.gif) right 10px no-repeat; border-right: 2px solid #fff; }
	ul.dropdown li.hover, ul.dropdown li:hover { background-color: #0066cc; }
	ul.dropdown li b { margin: 0 15px 0 7px; line-height: 25px; }

		/* Links */
	ul.dropdown a:link, ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { border-top-color: #5db1e0 !important; border-left-color: #5db1e0; background-color: #0066cc; color: #fff; }

	/* proposal */
	ul.dropdown ul a.dir:hover { background-color: #4698ca; background-image: url(images/comnav-arrowon.png); color: #fff; }
	ul.dropdown a:active { background: #058acf url(images/nav-sub-press.png) 0 0 repeat-x !important; color: #fff; }


	/* NON-FIRST LEVEL */
	ul.dropdown ul { left: 0; right: auto; width: 150px; margin-top: -1px;  font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif; }
	
	/* VERY TOP BORDER */
	ul.dropdown ul { border-top: 1px solid #fedab6; }
	
	/* LEFT BORDER */
	ul.dropdown ul { border-left: solid 1px #fedab6; }
	
	ul.dropdown ul li { background-image: none !important; }
	
	/* DROPDOWN BACKGROUND */
	ul.dropdown ul li { background-color: #ffffcc; }

	ul.dropdown ul ul { top: 0; right: auto; left: 100%; margin-top: 0; border-top: none; border-left: none; font-weight: normal; }
	ul.dropdown ul ul li { background-color: #4c4c4c; }
	ul.dropdown ul ul ul li { background-color: #595959; }


	/* Mixed */
	ul.dropdown li a, ul.dropdown *.dir { border-style: solid; border-width: 1px; border-color: #404040 #1a1a1a #1a1a1a #505050; }
	ul.dropdown ul li a, ul.dropdown ul *.dir { border-left: none; }
	ul.dropdown ul ul li a, ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }
	ul.dropdown ul ul ul li a, ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
	
	/* RIGHT BORDERS */
	ul.dropdown ul li a, ul.dropdown ul *.dir { border-color: #ffffcc #fedab6 #fedab6; }
	
	ul.dropdown li ul li a { color: #000 !important; }
	ul.dropdown li ul li a:hover { color: #fff !important; }
	
	/* Custom elements */
	/*
	#n-movies { width: 250px; text-align: center; }
	#n-movies ul { right: auto; left: 0; width: 249px; text-align: left; }
	#n-movies ul ul { left: 249px; width: 150px; }
	#n-movies ul a { width: 232px; }
	#n-movies ul a.dir { width: 210px; }
	#n-movies ul ul a { width: 133px; }
	#n-movies ul ul a.dir { width: 111px; }
	#n-movies ul ul ul { left: 100%; }
*/

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

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

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

	ul.dropdown li { padding: 0; }

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

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

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

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

	ul.dropdown ul a { width: 133px; }
	ul.dropdown ul a.dir { width: 111px; }

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

	ul.dropdown *.open { background-color: #3d3d3d;}
	ul.dropdown ul *.open { background-color: #4c4c4c; background-image: url(images/comnav-arrowover.png); color: #fff; }
	ul.dropdown ul ul *.open { background-color: #595959; background-image: url(images/comnav-arrowover2.png); color: #fff; }

	/* Override UPPER TWO definitions */
	ul.dropdown a.open:hover { background-color: #4698ca; 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: #3d3d3d; }
	ul.dropdown ul li:hover > *.dir { background-color: #4c4c4c; background-image: url(images/comnav-arrowover.png); }
	ul.dropdown ul ul li:hover > *.dir { background-color: #595959; background-image: url(images/comnav-arrowover2.png); color: #fff; }

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