input {  font-family: Verdana, Helvetica, sans-serif;  font-size: 11px; color: #404040;}
textarea {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 11px; color: #404040;}
td { font-family: Verdana, Helvetica, sans-serif;  font-size: 11px; color: #404040;}
text {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 11px; color: #404040;}
a:active {  font-family: Verdana, Helvetica, sans-serif; color: #0000C0; text-decoration: none; }
a:link {  font-family: Verdana, Helvetica, sans-serif; color: #0000C0; text-decoration: none; }
a:visited {  font-family: Verdana, Helvetica, sans-serif; color: #0000C0; text-decoration: none; }
a:hover {  font-family: Verdana, Helvetica, sans-serif; color: #00C000;  text-decoration: none; }
a {  font-family: Verdana, Helvetica, sans-serif; color: #0000C0; text-decoration: none}
a.vih:active {  font-family: Verdana, Helvetica, sans-serif; color: #027A27; text-decoration: none; }
a.vih:link {  font-family: Verdana, Helvetica, sans-serif; color: #027A27; text-decoration: none; }
a.vih:visited {  font-family: Verdana, Helvetica, sans-serif; color: #027A27; text-decoration: none; }
a.vih:hover {  font-family: Verdana, Helvetica, sans-serif; color: #00C000;  text-decoration: none; }
a.vih {  font-family: Verdana, Helvetica, sans-serif; color: #027A27; text-decoration: none}
a.pun:active {  font-family: Verdana, Helvetica, sans-serif; color: #C20404; text-decoration: none; }
a.pun:link {  font-family: Verdana, Helvetica, sans-serif; color: #C20404; text-decoration: none; }
a.pun:visited {  font-family: Verdana, Helvetica, sans-serif; color: #C20404; text-decoration: none; }
a.pun:hover {  font-family: Verdana, Helvetica, sans-serif; color: #FF0000;  text-decoration: none; }
a.pun {  font-family: Verdana, Helvetica, sans-serif; color: #C20404; text-decoration: none}
select {  font-family: Verdana, Helvetica, sans-serif;  font-size: 11px; color: #404040;}
.flink:active {  font-family: Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.flink:link {  font-family: Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.flink:visited {  font-family: Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.flink:hover {  font-family: Verdana, Helvetica, sans-serif; color: #000000;  text-decoration: underline; }
.flink {  font-family: Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none}
h2 {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: #404040;}
.smallText { font-family: Verdana, Helvetica, sans-serif;  font-size: 9px; color: #404040; line-height: 15px;}
table.taulukko_harmaa{
		 border: 1px none #c0c0c0;
		 border-collapse: collapse;
		 background-color: white;
}
table.taulukko_harmaa th {
		 border: 1px solid #c0c0c0;
		 background-color: white;
}
table.taulukko_harmaa
	td { border: 1px solid #c0c0c0;
	td.norm { color: #40404;}
	td.vih { color: #008000;}
	td.pun { color: #C00000;}
}
table.taulukko_normaali{
		 border: 0px none;
		 border-collapse: collapse;
		 background-color: white;
}

table.taulukko_normaali
	td { border: 0px none;
}
a.btn { display:block; margin-bottom:5px; text-align:center; width:40ex;
         border-style:solid; border-color: #a0a0a0; border-width:1px; padding:6px; text-decoration:none; }
a.btn:link    { color:#000; background-color: #e0e0e0; }
a.btn:visited { color:#000; background-color: #e0e0e0; }
a.btn:hover   { color:#000; background-color: #c0c0c0; }
a.btn:active  { color:#000; background-color: #e0e0e0; }
.boxText {
	font-family: verdana, arial;
	font-size: 10px;
	color: #404040;
	line-height: 15px;
}
.m0:active { color: #404040; }
.m0:link { color: #404040; }
.m0:visited { color: #404040; }
.m0:hover { color: #000000; text-decoration: none;}
.m0 {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px; 
   color: #404040; 
   font-weight: normal; 
   text-decoration: none;
}
.m1:active { color: #FFFFFF; }
.m1:link { color: #FFFFFF; }
.m1:visited { color: #FFFFFF; }
.m1:hover { color: #F0ED00; text-decoration: none;}
.m1 {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px; 
   color: #FFFFFF; 
   font-weight: normal; 
   text-decoration: none;
}
a.tab1 { 
   margin-bottom:0px; 
   text-align:center; 
   border-left: 1px solid #a0a0a0;
   border-top: 1px solid #a0a0a0;
   border-right: 1px solid #a0a0a0;
   border-bottom: 0px;
   padding-left:16px;
   padding-right:16px;
   padding-top:4px;
   padding-bottom:4px;
   text-decoration:none; 
   background-color: #f0f0f0;
   display: block;
}
a.tab1:link    { color:#404040; background-color: #f0f0f0; }
a.tab1:visited { color:#404040; background-color: #f0f0f0; }
a.tab1:hover   { color:#404040; background-color: #dbdbdb; }
a.tab1:active  { color:#404040; background-color: #d0d0d0; }
a.tab2 { margin-bottom:0px;
    text-align:center;
    border-left: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    border-right: 2px solid #a0a0a0;
    border-bottom: 0px;
    padding-left:16px;
    padding-right:16px;
    padding-top:6px;
    padding-bottom:6px;
    text-decoration:none;
    background-color: #d0d0d0; 
    display: block;
}
a.tab2:link    { color:#000}
a.tab2:visited { color:#000}
a.tab2:hover   { color:#000}
a.tab2:active  { color:#000}
/*
 * note that by default all tab content areas
 * have display set to 'none'
 */
div.tabContent {
  padding: 4px;
  border: 0px solid #000000;
  display: none;
}
div.subHeader {
  padding: 4px;
  border: 0px solid #000000;
  display: none;
  width: 100%;
}
div.subContent {
  padding: 4px;
  border: 1px solid #E0E0E0;
  display: block;
  width: 99%;
  height: 200px;
  overflow: auto;
}
div.subContentBig {
  padding: 4px;
  border: 1px solid #E0E0E0;
  display: block;
  width: 100%;
  height: 300px;
  overflow: auto;
}
.at1 {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom:0px;
  border: 0px;
  width:100%;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px; 
  color: #000; 
}