﻿/*Moving to main css dir, so rename to avoid collision
 */

/* -- Base drop-down styling --
relative paths to images changed. Let's get rid of the adobe name globally
changing font to 14px, orig 12 
lets change font face to something lighter */
/* changed from 14px LatoLight */
ul.dropdown {
	font: normal normal normal 15px liberation_sansregular, Calibri, "Trebuchet MS", sans-serif; /* Changes main menu but not dropdown items */
}

	ul.dropdown li {
	 padding: 7px 12px;
	 background-color: #fff; /* here we go, changing black to white and vv */
	 color: #000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 border-radius: 5px; /* will it work? */
	}

	ul.dropdown a:link,
	ul.dropdown a:visited {
	color: #000000;
	text-decoration: none; /* doesn't seem to work: there is still an underline */
}
	ul.dropdown a:hover { color: #111; text-decoration: underline; } /* changing this to black */
	ul.dropdown a:active { color: #000; }

	/* -- level mark -- */
	ul.dropdown ul {
	 margin-left: -6px;
	 width: 170px;
	 padding-bottom: 9px;
	 background: url(../images/navmenu/dropdown_pane.png) 0 100% no-repeat;
	 color: #000;
	 border-radius: 5px; /* works? */
	 font-size: 14px; /* was 11 */
	 font-weight: normal;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul li.empty {
		 padding: 12px 12px 7px !important;
		 /* font-weight: bold; */
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #000; } /* here is the main menu text color */
		ul.dropdown ul a:hover { color: #000; text-decoration: none; }
		ul.dropdown ul a:active { color: #000; }

		/* -- level mark -- */
		ul.dropdown ul ul {
		 display: none;
		}

/* -- Supporting class `dir` -- */
ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../images/navmenu/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
ul.dropdown-vertical *.dir {
 background-image: url(../images/navmenu/nav-arrow-right.png);
}
ul.dropdown-vertical-rtl *.dir {
 padding-right: 15px;
 background-image: url(../images/navmenu/nav-arrow-left.png);
 background-position: 0 50%;
}
/* -- Base style extension -- */
ul.dropdown li a {
 display: block;
 padding: 7px 12px;
}
/* -- Base style override -- */
ul.dropdown li {
 padding: 0;
}
/* -- Base style reinitiate: post-override activities -- */
ul.dropdown li.dir {
 padding: 7px 20px 7px 12px;
}
ul.dropdown ul li.dir {
 padding-right: 15px;
}
/* -- Custom -- */
ul.dropdown ul a {
 padding: 4px 5px 4px 12px;
}
ul.dropdown ul a:hover {
 padding: 3px 5px 3px 11px;
 border: solid 1px #ddd;
 background-color: #eee;
 font-weight: bold;
}