@import url("/js/src/hmenu.css");

/****************************************************
   (2) THE POPUP MENUS
*****************************************************/


div.dynarch-popup-menu {
  /* This is the element containing a single popup menu.  Many other elements are inside it,
     but you normally only need to mess with this one and with <table> and <td> elements. */
  background-color : #344D9F;
  padding-top:1px;
  padding-bottom:0px;
  border: 1px white solid;        

}

div.dynarch-popup-menu tr.item td.icon img,
div.dynarch-popup-menu tr.item td.icon div { width: 18px; height: 18px; }
div.dynarch-popup-menu tr.item td.icon { padding: 0px 0px 0px 0px; height: 18px; width: 18px; }

div.dynarch-popup-menu tr.item td.label { 
	padding-top:3px;
    padding-bottom:1px;
}


div.dynarch-popup-menu tr.item td.arrow { }


div.dynarch-popup-menu td {
  /* This table contains popup menu items.  It's a good place to configure fonts. */
	color: White;
	text-decoration: none;	
	font-size: 12px;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;  
}

div.dynarch-popup-menu td.end {
	background-image : url(/images/rbullet.jpg);
	background-position : left bottom;
	background-repeat : no-repeat;
	width:15px;
}

div.dynarch-popup-menu tr.item.hover td,
div.dynarch-popup-menu tr.item.active td
{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #330000;

}

div.dynarch-popup-menu tr.item.hover td.label,
div.dynarch-popup-menu tr.item.active td.label,
{
  /* Set the style for hovered items. */
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #330000;
}

div.dynarch-popup-menu tr.item.hover,
div.dynarch-popup-menu tr.item.active
{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: white;
  color: #330000;
}

div.dynarch-popup-menu tr.item.hover td.end,
div.dynarch-popup-menu tr.item.active td.end  
{
	background-color: white;
	border-bottom-color : #5F78CA;
	border-bottom-style : solid;
	border-bottom-width : 1px;  
	background-image : url(/images/rbullet1.jpg);
	background-position : right bottom;
	background-repeat : no-repeat;
	width:10px;
}



div.dynarch-popup-menu tr.separator td div { 
background-color : #5F78CA; 
margin-left:20px;
}