div.detail, div.prompt, div.flip1, div.flip2, div.flip3 {
    background-image: url(detail-flashcard.png);   
    background-repeat: no-repeat;
    width: 460px;
    height: 400px;
    position: absolute;
    left: 50%;
    margin-left: -230px;
}

div.prompt {
    background-image: url(prompt-flashcard.png);   
}

div.flip1 {
    background-image: url(flip1-flashcard.png);   
}

div.flip2 {
    background-image: url(flip2-flashcard.png);   
}

div.flip3 {
    background-image: url(flip3-flashcard.png);   
}

iframe#sound {
    position: absolute;
    top: 100px;
    left: 50%;
}

p#progress {
    position: relative;
    top: -95px;
    left: 410px;
}

button#flip {
    position: relative;
    top: -230px;
    width: 80px;
    height: 30px;
}

button#check {
    position: relative;
    top: -230px;
    left: -84px;
    width: 80px;
    height: 30px;
}

button#next {
    position: relative;
    top: -230px;
    width: 80px;
    height: 30px;
}

p#answer_question {
    position: relative;
    top: -130px;
}

button#answer_yes {
    position: relative;
    top: 58px;
    left: 5px;
    width: 80px;
    height: 30px;
}

button#answer_no {
    position: relative;
    top: 58px;
    width: 80px;
    height: 30px;
}

input#answer {
    position:relative;
    top: -240px;
    height: 40px;
    width: 352px;
    font-family: arial;
    font-size: 30px;
}

p#answer_correct {
    position:relative;
    top: -112px;
    left: 120px;
}

p#answer_incorrect {
    position:relative;
    top: -147px;
    left: 120px;
}

p.top {
    position: relative;
    top: -100px;
    left: 10px;
}

p.aboveline {
    position: relative;
    top: -110px;
    left: 10px;
}

p.belowline {
    position: relative;
    top: -120px;
    left: 10px;
}

p.prompt {
    text-align: center;    
    font-family: arial;
    font-size: 38px;
}

p.prompt2 {
    text-align: center;    
    font-family: arial;
    font-size: 30px;
}

p.info {
    text-align: center;    
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
}

div#pimage {
    background-image: url(bear.png);   
    background-repeat: no-repeat;
    height: 108px;
    position: relative;
    top: 28px;
    left: 21px;
}

div#cscore {
    background-image: url(score0.png);   
    background-repeat: no-repeat;
    width: 24px;
    height: 26px;
    position: relative;
    top: -108px;
    left: 225px;
}

p#answer_correct {
    visibility: hidden;
}

p#answer_incorrect {
    visibility: hidden;
}

div#levelInfo {
    position: absolute;
    left: 150px;
    width: 200px;
}