html{
font-family:'Open Sans',sans-serif;
}
body{
font-family:'Open Sans',sans-serif;
}
#gamebg{
position:absolute;
width:100%;
height:100%;
}
#gamebg_overlay{
position:absolute;
z-index:10;
left:0px;
top:0px;
width:640px;
height:480.00px;
}
#bganims{
position:absolute;
z-index:330;
left:0px;
top:0px;
width:640px;
height:480.00px;
}
#qdata1{
position:absolute;
z-index:80;
left:68px;
top:160px;
width:282px;
height:116.00px;
}
#qdata1img1{position:absolute;z-index:901;}
#qdata1img2{position:absolute;z-index:902;}
#qdata1img3{position:absolute;z-index:903;}
#qdata1img4{position:absolute;z-index:904;}
#qdata1img5{position:absolute;z-index:905;}
#qdata1img6{position:absolute;z-index:906;}
#qdata1img7{position:absolute;z-index:907;}
#qdata2{
position:absolute;
z-index:80;
left:68px;
top:160px;
width:282px;
height:116.00px;
}
#qdata2img1{position:absolute;z-index:901;}
#qdata2img2{position:absolute;z-index:902;}
#qdata2img3{position:absolute;z-index:903;}
#qdata2img4{position:absolute;z-index:904;}
#qdata2img5{position:absolute;z-index:905;}
#qdata2img6{position:absolute;z-index:906;}
#qdata2img7{position:absolute;z-index:907;}
#trebleguy{
position:absolute;
z-index:990;
left:50px;
top:20px;
width:80px;
height:86.50px;
}
#rrtit{
position:absolute;
z-index:35;
left:0px;
top:0px;
width:640px;
height:480.00px;
}
#rrtitimg1{position:absolute;z-index:1;}
#rrtitimg2{position:absolute;z-index:2;}
#rrtitimg3{position:absolute;z-index:3;}
#rrtitimg4{position:absolute;z-index:4;}
#rrtitimg5{position:absolute;z-index:5;}
#rrtitimg6{position:absolute;z-index:6;}
#rrtitimg7{position:absolute;z-index:7;}
#rrtitimg8{position:absolute;z-index:8;}
#rrtitimg9{position:absolute;z-index:9;}
#rrtitimg10{position:absolute;z-index:10;}
#rrtitimg11{position:absolute;z-index:11;}
#rrtitimg12{position:absolute;z-index:12;}
#rrtitimg13{position:absolute;z-index:13;}
#rrtitimg14{position:absolute;z-index:14;}
#rrtitimg15{position:absolute;z-index:15;}
#rrtitimg16{position:absolute;z-index:16;}
#rrtitimg17{position:absolute;z-index:17;}
#rrtitimg18{position:absolute;z-index:18;}
#rallycar_1{
position:absolute;
z-index:910;
left:34px;
top:142px;
width:282px;
height:116.00px;
}
#rallycar1img1{position:absolute;z-index:1;}
#rallycar1img2{position:absolute;z-index:2;}
#rallycar1img3{position:absolute;z-index:3;}
#rallycar1img4{position:absolute;z-index:4;}
#rallycar1img5{position:absolute;z-index:5;}
#rallycar1img6{position:absolute;z-index:6;}
#rallycar_2{
position:absolute;
z-index:910;
left:34px;
top:308px;
width:282px;
height:116.00px;
}
#rallycar2img1{position:absolute;z-index:1;}
#rallycar2img2{position:absolute;z-index:2;}
#rallycar2img3{position:absolute;z-index:3;}
#rallycar2img4{position:absolute;z-index:4;}
#rallycar2img5{position:absolute;z-index:5;}
#rallycar2img6{position:absolute;z-index:6;}
#rallyflag{
position:absolute;
z-index:913;
left:522px;
top:16px;
width:100px;
height:88.00px;
}
#rallyflagimg1{position:absolute;z-index:1;}
#rallyflagimg2{position:absolute;z-index:2;}
#rallyflagimg3{position:absolute;z-index:3;}
#rallyflagimg4{position:absolute;z-index:4;}
#rallyflagimg5{position:absolute;z-index:5;}
#rallyflagimg6{position:absolute;z-index:6;}
#rallyflagimg7{position:absolute;z-index:7;}
#rallyflagimg8{position:absolute;z-index:8;}
#rallyflagimg9{position:absolute;z-index:9;}
#rallyflagimg10{position:absolute;z-index:10;}
#instructionsbg{
position:absolute;
z-index:88;
left:0px;
top:0px;
width:640px;
height:154.00px;
display:none;
background:rgba(255,255,255,0.80);
}
#tryagaintxt{
position:absolute;
z-index:88;
left:176px;
top:186px;
width:200px;
height:126.00px;
text-align:center;
font-weight:700;
color:#372813;
display:none;
background:#dac2a5;
font-size:32px;
line-height:126px;
}
#instructionstxt1{
position:absolute;
z-index:88;
left:38px;
top:68px;
width:564px;
height:58.00px;
text-align:center;
font-weight:700;
color:#000066;
display:none;
font-size:22px;
line-height:28px;
}
#welcometxt1{
position:absolute;
z-index:210;
left:174px;
top:40px;
width:326px;
height:60.00px;
text-align:center;
font-weight:700;
color:#b50000;
border-radius:5px;
font-family:'Comic Neue';
font-size:24px;
letter-spacing:.5px;
line-height:30px;
cursor:default;
}
#gametitle{
position:absolute;
z-index:220;
left:630px;
top:2px;
width:7px;
height:7.00px;
}
#tutorimg1{
position:absolute;
z-index:220;
left:0px;
top:0px;
width:640px;
height:480.00px;
display:none;
}
#playimg1{
position:absolute;
z-index:220;
left:0px;
top:0px;
width:640px;
height:480.00px;
display:none;
}
#playimg2{
position:absolute;
z-index:220;
left:0px;
top:0px;
width:640px;
height:480.00px;
display:none;
}
#nextbut{
position:absolute;
z-index:999;
left:568px;
top:428px;
width:68px;
height:48.00px;
color:#ffff00;
font-weight:600;
text-align:center;
cursor:pointer;
background-image:url(../img/but/arrowbutr/d.png);background-repeat:none;
display:none;
font-size:22px;
line-height:30px;
}
#nextbut:hover{
color:#ff9900;background-image:url(../img/but/arrowbutr/h.png);}
#nextbut:active{
color:#ff9900;background-image:url(../img/but/arrowbutr/c.png);}
#dynbut1{
position:absolute;
z-index:505;
left:541px;
top:443px;
width:88px;
height:27.00px;
color:#ffff00;
font-weight:600;
text-align:center;
cursor:pointer;

