@charset "UTF-8";
/** 
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
@import "dropdown.css";
/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul

 * Horizontal CSS Drop-Down Menu Module
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 */
 
 #Layer99 {
	
	background-position:right center;
	background-repeat:no-repeat;
	border-style:none;
	color:#CCCCCC;
	font-size:12px;	
	width:565px;
	z-index:200;
	float:left;
}

* {
 margin: 0;
 padding: 0;
}

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

.dropdown-upward {
 margin-top: 400px !important;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
	width: 580px;
}

ul.dropdown li {
	float: left;
	line-height: 1em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
	background-color: #FFC;
}

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;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}




ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	padding: 7px 10px;
	color: #000;
	background-position: left top;
	background-color: #EBEBEB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-color: #d9d9d9;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	background-color: #FEDE01;
	color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	width: 165px;
	margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
	padding-right: 20px;
	background-image: url(../images/nav-arrow-down.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-color: #e5e5e5;
}


/* -- Components override -- */

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

ul.dropdown-upward *.dir {
 background-image: url(../images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
	background-image: url(../images/nav-arrow-right.png);
	background-color: #EBEBEB;
}

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