/* CSS style sheet for english_test.html */
body {
    font-family: tahoma, verdana, helvetica; 
}

.resumen {
    background-color : #eaf2ff;
    padding: 0.4em; 
    border: 1px solid #016799;
    margin: auto;
    width: 85%
}

#upper_menu {
    text-align: right;
    margin: 1em;
    list-style-type: none;
    border-bottom: 1px solid #016799;
}

#upper_menu > li {
    border: 1px solid #eada80;
    font-size : 120%;
    margin-bottom: 1em;
    padding: 0.5em;
    background-color: #f5f5f5;
    width: 30%;
    display: inline;
}

#upper_menu > li:hover {
    background-color: #bababa;
}

#online_quiz_questions {
    border: 2px solid #666;
    margin: 1em;
    padding: 0.5em;
    background-color: #e3e8f3;
}

.odd {
    background-color:#EEEEEC;
    border:2px solid #3465A4;
    margin:0.8em;
    padding:1em;
}

.even {
    background-color:#D3D7CF;
    border:2px dotted #3465A4;
    margin:0.8em;
    padding:1em;
}

#online_quiz_result {
    border: 1px solid #016799;
    margin-bottom: 1em;
    padding: 0.5em;
    background-color: #ffffff;
    width: 50%;
    margin: auto;
}

#online_quiz_text {
    border: 2px solid #016799;
    font-size : 120%;
    margin-bottom: 1em;
    padding: 0.5em;
    background-color: #eaf2ff;
}

#online_quiz_text p {
    font-size: 110%;
    background: white;
    border: 2px solid #eada80;
    padding: 1em;
}

#online_quiz_text p em {
    font-size: 170%;
    color: #035a87;
    padding-right: 0.5em;
}

.feedback_check {
    color: red;
    width: 80%;
    padding-left: 1em ;
    border: 1px dotted red;
    margin: 1em;
    font-size: 120%;
    background-color: white;
}

#user_message {
    background-color: #FCE94F; 
    padding: 8px;
    font-size: 90%;
    border: 2px solid #A40000;
    text-align: center;
    margin: 1em auto;
    width: 50%;
}

#certificate_table {
    font-size : 150%;
    background-color : #CCCCFF;
    border-spacing : 0.5em;
    border-style: double;
    border-bottom: solid;
    border-width: thick thin;
}

table.especial th {
    font-weight: bold;
    text-align: left;
}

caption { 
    caption-side: top; 
    width: auto;
    text-align: center;
    padding: 1em;
    color: #bbbbbb;
}