div.context-menu { 
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

div.context-menu div.padding { 
  padding: 5px;
}

div.context-menu div.top { 
  width: 100%;
  height: 4px;
  clear: both;
  overflow: hidden;
}

div.context-menu div.top div.left { 
  height: 4px;
  width: 4px;
  background: transparent url(../../gfx/OpenJaw/ContextMenu/topleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.context-menu div.top div.center { 
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
  background: transparent url(../../gfx/OpenJaw/ContextMenu/topcenter.gif) repeat-x left top;
}

div.context-menu div.top div.right { 
  height: 4px;
  width: 4px;
  background: transparent url(../../gfx/OpenJaw/ContextMenu/topright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}

div.context-menu div.main { 
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #ffffff;
}

div.context-menu div.main div.center { 
  display: inline;
  float: left;
  padding: 0;
}

div.context-menu div.main div.item { 
  cursor: pointer;
  padding: 1px;
}

div.context-menu div.main div.item:hover { 
  background-color: #a0a0a0;
}

div.context-menu div.bottom { 
  width: 100%;
  height: 4px;
  clear: both;
  overflow: hidden;
}

div.context-menu div.bottom div.left { 
  height: 4px;
  width: 4px;
  background: transparent url(../../gfx/OpenJaw/ContextMenu/bottomleft.gif) no-repeat left top;
  display: inline;
  float: left;
  padding: 0;
}

div.context-menu div.bottom div.center { 
  height: 4px;
  display: inline;
  float: left;
  padding: 0;
  background: transparent url(../../gfx/OpenJaw/ContextMenu/bottomcenter.gif) repeat-x left top;
}

div.context-menu div.bottom div.right { 
  height: 4px;
  width: 4px;
  background: transparent url(../../gfx/OpenJaw/ContextMenu/bottomright.gif) no-repeat right top;
  display: inline;
  float: right;
  padding: 0;
}