body, html {
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 100%;
}


	
menu, ol, ul {
	padding: 0 0 0 30px;
}

header {
	position: fixed;
	z-index: 20;
	width: 100%;
	font-size: 75%;
}

header a {
	color: #cacaca;
	text-decoration: none;
	-moz-transition: color 0.15s linear;
	-webkit-transition: color 0.15s linear;
	transition: color 0.15s linear;
}

header a:hover {
	color: white;
	text-decoration: underline;
}


h1 {
	position: relative;
	font-size: 100%;
	font-weight: normal;
	color: white;
	z-index: 10;
	left: 150px;
	margin: 0;
	padding: 5px 20px 3px;
}

h2, h3, h4 {
	text-transform: uppercase;
}

h1 span {
	color: #cacaca;
	padding-left: 5px;
}

nav > ul, nav > ul > ul {
	background: #282828;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#manual {
	top: 25px;
	left: 25px;
	padding: 15px;
	width: 155px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: rgba(40,40,40,0.80);
	border: 1px solid gray;
	border-top: 0;
}

#manual h2 {
	margin: 0 0 10px;
}

#manual h2 a {
	color: white;
}

#manual ul {
	margin: 0;
	padding: 0;
}

#manual li a {
	display: block;
	margin: 0;
	padding: 2px 0;
	color: white;
}

#manual li ul li a {
	padding-left: 10px; 
	color: #cacaca;
}

#manual li a.spread1 {
	font-size: 90%;
	color: #999;
}

#external {
	left: 0;
	right: 0;
	border-bottom: 1px solid gray;
	height: 24px;
}

#feralsite {
	color: #ff7a00;
	padding: 3px 24px;
	background: url('//www.feralinteractive.com/images/touch-icon-ipad-hr-precomposed.png') no-repeat 0 0 transparent;
	background-size: 20px;
	height: 20px;
	display: block;
	margin: 2px;
}

#feralsite:hover {
	color: white;
	text-decoration: none;
}

#help {
	right: 0;
	padding: 4px 7px;
	z-index: 10;
	background-color: transparent;
}

#help li {
	display: inline-block;
	padding: 0 7px 0 0;
}

#help li:after{
	content: "|";
	color: #cacaca;
	padding: 0 0 0 10px;
}

#help li:last-child:after{
	content: "";
	color: #cacaca;
	padding: 0;
}

div.spread {
	display: block;
	width: 74%;
	height: 90%;
	background-size: cover;
	position: relative;
	padding: 4% 3% 3% 23%;
	font-size: 0.8em;
	overflow: hidden;
	background: url('background.jpg') center center white no-repeat;
}

.pageboundary {
	position: absolute;
	left: 235px;
	right: 30px;
	height: 85%;
}

.lhp {
	float: left;
	margin-right: 1%;
	width: 48%;
	overflow: auto;
	height: 100%;
}

.rhp {
	float: right;
	margin-left: 1%;
	width: 48%;
	overflow: auto;
	height: 100%;
}



.pagenumber {
	position: absolute;
	bottom: 0;
	background: url('pagefoot.png') transparent repeat center bottom;
	height: 54px;
	display: block;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	color: transparent;
}


.fontfix {
	display: inline-block;
}



.inpagenav {
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	z-index: 2;
}


.inpagenav a {
	position: absolute;
	height: 30px;
	background: #333;
	color: white;
	padding: 10px 15px 0;
	text-decoration: none;
	-moz-transition: background 0.15s linear;
	-webkit-transition: background 0.15s linear;
	transition: background 0.15s linear;
}

.inpagenav .prev {
	left: 0;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	padding-left: 41px;
}

.inpagenav .next {
	right: 0;
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
	padding-right: 41px;
}

.inpagenav a:hover {
	background: #555;
}


/* -----------------------------------------------*/
/* ------------ Errors popup -------------*/
/* -----------------------------------------------*/

#generation_errors {
	position: fixed;
	margin: 0px; padding: 20px 30px;
	margin-left: -300px;
	top: 200px; left: 50%;
	background-color: #FFF;
	width: 600px;
	z-index: 20;
	color: #C00;
	list-style: none;
	border: solid 2px #C00;
	border-radius: 10px;
	box-shadow: 2px 2px 10px #333;
}

#generation_errors a.close {
	position: absolute;
	top: -10px; left: -10px;
	background-color: #FFF;
	width: 20px; height: 20px;
	line-height: 20px;
	text-align: center;
	border: solid 2px #C00;
	border-radius: 20px;
	cursor: pointer;
}

#generation_errors li {
	margin-bottom: 10px;
}


/* -----------------------------------------------*/
/* ------------ Cover page -------------*/
/* -----------------------------------------------*/




#cover {
	background: url('cover.jpg') center center black;
	width: 100%;
	height: 100%;
	padding: 1% 0;
	background-size: cover;
}

#cover h2 {
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 32px;
	height: 10%;
	margin-top: 30%;
}

#cover h2 img {
	width: 50%;
	margin: 0 10px -17px 10%;
}

#cover h2 img.screen {
	display: inline;
	
}

