/* Style sheet for Jaro Internet */
/* Based upon Outokumpu Internet CSS */
/* Created 07072004/FB */

/* ==== LEFT MENU BACKGROUND === */
.left-menu {
     margin-bottom: 100px;
     margin-left: 0px;
     margin-right: 0px;
     background-color: #ffffff;
     background-image: url(images/OK_logo_w120_h49.jpg);
     background-repeat: no-repeat;
     background-position: 50% 95%;
}

/* ==== LINKED TEXT ==== */
A {
	font-weight: normal;
	color : #003378;
/*	color : #0099CC;*/
	text-decoration : underline;
	font-weight: bold;	
}
A:hover  {
	color : #AA0028;
	text-decoration : underline;
	font-weight: bold;	
}
A:visited  {
	color : #003378;
/*	color : #0099CC;*/
/*	color : #878787;*/
	text-decoration : none;
	font-weight: bold;	
}
A:visited:hover  {
	color : #AA0028;
	text-decoration : underline;
	font-weight: bold;	
}

/* ===== HEADER 1-3 ===== */
.H1, H1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 175%;
	line-height: 1em;
	font-weight: normal;
	color : #003378;
}
.H2, H2, #header2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 130%;
	line-height: 1em;
	font-weight: normal;
	color : #003378;
}
.H3, H3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.3em;
	font-weight: bold;
	color : #003378;
}

/* ===== TEXT/PARAGRAPHS CLASSES ===== */
P  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.4em;
	color : #000000;
}

.normal  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.4em;
	color : #000000;
}

.normalGrey  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.4em;
	color : #878787;
}

.normalBold  {
	font-weight : bold; 
}

.normalSmall  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height : 1.4em;
	font-weight : normal; 
	color : #000000;
}

.introduction  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.4em;
	font-weight : bold;
	color : #333333;
	margin-top: 2%;
	margin-bottom: 2%;
}

.caption  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height : 1.2em;
	color : #333333;
}

OL  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.4em;
	font-weight : normal;
	color : #000000;
	list-style-type : decimal;
	margin-left: 70px; 
	margin-right: 15px
}

UL  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.4em;
	font-weight : normal;
	color : #000000;
	list-style-type : circle ;
	margin-left: 30px; 
	padding-left: 0px;
	margin-right: 15px
}

/* ===== TABLE FORMATTING ===== */
/* ===== Heading  ===== */

TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	line-height: 1.1em;
	font-weight : normal;
	color : #000000;
}

TD.tableHeading  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
	color : #003378;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #003378;
	padding : 4px;
}

TD.tableSmall  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height: 1.1em;
	font-weight : normal;
	color : #000000;
	padding: 4px;
}

TD.tableSmall a:visited  {
	color : #878787
}

TD.tableSmallBold  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height: 1.1em;
	font-weight : bold;
	color : #000000;
	padding: 4px;
}

.tableHeadingGrey  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #878787;
	padding: 4px;
}
.tableSmallGrey  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height: 1.1em;
	font-weight : normal;
	color : #000000;
	background-color : #EBEBEB;
	padding: 4px;
}
.tableHeadingBlue  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #0099CC;
	padding: 4px;
}
.tableSmallBlue  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height: 1.1em;
	font-weight : normal;
	color : #000000;
	background-color : #D9F6FF;
	padding: 4px;
}

/* old classes from avestapolarit.com. All background color are changed to blue */
.tableHeadingRed  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #0099CC;
	padding: 4px;
}
.tableSmallRed  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height: 1.1em;
	font-weight : normal;
	color : #000000;
	background-color : #D9F6FF;
	padding: 4px;
}
.tableHeadingGreen  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-weight : bold;
	color : #000000;
	background-color : #0099CC;
	padding: 4px;
}
.tableSmallGreen  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height: 1.1em;
	font-weight : normal;
	color : #000000;
	background-color : #D9F6FF;
	padding: 4px;
}
.tableHeadingYellow  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	font-weight : bold;
	color : #000000;
	background-color : #0099CC;
	padding: 4px;
}
.tableSmallYellow  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	line-height: 1.1em;
	font-weight : normal;
	color : #000000;
	background-color : #D9F6FF;
	padding: 4px;
}
/* end old avestapolarit.com classes */


/* ===== LEFT HAND NAVIGATION ===== */
/* background for left hand navigation*/
.mainTableBg {
	background-color: #FFFFFF;
}
.navTableBg {
/*	background-image: url(http://www.outokumpu.com/images/left_nav_faded_bg.gif); */
	background-repeat: no-repeat;
	background-color: #FFFFFF; 
	font-weight: normal;
}
.navHeading { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	letter-spacing: 0.5px; 
	line-height: normal; 
	font-weight: bold;
	color: #5D6E7C;
}
a.nav:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color : #000000;
	text-decoration : none;
}
a.nav:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color : #AA0028;
/*	text-decoration : underline;*/
}
a.nav:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color : #000000;
	text-decoration : none;
}
a.nav:visited:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight:normal;
	color : #AA0028;
