.navigation {
    padding:20px;
    text-align:right;
    
}
.navigation  button {
    background:white;
    border:none;
    padding:0px;
    margin-left:15px;
}

.question {
   font-size :120%;
   text-align: center;
   padding-bottom: 30px;
   width:500px;
}

.variant , .cvariant,  .svariant {
   cursor:default;
   text-align: left;
   padding-bottom: 5px;
   padding-left: 25px;
}

.variant  {
   cursor:default;
   border: 1px lightgreen  dotted;
}

.cvariant  {
   border: 1px lightgreen  solid;
/*   color:green;*/
}
.svariant {
    border: 1px green  solid;
    /*font-weight: bold; */
    color:darkgreen;
    background:  #E9FFE9 url(img/z.gif) no-repeat left center ;

}

.navigation {
   display:block;
   position: flat;
   text-align:right;

}
.navigation img {
    border:none;
    padding-left:50px;
}

.resultmsg {
    text-align:center;
    font-size:20;
    width:80%;
    border: 1px green  solid;
    padding:25px;

    /*font-weight: bold;*/
}
.resultmsg p{
      left:25px;

}

#counters {
   position:absolute;
   bottom:0px
}
.counter {
   text-align:center;
   margin:10px;
   font-size :120%;

}