.wordgroupGame{
    background-image: url(bg.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
}
.wordgroupGame .machina{
    background-image: url(separaattori.png);
    width: 100%;
    height: 100%;
    position: absolute;
}
.wordgroupGame .wordBox{
    position: absolute;
    left: 289px;
    height: 66px;
    padding-top:20px;
    border: none;
    top: 44px;
    width: 218px;
    text-align: center;
    font-size: 22px;
    display: none;
    font-family: Arial;
    text-transform: uppercase;
}
.wordgroupGame .bucket{
    position: absolute;
    width: 100px;
    height: 70px;
    cursor: pointer;
    display: block;
}
.wordgroupGame .bucket.hyva{
    position: absolute;
    top: 120px;
    left: 88px;
}
.wordgroupGame .bucket.huono{
    position: absolute;
    top: 120px;
    right: 115px;
}

.wordgroupGame .itemList{
    position: absolute;
    top: 170px;
    left: 250px;
    width: 288px;
    height: 160px;
}
.wordgroupGame .sublist.hyva{
    width: 140px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    left: 0px;
    text-align: center;
}
.wordgroupGame .sublist.huono{
    width: 140px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    right: 0px;
    text-align: center;
}
.wordgroupGame .answer{
    position: absolute;
    bottom: 70px;
    left: 363px;
    width: 64px;
    height: 64px;
    display: block;
}
.wordgroupGame .answerFail{
    display: none;
    background-image: url(answer_0.png);
}
.wordgroupGame .answerCorrect{
    display: none;
    background-image: url(answer_1.png);
}
.wordgroupGame .correct{
    font-family: Arial;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;
    text-align: center;
    font-size: 14px;
}
.wordgroupGame .correct.selected{
    color: green;
}