@charset "UTF-8";
.webdesigntuts-workshop input:focus {
	-webkit-animation: glow 800ms ease-out infinite alternate;
	-moz-animation: glow 800ms ease-out infinite alternate;
	-o-animation: glow 800ms ease-out infinite alternate;
	-ms-animation: glow 800ms ease-out infinite alternate;
	animation: glow 800ms ease-out infinite alternate;
	box-shadow: 0 0 5px rgba(0,0,255,.2), inset 0 0 5px rgba(0,0,255,.1), 0 2px 0 white;
	outline: none;
}
@-webkit-keyframes glow {
    0% {
		border-color: #01345F;
		box-shadow: 0 0 5px rgba(92,160,234,.2), inset 0 0 5px rgba(92,160,234,.1), 0 2px 0 white;
    }	
    100% {
		border-color: #01345F;
		box-shadow: 0 0 20px rgba(92,160,234,.6), inset 0 0 10px rgba(92,160,234,.4), 0 2px 0 white;
    }
}

@-moz-keyframes glow {
    0% {
		border-color: #01345F;
		box-shadow: 0 0 5px rgba(92,160,234,.2), inset 0 0 5px rgba(92,160,234,.1), 0 2px 0 white;
    }	
    100% {
		border-color: #01345F;
		box-shadow: 0 0 20px rgba(92,160,234,.6), inset 0 0 10px rgba(92,160,234,.4), 0 2px 0 white;
    }
}

@-o-keyframes glow {
    0% {
		border-color: #01345F;
		box-shadow: 0 0 5px rgba(92,160,234,.2), inset 0 0 5px rgba(92,160,234,.1), 0 2px 0 white;
    }	
    100% {
		border-color: #01345F;
		box-shadow: 0 0 20px rgba(92,160,234,.6), inset 0 0 10px rgba(92,160,234,.4), 0 2px 0 white;
    }
}

@-ms-keyframes glow {
    0% {
		border-color: #01345F;
		box-shadow: 0 0 5px rgba(92,160,234,.2), inset 0 0 5px rgba(92,160,234,.1), 0 2px 0 white;
    }	
    100% {
		border-color: #01345F;
		box-shadow: 0 0 20px rgba(92,160,234,.6), inset 0 0 10px rgba(92,160,234,.4), 0 2px 0 white;
    }
}

@keyframes glow {
    0% {
		border-color: #01345F;
		box-shadow: 0 0 5px rgba(92,160,234,.2), inset 0 0 5px rgba(92,160,234,.1), 0 2px 0 white;
    }	
    100% {
		border-color: #01345F;
		box-shadow: 0 0 20px rgba(92,160,234,.6), inset 0 0 10px rgba(92,160,234,.4), 0 2px 0 white;
    }
}
