/* css sport */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #F00; /* bg */
}
.tausta {
    background-color: #F00; /* bg */
}
input[type=text], input[type=password], textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
input::file-selector-button {
    border: 1px solid #999;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #F2F2F2;
    padding: 1px 5px 1px 5px;
    font-size: 12px;
    height: 20px;
}
input::file-selector-button:hover {
    color: #F00; /* hv */
}
ol, ul, dl {
    margin: 0;
    padding: 0 20px;
}
.pad2px {
    padding-top: 2px;
    padding-bottom: 5px;
}
.valinta {
    padding: 2px 3px 2px 3px;
    border: 1px solid #999;
    background-color: #FFF;
}
A:link {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}
A:visited {
    color: #000;
    text-decoration: none;
}
A:active {
    color: #000;
    text-decoration: none;
}
A:hover {
    color: #F00; /* hv */
    text-decoration: none;
}
.alinkkipun:link, .alinkkipun:visited {
    color: #F00;
    text-decoration: none;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.alinkkipun:hover {
    color: #000;
}
.linkki {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #FFF;
    font-size: 12px;
}
.linkki:hover {
    color: #F00; /* hv */
}
.linkki[disabled] {
    color: #999;
}
.linkki[disabled]:hover {
    color: #999;
}
.linkkivihr {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #6F9;
    font-size: 12px;
}
.linkkivihr:hover {
    color: #F00; /* hv */
}
.linkkivihr[disabled] {
    color: #999;
}
.linkkivihr[disabled]:hover {
    color: #999;
}
.linkki1 {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #F2F2F2;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
}
.linkki1:hover {
    color: #F00; /* hv */
}
.linkki1[disabled]:hover {
    color: #999;
}
.linkki1[disabled] {
    color: #999;
}
.linkki2 {
    border: 1px solid #999;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #F2F2F2;
    padding: 1px 5px 1px 5px;
    font-size: 12px;
    height: 20px;
}
.linkki2:hover {
    color: #F00; /* hv */
}
.linkki2[disabled] {
    color: #999;
}
.linkki2[disabled]:hover {
    color: #999;
}
.linkkihuom {
    border: 1px solid #999;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F2F2F2;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #F00;
}
.linkkihuom:hover {
    color: #000;
}
.linkkiodd {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #EFEFEF;
    font-size: 12px;
}
.linkkiodd:hover {
    color: #F00; /* hv */
}
.linkkiodd[disabled] {
    color: #999;
}
.linkkiodd[disabled]:hover {
    color: #999;
}
.linkkieven {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #FFF;
    font-size: 12px;
}
.linkkieven:hover {
    color: #F00; /* hv */
}
.linkkieven[disabled] {
    color: #999;
    background-color: #FFF;
}
.linkkieven[disabled]:hover {
    color: #999;
}
.linkkioddblack {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #EFEFEF;
    font-size: 12px;
}
.linkkioddblack:hover {
    color: #F00; /* hv */
}
.linkkioddblack[disabled] {
    color: #000;
}
.linkkioddblack[disabled]:hover {
    color: #000;
}
.linkkievenblack {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #FFF;
    font-size: 12px;
}
.linkkievenblack:hover {
    color: #F00; /* hv */
}
.linkkievenblack[disabled] {
    color: #000;
}
.linkkievenblack[disabled]:hover {
    color: #000;
}
.linkkibold {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
    font-weight: bold;
    font-size: 12px;
}
.linkkibold:hover {
    color: #F00; /* hv */
}
.linkkiprint {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #FFF;
    font-size: 12px;
}
.linkkiprint:hover {
    color: #F00; /* hv */
}
.linkkiprint[disabled] {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    background-color: #FFF;
    font-size: 12px;
}
.linkkiprint[disabled]:hover {
    color: #999;
}
.linkki10print {
    border: none;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    background-color: #FFF;
    font-size: 10px;
    padding: 0;
}
.linkki10print:hover {
    color: #F00; /* hv */
}
.linkkinull {
    border: none;
    margin: 0;
    padding: 0;
    width: 30px;
    font-size: 12px;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
}
.linkkinull:hover {
    color: #F00; /* hv */
}
.linkkinull[disabled] {
    color: #FFF;
}
.linkkinullodd {
    border: none;
    margin: 0;
    padding: 0;
    width: 30px;
    font-size: 12px;
    background-color: #EFEFEF;
    font-family: Arial, Helvetica, sans-serif;
    color: #EFEFEF;
}
.linkkinullodd:hover {
    color: #F00; /* hv */
}
.linkkinullodd[disabled] {
    color: #EFEFEF;
}
.linkkieste {
    border: none;
    margin: 0;
    padding: 0;
    width: 30px;
    font-size: 12px;
    background-color: red;
    font-family: Arial, Helvetica, sans-serif;
    color: red;
}
.linkkieste:hover {
    color: #FFF;
}
.linkkieste[disabled] {
    color: #FF0000;
}
.linkkihref {
	border: 1px solid #999;
	background-color: #F2F2F2;
	color: #000;
	padding: 1px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
}
.huomio {
    color: #F00;
    font-weight: bold;
}
.huomio:hover {
    color: #000;
}
.alavali {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}
.nuolet {
    border: none;
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
    background-color: #FFF;
    font-size: 14px;
}
.nuolet:hover {
    color: #F00; /* hv */
}
.nuolet[disabled] {
    color: #999;
}
.vasen3px {
    padding-left: 3px;
}
.oikea3px {
    padding-right: 3px;
}
.ulos {
    color: #666;
    text-decoration: line-through;
}
.kehys {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #F00; /* bg */
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F00; /* bg */
}
.bold {
    font-weight: bold;
}
.arial9 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}
.arial10 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.arial12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.arial14 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.korkeus {
    height: 15px;
}
.reuna1px {
    padding: 1px;
}
.taulu0px {
    background-color: #FFF;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.taulu3px {
    background-color: #FFF;
    padding-right: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.taulunull {
    background-color: #FFF;
    padding-right: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
}
.tauluodd0px {
    background-color: #EFEFEF;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.tauluodd3px {
    background-color: #EFEFEF;
    padding-right: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.tauluvihr0px {
    background-color: #6F9;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.tauluvihr3px {
    background-color: #6F9;
    padding-right: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.taulukelt3px {
    background-color: #FF6;
    padding-right: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.taulueste3px {
    background-color: red;
    padding-right: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.taulu3pxvalk {
    background-color: #FFF;
    padding-right: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00; /* bg */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
}
.tamapvm {
    background-color: #C1F0FF;
}
.valittu {
    background-color: #9BE69B;
}
.suljettu {
    background-color: #F2F2F2;
}
.yla0px {
    border-top-width: 0px;
    border-top-style: none;
}
.ylap1px {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.ylap2px {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #F00; /* bg */
}
.oikea0px {
    border-right-width: 0px;
    border-right-style: none;
}
.mailinfo {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
}
.punainen {
    color: #F00;
}
.punainenbold {
    color: #F00;
    font-weight: bold;
}
.harmaa {
    color: #999;
}
.tumharmaa {
    color: #666;
}
.harmaa10 {
    color: #999;
    font-size: 10px;
}
.vakio10 {
    font-size: 10px;
}
 @media print {
.linkkiprint {
    display: none !important;
}
.linkki10print {
    display: none !important;
}
.harmaa10 {
    color: #000;
    font-size: 8px;
}
}