body {margin: 10px 0; background-color: #c0c0c0;}
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: #005aab; text-decoration: none; }
a:link {  font-family: Verdana, Helvetica, sans-serif; color: #005aab; text-decoration: none; }
a:visited {  font-family: Verdana, Helvetica, sans-serif; color: #005aab; text-decoration: none; }
a:hover {  font-family: Verdana, Helvetica, sans-serif; color: #4295d1;  text-decoration: none; }
a {  font-family: Verdana, Helvetica, sans-serif; color: #005aab; 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}
h1 {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 30px; font-weight: normal; color: #005FAB; padding: 0px; margin: 0px;}
h2 {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 18px; font-weight: normal; color: #000; margin: 0px;}
h3 {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 14px; font-weight: normal; color: #33C3D3; padding: 0px 15px 10px 15px; margin: 0px;}
h4 {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 16px; font-weight: bold; color: #FFF; padding: 3px 15px 6px 0px; margin: 0px;}
.header1 {  font-family:  Verdana, Helvetica, sans-serif;  font-size: 14px; font-weight: normal; color: #0000C0;}
.smallText { font-family: Verdana, Helvetica, sans-serif;  font-size: 9px; color: #404040; line-height: 15px;}
table.t-round {
    border-radius:  8px;
    padding: 6px;
}
table.x-footer a {color: #40c8f4}
table.taulukko_lomake {
    border: 0px none #c0c0c0;
    border-collapse: collapse;
    background-color: white;
    width: 100%;
}

table.taulukko_lomake th {
    border: 0px solid #c0c0c0;
    background-color: white;
}
table.taulukko_lomake td { 
    border: 0px solid #c0c0c0;
    padding: 4px 4px;
}
table.taulukko_lomake td.td-hdr { 
    background-color: #4295D1;
    padding: 4px 4px;
    color: #FFF;
}
table.taulukko_harmaa {
    border: 1px none #c0c0c0;
    border-collapse: collapse;
    background-color: white;
}
table.taulukko_harmaa th {
    border: 1px solid #c0c0c0;
    background-color: #ddd;
}
table.taulukko_harmaa tr.tr-hdr td {
    background-color: #4295D1;
    padding: 10px 4px;
    color: #FFF;
    border: solid 1px #C0C0C0;
    border-top: none;
}
table.taulukko_harmaa tr.tr-hdr td:first-child {border-top-left-radius: 10px; border-left: none;}
table.taulukko_harmaa tr.tr-hdr td:last-child {border-top-right-radius: 10px; border-right: 0px; }
/*
tr:last-child td:first-child { border-bottom-left-radius: 10px; }
tr:last-child td:last-child { border-bottom-right-radius: 10px; }
*/

table.taulukko_harmaa td { border: 1px solid #C0C0C0; }
table.taulukko_harmaa td.norm { color: #40404;}
table.taulukko_harmaa td.vih { color: #008000;}
table.taulukko_harmaa td.pun { color: #C00000;}
table.taulukko_normaali {
	 border: 0px none;
	 border-collapse: collapse;
	 background-color: white;
}

table.taulukko_normaali {
	 border: 0px none;
	 border-collapse: collapse;
	 background-color: white;
}

table.taulukko_normaali
	td { border: 0px none;
}
table.taulukko_valinta {
	 border: 0px none #c0c0c0;
	 border-collapse: collapse;
	 background-color: white;
	width: 100%;
}
table.taulukko_valinta th {
	 border: 0px solid #c0c0c0;
	 background-color: white;
}
table.taulukko_valinta td { 
	border-top: 0px solid #c0c0c0;
	border-bottom: 1px solid #C1DBF1;
	border-left: 0px solid #c0c0c0;
	border-right: 0px solid #c0c0c0;
	padding: 3px 4px;
}
a.btn { 
   background: #8f8f8f;
   border-radius:  8px;
   display:block; 
   margin-bottom:5px; 
   text-align:center; 
   width:40ex;
   border-style:none; 
   border-width:0px; 
   padding:6px; 
   text-decoration:none; 
   color: #fff;
}
a.btn:hover   { background-color: #00baf2; }
.boxText {
	font-family: verdana, arial;
	font-size: 10px;
	color: #404040;
	line-height: 15px;
}
.m0:active { color: #fff; }
.m0:link { color: #fff; }
.m0:visited { color: #fff; }
.m0:hover { color: #30D5E4; text-decoration: none;}
.m0 {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px; 
   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;
}
/*
 * 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: 2px;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  display: block;
  width: 100%;
  height: 255px;
  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; 
}
div#toimintobox {
  position: fixed; 
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 10%;
  width: 450px;
  height: auto;
  background: #F9F9F9;
  color: #000;
  border: 2px solid #999;
}
div#toimintobox_header h2 {
  color: #00A1E0;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px 2px 20px;
}
div#toimintobox_content {
  font-family: Arial;
  font-size: 12px;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
div#toimintobox_footer input.button, .button-blue {
   background: #307BBA;
   color: #FFF;
   border: solid 4px #307BBA;
   margin: 20px 0 20px 20px;
   font-size: 14px;
   text-align: center;
}

div#infobox {
  position: absolute; 
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  z-index: 1001;
  height: auto;
  margin-top: -180px;
  width: 400px;
  margin-left: -225px;
  background: #F9F9F9;
  color: #000;
  border: 2px solid #999;
}
div#info_header h2 {
  color: #00A1E0;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px 2px 20px;
}
div#info_content, div#toimintoboxwide_content {
  font-family: Arial;
  font-size: 13px;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
div#info_footer input.button, .button-blue, .button2-blue {
   background: #307BBA;
   color: #FFF;
   border: solid 4px #307BBA;
   margin: 20px 0 20px 20px;
   font-size: 14px;
   text-align: center;
}
div#toimintoboxwide {
  position: fixed;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; 
  top: 10%;
  width: 650px;
  height: auto;
  background: #F9F9F9;
  color: #000;
  border: 2px solid #999;  
}
div#toimintoboxwide_header h2 {
  color: #00A1E0;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px 2px 20px;
}
 .button2-gray{
   background: #DDD;
   color: #000;
   border: solid 4px #DDD;
   margin: 20px 0 20px 0px;
   font-size: 12px;
   text-align: center;
}
.button2-blue {
   font-size: 12px;
  margin: 20px 0px 20px 0px;
}
div#errorbox, div#confirmbox {
  position: fixed; 
  left: 50%;
  top: 50%;
  z-index: 1001;
  height: auto;
  margin-top: -180px;
  width: 450px;
  margin-left: -225px;
   background: #F9F9F9;
   color: #000;
   border: 2px solid #999;
}
div#error_header h2, div#confirm_header h2 {
  color: #00A1E0;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px 2px 20px;
}
div#error_content, div#confirm_content {
  font-family: Arial;
  font-size: 12px;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
div#info_footer, div#confirm_footer {
   padding: 0px 20px 0px 20px;
}
div#error_footer input.button, div#confirm_footer input.button {
   background: #305BBA;
   color: #FFF;
   border: solid 4px #305BBA;
   margin: 20px 0 20px 20px;
   font-size: 14px;
   text-align: center;
  padding: 0px 20px 0px 20px;
}
 .button-blue-small {
   background: #305BBA;
   color: #FFF;
   margin: 0px 0px 0px 20px;
   padding: 2px;
   font-size: 10px;
   text-align: center;
   border: solid 1px #305BBA;
}
.button-blue-small:hover {
   background: #307BBA;
}