﻿       .divFullImage {
            max-width: 1000px;width: 100%;margin-left:auto;margin-right: auto;
        }
         @media only screen and (max-width:1244px)
         {
             .divFullImage {
                    max-width: 1000px;width: 100%;margin-left:auto;margin-right: auto;
             }
         }
          @media screen and (min-width:47.5em)
         {
            .divFullImage {
                    max-width: 1000px;width: 60%;margin-left:auto;margin-right: auto;top: -100px;
             }
         }
         @media screen and (max-width: 1230px) and (min-width: 760px)
         {
             .divFullImage {
                    max-width: 1000px;width: 60%;margin-left:auto;margin-right: auto;top: -40px;
             }
         }
              @media screen and (max-width: 500px)
         {
             .divFullImage {
                    max-width: 1000px;width: 100%;margin-left:auto;margin-right: auto;top: 80px;
             }
         }
        
   .modalDialog
         {
             position: fixed;
             font-family: Arial, Helvetica, sans-serif;
             top: -10px;
             right: 0;
             bottom: 0;
             left: 0;
             background: rgba(236, 231, 231, 0.4);
             z-index: 99999;
             opacity: 1;
             -webkit-transition: opacity 400ms ease-in;
             -moz-transition: opacity 400ms ease-in;
             transition: opacity 400ms ease-in;
             pointer-events: auto;
         }
         .modalDialog:target
         {
             opacity: 1;
             pointer-events: auto;
         }
         
         .modalDialog > div
         {
             position: relative;
             margin: 10% auto;
             padding: 5px 7px 9px;
             border-radius: 5px;
             /*background: -moz-linear-gradient(#ff8f, #99C9);
             background: -webkit-linear-gradient(#ff8f, #99C9);
             background: -o-linear-gradient(#ff8f, #99C9);*/
         }
         
         .modalDialog-close
         {
            background: #F5203D none repeat scroll 0% 0%;
            color: #FFF;
            position: absolute;
            right: 10px;
            top: 2px;
            border: medium none;
            font-weight: bold;
            height: 28px;
            border-radius: 4px;
            box-shadow: 1px 1px 3px #000;
            width:27px;
         }
         
         .modalDialog-close:hover
         {
             cursor: pointer;
             color: #2F4F7A;
         }
        
           .modalDialogConfirm
         {
             position: fixed;
             font-family: Arial, Helvetica, sans-serif;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             background: rgba(0,0,0,0.2);
             z-index: 99999;
             opacity: 1;
             -webkit-transition: opacity 400ms ease-in;
             -moz-transition: opacity 400ms ease-in;
             transition: opacity 400ms ease-in;
             pointer-events: auto;
         }
         .modalDialogConfirm:target
         {
             opacity: 1;
             pointer-events: auto;
         }
         
         .modalDialogConfirm > div
         {
             width: 500px;
             position: relative;
             margin: 20% auto;
             padding: 5px 5px 13px 5px;
             border-radius: 5px;
             background: #fff;
             background: -moz-linear-gradient(#ff8f, #99C9);
             background: -webkit-linear-gradient(#ff8f, #99C9);
             background: -o-linear-gradient(#ff8f, #99C9);
         }
         .modalDialog-header{
             width: 100%; 
             text-align: center; 
          /*background-color: #78A8B6;*/
          background-color:rgb(21, 157, 217);
             /*padding: 0 15px;*/ 
             font-size:16px;
             margin: 0px;
             font-weight: bold;
             line-height: 30px;
             border-radius: 3px 3px 0 0; 
             color: white;
             border: 1px solid rgb(21, 157, 217);
         }
         .module-title {

             color: #00ced1;
             font-size: 18px;
             font-weight: bold;
         }
         
     
.ContentDiv
{
    margin-top: 50px;
    margin: 0px;
    padding: 0px;
    padding: 15px;
    /*margin-left: 50px;
    margin-right: 50px;
    */
    width: 100%;
    horiz-align: center;
    box-shadow: 2px 2px 5px #888888;
    border: 1px solid #999;
    /*-moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;*/

      border-radius: 4px; 
    -moz-border-radius: 4px; 
    /*border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;*/ 
}
   .modal1
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading1
    {
        font-family: Arial;
        font-size: 10pt;
        /*border: 1px solid #00c0ef;*/
        width: 200px;
        height: 170px;
        /*display: none;*/
        position: fixed;
        background-color: transparent;
        z-index:999;
        color: #ffffff;
    }