body { padding:0px; margin:0px; overflow:auto; }

.ruutu  { width:720px; height:424px; } 
  
a {text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:13; color: white;}				
 
a:hover {text-decoration:none; color: orange;}

h1 {text-decoration:none; font-family: Arial, Verdana, sans-serif; font-size:13; font-weight: normal; color: orange;}

.td_even{
  background-color: #314964;

}

.td_none{
  background-color: #456380;

}

.chan_resize {
	min-width:200px;
	max-width:880px;
}
								
 h2 {font-family:Arial; font-size:11; font-weight: normal; margin: 0%; color: white; }	
 h3 {font-family:Arial; font-size:12; font-weight: normal; margin: 0%; color: white; }	



 		
span.viikonpaivat_v a {text-decoration:none; font-family:Arial; font-size:13; color: #CCFFCC;}
span.viikonpaivat_v a:hover {text-decoration:none; color: orange;}

	
span.viikonpaivat_p a {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13; color: pink;}		
span.viikonpaivat_p a:hover {text-decoration:none; color: orange;}

		
span.viikonpaivat_k a {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13; color: yellow;}		
span.viikonpaivat_k a:hover {text-decoration:none; color: orange;}



.taulu {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11; font-weight: normal; margin: 0%; color: white;}
 

span.lista,
span.lista a   		{font-family: Arial, Helvetica, sans-serif; font-size: 11; color: white;}		
span.lista a:hover  {color: orange;}

a.lista_sm			{font-family: Arial, Helvetica, sans-serif; font-size: 11; color: lightgray; }	
a.lista_sm:hover 	{color: orange; }
 
span.ajastettu,
span.ajastettu a		{font-family: Arial, Helvetica, sans-serif; font-size: 11; color: pink;}	
span.ajastettu a:hover 	{color: orange;}

span.menossa,
span.menossa a 			{font-family: Arial, Helvetica, sans-serif; font-size: 11; color: gray;}		
span.menossa a:hover 	{color: orange;}

span.menossa_sm,
span.menossa_sm a		{font-size: 11; color: yellow;}

span.menossa_sm a:hover  {color: orange;}

span.tallennettu,
span.tallennettu a		 {font-size: 11; color: lightgreen;}	
span.tallennettu a:hover {color: orange;}

 
span.katsottu a			{font-size: 11; color: orange;}
span.katsottu a:hover 	{color: orange;}


span.tallennettu_k1 a	{font-size: 11; color: lightgreen;}

span.tallennettu_k1 a:hover, 
span.tallennettu_k1 a:visited {color: orange;}
 
span.tallennettu_h3 a	{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: lightgreen;}	
span.tallennettu_h3 a:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}
 
span.katsottu_h3 a	{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}
span.katsottu_h3 a:hover 	{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}

span.menossa_h3 a	 {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: gray;}			
span.menossa_h3 a:hover  {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}

span.ajastettu_h3 a  {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: pink;}			
span.ajastettu_h3 a:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}

span.tulossa_h3 a  {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: white;}			
span.tulossa_h3 a:hover	{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}

span.tallennettu_k1_h3 a 	  {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: lightgreen;}	
span.tallennettu_k1_h3 a:visited  {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}
span.tallennettu_k1_h3 a:hover	  {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight: normal; margin: 0%; color: orange;}
 


.ohjelma_taulukon_pohja
  {

	margin:0; padding:0; width:100%; height:100%; overflow:hidden;

    background-image: url(background/09_tausta.jpg);
    background-size: 100%;
    background-origin: content;
  }


.logintext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #dae6ed;
}


.loginbox
{
	border: 1px solid #667a8f;
	background: #162538;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #ffffff;
}

.loginbox:hover
{
	border: 1px solid #b1b1c4;
	background: 284364;
	color: #dae6ed;
}

.nappi
{
	border: 1px solid #58636f;
	color:000028; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
}

.nappi:hover
{
	background-color: #d4e1ef;
}

.ajastus_nappi
{
	border: 1px solid #58636f;
	color:000028; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
}

.ajastus_nappi:hover
{
	background-color: #d4e1ef;
}

input.chan_button
{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 	 
	font-size:13; 
	color: white;
	background-color:#33506e;
	border-style:none;
	margin: 0 8px 0 8px;
}

input.chan_button_on
{
	color: orange;
}

input.chan_button:hover {text-decoration:none; color: orange;}

a:link  	img.loaded11_13    	{ background: url(../img/13x13_downloaded.png) no-repeat; }
a:visited	img.loaded11_13 	{ background: url(../img/13x13_downloaded.png) no-repeat; }
a:hover		img.loaded11_13 	{ background: url(../img/13x13_downloaded.png) no-repeat; }

a:link 		img.loaded10_13   	{ background: url(../img/13x13_download.png) no-repeat; }
a:visited 	img.loaded10_13 	{ background: url(../img/13x13_downloaded.png) no-repeat; }
a:hover		img.loaded10_13 	{ background: url(../img/13x13_downloaded.png) no-repeat; }

a:link 		img.loaded0_13 		{ background: url(../img/13x13_download.png) no-repeat; }
a:visited 	img.loaded0_13 		{ background: url(../img/13x13_download.png) no-repeat; }
a:hover		img.loaded0_13 		{ background: url(../img/13x13_downloaded.png) no-repeat; }

a:link 		img.loaded11_16    	{ background: url(../img/16x16_downloaded.png) no-repeat; }
a:visited 	img.loaded11_16 	{ background: url(../img/16x16_downloaded.png) no-repeat; }
a:hover		img.loaded11_16 	{ background: url(../img/16x16_downloaded.png) no-repeat; }

a:link 		img.loaded10_16     { background: url(../img/16x16_download.png) no-repeat; }
a:visited 	img.loaded10_16 	{ background: url(../img/16x16_downloaded.png) no-repeat; }
a:hover		img.loaded10_16 	{ background: url(../img/16x16_downloaded.png) no-repeat; }

a:link 		img.loaded0_16  	{ background: url(../img/16x16_download.png) no-repeat; }
a:visited 	img.loaded0_16 		{ background: url(../img/16x16_download.png) no-repeat; }
a:hover		img.loaded0_16 		{ background: url(../img/16x16_downloaded.png) no-repeat; }

		img.fav_on_13 		{ background: url(../img/13x13_star.png) no-repeat; }

a:hover		img.fav_on_13 		{ background: url(../img/13x13_star_mv.png) no-repeat; }

		img.fav_off_13 		{ background: url(../img/13x13_star_mv.png) no-repeat; }

a:hover		img.fav_off_13 		{ background: url(../img/13x13_star.png) no-repeat; }

		img.fav_on_16 		{ background: url(../img/16x16_star.png) no-repeat; }

a:hover		img.fav_on_16 		{ background: url(../img/16x16_star_mv.png) no-repeat; }

		img.fav_off_16 		{ background: url(../img/16x16_star_mv.png) no-repeat; }

a:hover		img.fav_off_16 		{ background: url(../img/16x16_star.png) no-repeat; }