/*
Description: iKey CSS default
Author: Jacek Swoboda
Author URL: http://drobnymmaczkiem.pl
Date: 20-07-2009
Version: 1.0
*/

.ikey
{
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.ikey.small
{
  width: 44px;
  height: 28px;
}

.ikey.small.esc {background-image: url(images/small/esc.png);}
.ikey.small.f1 {background-image: url(images/small/f1.png);}
.ikey.small.f2 {background-image: url(images/small/f2.png);}
.ikey.small.f3 {background-image: url(images/small/f3.png);}
.ikey.small.f4 {background-image: url(images/small/f4.png);}
.ikey.small.f5 {background-image: url(images/small/f5.png);}
.ikey.small.f6 {background-image: url(images/small/f6.png);}
.ikey.small.f7 {background-image: url(images/small/f7.png);}
.ikey.small.f8 {background-image: url(images/small/f8.png);}
.ikey.small.f9 {background-image: url(images/small/f9.png);}
.ikey.small.f10 {background-image: url(images/small/f10.png);}
.ikey.small.f11 {background-image: url(images/small/f11.png);}
.ikey.small.f12 {background-image: url(images/small/f12.png);}
.ikey.small.eject {background-image: url(images/small/eject.png);}

.ikey.square
{
  width: 45px;
  height: 45px;
}

.ikey.square.accent {background-image: url(images/square/accent.png);}
.ikey.square.one {background-image: url(images/square/1.png);}
.ikey.square.two {background-image: url(images/square/2.png);}
.ikey.square.three {background-image: url(images/square/3.png);}
.ikey.square.four {background-image: url(images/square/4.png);}
.ikey.square.five {background-image: url(images/square/5.png);}
.ikey.square.six {background-image: url(images/square/6.png);}
.ikey.square.seven {background-image: url(images/square/7.png);}
.ikey.square.eight {background-image: url(images/square/8.png);}
.ikey.square.nine {background-image: url(images/square/9.png);}
.ikey.square.zero {background-image: url(images/square/0.png);}
.ikey.square.minus {background-image: url(images/square/minus.png);}
.ikey.square.equal {background-image: url(images/square/equal.png);}

.ikey.del
{
  width: 71px;
  height: 45px;
  background-image: url(images/other/del.png);
}

.ikey.tab
{
  width: 71px;
  height: 45px;
  background-image: url(images/other/tab.png);
}

.ikey.square.q {background-image: url(images/square/q.png);}
.ikey.square.w {background-image: url(images/square/w.png);}
.ikey.square.e {background-image: url(images/square/e.png);}
.ikey.square.r {background-image: url(images/square/r.png);}
.ikey.square.t {background-image: url(images/square/t.png);}
.ikey.square.y {background-image: url(images/square/y.png);}
.ikey.square.u {background-image: url(images/square/u.png);}
.ikey.square.i {background-image: url(images/square/i.png);}
.ikey.square.o {background-image: url(images/square/o.png);}
.ikey.square.p {background-image: url(images/square/p.png);}
.ikey.square.lsbracket {background-image: url(images/square/lsbracket.png);}
.ikey.square.rsbracket {background-image: url(images/square/rsbracket.png);}
.ikey.square.backslash {background-image: url(images/square/backslash.png);}


.ikey.caps
{
  width: 84px;
  height: 45px;
  background-image: url(images/other/caps.png);
}

.ikey.square.a {background-image: url(images/square/a.png);}
.ikey.square.s {background-image: url(images/square/s.png);}
.ikey.square.d {background-image: url(images/square/d.png);}
.ikey.square.f {background-image: url(images/square/f.png);}
.ikey.square.g {background-image: url(images/square/g.png);}
.ikey.square.h {background-image: url(images/square/h.png);}
.ikey.square.j {background-image: url(images/square/j.png);}
.ikey.square.k {background-image: url(images/square/k.png);}
.ikey.square.l {background-image: url(images/square/l.png);}
.ikey.square.semicolon {background-image: url(images/square/semicolon.png);}
.ikey.square.apostrophe {background-image: url(images/square/apostrophe.png);}

.ikey.return
{
  width: 84px;
  height: 45px;
  background-image: url(images/other/return.png);
}

.ikey.lshift
{
  width: 108px;
  height: 45px;
  background-image: url(images/other/lshift.png);
}

.ikey.square.z {background-image: url(images/square/z.png);}
.ikey.square.x {background-image: url(images/square/x.png);}
.ikey.square.c {background-image: url(images/square/c.png);}
.ikey.square.v {background-image: url(images/square/v.png);}
.ikey.square.b {background-image: url(images/square/b.png);}
.ikey.square.n {background-image: url(images/square/n.png);}
.ikey.square.m {background-image: url(images/square/m.png);}
.ikey.square.comma {background-image: url(images/square/comma.png);}
.ikey.square.dot {background-image: url(images/square/dot.png);}
.ikey.square.slash {background-image: url(images/square/slash.png);}

.ikey.rshift
{
  width: 108px;
  height: 45px;
  background-image: url(images/other/rshift.png);
}

.ikey.square.fn {background-image: url(images/square/fn.png);}
.ikey.square.control {background-image: url(images/square/control.png);}
.ikey.square.loption {background-image: url(images/square/loption.png);}

.ikey.lcmd
{
  width: 51px;
  height: 45px;
  background-image: url(images/other/lcmd.png);
}

.ikey.space
{
  width: 213px;
  height: 45px;
  background-image: url(images/other/space.png);
}

.ikey.rcmd
{
  width: 51px;
  height: 45px;
  background-image: url(images/other/rcmd.png);
}

.ikey.square.roption {background-image: url(images/square/roption.png);}

.ikey.aleft
{
   width: 43px;
   height: 26px;
   background-image: url(images/other/left.png);
}

.ikey.aup
{
   width: 43px;
   height: 26px;
   background-image: url(images/other/up.png);
}

.ikey.adown
{
   width: 43px;
   height: 26px;
   background-image: url(images/other/down.png);
}

.ikey.aright
{
   width: 43px;
   height: 26px;
   background-image: url(images/other/right.png);
}