.print {
	display: none;
}


#cover a {
	float: right;
	color: #cacaca;
	display: block;
	background: #282828;
	font-size: 28px;
	text-decoration: none;
	padding: 15px 350px 15px 20px;
	-moz-transition: color 0.15s linear;
	-webkit-transition: color 0.15s linear;
	transition: color 0.15s linear;
}

#cover a:after {
	content: "▶";
	font-size: 20px;
	margin-left: 20px;
}

#cover a:hover {
	color: white;
}

#cover #logos {
	right: 3%;
	position: absolute;
	bottom: 80px;
	width: 94%;
	left: 3%;
	text-align: right;
}

#cover .logo {
	margin: 0 5px;
	width: 10%;
	height: auto;
}

#webmanualintro {
	display: block;
	width: 300px;
	border-radius: 5px;
	border: 2px solid white;
	padding: 15px;
	background:  rgba(0,0,0,0.8);
	color: #ddd;
	position: absolute;
	top: 100px;
	right: 80px;	
}

#webmanualintro .close {
	position: absolute;
	display: block;
	border: 2px solid white;
	border-radius: 1000px;
	width: 15px;
	height: 20px;
	top: -10px;
	left: -10px;
	color: white;
	font-size: 18px;
	line-height: 15px;
	padding-left: 5px;
	background: black;
	cursor: pointer;
}

#webmanualintro:before:hover {
	color: orange;
}

#webmanualintro:before:active {
	color: red;
}

#webmanualintro h3 {
	color: white;
	margin-top: 0;
}

/* -----------------------------------------------*/
/* ------------ Legal Content -------------*/
/* -----------------------------------------------*/


#i_warnings_ratings_menu_header {
	display: none;
}

#spread1 .rhp {
	text-align: center;
}

#ratings {
	margin: 20% 0;
}

#ratings img {
	margin: 0 5px;
}

#legaltext {
	margin-top: 10%;
	text-align: justify;
	font-size: 75%;
}



/* -----------------------------------------------*/
/* ------------ Main Content -------------*/
/* -----------------------------------------------*/



ol {
	padding: 0 0 0 25px;
}

ol li {
	margin: 5px 0;
}

ol li p {
	margin: 0;
}

dt {
	font-weight: bold;
	
	clear: left;
	float: left;
	width: 25%;
	margin: 0;
	padding: 5px;
	border-top: 1px solid rgba(135,0,0,0.84);
	font-weight: bold;
}

dd {
	margin-bottom: 5px;

	float: left;
	width: 70%;
	margin: 0;
	padding: 5px;
	border-top: 1px solid rgba(135,0,0,0.84);
}


.fullwidth {
	width: 100%;
	margin: 20px 0;
}

.pagespan .lhp {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
}

.pagespan .rph {
	display: none;
}

.twouptables table {
	width: 46%;
	margin: 1%;
	display: inline-table;
}

.threeuptables table {
	width: 29%;
	margin: 1%;
	display: inline-table;
}

td {
	border: 1px solid gray;
	padding: 4px 7px;
}

img#gamepaddiagram {
	width: 35%;
	margin: 2% 0 0% 7%;
	max-width: 510px;
	float: left;
}

table#gamepadcontrols {
	width: 46%;
	margin: 3% 6% 3% 0;
	display: inline-table;
	float: right;
}

.attopwithnoheading {
	margin-top: 52px;
}

.attopwithnoheading2 {
	margin-top: 47px;
}

.attopwithnoheading2a {
	margin-top: 21px;
}


#tech-support-contact .lhp {
	width: 100%;
	column-gap: 50px;
	columns: 2;
	-webkit-column-gap: 50px;
	-webkit-columns: 2;
	-moz-column-gap: 50px;
	-moz-columns: 2;
}

#tech-support-contact ul + p + p {
	margin-top: 360px;
	padding-top: 54px;
}

#creditslist dt {
	
	clear: left;
	float: left;
	width: 55%;
	margin: 0;
	padding: 5px;
	border: 0;
	font-weight: normal;
}

#creditslist dd {
	margin-bottom: 5px;

	float: left;
	width: 40%;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	border: 0;
}

#i_adverts_menu_header, i_adverts_rhp {display: none;}

#adverts {
	background: url('https://store.feralinteractive.com/images/bgtexture.png') repeat white;
	background-size: auto;
	font-family: Helvetica, Arial, sans-serif;
}

#adverts .lhp {
	width: 100%;
}

#ads_left {
	float: left;
	width: 48%;
}

#ads_right {
	float: right;
	width: 48%;
}

#adverts h2, #i_adverts {
	color: #0072bd;
	font-style: italic;
	margin-bottom: 3%;
	font-size: 1.5em;
}

#adverts .lhp, #adverts .rhp {
	height: 100%;
	margin-bottom: 1%; 
}

