@charset "utf-8";
/* CSS Document*/
/* Tarja Simola 2012*/

body	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image:url(../images/common/harmaa.gif);   
	/* background-repeat:repeat-x; */
	background-repeat:repeat; /*muutettu 2.10.2013 TS*/
	background-position:top;
	text-align: center;
	}

body.waiting * { cursor: wait; }

#wrap	{
	width: 1130px; 
	margin: 0 auto;
	text-align: left;
/*	background-image:url(../images/common/liukuvari.gif); *//*muutettu 2.10.2013 TS*/ /*muutettu 21.1.2013*/
/*	background-repeat:repeat-x;
	background-position:top;  */
}
#wrap_top	{
	width: 1130px;  
	margin: 0 auto; 
	text-align: left;
/*	background-image:url(../images/common/liukuvari3.gif); *//*muutettu 21.1.2013*/
/*	background-repeat:repeat-x;
	background-position:top; */
}

#wrap_top_ark	{
	width: 650px;  
	margin: 0;
	text-align: left;
/*	background-image:url(../images/common/liukuvari3.gif); *//*muutettu 21.1.2013*/
/*	background-repeat:repeat-x;
	background-position:top; */
}

#header	{
	padding: 0 0 0 0;
/*	position:relative; */
	position:fixed; /*muutettu 22.1.2013*/
	top: 0;
	left: 0;
	width:100%; /*lisätty 22.1.2013*/
	/*tausta lisätty 21.1.2013*/
	background-image:url(../images/common/header_back.gif); 
	background-repeat:repeat-x;
	background-position:top;
	}
	
/*ylanavigaatioiden tyylit*/
#header_text {
	position:absolute;
	top: 15px;
	left: 250px;
	width: 500px;
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF;
	}	

#header_links {
	position:absolute;
	top: 18px;
	right: 0;
	width: 430px;
	font-size:13px;
	color: #FFFFFF;
	}
	
#header_links2 {
	position:absolute;
	top: 18px;
	right: 0;
	width: 530px;
	font-size:13px;
	color: #FFFFFF;
	}	
	
#header_links a, #header_links2 a{
	text-decoration:none;
    color: #FFFFFF;
	}	
	
#header_links a:hover, a:active, a:focus,
#header_links2 a:hover, a:active, a:focus  { 
	text-decoration: underline;
	color: #FFFFFF;
    }	
	
<!--etusivun menun linkit-->

#navigation,
#navigation_kotimaa {
	width: 240px;
  	}

#navigation ul {
  	list-style: none;
  	margin: 20px 5px 20px 10px;
  	padding: 0;
	}
 
#navigation li {
  	font-weight:bold;
  	background-image:url(../images/common/menu_back_etusivu.gif);  
  	background-repeat:no-repeat;
  	background-position:top;
  	width: 210px;
  	height:60px;
}

#navigation li#kori {
  	font-weight:bold;
  	background-image:url(../images/common/menu_back_etusivu2.gif);  
  	background-repeat:no-repeat;
  	background-position:top;
  	width: 210px;
  	height:60px;
}

#navigation li a:link, #navigation li a:visited  {
  	font-size: 12px;
  	display: block;
  	padding: 10px 0 0 35px;
  	color: #FFFFFF;
  	text-decoration: none;
	}

#navigation li a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #FFFFFF;
	}
	
#navigation_text {
  	font-size: 10px;
	color: #666666;
	padding: 7px 0 0 15px;
	}		
	

#navigation_kotimaa1 ul {
  	list-style:none;
  	margin: 0 0 0 0;
	padding: 7px 0 0 0; 
	}

#navigation_kotimaa1 li {
	display: inline;
	font-weight:bold;
	background-color:#69aa19;
	margin: 0 15px 0 0;
	padding: 5px 0 5px 0; 
	text-decoration: none;	
	border: 1px;
	border-style:solid;
	border-color:#666666;
}

#navigation_kotimaa1 li a:link,
#navigation_kotimaa1 li a:visited  {
  	font-size: 12px;
	padding: 0 22px 0 21px;
  	color: #FFFFFF;
  	text-decoration: none;
	}

#navigation_kotimaa1 li a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #FFFFFF;
	}	


#navigation_kotimaa2_1 {
	float:	left;
	width: 25px;	
	margin: 0;
	font-size: 11px;
	}
#navigation_kotimaa2_2 {
	float:	left;
	width: 110px;	
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 11px;
	}	
#navigation_kotimaa2_3 {
	float:	right;
	width: 60px;	
	margin: 0 20px 0 0;	
	padding: 5px 0 0 0;
	font-size: 11px;
	text-align:right;
	}	

