/* --------------------------------- */
/*MESSAGE BOX CLEAN    serie               */
    .clean-gray{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #DEDEDE; 
        background:#EFEFEF;
        color:#222222;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .clean-yellow{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #DEDEDE; 
        background:#FFFFCC;
        color:#222222;
        padding:4px;
        text-align:center;
        margin-top:3px;
    }
    .clean-ok{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #349534; 
        background:#C9FFCA;
        color:#008000;
        font-weight:bold;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .clean-error{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #CC0000; 
        background:#F7CBCA;
        color:#CC0000;
        font-weight:bold;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }

/* --------------------------------- */
/*MESSAGE BOX Iconized               */
    .icon-gray{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #DEDEDE; 
        background:#EFEFEF;
        color:#222222;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .icon-yellow{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #DEDEDE; 
        background:#FFFFCC url(./system/template/web.template/images/messages/icon-yellow.png) 8px 6px no-repeat;
        color:#222222;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .icon-ok{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #90ac13; 
        background:#eef4d3 url(./system/template/web.template/images/messages/icon-green.png) 8px 6px no-repeat;
        color:#6b800d;
        font-weight:bold;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .icon-error{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        border:solid 1px #CC0000; 
        background:#F7CBCA url(./system/template/web.template/images/messages/icon-red.png) 8px 6px no-repeat;
        color:#CC0000;
        font-weight:bold;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    
/* --------------------------------- */
/*MESSAGE BOX SOLID    serie               */

    .solid-gray{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#444444;
        color:#FFFFFF;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .solid-yellow{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#FFFFCC;
        color:#222222;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .solid-ok{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#008000;
        color:#FFFFFF;
        font-weight:bold;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    .solid-error{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#CC0000;
        color:#FFFFFF;
        font-weight:bold;
        padding:4px;
        text-align:center;
        margin-top:5px;
    }
    
/* --------------------------------- */
/* ROUNDED ALTERNATE                   */

    /* ---------------------------------------------------------------------- */
    .round-a-gray{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#444444 url(./system/template/web.template/images/messages/round_gray-left.png) left top no-repeat;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
    }
        .round-a-gray div{
            background:url(./system/template/web.template/images/messages/round_gray-right.png) right bottom no-repeat;
            padding:4px;
        }
    /* ---------------------------------------------------------------------- */
    .round-a-ok{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#008000 url(./system/template/web.template/images/messages/round_green-left.png) left top no-repeat;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
    }
        .round-a-ok div{
            background:url(./system/template/web.template/images/messages/round_green-right.png) right bottom no-repeat;
            padding:4px;
        }
    /* ---------------------------------------------------------------------- */
    .round-a-error{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#CC0000 url(./system/template/web.template/images/messages/round_red-left.png) left top no-repeat;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
    }
        .round-a-error div{
            background:url(./system/template/web.template/images/messages/round_red-right.png) right bottom no-repeat;
            padding:4px;
        }
        
/* --------------------------------- */
/* TOOLTIPS                               */

    /* ---------------------------------------------------------------------- */
    .tooltips-gray{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#444444;
        color:#FFFFFF;
        text-align:center;
        padding-top:4px;
        margin-top:5px;
    }
        .tooltips-gray div{
            background:url(./system/template/web.template/images/messages/tips_gray.png) left bottom no-repeat;
            padding-top:4px;
            height:18px;
        }
    /* ---------------------------------------------------------------------- */
    .tooltips-ok{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#008000;
        color:#FFFFFF;
        text-align:center;
        padding-top:4px;
        margin-top:5px;
    }
        .tooltips-ok div{
            background:url(./system/template/web.template/images/messages/tips_green.png) left bottom no-repeat;
            padding-top:4px;
            height:18px;
        }
    /* ---------------------------------------------------------------------- */
    .tooltips-error{
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
        font-size:12px;
        background:#CC0000;
        color:#FFFFFF;
        text-align:center;
        padding-top:4px;
        margin-top:5px;
    }
        .tooltips-error div{
            background:url(./system/template/web.template/images/messages/tips_red.png) left bottom no-repeat;
            margin-top:4px;
            height:18px;
        }