/**
    * o------------------------------------------------------------------------------o
    * | This package is licensed under the Phpguru license 2008. A quick summary is  |
    * | that the code is free to use for non-commercial purposes. For commercial     |
    * | purposes of any kind there is a small license fee to pay. You can read more  |
    * | at:                                                                          |
    * |                  http://www.phpguru.org/static/license.html                  |
    * o------------------------------------------------------------------------------o
    *
    * © Copyright 2008 Richard Heyes
    */

    /**
    * Modal Dialog
    */
    .modalBg {
        position: absolute;
        top: 0px;
        left: 0px;
        filter: Alpha(Opacity=50);
        -moz-opacity: 0.5;
        background-color: #ddd;
        visibility: hidden;
        width: expression(document.body.clientWidth);
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);
        z-index: 100;
    }

    .modalDialog {
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: hidden;
        z-index: 101;
        background-color: white;
        color: #728894;
        top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
        left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
        border: 1px solid #777;
        border-top: 0;
        padding: 20px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .modalDialog .modalDialogHeader {
        margin:0;
        padding: 0px;
        color: #333;
        font-weight: bold;
        background-color: #ccc;
        border: 1px solid #989898;
        position: absolute;
        top: 0px;
        left: -1px;
        height: 7px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
    }

    .modalShadow {
        position: absolute;
        background-color: black;
        top: 0px;
        left: 0px;
        z-index: 99;
        top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
        left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }