.color-btn{display:inline-block;position:relative;min-width:12px;color:#333;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:7px 5px 6px 5px;text-align:left;text-shadow:0 1px 0 rgba(255,255,255,0.7);margin:2px;height:15px;line-height:15px;white-space:nowrap;cursor:pointer;border:1px solid #ccc;border-radius:2px;background:#f5f5f5;background:linear-gradient(top,#f5f5f5,#ddd);background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ddd));background:-moz-linear-gradient(top,#f5f5f5,#ddd);background:-ms-linear-gradient(top,#f5f5f5,#ddd);background:-o-linear-gradient(top,#f5f5f5,#ddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#dddddd');-moz-box-shadow:-1px 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:-1px 2px 3px rgba(0,0,0,0.1);box-shadow:-1px 2px 3px rgba(0,0,0,0.1)}.color-btn:hover,.color-btn:active{background:#fdfdfd;background:linear-gradient(top,#fdfdfd,#eee);background:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));background:-moz-linear-gradient(top,#fdfdfd,#eee);background:-ms-linear-gradient(top,#fdfdfd,#eee);background:-o-linear-gradient(top,#fdfdfd,#eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#eeeeee');border:1px solid #ddd}.color-btn:active{-moz-box-shadow:-1px 2px 3px rgba(0,0,0,0.1),-1px 3px 7px rgba(0,0,0,0.1) inset;-webkit-box-shadow:-1px 2px 3px rgba(0,0,0,0.1),-1px 3px 7px rgba(0,0,0,0.1) inset;box-shadow:-1px 2px 3px rgba(0,0,0,0.1),-1px 3px 7px rgba(0,0,0,0.1) inset}.color-btn b{-moz-box-shadow:-1px 2px 3px rgba(0,0,0,0.1),0px -1px 0 rgba(255,255,255,0.15) inset;-webkit-box-shadow:-1px 2px 3px rgba(0,0,0,0.1),0px -1px 0 rgba(255,255,255,0.15) inset;box-shadow:-1px 2px 3px rgba(0,0,0,0.1),0px -1px 0 rgba(255,255,255,0.15) inset}.color-btn-square b{border-radius:1px;width:15px;height:15px;display:inline-block;vertical-align:top;margin:-1px 3px 0 0}.color-btn-square.color-btn-fixed{width:72px}.color-btn-vertical b{border-radius:1px;width:3px;height:17px;display:inline-block;vertical-align:top;margin:-1px 3px 0 0}.color-btn-vertical.color-btn-fixed{width:60px}.color-btn-circle b{border-radius:5px;width:5px;height:5px;display:inline-block;vertical-align:top;margin:5px 3px 0 0}.color-btn-circle.color-btn-fixed{width:62px}.color-btn-horizontal{text-align:center}.color-btn-horizontal b{border-radius:1px;position:relative;top:15px;left:0;height:3px;display:block;margin-bottom:-3px;overflow:hidden}.color-btn-horizontal.color-btn-fixed{width:56px}.color-btn-left{padding-left:13px}.color-btn-left b{position:absolute;left:-1px;top:-1px;width:9px;height:28px;display:inline-block;vertical-align:top;border-bottom-left-radius:2px;border-top-left-radius:2px;border-left:1px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-right:0;background:rgba(0,0,0,0);background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.color-btn-left:hover b,.color-btn-left:active b{background:rgba(0,0,0,0);background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.05)));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05))}.color-btn-left:active b{-moz-box-shadow:0 8px 7px -5px rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 8px 7px -5px rgba(0,0,0,0.1) inset;box-shadow:0 8px 7px -5px rgba(0,0,0,0.1) inset}.color-btn-left.color-btn-fixed{width:54px}.color-btn-right{padding-right:13px}.color-btn-right b{position:absolute;right:-1px;top:-1px;width:9px;height:28px;display:inline-block;vertical-align:top;border-bottom-right-radius:2px;border-top-right-radius:2px;border-right:1px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-right:0;background:rgba(0,0,0,0);background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.1));-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.color-btn-right:hover b,.color-btn-right:active b{background:rgba(0,0,0,0);background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.05)));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.05))}.color-btn-right:active b{-moz-box-shadow:0 8px 7px -5px rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 8px 7px -5px rgba(0,0,0,0.1) inset;box-shadow:0 8px 7px -5px rgba(0,0,0,0.1) inset}.color-btn-right.color-btn-fixed{width:54px}