/* Overlay */
#confirmModalOverlay, #errorModalOverlay,#infoModalOverlay {background-color:#eee; cursor:wait;}

/**********Confirm*********/
/* Container */
#confirmModalContainer{
    height:auto;
    /*height:140px;*/
    width:500px;
    font-family:'Arial';
    font-size:14px; text-align:left;
    background:#ffffff;
    border:5px solid #FF0000;
    padding-bottom: 10px;
}

#confirmModalContainer .header {
     height:30px; 
     background:url(img/header.gif) repeat-x;
     color:#fff; font-size:14px; font-weight:bold; line-height:30px;
     padding-left: 10px;
}

#confirmModalContainer .header span {padding-left:8px;}

#confirmModalContainer #mensaje_close{
     background:#f2f2f2 url(img/boton_cerrar.gif) right top no-repeat;
     width:12px;
     height:12px;
     float:right;
     margin:10px;
}

#confirmModalContainer .message {
     color:#333; text-align:center; margin:0; padding:12px 4px; font-size:12px;
}
#confirmModalContainer .buttons { height:30px; padding-left: 15px; padding-right: 15px;}
#confirmModalContainer .buttons div {
     float:right;
     margin-left:8px; width:auto; height:auto;
     color:#666; font-weight:bold; text-align:center;
     background:url(img/button.gif) repeat-x;
     border:1px solid #bbb; cursor:pointer;
     padding: 5px;
     padding-left: 20px; padding-right: 20px;
     font-size:12px
} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {
     text-decoration:none; font-weight:bold; font-size:12px;
     position:absolute; top:-1px; left:400px; color:#ddd;
}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}

/* Error */
#errorModalContainer {
    height:140px;
    width:420px;
    font-family:'Arial';
    font-size:14px; 
    text-align:left;
    background: #FFFFFF url(img/bg_error.jpg) no-repeat left;
    border:2px solid #ff0000;
    padding-bottom:5px;
}

#errorModalContainer .header {
     color:#ffffff; font-size:14px; font-weight:bold; line-height:30px;
     padding: 5px;
     background: #F2f2f2;
}

#errorModalContainer #mensaje_close{
     background:#f2f2f2 url(img/boton_cerrar.gif) right top no-repeat;
     width:12px;
     height:12px;
}

#errorModalContainer .message {
     color:#333333; text-align:left; padding:12px 4px; font-size:12px;
     font-weight:bold; margin:0; margin-left: 120px;
}

/* Info */

#infoModalContainer {
    height:140px;
    width:420px;
    font-family:'Arial';
    font-size:14px;
    text-align:left;
    background: #FFFFFF url(img/bg_info.jpg) no-repeat left;
    border:2px solid #5774b8;
    padding-bottom:5px;
}

#infoModalContainer .header {
     color:#ffffff; font-size:14px; font-weight:bold; line-height:30px;
     padding: 5px;
     background: #F2f2f2;
}

#infoModalContainer #mensaje_close{
     background:#f2f2f2 url(img/boton_cerrar.gif) right top no-repeat;
     width:12px;
     height:12px;
}

#infoModalContainer .message {
     color:#333333; text-align:left; padding:12px 4px; font-size:12px;
     font-weight:bold; margin:0; margin-left: 120px;
}

#load{
    font-family: Arial;
    font-size: 12px;
    color:#000000;
    text-align:center;
    font-weight:bold;
}

#loader{
    text-align:center;
    font-weight:bold;
    padding-top: 5px;
    height: auto;
}

#loader_close{
    padding: 5px;
}

#barra_loader{
    background: #000FFF url(../media/images/public/icons/ajax-loader.gif) no-repeat center center;
    height: 50px;
    width: 100%;
}