/*
need class="fading"
*/
   
 #flip {
   position: fixed; 
   top: 5%; 
   left: 5%; 
   z-index: 95;
   width: 90%; 
   height: 90%; 
   background-color: #eeeeee;
   border: 1px solid #99A238;
   opacity:0.9;
   }
#flip-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 95%;
  }
   
#flip-content-iframe {
  width: 100%;
  height: 100%;
  } 
   
#flip-close {
   position: absolute; 
   bottom: 0;
   left: 0;
   width: 100%;
   height: 5%;
   font-size: 1em;
   }
 
#flip-close-text {
  cursor: pointer;
  position: absolute; 
  top: 15%;
  width: 15%;
  height: 70%;
  border: 1px groove white;
  background-color:inherit;
  text-align: center;
  line-height: 1.8em;
  font-size: 80%;
  }
  
#flip-close-image
  {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: auto; 
  height: 4%;
  }
  
#flip-close-image img {
  width: 100%;
  height: 100%
  }