@CHARSET "UTF-8"; button,a.button { border: 1px solid white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236, 236, 236, 1)), color-stop(100%,rgba(188, 192, 194, 1))); -webkit-box-shadow: 1px 1px 5px #ccc; display: block; margin: 10px 0px 0px; padding: 7px; -webkit-border-radius: 5px; -webkit-appearance: none; font-size: 1em; text-shadow: 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236, 236, 236, 1)), color-stop(100%,rgba(188, 192, 194, 1))); color: #007CD0; border-image: initial; line-height: 1.4em; text-decoration: none;; text-align: center; } button, a.button { font-family: ArialRoundedMTBold, HelveticaNeue, Helvetica; } img.button-icon { width: 22px; float: left; margin-right: 3px; } button.color-green, a.button.color-green { border: 1px solid #00C01F; color: #007513; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215, 233, 176, 1)), color-stop(100%,rgba(160, 204, 67, 1))); border-image: initial; } button:active,a.button:active{ -webkit-box-shadow: 1px 1px 5px #88f; background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(188,192,194,1))); } /* google login button */ #customGoogleBtn { display: inline-block; background: #dd4b39; color: white; width: 165px; border-radius: 5px; white-space: nowrap; } #customGoogleBtn:hover { background: #e74b37; cursor: hand; } #customGoogleBtn span.label { font-weight: bold; } #customGoogleBtn span.icon { background: url('/+/images/branding/btn_red_32.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-right: #bb3f30 1px solid; } #customGoogleBtn span.buttonText { display: inline-block; vertical-align: middle; padding-left: 35px; padding-right: 35px; font-size: 14px; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto',arial,sans-serif; }