﻿ .modalDialog {
            position: fixed;
            top: -120px;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.8);
            z-index: 10000;
            opacity: 0;
            -webkit-transition: opacity 400ms ease-in;
            -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
            pointer-events: none;
            overflow: scroll;
        }

            .modalDialog:target {
                opacity: 1;
                pointer-events: auto;
            }

            .modalDialog > div {
                width: 50%;
                top: 55px;
                position: relative;
                margin: 10% auto;
                padding: 20px 20px 10px 20px;
                border-radius: 5px;
                background: #fff;
                background: -moz-linear-gradient(#fff, #999);
                background: -webkit-linear-gradient(#fff, #FFF);
                background: -o-linear-gradient(#fff, #999);
            }

        .close {
            background: rgb(255, 255, 255);
            color: #A04747;
            /* line-height: 25px; */
            position: absolute;
            right: 0px;
            text-align: center;
            font-family: monospace;
            top: -22px;
            width: 20px;
            text-decoration: none;
            font-weight: bold;
            -webkit-border-radius: 3px;
            -moz-border-radius: 12px;
            /* border-radius: 12px; */
            -moz-box-shadow: 1px 1px 3px #000;
            -webkit-box-shadow: 1px 1px 3px #000;
            box-shadow: 1px 1px 3px #000;
        }

            .close:hover {
                background: rgba(204, 204, 204, 0.59);
                color: #FFF;
            }