/* site-nav.css
global nav specific styles */

#top-menu {
  position: relative;
  list-style:none;
  text-align:left;
  height: inherit;
  margin: 0 !important;
  padding-left: 9px;
  z-index: 100;
  }

#top-menu li {
  position: relative;
  list-style:none;
  display:block;
  float:left;
  height: 30px;
  top: 5px;
  }

#top-menu li a.root {
  position: relative;
  cursor:pointer;/*IE needs this*/
  text-decoration: none;
  display: block;
  padding-bottom: 15px;
  }

#top-menu li a.root span {
  position: relative;
  font-family: arial;
  font-size: 12px;
  margin:0;
  padding: 0 8px 0 6px;
  color:#FFF;
  display:block;
  height:inherit;
  top: 5px;
  }

#top-menu li.flyoutActive {
	background: url(../../_images/template/menu/menu-tab-left.gif) top left no-repeat;
  }

#top-menu li.flyoutActive a.root {
	background: url(../../_images/template/menu/menu-tab-right.gif) top right no-repeat;
}
  
#top-menu li.flyoutActive a.root span{
  color: black !important;	
  }

  
/* Downloads tab - to accomodate arrow icon */

#top-menu li.menuend {
	margin-right: 50px;
	}

#top-menu li.downloads #downloads-menu-item span {
	display: block;
	background: url(../../_images/template/menu/top-nav-downloads-icon.gif) left no-repeat;
	padding-left: 8px;
	margin-left: 10px;
	}

#top-menu li.downloads.flyoutActive #downloads-menu-item span {
	background-image: url(../../_images/template/menu/top-nav-downloads-icon-active.gif);
	}

/* End Downlaods tab */


#top-menu div.flyout {
  position:absolute;
  left:-9px;
  top: 30px;
  display:none;
  z-index: 3;
  height: auto;
  }
  
#top-menu div.flyout div.menu-shadow-bottom {
  position: relative;
  background: url(../../_images/template/menu/menu-dropdown-bottom.png) top left no-repeat;
  width: 177px;
  height: 17px;
  }

#top-menu div.flyout ul {
  position: relative;
  top: 0;
  width: 158px;
  padding: 6px 9px 0 10px;
  margin: 0;
  background: url(../../_images/template/menu/menu-dropdown.png) bottom left repeat-y;
  }

#top-menu div.flyout ul li {
  float: none;
  height: auto;
  top: 0px;
  width: 159px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  }

#top-menu div.flyout ul li a {
  color:#4a4a4a;
  text-decoration:none;
  width: inherit;
  display: block;
  height: 17px;
  padding-left: 9px;
  width: 157px;
  cursor: pointer;
  }

#top-menu div.flyout ul li a:hover {
  background: url(../../_images/template/menu/menu-dropdown-hover.png) top left no-repeat;
  }

#top-menu div.flyout ul li a span {
  position: relative;
  top: 3px;
  }