#navigation_kotimaa_hae ul {
  	list-style:none;
  	margin: 0 0 0 0;
  	padding: 0;
	}

#navigation_kotimaa_hae li {
	display: inline;
	font-weight:bold;
	margin: 0 0 0 155px;
	padding: 0;
	text-decoration: none;
}

#navigation_kotimaa_hae a:link, 
#navigation_kotimaa_hae li a:visited  {
  	font-size: 12px;
  	color: #FFFFFF;
  	background-color:#69aa19;
	padding: 0 21px 0 21px;
	text-decoration: none;	
	border: 1px;
	border-style:solid;
	border-color:#666666;
	}

#navigation_kotimaa_hae a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #FFFFFF;
	}		


#navigation_kotimaa3 ul {
  	list-style:none;
  	margin: 0 0 0 0;
  	padding: 0;
	}

#navigation_kotimaa3 li {
	display: inline;
	font-weight:bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#navigation_kotimaa3 a:link, 
#navigation_kotimaa3 li a:visited  {
  	font-size: 12px;
  	color: #FFFFFF;
  	background-color:#69aa19;
/*	padding: 0 21px 0 21px;  */
	padding: 0 13px 0 13px; /*muutettu 24.6.2013 TS */
	text-decoration: none;	
	border: 1px;
	border-style:solid;
	border-color:#666666;
	}

#navigation_kotimaa3 a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #FFFFFF;
	}		
	
#navigation_kotimaa hr{
	border: 0;
	color: #666666;
	background-color: #666666;
	height: 1px;
	width: 220px; /*lisatty 5.7.2013 TS*/
	margin: 4px 20px 4px 0; 
	padding: 0 0 0 0;  /*lisatty 4.7.2013 TS*/
	}	
	
#navigation_kotimaa4 a:link, 
#navigation_kotimaa4 a:visited  {
  	font-size: 12px;
  	color: #000000;
  	text-decoration: underline;
	}

#navigation_kotimaa4 li a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #000000;
	}	
	
/*omat asetukset sivun navigointi*/
#navlinks li	{
	list-style: none;
	margin: 0;
	display: inline;
}
#navlinks	{
	padding: 4px 0 4px 0;
	margin-left: 0;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
#navlinks li a	{
	padding: 4px 0.5em 4px 0.5em;
	margin-left: 4px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #CCC;
	text-decoration: none;
	color: #333;

}
 
#navlinks li a:hover {
	color: #000000;
}


body#omatasetukset1 #navlinks li#oletusvalinta a	{
	background: #FFF;
	border-color: #ccc;
	color: #333;
	border-bottom: 1px solid white;
}	
	
body#omatasetukset2 #navlinks li#omattiedot a	{
	background: #FFF;
	border-color: #ccc;
	color: #333;
	border-bottom: 1px solid white;
}		
	
body#omatasetukset3 #navlinks li#salasananvaihto a	{
	background: #FFF;
	border-color: #ccc;
	color: #333;
	border-bottom: 1px solid white;
}	
	

/*menun tyylit*/	
#sidebar	{
	float:left;
	width: 225px;
    margin: 20px 0 20px 0;
	padding: 2px 10px 2px 2px; 
    color: #000000; 
	border-right: 1px;
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
	border-style:solid;
	border-color:#00a2c0;
	}
	
/*oikean reunan tyyli*/	
#sidebar_right	{
	float:left;
	width: 225px;
    margin: 35px 0 20px 0;
	padding: 2px 10px 2px 2px; 

 	}
	
#sidebar_right a:link, 
#sidebar_right a:visited  {
  	font-size: 12px;
  	padding:  0;
	color: #000000; 
	text-decoration: underline;
	}

#sidebar_right a:hover {
  	text-decoration: underline;
	}		
	
	
/*keskiosan tyylit*/


/*login*/	
#login	{
	float:left;
	width: 550px;
    margin: 20px 20px 20px 200px;
	padding: 20px 20px 20px 20px; 
	border:	1px solid #999999;	
	}


/*etusivu*/	
#maincontent	{
	float:left;
	width: 500px; 
	margin: 0 0 20px 20px;
	padding: 2px 2px 2px 2px; 
    color: #000000; 
	}
	
	
#maincontent a:link, 
#maincontent a:visited, 
#maincontent_kotimaa a:link, 
#maincontent_kotimaa a:visited  {
  	font-size: 12px;
  	padding:  0;
 /*   color: #000000;  */
  	text-decoration: underline;
	}

