/* ------------ PKKY Main Style Sheet ------------ */
/* $Header: /data/cvs/pkky/phx/var/localized/fi_FI/pkky/css/style.css,v 1.1 2006/11/24 11:26:04 al Exp $
/* 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:#93002B;
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-BASE-COLOR: #93002B;
SCROLLBAR-TRACK-COLOR: #E7E7E7;
SCROLLBAR-3DLIGHT-COLOR: #93002B;
SCROLLBAR-SHADOW-COLOR: #E7E7E7; 
SCROLLBAR-DARKSHADOW-COLOR: #93002B; 
}

/************* NEW FIELDS ********************/

table#frame {
	margin:0px auto 0px auto;
	background-color:#fff;
	width: 745px;
}

#header {
	   vertical-align: top;
	   text-align:left;
	   background-image:url(/Resource.phx/pkky/img/ylaliuku.gif);
	   background-color: #93002B;
}

td#header span {
	vertical-align:bottom;
	padding: 3px 5px 5px 4px;
	float:right; 
	background-image:url(/Resource.phx/pkky/img/ylareuna.gif);
	background-position: right top;
	background-repeat:no-repeat;
}

td#menu {
   width:117px;
   background-image:url(/Resource.phx/pkky/img/vtausta.gif);
   vertical-align: top;
}

div.lbox {
	padding:5px 3px 5px 5px;
}

div.lbox ul{
	 margin: 0px;
	 padding: 0px;
}
div.lbox ul, div.lbox ul li {
	list-style: none;
}

div.lbox ul li {
	 padding-bottom:5px;
}
div.lbox a{
	display: block;
}

td#content {
   width:512px;
   vertical-align: top;
   padding-bottom:15px;
}

/*NEW BOX STYLES */

div.post-box  .small,div.redarrow-box  .small, div.arrow-box .small {
	font-weight:100;
}

div.arrow-box {
	 background-image: url(/Resource.phx/pkky/img/nuoli-valikko.gif);
	 background-repeat: no-repeat;
	 background-position: 9px .45em;
	 padding-left: 23px;
}

div.arrow-box  div {
	display:block;
	background-color:#A7A7A7;
	font-weight:bold;
	color:#fff;
	padding: 2px 2px 2px 3px;
}
div.redarrow-box {
	 padding: 2px  0px;
}

div.redarrow-box a.small {
	 background-image: url(/Resource.phx/pkky/img/nuoli-punainen.gif);
	 background-repeat: no-repeat;
	 background-position: 0px .1em;
	 padding: 2px  2px  0px 25px;
	 font-weight:bold;
	 display:block;
}

div.spaceline {
	 border:1px solid #dbdbdb;
	 border-width: 1px 0px 0px 0px;
	 margin:4px 4px 4px 0px;
}

div.post-box {
	 padding: 2px;
}

div.post-box a.abox {
	 background-image: url(/Resource.phx/pkky/img/kirje.gif);
	 background-repeat: no-repeat;
	 background-position: 3px .1em;
	 display:block;
	 padding: 0px 2px 0px 0px; 
	 margin:0px;
}


div.post-box strong, div.post-box div {
	display:block;
	font-weight:bold;
	padding: 2px 2px 2px 23px;
}
 
td#rightcel {
     width: 111px;
    vertical-align: top;
    background-color: #93002B;
     
     background-image:url(/Resource.phx/pkky/img/otausta.gif);
     background-repeat: repeat-y;
        
}

div.tline {
	 background-color: #93002B;
	 height:5px;
}

td#footer {
   text-align:left;
   vertical-align: top;
   background-color: #93002B;
   color:#666666;
}

td#copy {
   padding-top:2px;
   text-align:right;
   vertical-align: bottom;

}

/************* \NEW FIELDS ********************/

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

INPUT{font-size:9pt;}


#emancel{
background-color: #CDD9EF;
}

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

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