background:radial-gradient(ellipse at center, #00ff00 0%, #006600 77%,#000000 100%);
border-radius:5px;
font-size:18px;
line-height:24px;
}
#dynbut1:hover{
color:#ff9900}
#dynbut1:active{
color:#ff9900}
#audiotrigger{
position:absolute;
z-index:505;
left:410px;
top:154px;
width:60px;
height:40.00px;
text-align:center;
cursor:pointer;
padding:15px;
display:none;
background:linear-gradient(-74deg,#000000 0%,#006600 25%, #00ff00 50%,#006600 75%, #000000 100%);
font-size:18px;
line-height:30px;
}
#audiotrigger:hover{
border:2px solid #000066}
#audiotrigger:active{
border:2px solid #0000ff}
#qnextbut{
position:absolute;
z-index:999;
left:568px;
top:428px;
width:68px;
height:48.00px;
color:#ffff00;
font-weight:600;
text-align:center;
cursor:pointer;
background-image:url(../img/but/arrowbutr/d.png);
display:none;
font-size:22px;
line-height:30px;
}
#qnextbut:hover{
color:#ff9900;background-image:url(../img/but/arrowbutr/h.png);}
#qnextbut:active{
color:#ff9900;background-image:url(../img/but/arrowbutr/c.png);}
#gamescore{
position:absolute;
z-index:350;
left:270px;
top:450px;
width:100px;
height:18.00px;
color:#2fa326;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
font-size:18px;
line-height:18px;
cursor:default;
}
#gamescoretit{float:left;}
#gamescoretxt{float:right;}
#questioncounter{
position:absolute;
z-index:350;
left:540px;
top:14px;
width:24px;
height:30.00px;
color:#003e1f;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
font-size:30px;
line-height:30px;
cursor:default;
}
#questioncountertit{float:left;}
#questioncountertxt{float:right;}
#questioncount{
position:absolute;
z-index:350;
left:362px;
top:450px;
width:78px;
height:18.00px;
color:#2fa326;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
font-size:18px;
line-height:18px;
cursor:default;
}
#againbut{
position:absolute;
z-index:420;
left:412px;
top:150px;
width:120px;
height:28.00px;
color:#ffff00;
font-weight:600;
text-align:center;
cursor:pointer;