#maincontent a:hover,
#maincontent_kotimaa a:hover {
	font-size: 12px;
  	text-decoration: underline;
	}
	
#maincontent p img  {
  	padding:  0 5px 0 0;
	}
	
#tiedotteet a:link, 
#tiedotteet a:visited  {
  	font-size: 12px;
  	padding:  0;
    color: #000000;
  	text-decoration: underline;
	}

#tiedotteet h2 a:link, 
#tiedotteet h2 a:visited  {
  	padding:  0;
  	text-decoration:none;
	color: #00a2c0;
	font-size:14px;
	text-decoration: bold;
	}

#tiedotteet a:hover {
	font-size: 12px;	
  	text-decoration: underline;
	}			

#tiedotteet h2 a:hover {
	font-size:14px;	
  	text-decoration: underline;
	}
	
#tiedotteet p {
	font-size:10px;
	padding: 0 0 0 0;
	}	
	
#tiedotteet h2{
	margin: 20px 0 5px 0;
	}	

#tiedotteet2 {
	padding: 5px 5px 5px 5px;
	margin:  0px 10px 0px 0px;
	border-right: 1px;
	border-left: 1px;
	border-top: 1px;
	border-bottom: 1px;
	border-style:solid;
	border-color:#00a2c0;
	background-color: #ffffff;
	}
	
/*kotimaa*/
#maincontent_kotimaa	{
	position:relative;
	float:left;
	/* width: 820px; */
    width: 750px; /*muutettu 2.10.2013 TS*/ 
	margin: 0 0 20px 20px;
	padding: 0 2px 2px 2px; 
        color: #000000; 
	}	
/*
#maincontent_kotimaa_mame {
	position:relative;
	float:left;
	width: 1050px;
	margin: 0 0 20px 20px;
	padding: 0 2px 2px 2px;
	color: #000000;
	} */
	
#maincontent_kotimaa_ark	{
	position:relative;
	float:left;
	/* width: 820px; */
    width: 650px; /*muutettu 2.10.2013 TS*/ 
	margin: 0 0 0px 0px;
	padding: 0 0px 0px 0px; 
        color: #000000; 
	}	


#maincontent_kotimaa p#right	{
	float:right;
	}		

/*vihrea painike*/
#maincontent_kotimaa_valinta1 ul {
	float:right;
  	list-style:none;
  	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
	}

#maincontent_kotimaa_valinta1 li {
	display: inline;
	font-weight:bold;
	background-color:#69aa19;
	margin: 0 0 0 5px;
	padding: 1px 20px 1px 1px;
	text-decoration: none;	
	border: 1px;
	border-style:solid;
	border-color:#666666;
}

#maincontent_kotimaa_valinta1 li a:link,
#maincontent_kotimaa_valinta1 li a:visited  {
  	font-size: 12px;
  	padding: 1px 0 0 20px;
  	color: #FFFFFF;
  	text-decoration: none;
	}

#maincontent_kotimaa_valinta1 li a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #FFFFFF;
	}
	
/*harmaa painike*/	
#maincontent_kotimaa_valinta2 ul {
	float:right;
  	list-style:none;
  	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
	}

#maincontent_kotimaa_valinta2 li {
	display: inline;
	font-weight:bold;
	background-color:#999999;
	margin: 0 0 0 10px;
	padding: 2px 20px 2px 2px;
	text-decoration: none;	
	border: 1px;
	border-style:solid;
	border-color:#666666;
}

#maincontent_kotimaa_valinta2 li a:link,
#maincontent_kotimaa_valinta2 li a:visited  {
  	font-size: 12px;
  	padding: 1px 0 0 20px;
  	color: #FFFFFF;
  	text-decoration: none;
	}

#maincontent_kotimaa_valinta2 li a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #FFFFFF;
	}	
	
		
/*vihrea painike*/
#maincontent_kotimaa_valinta3 ul {
	float:left;
  	list-style:none;
  	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
	}

#maincontent_kotimaa_valinta3 li {
	display: inline;
	font-weight:bold;
	background-color:#69aa19;
	margin: 0 0 0 5px;
	padding: 2px 20px 2px 2px;
	text-decoration: none;	
	border: 1px;
	border-style:solid;
	border-color:#666666;
}

#maincontent_kotimaa_valinta3 li a:link,
#maincontent_kotimaa_valinta3 li a:visited  {
  	font-size: 12px;
  	padding: 1px 0 0 20px;
  	color: #FFFFFF;
  	text-decoration: none;
	}

