﻿.logon-footer {
	text-align: center;
	font: 400 14px Byekan;
}

.logon-footer a {
	/* color: #fff !important; */
	margin: 1px !important;
}

	.logon-footer .logon-button, .logon-footer .logon-register {
		text-align: center;
		width: 80px;
		display: inline-block;
		padding: 7px 4px;
		font-family: BYekan;
		font-weight: 300;
		font-size: 12px;
		color: #fff;
		text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
		background: #56c2e1;
		border: 1px solid #46b3d3;
		border-radius: 5px;
		cursor: pointer;
		box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
		-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
		-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	}

		.logon-footer .logon-button:hover, .logon-footer .logon-register:hover {
			background: #3f9db8;
			border: 1px solid rgba(256,256,256,0.75);
			box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
			-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
			-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
		}

		.logon-footer .logon-button:focus, .logon-footer .logon-register:focus {
			position: relative;
			bottom: -1px;
			background: #56c2e1;
			box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
			-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
			-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
		}	
		
		.logon-footer .logon-register {
		background: #00CC66;
		border: 1px solid #04b65d;
	}

		.logon-footer .logon-register:hover {
			background: #0ee077;
			border: 1px solid #05964d;
		}

.logon-button {
	display: block;
}
