.ds-menu, 
.ds-menu * 
{
   /*
  Set the box sizing to content box
  in the future when IE6 supports box-sizing
  there will be an issue to fix the sizes

  There is probably an issue with IE5 mac now
  because IE5 uses content-box but the script
  assumes all versions of IE uses border-box.

  At the time of this writing mozilla did not support
  box-sizing for absolute positioned element.

  Opera only supports content-box
  */

  box-sizing			:content-box;
  -moz-box-sizing		:content-box;
}

.ds-menu 
{
  position			:absolute;
  z-index			:100;
  visibility		:hidden; 
  width				:100px;
  border			:0px #333333;
  padding			:0px;
  background		:#FFFFFF;
  /*filter			:progid:DXImageTransform.Microsoft.Shadow(color="#9a9a9a", Direction=135, Strength=4) alpha(Opacity=90);*/
  -moz-opacity		:0.9;
}

.ds-menu-empty 
{
  display			:block;
  border			:0px #333333;
  padding			:2px 5px 2px 5px;
  font-size			:12px;
  font-family		:Verdana, Helvetica, Sans-Serif;
  color				:white;
}

.ds-menu a 
{
  display			:block;
  width				:expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
  height			:expression(constExpression("1px"));
  overflow			:visible;	
  padding			:2px 2px 2px 5px;
  font-size			:12px;
  font-family		:Verdana, Helvetica, Sans-Serif;
  text-decoration	:none !important;
  vertical-align	:center;
  color				:#666666;
  border			:0px solid black;
}	

.ds-menu a:visited:hover 
{
  font-size			:12px;
  font-family		:Verdana, Helvetica, Sans-Serif;
  color				:#666666;
}

.ds-menu a:hover 
{
  font-size			:12px;
  font-family		:Verdana, Helvetica, Sans-Serif;
  color				:#666666;
  background		:solid black;/*#ffeedd;*/
  border			:0px #339966;/*#ff8800;*/
}	

.ds-menu a .arrow 
{
  float				:right;
  border			:0;
  width				:3px;
  margin-right		:3px;
  margin-top		:4px;
}

/* separtor */
.ds-menu div 
{
  height			:0;
  height			:expression(constExpression(ieBox ? "2px" : "0"));
  border-top		:0px #F0F6F5;
  border-bottom		:0px #F0F6F5;
  overflow			:hidden;
  margin			:2px 0px 2px 0px;
  font-size			:0mm;
}

.ds-menu-bar 
{
  width				:830px;
  background		:#FFFFFF; 
  padding			:4px;
  font-family		:Verdana, Helvetica, Sans-Serif;
  font-size			:12px;
	
  /* IE5.0 has the wierdest box model for inline elements */
  padding			:expression(constExpression(ie50 ? "0px" : "3px"));
  /*filter			:progId:DXImageTransform.Microsoft.Shadow(Color=#adadad, Strength=4, direction=165);*/
  border-left		:0px solid black;
  border-right		:0px solid black;
  border-bottom		:0px solid black;
  border-top		:0px solid black;
}

.ds-menu-bar a,
.ds-menu-bar a:visited 
{
  border			:0px #FFFFFF;
  padding			:1px 10px 1px 10px;
  color				:#666666;
  text-decoration	:none;

  /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
  height			:expression(constExpression(ie50 ? "17px" : "auto"));
}

.ds-menu-bar a:hover 
{
  color				:#FFFFFF;
  background		:#000000;
  border-left		:0px solid black;
  border-right		:0px solid black;
  border-top		:0px solid black;
  border-bottom		:0px solid black;
}

.ds-menu-bar a .arrow 
{
  border			:0; 
  float				:none;
}

.ds-menu-bar a:active, .so-menu-bar a:focus 
{
  -moz-outline		:none;
  outline			:none;

  /*
    ie does not support outline but ie55 can hide the outline using
    a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
  */

  ie-dummy			:expression(this.hideFocus=true);
  border-left		:0px solid white;
  border-right		:0px solid white;
  border-top		:0px solid white;
  border-bottom		:0px solid white;
}