/* ----------------------------------------------------------------- */
/* --------------------------- CSS of view ------------------------- */
/* ----------------------------------------------------------------- */

#im-nm.view-mode .quiz-image {
    text-align: center;
}

#im-nm.view-mode .quiz-image img {
    margin: 0px auto 20px 0;
    max-width: 100%;
}

#im-nm.view-mode .question {

}


#im-nm.view-mode .answer button{
    width: 100%;
}

#im-nm.view-mode .answer button img{
    margin-right:10px;
    vertical-align: middle;
    width: 25px;
}

#im-nm.view-mode .answer .answer-icon {
    float: left;
    margin-left: 4px;
    margin-right: 5px;
}

#im-nm.view-mode .answer .answer-icon img {
    height:25px;
}

#im-nm.view-mode .nextQuestion, #im-nm.result-mode .start-again {
    margin-top: 30px;
    padding-top: 15px;
    text-align: right;
}

#im-nm.view-mode .question_image {
    margin: 20px auto;
}

#im-nm.view-mode .question_image img {
    width: 100%;
}

#im-nm.view-mode .properties, #im-nm.result-mode .properties  {
    margin: 10px 0 0;
    padding: 10px 0;
}

#im-nm.view-mode table th  {
  padding:5px;
}

#im-nm.view-mode #timer .startTime, #im-nm.view-mode #timer .time {
    display:none;
}

/* VENTI CASELLI TEMPLATE */
#im-nm table.zwanzig tr:nth-child(odd) td {
    background: #efeeee;
}

#im-nm table.zwanzig td {
    border-left: 1px solid #ccc;
}

#im-nm table.zwanzig td:first-child {
    border-left: none;
}

#im-nm table.zwanzig td {
    border-right: 1px solid #ccc;
}

#im-nm table.zwanzig td:last-child {
    border-right: none;
}


/* BRAIN RELAIS TEMPLATE */

#im-nm.view-mode .choose_brain_relais img {
    width:20%;
    margin-right: 15px;
    cursor:pointer;

}

#im-nm.view-mode .coords_brain_relais {
    margin: 20px 0 0 40px;
    display:none;
}

#im-nm.view-mode .coords_brain_relais h5 {
    font-size:12px;
}

#im-nm .selected_brain_relais {
    position:relative;
    min-height:320px;
}

#im-nm .selected_brain_relais .selected_brain_relais_img {

}

#im-nm.view-mode .selected_brain_relais .selection_dot {
    display:none;

}

#im-nm .selected_brain_relais .selection_dot {
    position:absolute;
    z-index: 10;
}

#im-nm.result-mode .selected_brain_relais .brain_true {
    border: 5px solid #3B8C2B;
    border-radius: 10px 10px 10px 10px;
}

#im-nm.result-mode .selected_brain_relais .brain_false {
    border: 5px solid #AB3627;
    border-radius: 10px 10px 10px 10px;
}

#im-nm.result-mode .selected_brain_relais .wrong, #im-nm.result-mode .selected_brain_relais .correct {
    text-align: center;
    margin-top: 10px;
}

#im-nm.result-mode .quiz-result-correct {
    font-size:16px;
    font-weight:bold;
}


#im-nm.result-mode .table{
    margin-top: 30px;
}

#im-nm.result-mode .quiz-description-result{
    margin-top: 20px;
    padding: 5px;
}


#im-nm.result-mode .correct {
    color: #3B8C2B;
    font-weight: bold;
}
#im-nm.result-mode .wrong {
    color: #AB3627;
    font-weight: bold;
}
#im-nm.result-mode .wrong2 {
    color: #DE8B08;
    font-weight: bold;
}

#im-nm.result-mode a.resulttext {
    z-index:10;
}
#im-nm.result-mode a.resulttext:hover{
    position:relative;
    z-index:100;
}
#im-nm.result-mode a.resulttext span{
    display:none;
}
#im-nm.result-mode a.resulttext:hover span{
    display:block;
    width:300px;
    position:absolute;
    top:-2.2em;
    left:.5em;
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    color:#333;
    padding:1px 5px;
    z-index:10;
}