/* ------------ PAVE Main Style Sheet ------------ */
/* This is the main style sheet which define the basic look and feel for the */
/* community site. It includes aspects such as text font, color, background color and so on. */

BODY {
background-color:#FFFFFF;                             
color: #000000;                                          
font-size: 10pt;
font-family: Arial, Verdana, sans-serif;

scrollbar-face-color:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#ACC7A7;
SCROLLBAR-BASE-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #E7E7E7;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #E7E7E7; 
SCROLLBAR-DARKSHADOW-COLOR: #000000; 
}

.formi{font-family : Arial, Verdana, sans-serif;
border: 1px solid  #000000;
background : #FFFFFF;}

INPUT{font-size:9pt;}

.nappi{
font-family: Arial, Verdana, sans-serif; 
border: 1px solid black;
font-size:9pt;	
background: #4B714C;
color: #FFFFFF;
}

#emancel{
background: #ACC7A7;
}

.aakkonen {  
background-color : #E4EEE9; 
padding-left: 3px;
padding-right: 3px;
}

#line { 
border-style: solid; 
border-color: #D9DCD3; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 1px;
}

  /* --------- Small print -------------------------- */

.phx-legal {
    font-family: _$phx.Style.lg-face_;
    font-size: _$phx.Style.lg-fsiz_; font-weight: normal;
}

    /* --------- Intra-page links --------------------- */

.phx-goto {
    font-size: _$phx.Style.go-fsiz_; font-weight: bold;
}_PHX.cond.begin ifnotdef="_$phx.Context.phx.browser.type.IS.NS4_"_
p.phx-goto {
    margin-top: 1em; margin-bottom: 1em;
}_PHX.cond.end_
.phx-goto a {
    background-color: transparent; color: _$phx.Style.go-lnk-text_;
}

    /* --------- Titles ------------------------------- */

.phx-title {
    font-size: _$phx.Style.titl-fsiz_; font-weight: bold;
}

    /* --------- Attention flags ---------------------- */

.phx-attention {_PHX.cond.begin ifnotdef="_$phx.Context.phx.browser.type.IS.NS4_"_
    padding-left: 0.2em; padding-right: 0.2em;_PHX.cond.end_
    background-color: _$phx.Style.attn-back_; color: _$phx.Style.attn-text_;
    font-size: _$phx.Style.attn-fsiz_; font-weight: bold; font-variant: small-caps;
    vertical-align: top;
}

    /* --------- Column headings ---------------------- */

.phx-colheader {
    font-weight: bold;
}

/* ------------ PAVE Common Styles ------------ */

p {font-family: Arial, Verdana, sans-serif;                 
font-size: 10pt;}

br {font-family: Arial, Verdana, sans-serif;}

b {font-family: Arial, Verdana, sans-serif;}

blockquote {font-family: Arial, Verdana, sans-serif;}

div {font-family: Arial, Verdana, sans-serif;}

tr {font-family: Arial, Verdana, sans-serif;          
font-size: 10pt;                               
}

td {font-family: Arial, Verdana, sans-serif;           
font-size: 10pt;                                  
}

ul {font-family: Arial, Verdana, sans-serif;        
}


/* ------------ PAVE Buttons ------------ */

.Search { 
	border: 1px solid #999999; 
	font-family: Verdana, Arial; 
	font-size: 8pt; 
	font-weight: bold; 
	background-color: #F8F8F8; 
}

Submit { 
	border: 1px solid #999999; 
	font-family: Verdana, Arial; 
	font-size: 8pt; 
	font-weight: bold; 
	background-color: #F8F8F8; 
	margin-top:3px;
}


/* ------------ PAVE Errors ------------ */

