.button{text-decoration:none;font:24px/1em Tahoma,Calibri,sans-serif;font-weight:bold;text-shadow:rgba(255,255,255,.5) 0 1px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5em .6em .4em .6em;margin:.5em;display:inline-block;position:relative;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(0,0,0,.1);background-image:-webkit-gradient(radial,50% 0,100,50% 0,0,from(rgba(255,255,255,0)),to(rgba(255,255,255,.7))),url(noise.png);background-image:-moz-radial-gradient(top,ellipse cover,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%),url(noise.png);background-image:gradient(radial,50% 0,100,50% 0,0,from(rgba(255,255,255,0)),to(rgba(255,255,255,.7))),url(noise.png);-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;transition:background .2s ease-in-out;color:hsl(0,0%,40%) !important;background-color:hsl(0,0%,75%);-webkit-box-shadow:inset rgba(255,254,255,.6) 0 .3em .3em,inset rgba(0,0,0,.15) 0 -.1em .3em,hsl(0,0%,60%) 0 .1em 3px,hsl(0,0%,45%) 0 .3em 1px,rgba(0,0,0,.2) 0 .5em 5px;-moz-box-shadow:inset rgba(255,254,255,.6) 0 .3em .3em,inset rgba(0,0,0,.15) 0 -.1em .3em,hsl(0,0%,60%) 0 .1em 3px,hsl(0,0%,45%) 0 .3em 1px,rgba(0,0,0,.2) 0 .5em 5px;box-shadow:inset rgba(255,254,255,.6) 0 .3em .3em,inset rgba(0,0,0,.15) 0 -.1em .3em,hsl(0,0%,60%) 0 .1em 3px,hsl(0,0%,45%) 0 .3em 1px,rgba(0,0,0,.2) 0 .5em 5px}button.button{border-left:none;border-right:none}button.button:hover{cursor:pointer}.button:before{font:1.2em/0 Arial,sans-serif;content:attr(data-icon);margin-right:.4em}.button.green{color:hsl(88,70%,30%) !important;background-color:hsl(88,70%,60%);-webkit-box-shadow:inset rgba(255,254,255,.6) 0 .3em .3em,inset rgba(0,0,0,.15) 0 -.1em .3em,hsl(88,70%,40%) 0 .1em 3px,hsl(88,70%,30%) 0 .3em 1px,rgba(0,0,0,.2) 0 .5em 5px;-moz-box-shadow:inset rgba(255,254,255,.6) 0 .3em .3em,inset rgba(0,0,0,.15) 0 -.1em .3em,hsl(88,70%,40%) 0 .1em 3px,hsl(88,70%,30%) 0 .3em 1px,rgba(0,0,0,.2) 0 .5em 5px;box-shadow:inset rgba(255,254,255,.6) 0 .3em .3em,inset rgba(0,0,0,.15) 0 -.1em .3em,hsl(88,70%,40%) 0 .1em 3px,hsl(88,70%,30%) 0 .3em 1px,rgba(0,0,0,.2) 0 .5em 5px}.button.green:hover{background-color:hsl(88,70%,75%)}.button:hover{background-color:hsl(0,0%,83%)}.button:active{background-image:-webkit-gradient(radial,50% 0,100,50% 0,0,from(rgba(255,255,255,0)),to(rgba(255,255,255,0))),url(noise.png);background-image:-moz-gradient(radial,50% 0,100,50% 0,0,from(rgba(255,255,255,0)),to(rgba(255,255,255,0))),url(noise.png);background-image:gradient(radial,50% 0,100,50% 0,0,from(rgba(255,255,255,0)),to(rgba(255,255,255,0))),url(noise.png);-webkit-box-shadow:inset rgba(255,255,255,.6) 0 .3em .3em,inset rgba(0,0,0,.2) 0 -.1em .3em,rgba(0,0,0,.4) 0 .1em 1px,rgba(0,0,0,.2) 0 .2em 6px;-moz-box-shadow:inset rgba(255,255,255,.6) 0 .3em .3em,inset rgba(0,0,0,.2) 0 -.1em .3em,rgba(0,0,0,.4) 0 .1em 1px,rgba(0,0,0,.2) 0 .2em 6px;box-shadow:inset rgba(255,255,255,.6) 0 .3em .3em,inset rgba(0,0,0,.2) 0 -.1em .3em,rgba(0,0,0,.4) 0 .1em 1px,rgba(0,0,0,.2) 0 .2em 6px;-webkit-transform:translateY(.2em);-moz-transform:translateY(.2em);transform:translateY(.2em)}.button:focus{outline:none;color:rgba(254,255,255,.9) !important;text-shadow:rgba(0,0,0,.2) 0 1px 2px}.button[disabled],.button[disabled]:hover,.button.disabled,.button.disabled:hover{opacity:.5;cursor:default;color:rgba(0,0,0,.2) !important;text-shadow:none !important;background-color:rgba(0,0,0,.05);background-image:none;border-top:none;-webkit-box-shadow:inset rgba(255,254,255,.4) 0 .3em .3em,inset rgba(0,0,0,.1) 0 -.1em .3em,rgba(0,0,0,.3) 0 .1em 1px,rgba(0,0,0,.2) 0 .2em 6px;-moz-box-shadow:inset rgba(255,254,255,.4) 0 .3em .3em,inset rgba(0,0,0,.1) 0 -.1em .3em,rgba(0,0,0,.3) 0 .1em 1px,rgba(0,0,0,.2) 0 .2em 6px;box-shadow:inset rgba(255,254,255,.4) 0 .3em .3em,inset rgba(0,0,0,.1) 0 -.1em .3em,rgba(0,0,0,.3) 0 .1em 1px,rgba(0,0,0,.2) 0 .2em 6px;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);transform:translateY(5px)}.xl{font-size:32px}.button.glass:after{content:"";position:absolute;width:90%;height:60%;top:0;left:5%;-webkit-border-radius:.5em .5em 1em 1em/.5em .5em 2em 2em;-moz-border-radius:.5em .5em 1em 1em/.5em .5em 2em 2em;border-radius:.5em .5em 1em 1em/.5em .5em 2em 2em;background-image:-webkit-gradient(linear,0% 0,100% 0,from(rgba(255,255,255,.55)),to(rgba(255,255,255,.5)),color-stop(.5,rgba(255,255,255,0)),color-stop(.8,rgba(255,255,255,0)));background-image:-moz-linear-gradient(left,rgba(255,255,255,.55),rgba(255,255,255,0) 50%,rgba(255,255,255,0) 80%,rgba(255,255,255,.5));background-image:gradient(linear,0% 0,100% 0,from(rgba(255,255,255,.55)),to(rgba(255,255,255,.5)),color-stop(.5,rgba(255,255,255,0)),color-stop(.8,rgba(255,255,255,0)))}.button.glass:active:after,.button.disabled:after,.button[disabled]:after{opacity:.6}.button.icon.glass:after{height:75%}.button.glass{text-shadow:rgba(255,255,255,.5) 0 -1px 0,rgba(0,0,0,.18) 0 .18em .15em}.button.glass:active{text-shadow:rgba(255,255,255,.3) 0 1px 0,rgba(0,0,0,.15) 0 .18em .15em}.back,.back.glass:after{border-top-color:rgba(255,255,255,.5);-webkit-border-radius:1.6em 1.6em 1em 1em/4em 4em 1em 1em;-moz-border-radius:1.6em 1.6em 1em 1em/4em 4em 1em 1em;border-radius:1.6em 1.6em 1em 1em/4em 4em 1em 1em}.back.glass:after{left:6%;width:88%}