/* Generic context menu styles */
.contextMenu {
    position: absolute;
    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: 25px;
        height: 25px;
        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.add A {
        background-image: url(../../src/Add.png);
    }

    .contextMenu LI.moveup A {
        background-image: url(../../src/moveup.png);
    }

    .contextMenu LI.movedown A {
        background-image: url(../../src/movedown.png);
    }

    .contextMenu LI.change A {
        background-image: url(../../src/Tree.png);
    }

    .contextMenu LI.delete A {
        background-image: url(../../src/cross.png);
    }

    .contextMenu LI.quit A {
        background-image: url(../../src/door.png);
    }