#maincontent_kotimaa_valinta3 li a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #FFFFFF;
	}		
		
#maincontent_vieritys	{		
	/*height:800px;*/
	weight: auto; 
	/*overflow:auto;*/
	overflow:hidden;  
	overflow-x:hidden;
    	color: #000000; 
	background-color:#FFFFFF;
/*	border-bottom: 1px;
	border-top: 1px;
	border-left: 0;
	border-right: 1px;
	border-style:solid;
	border-color:#666666; *//*muutettu 7.8.TS*/
	}
		

#maincontent_raportti	{	
	overflow-x:hidden;
    margin: 0 0 0 0;
	padding: 5px 20px 5px 5px; ////lis�tty 
    color: #000000; 
	background-color:#FFFFFF;
	border: 1px;
	border-style:solid;
	border-color:#666666;
	}

#maincontent_raportti_sisa	{
    margin: 0 0 10px 0;
	padding: 5px 15px 5px 15px;
    color: #000000; 
	background-color:#FFFFFF;
	border: 1px;
	border-style:solid;
	border-color:#00a2c0;
	}

#maincontent_raportti_sisa	p#right_sisa{
	text-align:right;	
	}
	
#maincontent_raportti_sisa	div#right_sisa{
	text-align:right;
	padding: 5px 0 0 0;	
	}	

#maincontent_raportti_sisa	h1{
    color: #00a2c0;
	font-size:16px;
	text-decoration: bold;
	border-bottom: 2px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style:solid;
	border-color:#00a2c0;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	}	
	
	
#maincontent_raportti_ark	{	
	overflow-x:hidden;
    margin: 0 0 0 0;
	padding: 5px 5px 5px 5px; ////lis�tty 
    color: #000000; 
	background-color:#FFFFFF;
	border: 0px;
	border-style:solid;
	border-color:#666666;
	}

#maincontent_raportti_sisa_ark	{
    margin: 0 0 0px 0;
	padding: 5px 5px 5px 5px; 
    color: #000000; 
	background-color:#FFFFFF;
	border: 0px;
	border-style:solid;
	border-color:#00a2c0;
	}

#maincontent_raportti_sisa_ark	p#right_sisa{
	text-align:right;	
	}
	
#maincontent_raportti_sisa_ark	div#right_sisa{
	text-align:right;
	padding: 5px 0 0 0;	
	}	

#maincontent_raportti_sisa_ark	h1{
    color: #00a2c0;
	font-size:16px;
	text-decoration: bold;
	border-bottom: 2px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-style:solid;
	border-color:#00a2c0;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	}
	
#maincontent_kokosivu	{
	position:relative;
	float:left;
	width: 1000px;
    margin: 0 0 20px 20px;
	padding: 10px 10px 10px 10px; 
    color: #000000;
	background-color: #ffffff; 
	}		

#maincontent_omatasetukset	{	

	overflow-x:hidden;
    margin: 0 0 0 0;
	padding: 15px 15px 15px 15px; 
    color: #000000; 
	background-color:#FFFFFF;
	border: 1px;
	border-style:solid;
	border-color:#666666;
	}
	
	
/*yleisiä tyylimäärityksiä*/

h1{
    color: #000000;
	font-size:20px;
	text-decoration: bold;
	} 	
	
h2{
	color: #00a2c0;
	font-size:14px;
	text-decoration: bold;
	} 

h3{				/*lisatty 25.6.2013 TS*/
    color: #000000;
	font-size:14px;
	text-decoration: bold;
	} 	

	
hr{
	border: 0;
	color: #999999;
	background-color: #999999;
	height: 1px;
	margin: 4px 20px 4px 0; 
	}	
	
#henkilovalinta hr{
	border: 0;
	color: #999999;
	background-color: #999999;
	height: 1px;
	margin: 0 0 0 0; 
	}		
	
#t1{	font-size: 12px; color:#F00;	}	
#t2{	color:#006600;	}	
#t3{	font-size: 10px;	}	
#t4{	text-decoration:underline;	}
#t5{	color:#ff0000;	}		

#t_MHL0{	color:#006600;}
#t_MHL1{	color:#009900;}
#t_MHL2{	color:#ff6600;}
#t_MHL3-4{	color:#ff0000;}

#t_aaa{	color:#006600;}
#t_aaplus{	color:#009900;}
#t_aa{	color:#99cc00;}
#t_aplus{	color:#ff9900;}
#t_a{	color:#ff6600;}
#t_b{	color:#ff0000;}
#t_c{	color:#ff0033;}

	
#new{
	color: #FF0000;
	}
	
