/* These two rules control the non-javascript * display. */
a.editstar, a.editstar:visited {
    color: red;
    font-size: 15px;
}
a.editstar:hover {
    color: yellow;
    background-color: red;
}

.editable_mouseover {
    /* feel free to change this to whatever color works with your theme */
    background-color: #FF6;
    }

.editable_child_mouseover {
    background-color: #DFD;
    }

/* You could also draw an outline around the object.
   It's best not to make this a mouseover style because it will
   cause the text to shift around slightly. (Which I find irritating.)
 */

/*
.editable {
    border: 1px dotted #FCC;
    }
*/

/* The following will add a little blue star in front
   of editable regions. Some people prefer this to the 
   mouseover colors.
*/

/*
.editable:before {
    content: "*  ";
    font-size: 90%;
    color: #00147E;
    background-color: inherit;
    }
*/