div#display_error{color:#666;font-family:Arial,sans-serif;background:none repeat scroll 0 0 #D9E7F9;font-size:12px;z-index:2;text-align:center;padding:0 2px;}
div#display_error a{text-decoration:underline;}body{margin:0;}div.expanded{height:60px;}div#overlay{position:absolute;bottom:0;left:0;z-index:10;background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd')";background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));background:-moz-linear-gradient(top,#fff,#ddd);background:-ms-linear-gradient(top,#FFF,#ddd);font-family:Arial,sans-serif;font-size:11px;color:#000;width:100%;border-top:1px solid #CCC;height:35px;-webkit-transition-property:height;-moz-transition-property:height;-o-transition-property:height;-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;}
div#overlay:hover{height:60px;}div#icon{position:absolute;bottom:5px;left:4px;width:25px;height:26px;border:none;}
div#icon:hover{background-color:#FFF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
div#vertical-separator{height:18px;width:100%;position:absolute;left:0;bottom:0;border-top:1px solid #000;}
div#overlay_right{position:absolute;bottom:21px;right:-16px;background-color:#FFF;}.obscured{position:absolute;height:100%;width:100%;background-color:#144EA1;z-index:-1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;}
.opacity-05{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;}
.opacity-05:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1.0;-moz-opacity:1.0;opacity:1.0;}
.opacity-02{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);-khtml-opacity:.2;-moz-opacity:.2;opacity:.2;}
.opacity-02:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1.0;-moz-opacity:1.0;opacity:1.0;}
div#playbutton{padding-top:40px;text-align:center;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;line-height:2;color:#FFF;z-index:3;text-align:center;}
.opacity-08{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8;}
.opacity-08:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1.0;-moz-opacity:1.0;opacity:1.0;}
.header{font-size:12px;}a{text-decoration:none;color:#144EA1;}code.processing a{text-decoration:underline;}
.bold{font-weight:bold;}pre#source{background-color:#EEE;padding:15px;font-size:12px;}span#actions{position:absolute;bottom:0;left:32px;height:13px;padding:1px 2px 2px 0;min-width:200px;}
span#more-actions{position:absolute;bottom:38px;right:5px;height:13px;padding:1px 2px 2px 0;min-width:200px;text-align:right;display:none;}
div#overlay:hover span#more-actions{display:block;}img.icon{border:none;padding:0;vertical-align:top;padding-right:2px;width:12px;height:12px;}
span#logo-img{position:absolute;left:9px;bottom:37px;display:none;}div#overlay:hover span#logo-img{display:block;}
span#more-actions a{vertical-align:top;}span#embed span#embedcode{width:50px;display:none;}span#embed:hover span#embedcode{display:inline;}
input#embedcodeinput{width:50px;height:10px;}.action{display:inline;padding:1px;}.action a:hover{color:#000;text-decoration:underline;background-color:#FFF;}
#screenshot{position:absolute;color:#144EA1;top:2px;right:2px;vertical-align:center;font-size:10px;font-weight:bold;display:none;}
#camera{width:19px;height:15px;}#camera:hover{width:26px;height:21px;}#sketchpad{position:absolute;color:#144EA1;bottom:9px;right:6px;vertical-align:center;font-size:10px;font-weight:bold;}
#sketchpad:hover{color:#000;text-decoration:underline;}span#attribution{position:absolute;bottom:17px;width:100%;font-size:12px;font-weight:bold;color:#000;overflow-x:none;}
span#title{padding-left:34px;display:block;}span#authors{padding-left:34px;color:#666;display:none;}
div#canvas-wrapper{width:100%;text-align:center;background-color:#999;padding:80px 0 80px 0;border-bottom:2px solid #000;}
div#divider{width:100%;background-color:#000;text-align:center;font-family:'Roboto Mono',monospace;padding:2px 0;border-bottom:2px solid #000;font-size:14px;}
div#divider a{color:#fff;}div#divider a:hover{color:#48D;}span.new-feature{position:relative;bottom:5px;padding:1px 2px;font-size:8px;margin-left:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFAA',endColorstr='#DCDA95')";background:-webkit-gradient(linear,left top,left bottom,from(#FFA),to(#DCDA95));background:-moz-linear-gradient(top,#FFA,#DCDA95);background:-ms-linear-gradient(top,#FFA,#DCDA95);}
#makeymakey-simulator{position:absolute;color:#144EA1;bottom:9px;right:6px;vertical-align:center;font-size:10px;font-weight:bold;margin:0;}
#makeymakey-simulator span{padding:1px;border:1px solid #000;background-color:white;margin:0;}#makeymakey-simulator.up-button span.up-button,#makeymakey-simulator.down-button span.down-button,#makeymakey-simulator.left-button span.left-button,#makeymakey-simulator.right-button span.right-button,#makeymakey-simulator.space-button span.space-button,#makeymakey-simulator.click-button span.click-button{background-color:red;}