#adverts a {
	position: relative;
	display: block;
	text-align: center;
	color: #333;
	text-decoration: none;
	padding: 3% 3% 3%;
	background: white;
	border-radius: 7px;
	border: 1px solid #444;
	margin-bottom: 5%;
	max-width: 470px;
	-moz-transition: color 0.15s linear, background 0.15s linear;
	-webkit-transition: color 0.15s linear, background 0.15s linear;
	transition: color 0.15s linear, background 0.15s linear;
}

#adverts a img {
	max-width: 140px;
	width: 30%;
	float: left;
}

#adverts .adinfo {
	float: right;
	width: 67%;
	min-height: 130px;
}

#adverts a h3 {
	padding-bottom: 3px;
	border-bottom: 2px solid #ff7a00;
	text-transform: none;
	text-align: left;
	margin-top: 2%;
}

#adverts a p {
	text-align: left;
}

#adverts a strong {
	display: block;
	background: #0072bd;
	-webkit-radius: 5px;
	-moz-bottomleft: 5px;
	border-radius: 5px;
	color: white;
	padding: 7px 5px 6px;
	-moz-transition: color 0.15s linear, background 0.15s linear;
	-webkit-transition: color 0.15s linear, background 0.15s linear;
	transition: color 0.15s linear, background 0.15s linear;
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0;
	margin: 0 3% 0 34%;
}

#adverts a:hover strong {
	background: #ff7a00;
}

#adfootdiv {
	position: absolute;
	bottom: 17%;
	left: 235px;
	right: 30px;
}

#adverts .adfoot {
	font-size: 1.5em;
	margin: 0 10%;
	text-align: center;
	line-height: 1.5em;
	font-style: italic;
	color: #333;
}

#adverts .adfoot a {
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	font-weight: bold;
	color: #ff7a00;
	cursor: pointer
}

#adverts .adfoot a:hover {
	color: #0072bd;
}

.clearfix {
	clear: both;
	display: block;
}




.inpagenav {
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	z-index: 2;
}


#adverts .inpagenav a {
	position: absolute;
	height: 30px;
	background: #333;
	color: white;
	padding: 10px 15px 0;
	text-decoration: none;
	-moz-transition: background 0.15s linear;
	-webkit-transition: background 0.15s linear;
	transition: background 0.15s linear;
}

#adverts .inpagenav .prev {
	left: 0;
	border-radius: 0;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	padding-left: 41px;
}

#adverts .inpagenav .next {
	right: 0;
	border-radius: 0;
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
	padding-right: 41px;
}

#adverts .inpagenav a:hover {
	background: #555;
}




/* -----------------------------------------------*/
/* ------------ Keyboard keys -------------*/
/* -----------------------------------------------*/


.keyboard {
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	font-size: 28px;
	line-height: 28px;
	overflow: hidden;
	margin: -.3em .1em 0;
	top: .2em;
	color: transparent;
}

.key-0 {
	background-image: url('keys/key-0-en.svg');
}

.it .key-0, .es .key-0, .de .key-0, .da .key-0/*, .pt_BR .key-0 */{
	background-image: url('keys/key-0-eu.svg');
}

.fr .key-0 {
	background-image: url('keys/key-0-fr.svg');
}

.pl .key-0 {
	background-image: url('keys/key-0-pl.svg');
}

.ru .key-0 {
	background-image: url('keys/key-0-ru.svg');
}

.es .key-1 {
	background-image: url('keys/key-1-es.svg');
}

.key-1 {
	background-image: url('keys/key-1-eu.svg');
}

.fr .key-1 {
	background-image: url('keys/key-1-fr.svg');
}

.pl .key-1 {
	background-image: url('keys/key-1-pl.svg');
}

.ru .key-1 {
	background-image: url('keys/key-1-ru.svg');
}

.key-2 {
	background-image: url('keys/key-2-en.svg');
}

.nl .key-2 {
	background-image: url('keys/key-2-nl.svg');
}

.es .key-2 {
	background-image: url('keys/key-2-es.svg');
}

.it .key-2, .de .key-2, .da .key-2 {
	background-image: url('keys/key-2-eu.svg');
}

.fr .key-2 {
	background-image: url('keys/key-2-fr.svg');
}

.pl .key-2 {
	background-image: url('keys/key-2-pl.svg');
}

/*.pt_BR .key-2 {
	background-image: url('keys/key-2-pt_br.svg');
}*/

.ru .key-2 {
	background-image: url('keys/key-2-ru.svg');
}

.de .key-3 {
	background-image: url('keys/key-3-de.svg');
}

.key-3 {
	background-image: url('keys/key-3-en.svg');
}

.es .key-3 {
	background-image: url('keys/key-3-es.svg');
}

.fr .key-3 {
	background-image: url('keys/key-3-fr.svg');
}

.it .key-3 {
	background-image: url('keys/key-3-it.svg');
}

.pl .key-3 {
	background-image: url('keys/key-3-pl.svg');
}

/*.pt_BR .key-3 {
	background-image: url('keys/key-3-pt_br.svg');
}*/

.ru .key-3 {
	background-image: url('keys/key-3-ru.svg');
}

.key-4 {
	background-image: url('keys/key-4-eu.svg');
}

.fr .key-4 {
	background-image: url('keys/key-4-fr.svg');
}

