/* Generic context menu styles */
.contextMenu {
    position: absolute;
    width: 250px;
    z-index: 99999;
    border: solid 1px #CCC;
    background: #EEE;
    padding: 0px;
    margin: 0px;
    display: none;
    direction: rtl;
}

.contextMenu LI {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.contextMenu A {
    color: #333;
    text-decoration: none;
    display: block;
    line-height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
    outline: none;
    padding: 4px 9px;
}

.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;
}
.contextMenu li i{
    font-size: 14px;
    margin-left: 5px;
}
/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.edit A {
    background-position: 99.5% center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.contextMenu LI.cut A {
}

.contextMenu LI.copy A {
}

.contextMenu LI.paste A {
    background-position: 99.5% center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.contextMenu LI.delete A {
    background-position: 99.5% center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.contextMenu LI.quit A {
}