#right{
	float: right; 
	}
	
#center{
	text-align:center;
	}			

#sisennys_1{
	padding: 5px 0 10px 10px;
	}	
	
#padding_2{
	padding: 0 0 5px 0;
	}

#padding_3{
	padding: 0 0 0 10px;
	}	
	
#padding_4{
	padding: 5px 0 0 0;
	}	
	
#padding_5{
	padding: 0 10px 0 10px;
	}			
	
#width_1{
	float: left;
/*	width: 155px; */
	width: 167px;  /*muutettu 24.6.2013 TS */
	}	

/*raporttien palstat*/

/* palstat */	  

#raportti_palsta_5p {
	float:	left;
	width: 5%;	
	margin: 0 0 0 0;
	} 

#raportti_palsta_10p {
	float:	left;
	width: 10%;	
	margin: 0 0 0 0;
	} 

#raportti_palsta_12p {
	float:	left;
	width: 12%;	
	margin: 0 0 0 0;
	} 

#raportti_palsta_15p {
	float:	left;
	width: 15%;	
	margin: 0 0 0 0;
	} 
	
#raportti_palsta_15p_right {
	float:	left;
	text-align:right;
	width: 15%;	
	padding: 1px 0 0 0;
	} 	
	
#raportti_palsta_15p_right_grey {
	float:	left;
	text-align:right;
	width: 15%;	
	padding: 1px 0 0 0;
    background-color: #e8e8e8;
	}	
	
#raportti_palsta_16p {
	float:	left;
	width: 16%;	
	padding: 0 0 0 0;
	}
	
#raportti_palsta_20p {
	float:	left;
	width: 20%;	
	padding: 0 0 0 0;
	} 
	
#raportti_palsta_20p_right {

	float:	right;
	text-align:right;	
	width: 20%;	
	padding: 0 0 0 0;
	} 	

#raportti_palsta_20p_2 {
	float:	left;
	width: 20%;	
	padding: 5px 0 0 0;
	} 
	
#raportti_palsta_22p {
	float:	left;
	width: 22%;	
	padding: 0 0 0 0;
	} 	
	
#raportti_palsta_22p_right {
	float:	left;
	text-align:right;	
	width: 22%;	
	padding: 1px 0 0 0;
	} 	
	
#raportti_palsta_22p_right_grey {
	float:	left;
	text-align:right;
	width: 22%;	
	padding: 1px 0 0 0;
    background-color: #e8e8e8;
	}	 	 

#raportti_palsta_25p {
	float:	left;
	width: 25%;	
	padding: 0 0 0 0;
	} 
	
#raportti_palsta_25p_right {
	float:	left;
	text-align:right;
	width: 25%;	
	padding: 0 0 0 0;
	} 	
	
	
#raportti_palsta_25p_right_grey {
	float:	left;
	text-align:right;
	width: 25%;	
	padding: 1px 0 0 0;
    background-color: #e8e8e8;
	}		
	
	
#raportti_palsta_30p {
	float:	left;
	width: 30%;	
	padding: 0 0 0 0;
	}  	
	
#raportti_palsta_35p {
	float:	left;
	width: 35%;
	padding: 0 0 0 0;
	}  		
	
#raportti_palsta_40p {
	float:	left;
	width: 40%;	
	padding: 0 0 0 0;
	}  	
	
#raportti_palsta_50p {
	float:	left;
	width: 48%;	
	padding: 0 0 0 0;
	}  	
	
#raportti_palsta_55p {
	float:	left;
	width: 55%;	
	padding: 0 0 0 0;
	} 
	
#raportti_palsta_60p {
	float:	left;
	width: 60%;	
	padding: 0 0 0 0;
	} 
	
#raportti_palsta_60p_2 {
	float:	left;
	width: 60%;	
	padding: 5px 0 0 0;
	} 	

#raportti_palsta_65p {
	float:	left;
	width: 65%;	
	padding: 0 0 0 0;
	}

#raportti_palsta_70p {
	float:	left;
	width: 70%;	
	padding: 0 0 0 0;
	} 	
	
#raportti_palsta_75p {
	float:	left;
	width: 75%;	
	padding: 0 0 0 0;
	} 	
	
#raportti_palsta_75p_2 {
	float:	left;
	width: 75%;	
	padding: 5px 0 0 0;
	}  	
	
#raportti_palsta_90p {
	float:	left;
	width: 90%;	
	padding: 0 0 0 0; 
	}

#raportti_palsta_90p_right {
        float: left;
	text-align:right;        
	width: 90%;
        padding: 0 0 0 0;
        }

