canvas{background-color:transparent}div#container{background-color:white;padding:0;position:relative}div#container div#biomorphs{text-align:center;width:960px;margin:0 auto;overflow:auto}div#container div#biomorphs h3{color:#555;margin-bottom:0;margin-top:8px;font-size:13px}div#container div#biomorphs canvas{vertical-align:bottom;float:left}div#container div#biomorphs canvas.child{background-color:white;border:1px solid white}div#container div#biomorphs canvas.hover{cursor:pointer}div#container div#biomorphs div#parent_container{float:left;position:relative}div#container div#biomorphs div#parent_container canvas#parent{background-color:#f7f7f7;border:1px solid #eee;-webkit-border-radius:5 px;-moz-border-radius:5px;border-radius:5px;position:relative;left:0;top:0}div#container div#biomorphs div#parent_container a{position:absolute;right:10px;bottom:8px;width:23px;height:10px;opacity:0.5;background:url("/assets/dna.png") no-repeat}div#container div#biomorphs div#parent_container a:hover{opacity:1}div#container div#genes{width:278px;position:absolute;display:none;background-color:#444;border:1px solid #222;padding:15px 20px;color:#ddd;font-size:11px}div#container div#genes div.gene{float:left}div#container div#genes div.gene span.index{float:left;width:23px;margin-top:-2px}div#container div#genes div.gene div.slider{width:223px;float:left;background:#555}div#container div#genes div.gene.width div.slider{background:#c95353;border-color:#d57a7a}div#container div#genes div.gene.width div.slider a{background:#d57a7a;border-color:#db8d8d}div#container div#genes div.gene.height div.slider{background:#399b39;border-color:#4abd4a}div#container div#genes div.gene.height div.slider a{background:#4abd4a;border-color:#5dc35d}div#container div#genes div.gene.depth div.slider{background:#81a3fc;border-color:#b3c7fd}div#container div#genes div.gene.depth div.slider a{background:#b3c7fd;border-color:#ccdafe}div#container div#genes div.gene span.value{margin-left:10px;float:left;width:20px;margin-top:-2px;text-align:center}div#container div#genes div#legend{margin-top:5px;float:left}div#container div#genes div#legend p{color:#bbb;margin:0;height:14px}div#container div#genes div#legend p.width{color:#c95353}div#container div#genes div#legend p.height{color:#399b39}div#container div#genes div#legend p.depth{color:#81a3fc}div#panel{background-color:#333;padding:10px 0;overflow:auto}div#panel h3{text-align:center;margin:10px 0 20px 0;color:#ddd;font-size:13px}div#panel div#examples{width:700px;padding-left:50px;margin:0 auto;overflow:auto}div#panel div#examples div.example_container{float:left;text-align:center;margin-right:50px}div#panel div#examples div.example_container div.name{font-weight:bold;margin-bottom:10px}div#panel div#examples div.example_container canvas:hover{cursor:pointer}