@charset	"UTF-8";
	
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"] {
		background-image:-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.0),
														rgba(0, 0, 0, 0.1));
	}
	button.focus,
	input[type="button"].focus,
	input[type="submit"],
	input[type="reset"].focus {
	}
	button:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover {
	}
	button:active,
	input[type="button"]:active,
	input[type="submit"]:active,
	input[type="reset"]:active {
		background-image:-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.1),
														rgba(0, 0, 0, 0.0));
	}
	
	/*text inputs and selects*/
	
	input[type="text"],
	input[type="password"],
	textarea,
	select {
	}
	input[type="text"],
	input[type="password"],
	textarea {
	}
	input[type="text"].valid,
	input[type="password"].valid,
	textarea.valid {
	}
	input[type="text"].invalid,
	input[type="password"].invalid,
	textarea.invalid {
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	select:focus {
	}
	
	select {
		background-image:	-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.0),
															rgba(0, 0, 0, 0.1)),
							url(/images/controls/select/list-background.png);
		background-position:0px  0px,
							-1px -1px;
	}
	
	/*checkboxes and radios*/
	
	input[type="checkbox"],
	input[type="radio"] {
		background-image:-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.0),
														rgba(0, 0, 0, 0.1));
		background-position:0px 0px,
							-1px -1px;
	}
	input[type="checkbox"] {
	}
	input[type="checkbox"]:checked {
		background-image:	-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.0),
															rgba(0, 0, 0, 0.1)),
							url(/images/controls/checkbox/checked.png);
	}
	input[type="checkbox"]:active,
	input[type="radio"]:active {
		background-image:-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.1),
														rgba(0, 0, 0, 0.0));
	}
	input[type="checkbox"]:active:checked {
		background-image:	-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.1),
															rgba(0, 0, 0, 0.0)),
							url(/images/controls/checkbox/checked.png);
	}
	input[type="radio"]:checked {
		background-image:	-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.0),
															rgba(0, 0, 0, 0.1)),
							url(/images/controls/radio/checked.png);
	}
	input[type="radio"]:active:checked {
		background-image:	-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.1),
															rgba(0, 0, 0, 0.0)),
							url(/images/controls/radio/checked.png);
	}
	
	/*range*/
	
	input[type="range"] {
	}
	input[type="range"]::-webkit-slider-thumb {
		background-image:-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.0),
														rgba(0, 0, 0, 0.1));
	}
	input[type="range"]:active::-webkit-slider-thumb {
		background-image:-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.1),
														rgba(0, 0, 0, 0.0));
	}
	
	/*progress bar*/
	
	progress {
	}
	progress::-webkit-progress-bar {
		background-image:-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.1),
														rgba(0, 0, 0, 0.0));
		box-shadow:	0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset,
					0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset;
	}
	progress::-webkit-progress-value {
		background-image:	-webkit-linear-gradient(top,	rgba(0, 0, 0, 0.0),
															rgba(0, 0, 0, 0.1)),
							url(/images/controls/progress/background-white-20.png);
	}
	progress.animated::-webkit-progress-value {
				animation:progress-bar-animation 2.0s linear infinite;
		-webkit-animation:progress-bar-animation 2.0s linear infinite;
	}
	
	@-webkit-keyframes progress-bar-animation {
		100% {
			background-position:0px 0px,
								-34px 0px;
		}
	}