html{ background: #ddd; font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Calibri, Helvetica, Arial; }
body{ margin: 20px; }
a{ color: #2B81AF; }


#example { position:absolute; top:0px; left:0px; z-index:-1}
      
.sample{ position:absolute; top:900px; left:50px; width: 0px; height: 170px; background: #eee; padding: 0px 0px 0px 0px; margin: 0 0px 0px 0;
  /*border-top: 1px solid white; border-bottom: 1px solid #ccc; border-radius: 15px;*/
  position: relative; cursor: pointer; z-index: 2; opacity: 0.40;}
  
  .sample:hover{ background: #f3f3f3; opacity: 1;}
.sample.on:hover{ background: white; }
  
  /*
.sample img, .sample iframe{ display: block; margin: 0 auto; }



h1{ font-size: 2em; font-weight: normal; margin: 0; }
h2{ width: 120px; height: 30px; padding: 30px 10px; margin: 30px 10px 10px 0; background: #222; color: white;
  border-top: 1px solid #bbb; border-bottom: 1px solid black; border-radius: 5px; text-align: center;
  font-size: 2em; font-weight: normal; clear: left; }
.sample h3{ position: absolute; left: 30px; bottom: 20px; width: 260px; color: #666; cursor: pointer; text-align: center; }

.sample.on{ width: 290px; background: white; -webkit-box-shadow: 0px 5px 10px #999; cursor: default; }



.sample.on:hover h3{ text-decoration: none; }
.sample.on h3:hover, .sample:hover h3{ text-decoration: underline; }
.sample.on h3{ color: black; }
.sample .control_events{ margin: 10px 0 0 0; text-align: center; width: 300px; display: none; opacity: 0.5; }
.sample.on .control_events{ display: block; }
.sample .trigger{ z-index: 555; position: absolute; top: 5px; left: 5px; }
.sample .credits{ margin-top: 10px; font-size: 0.9em; position: absolute; bottom: 10px; text-align: center; width: 300px;
  color: #666; }
.sample .credits a{ color: #666; text-decoration: none; }
.sample.on .credits{ color: black; }
.sample.on .credits a{ color: #2B81AF; }
.sample.on .credits a:hover{ text-decoration: underline; }
.sample pre{ position: absolute; top: 0; left: 370px; font-size: .9em; margin: 0; font-family: Monaco; font-size: 12px;
  width: 250px; padding: 20px 10px; height: 280px; color: #eee; border-radius: 0 15px 15px 0; overflow: hidden;
  display: none; opacity: 0.5;}
.sample.on pre{ text-align: left; background: #444; color: white; display: block; } */