.patbtn { line-height:15px; }
.patbtn * { background-image: url(../img/btn2.png); }
.patbtn[class] {  background-image: url(../img/shade.png); }

.grabtn { line-height:15px; }
.grabtn * { background-image: url(../img/btn2.png); }
.grabtn[class] {  background-image: url(../img/shade2.png); }
* html .grabtn span, * html .grabtn i { line-height:15px; }

.plainbtn { line-height:15px; }
.plainbtn * { background-image: url(../img/btn2.png); }
.plainbtn[class] {  background-image: none; }

.patbtn, .grabtn, .plainbtn, .sqpatbtn, .sqgrabtn, .sqplainbtn { 
    position: relative; background: #aaa; margin-left: 10px; padding: 10px 5px 10px 10px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size:16px; }
.patbtn *, .grabtn *, .plainbtn *, .sqpatbtn *, .sqgrabtn *, .sqplainbtn * { 
    font-style: normal; background-repeat: no-repeat; display: block; position: relative; }
.patbtn i, .grabtn i, .plainbtn i, .sqpatbtn i, .sqgrabtn i, .sqplainbtn i { 
    background-position: top left; position: absolute; margin-bottom: -10px;  top: 0; left: 0; width: 10px; height: 10px; }
.patbtn span, .grabtn span, .plainbtn span, .sqpatbtn span, .sqgrabtn span, .sqplainbtn span { 
    background-position: bottom left; left: -10px; padding: 0 0 10px 15px; margin-bottom: -10px; }
.patbtn span i, .grabtn span i, .plainbtn span i, .sqpatbtn span i, .sqgrabtn span i, .sqplainbtn span i { 
    background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 15px; height: 100%; top: 0; }
.patbtn span span, .grabtn span span, .plainbtn span span, .sqpatbtn span span, .sqgrabtn span span, .sqplainbtn span span { 
    background-position: top right; position: absolute; right: -15px; margin-left:15px; top: -10px; height: 0; }
.patbtn[class], .grabtn[class], .plainbtn[class], .sqpatbtn[class], .sqgrabtn[class], .sqplainbtn[class] { 
    background-position: bottom; }
* html .patbtn span, * html .grabtn span, * html .plainbtn span, * html .sqpatbtn span, * html .sqgrabtn span, * html .sqplainbtn span,
* html .patbtn i, * html .grabtn i, * html .plainbtn i, * html .sqpatbtn i, * html .sqgrabtn i, * html .sqplainbtn i { 
    float: left; width: auto; background-image: none; cursor: pointer; }

.sqpatbtn { line-height:15px; }
.sqpatbtn * { background-image: url(../img/btn3.png); }
.sqpatbtn[class] {  background-image: url(../img/shade.png); }

.sqgrabtn { line-height:15px; }
.sqgrabtn * { background-image: url(../img/btn3.png); }
.sqgrabtn[class] {  background-image: url(../img/shade2.png); }
* html .sqgrabtn span, * html .sqgrabtn i { line-height:15px; }

.sqplainbtn { line-height:15px; }
.sqplainbtn * { background-image: url(../img/btn3.png); }
.sqplainbtn[class] {  background-image: none; }