.dialog {
    font-family: Tahoma;
    font-size: 11pt;
    color: #222222;
    background-color: #fff;
}

/* header styles */
.header {
    position: relative;
    color: #fff;
    cursor: move; /* So the user knows they can drag the panel */
}

    .header .outer {
        padding-right: 40px;
    }

    .header .inner {
        padding-left: 9px;
    }

    .header .content {
        height: 35px;
    }

        .header .content H2 {
            font-size: 12pt;
            font-weight: bold;
            color: #fff;
            padding-top: 6px;
            margin: 0;
        }

    .header .close {
        /* the image is 35x35 pixels wide */
        height: 25px;
        width: 35px;
        /* position the image */
        position: absolute;
        top: 4px;
        right: 7px;
        cursor: pointer;
    }

        .header .close:hover {
            /* set the hover image */
        }

/* dialog body styles */
.body {
}

    .body .outer {
        padding-right: 0px;
    }

    .body .inner {
        padding-left: 0px;
    }

    .body .content {
    }

        .body .content H2 {
            padding: 10px;
            margin: 0px;
            margin-top: 5px;
            text-align: center;
            font-size: 11pt;
            color: #222222;
            font-weight: normal;
        }

        .body .content .footer {
            /* footer image is 41 pixels tall */

            height: 41px;
        }

            .body .content .footer .commands {
                text-align: right;
                padding: 8px;
            }

                .body .content .footer .commands INPUT {
                    /* keep the buttons a consistent size */
                    width: 75px;
                }

/* dialog footer styles */
.footer {
}

    .footer .outer {
        padding-right: 9px;
    }

    .footer .inner {
        padding-left: 9px;
    }

    .footer .content {
        height: 7px;
    }

.updating {
    color: #808080;
}