.spaced-icon { margin-right: 7px; } a.push_button { color: #fff; } .push:active { -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset; top:5px; } .push:hover, .push:focus { color: #fff; } .push { float: left; letter-spacing: 1px; position: relative; height:40px; text-align:center; color:#FFF; text-decoration:none; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: normal; padding-left: 20px; padding-right: 20px; } .form-button-container { width: 300px; } .form-button { float: right; } .green { text-shadow:-1px -1px 0 #2c4e4a; background: #448780; border:1px solid #2c4e4a; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #2c4e4a, 0 4px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #2c4e4a, 0 4px 2px rgba(0, 0, 0, .5); box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #2c4e4a, 0 4px 2px rgba(0, 0, 0, .5); } .green:hover, .green:focus { background: #569c95; } .red { text-shadow:-1px -1px 0 #A84155; background: #D25068; border:1px solid #D25068; background-image:-webkit-linear-gradient(top, #F66C7B, #D25068); background-image:-moz-linear-gradient(top, #F66C7B, #D25068); background-image:-ms-linear-gradient(top, #F66C7B, #D25068); background-image:-o-linear-gradient(top, #F66C7B, #D25068); background-image:linear-gradient(to bottom, #F66C7B, #D25068); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5); box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5); } .red:hover { background: #F66C7B; background-image:-webkit-linear-gradient(top, #D25068, #F66C7B); background-image:-moz-linear-gradient(top, #D25068, #F66C7B); background-image:-ms-linear-gradient(top, #D25068, #F66C7B); background-image:-o-linear-gradient(top, #D25068, #F66C7B); background-image:linear-gradient(top, #D25068, #F66C7B); } .blue { text-shadow:-1px -1px 0 #2C7982; background: #3EACBA; border:1px solid #379AA4; background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA); background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA); background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA); background-image:-o-linear-gradient(top, #48C6D4, #3EACBA); background-image:linear-gradient(top, #48C6D4, #3EACBA); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5); box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5); } .blue:hover { background: #48C6D4; background-image:-webkit-linear-gradient(top, #3EACBA, #48C6D4); background-image:-moz-linear-gradient(top, #3EACBA, #48C6D4); background-image:-ms-linear-gradient(top, #3EACBA, #48C6D4); background-image:-o-linear-gradient(top, #3EACBA, #48C6D4); background-image:linear-gradient(top, #3EACBA, #48C6D4); }