body{background-color:#ffffcc;color:#000000;font-family:Verdana,sans-serif;background-image:url('back.jpg')}
div.answer {background-color: #fffcaa;border:#ffaa22 1px solid;cursor:pointer}
div.answer input, div.answerSelected input {display: inline}
div.answer label, div.answerSelected label {display: inline-block}
button,input[type='submit'],input[type='reset'],input[type='button'] {background-color:#ffff99;color:#000000;cursor:pointer;font-weight:bold}
fieldset.fieldset_answer,div.final{display:none}
fieldset,div#final{border:#ffaa22 1px solid}
h1 small {font-weight:normal;display:inline-block}
#header h1,#header input{display:inline-block}
/*div.answer label,div.answerSelected label {width:90%}*/
input[type='text'],input[type='email']{width:100%;font-size:150%}
fieldset.fieldset_answer{font-size:120%}
h1 small {font-size:65%}
form{padding-top:0}
div#backnext{text-align:center}
label,input[type='radio']{cursor:pointer}
body{font-size:1em}
button,input[type='submit'],input[type='reset'],input[type='button'] {font-size:1.25em}
div.answer, div.answerSelected {margin-bottom:0.375em;border-radius:0.5em;-webkit-border-radius:0.5em;min-height:3em}
div.answer input, div.answerSelected input {margin-right:0.25em}
div.answer label, div.answerSelected label {margin-bottom:0.025em}
button,input[type='submit'],input[type='reset'],input[type='button'] {min-width:5em;min-height:2.5em;margin-top:0.25em; margin-bottom:0.25em;margin-right:1em;padding:0.125em;padding-left:0.25em;padding-right:0.25em;-webkit-border-radius:0.5em;border-radius:0.5em}
input[type='reset']{min-width:5em;margin-right:0.1em}
fieldset,div#final{-webkit-border-radius:0.5em;border-radius:0.5em}
h1{margin-top:0.1em;margin-bottom:0.1em;padding-bottom:0.0025em;font-size:1.5em}
div#final{padding:0.5em}

div.answerSelected {background-color: #ffdd33;border:#ffaa22 1px solid}
@media all and (min-width: 10cm) {
div.answer:hover,div.answerSelected:hover {background-color: #ffdd33;border:#ffaa22 1px solid}
}

@media all and (max-width: 10cm) {
body{font-size:4vw}
button,input[type='submit'],input[type='reset'],input[type='button'] {font-size:5vw}
div.answer, div.answerSelected answer {margin-bottom:1.5vw;-webkit-border-radius:2vw;border-radius:2vw;min-height:12vw}
div.answer input, div.answerSelected input {margin-right:1vw}
div.answer label, div.answerSelected label {margin-bottom:0.1vw}
button,input[type='submit'],input[type='reset'],input[type='button'] {min-width:20vw;min-height:10vw;margin-top:1vw; margin-bottom:1vw;margin-right:4vw;padding:0.5vw;padding-left:1vw;padding-right:1vw;-webkit-border-radius:2vw;border-radius:2vw}
input[type='reset']{min-width:20vw;margin-right:0.1vw}
fieldset,div#final{-webkit-border-radius:2vw;border-radius:2vw}
h1{margin-top:0.1vw;margin-bottom:0.1vw;padding-bottom:0.1vw;font-size:6vw}
div#final{padding:2vw}
}


button,input[type='submit'],input[type='reset'],input[type='button'] {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
/*
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
*/
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
/*
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
*/
	text-shadow:0px 1px 0px #ffee66;
}
button:hover,input[type='submit']:hover,input[type='reset']:hover,input[type='button']:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
button:active,input[type='submit']:active,input[type='reset']:active,input[type='button']:active {
	position:relative;
	top:1px;
}
