/* Modal Popup */

.background
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.frame
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: x-small;

    padding: 2px 3px;
    font-size: small;
    text-align: center;
}

.overlay
{
    border: solid 1px #808080;
    border-width: 1px 1px;
}

.underlay
{
    position: absolute;
    background-color: #000;
    bottom: -1px;
    filter: alpha(opacity=12);
    left: -1px;
    right: -1px;
    top: 3px;
    z-index: -1;
}

.header
{
    cursor: move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url('../../Images/sprite.png') repeat-x 0px -200px;
    color: #000;
    border-bottom: solid 1px #ccc;
    padding: 3px 10px;
}

.header .msg
{
    font-weight: bold;
}

.updating, .body
{
    letter-spacing: 1px;
    background-color: #fff;
    padding: 10px;
    text-align: left;
}

.updating
{
    color: #808080;
    background: #fff url('../../Images/activity.gif') no-repeat center;
}

.footer
{
    text-align: right;
    background: url('../../Images/sprite.png') repeat-x 0px -200px;
    color: #000;
    border-top: solid 1px #ccc;
    padding: 5px 3px;
}

.close
{
    right: 7px;
    background: url('../../Images/sprite.png') no-repeat 0px -300px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    height: 15px;
}