/*
 * SimpleModal Confirm Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#confirm {display:none;}

/* Overlay */
#confirm-overlay {
    background-color: rgba(0,0,0,.9)
}

/* Container */
#confirm-container {
    width: 420px;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    min-height: 200px;
    border-radius: 8px
}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(../Imagenes/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#000; font-size:14px; margin:0; padding:12px 50px 12px 50px;}
#confirm-container .buttons {width:160px;}
    #confirm-container .buttons div {
        float: right;
        margin-left: 4px;
        margin-right: 4px;
        color: #FFF;
        background-color: #005cb9;
        border-radius: .25rem;
        width: 72px;
        border: 0;
        font-size: 14px;
        font-weight: 500;
        /* height: 40px; */
        line-height: 40px;
    } 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

#alert {display:none;}

/* Overlay */
#alert-overlay {background-color:#eee;}

/* Container */
#alert-container {height:180px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#alert-container .header {height:30px; line-height:30px; width:100%; background-color:#7E5695; color:#fff; font-weight:bold;}
#alert-container .header span {padding-left:8px;}
#alert-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#alert-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#alert-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../Imagenes/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#alert-container a.modal-close,
#alert-container a.modal-close:link,
#alert-container a.modal-close:active,
#alert-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#alert-container a.modal-close:hover {color:#ccc;}