html{
font-family:'Open Sans',sans-serif;
}
body{
font-family:'Open Sans',sans-serif;
}
#gamebg{
position:absolute;
width:100%;
height:100%;
}
#bganims{
position:absolute;
z-index:20;
left:0px;
top:0px;
width:640px;
height:480.00px;
}
#qdata{
position:absolute;
z-index:80;
left:372px;
top:228px;
width:228px;
height:132.00px;
}
#qdataimg_1_61{position:absolute;z-index:1;left:0px;top:0px;}
#qdataimg_2_61{position:absolute;z-index:1;left:0px;top:0px;}
#qdataimg_3_61{position:absolute;z-index:1;left:0px;top:0px;}
#qdataimg_4_61{position:absolute;z-index:1;left:0px;top:0px;}
#qdataimg_5_61{position:absolute;z-index:1;left:0px;top:0px;}
#qdataimg_6_61{position:absolute;z-index:1;left:0px;top:0px;}
#qdataimg_7_61{position:absolute;z-index:1;left:0px;top:0px;}
#sign{
position:absolute;
z-index:35;
left:351px;
top:182px;
width:262px;
height:282.00px;
}
#signimg1{position:absolute;z-index:1;}
#signimg2{position:absolute;z-index:2;}
#signimg3{position:absolute;z-index:3;}
#signimg4{position:absolute;z-index:4;}
#quitimg1{
position:absolute;
z-index:99;
left:372px;
top:228px;
width:230px;
height:132.00px;
display:none;
}
#gameoverbgfix1{
position:absolute;
z-index:98;
left:374px;
top:228px;
width:230px;
height:138.00px;
display:none;
background:#ffffff;;
}
#anim2{
position:absolute;
z-index:40;
left:372px;
top:430px;
width:218px;
height:34.00px;
}
#arrow{
position:absolute;
z-index:40;
left:26px;
top:64px;
width:310px;
height:310.00px;
display:none;
}
#gameoverimg1{
position:absolute;
z-index:99;
left:383px;
top:246px;
width:212px;
height:40.00px;
display:none;
}
#welcometxt3{
position:absolute;
z-index:210;
left:380px;
top:62px;
width:170px;
height:22.00px;
text-align:center;
font-weight:700;
color:#ffff00;
font-size:22px;
letter-spacing:0px;
line-height:22px;
cursor:default;
}
#gametitle{
position:absolute;
z-index:220;
left:0px;
top:0px;
width:640px;
height:70.00px;
}
#yay{
position:absolute;
z-index:223;
left:444px;
top:180px;
width:95px;
height:72.00px;
display:none;
}
#nextbut{
position:absolute;
z-index:505;
left:558px;
top:452px;
width:80px;
height:26.00px;
color:#ffff00;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
background:#993300;;
border-radius:5px;
font-size:16px;
line-height:26px;
}
#nextbut:hover{
color:#ff9900}
#nextbut:active{
color:#ff9900}
#dynbut1{
position:absolute;
z-index:505;
left:554px;
top:440px;
width:80px;
height:34.00px;
color:#ffff00;
font-weight:700;
text-align:center;
cursor:pointer;

background:#993300;;
border-radius:5px;
font-size:18px;
line-height:30px;
}
#dynbut1:hover{
color:#ff9900}
#dynbut1:active{
color:#ff9900}
#audiotrigger{
position:absolute;
z-index:505;
left:40px;
top:394px;
width:62px;
height:62.00px;
text-align:center;
cursor:pointer;