#raportti_palsta_95p {
	float:	left;
	width: 95%;	
	padding: 0 0 0 0; 
	}

#raportti_palsta_98p {
	float:	left;
	width: 98%;	
	padding: 0 0 0 0; 
	}

	
	
#raportti_palsta_145 {
	float:	right;
	width: 145px;	
	margin: 0 0 0 0;
	text-align:right;	
	}	

	
#palsta_style_01 { 
   background-color: #9e9e9e;
   padding: 3px 0 3px 2px;
   margin-right: 1px;
   color:#ffffff;
   font-weight:bold;
   }
   
#palsta_style_02 { 
   background-color: #e8e8e8;
   padding: 3px 0 3px 0;
   margin-right: 1px;
   color:#000000;   
   } 
#palsta_style_03 { 
   background-color: #ffffff;
   padding: 3px 0 3px 0;
   margin-right: 1px;
   color:#000000;   
   }
#palsta_style_04 { 
   background-color: #e8e8e8;
   padding: 3px 0 3px 0;
   margin-right: 1px;
   color:#000000;
   font-weight:bold;   
   } 
#palsta_style_05 { 
   background-color: #ffffff;
   padding: 3px 0 3px 0;
   margin-right: 1px;
   color:#000000;   
   font-weight:bold;     
   }   
#palsta_style_06 { 
   background-color: #e8e8e8;
   padding: 5px 0 5px 0;
   margin-right: 1px;
   color:#000000;   
   }  
#palsta_style_07 { 
   background-color:#ffffff;
   padding: 4px 0 4px 0;
   margin-right: 1px;
   color:#000000;   
   } 
   
#palsta_style_08 { 
   background-color: #e8e8e8;
   padding: 3px 0 3px 0;
   margin-right: 1px;
   margin-bottom: 1px;
   color:#000000;   
   } 
   
#palsta_style_09 { 
   background-color: #e8e8e8;

   padding: 3px 0 3px 0;
   margin-right: 2px;
   margin-bottom: 15px;
   color:#000000;   
   }                   
	

/*taulukkojen tyyli*/

#taulukko td {
	border-bottom: 1px solid #00A2C0;	
	border-left: 1px solid #00A2C0;	
	font-size: 12px; 
	padding: 3px;	
	text-align: right;
    }
#taulukko .leftoff {
	border-left: 0;	
	text-align: left;
	}
#taulukko .leftoff_2 {
	border-left: 0;	
	text-align: right;
	}	
#taulukko .bottomoff {
	border-bottom: 0;	
	}
#taulukko .border_off {
	border: 0;	
}
#taulukko .border_off_2 {
	text-align: left;
	border: 0;
}
#taulukko .border_off_3 {
	text-align: right;
	border: 0;
}
#taulukko td.firstline {
	border-left: 1px solid #546883;	
	padding: 0 3px 0 3px; 
	text-align: right; 
	font-weight: bold;
	}
#taulukko .right {
	text-align: right;
}	
#taulukko .left {
	text-align: left;
}

	
#taulukko1 td {
	font-size: 12px; 
	padding: 3px; 	
	text-align: left;
	border-bottom: 5px solid #ffffff;	
    }
	
#taulukko1 a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #666666;
	}		
	
	
#otsikko1 {
	font-size: 12px; 
	padding: 3px; 	
	text-align: left;
	color:#FFF;
	font-weight: bold;
    }
	
	
	
#taulukko2 td {
	border-bottom: 1px solid #00A2C0;	
	border-left: 1px solid #00A2C0;	
	font-size: 12px; 
	padding: 3px;	
	text-align: left;
    }
#taulukko2 .leftoff {
	border-left: 0;	
	text-align: left;
	}
#taulukko2 .leftoff_center {
	border-left: 0;	
	text-align: center;
	}	
#taulukko2 .bottomoff {
	border-bottom: 0;	
	}
#taulukko2 .border_off {
	border: 0;	
	}
#taulukko2 td.firstline {
	border-left: 1px solid #546883;	
	padding: 0 3px 0 3px; 
	text-align: left; 
	font-weight: bold;
	}
#taulukko2 td.righton{
	border-right: 1px solid #00A2C0;
}

#taulukko2 td.otsikkoesg{
	border-top: 1px solid #00A2C0;
}

#taulukko3 td {
	border-bottom: 1px solid #00A2C0;	
	border-left: 1px solid #00A2C0;	
	font-size: 12px; 
	padding: 3px;	
	text-align: left;
    }
	