.pl .key-4 {
	background-image: url('keys/key-4-pl.svg');
}

.ru .key-4 {
	background-image: url('keys/key-4-ru.svg');
}

.da .key-4 {
	background-image: url('keys/key-4-da.svg');
}

.en .key-5 {
	background-image: url('keys/key-5-en.svg');
}

.key-5 {
	background-image: url('keys/key-5-eu.svg');
}

.fr .key-5 {
	background-image: url('keys/key-5-fr.svg');
}

.pl .key-5 {
	background-image: url('keys/key-5-pl.svg');
}

.ru .key-5 {
	background-image: url('keys/key-5-ru.svg');
}

.key-6 {
	background-image: url('keys/key-6-en.svg');
}

.es .key-6 {
	background-image: url('keys/key-6-es.svg');
}

.it .key-6, .de .key-6, .da .key-6 {
	background-image: url('keys/key-6-eu.svg');
}

.fr .key-6 {
	background-image: url('keys/key-6-fr.svg');
}

.pl .key-6 {
	background-image: url('keys/key-6-pl.svg');
}

.ru .key-6 {
	background-image: url('keys/key-6-ru.svg');
}

.key-7 {
	background-image: url('keys/key-7-en.svg');
}

.it .key-7, .es .key-7, .de .key-7, .da .key-7 {
	background-image: url('keys/key-7-eu.svg');
}

.fr .key-7 {
	background-image: url('keys/key-7-fr.svg');
}

.pl .key-7 {
	background-image: url('keys/key-7-pl.svg');
}

.ru .key-7 {
	background-image: url('keys/key-7-ru.svg');
}

.key-8 {
	background-image: url('keys/key-8-en.svg');
}

.it .key-8, .es .key-8, .de .key-8, .da .key-8/*, .pt_BR .key-8 */{
	background-image: url('keys/key-8-eu.svg');
}

.fr .key-8 {
	background-image: url('keys/key-8-fr.svg');
}

.pl .key-8 {
	background-image: url('keys/key-8-pl.svg');
}

.ru .key-8 {
	background-image: url('keys/key-8-ru.svg');
}

.key-9 {
	background-image: url('keys/key-9-en.svg');
}

.it .key-9, .es .key-9, .de .key-9, .da .key-9/*, .pt_BR .key-9 */{
	background-image: url('keys/key-9-eu.svg');
}

.fr .key-9 {
	background-image: url('keys/key-9-fr.svg');
}

.pl .key-9 {
	background-image: url('keys/key-9-pl.svg');
}

.ru .key-9 {
	background-image: url('keys/key-9-ru.svg');
}

.ru .key-a {
	background-image: url('keys/key-a-ru.svg');
}

.key-a {
	background-image: url('keys/key-a.svg');
}

.it .key-aaccent {
	background-image: url('keys/key-aaccent-it.svg');
}

.de .key-accent, .da .key-accent/*, .pt_BR .key-accent */{
	background-image: url('keys/key-accent-de.svg');
}

.es .key-accent {
	background-image: url('keys/key-accent-es.svg');
}

.fr .key-accent {
	background-image: url('keys/key-accent-fr.svg');
}

.es .key-accent2 {
	background-image: url('keys/key-accent2-es.svg');
}

.key-ae {
	background-image: url('keys/key-ae.svg');
}

.key-apostrophe {
	background-image: url('keys/key-apostrophe-en.svg');
}

.da .key-apostrophe {
	background-image: url('keys/key-apostrophe-da.svg');
}

.es .key-apostrophe, .it .key-apostrophe/*, .pt_BR .key-apostrophe */{
	background-image: url('keys/key-apostrophe-eu.svg');
}

.ru .key-apostrophe {
	background-image: url('keys/key-apostrophe-ru.svg');
}

.key-aring {
	background-image: url('keys/key-aring.svg');
}

.fr .key-at {
	background-image: url('keys/key-at-fr.svg');
}

.pl .key-atail {
	background-image: url('keys/key-atail-pl.svg');
}

.key-aumlaut {
	background-image: url('keys/key-aumlaut-de.svg');
}

.ru .key-b {
	background-image: url('keys/key-b-ru.svg');
}

.key-b {
	background-image: url('keys/key-b.svg');
}

.es .key-backslash {
	background-image: url('keys/key-backslash-es.svg');
}

.key-backslash {
	background-image: url('keys/key-backslash-eu.svg');
}

.ru .key-backslash {
	background-image: url('keys/key-backslash-ru.svg');
}

