﻿.foo{}


body
{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 12px;
    color: #333333;
}
h1, h2, h3, h5 { color: #7e7e7e;}
.quiz_header
{
    background-image: url('Images/quiz_header_background.jpg');
    width: 760px;
    height: 117px;
}
.quiz_body
{
    background: url('Images/body_shadow.gif') repeat-y;
    width: 760px;
    min-height: 340px;
    padding: 35px;
}
.quiz_footer
{
    background: url('Images/footer_background.jpg') no-repeat;
    width: 760px;
    height: 79px;
    text-align: right;
    color: #7e7e7e;
    font-size: 12px;
    padding-right: 40px;
}
.quiz_footer_span
{
    display: block;
    padding-right: 40px;
    font-weight: bold;
}
.body_table_left_home
{
    border: solid 1px #cccccc;
    width: 340px;
    min-height: 340px;
    vertical-align: middle;
}
.body_table_right_home
{
    border: none;
    width: 340px;
    min-height: 340px;
    vertical-align: middle;
}
.body_table_left
{
    border: solid 1px #cccccc;
    width: 300px;
    min-height: 300px;
    vertical-align: middle;
    padding: 20px;
    position: relative;
}
.body_table_right
{
    border: none;
    width: 300px;
    min-height: 300px;
    vertical-align: middle;
    padding: 20px;
    position: relative;
}
*[class^="btn"]
{
    border: none; 
}
*[class^="btn"]:hover {cursor: hand;}
.btn_answer { display: block; position: absolute; bottom: 30px; right: 30px; cursor: hand; }
.btn_next {display: block; position: absolute; bottom: 30px; right: 30px; cursor: hand; }

.score_span
{
    font-weight: bolder;
    font-size: 16px;
    color: #7e7e7e;
    float: right;
}
.quiz_correct_number { }
.quiz_score_green {color: #549d00; font-weight: bold;}

.question_list_ul 
{
    list-style: none;
    padding: 0px;
    padding-left: 15px;
    margin: 0px;
    font-weight: bold;
    color: #7e7e7e;
}
.question_list_ul li { padding: 2px 0px 2px 0px; font-size: 12px;}

.div_correct, .div_wrong { margin: auto; position: absolute; top: 110px; width: 100%; }
.span_word_correct, .span_word_wrong { display: block; font-size: 18px; font-weight: bold; text-align: center; color: #7e7e7e;}
.span_paragragh_correct, .span_paragragh_wrong {}

.img_status { display: block; margin: auto; text-align: center;}

.score_percent{font-weight: bold;color: #549d00;}
.score_percent_block{font-size: 45px; font-weight: bold;color: #549d00; }

.trade_type_div
{
    color: #7e7e7e;
    
}
.quiz_question_content
{
    font-size: 13px;
    margin: 0px;
}