.token, .btoken {
position:absolute;
text-align:center;
}
.btoken {
color:silver;
}
.c0, .c1, .c2, .c3 {
position:absolute;
}
.c0a,.c0c,.c0e,.c1a,.c1c,.c1e,.c2a,.c2c,.c2e,.c3a,.c3c,.c3e {
position:relative;
top:-10px;
}
.c0a,.c0b,.c1a,.c1b,.c2a,.c2b,.c3a,.c3b {
height:10px;
}
.c0e,.c0f,.c1e,.c1f,.c2e,.c2f,.c3e,.c3f {
height:7px;
}
.c0a {
background:url(c0_b.png) 0 100% repeat-x;
}
.c0b {
background:url(c0_i.png) 0 100% repeat-x;
}
.c1a {
background:url(c1_b.png) 0 100% repeat-x;
}
.c1b {
background:url(c1_i.png) 0 100% repeat-x;
}
.c2a {
background:url(c2_b.png) 0 100% repeat-x;
}
.c2b {
background:url(c2_i.png) 0 100% repeat-x;
}
.c3a {
background:url(c3_b.png) 0 100% repeat-x;
}
.c3b {
background:url(c3_i.png) 0 100% repeat-x;
}
.c0b,.c0d,.c1b,.c1d,.c2b,.c2d,.c3b,.c3d {
margin-left:1px;
margin-right:1px;
}
.c0c,.c0d,.c1c,.c1d,.c2c,.c2d,.c3c,.c3d {
height:100%;
}
.c0c,.c0h {
background:#d01c8b;
}
.c1c,.c1h {
background:#d01c8b;
}
.c2c,.c2h {
background:#b8e186;
}
.c3c,.c3h {
background:#5439ff;
}
.c0d,.c0g {
background:#f1bbdc;
}
.c1d,.c1g {
background:#f1bbdc;
}
.c2d,.c2g {
background:#eaf6db;
}
.c3d,.c3g {
background:#ccc4ff;
}
.c0e {
background:url(c0_l.png) 0 100% no-repeat;
}
.c1e {
background:url(c1_l.png) 0 100% no-repeat;
}
.c2e {
background:url(c2_l.png) 0 100% no-repeat;
}
.c3e {
background:url(c3_l.png) 0 100% no-repeat;
}
.c0f {
background:url(c0_r.png) 100% 100% no-repeat;
}
.c1f {
background:url(c1_r.png) 100% 100% no-repeat;
}
.c2f {
background:url(c2_r.png) 100% 100% no-repeat;
}
.c3f {
background:url(c3_r.png) 100% 100% no-repeat;
}
.c0g,.c0h,.c1g,.c1h,.c2g,.c2h,.c3g,.c3h {
margin-left:7px;
margin-right:7px;
}
.c0g,.c1g,.c2g,.c3g {
height:6px;
}
.c0h,.c1h,.c2h,.c3h {
height:1px;
}
.c0a,.c0b,.c0c,.c0d,.c0e,.c0f,.c0g,.c0h,.c1a,.c1b,.c1c,.c1d,.c1e,.c1f,.c1g,.c1h,.c2a,.c2b,.c2c,.c2d,.c2e,.c2f,.c2g,.c2h,.c3a,.c3b,.c3c,.c3d,.c3e,.c3f,.c3g,.c3h {
font-size:0;
line-height:0;
}