/* Text */

.edit-text {
    outline:none;
    -webkit-nbsp-mode:space;
}

.edit-text.over {
    background-image:url("/media/edit/default/img/editable/edit-over.png");
    background-repeat:repeat;
    background-position:top left;
    cursor:pointer;
}

.edit-text.edit {
    background-color:#e6eef6;
    min-height:1em; /* Prevents Firefox collapsing the node. */
}

.edit-text.drop {
    background-color:#c8f1b3;
    background-repeat:repeat;
    background-position:top left;
}

.edit-text.drop-center {
    background-image:url("/media/edit/default/img/editable/drop-below.png");
    background-position:bottom left;
}

.edit-text.drop-left { background-image:url("/media/edit/default/img/editable/drop-left.png"); }


.edit-text.drop-right { background-image:url("/media/edit/default/img/editable/drop-right.png"); }

/* Image */

.edit-image { position:relative; }

.edit-image img {
    display:block;
    height:100%;
    width:100%;
}

.edit-image.over { cursor:pointer; }

.edit-image.over img {
    border:1px solid #ffbfbf;
    background-image:url("/media/edit/default/img/editable/edit-over.png");
    left:-5px;
    position:relative;
    padding:4px;
    top:-5px;
}

.edit-image.edit img {
    background-color:#e6eef6;
    border:1px solid #c4d6e8;
    left:-5px;
    position:relative;
    padding:4px;
    top:-5px;
}

.edit-image.edit img.drag { 
    border:1px solid #fff;
    left:0;
    position:relative;
    padding:0;
    top:0;
}

.edit-movie {
    background-color:#eee;
    background-image:url("/media/edit/default/img/editable/movie.png");
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    padding:5px;
    text-align:center;
}

.edit-movie.over {
    background-color:#ffdfdf;
    cursor:pointer;
    position:relative;
}

.edit-movie.edit {
    background-color:#e6eef6;
}

.edit-movie.edit .drag { 
}

.draggable { cursor:move; }

.resizeable { cursor:resize; } /* @@ look at this, CSS 3 uses nwse-resize instead */