/* ******************* Alku focusa.css ******************- */

/* Alku Otsakeluokat */
.pag_top_lar    {
			color:#0052BD;
			font-size:1.5em;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	            }

.pag_top_med {
			color:#0052BD;
			font-size:1.3em;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }

.pag_top_sma  {
			color:#0052BD;
			font-size:1.1em;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }



.reg_top_whi_lar    {
			            color:#FFFFFF;
                     	font-size:1.30em; 
                     	font-family:Arial,sans-serif;
		            }

.reg_top_whi_med    {
			            color:#FFFFFF;
                     	font-size:1.20em; 
                     	font-family:Arial,sans-serif;
		            }
		  
.reg_top_whi_sma    {
			            color:#FFFFFF;
                     	font-size:1.10em; 
                     	font-family:Arial,sans-serif;
		            }



.reg_top_blu_lar    { 
			            color:#0052BD;
                     	font-size:1.30em; 
                     	font-family:Arial,sans-serif;
		            }
		        
.reg_top_blu_med    { 
			            color:#0052BD;
                     	font-size:1.25em; 
                     	font-family:Arial,sans-serif;
		            }
		        
.reg_top_blu_sma    { 
			            color:#0052BD;
                     	font-size:1.20em; 
                     	font-family:Arial,sans-serif;
		            }
/* Loppu Otsakeluokat */

/* Alku Tageja */

p {    font-weight: normal; color: black; font-family:Arial,sans-serif; 
       text-align:left;margin: 0px 30px 5px 10px;} 


h1 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.83em; }
x1 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.83em; }


h2 {	font-family: Arial, sans-serif; 
	color:#0052BD;
	font-size: 1.65em; }
x2 {	font-family: Arial, sans-serif; 
	color:#FF0000;
	font-size: 10em; }

h3 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.50em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}
x3 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.50em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}

h4 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.32em;
	margin-bottom:8px ;
	font-weight:bold;}
x4 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.32em;
	margin-bottom:8px ;
	font-weight:bold;}


h5 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.26em; 
	margin-top:10px;
	margin-bottom:3px;
	font-weight:bold;}
x5 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.26em; 
	margin-top:10px;
	margin-bottom:3px;
	font-weight:bold;}

h6 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.08em; 
	margin-top:3px;
    margin-bottom:2px;}
x6 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.08em; 
	margin-top:3px;
	margin-bottom:2px;
	font-weight:bold;}

/* Loppu Tageja */

div.guide {    font-weight: normal; color: black; font-family:Arial,sans-serif;
       text-align:left;vertical-align:top;margin: 0px 30px 10px 235px; font-size:0.88em; } 
div.report {    font-weight: normal; color: black; font-family:Arial,sans-serif;
       text-align:left;margin: 5px 30px 10px 5px; font-size:0.85em;width:200px; } 

.example
{	font-family: Arial, sans-serif; 
	font-size: 1em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none}



.guide_margin { float: left; width:200px;height:600px;background:#99AAFF;
font-family:Arial,sans-serif;font-size:0.8em;margin-left:10px;}

.guide_margin_gr { float: left; width:200px;height:600px;background:#66FFBB;
font-family:Arial,sans-serif;font-size:0.8em;margin-left:10px;}


.guide_inside_text {background:#FFFFFF;border-width:thin;border-color:#335099;font-size:0.84em;font-family:Arial,sans-serif;
border-style:solid;margin-left:40px;margin-right:80px; margin-top:50px;padding-left:10px;
padding-right:10px;padding-bottom:10px;}

.guide_inside_text_2 {background:#FFFFFF;border-width:thin;border-color:coral;font-size:0.83em;font-family:Arial,sans-serif;
border-style:solid;margin-left:40px;margin-right:80px; margin-top:20px;padding-left:10px;
padding-right:10px;padding-bottom:10px;}


