@charset	"UTF-8";
	
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"] {
		background-color:white;
		border:1px solid rgba(0, 0, 0, 0.3);
		border-radius:100px;
		cursor:pointer;
		padding:3px 13px;
		
		/*
				foo:	bar;
			-ms-foo:	bar;
		   -moz-foo:	bar;
		     -o-foo:	bar;
		-webkit-foo:	bar;
		*/
				user-select:	none;
			-ms-user-select:	none;
		   -moz-user-select:	none;
		     -o-user-select:	none;
		-webkit-user-select:	none;
		
				transition:	background-color	0.1s;
		   -moz-transition:	background-color	0.1s;
			-ms-transition:	background-color	0.1s;
			 -o-transition:	background-color	0.1s;
		-webkit-transition:	background-color	0.1s;
	}
	button.focus,
	input[type="button"].focus,
	input[type="submit"],
	input[type="reset"].focus {
		box-shadow:0px 0px 0px 3px rgb(192, 218, 250);
	}
	button:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover {
		background-color:#33ADFF;
	}
	button:active,
	input[type="button"]:active,
	input[type="submit"]:active,
	input[type="reset"]:active {
		/*background-color:rgb(247, 45, 55);*/
	}
	
	/*text inputs and selects*/
	
	input[type="text"],
	input[type="password"],
	textarea,
	select {
		background-color:white;
		border:1px solid rgba(0, 0, 0, 0.3);
		border-radius:0px;
		box-shadow:0px 0px 0px 10px rgba(192, 218, 250, 0.0);
		outline:none;
		padding:3px 6px;
		
				transition:	border-color	0.15s,
							box-shadow		0.15s,
							color			0.15s;
			-ms-transition:	border-color	0.15s,
							box-shadow		0.15s,
							color			0.15s;
		   -moz-transition:	border-color	0.15s,
							box-shadow		0.15s,
							color			0.15s;
		     -o-transition:	border-color	0.15s,
							box-shadow		0.15s,
							color			0.15s;
		-webkit-transition:	border-color	0.15s,
							box-shadow		0.15s,
							color			0.15s;
		
				appearance:none;
		-webkit-appearance:	none;
	}
	input[type="text"],
	input[type="password"],
	textarea {
		width:300px;
	}
	input[type="text"].valid,
	input[type="password"].valid,
	textarea.valid {
		border-color:#0A0;
		color:#0A0;
	}
	input[type="text"].invalid,
	input[type="password"].invalid,
	textarea.invalid {
		border-color:red;
		color:red;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	select:focus {
		box-shadow:0px 0px 0px 3px rgb(192, 218, 250);
	}
	
	select {
		background-image:url(/images/controls/select/list-background.png);
		background-position:-1px -1px;
		background-repeat:no-repeat;
		border-radius:5px;
		cursor:pointer;
		padding-left:30px;
	}
	
	/*checkboxes and radios*/
	
	input[type="checkbox"],
	input[type="radio"] {
		background-color:white;
		background-position:-1px -1px;
		background-repeat:no-repeat;
		border:1px solid rgba(0, 0, 0, 0.3);
		height:14px;
		margin:0px;
		position:relative;
		top:2px;
		width:14px;
		
				transition:	background-color	0.1s;
		   -moz-transition:	background-color	0.1s;
			-ms-transition:	background-color	0.1s;
			 -o-transition:	background-color	0.1s;
		-webkit-transition:	background-color	0.1s;
		
				appearance:none;
		-webkit-appearance:none;
	}
	input[type="checkbox"] {
		border-radius:2px;
	}
	input[type="checkbox"]:checked {
		background-image:	url(/images/controls/checkbox/checked.png);
	}
	input[type="checkbox"]:active,
	input[type="radio"]:active {
		background-color:#DDD;
	}
	input[type="radio"] {
		border-radius:7px;
	}
	input[type="radio"]:checked {
		background-image:	url(/images/controls/radio/checked.png);
	}
	
	/*range*/
	
	input[type="range"] {
		background-color:rgba(0, 0, 0, 0.2);
		border:1px solid rgba(0, 0, 0, 0.3);
		border-radius:1px;
		height:1px;
		margin:8px 2px;
		position:relative;
		top:-2px;
		
				appearance:none;
		-webkit-appearance:	none;
	}
	input[type="range"]::-webkit-slider-thumb {
		background-color:#F7F7F7;
		border:1px solid rgba(0, 0, 0, 0.3);
		border-radius:100%;
		height:17px;
		width:17px;
		
				transition:	background-color	0.1s;
		   -moz-transition:	background-color	0.1s;
			-ms-transition:	background-color	0.1s;
			 -o-transition:	background-color	0.1s;
		-webkit-transition:	background-color	0.1s;
		
				appearance:none;
		-webkit-appearance:	none;
	}
	input[type="range"]:hover::-webkit-slider-thumb {
		background-color:#09F;
	}
	input[type="range"]:active::-webkit-slider-thumb {
		/*background-color:rgb(247, 45, 55);*/
	}
	
	/*progress bar*/
	
	progress {
		height:10px;
		
				appearance:none;
		-webkit-appearance:none;
	}
	progress::-webkit-progress-bar {
		background-color:white;
		box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset;
	}
	progress::-webkit-progress-value {
		background-color:#09F;
		background-image:url(/images/controls/progress/background-white-20.png);
		box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset;
		left:-1px;
		margin:1px;
		position:relative;
		
				transition:	width	0.3s;
	}
	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:-34px 0px;
		}
	}