/**********************************************************
 *************** Style for magick quizz portion ***********
 **********************************************************/
#quizz .Step {
    margin: 40px 0 0 0 ;
}
#quizz .Step h3 {
    background-color: #000;
    font-weight: bolder;
    padding: 5px 0 5px 5px;
}

#quizz #userDetailBox div {
    margin: 15px 0 15px 20px;
}

#quizz #userDetailBox label {
    float: left;
    width: 190px;
    font-weight: bolder;
    font-size: 12px;
}

#quizz #userDetailBox input {
    width: 200px;
    border:none;
    border-bottom: 1px solid #FF6C00;
    background-image: url(images/mainbg.gif);
    color: #FF6C00;
    font-weight: bolder;
    text-align: center;
}

#quizz ol li {
    font-weight: bolder;
    font-size: 12px;
    margin: 20px 0;
}

#quizz #submitBox {
    text-align: center;
}

#quizz #submit {
    border-width: 0;
    width: 100px;
    height: 26px;
    background-image: url(images/btn.gif);
    color: #FF6C00;
    font-weight: bolder;
    cursor: pointer;
}

#quizzResult h3 {
    background-color: #78C9FF;
    font-weight: bolder;
    padding: 4px 0 4px 5px;
}
#quizzResult .Para{
    margin: 30px 0 0 0;
}
#quizzResult .Leading{
    font-weight: bolder;
    font-size: 12px;
}

#quizzResult li {
    margin: 10px 0;
}
#quizzResult img {
    border: none;
}

#quizzResult #witchcraftBook {
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
.Center {
    text-align: center;
}
.Italic {
    font-style: italic;
}

#quizzProgressBarBox {
    padding: 30px 0 0 0;
    height: 200px;
    text-align: center;
    color: #FF6C00;
    /*background-color: #f00;*/
}
#quizzProgressBarBox h2 {
    font-size: 25px;
    font-weight: bolder;
}