.guide_margin_box { margin:7px;background:#4077FF;border-width:thin;border-style:outset;
	border-color:#FFFFFF; color:#FFFFFF;text-align:left; padding:5px;}

.guide_margin_text {margin:7px;background:#FFFFFF;border-width:thin;border-style:solid;}

.report_inside_text {background:#FFFFFF;border-width:thin;border-color:#335099;font-family:Arial,sans-serif;
border-style:solid;margin-left:10px;margin-right:10px; margin-top:20px;padding-top:1px;font-size:0.9em;
	color:#335099;border-color:#335099;}

.report_margin_text {margin:7px;background:#FFFFFF;border-width:thin;border-style:solid;
	border-color:#335099;}

.report_margin { float: left; width:200px;height:600px;background:#99CCFF;
font-family:Arial,sans-serif;font-size:0.8em;}

.report_guide_top { font-family:Arial,sans-serif;font-size:0.8em;
          margin-right:80px;margin-left:10px;width:380px; height:70px; }

.report_margin_box { margin:7px;background:#335099;border-width:thin;border-style:outset;
	border-color:#FFFFFF;height:50px; color:#FFFFFF;text-align:center;}



blockquote {margin:15px}

.page_upper_text { margin:1px;background:#9999FF;border-width:thin;border-style:outset;
	border-color:#FFFFFF;height:40px; color:#FFFFFF;text-align:left;}

.horizontal {
float: left;
list-style: none;
margin: 10px;
}

.remark
{	font-family: Arial, sans-serif; 
	font-size: 1em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_little
{	font-family: Arial, sans-serif; 
	font-size: 0.88em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_text_little {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.88em; 
		margin-left:8px;
	     }


.remark_medium
{	font-family: Arial, sans-serif; 
	font-size: 0.91em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_text_medium {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.95em; 
		margin-left:8px;
	     }



.gup {
		font-family: Arial, sans-serif; 
		color:red; 
		font-size:2em; 
	     }



.text_little {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.82em; 
	     }

.text_medium {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.95em; 
	     }

.text	{
	font-family: Arial, sans-serif; 
	color:black; 
	font-size:1em; 
	}


.text_little_red {
		font-family: Arial, sans-serif; 
		color:#CC0000; 
		font-size:0.82em; 
	     }


.text_medium_red {
		font-family: Arial, sans-serif; 
		color:#CC0000; 
		font-size:0.95em; 
	     }

.text_red	{
	font-family: Arial, sans-serif; 
	color:#CC0000; 
	font-size:1em; 
	}


.text_little_blue {
		font-family: Arial, sans-serif; 
		color:#335099; 
		font-size:0.82em; 
	     }

.text_medium_blue {
		font-family: Arial, sans-serif; 
		color:#335099; 
		font-size:0.95em; 
	     }

.text_blue { color:#335099;
                     font-size:1em; 
                     font-family:Arial,sans-serif;
		     }

.text_bold_blue { color:#0A122A;
                     font-size:1.05em; 
                     font-family:Arial,sans-serif;
		     font-weight:bold;
		     }

.text_blue_bold	{
	font-family: Arial, sans-serif; 
	color:#335099; 
	font-size:1.05em;
	font-weight:bold; 
	}


.text_medium_white {
			font-family: Arial, sans-serif; 
			color:white; 
			font-size:0.95em; 
	    	    }


.text_help 	    { 	color:#335099;
                     	font-size:1em; 
                     	font-family:Arial,sans-serif;
		    }



.field_label 	    {	color:#335099;
			font-family: Arial, sans-serif;
			font-weight:bold;
			font-size: 0.95em;
			text-decoration:none;
	     	    }

.pag_top_lar    {
			color:#0052BD;
			font-size:250%;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	            }

.pag_top_med {
			color:#0052BD;
			font-size:180%;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }

.pag_top_sma  {
			color:#0052BD;
			font-size:120%;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }

.region_topic_white {
			color:#FFFFFF;
                     	font-size:1.25em; 
                     	font-family:Arial,sans-serif;
		    }



region_topic_blue  { 
			color:#0052BD;
                     	font-size:1.35em; 
                     	font-family:Arial,sans-serif;
                     	font-weight:bold;
		    }

.home_middle {	  valign="top" height="371px"}


.empty_paragraph { height:80px;}

.top_lbl {	font-family: Arial, sans-serif; 
	color:#335099; 
	font-size: 1.40em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}

div.pic_icon {float:left;width:140px;height:130px;margin:5px;}

div.text_part {	vertical-align:middle;height:77px;margin-left:170px;color:#335099;margin-right:23px;
		margin-top:20px;font-size:1.15em; font-family:Arial, sans-serif; padding:10px;
		background:#FFFFFF;border-width:1px;border-color:#335099;border-style:solid;}



a:link 	    {
		font-family: Arial, sans-serif; 
		font-size: 1em; 
		font-weight:normal;
		color:#0052BD;
		text-decoration:none;	
	    }

a:visited {	font-family: Arial, sans-serif; 
	   	font-size: 1em; 
		font-weight:normal;
	   	color:#335099;
	   	text-decoration:underline;}

a:hover {	font-family: Arial, sans-serif; 
	 	font-size: 1em; 
		color:#CC0000;
		text-decoration:none; }


a img {	border: none; } 
img {	margin:3px}



a.nav:link {color: blue; text-decoration: underline; }
a.nav:visited {color: purple; text-decoration: underline; }
a.nav:hover {color: dark_blue; text-decoration: none; }

.navi { text-align:center;font-family: Arial, sans-serif;text-decoration:none;	font-size:0.8em;}
.navi_blue { font-family: Arial,sans-serif; color:#335099;sans-serif;text-decoration:none;	font-size:0.8em;}
.navi_home {font-family: Arial, sans-serif;text-decoration:none;font-size:0.8em;color:#CC0000; }

ul.bullet_blue {list-style-image: url(https://www.dianti.fi/cache_images/bullet_blue_10.png);
margin-left:20px; margin-right:20px;  }

ol.ok_blue {list-style-image: url(https://www.dianti.fi/cache_images/ok_blue_14.png);
margin-left:20px; margin-right:20px; }

.haku_huomautus 
{
<p>
<span class="remark">Huomautus: </span>
<div style="font-size:0.9em;margin-left:16px;">
Voit vapaasti:
<ol class="ok_blue">
<li><span class="text_medium">K�ytt�� kaikkia hakuraportin toimintoja, kuten esimerkiksi lis�suodattimia.</span></li>
<li><span class="text_medium">Asettaa suodattimen p��lle/pois (Enable/Disable) rastiruudusta </span></li>
<li><span class="text_medium">Rakentaa omia hakuraportteja. <a href=
"javascript:popupURL('f?p=339:49:&SESSION.')","_blank" title="Focusan Hakuraportti on monipuolinen kysely- ja raporttij�rjestelm�">Katso t�st� ohje  </a>
</span>
</li>
</ol>
</div>
</p>
}

<!-- Loppu focusa.css -->
<!-- ---------------------------------Alku foc.css --------------------- -->




div.guide {    font-weight: normal; color: black; font-family:Arial,sans-serif;
       text-align:left;vertical-align:top;margin: 0px 30px 10px 235px; font-size:0.88em; } 
div.report {    font-weight: normal; color: black; font-family:Arial,sans-serif;
       text-align:left;margin: 5px 30px 10px 5px; font-size:0.85em;width:200px; } 

.example
{	font-family: Arial, sans-serif; 
	font-size: 1em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none}



.guide_margin { float: left; width:200px;height:600px;background:#99AAFF;
font-family:Arial,sans-serif;font-size:0.8em;margin-left:10px;}

.guide_margin_gr { float: left; width:200px;height:600px;background:#66FFBB;
font-family:Arial,sans-serif;font-size:0.8em;margin-left:10px;}


.guide_inside_text {background:#FFFFFF;border-width:thin;border-color:#335099;font-size:0.84em;font-family:Arial,sans-serif;
border-style:solid;margin-left:40px;margin-right:80px; margin-top:50px;padding-left:10px;
padding-right:10px;padding-bottom:10px;}

.guide_inside_text_2 {background:#FFFFFF;border-width:thin;border-color:coral;font-size:0.83em;font-family:Arial,sans-serif;
border-style:solid;margin-left:40px;margin-right:80px; margin-top:20px;padding-left:10px;
padding-right:10px;padding-bottom:10px;}


.guide_margin_box { margin:7px;background:#4077FF;border-width:thin;border-style:outset;
	border-color:#FFFFFF; color:#FFFFFF;text-align:left; padding:5px;}

.guide_margin_text {margin:7px;background:#FFFFFF;border-width:thin;border-style:solid;}

.report_inside_text {background:#FFFFFF;border-width:thin;border-color:#335099;font-family:Arial,sans-serif;
border-style:solid;margin-left:10px;margin-right:10px; margin-top:20px;padding-top:1px;font-size:0.9em;}

.report_margin_text {margin:7px;background:#FFFFFF;border-width:thin;border-style:solid;
	border-color:#335099;}

.report_margin { float: left; width:200px;height:600px;background:#99CCFF;
font-family:Arial,sans-serif;font-size:0.8em;}

.report_guide_top { font-family:Arial,sans-serif;font-size:0.8em;
          margin-right:80px;margin-left:10px;width:380px; height:70px; }

.report_margin_box { margin:7px;background:#335099;border-width:thin;border-style:outset;
	border-color:#FFFFFF;height:50px; color:#FFFFFF;text-align:center;}


h1 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.83em; }


h2 {	font-family: Arial, sans-serif; 
	color:#0052BD;
	font-size: 1.65em; }


h3 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.50em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}


h4 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.32em;
	margin-bottom:8px ;
	font-weight:bold;}

h5 {	font-family: Arial, sans-serif; 
	color:#0052BD; 
	font-size: 1.26em; 
	margin-top:10px;
	margin-bottom:3px;
	font-weight:bold;}




.page_upper_text { margin:1px;background:#9999FF;border-width:thin;border-style:outset;
	border-color:#FFFFFF;height:40px; color:#FFFFFF;text-align:left;}

.horizontal {
float: left;
list-style: none;
margin: 10px;
}

.remark
{	font-family: Arial, sans-serif; 
	font-size: 1em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_little
{	font-family: Arial, sans-serif; 
	font-size: 0.88em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_text_little {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.88em; 
		margin-left:8px;
	     }


.remark_medium
{	font-family: Arial, sans-serif; 
	font-size: 0.91em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_text_medium {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.95em; 
		margin-left:8px;
	     }



.gup {
		font-family: Arial, sans-serif; 
		color:red; 
		font-size:2em; 
	     }



.text_little {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.82em; 
	     }

.text_medium {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.95em; 
	     }

.text	{
	font-family: Arial, sans-serif; 
	color:black; 
	font-size:1em; 
	}


.text_little_red {
		font-family: Arial, sans-serif; 
		color:#CC0000; 
		font-size:0.82em; 
	     }


.text_medium_red {
		font-family: Arial, sans-serif; 
		color:#CC0000; 
		font-size:0.95em; 
	     }

.text_red	{
	font-family: Arial, sans-serif; 
	color:#CC0000; 
	font-size:1em; 
	}


.text_little_blue {
		font-family: Arial, sans-serif; 
		color:#335099; 
		font-size:0.82em; 
	     }

.text_medium_blue {
		font-family: Arial, sans-serif; 
		color:#335099; 
		font-size:0.95em; 
	     }

.text_blue { color:#335099;
                     font-size:1em; 
                     font-family:Arial,sans-serif;
		     }

.text_bold_blue { color:#0A122A;
                     font-size:1.05em; 
                     font-family:Arial,sans-serif;
		     font-weight:bold;
		     }

.text_blue_bold	{
	font-family: Arial, sans-serif; 
	color:#335099; 
	font-size:1.05em;
	font-weight:bold; 
	}


.text_medium_white {
			font-family: Arial, sans-serif; 
			color:white; 
			font-size:0.95em; 
	    	    }


.text_help 	    { 	color:#335099;
                     	font-size:1em; 
                     	font-family:Arial,sans-serif;
		    }


.field_label 	    {	color:#335099;
			font-family: Arial, sans-serif;
			font-weight:bold;
			font-size: 0.95em;
			text-decoration:none;
	     	    }


.region_topic_white {
			color:#FFFFFF;
                     	font-size:1.25em; 
                     	font-family:Arial,sans-serif;
		            }
		            
.region_topic_blue  { 
			            color:#0052BD;
                     	font-size:1.35em; 
                     	font-family:Arial,sans-serif;
                     	font-weight:bold;
		            }


.empty_paragraph { height:80px;}

.top_lbl {	font-family: Arial, sans-serif; 
	color:#335099; 
	font-size: 1.40em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}

div.pic_icon {float:left;width:140px;height:130px;margin:5px;}

div.text_part {	vertical-align:middle;height:77px;margin-left:170px;color:#335099;margin-right:23px;
		margin-top:20px;font-size:1.15em; font-family:Arial, sans-serif; padding:10px;
		background:#FFFFFF;border-width:1px;border-color:#335099;border-style:solid;}



a:link 	    {
		font-family: Arial, sans-serif; 
		font-size: 1em; 
		font-weight:normal;
		color:#0052BD;
		text-decoration:none;	
	    }

a:visited {	font-family: Arial, sans-serif; 
	   	font-size: 1em; 
		font-weight:normal;
	   	color:#335099;
	   	text-decoration:underline;}

a:hover {	font-family: Arial, sans-serif; 
	 	font-size: 1em; 
		color:#CC0000;
		text-decoration:none; }


a img {	border: none; } 
img {	margin:3px}



a.nav:link {color: blue; text-decoration: underline; }
a.nav:visited {color: purple; text-decoration: underline; }
a.nav:hover {color: dark_blue; text-decoration: none; }

.navi { text-align:center;font-family: Arial, sans-serif;text-decoration:none;	font-size:0.8em;}
.navi_blue { font-family: Arial,sans-serif; color:#335099;sans-serif;text-decoration:none;	font-size:0.8em;}
.navi_home {font-family: Arial, sans-serif;text-decoration:none;font-size:0.8em;color:#CC0000; }

ul.bullet_blue {list-style-image: url(https://www.dianti.fi/cache_images/bullet_blue_10.png);
margin-left:20px; margin-right:20px;  }

ol.ok_blue {list-style-image: url(https://www.dianti.fi/cache_images/ok_blue_14.png);
margin-left:20px; margin-right:20px; }

.haku_huomautus 
{
<p>
<span class="remark">Huomautus: </span>
<div style="font-size:0.9em;margin-left:16px;">
Voit vapaasti:
<ol class="ok_blue">
<li><span class="text_medium">K�ytt�� kaikkia hakuraportin toimintoja, kuten esimerkiksi lis�suodattimia.</span></li>
<li><span class="text_medium">Asettaa suodattimen p��lle/pois (Enable/Disable) rastiruudusta </span></li>
<li><span class="text_medium">Rakentaa omia hakuraportteja. <a href=
"javascript:popupURL('f?p=339:49:&SESSION.')","_blank" title="Focusan Hakuraportti on monipuolinen kysely- ja raporttij�rjestelm�">Katso t�st� ohje  </a>
</span>
</li>
</ol>
</div>
</p>
}