body{background-color:#777;color:#fff;padding:0;margin:0;overflow:hidden;font-family:arial}input{color:#fff;background-color:#000;margin-left:2px;margin-top:2px;font-family:'Source Code Pro',sans-serif}input:disabled{background-color:darkgray;color:dimgray}#altContent{background-color:#f00}#CVSoundGen{display:block;height:392px;width:443px}#CVSGHost{position:absolute;right:0;z-index:5000}#playerHandle,#settingsBtn,#helpBtn{background-color:#00f;float:right;font-size:12px;padding-right:6px;cursor:pointer}#playerHandle:hover,#setupBtn:hover,#helpBtn:hover{background-color:#050}#CVSoundGen{transition:height .8s;-webkit-transition:height .8s}#CVSoundGen+#playerHandle:before{content:"Hide"}#CVSoundGen.hidden+#playerHandle:before{content:"Show"}#CVSoundGen.hidden{height:0}#root{top:0;bottom:0;left:0;right:0;position:absolute}#top{border-bottom:1px solid #ff0;position:absolute;top:0;left:0;right:0;height:200px}#maindiv{position:absolute;top:201px;left:0;right:0;bottom:0;overflow-x:auto;overflow-y:hidden}#root.showHelp #maindiv{bottom:10px}#root.showPiano #maindiv{bottom:60px}#root.showHelp.showPiano #maindiv{bottom:70px}#status{position:absolute;left:0;right:0;bottom:0;height:0;font-family:'Source Code Pro',sans-serif;font-size:10px}#status div{position:relative;top:-2px}#root.showHelp #status{height:10px;border-top:1px solid #ff0;overflow:hidden;background-color:red}#pianohost{position:absolute;left:0;right:0;bottom:0;height:0}#root.showPiano #pianohost{height:60px;border-top:1px solid #ff0;overflow:hidden;background-color:green}#root.showHelp.showPiano #pianohost{bottom:10px}#piano{width:1011px;height:60px;font-family:'Press Start 2P'}table{border-collapse:collapse}table td{font-family:'Source Code Pro',sans-serif;font-size:10pt;background-color:#000;padding:0 0 0 1px;margin:0}tbody tr:hover td,tbody tr.focused td,tbody td.selected{background-color:#004;color:#ff0}tbody td:hover,tbody td.focused{background-color:#00F!important}input[type=number]{width:42px}input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:hover::-webkit-outer-spin-button{opacity:1}input[id$=Name]{width:200px}input#modSequence{width:400px}#patternTable tbody td:first-child{text-align:right}#patternTable{color:#fff;float:left;display:block;height:100%;overflow-y:scroll;overflow-x:hidden;margin-right:5px}#patternTable tbody td{text-align:center;border-right:1px solid #ff0;padding-right:2px;padding-left:2px}#patternTable thead tr:nth-child(2) th{font-size:10px;text-align:left}#patternTable thead{position:fixed;background-color:#777}#patternTable thead th{width:160px;padding-left:2px;padding-right:2px;border-right:1px solid #ff0}#patternTable thead th:first-child{width:16px}#patternTable tbody tr:first-child{height:36px}#maindiv>div{height:100%;overflow-style:panner;overflow:auto}#maindiv>div>div{min-width:500px}#instrEditor{border-top:1px solid #ff0}#patternEditor{padding-bottom:5px}#modEditor{border-left:1px solid #ff0}h2{padding:0;margin:0}button{width:120px}button.wide{width:245px}.slideCheck input[type=checkbox]{visibility:hidden}.slideCheck{display:block;width:80px;height:26px;background:#000;margin:2px auto;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),0px 1px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),0px 1px 0 rgba(255,255,255,0.2);box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),0px 1px 0 rgba(255,255,255,0.2)}.slideCheck:after{content:'NTSC';font:12px/26px Arial,sans-serif;color:#FF0;position:absolute;right:6px;z-index:0;font-weight:bold;text-shadow:1px 1px 0 rgba(255,255,255,.15)}.slideCheck:before{content:'PAL';font:12px/26px Arial,sans-serif;color:#00bf00;position:absolute;left:10px;z-index:0;font-weight:bold}.slideCheck label{display:block;width:34px;height:20px;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;position:absolute;top:3px;left:3px;z-index:1;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.3);box-shadow:0 2px 5px 0 rgba(0,0,0,0.3);background:#fcfff4;background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-moz-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-ms-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4',endColorstr='#b3bead',GradientType=0)}.slideCheck input[type=checkbox]:checked+label{left:43px}.rbtn label{display:inline-block;text-indent:0;white-space:inherit;user-select:none;color:buttontext;cursor:default;font-family:Arial;font-size:10pt;line-height:normal;padding:2px 8px;text-align:center;text-shadow:none;white-space:pre;margin:0;border:1px solid #707070;height:1.2em;background:-webkit-linear-gradient(top,#fcfcfc 5%,#f2f2f2 5%,#ebebeb 44.9%,#ddd 45%,#cfcfcf 95%,#f3f3f3 95%);background:-moz-linear-gradient(top,#fcfcfc 5%,#f2f2f2 5%,#ebebeb 44.9%,#ddd 45%,#cfcfcf 95%,#f3f3f3 95%);background:linear-gradient(top,#fcfcfc 5%,#f2f2f2 5%,#ebebeb 44.9%,#ddd 45%,#cfcfcf 95%,#f3f3f3 95%);background-color:black;border-right:0}.rbtn input{display:none;margin:0;padding:0}.rbtn input:checked+label{background-image:none;font-weight:bold;color:white}.rbtn label:nth-of-type(1){-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.rbtn label:nth-last-of-type(1){-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;border-right:1px solid #707070}#songClockPAL:checked+label{color:#0f0}#songClockNTSC:checked+label{color:#ff0}#songClockMixte:checked+label{color:#0ff}#top>div{float:left;height:100%;padding:2px}#top>table{float:left;height:100%;padding:0;display:block;overflow-y:scroll;overflow-x:hidden;color:#fff;width:200px;background-color:#000;border-left:1px solid #ff0}.draggingFile{background-color:blue}.draggingFileOver{background-color:red}.fbr{background-image:-moz-repeating-linear-gradient(top,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%,hsla(0,0%,100%,0) 9%),-moz-repeating-linear-gradient(top,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,0) 4%,hsla(0,0%,0%,.03) 4.5%,hsla(0,0%,0%,0) 6%),-moz-repeating-linear-gradient(top,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,.15) 2.2%,hsla(0,0%,100%,0) 4%),-moz-linear-gradient(-90deg,hsl(0,0%,78%) 0,hsl(0,0%,90%) 47%,hsl(0,0%,78%) 53%,hsl(0,0%,70%)100%)}#popups>div{display:block}#popups>div{display:none;position:absolute;left:50%;top:50%}#popups>div>div{color:black;border:#444 solid;position:relative;background-color:#fff;z-index:10;padding:2px;min-width:400px;min-height:80px;left:-50%;transform:translateY(-50%);padding-bottom:30px}#popups>div>div>div:first-child{color:#fff;background-color:#444;padding:2px;text-align:center}#popups>div>div>div.buttons,#localstoragepicker div.buttons{position:absolute;bottom:2px;text-align:center;width:100%}#localstoragepicker{margin-left:-300px;width:600px;margin-top:-200px;height:400px;text-align:center;display:none;left:50%;top:50%;color:black;border:#444 solid;position:absolute;background-color:#fff;z-index:10;padding:2px}#localstoragepicker ul{border:#000 solid 1px;width:596px;height:348px;margin:2px;position:absolute;left:50%;margin-left:-300px;padding-left:2px;overflow-y:scroll;overflow-x:hidden}#localstoragepicker ul li{text-align:left;list-style-type:none}#localstoragepicker ul li.selected,#localstoragepicker ul li:hover{background-color:#00f;color:#fff}#instrStages>div{border-top:1px dotted #ff0;margin-top:2px}.debug #patternTable,.debug #maindiv div div,.debug #top div{opacity:.5}.debug #maindiv>div{background-color:red;border:10px dashed white}.debug #maindiv{background-color:white;border:3px dashed black}.debug #maindiv div div:nth-child(2n+0),.debug #top>*:nth-child(2n+0){background-color:blue;border:3px dashed yellow}.debug #maindiv div div:nth-child(2n+1),.debug #top>*:nth-child(2n+1){background-color:green;border:3px dashed purple}