/*
	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); }
*/

.k-graphiceditor-icon:hover,
.k-state-hover .k-graphiceditor-icon,
.k-state-selected .k-graphiceditor-icon,
.k-state-focused .k-graphiceditor-icon {
    opacity: 1;
}

.k-state-disabled .k-graphiceditor-icon {
    opacity: 0.9;
}

.k-graphiceditor-icon {
    width: 16px;
    height: 16px;
    /*margin: 2px;*/
    display: inline-block;
}

.k-i-graphiceditor-align-bottom {
    background-image: url(icons/align-bottom.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-align-center {
    background-image: url(icons/align-center.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-align-left {
    background-image: url(icons/align-left.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-align-middle {
    background-image: url(icons/align-middle.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-align-right {
    background-image: url(icons/align-right.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-align-top {
    background-image: url(icons/align-top.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-bold {
    background-image: url(icons/bold.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-cancel {
    background-image: url(icons/cancel.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-circle {
    background-image: url(icons/circle.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-star {
    background-image: url(icons/star.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-clear {
    background-image: url(icons/clear.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-clone {
    background-image: url(icons/clone.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-copy {
    background-image: url(icons/copy.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-cut {
    background-image: url(icons/cut.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-delete {
    background-image: url(icons/delete.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-document-properties {
    background-image: url(icons/document-properties.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-dropdown {
    background-image: url(icons/dropdown.gif);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-ellipse {
    background-image: url(icons/ellipse.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-eye {
    background-image: url(icons/eye.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-fhpath {
    background-image: url(icons/fhpath.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-flyouth {
    background-image: url(icons/flyouth.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-flyup {
    background-image: url(icons/flyup.gif);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-freehand-circle {
    background-image: url(icons/freehand-circle.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-freehand-square {
    background-image: url(icons/freehand-square.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-go-down {
    background-image: url(icons/go-down.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-go-up {
    background-image: url(icons/go-up.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-image {
    background-image: url(icons/image.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-italic {
    background-image: url(icons/italic.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-line {
    background-image: url(icons/line.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-link_controls {
    background-image: url(icons/link_controls.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-logo {
    background-image: url(icons/logo.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-move_bottom {
    background-image: url(icons/move_bottom.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-move_top {
    background-image: url(icons/move_top.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-node_clone {
    background-image: url(icons/node_clone.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-node_delete {
    background-image: url(icons/node_delete.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-none {
    background-image: url(icons/none.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-open {
    background-image: url(icons/open.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-paste {
    background-image: url(icons/paste.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-path {
    background-image: url(icons/path.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-polygon {
    background-image: url(icons/polygon.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-rect {
    background-image: url(icons/rect.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-triangle {
    background-image: url(icons/triangle.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-redo {
    background-image: url(icons/redo.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-reorient {
    background-image: url(icons/reorient.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-rotate {
    background-image: url(icons/rotate.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-save {
    background-image: url(icons/save.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-select {
    background-image: url(icons/select.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-select_node {
    background-image: url(icons/select_node.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-sep {
    background-image: url(icons/sep.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-shape_group_elements {
    background-image: url(icons/shape_group_elements.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-shape_ungroup {
    background-image: url(icons/shape_ungroup.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-sourcesvg {
    background-image: url(icons/sourcesvg.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-sourcejson {
    background-image: url(icons/sourcejson.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-spinbtn_updn_big {
    background-image: url(icons/spinbtn_updn_big.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-square {
    background-image: url(icons/square.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-text {
    background-image: url(icons/text.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-to_path {
    background-image: url(icons/to_path.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-undo {
    background-image: url(icons/undo.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-view-refresh {
    background-image: url(icons/view-refresh.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-wave {
    background-image: url(icons/wave.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-wireframe {
    background-image: url(icons/wireframe.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-zoom {
    background-image: url(icons/zoom.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-gridlines {
    background-image: url(icons/gridlines.png);
    background-repeat: no-repeat;
}

.k-i-graphiceditor-svg-preferences {
    background-image: url(icons/svg-preferences.png);
    background-repeat: no-repeat;
}