.body {  background-color: #010101  }
.buffer {
    display:none;
}
.container {
float:left;
width:120px;
background-color: #000000;
}
.img1 {
    position:absolute;
    width:1200px;
    height:1200px;
    top:60px;
    left:150px;
    display:block;
}
.ul {
    position:absolute;
    top:0px;
    left:-20px;
    width:80px;
    color:yellow;
    backcolor:#000000;
    list-style-type:none;
}
.stat {
    top:0px;
    left:150px;
    height:40px;
    color:yellow;
    position:absolute;
}
.go {
    position:absolute;
    color:black;
    background-color:green;
    top:400px;
    left:0px;
}
.stop  {
    position:absolute;
    color:black;
    background-color:red;
    top:440px;
    left:0px;
    }
.back  {
    position:absolute;
    color:red;
    top:430px;
    left:0px;
    }
.frwd  {
    position:absolute;
    color:red;
    top:430px;
    left:70px;
    }

.text_on {
    position:absolute;
    top:36px;
    height:20px;
    left:150px;
    color:yellow;
    visibility:visible;
    }

.text_off {
    position:absolute;
    top:0px;
    height:20px;
    left:500px;
    color:white;
    visibility:hidden;
    }

.istart_on {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:500px;
    width:120px;
    visibility:visible;
    }

.istart_off {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:500px;
    width:120px;
    visibility:hidden;
    }

.istop_on {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:620px;
    width:100px;
    visibility:visible;
    }

.istop_off {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:620px;
    width:100px;
    visibility:hidden;
    }

.iclear_on {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:720px;
    width:120px;
    visibility:visible;
    }

.iclear_off {
   position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:720px;
    width:120px;
    visibility:hidden;
    }

.icreate_on {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:840px;
    width:100px;
    visibility:visible;
    }

.icreate_off {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:840px;
    width:100px;
    visibility:hidden;
    }

.ires_off {
    position:absolute;
    color:yellow;
    background-color:gray;
    top:30px;
    left:950px;
    width:100px;
    visibility:hidden;
    }

.ires_on {
    position:absolute;
    background-color:gray;
    top:30px;
    left:1090px;
    width:100px;
    color:yellow;
     visibility:visible;
    }

.ilabel1_off {
    position:absolute;
    top:30px;
    left:1200px;
    visibility:hidden;
}

.ilabel1_on {
    position:absolute;
    top:30px;
    left:1200px;
    color:yellow;
    visibility:visible;
}

.fps_off {
    position:absolute;
    top:10px;
    left:1100px;
    width:60px;
    color:yellow;
    visibility:hidden;
}

.fps_on {
    position:absolute;
    top:10px;
    left:1100px;
    width:60px;
    color:white;
    visibility:visible;
}

.fps_label_off {
    position:absolute;
    top:10px;
    left:1160px;
    color:yellow;
    visibility:hidden;
}

.fps_label_on {
    position:absolute;
    top:10px;
    left:1160px;
    color:yellow;
    visibility:visible;
}

.gifs {
    position:absolute;
    color:yellow;
    background-color:blue;
    top:0px;
    left:420px;
}

.prime {
    position:absolute;
    color:white;
    background-color:blue;
    top:0px;
    left:1300px;
}

.archive {
    position:absolute;
    color:yellow;
    background-color:brown;
    top:0px;
    left:480px;
}
.h6 {
    position:absolute;
    color:yellow;
    background-color:black;
    top:-30px;
    left:560px;
}
.spd { position:absolute;
    display:flex;
    left:1400px;
    top:520px;
    width:440px;
    height:20px;
    value:2;
    transform: rotate(-90deg);
}
.up {
position:relative;
width:30px;
height:30px;
}
.dn {
position:relative;
width:30px;
height:30px;
rotate:180deg;
}
.factor {
position:absolute;
top:350px;
left:12px;
}
.ul2 {
position:absolute;
top:270px;
left:-40px;
list-style-type:none;
}
.bi1 {
color:yellow;
background-color:#000000;
}
.bi2 {
color:white;
background-color:#000000;
}
.li1 {
position:relative;
float:right;
left:-20px;
width:60px;
color:yellow;
background-color:#000000;
}
.li2 {
position:relative;
float:right;
left:-10px;
width:60px;
color:white;
background-color:#000000;
}
.unset {
display:none;
}
.set {
position:relative;
float:left;
width:20px;
height:20px;
display:block;
}
.ul3 {
    position:absolute;
    top:450px;
    left:-20px;
    width:80px;
    color:yellow;
    backcolor:#000000;
    list-style-type:none;
}
.li3 {
    position:relative;
    color:yellow;
    background-color:#000000;
}