/*	text-decoration : underline;*/
}
.navMarked {
	font-weight: bold;
	font-size: 11px;
	line-height: 1.6em;
	vertical-align: baseline;
	color: #AA0028;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-decoration: none;
	border-bottom-width : 1px;
	border-bottom-color: #878787;
	border-bottom-style: solid;
	padding-bottom: 2px;
}
a.navMarked:link, a.navMarke:visited{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #AA0028;
	text-decoration : none;
}
a.navMarked:visited:hover, a.navMarked:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color : #AA0028;
	text-decoration : underline;
}
.navMarkedSection { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #003378;
}
a.navMarkedSection:visited, a.navMarkedSection:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration : none;
}
a.navMarkedSection:hover, a.navMarkedSection:visited:hover { 
	color : #AA0028;
	font-weight: bold;
	text-decoration : underline;
}
.navRelatedHeading {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #003378;
}
.navBreadcrumb { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small; 
	line-height: 1.3em; 
	font-weight: normal;
	color: #000000;
}


/* ===== FORMS ===== */
/* ===== Use this classes in forms  ===== */
.formBG  {
	background-color : #EBEBEB;
}
.label {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;
}
.labelBold {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000;
}
.labelGrey {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #878787;
}
LEGEND {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000;
}
INPUT  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}
input.searchField {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 	
	color: #000000; 
	border-color: #003378; 
	border-style: solid;
	border-width: 1px
}
/* The SUBMIT button */
input.formButtonActive {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 	
	font-weight: bold;
	color: #FFFFFF; 
	border-color: #003378; 
	background-color: #0099CC; 
	border-style: solid; 
	border-width: 1px
}
/* Other buttons */
input.formButton {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 	
	color: #000000; 
	border-color: #003378; 
	background-color: #D4D4D4; 
	border-style: solid;
	border-width: 1px
}
SELECT  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}
INPUT  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}

TEXTAREA  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}




/* === UNCHANGED STARTS HERE === */

#type
{
FONT: 12pt/14pt Verdana, Arial, Helvetica, sans-serif;
}

#typeMetric
{
FONT: 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
}

/*
#header2
{
FONT: 16pt/18pt Verdana, Arial, Helvetica, sans-serif;
}
*/
/*
body	
  {background-color: white;
   color: #000000;
   margin-left: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
  }
*/
/*
a.nav:link { text-decoration: none; background-color: white; color: #000000;}
a.nav:visited { text-decoration: none; background-color: white; color: #000000; }
a.nav:hover { text-decoration: none; background-color: white; color: #000000; }
a.nav:active { text-decoration: none; background-color: white; color: #31a652;}
*/
BLOCKQUOTE
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
CENTER
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
DL
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}

/*
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
*/
/*
INPUT
{
    FONT-SIZE: 10pt;
    COLOR: #006699;
}
SELECT
{
    FONT-SIZE: 9pt;
    COLOR: #006699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TEXTAREA
{
    FONT-SIZE: 9pt;
    COLOR: #006699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
OL
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
UL
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif
}
P
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
*/
.italic
{
    FONT-STYLE: italic
}
P.introduction
{
    FONT: bold 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
.category
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff
}
TR
{
    FONT: 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
TD.accent1
{
    BACKGROUND-COLOR: #009966; COLOR: #000000;
}
TD.accent1-50
{
    BACKGROUND-COLOR: #99cc99; COLOR: #000000;
}
TD.accent2
{
    BACKGROUND-COLOR: #006699; COLOR: #000000;
}
TD.accent2-50
{
    BACKGROUND-COLOR: #8090ba; COLOR: #000000;
}
TD.basic1
{
    BACKGROUND-COLOR: #999999; COLOR: #000000;
}
TD.basic1-50
{
    BACKGROUND-COLOR: #cccccc; COLOR: #000000;
}
TD.basic2
{
    BACKGROUND-COLOR: #993333; COLOR: #000000;
}
TD.basic2-50
{
    BACKGROUND-COLOR: #cc9966; COLOR: #000000;
}
TD.basic3
{
    BACKGROUND-COLOR: #cc9900; COLOR: #000000;
}
TD.basic3-50
{
    BACKGROUND-COLOR: #ecd288; COLOR: #000000;
}
TD.basic4
{
    BACKGROUND-COLOR: #003366; COLOR: #000000;
}
TD.basic4-50
{
    BACKGROUND-COLOR: #708eab; COLOR: #000000;
}
TD.whitesmoke
{
    BACKGROUND-COLOR: #f5f5f5; COLOR: #000000;
}
TD.white
{
    BACKGROUND-COLOR: #ffffff; COLOR: #000000;
}
.headingTable
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
.normalTable
{
    FONT: 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
.normalBoldTable
{
    FONT: bold 9pt/13pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
.smallTable
{
    FONT: 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
.smallBoldTable
{
    FONT: bold 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #666666
}
.welcome
{
    FONT: 8pt/8pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000
}
.footer
{
    FONT: 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #999999
}

b
{
    font-weight: bold;
}