.en .key-bksp {
	background-image: url('keys/key-bksp-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-bksp {
	background-image: url('keys/key-bksp-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}
	
.key-bksp {
	background-image: url('keys/key-bksp.svg');
}

.key-brackets {
	background-image: url('keys/key-brackets-eu.svg');
}

.ru .key-c {
	background-image: url('keys/key-c-ru.svg');
}

.key-c {
	background-image: url('keys/key-c.svg');
}

.en .key-caps {
	background-image: url('keys/key-caps-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-caps {
	background-image: url('keys/key-caps-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-caps {
	background-image: url('keys/key-caps.svg');
}

.key-caret {
	background-image: url('keys/key-caret-eu.svg');
}

.fr .key-caret {
	background-image: url('keys/key-caret-fr.svg');
}

.pl .key-caret {
	background-image: url('keys/key-caret-pl.svg');
}

.key-cedilla {
	background-image: url('keys/key-cedilla.svg');
}

.es .key-cedilla {
	background-image: url('keys/key-cedilla-es.svg');
}

.fr .key-colon {
	background-image: url('keys/key-colon-fr.svg');
}

.en .key-comma, .nl .key-comma {
	background-image: url('keys/key-comma-en.svg');
}

.key-comma {
	background-image: url('keys/key-comma-eu.svg');
}

.fr .key-comma {
	background-image: url('keys/key-comma-fr.svg');
}

.pl .key-comma {
	background-image: url('keys/key-comma-pl.svg');
}

.ru .key-comma {
	background-image: url('keys/key-comma-ru.svg');
}

.key-cursor-down {
	background-image: url('keys/key-cursor-down.svg');
}

.key-cursor-left {
	background-image: url('keys/key-cursor-left.svg');
}

.key-cursor-right {
	background-image: url('keys/key-cursor-right.svg');
}

.key-cursor-up {
	background-image: url('keys/key-cursor-up.svg');
}

.pl .key-curvedbrackets {
	background-image: url('keys/key-curvedbrackets-pl.svg');
}

.ru .key-d {
	background-image: url('keys/key-d-ru.svg');
}

.key-d {
	background-image: url('keys/key-d.svg');
}

.de .key-delete {
	background-image: url('keys/key-delete-de.svg');
}

.fr .key-delete {
	background-image: url('keys/key-delete-fr.svg');
}

.it .key-delete {
	background-image: url('keys/key-delete-it.svg');
}

.key-delete {
	background-image: url('keys/key-delete.svg');
}

.da .key-dollar {
	background-image: url('keys/key-dollar-da.svg');
}

.fr .key-dollar {
	background-image: url('keys/key-dollar-fr.svg');
}

.key-e {
	background-image: url('keys/key-e-eu.svg');
}

.ru .key-e {
	background-image: url('keys/key-e-ru.svg');
}

.en .key-e, .fr .key-e, .pl .key-e, .da .key-e, .nl .key-e/*, .pt_BR .key-e */{
	background-image: url('keys/key-e-en.svg');
}

.it .key-eaccent {
	background-image: url('keys/key-eaccent-it.svg');
}

.key-eject {
	background-image: url('keys/key-eject.svg');
}

.en .key-end {
	background-image: url('keys/key-end-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-end {
	background-image: url('keys/key-end-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-end {
	background-image: url('keys/key-end.svg');
}

.key-equals {
	background-image: url('keys/key-equals-en.svg');
}

.ru .key-equals {
	background-image: url('keys/key-equals-ru.svg');
}

.key-esc {
	background-image: url('keys/key-esc.svg');
}

.de .key-eszett {
	background-image: url('keys/key-eszett-de.svg');
}

.ru .key-f {
	background-image: url('keys/key-f-ru.svg');
}

.key-f {
	background-image: url('keys/key-f.svg');
}

.key-f1 {
	background-image: url('keys/key-f1.svg');
}

.key-f2 {
	background-image: url('keys/key-f2.svg');
}

.key-f3 {
	background-image: url('keys/key-f3.svg');
}

.key-f4 {
	background-image: url('keys/key-f4.svg');
}

.key-f5 {
	background-image: url('keys/key-f5.svg');
}

.key-f6 {
	background-image: url('keys/key-f6.svg');
}

.key-f7 {
	background-image: url('keys/key-f7.svg');
}

.key-f8 {
	background-image: url('keys/key-f8.svg');
}

.key-f9 {
	background-image: url('keys/key-f9.svg');
}

.key-f10 {
	background-image: url('keys/key-f10.svg');
}

.key-f11 {
	background-image: url('keys/key-f11.svg');
}

.key-f12 {
	background-image: url('keys/key-f12.svg');
}

.key-f13 {
	background-image: url('keys/key-f13.svg');
}

.key-f14 {
	background-image: url('keys/key-f14.svg');
}

.key-f15 {
	background-image: url('keys/key-f15.svg');
}

.key-f16 {
	background-image: url('keys/key-f16.svg');
}

.key-f17 {
	background-image: url('keys/key-f17.svg');
}

.key-f18 {
	background-image: url('keys/key-f18.svg');
}

.key-f19 {
	background-image: url('keys/key-f19.svg');
}

.key-fn {
	background-image: url('keys/key-fn.svg');
}

.ru .key-forwardslash {
	background-image: url('keys/key-forwardslash-ru.svg');
}

.key-forwardslash {
	background-image: url('keys/key-forwardslash.svg');
}

.ru .key-g {
	background-image: url('keys/key-g-ru.svg');
}

.key-g {
	background-image: url('keys/key-g.svg');
}

.ru .key-h {
	background-image: url('keys/key-h-ru.svg');
}

.key-h {
	background-image: url('keys/key-h.svg');
}

.de .key-hash {
	background-image: url('keys/key-hash-de.svg');
}

.en .key-home {
	background-image: url('keys/key-home-en.svg');
	width: 66px;
}

.key-home {
	background-image: url('keys/key-home.svg');
}

.en .animatedkeyswitch.key-home {
	background-image: url('keys/key-home-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.pl .key-hyphen {
	background-image: url('keys/key-hyphen-pl.svg');
}

.ru .key-hyphen {
	background-image: url('keys/key-hyphen-ru.svg');
}

.key-hyphen {
	background-image: url('keys/key-hyphen.svg');
}

.key-imark {
	background-image: url('keys/key-i-es.svg');
}

.ru .key-i {
	background-image: url('keys/key-i-ru.svg');
}

.key-i {
	background-image: url('keys/key-i.svg');
}

.it .key-iaccent {
	background-image: url('keys/key-iaccent-it.svg');
}

.ru .key-j {
	background-image: url('keys/key-j-ru.svg');
}

.key-j {
	background-image: url('keys/key-j.svg');
}

.ru .key-k {
	background-image: url('keys/key-k-ru.svg');
}

.key-k {
	background-image: url('keys/key-k.svg');
}

.de .key-l {
	background-image: url('keys/key-l-de.svg');
}

.ru .key-l {
	background-image: url('keys/key-l-ru.svg');
}

.key-l {
	background-image: url('keys/key-l.svg');
}

.en .key-lalt {
	background-image: url('keys/key-lalt-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-lalt {
	background-image: url('keys/key-lalt-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-lalt {
	background-image: url('keys/key-lalt.svg');
}

.key-lbracket {
	background-image: url('keys/key-lbracket-en.svg');
}

.ru .key-lbracket {
	background-image: url('keys/key-lbracket-ru.svg');
}

.en .key-lcmd {
	background-image: url('keys/key-lcmd-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-lcmd {
	background-image: url('keys/key-lcmd-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-lcmd {
	background-image: url('keys/key-lcmd.svg');
}

.en .key-lctrl {
	background-image: url('keys/key-lctrl-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-lctrl {
	background-image: url('keys/key-lctrl-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-lctrl {
	background-image: url('keys/key-lctrl.svg');
}

.en .key-lshift {
	background-image: url('keys/key-lshift-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-lshift {
	background-image: url('keys/key-lshift-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-lshift {
	background-image: url('keys/key-lshift.svg');
}

.pl .key-lstroke {
	background-image: url('keys/key-lstroke-pl.svg');
}

.ru .key-m {
	background-image: url('keys/key-m-ru.svg');
}

.key-m {
	background-image: url('keys/key-m.svg');
}

.ru .key-n {
	background-image: url('keys/key-n-ru.svg');
}

.key-n {
	background-image: url('keys/key-n.svg');
}

.es .key-ntilde {
	background-image: url('keys/key-ntilde-es.svg');
}

.key-num-0 {
	background-image: url('keys/key-num-0.svg');
}

.key-num-1 {
	background-image: url('keys/key-num-1.svg');
}

.key-num-2 {
	background-image: url('keys/key-num-2.svg');
}

.key-num-3 {
	background-image: url('keys/key-num-3.svg');
}

.key-num-4 {
	background-image: url('keys/key-num-4.svg');
}

.key-num-5 {
	background-image: url('keys/key-num-5.svg');
}

.key-num-6 {
	background-image: url('keys/key-num-6.svg');
}

.key-num-7 {
	background-image: url('keys/key-num-7.svg');
}

.key-num-8 {
	background-image: url('keys/key-num-8.svg');
}

.key-num-9 {
	background-image: url('keys/key-num-9.svg');
}

.en .key-num-clear {
	background-image: url('keys/key-num-clear-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-num-clear {
	background-image: url('keys/key-num-clear-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-num-clear {
	background-image: url('keys/key-num-clear.svg');
}

.key-num-divide {
	background-image: url('keys/key-num-divide.svg');
}

.en .key-num-enter {
	background-image: url('keys/key-num-enter-en.svg');
	width: 57px;
}

.en .animatedkeyswitch.key-num-enter {
	background-image: url('keys/key-num-enter-en.svg');
	width: 23px;
	background-size: 57px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-num-enter {
	background-image: url('keys/key-num-enter.svg');
	width: 23px;
}

.key-num-equals {
	background-image: url('keys/key-num-equals.svg');
}

.key-num-minus {
	background-image: url('keys/key-num-minus.svg');
}

.key-num-multiply {
	background-image: url('keys/key-num-multiply.svg');
}

.key-num-plus {
	background-image: url('keys/key-num-plus.svg');
}

.key-num-point {
	background-image: url('keys/key-num-point-eu.svg');
}

.ru .key-num-point {
	background-image: url('keys/key-num-point-ru.svg');
}

.en .key-num-point, .no .key-num-point {
	background-image: url('keys/key-num-point-en.svg');
}

.ru .key-o {
	background-image: url('keys/key-o-ru.svg');
}

.key-o {
	background-image: url('keys/key-o.svg');
}

.it .key-oaccent {
	background-image: url('keys/key-oaccent-it.svg');
}

.pl .key-oaccent {
	background-image: url('keys/key-oaccent-pl.svg');
}

.key-oslash {
	background-image: url('keys/key-oslash.svg');
}

.key-oumlaut {
	background-image: url('keys/key-oumlaut-de.svg');
}

.key-ounderscore {
	background-image: url('keys/key-ounderscore.svg');
}

.ru .key-p {
	background-image: url('keys/key-p-ru.svg');
}

.key-p {
	background-image: url('keys/key-p.svg');
}

.en .key-pgdown {
	background-image: url('keys/key-pgdown-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-pgdown {
	background-image: url('keys/key-pgdown-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-pgdown {
	background-image: url('keys/key-pgdown.svg');
}

.en .key-pgup {
	background-image: url('keys/key-pgup-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-pgup {
	background-image: url('keys/key-pgup-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-pgup {
	background-image: url('keys/key-pgup.svg');
}

.de .key-plus/*, .pt_BR .key-plus */{
	background-image: url('keys/key-plus-de.svg');
}

.da .key-plus {
	background-image: url('keys/key-plus-da.svg');
}

.es .key-plus {
	background-image: url('keys/key-plus-es.svg');
}

.it .key-plus {
	background-image: url('keys/key-plus-it.svg');
}

.ru .key-q {
	background-image: url('keys/key-q-ru.svg');
}

.key-q {
	background-image: url('keys/key-q.svg');
}

.ru .key-r {
	background-image: url('keys/key-r-ru.svg');
}

.key-r {
	background-image: url('keys/key-r.svg');
}

.en .key-ralt {
	background-image: url('keys/key-ralt-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-ralt {
	background-image: url('keys/key-ralt-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-ralt {
	background-image: url('keys/key-ralt.svg');
}

.fr .key-rbracket {
	background-image: url('keys/key-rbracket-fr.svg');
}

.ru .key-rbracket {
	background-image: url('keys/key-rbracket-ru.svg');
}

.key-rbracket {
	background-image: url('keys/key-rbracket.svg');
}

.en .key-rcmd {
	background-image: url('keys/key-rcmd-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-rcmd {
	background-image: url('keys/key-rcmd-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-rcmd {
	background-image: url('keys/key-rcmd.svg');
}

.en .key-rctrl {
	background-image: url('keys/key-rctrl-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-rctrl {
	background-image: url('keys/key-rctrl-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-rctrl {
	background-image: url('keys/key-rctrl.svg');
}

.en .key-return {
	background-image: url('keys/key-return-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-return {
	background-image: url('keys/key-return-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-return {
	background-image: url('keys/key-return.svg');
}

.en .key-rshift {
	background-image: url('keys/key-rshift-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-rshift {
	background-image: url('keys/key-rshift-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-rshift {
	background-image: url('keys/key-rshift.svg');
}

.ru .key-s {
	background-image: url('keys/key-s-ru.svg');
}

.key-s {
	background-image: url('keys/key-s.svg');
}

.ru .key-section-symbol {
	background-image: url('keys/key-section-symbol-ru.svg');
}

.key-section-symbol {
	background-image: url('keys/key-section-symbol.svg');
}

.key-semicolon {
	background-image: url('keys/key-semicolon-en.svg');
}

.fr .key-semicolon {
	background-image: url('keys/key-semicolon-fr.svg');
}

.pl .key-semicolon {
	background-image: url('keys/key-semicolon-pl.svg');
}

.ru .key-semicolon {
	background-image: url('keys/key-semicolon-ru.svg');
}

.de .key-space {
	background-image: url('keys/key-space-de.svg');
}

.key-space {
	background-image: url('keys/key-space-en.svg');
	width:54px;
}

.es .key-space {
	background-image: url('keys/key-space-es.svg');
}

.fr .key-space {
	background-image: url('keys/key-space-fr.svg');
}

.it .key-space {
	background-image: url('keys/key-space-it.svg');
}

.pl .key-space {
	background-image: url('keys/key-space-pl.svg');
}

.ru .key-space {
	background-image: url('keys/key-space-ru.svg');
}

.pt_BR .key-space {
	background-image: url('keys/key-space-pt_br.svg');
}

.da .key-space {
	background-image: url('keys/key-space-da.svg');
}

.nl .key-space {
	background-image: url('keys/key-space-nl.svg');
}

.pl .key-sqbrackets {
	background-image: url('keys/key-sqbrackets-pl.svg');
}

.en .key-stop, .nl .key-stop {
	background-image: url('keys/key-stop-en.svg');
}

.key-stop {
	background-image: url('keys/key-stop-eu.svg');
}

.pl .key-stop {
	background-image: url('keys/key-stop-pl.svg');
}

.ru .key-stop {
	background-image: url('keys/key-stop-ru.svg');
}

.ru .key-t {
	background-image: url('keys/key-t-ru.svg');
}

.key-t {
	background-image: url('keys/key-t.svg');
}

.en .key-tab {
	background-image: url('keys/key-tab-en.svg');
	width: 66px;
}

.en .animatedkeyswitch.key-tab {
	background-image: url('keys/key-tab-en.svg');
	width: 25px;
	background-size: 66px;
-webkit-animation:multikey 5s infinite;
   -moz-animation:multikey 5s infinite;
    -ms-animation:multikey 5s infinite;
     -o-animation:multikey 5s infinite;
        animation:multikey 5s infinite;
}

.key-tab {
	background-image: url('keys/key-tab.svg');
}

.key-tilde {
	background-image: url('keys/key-tilde-en.svg');
}

/*.pt_BR .key-tilde {
	background-image: url('keys/key-tilde-pt_br.svg');
}*/

.ru .key-tilde {
	background-image: url('keys/key-tilde-ru.svg');
}

.ru .key-u {
	background-image: url('keys/key-u-ru.svg');
}

.key-u {
	background-image: url('keys/key-u.svg');
}

.fr .key-uaccent {
	background-image: url('keys/key-uaccent-fr.svg');
}

.it .key-uaccent {
	background-image: url('keys/key-uaccent-it.svg');
}

.key-umlaut {
	background-image: url('keys/key-umlaut.svg');
}

.da .key-umlaut {
	background-image: url('keys/key-umlaut-da.svg');
}

.ru .key-v {
	background-image: url('keys/key-v-ru.svg');
}

.key-v {
	background-image: url('keys/key-v.svg');
}

.ru .key-w {
	background-image: url('keys/key-w-ru.svg');
}

.key-w {
	background-image: url('keys/key-w.svg');
}

.ru .key-x {
	background-image: url('keys/key-x-ru.svg');
}

.key-x {
	background-image: url('keys/key-x.svg');
}

.ru .key-y {
	background-image: url('keys/key-y-ru.svg');
}

.key-y {
	background-image: url('keys/key-y.svg');
}

.ru .key-z {
	background-image: url('keys/key-z-ru.svg');
}

.key-z {
	background-image: url('keys/key-z.svg');
}

.key-zdot {
	background-image: url('keys/key-zdot-pl.svg'); 
}

@-webkit-keyframes multikey {
	0% {background-position-x: 29px;}
	50% {background-position-x: 0px;}
	100% {background-position-x: 29px;}
}
@-moz-keyframes multikey {
	0% {background-position-x: 29px;}
	50% {background-position-x: 0px;}
	100% {background-position-x: 29px;}
}
@-o-keyframes multikey {
	0% {background-position-x: 29px;}
	50% {background-position-x: 0px;}
	100% {background-position-x: 29px;}
}
@keyframes multikey {
	0% {background-position-x: 29px;}
	50% {background-position-x: 0px;}
	100% {background-position-x: 29px;}
}






/* -----------------------------------------------*/
/* ---------------- Meida Queries ----------------*/
/* -----------------------------------------------*/


/* ------------------ small -------------------*/
@media all and (max-width: 1366px) and (max-height: 768px) {
	
	body {
		font-size: 90%
	}
	
	div.spread {
		padding-top: 3.5%;
	}
	
	.pageboundary {
		height: 86%;
	}
	
	td {
		padding: 2px 4px;
	}
	
	p {
		margin-bottom: 0em;
		margin-top: .5em;
	}
	
	menu, ol, ul {
		padding: 0 0 0 20px;
	}
	
	.spread ol li, 	.spread ul li {
		margin: 2px 0;
	}
	
	ul#manual {
		font-size: 100%;
	}
	
	#spread3 ol {
		margin: 0.5em 0;
	}
	
	dd {
		width: 67%;
	}
	
}

/* ------------------ smaller -------------------*/

@media all and (max-width: 1066px) and (max-height: 650px) {

	
	.keyboard {
		-ms-transform: scale(.8,.8); /* IE 9 */
	    -webkit-transform: scale(.8,.8); /* Chrome, Safari, Opera */
	    transform: scale(.8,.8);
		top: .25em;
		margin: -.3em -.4em 0 .1em;
		-ms-transform-origin: 0% 50%; /* IE 9 */
	    -webkit-transform-origin: 0% 50%; /* Chrome, Safari, Opera */
	    transform-origin: 0% 50%;
	}
}


/* ------------------ large -------------------*/

@media all and (min-width: 1401px) and (min-height: 901px) {
	
	body {
		font-size: 120%;
		line-height: 110%;
	}
	
	header h1, #external {
		font-size: 12px;
		line-height: 14px;
	}
	
	#legaltext {
		line-height: normal;
	}
	
	menu, ol, ul {
		padding: 0 0 0 35px;
	}
	
	td {
		padding: 5px 10px;
	}
}




/* ---------------- Wide ----------------*/
@media all and (min-width: 1402px) and (max-height: 1000px) {
	
	.inpagenav a {
		top: 0px !important;
	}
		
}




/* Screen only */

@media only screen {
	span.printslash {
		display: none;
	}
}


















