.button{padding:4px 10px;color: #fff;text-decoration: none; display: inline-block; text-align: center; margin: .5em .5em .5em 0; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,0.4); -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -ms-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear;}

.button{border-radius: 2px; box-shadow: inset rgba(255,255,255,0.3) 1px 1px 0;}
.button:active{box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;}

.rounded{border-radius: 5px;}
.small {padding:2px 5px;font-size:10px;}

.orange{background: #ffb700; background: -moz-linear-gradient(top, #ffb700 0%, #ff8c00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb700), color-stop(100%,#ff8c00)); background: -webkit-linear-gradient(top, #ffb700 0%,#ff8c00 100%); background: -o-linear-gradient(top, #ffb700 0%,#ff8c00 100%); background: -ms-linear-gradient(top, #ffb700 0%,#ff8c00 100%); background: linear-gradient(to bottom, #ffb700 0%,#ff8c00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8c00',GradientType=0 ); border: 1px solid #e59500;}
.orange:hover{background: #ffcb48; background: -moz-linear-gradient(top, #ffcb48 0%, #ff9c23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcb48), color-stop(100%,#ff9c23)); background: -webkit-linear-gradient(top, #ffcb48 0%,#ff9c23 100%); background: -o-linear-gradient(top, #ffcb48 0%,#ff9c23 100%); background: -ms-linear-gradient(top, #ffcb48 0%,#ff9c23 100%); background: linear-gradient(to bottom, #ffcb48 0%,#ff9c23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb48', endColorstr='#ff9c23',GradientType=0 );}

.magenta{background: #ff8248; background: -moz-linear-gradient(top, #ff8248 0%, #f72581 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8248), color-stop(100%,#f72581)); background: -webkit-linear-gradient(top, #ff8248 0%,#f72581 100%); background: -o-linear-gradient(top, #ff8248 0%,#f72581 100%); background: -ms-linear-gradient(top, #ff8248 0%,#f72581 100%); background: linear-gradient(to bottom, #ff8248 0%,#f72581 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff82ac', endColorstr='#f72581',GradientType=0 ); border: 1px solid #c60a56;}
.magenta:hover{background: #ff9bbd; background: -moz-linear-gradient(top, #ff9bbd 0%, #f83e8f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9bbd), color-stop(100%,#f83e8f)); background: -webkit-linear-gradient(top, #ff9bbd 0%,#f83e8f 100%); background: -o-linear-gradient(top, #ff9bbd 0%,#f83e8f 100%); background: -ms-linear-gradient(top, #ff9bbd 0%,#f83e8f 100%); background: linear-gradient(to bottom, #ff9bbd 0%,#f83e8f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9bbd', endColorstr='#f83e8f',GradientType=0 );}

.cyan{background: #82cff1; background: -moz-linear-gradient(top, #82cff1 0%, #38aeea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cff1), color-stop(100%,#38aeea)); background: -webkit-linear-gradient(top, #82cff1 0%,#38aeea 100%); background: -o-linear-gradient(top, #82cff1 0%,#38aeea 100%); background: -ms-linear-gradient(top, #82cff1 0%,#38aeea 100%); background: linear-gradient(to bottom, #82cff1 0%,#38aeea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cff1', endColorstr='#38aeea',GradientType=0 ); border: 1px solid #3cafcf;}
.cyan:hover{background: #99d8f4; background: -moz-linear-gradient(top, #99d8f4 0%, #4fb7ec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99d8f4), color-stop(100%,#4fb7ec)); background: -webkit-linear-gradient(top, #99d8f4 0%,#4fb7ec 100%); background: -o-linear-gradient(top, #99d8f4 0%,#4fb7ec 100%); background: -ms-linear-gradient(top, #99d8f4 0%,#4fb7ec 100%); background: linear-gradient(to bottom, #99d8f4 0%,#4fb7ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d8f4', endColorstr='#4fb7ec',GradientType=0 );}

.red{background: #e25b53; background: -moz-linear-gradient(top, #e25b53 0%, #dd2011 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e25b53), color-stop(100%,#dd2011)); background: -webkit-linear-gradient(top, #e25b53 0%,#dd2011 100%); background: -o-linear-gradient(top, #e25b53 0%,#dd2011 100%); background: -ms-linear-gradient(top, #e25b53 0%,#dd2011 100%); background: linear-gradient(to bottom, #e25b53 0%,#dd2011 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25b53', endColorstr='#dd2011',GradientType=0 ); border: 1px solid #c42222;}
.red:hover{background: #dd7671; background: -moz-linear-gradient(top, #dd7671 0%, #dd2011 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd7671), color-stop(100%,#dd2011)); background: -webkit-linear-gradient(top, #dd7671 0%,#dd2011 100%); background: -o-linear-gradient(top, #dd7671 0%,#dd2011 100%); background: -ms-linear-gradient(top, #dd7671 0%,#dd2011 100%); background: linear-gradient(to bottom, #dd7671 0%,#dd2011 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7671', endColorstr='#dd2011',GradientType=0 );}

.black{background: #444444; background: -moz-linear-gradient(top, #444444 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #444444 0%,#1c1c1c 100%); background: linear-gradient(to bottom, #444444 0%,#1c1c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1c1c1c',GradientType=0 ); border: 1px solid #2a2a2a;}
.black:hover{background: #686868; background: -moz-linear-gradient(top, #686868 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #686868 0%,#1c1c1c 100%); background: linear-gradient(to bottom, #686868 0%,#1c1c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#1c1c1c',GradientType=0 );}

.green{background: #82cc5d; background: -moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background: -webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background: -o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background: -ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background: linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border: 1px solid #429E34;}
.green:hover{background: #99cc80; background: -moz-linear-gradient(top, #99cc80 0%, #53b73c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc80), color-stop(100%,#53b73c)); background: -webkit-linear-gradient(top, #99cc80 0%,#53b73c 100%); background: -o-linear-gradient(top, #99cc80 0%,#53b73c 100%); background: -ms-linear-gradient(top, #99cc80 0%,#53b73c 100%); background: linear-gradient(to bottom, #99cc80 0%,#53b73c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc80', endColorstr='#53b73c',GradientType=0 );}