#chars-a {
	clear: left;
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
	padding-top: 1em;
}

#chars-a li {
	list-style: none;
	display: inline;
}
	
#chars {
	padding: 0;
	margin: 1em auto 0 auto;
	width: 570px;
}

#chars li {
	display: block;
	float: left;
	width: 57px; height: 41px;
	margin: 3px;
	margin-top:1px;
}

#chars li span {
	display: none;
}

#chars li a {
	display: block;
	width: 100%; height: 100%;
	background-position: 0 0;
}

#chars li.active a {
	background-position: 0 -41px;
}

#chars li a:hover {
	background-position: 0 -82px;
}

#chars a.char-a {
	background-image: url(../img/abc/a-on.gif);
}

#chars li.char-a {
	background-image: url(../img/abc/a-off.gif);
}

#chars a.char-b {
	background-image: url(../img/abc/b-on.gif);
}

#chars li.char-b {
	background-image: url(../img/abc/b-off.gif);
}

#chars a.char-c {
	background-image: url(../img/abc/c-on.gif);
}

#chars li.char-c {
	background-image: url(../img/abc/c-off.gif);
}

#chars a.char-d {
	background-image: url(../img/abc/d-on.gif);
}

#chars li.char-d {
	background-image: url(../img/abc/d-off.gif);
}

#chars a.char-e {
	background-image: url(../img/abc/e-on.gif);
}

#chars li.char-e {
	background-image: url(../img/abc/e-off.gif);
}

#chars a.char-f {
	background-image: url(../img/abc/f-on.gif);
}

#chars li.char-f {
	background-image: url(../img/abc/f-off.gif);
}

#chars a.char-g {
	background-image: url(../img/abc/g-on.gif);
}

#chars li.char-g {
	background-image: url(../img/abc/g-off.gif);
}

#chars a.char-h {
	background-image: url(../img/abc/h-on.gif);
}

#chars li.char-h {
	background-image: url(../img/abc/h-off.gif);
}

#chars a.char-ch {
	background-image: url(../img/abc/ch-on.gif);
}

#chars li.char-ch {
	background-image: url(../img/abc/ch-off.gif);
}

#chars a.char-i {
	background-image: url(../img/abc/i-on.gif);
}

#chars li.char-i {
	background-image: url(../img/abc/i-off.gif);
}

#chars a.char-j {
	background-image: url(../img/abc/j-on.gif);
}

#chars li.char-j {
	background-image: url(../img/abc/j-off.gif);
}

#chars a.char-k {
	background-image: url(../img/abc/k-on.gif);
}

#chars li.char-k {
	background-image: url(../img/abc/k-off.gif);
}

#chars a.char-l {
	background-image: url(../img/abc/l-on.gif);
}

#chars li.char-l {
	background-image: url(../img/abc/l-off.gif);
}

#chars a.char-m {
	background-image: url(../img/abc/m-on.gif);
}

#chars li.char-m {
	background-image: url(../img/abc/m-off.gif);
}

#chars a.char-n {
	background-image: url(../img/abc/n-on.gif);
}

#chars li.char-n {
	background-image: url(../img/abc/n-off.gif);
}

#chars a.char-o {
	background-image: url(../img/abc/o-on.gif);
}

#chars li.char-o {
	background-image: url(../img/abc/o-off.gif);
}

#chars a.char-p {
	background-image: url(../img/abc/p-on.gif);
}

#chars li.char-p {
	background-image: url(../img/abc/p-off.gif);
}

#chars a.char-q {
	background-image: url(../img/abc/q-on.gif);
}

#chars li.char-q {
	background-image: url(../img/abc/q-off.gif);
}

#chars a.char-r {
	background-image: url(../img/abc/r-on.gif);
}

#chars li.char-r {
	background-image: url(../img/abc/r-off.gif);
}

#chars a.char-s {
	background-image: url(../img/abc/s-on.gif);
}

#chars li.char-s {
	background-image: url(../img/abc/s-off.gif);
}

#chars a.char-t {
	background-image: url(../img/abc/t-on.gif);
}

#chars li.char-t {
	background-image: url(../img/abc/t-off.gif);
}

#chars a.char-u {
	background-image: url(../img/abc/u-on.gif);
}

#chars li.char-u {
	background-image: url(../img/abc/u-off.gif);
}

#chars a.char-v {
	background-image: url(../img/abc/v-on.gif);
}

#chars li.char-v {
	background-image: url(../img/abc/v-off.gif);
}

#chars a.char-w {
	background-image: url(../img/abc/w-on.gif);
}

#chars li.char-w {
	background-image: url(../img/abc/w-off.gif);
}

#chars a.char-x {
	background-image: url(../img/abc/x-on.gif);
}

#chars li.char-x {
	background-image: url(../img/abc/x-off.gif);
}

#chars a.char-y {
	background-image: url(../img/abc/y-on.gif);
}

#chars li.char-y {
	background-image: url(../img/abc/y-off.gif);
}

#chars a.char-z {
	background-image: url(../img/abc/z-on.gif);
}

#chars li.char-z {
	background-image: url(../img/abc/z-off.gif);
}