.p8_menu_button {
	opacity:0.3;
	padding:4px;
	display:table;
	width:24px;
	height:24px;
	float:right;
}

@media screen and (min-width:512px) {
	.p8_menu_button{
		width:24px; margin-left:12px; margin-bottom:8px;
	}
}
.p8_menu_button:hover{
	opacity:1.0;
	cursor:pointer;
}

canvas{
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
	border: 0px;
	cursor: none;
}


.p8_start_button{
	cursor:pointer;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAAAGVElEQVR4Ae2dT2gbRxTG36oil5aCTBxRAhvXYNmOSUtcMMWyFBt6KLhbb0gbyNE1+JKTax32lGV70sEip1wCrY+GQKicbaCHQhTJDkVg++QkliGxBT7IKRaF5OKD+4dRVqPVf1laaazvw6zfrt7OvP1+82aukq6FjOMVItLP3SLIcUn040XrBgxaqnQm+/bP3z/68mt2K3s9/xFw25KM4xVgaJE2k2vq0EE0uZYDoChE5OLthvst1ejYxPOXF0fHJtgfe+jidx4WsCMBcugM0LUQXHBGUdNUfTvR1CC7VdkWZDsAYJPDWxA6oM0q6AAIAAAAAgAAgAAAACAA6Aq5xS39+eoKCy7P3BL3KyRdC4lYdzqT5W9lrwdbkKOSvZ6Hvz2zrjgD2qBPL5xYVwCAugxAOpNVFYWIVEWJmiYAOO0+v+8LzUA8ADb3RWeAMwAAAEAsbSbXKLFHO0sUflTwBwAQAACAYzr8DgCgJsgtXMWqokRNk4hGZwP5Y5lIVRQAcI4BfyuLaT22IACAAAAAAAACAACA2iZ355QSNU0WqIpi3aqKEjVN/srnFL9uyykX8/nogLxURbHcKWdNyecs3/rJFvC3/Phtd7/jAFiLtHJOVePKjcM/j5pmLdN1XQfUklPV36rd0yHLv7POgHIrvYLjDXQPP2AnMJB0LdSxDLpBnbUFdaFauAWlM1kWyF5PudhKK45LDsW/WG6uquNUqKdCnUJ2AF+6LbacKhmXdM3mb/FE/DglF4Q1Pn8tV6ctR8hDmHeK98UWV1251ivF1jdQT+UOK8dP1A7gF1RxU9sSKnw5e/001lQY39YBp8TcQR1QdSXWsvxZGvu1QosUt0uNy7+9knQt1FEFdZtauwVBAAAAEAAAAAQAAAABAABAAAAAUIHczkyTzmSJ6NXqs8n5adtDIpK9nuLk4ucNyAhHiEjXFouff9w7REQLc/l68vn+GxToOzsA0pns8vIvRKTTADNX9npyQepvIqIio3P52mI6k20YgxGO6P4blZ6XcrnkK62TpGuhlk+S2GP/Yy+2+2fG84a+f24zwghHZmd/sDqgcQaJPWP9YYkO4Oa99+rD2/3v8mBogIhI+/ZMbUF3U9ssuFq4q8RebLuGB4goWJg/5Vf2Um/6fL2nmvVkOU7+Kb/yZN20/XLv4sjIHw+2v7p5m94dP3lA/QW70P8Awo8cY+DEIbzgG2HB5HAuKNcivPZSb+KJlBGONLb84+v+oH+d4Sz+9enRy78e/FRy3ljPB+VKEhVAnI4XZg+/8A3EXuRagYhi9x/neZTaizdSu8GA71rPUGOTBunc3eULG6ndjdRusZvXeobO37xDgT7bIZyXU4ewEwA2UrvMi8n5gq/leZST7ZU65H9y45vxkm5eOdhyDQ9cOdhy8rBtJwAiWpibXpibvvvzYye/TV5OlFvgwYAvGPDFEyn+oa4tGrT79OilQbtGOOJMkZKuhTphIXStHOoACAAAAAIAAIAAAAAgXtLs7JwQhcpeT1356UwWHQBVl7uNc28m11gwOjbB4tGxCYHGFx4Ab0crrGn1+OgAdAA64NSSPh8ZFOKwUhWlrvyoaQrxXZKuhYjo+erK5Zlb7FEnx/Wq879L0ue/bxxfzyU62ndoqfRcqi+/lsLqrb8F33u6M4BVw6x5H7PeVxWlRgtqzI+aZu27UNQ0Vf9njdTf3Pwa5GrCGEf7zvRBjdt63bt/vfU39XtP0QFl+tF38rauYerNb+ae1u79p1EAFXrwaP9yYLyODq03v4nHSe0zNnXPsUnStVB7FiDUtDMAAgAAgAAAACAAAAAIAAAAAgAAcEBGOELhR0Y4AgBtcp+Irqf06/8QUTqTBQCn3T9/884Z2ILcIhata4u0sxQ/2DLWpSm/EqQlmYi8IXRAmzQYMn6VBK1d0jUhFw4Rxe4/ZsHk/LS4i0dUAJb7ojMQ8gzIOb6zRIOh3FVYiXwGMN9Fdv+sHMIAAAEAAEAAAAAQAAAAVF07SwDQNsUTKRoMWQwAwFkd7ecZAIDDSmey1HOpz9fb5+uNmiZ76GY/vFp91j8zTkQskL0e+NUqBoVyE9Fmck29thNNnhARC2RFgVmt02ZyrQAAEcWeDtMnJ3wANV2y12PtPOr7Je4moteHrqtErw9dRGQFUCtk+W7pX8uPHskvwEWuAAAAEHRFWHRMb2RlUE5HADIwMTEwMjIx41m2wQAAAABJRU5ErkJggg==");
	-repeat center;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}

.button_gfx{
	stroke-width:2;
	stroke: #ffffff;
	stroke-opacity:0.4;
	fill-opacity:0.2;
	fill:black;
}

.button_gfx_icon{
	stroke-width:3;
	stroke: #909090;
	stroke-opacity:0.7;
	fill:none;
}