/* Generic context menu styles */ .contextMenu { position: absolute; width: 115px; z-index: 99999; border: solid 1px #DEDEDE; background: #fff; padding: 0px; margin: 0px; display: none; } .contextMenu LI { list-style: none; padding: 0px; margin: 0px; } .contextMenu A { color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 9px center; background-repeat: no-repeat; outline: none; padding: 3px 5px; padding-left: 32px; font-size: 16px; font-variant: small-caps; } .contextMenu LI.hover A { color: #FFF; background-color: #3399FF; } .contextMenu LI.disabled A { color: #AAA; cursor: default; } .contextMenu LI.hover.disabled A { background-color: transparent; } .contextMenu LI.separator { border-top: solid 1px #CCC; } /* Adding Icons You can add icons to the context menu by adding classes to the respective LI element(s) */ .contextMenu LI.download A { background-image: url(../../images/download_gd_12x16.png); }