Bill Payment

.button {background:#0f0; display:inline-block; text-align:center; padding:9px 25px 11px 25px; color:#fff; text-decoration:none; font-weight:bold; font-size:13px; font-size:1.3em; line-height:1; font-family:"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif; position:relative; cursor:pointer; border:none; outline:none; margin:0 2px 6px 0; -webkit-transition:background-color .15s ease-in-out; -moz-transition:background-color .15s ease-in-out; -o-transition:background-color .15s ease-in-out; text-shadow:0px 2px 1px rgba(0,0,0,.4); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} input[type=submit].button, button.button {-webkit-appearance:none} /* Don't use native buttons on iOS */ button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none} /* Hide inner focus effect in Firefox */ .button.filed {-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px} .button.round {-moz-border-radius:1000px; -webkit-border-radius:1000px; border-radius:1000px} .button.tight {margin-right:0 !important; margin-bottom:0 !important} .button.narrow {padding-left:8px !important; padding-right:8px !important; text-align:center} .button.left-align {text-align:left; text-indent:12px} .button.right-align {text-align:right; text-indent:12px} .full {width:100%} .button.tab {margin-bottom:0; -webkit-border-radius:20px 20px 0px 0px; -moz-border-radius:20px 20px 0px 0px; -ms-border-radius:20px 20px 0px 0px; -o-border-radius:20px 20px 0px 0px; border-radius:20px 20px 0px 0px} /* Tabs */ .tiny.button {font-size:10px; padding:6px 14px 8px} /* Button-sizes */ .small.button {font-size:12px; padding:8px 20px 10px} .medium.button {font-size:14px; padding:10px 32px 12px} .large.button {font-size:21px; padding:15px 48px 18px} .xlarge.button {font-size:36px; padding:22px 51px 30px} .symbol.button {font-size:36px; padding:0px 17px 1px} .button.disabled, .button[disabled] {opacity:.6; cursor:default} /* Disabled ---------- */ @-moz-document url-prefix(http://) { {1px to 9999px} /* based on css from: http://codepen.io/sethjenks/pen/BfKdF */ input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner {border:0; padding:0} input[type=submit].tiny.button {padding:5px 14px 7px} input[type=submit].small.button {padding:7px 20px 8px} input[type=submit].medium.button {padding:8px 34px 9px} input[type=submit].large.button {padding:9px 48px 10px} } .blue.button {color:#fff; text-shadow:0 1px 2px rgba(35,31,32,.61); -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#00a4e7; -moz-box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; -webkit-box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwYzQ5OWQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODg5ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+"); background-image:-moz-linear-gradient(90deg,#0c499d 0%,#4889ec 100%); background-image:-o-linear-gradient(90deg,#0c499d 0%,#4889ec 100%); background-image:-webkit-linear-gradient(90deg,#0c499d 0%,#4889ec 100%); background-image:linear-gradient(90deg,#0c499d 0%,#4889ec 100%)} .blue.button:hover {color:white; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#00a4e7; -moz-box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; -webkit-box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwYzQ5OWQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTlkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+"); background-image:-moz-linear-gradient(90deg,#0c499d 0%,#699ded 100%); background-image:-o-linear-gradient(90deg,#0c499d 0%,#699ded 100%); background-image:-webkit-linear-gradient(90deg,#0c499d 0%,#699ded 100%); background-image:linear-gradient(90deg,#0c499d 0%,#699ded 100%)} .blue.button:active {color:white; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#00a4e7; -moz-box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; -webkit-box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; box-shadow:1px 5px 5px rgba(0,0,0,.15),inset 0 1px 1px rgba(109,207,246,.91),0 0 0 1px #002056; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyNTc3ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzQ5OWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+"); background-image:-moz-linear-gradient(90deg,#2577f2 0%,#0c499d 100%); background-image:-o-linear-gradient(90deg,#2577f2 0%,#0c499d 100%); background-image:-webkit-linear-gradient(90deg,#2577f2 0%,#0c499d 100%); background-image:linear-gradient(90deg,#2577f2 0%,#0c499d 100%)}