.l {float:left;}
.cl {clear:left;}
.cb {clear:both;}
.r {float:right;}
.s {width:25px;height:25px;}
.m {width:50px;height:25px;}
#paintchart {width:300px;margin:0 auto;font-size:12px;}
#patch {width:170px;height:164px;border:1px solid #ccc;float:right;}
#rd1 {background-color:rgb(248,224,224);}
#rd2 {background-color:rgb(240,192,192);}
#rd3 {background-color:rgb(224,128,128);}
#rd4 {background-color:rgb(192,0,0);}
#or1 {background-color:rgb(252,240,224);}
#or2 {background-color:rgb(250,226,192);}
#or3 {background-color:rgb(248,200,128);}
#or4 {background-color:rgb(255,160,0);}
#ye1 {background-color:rgb(255,255,224);}
#ye2 {background-color:rgb(255,255,192);}
#ye3 {background-color:rgb(255,255,128);}
#ye4 {background-color:rgb(255,255,0);}
#gr1 {background-color:rgb(238,240,234);}
#gr2 {background-color:rgb(216,224,210);}
#gr3 {background-color:rgb(160,192,152);}
#gr4 {background-color:rgb(0,128,0);}
#bl1 {background-color:rgb(224,224,248);}
#bl2 {background-color:rgb(192,192,240);}
#bl3 {background-color:rgb(128,128,224);}
#bl4 {background-color:rgb(0,0,192);}
#pu1 {background-color:rgb(236,224,236);}
#pu2 {background-color:rgb(200,160,200);}
#pu3 {background-color:rgb(184,128,184);}
#pu4 {background-color:rgb(128,0,128);}