﻿.web_dialog_overlay {
            position: fixed;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            background: #000000;
            opacity: .85;
            filter: alpha(opacity=85);
            -moz-opacity: .85;
            z-index: 101;
            display: none;
        }

.pop-box {position:relative;}

        .web_dialog {
            display: none;
            position: fixed;
            /*width: 600px;
            height: 600px;
            left: 30%; */
            top:15px;
            right:0;
            left:0;
            margin-left:auto;
            margin-right:auto;
            /*max-width:900px;
            
            background-color: #ffffff;
            border: 2px solid #006C8F;
            padding: 10px;*/
            z-index: 999;
            font-family: "PT Sans Narrow",sans-serif;
            font-size: 10pt;
        }

        .web_dialog_scroll input {z-index:999999; max-width:900px !important; }

        .web_dialog p {
                font-size: 13px;
                font-family: "PT Sans Narrow",sans-serif;
            }

  
        .web_dialog_scroll {
          /*  height: 600px;*/
           max-width:900px;
            overflow: hidden;
           /* padding: 10px;*/
            text-align:center;
        }

        .web_dialog_title {
            /*border-bottom: solid 2px #006C8F;
            background-color: #006C8F;*/
            padding: 4px;
            color: White;
            font-weight: bold;
        }

         .web_dialog_title a {
                color: White;
                text-decoration: none;
            }

        .align_right {
            text-align: right;
        }
        /* Responsive Css */ @media only screen and (min-width : 280px) and (max-width : 480px) {
            .web_dialog {
                width: 270px;
                height: 380px;
                left: 200px;
            }
        }

        @media only screen and (min-width : 480px) and (max-width : 640px) {
            .web_dialog {
                width: 420px;
                height: 225px;
                left: 200px;
            }

            .web_dialog_scroll {
                height: 180px;
            }
        }

        @media only screen and (min-width : 640px) and (max-width : 768px) {
            .web_dialog {
                width: 565px;
                height: 225px;
                left: 209px;
            }

            .web_dialog_scroll {
                height: 180px;
            }
        }

        @media only screen and (min-width : 768px) and (max-width : 1024px) {
        }