display:none;
background:border:2px solid #00cc00;
font-size:18px;
line-height:30px;
}
#audiotrigger:hover{
border:2px solid transparent}
#audiotrigger:active{
border:2px solid #000066}
#tryagainbut{
position:absolute;
z-index:505;
left:558px;
top:452px;
width:80px;
height:26.00px;
color:#ffff00;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
background:#993300;;
border-radius:5px;
font-size:16px;
line-height:26px;
}
#tryagainbut:hover{
color:#ff9900}
#tryagainbut:active{
color:#ff9900}
#gamescore{
position:absolute;
z-index:350;
left:100px;
top:278px;
width:78px;
height:20.00px;
color:#ffff00;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
font-size:15px;
line-height:15px;
cursor:default;
}
#gamescoretit{float:left;}
#gamescoretxt{float:right;}
#questioncounter{
position:absolute;
z-index:350;
left:100px;
top:298px;
width:78px;
height:20.00px;
color:#ff9900;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
font-size:15px;
line-height:15px;
cursor:default;
}
#questioncountertit{float:left;}
#questioncountertxt{float:right;}
#instructionstxt1{
position:absolute;
z-index:245;
left:42px;
top:78px;
width:286px;
height:22.00px;
text-align:center;
font-weight:700;
color:#ffff00;
display:none;
font-size:18px;
letter-spacing:0px;
line-height:18px;
cursor:default;
}
#instructionstxt2{
position:absolute;
z-index:246;
left:42px;
top:108px;
width:286px;
height:50.00px;
text-align:center;
font-weight:700;
color:#ffffff;
display:none;
font-size:18px;
letter-spacing:0px;
line-height:18px;
cursor:default;
}
#instructionstxt3{
position:absolute;
z-index:248;
left:42px;
top:160px;
width:286px;
height:22.00px;
text-align:center;
font-weight:700;
color:#ffff00;
display:none;
font-size:18px;
letter-spacing:0px;
line-height:18px;
cursor:default;
}
#instructionstxt4{
position:absolute;
z-index:248;
left:60px;
top:186px;
width:250px;
height:16.00px;
text-align:left;
font-weight:700;
color:#ffff00;
display:none;
font-size:16px;
letter-spacing:0px;
line-height:16px;
cursor:default;
}
#instructionstxt5{
position:absolute;
z-index:248;
left:60px;
top:186px;
width:250px;
height:16.00px;
text-align:right;
font-weight:700;
color:#ffff00;
display:none;
font-size:16px;
letter-spacing:0px;
line-height:16px;
cursor:default;
}
#instr1{
position:absolute;
z-index:300;
left:0px;
top:262px;
width:640px;
height:104.00px;
}
#againbut{
position:absolute;
z-index:400;
left:100px;
top:366px;
width:120px;
height:34.00px;
color:#ffff00;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
background:#993300;;
border-radius:5px;
font-size:18px;
line-height:30px;
}
#againbut:hover{
color:#ff9900}
#againbut:active{
color:#ff9900}
#quitbut1{
position:absolute;
z-index:400;
left:100px;
top:416px;
width:120px;
height:34.00px;
color:#ffff00;
font-weight:700;
text-align:center;
cursor:pointer;

display:none;
background:#993300;;
border-radius:5px;
font-size:18px;
line-height:30px;
}
#quitbut1:hover{
color:#ff9900}
#quitbut1:active{
color:#ff9900}
#completetxt2{
position:absolute;
z-index:415;
left:408px;
top:312px;
width:164px;
height:26.00px;
color:#009900;
font-weight:700;
text-align:center;
margin:0 auto;
display:none;
font-size:26px;
line-height:26px;
cursor:default;
}
#turkey{
position:absolute;
z-index:425;
left:463px;
top:326px;
width:130px;
height:150.00px;
display:none;
}
#answerbuts{
position:absolute;
z-index:500;
left:136px;
top:389px;
width:125px;
height:90.00px;
text-align:center;

display:none;
}
#answerbut1{
position:absolute;
z-index:110;
left:1px;
top:1px;
width:120px;
height:34.00px;
color:#009900;
font-weight:700;
text-align:center;
cursor:pointer;
background:linear-gradient(#cf6c00 0%, #ffcc00 77%,#ffcc00 100%);
border-radius:17px;
font-size:20px;
line-height:32px;
}
#answerbut1:hover{
linear-gradient(#ff9d00 0%, #ffcc00 77%,#ffcc00 100%)}
#answerbut1:active{
linear-gradient(#cf6c00 0%, #ffcc00 77%,#ffcc00 100%)}
#answerbut2{
position:absolute;
z-index:110;
left:1px;
top:41px;
width:120px;
height:34.00px;
color:#009900;
font-weight:700;
text-align:center;
cursor:pointer;
background:linear-gradient(#cf6c00 0%, #ffcc00 77%,#ffcc00 100%);
border-radius:17px;
font-size:20px;
line-height:32px;
}
#answerbut2:hover{
linear-gradient(#ff9d00 0%, #ffcc00 77%,#ffcc00 100%)}
#answerbut2:active{
linear-gradient(#cf6c00 0%, #ffcc00 77%,#ffcc00 100%)}

.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;
}
