/**
    * 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: 111;
    }

    .modalDialog {
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: hidden;
        z-index: 999999;
        background-color: white;
        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;
    }

    .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;
    }

    .modalShadow {
        position: absolute;
        background-color: black;
        top: 0px;
        left: 0px;
        z-index: 110;
        top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
        left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
    }
    
    /**
    * This is not part of the core Modal Dialog styles, instead it's just so that the dialog looks
    * respectable.
    */
    h4 {
        font-family: Verdana, Arial;
        padding-top: 10px;
    }