.button,.button_small{background-color:#f2f2f2;cursor:pointer;display:inline-block;font-size:12px;margin:0;transition:all 20ms ease-out;vertical-align:middle;font-weight:700;text-align:center;text-decoration:none;line-height:20px}.button,.button .fa,.button_small{line-height:20px}strong{font-weight:700}.button{background-image:linear-gradient(to bottom,#f2f2f2,#f2f2f2);border:1px solid #bfbfbf;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #d9d9d9,inset 0 0 0 1px #f2f2f2,0 2px 4px rgba(0,0,0,.2);color:#8c8c8c;text-shadow:0 1px 0 rgba(255,255,255,.5);border-radius:3px;padding:9px 16px}.button:focus,.button:hover{background:#f2f2f2;border-color:#8c8c8c;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #d9d9d9,inset 0 0 0 1px #f2f2f2}.button:active{background:#f2f2f2;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.button .fa{color:#bfbfbf;text-shadow:0 1px 0 rgba(255,255,255,.3)}.button_small{background-image:linear-gradient(to bottom,#f2f2f2,#f2f2f2);border:1px solid #bfbfbf;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #d9d9d9,inset 0 0 0 1px #f2f2f2,0 2px 4px rgba(0,0,0,.2);color:#8c8c8c;text-shadow:0 1px 0 rgba(255,255,255,.5);border-radius:3px;padding:3px 10px}.button-blue{background-color:#42b0e3;background-image:linear-gradient(to bottom,#42b0e3,#2ba9e3);border:1px solid #107db0;box-shadow:inset 0 1px 0 #7cd4fc,inset 0 -1px 0 #2696c9,inset 0 0 0 1px #59b7e3,0 2px 4px rgba(0,0,0,.2);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.button-blue:focus,.button-blue:hover{background:#2ba9e3;border-color:#004c6f;box-shadow:inset 0 1px 0 #7cd4fc,inset 0 -1px 0 #2696c9,inset 0 0 0 1px #59b7e3}.button-blue:active{background:#2ba9e3;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.button-blue .fa{color:#107db0;text-shadow:0 1px 0 rgba(255,255,255,.3)}.button-green{background-color:#97cc76;background-image:linear-gradient(to bottom,#97cc76,#8bcc62);border:1px solid #5f993a;box-shadow:inset 0 1px 0 #c6e5b3,inset 0 -1px 0 #79b356,inset 0 0 0 1px #a4cc8b,0 2px 4px rgba(0,0,0,.2);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.button-green:focus,.button-green:hover{background:#8bcc62;border-color:#326612;box-shadow:inset 0 1px 0 #c6e5b3,inset 0 -1px 0 #79b356,inset 0 0 0 1px #a4cc8b}.button-green:active{background:#8bcc62;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.button-green .fa{color:#5f993a;text-shadow:0 1px 0 rgba(255,255,255,.3)}.button-purple{background-color:#847bba;background-image:linear-gradient(to bottom,#847bba,#7568ba);border:1px solid #493e87;box-shadow:inset 0 1px 0 #bab6d4,inset 0 -1px 0 #655aa1,inset 0 0 0 1px #948dba,0 2px 4px rgba(0,0,0,.2);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.button-purple:focus,.button-purple:hover{background:#7568ba;border-color:#1f1654;box-shadow:inset 0 1px 0 #bab6d4,inset 0 -1px 0 #655aa1,inset 0 0 0 1px #948dba}.button-purple:active{background:#7568ba;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.button-purple .fa{color:#493e87;text-shadow:0 1px 0 rgba(255,255,255,.3)}.button-orange{background-color:#f58a38;background-image:linear-gradient(to bottom,#f58a38,#f57c20);border:1px solid #c25706;box-shadow:inset 0 1px 0 #ffb984,inset 0 -1px 0 #db6f1d,inset 0 0 0 1px #f59851,0 2px 4px rgba(0,0,0,.2);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.button-orange:focus,.button-orange:hover{background:#f57c20;border-color:#730;box-shadow:inset 0 1px 0 #ffb984,inset 0 -1px 0 #db6f1d,inset 0 0 0 1px #f59851}.button-orange:active{background:#f57c20;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.button-orange .fa{color:#c25706;text-shadow:0 1px 0 rgba(255,255,255,.3)}.button-red{background-color:#ed6d64;background-image:linear-gradient(to bottom,#ed6d64,#ed574c);border:1px solid #ba3329;box-shadow:inset 0 1px 0 #ffb0aa,inset 0 -1px 0 #d44d44,inset 0 0 0 1px #ed837b,0 2px 4px rgba(0,0,0,.2);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.button-red:focus,.button-red:hover{background:#ed574c;border-color:#870c03;box-shadow:inset 0 1px 0 #ffb0aa,inset 0 -1px 0 #d44d44,inset 0 0 0 1px #ed837b}.button-red:active{background:#ed574c;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.button-red .fa{color:#ba3329;text-shadow:0 1px 0 rgba(255,255,255,.3)}.button-yellow{background-color:#fce374;background-image:linear-gradient(to bottom,#fce374,#fcdf5b);border:1px solid #c9ae34;box-shadow:inset 0 1px 0 #fff6ce,inset 0 -1px 0 #e3c852,inset 0 0 0 1px #fce88d,0 2px 4px rgba(0,0,0,.2);color:#967d09;text-shadow:0 1px 0 rgba(255,255,255,.5)}.button-yellow:focus,.button-yellow:hover{background:#fcdf5b;border-color:#967d09;box-shadow:inset 0 1px 0 #fff6ce,inset 0 -1px 0 #e3c852,inset 0 0 0 1px #fce88d}.button-yellow:active{background:#fcdf5b;box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}.button-yellow .fa{color:#c9ae34;text-shadow:0 1px 0 rgba(255,255,255,.3)}.button .fa{float:left;font-size:14px;margin:-1px 8px 0 -4px;vertical-align:top}