.RetrieveUsernameButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #a99204;
    border-radius: 8px;
    background: #ffef06;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffef06), to(#a99204));
    background: -moz-linear-gradient(top, #ffef06, #a99204);
    background: linear-gradient(to bottom, #ffef06, #a99204);
    text-shadow: #796803 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.RetrieveUsernameButton:hover,
.RetrieveUsernameButton:focus {
    border: 1px solid ##f1d005;
    background: #ffff07;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff07), to(#cbaf05));
    background: -moz-linear-gradient(top, #ffff07, #cbaf05);
    background: linear-gradient(to bottom, #ffff07, #cbaf05);
    color: #ffffff;
    text-decoration: none;
}
.RetrieveUsernameButton:active {
    background: #a99204;
    background: -webkit-gradient(linear, left top, left bottom, from(#a99204), to(#a99204));
    background: -moz-linear-gradient(top, #a99204, #a99204);
    background: linear-gradient(to bottom, #a99204, #a99204);
}
.RetrieveUsernameButton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADtklEQVRIia2WTWxUVRTHf+fOm3kzry1EIQRNiLGtULAk8uVH1AWycodNgxtSlywa0LQhkRATWRjCwmhAdyABqwtsGnWlIayM0bjRNKTFtJQiIhFJTNA3H29m7t/FfLV0BqPhn9y8+9475/+/755zz3lGB7x/5gxV0S+xD7Rb0qC8XysJSXckXZZ0SdIkaP7owYNteazdw/c+Otsr6QSwV1JQJ60N71l2L1UkTUk68tbrhxbuK3Di9GnCVHpE6BTSKu891WoV733T2JxrOjXey3u8dBdpNFtOJg4fPtzkTC0lzwbpNzFOAtlKpUJSKi0nN2sN50ilUgRB0PiyENhbdq748p6Xvr148SIAriGQS2dGMHsHcKVCgWKhgOrk94M5RzaXI8zlGnzHC0F6/7ItOnn+417gR0mrCnFMkiSYGa6+0ntXfu+9q8+TJKEQx0i6K2nb2+NjC3bq3Cfg9Jmk4aRYJI7jpvNSge6uLjb19WIYc4uL5IvFFQJmRhzHJMUiki7I26sBTv3AXiTy+XzbbVjd08P+oVfojiIAntn2FJ9+8SVxobDCNooiklIJpCHM9ztgHxAkpRK+Wm0rsGPrIN1R1FxldxSxuffxtrYulSIThgABMOzMbDdAqVTqGMhsGGLWymgza2VHG9QFAPY4YBCgUql0dJi9ehXvW4fLe8/07GxH+3QQNKZbAmAt9RPaCdd+ucHnX3/F1o0b8RLffPc9f/71N7murrb25hyYgbQuaGvRMDTj+Z07+f3OH8wtXufnhWtUq1XCbJYnBwZYt2YNP0xP34+CALiD2XpzbsVXPLtjOy8+vQvvPTNzc1y78SuY0bthA5uf6MeZUa6U+Wn2yjI/eQ8SwO0AuAysD4KAcpI0jVb39PDCrl2YGalUisFNm9g6MFAjkJpBf277dmbm5ikvycByK54zTuISQNiKPAADfX1Lg7UiixrIpNM89ugjy3yTVkZecqBJoJIJQ1yqWftY8/BD95bljmN1d3fTz1erDYGKwWQAmgebwmxfFEXEcQzAlbl5bt78jdpireMVg5u3bjUF8vl8Y/+nzJivFbtz53sxe6DFzkvbjo2PLTiAQ6+NLCBGAZ+NIjKZDP8VSZJQrNUyD4weGx9bgCX9wOXCCcQRwIe5HNlcrnZg/gXynmKhQKlW+LzgiO+KJhrvl7XMDy5coBLn9ws+/L8ts5LLThw7cIC2Ag3Umj7HQUMPtOkvxbunzwK+HzQsaY+kLfJaVye9LWmm+dtStfmjb4y25fkH5NpBolj4WvcAAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}


.PasswordResetButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #3e7bad;
    border-radius: 8px;
    background: #65c9ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#65c9ff), to(#3e7bad));
    background: -moz-linear-gradient(top, #65c9ff, #3e7bad);
    background: linear-gradient(to bottom, #65c9ff, #3e7bad);
    text-shadow: #2c587c 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.PasswordResetButton:hover,
.PasswordResetButton:focus {
    border: 1px solid ##58aff7;
    background: #79f1ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#79f1ff), to(#4a94d0));
    background: -moz-linear-gradient(top, #79f1ff, #4a94d0);
    background: linear-gradient(to bottom, #79f1ff, #4a94d0);
    color: #ffffff;
    text-decoration: none;
}
.PasswordResetButton:active {
    background: #3e7bad;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e7bad), to(#3e7bad));
    background: -moz-linear-gradient(top, #3e7bad, #3e7bad);
    background: linear-gradient(to bottom, #3e7bad, #3e7bad);
}
.PasswordResetButton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADf0lEQVRIia2WT2gcdRTHP7/fzs7sbk1IY+hBQUoMCDEeglAKVbHGQ1XUUEO8lHjsIbRKQsBQBHOQ0oMord5SS2sEiSHoOeRYxUulpLQ2Lkml5pDQU2F2dic7v6+H/ZPNZhJQ+oUfvJl57/vefH9v3m8M++Drq1dJRJ/EKOikpAE51yMJSY8k3ZG0LGkBVLxw7lwqj0m7+dV313olXQKGJXl10tpyjl3XUlXSoqTpzz4+v3ZggkuzswSZ7JjQFaRO5xxJkuCcazoba5tBjedyDic9RhrPbcdzU1NTTc5MK3nOy36K4TKQq1arxJXKbnJjdpa1ZDIZPM9rvFkADG9bW35r6I2bS0tLANhGgnzWH8OYLwBbiSLKUYTq5AfBWEsunyfI5xt8FyMve2aXRJdvfN8L/CGpMwpD4jjGGIOtV9peefu1rdtxHBOFIZIeSxr8fHJizVy5/gNY/SRpJC6XCcOwGdya4Llnn+GF3ufBwF/rD9jY3NyTwBhDGIbE5TKS5uXMhx5WfcAwEqVSKVWGl18aYOjECeLtbQAG+19k+debrNxf3eNbKBSIKxWQTmNcnweMAl5cqeCSBGPtroDA93n9+HHura7y48+/8FRHB6Pvvctrx46xcu9PaPO3mQx+EFCJIg8YscaYkwCVSiW1+qcPHyabzfL7rVt0dHVhs1lW7q8S+D6HcrnUGD8IGuaQBQYAqtVqqrO1Bklgdj4ZlyS1e/sg63kNs98Deqh/oe1489VX6Dt6FGMM7586RTVJMBh8P4sxhg/eeZvig7/57fZtMi0FGGtrBUlHvD2sLejq7KS7qwuoSdWOnu5uHm5s1Ipr24umAsAj6u2Whra5s2elxjgHtWdbFrgD4HnpL9Po74Psdmzv7OddK7EMEOzs/L6J0uw0xDsduWxBC0DVDwJsJrPH+b9K5JKkkaBqYMEDFcEsYsxooVAgDMOmc3F9na3NTcC0DHbT0rGGhxv/7EpQKpUa+i8aQ7E27K7f6MWYJzrsnDQ4MzmxZgHOfzS2hhgHXK5QwPf9AzVO1T2OKddmmQPGZyYn1qDlPLD5YA4xDbggnyeXz+/buq2Qc5SjiEoUATjBtDtUmNsRsQXfzM9TDUtnBN/+3yOzms/NzZw9S2qCBmqHPhdBp5/ood+KL2evAa4PNCJpSFK/nI7USbck3W3+tiSmeOGT8VSefwFk3TJV+E2JSwAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}



/* ==========================================================================
    EVEN MORE BUTTONS
   ========================================================================== */

.GrayButton {
	box-shadow: 0px 0px 0px 2px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:10px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:arial;
	font-size:16px;
	padding:7px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.GrayButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.GrayButton:active {
	position:relative;
	top:1px;
}


.LightBlueButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 16px;
    border: 1px solid #2283a6;
    border-radius: 8px;
    background: #37d7ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#37d7ff), to(#2283a6));
    background: -moz-linear-gradient(top, #37d7ff, #2283a6);
    background: linear-gradient(to bottom, #37d7ff, #2283a6);
    text-shadow: #185e77 1px 1px 1px;
    font: normal normal bold 16px arial;
    color: #ffffff;
    text-decoration: none;
}
.LightBlueButton:hover,
.LightBlueButton:focus {
    border: 1px solid #30bbed;
    background: #42ffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#42ffff), to(#299dc7));
    background: -moz-linear-gradient(top, #42ffff, #299dc7);
    background: linear-gradient(to bottom, #42ffff, #299dc7);
    color: #ffffff;
    text-decoration: none;
}
.LightBlueButton:active {
    background: #2283a6;
    background: -webkit-gradient(linear, left top, left bottom, from(#2283a6), to(#2283a6));
    background: -moz-linear-gradient(top, #2283a6, #2283a6);
    background: linear-gradient(to bottom, #2283a6, #2283a6);
}




.DarkBlueButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 16px;
    border: 1px solid #00499c;
    border-radius: 8px;
    background: #008aff;
    background: -webkit-gradient(linear, left top, left bottom, from(#008aff), to(#00499c));
    background: -moz-linear-gradient(top, #008aff, #00499c);
    background: linear-gradient(to bottom, #008aff, #00499c);
    text-shadow: #002b5c 1px 1px 1px;
    font: normal normal bold 16px arial;
    color: #ffffff;
    text-decoration: none;
}
.DarkBlueButton:hover,
.DarkBlueButton:focus {
    border: 1px solid #0056b8;
    background: #00a6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#00a6ff), to(#0058bb));
    background: -moz-linear-gradient(top, #00a6ff, #0058bb);
    background: linear-gradient(to bottom, #00a6ff, #0058bb);
    color: #ffffff;
    text-decoration: none;
}
.DarkBlueButton:active {
    background: #00499c;
    background: -webkit-gradient(linear, left top, left bottom, from(#00499c), to(#00499c));
    background: -moz-linear-gradient(top, #00499c, #00499c);
    background: linear-gradient(to bottom, #00499c, #00499c);
}



.GreenButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 16px;
    border: 1px solid #00975a;
    border-radius: 8px;
    background: #00f693;
    background: -webkit-gradient(linear, left top, left bottom, from(#00f693), to(#00975a));
    background: -moz-linear-gradient(top, #00f693, #00975a);
    background: linear-gradient(to bottom, #00f693, #00975a);
    text-shadow: #005f39 1px 1px 1px;
    font: normal normal bold 16px arial;
    color: #ffffff;
    text-decoration: none;
}
.GreenButton:hover,
.GreenButton:focus {
    border: 1px solid #00bd71;
    background: #00ffb0;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ffb0), to(#00b56c));
    background: -moz-linear-gradient(top, #00ffb0, #00b56c);
    background: linear-gradient(to bottom, #00ffb0, #00b56c);
    color: #ffffff;
    text-decoration: none;
}
.GreenButton:active {
    background: #00975a;
    background: -webkit-gradient(linear, left top, left bottom, from(#00975a), to(#00975a));
    background: -moz-linear-gradient(top, #00975a, #00975a);
    background: linear-gradient(to bottom, #00975a, #00975a);
}


.OrangeButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #dc5100;
    border-radius: 8px;
    background: #dc5100;
    background: -webkit-gradient(linear, left top, left bottom, from(#dc5100), to(#dc5100));
    background: -moz-linear-gradient(top, #dc5100, #dc5100);
    background: linear-gradient(to bottom, #dc5100, #dc5100);
    text-shadow: #6e2900 1px 1px 1px;
    font: normal normal bold 16px arial;
    color: #ffffff;
    text-decoration: none;
}
.OrangeButton:hover,
.OrangeButton:focus {
    border: 1px solid #ff6900;
    background: #ff6100;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6100), to(#ff6100));
    background: -moz-linear-gradient(top, #ff6100, #ff6100);
    background: linear-gradient(to bottom, #ff6100, #ff6100);
    color: #ffffff;
    text-decoration: none;
}
.OrangeButton:active {
    background: #843100;
    background: -webkit-gradient(linear, left top, left bottom, from(#843100), to(#dc5100));
    background: -moz-linear-gradient(top, #843100, #dc5100);
    background: linear-gradient(to bottom, #843100, #dc5100);
}