/* 
    Document   : mensajes
    Created on : 14-may-2010, 15:52:32
    Author     : Andres Guerrero
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.info, .exito, .alerta, .error, .alert, .erroralerta {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    text-align:justify;
    background-image: url('../img/info.png');
}

.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/icon-visto.png');
}

.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/alert.png');
}

.alert {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/alerta.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/icon-desierto.png');
}

.erroralerta {
    color: #000000;
    background-color: #FFBABA;
    background-image: url('../img/alerta.png');
}

#loading{
    display:block;
    position:absolute;
    z-index:1;
    left:40%;
    top:-1px;
    width:400px;
    padding:10px 5px 5px;
    border:1px solid #900;
    text-align:center;
    background-color:#FFEFEF;
    background-repeat: no-repeat;
    background-position: 5px;
    background-image:url('../img/cargando.gif');
}

#exitoso{
    display:block;
    position:absolute;
    z-index:1;
    left:40%;
    top:-1px;
    width:400px;
    border:1px solid #900;
    text-align:center;
    color: #4F8A10;
    padding: 10px;
    background-color: #DFF2BF;
    background-repeat: no-repeat;
    background-position: 5px;
    background-image:url('../img/icon-visto.png');
}