#edit-with-js-bin {
  /* position */
  position: fixed;
  top: 0;
  right: 5px;

  /* box-model */
  display: inline-block;
  padding: 7px 5px 8px 9px;
  border: 1px solid #999;
  border-top: 0;

  /* typography & style */
  color: #777;
  text-shadow: white 0 1px 1px;
  text-decoration: none;
  font: normal 12px 'Helvetica Neue', Arial, Helvetica;
  white-space: nowrap;
  background: #ddd;

  /* slide in/out transition */
  -webkit-transition: top ease-out 100ms;
     -moz-transition: top ease-out 100ms;
       -o-transition: top ease-out 100ms;
          transition: top ease-out 100ms;
}

#edit-with-js-bin:hover {
  color: #333;
}

#edit-with-js-bin img {
  width: 16px;
  height: 16px;
  vertical-align: top;
  border: 0;
  margin: -1px 0 0 3px;
}

@media print {
  #edit-with-js-bin {
    display: none;
  }
}


/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    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;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    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:11px;
  color:#fff;
  width:150px;
  }
 
  .details h3 {
  color:#aba;
  font-size:15px;
  }