<?php echo <<<CSS

/* HUGE (simple) User scheme controls */


#user-scheme-controls {
	margin: 5rem auto 0;
}
.user-submit-form {
	float: left;
	margin-left: 1rem;
	margin-bottom: 1rem;
}
input.user-scheme-submit {
	height: 10rem;
	font-size: 400%;
	padding: 0 1rem;
}

/* mini version - smaller user-selection buttons */
#user-scheme-mini #user-scheme-controls {
	margin: 0;
}

#user-scheme-mini .user-submit-form {
	float: left;
	margin: 0 .4rem 0 0;
}

#user-scheme-mini input.user-scheme-submit {
	height: 1.8rem;
	font-size: .7rem;
	padding: 0 .1rem;
}


/* slightly different version for admin */

.admin-user {
	position: fixed;
	top: 6rem;
	left: 1rem;
	margin: 0;
	width: 12rem;
}
.admin-user #user-scheme-controls {
	margin: 0;
}
.admin-user .user-submit-form  {
	margin: 1rem 1rem 0 0;
}
.admin-user input.user-scheme-submit{
	height: 5rem;
	font-size: 100%;
	padding: 0 .5rem;
	width: 8rem;
}


#user-scheme-controls li {
	list-style: none;
}


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


	#user-scheme-mini input.user-scheme-submit {
		height: 3rem;
		font-size: 2rem;
/*		padding: 0;*/
	}

	#user-scheme-mini .user-submit-form {
		float: left;
		margin: 0 .6rem 0 0;
	}
}


CSS;
?>