.button, .button span{display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.button{white-space:nowrap;font-family:'Droid Sans', sans-serif;font-weight:400;line-height:1em;outline:none;overflow:visible;cursor:pointer;border:1px solid #CCC;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0px 1px 2px rgba(0,0,0,.2);background:-moz-linear-gradient(center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);background:-webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;user-select:none;margin-bottom:10px;position:relative;margin-top:5px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgba(0, 0, 0, .0);border-right-color:rgba(0, 0, 0, .1);border-bottom-color:rgba(0, 0, 0, .3);border-left-color:rgba(0, 0, 0, .1);margin-right:20px;}
.button.full, .button.full span{display:block}
.button:hover, .button.hover{background:-moz-linear-gradient(center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100%);background:-webkit-gradient(linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')";}
.button:active, .button.active{top:1px}
.button span{position:relative;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);border-top:rgba(255, 255, 255, .2) 1px solid;line-height:1em;text-decoration:none;text-align:center;white-space:nowrap;padding-top:0.4em;padding-right:1.2em;padding-bottom:0.5em;padding-left:1.2em;}
.button.small span{font-size:12px}
.button.medium span{font-size:14px}
.button.large span{font-size:16px}
.button.black{background-color:#333333}
.button.gray{background-color:#666666}
.button.dark-gray{background-color:#4f4f4f}
.button.white{background-color:#ffffff}
.button.white span{color:#4e4e4e}
.button.orange{background-color:#CC6633}
.button.blue{background-color:#6891BD}
.button.green{background-color:#738C63}
.button.brown{background-color:#A67751}
.button.bronze{background-color:#8d8673}
.button.gold{background-color:#a38043}