.btn { padding: 7px 11px; font-size: 14px; }
.btn-mini { padding: 2px 6px; font-size: 11px; line-height: 14px; }
.btn-small { padding: 4px 8px; font-size: 13px; line-height: 18px; }
.btn-large { padding: 11px 15px; font-size: 16px; }

.btn:visited { color: #333; }

.btn-water,
.btn-water:hover,
.btn-water:visited,
.btn-mountain,
.btn-mountain:hover,
.btn-mountain:visited,
.btn-sky,
.btn-sky:hover,
.btn-sky:visited,
.btn-pine,
.btn-pine:hover,
.btn-pine:visited,
.btn-clay,
.btn-clay:hover,
.btn-clay:visited { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9); color: #ffffff; }
.btn-cloud,
.btn-cloud:hover,
.btn-cloud:visited { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); color: #3c3b36; }

.btn-water.active,
.btn-mountain.active,
.btn-sky.active,
.btn-pine.active,
.btn-pine.active,
.btn-clay.active { color: rgba(255, 255, 255, 0.75); }
.btn-cloud.active { color: rgba(0, 0, 0, 0.75); }

.btn-pine { background-color: #6c8863; background-image: -moz-linear-gradient(top, #6c8863, #55704c); background-image: -ms-linear-gradient(top, #6c8863, #55704c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c8863), to(#55704c)); background-image: -webkit-linear-gradient(top, #6c8863, #55704c); background-image: -o-linear-gradient(top, #6c8863, #55704c); background-image: linear-gradient(top, #6c8863, #55704c); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6c8863', endColorstr='#55704c', GradientType=0); border-color: #2f4a26; border-color: rgba(47, 74, 38, 0.5); filter: progid: dximagetransform.microsoft.gradient(enabled=false); }
.btn-pine:hover,
.btn-pine:active,
.btn-pine.active { background-color: #546f4b; }
.btn-pine.disabled,
.btn-pine[disabled] { background-color: rgba(84, 111, 75, 0.9); }

.btn-sky { background-color: #7399c6; background-image: -moz-linear-gradient(top, #7399c6, #4d78b0); background-image: -ms-linear-gradient(top, #7399c6, #4d78b0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7399c6), to(#4d78b0)); background-image: -webkit-linear-gradient(top, #7399c6, #4d78b0); background-image: -o-linear-gradient(top, #7399c6, #4d78b0); background-image: linear-gradient(top, #7399c6, #4d78b0); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7399c6', endColorstr='#4d78b0', GradientType=0); border-color: #314e73; border-color: rgba(49, 78, 115, 0.5); filter: progid: dximagetransform.microsoft.gradient(enabled=false); }
.btn-sky:hover,
.btn-sky:active,
.btn-sky.active { background-color: #4b76af; }
.btn-sky.disabled,
.btn-sky[disabled] { background-color: rgba(75, 93, 176, 0.9); }

.btn-water { background-color: #729fa2; background-image: -moz-linear-gradient(top, #729fa2, #487478); background-image: -ms-linear-gradient(top, #729fa2, #487478); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#729fa2), to(#487478)); background-image: -webkit-linear-gradient(top, #729fa2, #487478); background-image: -o-linear-gradient(top, #729fa2, #487478); background-image: linear-gradient(top, #729fa2, #487478); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#729fa2', endColorstr='#487478', GradientType=0); border-color: #2d4a4d; border-color: rgba(45, 74, 77, 0.5); filter: progid: dximagetransform.microsoft.gradient(enabled=false); }
.btn-water:hover,
.btn-water:active,
.btn-water.active { background-color: #467276; }
.btn-water.disabled,
.btn-water[disabled] { background-color: rgba(70, 114, 118, 0.9); }

.btn-clay { background-color: #ad7031; background-image: -moz-linear-gradient(top, #ad7031, #8c5315); background-image: -ms-linear-gradient(top, #ad7031, #8c5315); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ad7031), to(#8c5315)); background-image: -webkit-linear-gradient(top, #ad7031, #8c5315); background-image: -o-linear-gradient(top, #ad7031, #8c5315); background-image: linear-gradient(top, #ad7031, #8c5315); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ad7031', endColorstr='#8c5315', GradientType=0); border-color: #61390e; border-color: rgba(97, 57, 14, 0.5); filter: progid: dximagetransform.microsoft.gradient(enabled=false); }
.btn-clay:hover,
.btn-clay:active,
.btn-clay.active { background-color: #8a5213; }
.btn-clay.disabled,
.btn-clay[disabled] { background-color: rgba(138, 82, 19, 0.9); }

.btn-mountain { background-color: #957499; background-image: -moz-linear-gradient(top, #957499, #66446c); background-image: -ms-linear-gradient(top, #957499, #66446c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#957499), to(#66446c)); background-image: -webkit-linear-gradient(top, #957499, #66446c); background-image: -o-linear-gradient(top, #957499, #66446c); background-image: linear-gradient(top, #957499, #66446c); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#957499', endColorstr='#66446c', GradientType=0); border-color: #432647; border-color: rgba(67, 38, 71, 0.5); filter: progid: dximagetransform.microsoft.gradient(enabled=false); }
.btn-mountain:hover,
.btn-mountain:active,
.btn-mountain.active { background-color: #634169; }
.btn-mountain.disabled,
.btn-mountain[disabled] { background-color: rgba(99, 65, 105, 0.9); }

.btn-cloud { background: #e2dfdc; background-image: -moz-linear-gradient(top, #fff, #e2dfdc); background-image: -ms-linear-gradient(top, #fff, #e2dfdc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e2dfdc)); background-image: -webkit-linear-gradient(top, #fff, #e2dfdc); background-image: -o-linear-gradient(top, #fff, #e2dfdc); background-image: linear-gradient(top, #fff, #e2dfdc); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#66446c', GradientType=0); border-color: #bcb7b2; border-color: rgba(188, 183, 178, 0.5); filter: progid: dximagetransform.microsoft.gradient(enabled=false); }
.btn-cloud:hover,
.btn-cloud:active,
.btn-cloud.active { background: #c9c5c1; background-image: -moz-linear-gradient(top, #fff, #c9c5c1); background-image: -ms-linear-gradient(top, #fff, #c9c5c1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#c9c5c1)); background-image: -webkit-linear-gradient(top, #fff, #c9c5c1); background-image: -o-linear-gradient(top, #fff, #c9c5c1); background-image: linear-gradient(top, #fff, #c9c5c1); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c9c5c1', GradientType=0); }
.btn-cloud.disabled,
.btn-cloud[disabled],
.btn-cloud:hover.disabled,
.btn-cloud:hover[disabled] { background: #c9c5c1; background-color: rgba(201, 197, 193, 0.9); }