<?php
/*
	Input styles..		v1.0.0
	NOTE: This MUST be included, usually via @@module@@ statements. It is /not/ called directly.
*/
echo <<<CSS

input[type=submit], input[type=button], input[type=reset], input[type=checkbox], select, label, .pointer, input[type=file] {
	transition: all 100ms ease-out 0s;
	cursor: pointer;
}

textarea, input, label, select {
@@border-box-model@@
	margin: 0;
	padding: 0;
	outline: none;
}

textarea {
	white-space: pre;
	font-family: %%code_fonts%%;
	tab-size: 4 !important;
	-o-tab-size: 4 !important;
	-moz-tab-size: 4 !important;
}

/* nice, slightly rounded controls */
input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button], input[type=reset], input[type=checkbox], select, input[type=file] {
    border-radius: .3rem;
	border: .2rem solid transparent;
	vertical-align: middle;
	height: 3.2rem;
	font-size: 120%;
}
input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button], input[type=reset], input[type=checkbox], input[type=file] {
	padding: 0 .3rem;
}

select {
/*	height: 2.8rem;*/
	vertical-align: middle;
	padding:  0.4rem 0.5rem 0 0;
	text-align: center;
	text-align: left;
}

select option {
    margin-right: 1rem;
	right: 3rem;
}

input[type=text], input[type=email], input[type=password], textarea, select {
    border: .2rem solid %%input_glow_border%%;
	font-family: %%code_fonts%%;
}

input[type=text], input[type=email], input[type=password], select {
	text-indent: .5rem;

}

input[type=email]:invalid  {
	color: %%warning_color%%;
}


input[type=submit], input[type=button], input[type=reset], input[type=file] {
	font-weight: bold;
	border: .2rem solid %%butt_bg%%; /* looks lovely in IE8! */
	background-color: %%butt_bg%%;
	color: %%butt_txt%%;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=file]:hover {
	background-color: %%butt_bg_hover%%;
}

input[type=submit]:active, input[type=button]:active, input[type=reset]:active, input[type=file]:active {
    outline: none;
    box-shadow:  0 0 .4rem .3rem %%input_glow_border%%;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
	outline: none;
	box-shadow: 0 0 1rem %%input_glow_border%%;
}

/* licensing model chooser */
input.big-butt {
	cursor: move;
	transition: all 200ms ease-out 0s;
	height: 5rem;
	font-size: 200%;
	border: none;
	border-radius: .66rem;
@@button-gradient(top=%%nav_grad_2%%,middle=%%nav_grad_2%%,bottom=%%nav_grad_3%%,cutoff=10)@@
	box-shadow: .5rem .5rem .45rem -.4rem %%box_shadow%%;
}


input.big-butt:hover {
@@button-gradient(top=%%butt_bg_hover%%,middle=%%butt_bg%%,bottom=%%butt_bg%%,cutoff=90)@@
	box-shadow: 1.4rem 1.2rem 1.2rem -.6rem %%box_shadow%%;
}


@media screen and (max-width: 800px) {

	input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button], input[type=reset], input[type=file] {
		clear: both;
		float: none;
		margin: 0 auto .5rem;
		width: 100%;
		height: 4.8rem;
		text-align: center;
		font-size: 150%;
	}

	input[type=text]:focus, input[type=email]:focus {
		border-color: %%input_glow_border%%;
		box-shadow: 0 0 1.5rem %%input_glow_border%%;
	}

	textarea {
		font-size: 150%;
	}
}


CSS;
?>