@charset "UTF-8";
/* Redefine tags */
h1 { font-size:16px }
h2 { font-size:12px }
p { font-size:10px } 
select,
input,
label { font-size:11px; }
textarea { background-color:#FFFFCC }
/* Elements with id */
#wrapper { padding:20px; margin:20px; background-color:#fff; border:1px solid #aaa; }
#scroller { background-color:#333; width:100%; height:120px; overflow-x:scroll }
#frames { border-collapse:collapse; }
#code { margin:20px 0 0 0; }
#codeResult { width:100%; }
/* Classes */
.animation .frame { padding:0 0 0 10px; }
.scroll .frame { padding:10px 0 0 0 }
.frame caption { font-size:11px; padding:3px; color:#CCCCCC }
.frame td { width:16px; height:16px; cursor:pointer }
.frame td.on { background: url(led-on.gif) no-repeat top left    }
.frame td.off { background: url(led-off.gif) no-repeat top left    }