/* --- [RedDot styles] --- */

.reddot1{
    font-size: xx-small;
    color: red;
    background-color: lightgreen;
}

.reddot2{
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.reddot3{
    border: 2px solid red;
}

.reddotSimple{
    color: red;
    margin: 2px 0;
    font-size: x-small;
}

.reddotFrame{
    border: 1px dotted green;
}

/* --- [Wrapper styles] --- */

.reddotWrapper{
    border: 1px solid green;
    padding: 0.6em;
    margin: 1em 0 1em 0;
    background: #F5FFFA;
    font-size: x-small;
    color: #cc0000;
}
 
div.reddotWrapperSmall1{
    border: 1px solid green;
    padding: 0.1em;
    margin: 1em 0 1.5em 0;
    background: #F5F5F5;
    font-size: x-small;
    color: red;
}

div.reddotWrapperSmall2 {
    border: 1px solid green;
    border-width: 1px 0;
    padding: 0.1em;
    margin: 1em 0 1.5em 0;
    background: #F5F5CC;
    font-size: x-small;
    color: red;
}

div.reddotWrapperSmall3 {
    border: 1px solid green;
    border-width: 1px 0;
    padding: 0.1em;
    margin: 0.2em 0;
    background: #F5FFFA;
    font-size: x-small;
    color: red;
}

div.reddotWrapperTable {
    border: 1px solid green;
    padding: 0 0 0.5em;
    margin: 1em 0;
    text-align: center;
    color: red;
}

/* ---[RedDot modes] --- */

.reddotNoEditMode {
    color: red;
    margin: 0.5em 0;
    border: 0px none;
    text-align: left;
}

.reddotEditOnly {
    color: red;
    margin: 0.5em 0;
    font-weight: bold;
    text-transform: uppercase;
    border: 0px none;
    text-align: left;
}

div.reddotPage {
    border: 1px dotted green;
    padding: 2px;
}