/* 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;
    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-position: 99.5% center;
    background-image: url(images/page_white_edit.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding-right: 23px;
}
.contextMenu LI.cut A
{
    background-image: url(images/cut.png);
}
.contextMenu LI.copy A
{
    background-image: url(images/page_white_copy.png);
    background-position: 99.5% center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding-right: 23px;
}
.contextMenu LI.paste A
{
    background-position: 99.5% center;
    background-image: url(images/page_white_paste.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding-right: 23px;
}
.contextMenu LI.delete A
{
    background-position: 99.5% center;
    background-image: url(images/page_white_delete.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding-right: 23px;
}
.contextMenu LI.quit A
{
    background-image: url(images/door.png);
}