.projimg {
    height: 200px;
    width: 300px;
    border: 1px solid black;
    background-repeat: no-repeat;
}
.rendertypes {    background-image: url('../../Images/basicoperation.png');  background-position: 0px 0px; }
.addwaypointmenu {background-image: url('../../Images/basicoperation.png');  background-position: -300px 0px; }
.drawtrack {    background-image: url('../../Images/drawingtrack.png');    background-position: 0px 0px;}
.routingmode {    background-image: url('../../Images/drawingtrack.png');    background-position: -300px 0px;}
.newtrack {    background-image: url('../../Images/drawingtrack.png');    background-position: 0px -200px;}
.routedrivingwrong {background-image: url('../../Images/drawingtrack.png');    background-position: -300px -200px;}
.tempwalkingmode{background-image: url('../../Images/drawingtrack.png');    background-position: 0px -400px;}
.toherewalkingresult{background-image: url('../../Images/drawingtrack.png');    background-position: -300px -400px;}
.jointrack1{background-image: url('../../Images/jointrack.png'); background-position: 0px 0px; }
.jointrack2{background-image: url('../../Images/jointrack.png'); background-position: -300px 0px;}
.jointrack3{background-image: url('../../Images/jointrack.png'); background-position: 0px -200px;}
.jointrack4{background-image: url('../../Images/jointrack.png'); background-position: -300px -200px;}
.reroute1{background-image: url('../../Images/rerouting.png'); background-position: 0px 0px; }
.reroute2{background-image: url('../../Images/rerouting.png'); background-position: -300px 0px;}
.reroute3{background-image: url('../../Images/rerouting.png'); background-position: 0px -200px;}
.reroute4{background-image: url('../../Images/rerouting.png'); background-position: -300px -200px;}
.reroute5{background-image: url('../../Images/rerouting.png'); background-position: 0px -400px;}
.reroute6{background-image: url('../../Images/rerouting.png'); background-position: -300px -400px;}