/* Fixed pixels taken out 2005-08-23 */

/* New background color #CC9933 */
/* Information to be hidden by default */

div.search, div.groups, div.left, .eikellu {
	display: none;
	}


/* FireFox testi */
div.firefox
{
font-size: 8pt;
line-height: 14pt;
float: right;
background-color: #330099;
color: white;
position: fixed;
right: 0;
top: 0;
width: 356px;
height: 60px;
margin-right:0;
}

/* Make enough room for language and chemical data */

span {
	border: thin solid #993366;
	background-color: white;
	font-size: 1.1em;
	width: 300px;
	padding: 5px;
	}

span.kieli {
/*	border: solid thick #A68626;	*/
	border: solid thick #ACACAC;
	background-color: #CCCCCC;
	font-size: 1.2em;
	}

span.tunnus {
	background-color: #FFFFCC;
	font-size: 1.25em;
	width: 200px;
	}

/* Author info */

span.date {
	background-color: #33CCFF;
	color: #CCFFFF;
	font-size: 1.2em;
/*	width: 250px;
	*/
	}

/* Elemental spans */

.jalo, .selitejalo
{
	border: ridge thick silver;
	background-color: white;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
}
.selitejalo
{	position: fixed;
	right: 0px;
	top: 320px;
}
.metalli, selitemetalli
{
	border: ridge thick teal;
	background-color: silver;
	color: black;
	letter-spacing: 1px;
	text-decoration: blink;
}
.selitemetalli
{
	position: fixed;
	right: 0px;
	top: 320px;
}


.kalkogeeni, .selitekalkogeeni
{
	border: ridge thick teal;
	background-color: red;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
}
.selitekalkogeeni
{
	position: fixed;
	right: 0px;
	top: 360px;
}

.halogen
{
	border: ridge thick teal;
	background-color: purple;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
}
.selitehalogen
{
	border: ridge thick teal;
	background-color: purple;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
	position: fixed;
	right: 0px;
	top: 400px;
}

.life
{
	border: ridge thick blue;
	background-color: green;
	color: white;
	letter-spacing: 1px;
	text-decoration: none;
}

.pnictogen
{
	border: ridge thick green;
	background-color: blue;
	color: white;
	letter-spacing: 1px;
	text-decoration: none;
}

.selitepnictogen
{
	border: ridge thick green;
	background-color: blue;
	color: white;
	letter-spacing: 1px;
	text-decoration: none;
	position: fixed;
	right: 0px;
	top: 440px;
}

.alkali
{
	border: ridge thick silver;
	background-color: #FFCCFF;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
}

.selitealkali
{
	border: ridge thick silver;
	background-color: #FFCCFF;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
	position: fixed;
	right: 0px;
	top: 460px;
}

.maa-alkali
{
	border: ridge thick silver;
	background-color: olive;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
}

.selitemaa-alkali
{
	border: ridge thick silver;
	background-color: olive;
	color: black;
	letter-spacing: 1px;
	text-decoration: none;
	position: fixed;
	right: 0px;
	top: 480px;
/*	width: 356px;
	height: 60px;
	*/
}




/* Contents area */

@media screen {
	div.content
	{
	position: absolute;
	left: 10px;
	top: 296px;
	width: 622px;
	padding-right: 5px;
	border-right: medium double #CC00CC;
	}

div.tomi
{
font-size: 8pt;
line-height: 10pt;

float: right;
background-color: #003399;
color: white;
position: fixed;
right: 0px;
top: 0px;
width: 356px;
height: 60px;
margin-right:0;
}

strong
{
	background-color: yellow;
	font-size: larger;
	color: #003366;
}

div.index
/* example code #right {
position: absolute;
right: 10px;
top: 10px;
width: 200px;
} */
{
display: compact;
font-size: 8pt;
background-color: silver;
/* font: plain 9pt/10pt Helvetica ! important; */

/* position: absolute;*/
position: fixed;
float: right;
top: 160px;
right: 1px; 
/* top: 100px; */
width: 390px;

}

/* example shorthand of font: 
h1 {
font: bold 12pt/14pt Helvetica;
}
*/

/* Compacted menus */

h2.booster, h2#booster
 {
	color: #009999;
	font-family: "Arial Black";
	font-size: larger;
}

div.compact {
	display: compact;
	background-color: #CCCCCC;
	float: left;
	width: 500px;
	margin: 0.5em;
	padding: 1.5em;
	position: fixed;
	float: right;
	top: 500px;
	right: -10px; 
	width: 200px;
	}

} /* Media Screen */

/* Hide inner navigation if we are using this StyleSheet! */
.eikellu {
	display: none;
	}