/* tooltip styling. by default the element to be styled is .tooltip  */
      .tooltip {
        display:none;
        background: Black;
        font-size:12px;
        height:70px;
        width:160px;
        padding:25px;
        color:#eee;
        }
        
        /* the overlayed element */
    .simple_overlay {
        /* must be initially hidden */
        display:none;
        /* place overlay on top of other elements */
        z-index:10000;
        /* styling */
        background-color:#000000;
        width:780px;
        height:450px;  
        min-height:200px;
        border:1px solid #666;
        /* CSS3 styling for latest browsers */
        -moz-box-shadow:0 0 90px 5px #000;
        -webkit-box-shadow: 0 0 90px #000;
    }

        .simple_overlay>img {
        width:50%;
        height:100%;
        }

    
    /* close button positioned on upper right corner */
    .simple_overlay .close {
        background-image:url(../img/close.png);
        position:absolute;
        right:-18px;
        top:-18px;
        cursor:pointer;
        height:35px;
        width:35px;
    }

     /* styling for elements inside overlay */
      .details {
          position:absolute;
          top:15px;
          right:15px;
          font-size:12px;
          color:#fff;
          /* width:200px; */
          width:48%;
      }
 
    .details h3 {
          text-align: center;
          color:#CC5200;
          font-size:19px;
      }    

    .details h4 {
          color:#FF9900;
      }    

     .details p {
          text-indent:40px;
          color:#FFFFFF ;
          font: arial;
          font-size:14px;
      }    

      .details ul {
          list-style-type:decimal;
          color:#FFFFFF ;
          font: arial;
          font-size:14px;
      }
      
      .simple_overlay ul {
          font-size:14px;
      }    
      
      .simple_overlay a {
          color:#FF9900;
      }