.window {
    /*background-color: green;*/
    width: 417px;
    height: 588px;
    display: none;
    z-index: 7;
    background-image:url('../img/wondow1.png');
    /*background-image:url('../img/wondow1_cufaj.png');*/
}
.window2 {
    /*background-color: green;*/
    width: 417px;
    height: 588px;
    display: none;
    z-index: 7;
    background-image:url('../img/wondow2.png');
    /*background-image:url('../img/wondow2_cufaj.png');*/
}
.inputBox{
    background-color: black;
    /*border: none;*/
    font-family: americanCaptain;
    color: #EB4539;
	/*color: #103D5B;*/
    text-align: center;
    height: 25px;
    font-size: 20px;
    position: absolute;
    width: 200px;
    text-transform: uppercase;

}
.formText{
    font-family: americanCaptain;
    color: white;
    text-align: center;
    font-size: 20px;
    position: absolute;

}

#inputLUsername{
     left: 120px;
     top: 320px;
 }
#inputLPass{
    left: 120px;
    top: 410px;
}




#labelLUsername{
    left: 160px;
    top: 290px;
}
#labelLPass{
    left: 200px;
    top: 380px;
}
#myFBShareBtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
    background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
    background-color:#637aad;
    border:1px solid #314179;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:4px 6px;
    text-decoration:none;


    position: absolute;
  left: 328px;
    top: 594px;
}
#myFBShareBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
    background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
    background-color:#5972a7;
}
#myFBShareBtn:active {
    position: absolute;

}


#myFBLoginBtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
    background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
    background-color:#637aad;
    border:1px solid #314179;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    padding:4px 6px;
    text-decoration:none;


    position: absolute;
    top:460px;
    left:150px;
}
#myFBLoginBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
    background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
    background-color:#5972a7;
}
#myFBLoginBtn:active {
    position: absolute;

}
#loginBtn{
    color: #ffffff;
    font-family: americanCaptain;
    font-size: 37px;
    top:500px;
    left:185px;
    position: absolute;

 }

#loginBtn:hover{
    cursor: pointer;
    color: #EB4539;
	/*color: #103D5B;*/


}
#openRegisterBtn{
    color: #ffffff;
    font-family: americanCaptain;
    font-size: 22px;
    top:555px;
    left:260px;
    position: absolute;

}
#openRegisterBtn:hover{

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




#labelRName{
    top: 293px;
    left:160px;
}
#inputRName{
    top: 290px;
    left:210px;
    width: 150px;

}

#labelRSurname{
     top: 333px;
     left:130px;
 }
#inputRSurname{
    top: 330px;
    left:210px;
    width: 150px;
}
#labelREmail{
     top: 373px;
     left:145px;
 }
#inputREmail{
    top: 370px;
    left:210px;
    width: 150px;
}
#labelRUsername{
    top: 413px;
    left:65px;
}
#inputRUsername{
    top: 410px;
    left:210px;
    width: 150px;
}
#labelRPass{
    top: 453px;
    left:143px;
}
#inputRPass{
    top: 450px;
    left:210px;
    width: 150px;
}
#labelRPass2{
    top: 493px;
    left:93px;
}
#inputRPass2{
    top: 490px;
    left:210px;
    width: 150px;
}

#registerBtn{

    color: #ffffff;
    font-family: americanCaptain;
    font-size: 30px;
    top:540px;
    left:160px;
    position: absolute;
}

#registerBtn:hover{

    cursor: pointer;
    color: #EB4539;
	/*color: #103D5B;*/
}
#exitLogin{
    top:540px;
    left:80px;
    font-family: americanCaptain;
    color: #ffffff;
    font-size: 15px;
    position: relative;

}
#exitLogin:hover{

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

}
#exitRegister{
    top:560px;
    left:60px;
    font-family: americanCaptain;
    color: #ffffff;
    font-size: 15px;
    position: relative;

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

#RO_top10_title{
    position: absolute;
    font-family: americanCaptain;
    font-size: 23px;
    color: #ffffff;
    top: 256px;
    left: 160px;
}
#RO_table{
    font-family: americanCaptain;
    position: absolute;
    color: #ffffff;
    top: 291px;
    left: 90px;

}
#RO_userScore_div{
    font-family: americanCaptain;
    position: absolute;

    color: #ffffff;
    top: 538px;
    left: 90px;
}
#RO_labelBack{
    position: absolute;
    font-family: americanCaptain;
    color: #ffffff;
    top: 560px;
    left: 60px;
}
#RO_labelBack:hover{

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

}
#resultsContainer{
    position: absolute;
    font-family: americanCaptain;



}
#R_resultData_title{
    position: absolute;
    font-size: 25px;
    top: 280px;
    left: 175px;
    color: #ffffff;
}

