--- /dev/null
+/* Generic context menu styles */\r
+.contextMenu {\r
+ position: absolute;\r
+ width: 120px;\r
+ z-index: 99999;\r
+ border: solid 1px #CCC;\r
+ background: #EEE;\r
+ padding: 0px;\r
+ margin: 0px;\r
+ display: none;\r
+}\r
+\r
+.contextMenu LI {\r
+ list-style: none;\r
+ padding: 0px;\r
+ margin: 0px;\r
+}\r
+\r
+.contextMenu A {\r
+ color: #333;\r
+ text-decoration: none;\r
+ display: block;\r
+ line-height: 20px;\r
+ height: 20px;\r
+ background-position: 6px center;\r
+ background-repeat: no-repeat;\r
+ outline: none;\r
+ padding: 1px 5px;\r
+ padding-left: 28px;\r
+}\r
+\r
+.contextMenu LI.hover A {\r
+ color: #FFF;\r
+ background-color: #3399FF;\r
+}\r
+\r
+.contextMenu LI.disabled A {\r
+ color: #AAA;\r
+ cursor: default;\r
+}\r
+\r
+.contextMenu LI.hover.disabled A {\r
+ background-color: transparent;\r
+}\r
+\r
+.contextMenu LI.separator {\r
+ border-top: solid 1px #CCC;\r
+}\r
+\r
+/*\r
+ Adding Icons\r
+ \r
+ You can add icons to the context menu by adding\r
+ classes to the respective LI element(s)\r
+*/\r
+\r
+.contextMenu LI.edit A { background-image: url(images/page_white_edit.png); }\r
+.contextMenu LI.cut A { background-image: url(images/cut.png); }\r
+.contextMenu LI.copy A { background-image: url(images/page_white_copy.png); }\r
+.contextMenu LI.paste A { background-image: url(images/page_white_paste.png); }\r
+.contextMenu LI.delete A { background-image: url(images/page_white_delete.png); }\r
+.contextMenu LI.quit A { background-image: url(images/door.png); }\r