#taulukko3 .firstline  {
	border-top: 1px solid #00A2C0;	
	font-size: 12px; 
	padding: 3px;	
	text-align: left;
    }
	
#taulukko3 .firstline_right  {
	border-top: 1px solid #00A2C0;	
	border-right: 1px solid #00A2C0;
	font-size: 12px; 
	padding: 3px;	
	text-align: left;
    }	
	
#taulukko3 .border_right  {
	border-right: 1px solid #00A2C0;	
	font-size: 12px; 
	padding: 3px;	
	text-align: left;
    }		
#taulukko3 .center {
	text-align: center;
	}
	
	
#taulukko4 td {
	font-size: 12px; 
	padding: 3px; 	
	text-align: left;
	border-bottom: 4px solid #ffffff;	
    }
	
#taulukko4 a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #666666;
	}		
	
	
#taulukko4esg td {
	font-size: 12px; 
	padding: 3px; 	
	text-align: left;
	border-bottom: 4px solid #ffffff;	
    }
	
#taulukko4esg a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #666666;
	}			

	
#taulukko5 td {
	font-size: 12px; 
	padding: 10px; 	
	text-align: left;
	border: 1px solid #00A2C0;	
    }
	
#taulukko5 td#valittu_ei {
	background-color:#ffcccc;
    }

#taulukko5 td#valittu_ehka {
	background-color:#ffffcc;
    }
	
#taulukko5 td#valittu_kylla {
	background-color:#ccffcc;
    }
	
#taulukko6 td {
	font-size: 12px; 
	padding: 3px; 	
	text-align: center;
	border-bottom: 4px solid #ffffff;	
    }
	
#taulukko6 a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #666666;
	}			
		
		
#taulukko7 td {
	font-size: 12px; 
	padding: 5px; 	
	text-align: left;
	border: 1px solid #00A2C0; 	
    }	
	
#taulukko7 td#otsikko {
	background-color:#eff2f2;
    }		
		
		
#taulukko8 table {
	padding: 5px; 	
	border: 1px solid #00A2C0; 
	background-color:#eff2f2;	
    }	
	
#taulukko8 table.noborder {
	padding: 5px; 	
	border: 0; 
	background-color:#eff2f2;	
    }	
	
#taulukko8 table.basic {
	padding: 10px; 	
	border: 1px solid #00A2C0; 
	background-color:#ffffff;	
    }	
	
#taulukko8 table.basic td {
	padding: 2px; 	
    }		
		
		
#taulukko8 table.noborderbasic {
	padding: 5px; 	
	border: 0; 
	background-color:#ffffff;	
    }			
	
#taulukko9 table {
	border: 1px solid #00A2C0; 
	background-color:#eff2f2;	
    }	

#taulukko9 td {
	font-size: 12px; 
	padding: 3px; 	
	text-align: left;
	border-bottom: 1px solid #00A2C0;
	background-color:#eff2f2;
    }
	
#taulukko9 a:hover {
	font-size: 12px;
  	text-decoration: underline;
  	color: #666666;
	}		
	
#taulukko9 td.otsikko1 {
	font-size: 12px; 
	padding: 3px; 	
	text-align: left;
	color:#FFF;
	font-weight: bold;
	background-color:#00A2C0;
    }			
	
#otsikko4 {
	font-size: 12px; 
	padding: 2px; 	
	text-align: left;
	color:#FFF;
	font-weight: bold;
    }	
		

.bgc-05 {    background-color: #ffffff;}
.bgc-06 {    background-color: #e8e8e8;}
.bgc-07 {    background-color:#999;}
.bgc-08 {    background-color:#bfe8ef;}
.bgc-12 {    background-color: #666666;}
.bgc-13 {    background-color: #9e9e9e;}




/*ostopainike*/
#painike td {
	border-bottom: 2px solid #5e6e4a;	
	border-right: 2px solid #5e6e4a;	
	border-top: 1px solid #cccccc;	
	border-left: 1px solid #cccccc;	
	font-size: 12px; 
	padding: 0px 5px 2px 5px;	
	text-align:right;
	text-decoration:none;
	background-color:#FFF;
    }
	
#painike a:link, 
#painike a:visited  {
  	font-size: 12px;
	color:#68a919;

	}

#painike a:hover {
	color:#5e6e4a;
	}	
	
	
#painike2{ 
	margin: 0 0 0 10px;
	}
	
	
#painike-palvelukori td {
	border-bottom: 2px solid #5e6e4a;	
	border-right: 2px solid #5e6e4a;	
	border-top: 1px solid #cccccc;	
	border-left: 1px solid #cccccc;	
	font-size: 12px; 
	padding: 2px 7px 4px 7px;	
	text-align:right;
	text-decoration:none;
	background-color:#00A2C0;
    }
	
#painike-palvelukori a:link, 
#painike-palvelukori a:visited  {
  	font-size: 12px;
	color:#fff !important; 
	text-decoration:none !important;

	}

