/* use a semi-transparent image for the overlay */
  #overlay{
    background-image:url(images/transparent.png);
    color:#efefef;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:450px;
    overflow-y:auto;
  }
/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/media/img/overlay/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
	  width:100%;

    /* some padding to layout nested elements nicely  */
    padding:10px;

    /* a little styling */
    font-size:11px;
}

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


  /* tooltip styling */
  .tooltip {
    display:none;
    background:url(/media/img/tooltip/black_arrow_big.png);
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
  }

  /* a .label element inside tooltip */
  .tooltip .label {
    color:yellow;
    width:35px;
  }

  .tooltip a {
    color:#ad4;
    font-size:11px;
    font-weight:bold;
  }