display:none;
background:radial-gradient(ellipse at center, #0000ff 0%, #000066 77%,#000000 100%);
border-radius:5px;
font-size:20px;
line-height:28px;
}
#againbut:hover{
color:#ff9900}
#againbut:active{
color:#ff9900}
#quitbut1{
position:absolute;
z-index:420;
left:412px;
top:200px;
width:120px;
height:28.00px;
color:#ffff00;
font-weight:600;
text-align:center;
cursor:pointer;

display:none;
background:radial-gradient(ellipse at center, #0000ff 0%, #000066 77%,#000000 100%);
border-radius:5px;
font-size:18px;
line-height:24px;
}
#quitbut1:hover{
color:#ff9900}
#quitbut1:active{
color:#ff9900}
#quitbut2{
position:absolute;
z-index:400;
left:10px;
top:445px;
width:88px;
height:27.00px;
color:#ffff00;
font-weight:600;
text-align:center;
cursor:pointer;

display:none;
background:radial-gradient(ellipse at center, #00ff00 0%, #006600 77%,#000000 100%);
border-radius:5px;
font-size:18px;
line-height:24px;
}
#quitbut2:hover{
color:#ff9900}
#quitbut2:active{
color:#ff9900}
#gameoverimg1{
position:absolute;
z-index:410;
left:0px;
top:0px;
width:640px;
height:480.00px;
display:none;
}
#quitimg1{
position:absolute;
z-index:410;
left:108px;
top:302px;
width:424px;
height:58.00px;
display:none;
}
#correcttxt1{
position:absolute;
z-index:328;
left:380px;
top:212px;
width:250px;
height:48.00px;
color:#000066;
font-weight:700;
text-align:left;
display:none;
font-family:'Comic Neue';
font-size:48px;
line-height:48px;
}
#answerbuts{
position:absolute;
z-index:500;
left:30px;
top:115px;
width:382px;
height:224.00px;
text-align:center;

display:none;
}
#answerbut1{
position:absolute;
z-index:110;
left:2px;
top:27px;
width:278px;
height:110.00px;
cursor:pointer;
font-size:20px;
line-height:32px;
}
#answerbut2{
position:absolute;
z-index:110;
left:2px;
top:193px;
width:278px;
height:110.00px;
cursor:pointer;
font-size:20px;
line-height:32px;
}

.fly{
position:absolute;
width:20px;
height:25px;
}
.notebut{
cursor:pointer !important;
outline:none;
-webkit-tap-highlight-color:transparent;
}
.butkw{
width:30px;
height:115px;
}
.butkb{
width:22px;
height:70px;
}
#keyholder{
position:relative;
z-index:2;
left:0px;
top:0px;
}

.notebut img{
position:absolute;
}
.notebut img.notehint{
display:none !important;
}
.notebut.hint img.notehint{
display:block !important;
}
.notebut img:nth-child(1){
display:block !important;
}
.notebut.hover img:nth-child(1),
.notebut.click img:nth-child(1){
display:block !important;
}
.notebut.hover img:nth-child(2),
.notebut.click img:nth-child(2){
display:none !important;
}
.notebut.hover:hover img:nth-child(1),
.notebut.click:active img:nth-child(1){
display:none !important;
}
.notebut.hover:hover img:nth-child(2),
.notebut.click:active img:nth-child(2){
display:block !important;
}
.notebut.hoverclick img:nth-child(1){
display:block !important;
}
.notebut.hoverclick img:nth-child(2){
display:none !important;
}
.notebut.hoverclick img:nth-child(3){
display:none !important;
}
.notebut.hoverclick:hover img:nth-child(1){
display:none !important;
}
.notebut.hoverclick:hover img:nth-child(2){
display:block !important;
}
.notebut.hoverclick:hover img:nth-child(3){
display:none !important;
}
.notebut.hoverclick:active img:nth-child(1){
display:none !important;
}
.notebut.hoverclick:active img:nth-child(2){
display:none !important;
}
.notebut.hoverclick:active img:nth-child(3){
display:block !important;
}
.notebut.hoverclick.midiinput img:nth-child(1){
display:none !important;
}
.notebut.hoverclick.midiinput img:nth-child(2){
display:none !important;
}
.notebut.hoverclick.midiinput img:nth-child(3){
display:block !important;
}
#midistatus{
text-transform:capitalize;display:none;}
#fwbut{
position:absolute;
z-index:999;
width:40px;
height:40px;
left:0px;
top:440px;
background-color:rgba(255,255,255,0.5);
display:none;
}