#R_resultData_score{
    position: absolute;
    font-size: 45px;
    top: 320px;
    left: 65px;
    color: #EB4539;
	/*color: #103D5B;*/
    width: 300px;
    text-align: center;
}

#R_resultData_percentage{

    position: absolute;
    font-size: 30px;
    top: 370px;
    left: 65px;
    color: #ffffff;
    width: 300px;
    text-align: center;
}

#R_resultData_songtitle{
    position: absolute;
    font-size: 25px;
    top: 430px;
    left: 187px;
    color: #ffffff;

}
#R_resultData_song{
    position: absolute;
    font-size: 20px;
    top: 460px;
    left: 65px;
    color: #ffffff;
    width: 300px;
    text-align: center;
}
#R_resultData_status{
    position: absolute;
    font-size: 20px;
    top: 510px;
    left: 65px;
    color: #EB4539;
	/*color: #103D5B;*/
    width: 300px;
    text-align: center;

}
#R_resultData_playAgain{
      position: absolute;
      font-size: 20px;
      top: 550px;
      left: 170px;
      color: #ffffff;


  }
#R_resultData_playAgain:hover{
   cursor: pointer;
    color: #EB4539;
	/*color: #103D5B;*/
}
#R_resultData_ranking{
    position: absolute;
    font-size: 20px;
    top: 550px;
    left: 65px;
    color: #ffffff;
}
#R_resultData_ranking:hover{
    cursor: pointer;
    color: #EB4539;
	/*color: #103D5B;*/
}
#R_resultData_menu{
    position: absolute;
    font-size: 20px;
    top: 550px;
    left: 340px;
    color: #ffffff;
}
#R_resultData_menu:hover{
    cursor: pointer;
    color: #EB4539;
	/*color: #103D5B;*/
}
#rankingBySongContainer{
    position: absolute;
    font-family: americanCaptain;
}

#R_table_title{
    position: absolute;
    font-size: 25px;
    top: 250px;
    left: 187px;
    color: #ffffff;
}

#R_table_song{
    position: absolute;
    font-size: 20px;
    top: 290px;
    left: 70px;
    color: #EB4539;
	/*color: #103D5B;*/
    width: 300px;
    text-align: center;

}
#R_table{
    position: absolute;
    font-size: 15px;
    top: 320px;
    left: 80px;
    color: #ffffff;
}
#R_labelBack{
    position: absolute;
    top: 560px;
    left: 60px;
    color: #ffffff;
}
#R_labelBack:hover{

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

#R_resultData_login{
    position: absolute;
    top: 505px;
    left: 112px;
    color: #EB4539;
	/*color: #103D5B;*/
    font-size: 20px;
    width: 200px;
    text-align: center;
}
#R_resultData_login:hover{
    cursor: pointer;
    color: #ffffff;
}
.fb-share-button{
    position: absolute;
    left: 328px;
    top: 594px;

}
#instructionsContainer{
    width: 842px;
    height: 596px;
    display: none;
    z-index: 9;
    background-image:url('../img/navodila-01.png');
    position: absolute;
    left: 0px;
    top: 0px;
}
#instructionsBack{
    position: absolute;
    left: 760px;
    top: 550px;
    color: #ffffff;
    font-family: americanCaptain;
    font-size: 20px;
}
#instructionsBack:hover{
    cursor: pointer;
    color: #EB4539;
	/*color: #103D5B;*/
}
#termsContainer{
    width: 842px;
    height: 596px;
    display: none;
    z-index: 8;
    background-image:url('../img/pogoji-01.png');
    position: absolute;
    left: 0px;
    top: 0px;

}
#termsBack{
     position: absolute;
     left: 760px;
     top: 550px;
     color: #ffffff;
     font-family: americanCaptain;
     font-size: 20px;
 }
#termsBack:hover{
    cursor: pointer;
    color: #EB4539;
	/*color: #103D5B;*/
}
#R_demo{
    font-family: americanCaptain;
    font-size: 39px;
    color: #EB4539;
	/*color: #103D5B;*/
    position: absolute;
    left: 41px;
    top: 259px;
    transform:rotate(-33deg);
    -ms-transform:rotate(-33deg); /* IE 9 */
    -webkit-transform:rotate(-33deg); /* Opera, Chrome, and Safari */
    display: none;

}