.error {font-family: Arial, Verdana, sans-serif;                     
font-size: 10pt; color: #990033;}

/* ------------ PAVE Header Fonts  ------------- */

.serviceheader { font-family: Arial, Verdana, sans-serif;font-size: 11pt; font-weight: bold; color: #000000;}
.superheader { font-family:Arial, Verdana, sans-serif;   font-weight: bold; font-size: 11pt; text-decoration: none; color:  #000000;}
.fieldheader {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration: none; font-weight: bold; color: #000000;} 
.columnheader {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration: none; font-weight: bold; color: #000000;} 

/* ------------ PAVE BACKGROUND Styles ------------ */

/* -- GRAY  --- */

.harmaa {background-color: #D6D6D6;}
.tharmaa { background-color: #A9AFAF;}

/* -- GENERAL BACKGROUNDS   --- */

.shcolor {background-color: #D9DCD3;}
.valk {background-color: #FFFFFF;}
.green {background-color: #4BAE7D;}
.vgreen {background-color: #63E5A5;}
.okra {background-color: #C5A359;}
.vokra {background-color: #F2C561;}
.sininen {background-color: #4F73CB;}
.vsininen {background-color: #BEDBED;}
.oranssi {background-color: #D45E36;}
.voranssi {background-color: #F4784E; color: #FFFFFF;}

/* -- vruskea {background-color: #D9DCD3;* /

/* -- GREENS  --- */

.vihrea {background-color: #ACC7A7;}
.vvihrea {background-color: #B1E2A8;}
.kvihrea {background-color: #ACC6A8;}
.tvihrea {background-color: #678B60;}
.tvihrea2 {background-color: #4D714D;}

.vtausta {background-color: #B6C5C2;}
.ovvihrea {background-color: #E4EEE9;}


/* ------------ PAVE LINK Styles ------------ */

DIV.servicenavigation A{text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;}      
DIV.servicenavigation a:link {text-decoration: none;color: #4D714D; font-family: Arial, Verdana, sans-serif;}       
DIV.servicenavigation a:visited {text-decoration: none;color: #4D714D; font-family: Arial, Verdana, sans-serif;} 
DIV.servicenavigation a:active {text-decoration: none;color: #4D714D; font-family: Arial, Verdana, sans-serif;}  
DIV.servicenavigation a:hover {text-decoration: none;color: #4D714D; font-family: Arial, Verdana, sans-serif;}    

DIV.servicecommands A{text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;} 
DIV.servicecommands A:link {text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;}       
DIV.servicecommands A:visited {text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;} 
DIV.servicecommands A:active {text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;} 
DIV.servicecommands A:hover {text-decoration: underline; color: #4D714D; font-family: Arial, Verdana, sans-serif;} 


a.servicecommands:link {text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;}       
a.servicecommands:visited {text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;} 
a.servicecommands:active {text-decoration: none; color: #4D714D; font-family: Arial, Verdana, sans-serif;} 
a.servicecommands:hover {text-decoration: underline; color: #4D714D; font-family: Arial, Verdana, sans-serif;} 


.vlink {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #4D714D;}   
a.vlink:link {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #4D714D;}       
a.vlink:visited {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #4D714D;}   
a.vlink:active {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; font-weight: none; #4D714D;}     
a.vlink:hover {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: underline; color: #4D714D;}

.menu {font-family: Arial, Verdana, sans-serif;font-size: 10pt;text-decoration: none; color: #000000;}   
a.menu:link {font-family: Arial, Verdana, sans-serif;font-size: 10pt;text-decoration: none; color: #000000;}       
a.menu:visited {font-family: Arial, Verdana, sans-serif;font-size: 10pt;text-decoration: none; color: #000000;}   
a.menu:active {font-family: Arial, Verdana, sans-serif;font-size: 10pt;text-decoration: none; font-weight: none; #000000;}     
a.menu:hover {font-family: Arial, Verdana, sans-serif;font-size: 10pt;text-decoration: underline; color: #010566;}

.menu2 {font-family: Arial, Verdana, sans-serif;font-size: 10pt; text-decoration: none; color: #045602;}    
a.menu2:link {font-family: Arial, Verdana, sans-serif;font-size: 10pt; text-decoration: none; color: #045602;}       
a.menu2:visited {font-family: Arial, Verdana, sans-serif;font-size: 10pt; text-decoration: none; color: #045602;}
a.menu2:active {font-family: Arial, Verdana, sans-serif;font-size: 10pt; text-decoration: none; font-weight: none; color: #045602;}  
a.menu2:hover {font-family: Arial, Verdana, sans-serif;font-size: 10pt; text-decoration: underline; color: #045602;}

.menumed {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #000000;}   
a.menumed:link {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #000000;}       
a.menumed:visited {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #000000;}   
a.menumed:active {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: none; font-weight: none; #000000;}     
a.menumed:hover {font-family: Arial, Verdana, sans-serif;font-size: 9pt;text-decoration: underline; color: #010566;}

.menumed2 {font-family: Arial, Verdana, sans-serif;font-size: 9pt; text-decoration: none; color: #FFFFFF; background: #4D714D;}    
a.menumed2:link {font-family: Arial, Verdana, sans-serif;font-size: 9pt; text-decoration: none; color: #FFFFFF;background: #4D714D;}       
a.menumed2:visited {font-family: Arial, Verdana, sans-serif;font-size: 9pt; text-decoration: none; color: #FFFFFF;background: #4D714D;}
a.menumed2:active {font-family: Arial, Verdana, sans-serif;font-size: 9pt; text-decoration: none; font-weight: none; color: #FFFFFF;background: #4D714D;}  
a.menumed2:hover {font-family: Arial, Verdana, sans-serif;font-size: 9pt; text-decoration: underline; color: #FFFFFF;background: #4D714D;}

.menumed3 {font-family: Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #484FA4;}   
a.menumed3:link {font-family: Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #484FA4;}       
a.menumed3:visited {font-family: Verdana, sans-serif;font-size: 9pt;text-decoration: none; color: #484FA4;}   
a.menumed3:active {font-family: Verdana, sans-serif;font-size: 9pt;text-decoration: none; font-weight: none; #484FA4;}     
a.menumed3:hover {font-family: Verdana, sans-serif;font-size: 9pt;text-decoration: underline; color: #010566;}

.highlite {  color: #666666;}
.small {font-family: Arial, Verdana, sans-serif; font-size: 8pt;}
a.small:link {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration: none; color: #2634B7;}
a.small:visited {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration: none; color: #2634B7;}
a.small:active {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration: none; font-weight: none; color: #2634B7;}   
a.small:hover {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration: underline; color: #2634B7;}  

A:link {text-decoration: none;color: #2634B7; font-family: Arial, Verdana, sans-serif;  }       
A:visited {text-decoration: none;color: #2634B7; font-family: Arial, Verdana, sans-serif;  }
A:active {text-decoration: none; color:#2634B7; font-family: Arial, Verdana, sans-serif;  }   
A:hover {text-decoration: underline; color:#2634B7; font-family: Arial, Verdana, sans-serif;  }

a:link {text-decoration: none;color: #2634B7; font-family: Arial, Verdana, sans-serif;  }       
a:visited {text-decoration: none;color: #2634B7; font-family: Arial, Verdana, sans-serif;  }
a:active {text-decoration: none; color:#2634B7; font-family: Arial, Verdana, sans-serif;  }   
a:hover {text-decoration: underline; color:#2634B7; font-family: Arial, Verdana, sans-serif;  }


.tiedotesmall {font-size: 8pt;}
.tiedotesmall a{font-size: 8pt;}


.smallblack {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration:none;color: #000000}   
a.smallblack:link {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration:none; color: #000000}
a.smallblack:visited {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration:none; color: #000000}
a.smallblack:active {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration:none; font-weight: none; color: #000000}   
a.smallblack:hover {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration: underline;color: #000000}