.btn {
position: relative;
display: block;
width: 100%;
font-size: 24px; line-height: 56px;
border: 1px solid #999;
border-radius: 4px;
cursor: pointer;
margin: 0 0 0 0;
font-weight: bold;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
-webkit-box-shadow: inset 0 1px 1px #fff,
0 1px 2px rgba(0,0,0,0.31); box-shadow: inset 0 1px 1px #fff,
0 1px 2px rgba(0,0,0,0.31); background: #ccc; background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); background: -webkit-linear-gradient(top, #eee 0%,#ccc 100%); background: -o-linear-gradient(top, #eee 0%,#ccc 100%); background: -ms-linear-gradient(top, #eee 0%,#ccc 100%); background: linear-gradient(top, #eee 0%,#ccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); }
.btn:hover {
-webkit-box-shadow: inset 0 1px 1px #fff,
0 1px 2px rgba(0,0,0,0.31); box-shadow: inset 0 1px 1px #fff,
0 1px 2px rgba(0,0,0,0.31); background: #ccc; background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); background: -o-linear-gradient(top, #fff 0%,#ddd 100%); background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); background: linear-gradient(top, #fff 0%,#ddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); }
.btn a, .btn:hover a {
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
padding: 0 20px;
text-align: center;
text-decoration: none;
color: #444;
text-shadow: 0 1px 1px #fff;
}
.btn:hover a {
line-height: inherit;
}
.btn:active {
background: #ccc; background: -moz-linear-gradient(top, #ddd 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, #ddd 0%,#fff 100%); background: -o-linear-gradient(top, #ddd 0%,#fff 100%); background: -ms-linear-gradient(top, #ddd 0%,#fff 100%); background: linear-gradient(top, #ddd 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); }
.btn.red {
font-size: 24px; line-height: 56px;
border: 1px solid #7d180a;
background: #c54224; background: -moz-linear-gradient(top, #ef6638 0%, #b62918 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6638), color-stop(100%,#b62918)); background: -webkit-linear-gradient(top, #ef6638 0%,#b62918 100%); background: -o-linear-gradient(top, #ef6638 0%,#b62918 100%); background: -ms-linear-gradient(top, #ef6638 0%,#b62918 100%); background: linear-gradient(top, #ef6638 0%,#b62918 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6638', endColorstr='#b62918',GradientType=0 ); -webkit-box-shadow: inset 0 1px 1px #fb926a,
0 1px 2px rgba(0,0,0,0.61); box-shadow: inset 0 1px 1px #fb926a,
0 1px 2px rgba(0,0,0,0.61); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.btn.red:hover {
line-height: 56px;
background: #ed754e; background: -moz-linear-gradient(top, #ed754e 0%, #c93e23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed754e), color-stop(100%,#c93e23)); background: -webkit-linear-gradient(top, #ed754e 0%,#c93e23 100%); background: -o-linear-gradient(top, #ed754e 0%,#c93e23 100%); background: -ms-linear-gradient(top, #ed754e 0%,#c93e23 100%); background: linear-gradient(top, #ed754e 0%,#c93e23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed754e', endColorstr='#c93e23',GradientType=0 ); }
.btn.red a, btn.red:hover a {
color: #fff;
text-shadow: 0 1px 2px #6f1c0e,
0 1px 0 #6f1c0e;
}
.btn.red:active {
background: #ed754e; background: -moz-linear-gradient(top, #c93e23 0%, #ed754e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c93e23), color-stop(100%,#ed754e)); background: -webkit-linear-gradient(top, #c93e23 0%,#ed754e 100%); background: -o-linear-gradient(top, #c93e23 0%,#ed754e 100%); background: -ms-linear-gradient(top, #c93e23 0%,#ed754e 100%); background: linear-gradient(top, #c93e23 0%,#ed754e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93e23', endColorstr='#ed754e',GradientType=0 ); }
.btn.blue {
font-size: 24px; line-height: 56px;
border: 1px solid #005183;
background: #2485c3; background: -moz-linear-gradient(top, #2485c3 0%, #1766a0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2485c3), color-stop(100%,#1766a0)); background: -webkit-linear-gradient(top, #2485c3 0%,#1766a0 100%); background: -o-linear-gradient(top, #2485c3 0%,#1766a0 100%); background: -ms-linear-gradient(top, #2485c3 0%,#1766a0 100%); background: linear-gradient(top, #2485c3 0%,#1766a0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2485c3', endColorstr='#1766a0',GradientType=0 ); -webkit-box-shadow: inset 0 1px 1px #3ca0e1,
0 1px 2px rgba(0,0,0,0.61); box-shadow: inset 0 1px 1px #3ca0e1,
0 1px 2px rgba(0,0,0,0.61); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.btn.blue:hover {
line-height: 56px;
background: #1766a0; background: -moz-linear-gradient(top, #1766a0 0%, #2485c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1766a0), color-stop(100%,#2485c3)); background: -webkit-linear-gradient(top, #1766a0 0%,#2485c3 100%); background: -o-linear-gradient(top, #1766a0 0%,#2485c3 100%); background: -ms-linear-gradient(top, #1766a0 0%,#2485c3 100%); background: linear-gradient(top, #1766a0 0%,#2485c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1766a0', endColorstr='#2485c3',GradientType=0 ); }
.btn.blue a, btn.blue:hover a {
color: #fff;
text-shadow: 0 1px 2px #063b5c,
0 1px 0 #063b5c;
}
.btn.blue:active {
background: #1766a0; background: -moz-linear-gradient(top, #1766a0 0%, #2485c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1766a0), color-stop(100%,#2485c3)); background: -webkit-linear-gradient(top, #1766a0 0%,#2485c3 100%); background: -o-linear-gradient(top, #1766a0 0%,#2485c3 100%); background: -ms-linear-gradient(top, #1766a0 0%,#2485c3 100%); background: linear-gradient(top, #1766a0 0%,#2485c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1766a0', endColorstr='#2485c3',GradientType=0 ); }
.btn.black {
font-size: 24px; line-height: 56px;
border: 1px solid #636364;
background: #2485c3; background: -moz-linear-gradient(top, #353536 0%, #272829 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353536), color-stop(100%,#272829)); background: -webkit-linear-gradient(top, #353536 0%,#272829 100%); background: -o-linear-gradient(top, #353536 0%,#272829 100%); background: -ms-linear-gradient(top, #353536 0%,#272829 100%); background: linear-gradient(top, #353536 0%,#272829 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353536', endColorstr='#272829',GradientType=0 ); -webkit-box-shadow: inset 0 1px 1px #636364,
0 1px 2px rgba(0,0,0,0.61); box-shadow: inset 0 1px 1px #636364,
0 1px 2px rgba(0,0,0,0.61); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.btn.black:hover {
line-height: 56px;
background: #2485c3; background: -moz-linear-gradient(top, #353536 0%, #272829 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353536), color-stop(100%,#272829)); background: -webkit-linear-gradient(top, #353536 0%,#272829 100%); background: -o-linear-gradient(top, #353536 0%,#272829 100%); background: -ms-linear-gradient(top, #353536 0%,#272829 100%); background: linear-gradient(top, #353536 0%,#272829 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353536', endColorstr='#272829',GradientType=0 ); }
.btn.black a, btn.black:hover a {
color: #fff;
text-shadow: 0 1px 2px #19191a,
0 1px 0 #19191a;
}
.btn.green { 
font-size: 24px;
height: 56px;
line-height: 56px;
border-color: #1d692d;
-webkit-box-shadow: inset 0 1px 1px #94dda6,
0 1px 2px rgba(0,0,0,0.61); box-shadow: inset 0 1px 1px #94dda6,
0 1px 2px rgba(0,0,0,0.61); background: #5dbb73; background: -moz-linear-gradient(top, #5dbb73 0%, #2d9047 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dbb73), color-stop(100%,#2d9047)); background: -webkit-linear-gradient(top, #5dbb73 0%,#2d9047 100%); background: -o-linear-gradient(top, #5dbb73 0%,#2d9047 100%); background: -ms-linear-gradient(top, #5dbb73 0%,#2d9047 100%); background: linear-gradient(top, #5dbb73 0%,#2d9047 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dbb73', endColorstr='#2d9047',GradientType=0 ); }
.btn.green:hover {
background: #68ce80; background: -moz-linear-gradient(top, #68ce80 0%, #3cae5a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68ce80), color-stop(100%,#3cae5a)); background: -webkit-linear-gradient(top, #68ce80 0%,#3cae5a 100%); background: -o-linear-gradient(top, #68ce80 0%,#3cae5a 100%); background: -ms-linear-gradient(top, #68ce80 0%,#3cae5a 100%); background: linear-gradient(top, #68ce80 0%,#3cae5a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ce80', endColorstr='#3cae5a',GradientType=0 ); }
.btn.green a, .btn.green:hover a {
color: #fff;
text-shadow: 0 1px 2px #114a1e,
0 1px 0 #114a1e;
}
.btn.green:active {
background: #68ce80; background: -moz-linear-gradient(top, #3cae5a 0%, #68ce80 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3cae5a), color-stop(100%,#68ce80)); background: -webkit-linear-gradient(top, #3cae5a 0%,#68ce80 100%); background: -o-linear-gradient(top, #3cae5a 0%,#68ce80 100%); background: -ms-linear-gradient(top, #3cae5a 0%,#68ce80 100%); background: linear-gradient(top, #3cae5a 0%,#68ce80 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cae5a', endColorstr='#68ce80',GradientType=0 ); }
.btn.orange {
font-size: 24px;
height: 56px;
line-height: 56px;
border-color: #c19114;
background: #feeeb8; background: -moz-linear-gradient(top, #feeeb8 0%, #fed554 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feeeb8), color-stop(100%,#fed554)); background: -webkit-linear-gradient(top, #feeeb8 0%,#fed554 100%); background: -o-linear-gradient(top, #feeeb8 0%,#fed554 100%); background: -ms-linear-gradient(top, #feeeb8 0%,#fed554 100%); background: linear-gradient(top, #feeeb8 0%,#fed554 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feeeb8', endColorstr='#fed554',GradientType=0 ); -webkit-box-shadow: inset 0 2px 2px #fef9e9,
inset 0 -3px 5px #fcaa20,
0 1px 2px rgba(0,0,0,0.61); box-shadow: inset 0 2px 2px #fef9e9,
inset 0 -3px 5px #fcaa20,
0 1px 2px rgba(0,0,0,0.61); }
.btn.orange:hover {
background: #fef4d3; background: -moz-linear-gradient(top, #fef4d3 0%, #fcde7e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef4d3), color-stop(100%,#fcde7e)); background: -webkit-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); background: -o-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); background: -ms-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); background: linear-gradient(top, #fef4d3 0%,#fcde7e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef4d3', endColorstr='#fcde7e',GradientType=0 ); -webkit-box-shadow: inset 0 2px 2px #fef9e9,
inset 0 -3px 5px #fdc841,
0 1px 2px rgba(0,0,0,0.61); box-shadow: inset 0 2px 2px #fef9e9,
inset 0 -3px 5px #fdc841,
0 1px 2px rgba(0,0,0,0.61); }
.btn.orange a, .btn.orange:hover a {
color: #6a4a00;
text-shadow: 0 1px 2px #fff;
}
.btn.tertiary:active {
background: #fef4d3; background: -moz-linear-gradient(top, #fcde7e 0%, #fef4d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcde7e), color-stop(100%,#fef4d3)); background: -webkit-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); background: -o-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); background: -ms-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); background: linear-gradient(top, #fcde7e 0%,#fef4d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde7e', endColorstr='#fef4d3',GradientType=0 ); }
.oval { 
-moz-border-radius: 1000px;
-webkit-border-radius: 1000px;
border-radius: 1000px;
}
.btn.submit input {
font: 16px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
padding: 0 20px;
text-align: center;
text-decoration: none;
background: transparent;
color: #444;
text-shadow: 0 1px 1px #fff;
border: none;
margin: 0;
cursor: pointer;
}
.btn.submit {
text-align: center;
}
.btn.left { 
text-align: left; 
text-indent: 12px;
} .small.btn {
font-size: 12px;
line-height: 24px !important;
height: 24px;
}
.medium.btn {
font-size: 16px;
line-height: 40px !important;
height: 40px;
}
.large.btn {
font-size: 30px;
line-height: 65px !important;
height: 65px;
}