body{
    margin: 0px 0px;
    background-color: black;
    height: 630px;
}

#gameContainer {
    /*background-color: #E7E7E7;*/
    display: none;
    height: 620px;
    /*width: 100%;*/
    width: 800px;
    /*position: fixed;*/
    /*margin-top: 0px;*/
    margin-left: auto;
    margin-right: auto;
    /*  GAME VIEW CONFIG */
    /*background:url("../img/stuk-bg-3PPoint.png");*/
    /*background:url("../img/stuk-fire.png");*/
    background:url("../img/stuk-fire-bg.png");
	/*background:url("../img/stuk-fire-bg_cufaj.png");*/
    background-repeat:no-repeat;
    background-size: 700px;
    /* BG  posotion      LEFT  TOP    */
    /*background-position: 50px;*/
    background-position: 27px;
    /*background-position: 100px 100px;*/

}
#canvasContainer {
    /*background: #000;*/
    width: 600px;
    height: 500px;
    margin-left:auto;
    margin-right:auto;
    opacity: 0;
    position: relative;
    top:40px;
    left: -50px;

}

#background_overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background:black;
    opacity: 0.3;
    display: none;
}
#background_overlay2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 8;
    background:black;

    display: none;
}
#loading_overlay {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    /*display: none;*/
    z-index: 8;
}
#loading_background_overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background:black;
    opacity: 0.8;
}
#loading_gif_container {
    left: -23px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 8;
    background:url("../img/ajax-loader-circle.gif");
    /*background:url("../img/ajax-loader_cufaj.gif");*/
    background-repeat:no-repeat;
    background-position:center;
}

.scroreLabel{
    position: relative;
    top: 0px;
    font-weight: bold;
    left:300px;
    font-size: 20px;

}

.statusLabel{
    position: relative;
    top: 0px;
    font-weight: bold;
    left:350px;
    font-size: 15px;

}
.comboLabel{
    position: relative;
    top: 0px;
    font-weight: bold;
    left:400px;
    font-size: 15px;

}
@font-face
{
    font-family: americanCaptain;
    src: url(../fonts/american_captain.woff);
}
#login_info{
    position: absolute;
    font-family: americanCaptain;
    font-size: 18px;
    top: 0px;
    left:0px;
    color: #ffffff;
    display: none;

}

#label_odjava{
    top: 0px;
    left:10px;
    position: relative;
}
#label_odjava:hover{
    color: #EB4539;
    cursor: pointer;

}
#label_username{
    position: relative;
    top: 0px;
    left:0px;
    width: 200px;
}
.label_terms{
    font-family: americanCaptain;
    position: absolute;
    top: 594px;
    left:177px;
    font-size: 16px;
    color: #ffffff;
    z-index: 9;
}
.label_terms:hover{

     color: #EB4539;
	/*color: #103D5B;*/
    cursor: pointer;
}

#scoreDiv{
    background-image:url("../img/score.png");
    position: relative;
    font-family: americanCaptain;
    top: -448px;
    left:60px;
    color: #ffffff;
    width: 167px;
    height: 49px;
    font-size: 27px;
    visibility: hidden;
}

#showScore{
    position: absolute;
    top: 8px;
    left:15px;
    text-align: center;
    width: 140px;

}
#timerdiv{
    background-image:url("../img/score.png");
    position: relative;
    font-family: americanCaptain;
    top: -403px;
    left:540px;
    color: #ffffff;
    width: 167px;
    height: 49px;
    font-size: 27px;
    visibility: hidden;
}

#timerlabel{
    position: absolute;
    top: 8px;
    left:15px;
    text-align: center;
    width: 140px;
}

#songname_div{
    background-image:url("../img/song-name2.png");
    position: relative;
    font-family: americanCaptain;
    top: -259px;
    left:220px;
    color: #EB4539;
	/*color: #103D5B;*/
    width: 336px;
    height: 65px;
    font-size: 20px;
    visibility: hidden;
}
#songname_label{
    position: absolute;
    top: 20px;
    left:7px;
    text-align: center;
    width: 323px;
    transform:rotate(-3deg);
    -ms-transform:rotate(-3deg); /* IE 9 */
    -webkit-transform:rotate(-3deg); /* Opera, Chrome, and Safari */
}
#a_key{

    background-image:url('../img/a_null.png');
    position:relative;
    top: -177px;
    left:36px;
    width: 184px;
    height: 67px;
    background-size: 80%;
    background-repeat: no-repeat;

}#s_key{
     background-image:url('../img/s_null.png');
    position:relative;
    top: -244px;
    left:151px;
    width: 164px;
    height: 67px;
     background-size: 80%;
     background-repeat: no-repeat;
}#d_key{
      background-image:url('../img/d_null.png');
    position:relative;
    top: -312px;
    left:269px;
    width: 133px;
    height: 67px;
      background-size: 80%;
      background-repeat: no-repeat;
}
#j_key{
    background-image:url('../img/j_null.png');
    position:relative;
    top: -379px;
    left:376px;
    width: 184px;
    height: 71px;
    background-size: 57%;
    background-repeat: no-repeat;
}
#k_key{
    background-image:url('../img/k_null.png');
    position:relative;
    top: -450px;
    left:475px;
    width: 160px;
    height: 67px;
    background-size: 80%;
    background-repeat: no-repeat;

}
#l_key{
    background-image:url('../img/l_null.png');
    position:relative;
    top: -520px;
    left:578px;
    width: 184px;
    height: 71px;
    background-size: 80%;
    background-repeat: no-repeat;
}

#side_menu{
    position: absolute;
    font-family: americanCaptain;
    font-size: 21px;
    top: 90px;
    left:0px;
    color: #ffffff;
    display: none;
}
#side_banner{
    position: absolute;
    background-image:url('../img/sourock_dnevni_izziv_zircus.png');
    top: 140px;
    left:-4px;
    width: 239px;
    height: 526px;
    display: none;
}
#SM_main{

    position: relative;
}
#SM_main:hover{
    color: #EB4539;
	/*color: #103D5B;*/
    cursor: pointer;
}
#SM_playagain{

    position: relative;

}
#SM_playagain:hover{
    color: #EB4539;
	/*color: #103D5B;*/
    cursor: pointer;
}
#gameCountdown{
    position: absolute;
    font-family: americanCaptain;
    font-size: 140px;
    top: 420px;
    left:380px;
    color: #ffffff;
    display: none;
    width: 400px;
    text-align: center;

}
.logo{
    position: absolute;
    top: 0px;
    left:0px;
    display: none;
}
#comboShow{
    font-family: americanCaptain;
    font-size: 30px;
    position: absolute;
    top: 0px;
    left:0px;
    color: #ffffff;
    display: none;

}

#noteCover{

    position: absolute;
    top: 38px;
    left:-23px;
    background-image:url('../img/note_cover.png');
	/*background-image:url('../img/note_cover_*cufaj.png');*/
    width: 700px;
    height: 234px;
}

#mailInfo{
    font-family: Arial;
    font-size: 15px;
    position: absolute;
    border: 1px solid;
    font-weight: bold;
    padding:10px 10px 10px 10px;
    border-color: #EB4539;
    background-color: black;
    display: none;
    top: 215px;
    left:66px;
    color: #EB4539;

    text-align: center;

}