/* CSS specific to edit mode, such as help content displayed to the editor */

.alert-info 
{
    border-color: #B8C0C5;
    color: black;
    font-family: Verdana;
    font-size: 1em;
    font-style: italic;
    background-color: #B8C0C5;
    box-shadow: 3px 3px 5px #CCC;
    text-align: center;
    }

.alert-error p {
    text-align: left;
}

.alert-error .heading {
    font-weight: bold;
    color: #ff0000;    
}

.alert-error .details {
    font-size: 0.8em;
    max-height: 100px;
    overflow: scroll;   
}

.header.dim {
    margin: 2% 0;
    opacity: 0.3;
}

/* ==========================================================================
   Preview Mode - Adds any additional styles for the block preview section
                  in episerver
   ========================================================================== */

/* Stat Preview */

.preview-mode .stat{
    background:#00864f;
}

/* Blockquote Preview */

.preview-mode blockquote{
    background:url(../img/quote-left-white.png) #000 no-repeat 20px 30px;
    margin-top:0;
}

.preview-mode blockquote p{
    color:#fff;
}

.preview-mode blockquote div{
    background:url(../img/quote-right-white.png) no-repeat bottom right;
}