/* datango standard/quiz_user.css */
/* last update: 2007-09-12 */

/* begin global settings section */
html, body, th, td {
    font-family: Verdana;
    font-size: 14px;
}
body {
    margin: 0;
    background-color: #B2BFD5;
    width: 100%;
    height: 100%;
}
form {
    margin: 0px;
    padding: 0px;
}
img {
    border: none;
}
/* end global settings section */

/* begin quiz form configuration section */
.textarea {
    /* this configurates the main content table */
    background-color: #FFFFB7;
    color: #000000;
    width: 80%;
    visibility: hidden;
    border: 1px solid black;
    text-align: left;
}
.status {
    /* this configures the status bar */
    background-color: #4D7AA5;
    color: #ffffff;
    width: 100%;
    padding: 2px;
    border-top: 1px solid #5E8BB6;
}
.title {
    /* this configures the quiz title area */
    vertical-align: top;
    background-color: #4D7AA5;
    color: #FFFFFF;
    display: none;
    border-bottom: 1px solid #3C6994;
}
.answers {
    /* this configures the quiz answers area */
    vertical-align: top;
}
.score {
    /* this configures the quiz points area */
}
.points {
    /* this configures the quiz points area */
    text-align: center;
}
.quiznbr {
    /* this configures the quiz numbering area */
    text-align: right;
}
.dnd {
    /* this configures the quiz dnd area */
    /* it is not recommended to change something here */
    vertical-align: top;
}
.questions {
    /* this configures the quiz question area */
    font-weight: bold;
}
/* end quiz form configuration section */

/* begin of time counter section */
.time_counter {
    /* this configures the quiz time counter area */
    display: none;
}
.local_time_counter {
    /* this configures the local time counter area */
}
.global_time_counter {
    /* this configures the global time counter area */
    text-align: right;
}
/* end of time counter section */

/* begin of feedback section */
.feedback {
    /* this is the static feedback section */
}
.feedback_popup {
    /* this is the popup feedback table */
    /* do not change position or display here! */
}
.fp_main {
    /* this is the content part of the feedback popup */
    background-color: #B2BFD5;
    border: 1px solid black;
    border-bottom: none;
    padding: 5px;
    width: 400px;
    height: 300px;
    text-align: center;
}
.fp_border {
    /* this defines the left and right border of the feedback popup */
    background-color: darkblue;
    width: 10px;
    font-size: 1px;
}
.fp_footer {
    /* this defines the bottom part of the feedback popup */
    background-color: darkblue;
    height: 10px;
    font-size: 1px;
}
.fp_head {
    /* this defines the top part of the feedback popup */
    background-color: darkblue;
    height: 20px;
    font-size: 1px;
    text-align: right;
}
.fp_close_area {
    background-color: #B2BFD5;
    text-align: right;
    border: 1px solid black;
    border-top: none;
    padding: 5px;
}
/* end of feedback section */

/* begin of image section */
.quiz_image {
    /* this is the static small image section */
    text-align: center;
}
.quiz_image img {
    /* this is the static small image itself */
    cursor: pointer;
}
.image_popup {
    /* this is the popup image table */
    /* do not change position or display here! */
}
.img_main {
    /* this is the content part of the image popup */
    background-color: #B2BFD5;
    text-align: center;
}
.img_border {
    /* this defines the left and right border of the image popup */
    background-color: darkblue;
    width: 10px;
    font-size: 1px;
}
.img_footer {
    /* this defines the bottom part of the image popup */
    background-color: darkblue;
    height: 10px;
    font-size: 1px;
}
.img_head {
    /* this defines the top part of the image popup */
    background-color: darkblue;
    height: 20px;
    font-size: 1px;
    text-align: right;
}
/* end of image section */

/* begin of macro design section */
.grid th {
    font-weight: normal;
}
.grid td {
}
.gridquestions {
    padding: 4px 0px;
}
.gridanswers {
    background-repeat: no-repeat;
    background-position: center;
}
.gridspacer {
    border-right: 1px solid black;
    width: 1px;
    font-size: 1px;
}
.mchoice_radiobutton {
    border: 0px;
}
.mchoice_checkbox {
    border: 0px;
}
.answer_input {
    border: 1px solid #cccccc;
    margin: 4px;
}
.fib_input {
    border: 1px solid #cccccc;
    margin-left: 4px;
    margin-right: 10px;
}
.choice_radiobutton {
    border: 0px;
}
/* end of macro design section */

/* begin of drag and drop design section */
.dd_object_idle {
    color: #000000;
    background-color: #fff6ec;
    border: 1px solid #cccccc
}
.dd_object_mouse_over {
    color: #000000;
    background-color: #ffebd8;
    border: 1px solid #cccccc
}
.dd_object_in_drag {
    color: #000000;
    background-color: #ffc48a;
    border: 1px solid #cccccc
}
.dd_object_over_target {
    color: #000000;
    background-color: #ffc48a;
    border: 1px solid #cccccc
}
.dd_object_on_target {
    color: #000000;
    background-color: #ffc48a;
    border: 1px solid #cccccc
}
.dd_target_idle {
    color: #ffffff;
    background-color: #ffffff;
    border: 1px solid #cccccc
}
.dd_target_under_object {
    color: #ffebd8;
    background-color: #ffebd8;
    border: 1px solid #cccccc
}
/* end of drag and drop design section */