#painike-palvelukori a:hover {
	color:#CCC;
	}	
		
	
#palvelukori_div { 
   background-color: #b5dde9;
   padding: 10px;
   margin: 0 10px 0 0;
   color:#000000;
   border-radius: 20px;
   } 
	
#t7 { 	font-size: 12px; }

/*footerin tyyli*/
#footer	{
	float: left;
	width: 1000px;
/*	background-color:#FFFFFF;  */ /*muutettu 2.10.2013 TS*/
	padding: 10px;
	}
	
#footer_text {
	font-size:12px;
	font-weight:bold;
	color: #000000;
	padding: 0 0 0 15px;
	}		

#footer a {
	font-size:12px;
	font-weight:normal;
	color: #000000;
	padding: 0 0 0 40px;
	}
	
#footer a {
	text-decoration:none;
	color: #000000;
	}	
	
#footer a:hover, a:active, a:focus { 
	text-decoration: underline;
	color: #000000;
    }	



/*sivun katkaisu, tätä on käytetty myös palstojen katkaisuun*/
.clearfloat	{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	}
	
	
.clearfloat_ark	{
	clear: both;
	}
	
#otsikkoyk6{	
    font-size:12px;
	color: #000000;
	text-align:center;
	position:relative;
	left:40px;
}  
#otsikkoyk7{	
    font-size:16px;
	color: #FFFFFF;
	text-align:center;
	position:relative;

}  
	
.ratingtausta {
  display: list-item;
  list-style-image: url('https://www.asiakastieto.fi/resources/sopimusasiakas/images/common/ratingtausta.png');
  list-style-position: inside;
 position: relative;
  width:346px;
  height:222px;
}

.ratingtausta_pylvaat {
    position:absolute;
    left: 50%; top: 51%; /*move the object to the center of the parent object*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*these 5 settings change the base (or registration) point of the wrapper object to it's own center - so we align child center with parent center*/
}

/*Yritysyhteydet taulukon tyylimääritykset*/
.yritysyhteydet {
	border-spacing: 0px;
}

.yritysyhteydetHeader {
  background-color: #9e9e9e;
  text-align: left;
  padding: 3px;
  margin-right: 1px;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}

.yritysyhteydetHenkilo {
  background-color: #e8e8e8;
  padding: 3px;
  margin-right: 1px;
  color: #000000;
  font-size: 12px;
}

.yritysyhteydetCell {
  font-size: 12px;
}

.taulukko7 td {
	font-size: 12px; 
	padding: 5px; 	
	text-align: left;
	border: 1px solid #00A2C0; 	
    }		

.taulukko7 td.otsikko {
	background-color:#eff2f2;
    }

#printBtn {
    display: inline !important;
}

#saveBtn {
    display: inline !important;
} 

#taulukko10 td {
	font-size: 12px; 
	padding: 0px; 	
	text-align: left;
	border-bottom: 5px solid #ffffff;	
    }	

#navigation li#pro {
    font-weight: bold;
    background-image: url(../images/common/menu_etusivu_harmaa.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 210px;
    height: 60px;

}


/* Tooltip container */
.tooltip2 {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.tooltip2 .tooltiptext2 {
	visibility: hidden;
	width: 200px;
	background-color: #FFF;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	border: 1px #C0C0C0 solid;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: -50px;
	left: 50%;
	margin-left: -60px;
}

.tooltip2:hover .tooltiptext2 {
	visibility: visible;
}

.raport table.esg_tarkastus {
	border-collapse: separate;
}

.raport table.esg_tarkastus table {
	border-collapse: separate;
}

.esgcheck_otsikko_yla {
	 font-size: 18px;
	 text-align: left;
	 color: #333333; 
	 padding:2px;
	 width: 80%;
}

.esgcheck_otsikko_kuva {
	width: 20%; 
	text-align:center; 
	height:50px; 
	padding-top:10px
}	


.esgbox {
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	box-sizing: border-box;
	border-radius: 6px;
	height: 235px;
	text-align:center;
}		

.esgcheck_active_value {
	padding-left:2px;
	font-size:16px;
}	

			
td.esg_column {
	width: 33%; 
	padding: 4px;
}