.phx-legal {
    font-family: Arial, Verdana, sans-serif;
    font-size: 87%; font-weight: normal;
}

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

.phx-goto {
    font-size: 101%; font-weight: bold;
}
p.phx-goto {
    margin-top: 1em; margin-bottom: 1em;
}
.phx-goto a {
    background-color: transparent; color: #CC3300;
}

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

.phx-title {
    font-size: 111%; font-weight: bold;
}

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

.phx-attention {
    padding-left: 0.2em; padding-right: 0.2em;
    background-color: #CC3333; color: #FFFFFF;
    font-size: 90%; font-weight: bold; font-variant: small-caps;
    vertical-align: top;
}

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

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

/* ------------ PKKY 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;  
    margin-top:2px;
    margin-bottom:3px;
}

li {
   margin-bottom:4px;
}


/* ------------ PKKY 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;
}

.nappi{font-family: Arial, Verdana, sans-serif;  	
border: 1px solid black;
background: #F1F3F8;
color: #000000;
}

/* ------------ PKKY Errors ------------ */

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

/* ------------ PKKY Discussion  ------------- */

.phx-navigation {background : #FFFFFF;}
.phx-commands{background : #F1F3F8;}
.harmaanews{background-color: #F4F4F4;}

/* ------------ PKKY Header Fonts  ------------- */

.serviceheader { font-family: Arial, Verdana, sans-serif;font-size: 12pt; font-weight: bold; color:#000000;}
.superheader { font-family:Arial, Verdana, sans-serif;   font-weight: bold; font-size: 12pt; text-decoration: none; color:#000000;}
.fieldheader {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration: none; font-weight: bold; color: #93002B;} 
.redheader {font-family: Arial, Helvetica, sans-serif; font-size: 12px; 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: #93002B;} 


/* ------------ PKKY BACKGROUND Styles ------------ */

/* -- GRAY  --- */

.harmaa{background-color:#A7A7A7;}
.harmaanews {background-color:#D3D7DD;}

/* -- GENERAL BACKGROUNDS  --- */

.shcolor {background-color: #E9E9E9;}
.punainen {background-color: #93002B;}
.intraharmaa {background-color: #999999;}
.okra { background-color: #F9D8B9;}
.aikoblue { background-color: #155EAB;}

/* ------------ PKKY TEXT Styles ------------ */

.whitetext {color: #FFFFFF;}
.grayheader {font-family: Arial, Verdana, sans-serif; font-size: 12pt; font-weight: bold; color: #666666;}
.graytext { color: #666666;}
.graysmall { color: #666666; font-family: Arial, Verdana, sans-serif; font-size: 8pt;}

/* ------------ PKKY LINK Styles ------------ */

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

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

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

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

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

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

.highlite {  color: #666666;}
.small {font-family: Arial, Verdana, sans-serif; font-size: 11px;}
a.small:link {font-family: Arial, Verdana, sans-serif;font-size: 8pt;text-decoration: none; color: #93002B;font-weight:bold;}
a.small:visited {font-family: Arial, Verdana, sans-serif;font-size: : 8pt;text-decoration: none; color: #93002B;}
a.small:active {font-family: Arial, Verdana, sans-serif;font-size: : 8pt;text-decoration: none; font-weight: none; color: #93002B;}   
a.small:hover {font-family: Arial, Verdana, sans-serif;font-size: : 8pt;text-decoration: underline; color: #93002B;}       
 
A:link {text-decoration: none;color: #93002B;font-family: Arial, Verdana, sans-serif;  }       
A:visited {text-decoration: none;color: #93002B;font-family: Arial, Verdana, sans-serif;  }
A:active {text-decoration: none; color:#93002B;font-family: Arial, Verdana, sans-serif;  }   
A:hover {text-decoration: underline; color:#93002B;font-family: Arial, Verdana, sans-serif;  }

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

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

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

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

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

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

.topArea td {
color:#ffffff;
}