/* buttons.css */
/* CSS rules specific to buttons */

.button								{ background: #3465a4; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5689cc), color-stop(50%, #4f7fbd), color-stop(50%, #396eb2), color-stop(100%, #3465a4)); background: -webkit-linear-gradient(#5689cc, #4f7fbd 50%, #396eb2 50%, #3465a4); background: -moz-linear-gradient(#5689cc, #4f7fbd 50%, #396eb2 50%, #3465a4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5689cc', EndColorStr='#3465a4'); color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; padding: 4px 10px; text-decoration: none; text-shadow: 0 -1px 0 #224b7f; display: inline-block; border-width: 1px; border-style: solid; border-color: #486b99 #345a8c #224b7f #345a8c; box-shadow: inset 0 0 0 1px #588dd2, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #588dd2, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #588dd2, 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0; }
.button:hover						{ background: #3e77c2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c93db), color-stop(50%, #5689cc), color-stop(50%, #3e77c2), color-stop(100%, #396eb2)); background: -webkit-linear-gradient(#5c93db, #5689cc 50%, #3e77c2 50%, #396eb2); background: -moz-linear-gradient(#5c93db, #5689cc 50%, #3e77c2 50%, #396eb2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5c93db', EndColorStr='#396eb2'); text-shadow: 0 -1px 0 #27548f; border-color: #4f76a8 #3a649c #27548f #3a649c; box-shadow: inset 0 0 0 1px #5c93db, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #5c93db, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #5c93db, 0 1px 0 rgba(0, 0, 0, 0.25); }
.button:active						{ box-shadow: inset 0 0 0 1px #588dd2, 0 1px 0 rgba(0, 0, 0, 0.25); position: relative; top: 1px; outline: none; }

.button.small						{ padding: 4px 10px; }
.button.big							{ font-size: 14px; padding: 5px 14px; }
.button.unbold						{ font-weight: normal; }

.button.middle						{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.button.left						{ border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-right: none; }
.button.right						{ border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-left: none; }

.button.red							{ background: #b1544a; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d97b71), color-stop(50%, #c97269), color-stop(50%, #bf5b50), color-stop(100%, #b1544a)); background: -webkit-linear-gradient(#d97b71, #c97269 50%, #bf5b50 50%, #b1544a); background: -moz-linear-gradient(#d97b71, #c97269 50%, #bf5b50 50%, #b1544a); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d97b71', EndColorStr='#b1544a'); border-color: #965c56 #8a4841 #7d362e #8a4841; box-shadow: inset 0 0 0 1px #d3786e, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #d3786e, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #d3786e, 0 1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #7d362e; }
.button.red:hover					{ background: #bf5b50; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e88479), color-stop(50%, #d97b71), color-stop(50%, #cf6357), color-stop(100%, #bf5b50)); background: -moz-linear-gradient(#e88479, #d97b71 50%, #cf6357 50%, #bf5b50); background: -webkit-linear-gradient(#e88479, #d97b71 50%, #cf6357 50%, #bf5b50); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e88479', EndColorStr='#bf5b50'); border-color: #a6665e #995048 #8c3d34 #995048; box-shadow: inset 0 0 0 1px #e88479, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #e88479, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #e88479, 0 1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #8c3d34; }

.button.green						{ background: #82913d; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaba61), color-stop(50%, #9cab59), color-stop(50%, #90a143), color-stop(100%, #82913d)); background: -moz-linear-gradient(#aaba61, #9cab59 50%, #90a143 50%, #82913d); background: -webkit-linear-gradient(#aaba61, #9cab59 50%, #90a143 50%, #82913d); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaba61', EndColorStr='#82913d'); border-color: #6e7844 #6e7844 #535e23 #6e7844; box-shadow: inset 0 0 0 1px #aebf63, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #aebf63, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #aebf63, 0 1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #535e23; }
.button.green:hover					{ background: #90a143; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8c969), color-stop(50%, #aaba61), color-stop(50%, #9db04a), color-stop(100%, #90a143)); background: -moz-linear-gradient(#b8c969, #aaba61 50%, #9db04a 50%, #90a143); background: -webkit-linear-gradient(#b8c969, #aaba61 50%, #9db04a 50%, #90a143); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8c969', EndColorStr='#90a143'); border-color: #7c874d #6f7a3a #616e29 #6f7a3a; box-shadow: inset 0 0 0 1px #b8c969, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #b8c969, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #b8c969, 0 1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #616e29; }

.button.grey						{ background: #8A8A8A; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B2B2B2), color-stop(50%, #A3A3A3), color-stop(50%, #999999), color-stop(100%, #8A8A8A)); background: -moz-linear-gradient(#B2B2B2, #A3A3A3 50%, #999999 50%, #8A8A8A); background: -webkit-linear-gradient(#B2B2B2, #A3A3A3 50%, #999999 50%, #8A8A8A); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B2B2B2', EndColorStr='#8A8A8A'); border-color: #7F7F7F #737373 #666666 #737373; box-shadow: inset 0 0 0 1px #B8B8B8, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #B8B8B8, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #B8B8B8, 0 1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #666666; }
.button.grey:hover					{ background: #999999; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C2C2C2), color-stop(50%, #B2B2B2), color-stop(50%, #A8A8A8), color-stop(100%, #999999)); background: -moz-linear-gradient(#C2C2C2, #B2B2B2 50%, #A8A8A8 50%, #999999); background: -webkit-linear-gradient(#C2C2C2, #B2B2B2 50%, #A8A8A8 50%, #999999); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2C2C2', EndColorStr='#999999'); border-color: #8F8F8F #828282 #757575 #828282; box-shadow: inset 0 0 0 1px #C2C2C2, 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #C2C2C2, 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #C2C2C2, 0 1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #757575; }

a.button:hover,
a.button:visited					{ color: #fff; }

button.button,
input.button						{ padding-top: 5px; padding-bottom: 6px; margin: 0; cursor: pointer; }

button.button.big,
input.button.big					{ padding-top: 7px; padding-bottom: 8px; }
.button::-moz-focus-inner			{ border: 0; padding: 0; }