.cpbtn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.cpbtn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.cpbtn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.cpbtn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.cpbtn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.cpbtn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .cpbtn span, * html .cpbtn i { float: left; width: auto; background-image: none; cursor: pointer; color: #fff;}
* html .cpbtn { border: 1px double #aaa; padding: 2px;}
* html .cpbtn.blue { border-color: #2ae; color: #fff; }
* html .cpbtn:hover { border-color: #a00; color: #fff; }
* html .cpbtn a:visited { border-color: #a00; color: #fff; }
.cpbtn.blue { background: #666; color: #fff;}
.cpbtn:hover { background-color: #999;  color: #fff;}
.cpbtn:active { background-color: #999;  color: #fff;}
.cpbtn[class] { background-image: url(../images/shade.png); background-position: bottom; }