body { background-color:#000; color: #acf; }

#order { float:left; width:400px; padding:5px; }
#tools .commands { float:left; width:250px; padding:5px; } 

table td, table th { padding:3px; }

#order table { width:100%; }
#order table thead th { border-bottom:3px solid #acf; font-weight:bold; }
#order table tbody td { border-bottom:1px solid #acf; }

.delete, .commands li, #raceselect li { cursor:pointer; }
.sprite-container { position:relative; line-height: 30px; }

#raceselect li { margin-left:15px; }

span.sprite { background: #000 url('sprite.gif') no-repeat 0 0; position:absolute; height:30px; width:30px; }

span.sprite.rp.A { background-position: 0px 0px; }
span.sprite.rp.B { background-position: 0px -30px; }
span.sprite.rp.C { background-position: 0px -60px; }
span.sprite.rp.D { background-position: 0px -90px; }
span.sprite.rp.E { background-position: 0px -120px; }
span.sprite.rp.F { background-position: 0px -150px; }
span.sprite.rp.G { background-position: 0px -180px; }
span.sprite.rp.H { background-position: 0px -210px; }
span.sprite.rp.I { background-position: 0px -240px; }
span.sprite.rp.J { background-position: 0px -270px; }
span.sprite.rp.K { background-position: 0px -300px; }
span.sprite.rp.L { background-position: 0px -330px; }
span.sprite.rp.M { background-position: 0px -360px; }
span.sprite.rp.N { background-position: 0px -390px; }
span.sprite.rp.O { background-position: 0px -420px; }
span.sprite.rp.P { background-position: 0px -450px; }
span.sprite.rp.Q { background-position: 0px -480px; }
span.sprite.rp.R { background-position: 0px -510px; }
span.sprite.rp.S { background-position: 0px -540px; }
span.sprite.rp.T { background-position: 0px -570px; }
span.sprite.rp.U { background-position: 0px -600px; }
span.sprite.rp.V { background-position: 0px -630px; }
span.sprite.rp.W { background-position: 0px -660px; }
span.sprite.rp.X { background-position: 0px -690px; }
span.sprite.rp.Y { background-position: 0px -720px; }
span.sprite.rp.Z { background-position: 0px -750px; }
span.sprite.rp.a { background-position: 0px -780px; }
span.sprite.rp.b { background-position: 0px -810px; }
span.sprite.rp.c { background-position: 0px -840px; }
span.sprite.rp.d { background-position: 0px -870px; }
span.sprite.rp.e { background-position: 0px -900px; }
span.sprite.rp.f { background-position: 0px -930px; }
span.sprite.rp.g { background-position: 0px -960px; }
span.sprite.rp.h { background-position: 0px -990px; }
span.sprite.rp.i { background-position: 0px -1020px; }
span.sprite.rp.j { background-position: 0px -1050px; }
span.sprite.rp.k { background-position: 0px -1080px; }
span.sprite.rp.l { background-position: 0px -1110px; }
span.sprite.rp.m { background-position: 0px -1140px; }
span.sprite.rp.n { background-position: 0px -1170px; }
span.sprite.rp.o { background-position: 0px -1200px; }
span.sprite.rp.p { background-position: 0px -1230px; }
span.sprite.rp.q { background-position: 0px -1260px; }
span.sprite.rp.r { background-position: 0px -1290px; }
span.sprite.rp.s { background-position: 0px -1320px; }
span.sprite.rp.t { background-position: 0px -1350px; }
span.sprite.rp.u { background-position: 0px -1380px; }
span.sprite.rp.v { background-position: 0px -1410px; }
span.sprite.rp.w { background-position: 0px -1440px; }
span.sprite.rp.x { background-position: 0px -1470px; }
span.sprite.rp.y { background-position: 0px -1500px; }
span.sprite.rp.z { background-position: 0px -1530px; }

span.sprite.rt.A { background-position: -30px 0px; }
span.sprite.rt.B { background-position: -30px -30px; }
span.sprite.rt.C { background-position: -30px -60px; }
span.sprite.rt.D { background-position: -30px -90px; }
span.sprite.rt.E { background-position: -30px -120px; }
span.sprite.rt.F { background-position: -30px -150px; }
span.sprite.rt.G { background-position: -30px -180px; }
span.sprite.rt.H { background-position: -30px -210px; }
span.sprite.rt.I { background-position: -30px -240px; }
span.sprite.rt.J { background-position: -30px -270px; }
span.sprite.rt.K { background-position: -30px -300px; }
span.sprite.rt.L { background-position: -30px -330px; }
span.sprite.rt.M { background-position: -30px -360px; }
span.sprite.rt.N { background-position: -30px -390px; }
span.sprite.rt.O { background-position: -30px -420px; }
span.sprite.rt.P { background-position: -30px -450px; }
span.sprite.rt.Q { background-position: -30px -480px; }
span.sprite.rt.R { background-position: -30px -510px; }
span.sprite.rt.S { background-position: -30px -540px; }
span.sprite.rt.T { background-position: -30px -570px; }
span.sprite.rt.U { background-position: -30px -600px; }
span.sprite.rt.V { background-position: -30px -630px; }
span.sprite.rt.W { background-position: -30px -660px; }
span.sprite.rt.X { background-position: -30px -690px; }
span.sprite.rt.Y { background-position: -30px -720px; }
span.sprite.rt.Z { background-position: -30px -750px; }
span.sprite.rt.a { background-position: -30px -780px; }
span.sprite.rt.b { background-position: -30px -810px; }
span.sprite.rt.c { background-position: -30px -840px; }
span.sprite.rt.d { background-position: -30px -870px; }
span.sprite.rt.e { background-position: -30px -900px; }
span.sprite.rt.f { background-position: -30px -930px; }
span.sprite.rt.g { background-position: -30px -960px; }
span.sprite.rt.h { background-position: -30px -990px; }
span.sprite.rt.i { background-position: -30px -1020px; }
span.sprite.rt.j { background-position: -30px -1050px; }
span.sprite.rt.k { background-position: -30px -1080px; }
span.sprite.rt.l { background-position: -30px -1110px; }
span.sprite.rt.m { background-position: -30px -1140px; }
span.sprite.rt.n { background-position: -30px -1170px; }
span.sprite.rt.o { background-position: -30px -1200px; }
span.sprite.rt.p { background-position: -30px -1230px; }
span.sprite.rt.q { background-position: -30px -1260px; }
span.sprite.rt.r { background-position: -30px -1290px; }
span.sprite.rt.s { background-position: -30px -1320px; }
span.sprite.rt.t { background-position: -30px -1350px; }
span.sprite.rt.u { background-position: -30px -1380px; }
span.sprite.rt.v { background-position: -30px -1410px; }
span.sprite.rt.w { background-position: -30px -1440px; }
span.sprite.rt.x { background-position: -30px -1470px; }
span.sprite.rt.y { background-position: -30px -1500px; }
span.sprite.rt.z { background-position: -30px -1530px; }

span.sprite.rz.A { background-position: -60px 0px; }
span.sprite.rz.B { background-position: -60px -30px; }
span.sprite.rz.C { background-position: -60px -60px; }
span.sprite.rz.D { background-position: -60px -90px; }
span.sprite.rz.E { background-position: -60px -120px; }
span.sprite.rz.F { background-position: -60px -150px; }
span.sprite.rz.G { background-position: -60px -180px; }
span.sprite.rz.H { background-position: -60px -210px; }
span.sprite.rz.I { background-position: -60px -240px; }
span.sprite.rz.J { background-position: -60px -270px; }
span.sprite.rz.K { background-position: -60px -300px; }
span.sprite.rz.L { background-position: -60px -330px; }
span.sprite.rz.M { background-position: -60px -360px; }
span.sprite.rz.N { background-position: -60px -390px; }
span.sprite.rz.O { background-position: -60px -420px; }
span.sprite.rz.P { background-position: -60px -450px; }
span.sprite.rz.Q { background-position: -60px -480px; }
span.sprite.rz.R { background-position: -60px -510px; }
span.sprite.rz.S { background-position: -60px -540px; }
span.sprite.rz.T { background-position: -60px -570px; }
span.sprite.rz.U { background-position: -60px -600px; }
span.sprite.rz.V { background-position: -60px -630px; }
span.sprite.rz.W { background-position: -60px -660px; }
span.sprite.rz.X { background-position: -60px -690px; }
span.sprite.rz.Y { background-position: -60px -720px; }
span.sprite.rz.Z { background-position: -60px -750px; }
span.sprite.rz.a { background-position: -60px -780px; }
span.sprite.rz.b { background-position: -60px -810px; }
span.sprite.rz.c { background-position: -60px -840px; }
span.sprite.rz.d { background-position: -60px -870px; }
span.sprite.rz.e { background-position: -60px -900px; }
span.sprite.rz.f { background-position: -60px -930px; }
span.sprite.rz.g { background-position: -60px -960px; }
span.sprite.rz.h { background-position: -60px -990px; }
span.sprite.rz.i { background-position: -60px -1020px; }
span.sprite.rz.j { background-position: -60px -1050px; }
span.sprite.rz.k { background-position: -60px -1080px; }
span.sprite.rz.l { background-position: -60px -1110px; }
span.sprite.rz.m { background-position: -60px -1140px; }
span.sprite.rz.n { background-position: -60px -1170px; }
span.sprite.rz.o { background-position: -60px -1200px; }
span.sprite.rz.p { background-position: -60px -1230px; }
span.sprite.rz.q { background-position: -60px -1260px; }
span.sprite.rz.r { background-position: -60px -1290px; }
span.sprite.rz.s { background-position: -60px -1320px; }
span.sprite.rz.t { background-position: -60px -1350px; }
span.sprite.rz.u { background-position: -60px -1380px; }
span.sprite.rz.v { background-position: -60px -1410px; }
span.sprite.rz.w { background-position: -60px -1440px; }
span.sprite.rz.x { background-position: -60px -1470px; }
span.sprite.rz.y { background-position: -60px -1500px; }
span.sprite.rz.z { background-position: -60px -1530px; }