/* 
    Document   : overlay
    Created on : Mar 26, 2013, 10:56:23 PM
    Author     : ashiwakoti
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#000;
 
    width:675px;
    min-height:200px;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    
    display:none;
    padding:15px;
    border:2px solid #333;
 
    opacity:1;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* styling for elements inside overlay */
  .details {
      position:absolute;
      top:15px;
      right:15px;
      font-size:12px;
      color:#fff;
      width:350px;
      font-family: 'Museo-500','helvetica neue',helvetica,arial,sans-serif;
  }
 
  .details h3 {
      color:#486D8E;
      font-size:18px;
  }
  .details h4 {
      color:#8CAAC5;
      font-size:15px;
  }

  .overlay_body{
        background-color: #EBECFF;
        display: block;
        height: 4128px;
        left: 0;
        opacity: 0.9;
        position: absolute;
        top: 0;
        width: 1589px;
        z-index: 9998;
  }