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

input {
    display: none;
}

.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;

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

.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 :130%;

}

.seltable {
   border:1px green solid;
}

.seltable td {
   width:100px;
   height:100px;
   border:1px black solid;
}

#color1 {
   background:#666666;
   cursor: pointer;
}
#color2 {
   background:#000000;
   cursor: pointer;
}

#color3 {
   background:#CCCCCC;
   cursor: pointer;
}

#color4 {
   background:white;
   cursor: pointer;

}

#color0 {
   background:#999999;
   cursor: pointer;
}