/*  2012-08-18  This is the dropdown css for the menu */


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,
ul.dropdown li.over ul {
 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;
}
*/

ul.dropdown { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.dropdown li { /* all list items */
	float: left;
	position: relative;
/*
	width: 10em;
*/
}

ul.dropdown li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 100%;
 	left: 0;
 	z-index: 598;
 	width: 100%;
}

/*
ul.dropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left 
	top: auto;
	left: auto;
}
*/
ul.dropdown li:hover ul, ul.dropdown li.over ul { /* lists nested under hovered list items */
	display: block;
}



ul.dropdown {
 /*font-weight: bold;*/
 font-size: 90%;
}

	ul.dropdown li {
	 padding: 7px 13px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #cccccc #ffffff;
	 background-color: #808080;
	 color: #ffffff;
	 text-align: center;
	}
	
	ul.dropdown li img {
		display:block;
		height:2.5ex;
		float:left;
		padding:0px 2px 0 0;
	}
	ul.dropdown li a {
		display:block;
		float:left;
	}

	ul.dropdown li.hover,
		ul.dropdown li:hover
	{
		background-color: #666;
		color: #ffffff;
	}

	ul.dropdown li.active
	{
		color: #ffffff;
		background-color: #666;
		/*
		background-image: url('../img/nav-active.png');
		*/
		background-repeat: no-repeat;
		background-image: url('../img/nav-active.png');
		background-position: right bottom;
	}

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


	/* -- level mark -- */

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

		ul.dropdown ul li {
		 font-weight: normal;
		}
		
ul.dropdown li{
	background-color:#999999;
	border:1px solid #999999;
	color:white;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1), inset 0px 0px 1px 1px rgba(255,255,255,0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	/*
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
	height:30px;
	*/
	
	margin-right: 10px;
	font-weight: bold;
	cursor:pointer;
}

ul.dropdown li:hover{
/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #999999) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #999999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#999999');
	*/
 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.07), inset 0px 0px 1px 1px rgba(255,255,255,0.15);
 -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.07), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
 -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.07), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
	background-color:lightgray;
	color:black;
}