/* Generic context menu styles */
.contextMenu {
position: absolute;
width: 150px;
z-index: 99999;
border: solid 1px #CCC;
background: #EEE;
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: 6px center;
background-repeat: no-repeat;
outline: none;
padding: 1px 5px;
padding-left: 28px;
}

.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.edit A { background-image: url(images/page_white_edit.png); }
.contextMenu LI.cut A { background-image: url(images/cut.png); }
.contextMenu LI.copy A { background-image: url(images/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(images/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(images/page_white_delete.png); }
.contextMenu LI.quit A { background-image: url(images/door.png); }