/*=====================================================*/
/*    Description: Modal Window Style Information      */
/*    Author: Simon Moxon                              */
/*    Date: 08.06.2017                                 */
/*=====================================================*/

  [onclick] {
    cursor: pointer;
  }

  div.FullScreenBlackout {
    position: fixed;
    z-index: 2147483640;
    background: #FFFFFF;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: .8;
    display: none;
  }
  
  div.ModalDialogue {
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    padding-left: 2%;
  }
  
  div.ModalFrame {
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
  }
  
  div.ModalFrame > iframe {
    position: absolute;
    top: 7%;
    height: 92%;
    left: 1%;
    width: 98%;
    overflow: hidden;
    border: none;
  }
  
  div.ModalFrameControl {
    top: -1px;
    height: 3%;
    left: 0px;
    right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: silver ridge 3px;
    border-radius: 16px 16px 0px 0px;
    background: -moz-linear-gradient(-45deg, rgba(110,138,239,1) 0%, rgba(140,162,242,0.62) 32%, rgba(141,163,242,0.61) 33%, rgba(234,246,247,0.45) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(110,138,239,1) 0%,rgba(140,162,242,0.62) 32%,rgba(141,163,242,0.61) 33%,rgba(234,246,247,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(110,138,239,1) 0%,rgba(140,162,242,0.62) 32%,rgba(141,163,242,0.61) 33%,rgba(234,246,247,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8aef', endColorstr='#73eaf6f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  
  img.ModalFrameControlClose {
    position: absolute;
    top: 1px;
    right: 3px;
    height: 24px;
    width: auto;
    border: silver inset 2px;
    border-radius: 24px;
  }
  
  div.ModalWindow{
    position: fixed;
    z-index: 2147483645;
    background: white;
    border: black outset 0.5vmin;
    border-radius: 5vmin;
    -moz-box-shadow: 1vh 1vw 3vh black;
    -webkit-box-shadow: 1vh 1vw 3vh black;
    box-shadow: 1vh 1vw 3vh black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='black')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='black');
    display: none;
  }
  
  
  div.Active {
    display: block;
  }
  
    .ModalWindow a{
      color: white;
      font-weight: bold;
      font-size: 3vmin;
      text-align: center;
      padding: 0.2vw 0.8vw 0.2vw 0.8vw;
      border-radius: 0.8vw 1.5vw 0.8vw 1.5vw;
      border: gray solid 0.5vmin;
      cursor: pointer;
      background-image: url("../images/buttonoff.gif");
      background-size: cover;
      position: absolute;
      bottom: 2%;
      left: 44%;
    }
        
    .ModalWindow a:hover {
      color: lightblue;
      font-weight: bolder;
      background-image: url("../images/buttonon.gif");
      border-top: black outset 0.5vmin;
      border-left: black outset 0.5vmin;
      border-bottom: white outset 0.5vmin;
      border-right: white outset 0.5vmin;
    }
    
    .ModalWindow hr{
      position: absolute;
      top: 80%;
      width: 90%;
      left: 5%;
    }
    
    .ModalWindow h1 {
      font-size: 6vmin;
    }
    
    h1.Error {
      color: red;
    }

    h1.Warning {
      color: yellow;
    }
    
    h1.Information {
      color: blue;
    }
    
    .ModalWindow span {
      position: absolute;
      display: inline-block;
      top: 25%;
      width: 95%;
      font-weight: normal;
      font-size: 3.5vmin;
      color: black;
      word-wrap: break-word; 
      white-space: pre-wrap;
    }
    
    img.MessageIcon {
      width: 10vw;
      height: auto;
      float: right;
      margin-left: 2vw;
    }
    
    img.Error {
      content: url('../images/msgerror.png');
    }
    
    img.Warning {
      content: url('../images/msgWarning.png');
    }
    
    img.Information {
      content: url('../images/msginformation.png');
    }
    
    div.ModalFrameHeading {
      position: relative;
      top: -1vh;
      bottom: 0px; 
      color: rgba(30,87,153,1);
      font-family: "Seaweed", cursive;
      font-weight: bold;
      font-style: italic;
      font-size: 3.5vmin;
      vertical-align: 50%;
      width: 90%;
      margin-left: 2vw;
      text-align: center;
      text-shadow: 1px 1px 2px #def, 0 0 0 #000, 1px 1px 2px #def;
    }