body  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}


a  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
/*font-size : 11px;*/
color : #012476;
text-decoration : none;
}

a:hover  {
color : #998c6c;
text-decoration : none;
}

/*a:visited  {
color : #7c7c7c;
}*/


/*a[href^="http:"], a[href^="https:"] {
  background: url('images/x_star.gif') no-repeat left top;
  padding-left: 22px;
}

a.external:link {
  background: url('images/x_star.gif') no-repeat left top;
  padding-left: 22px;
}*/


form {
margin:0;
padding:0;
}

TD  {
font-family : Tahoma, Arial, Helvetica, sans-serif; 
font-size : 11px;
color : #000000;
text-decoration : none;
}

.harmaa  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #7C7C7C;
text-decoration : none;
}

.cgb12  {
font-family : Copperplate Gothic Bold;
font-size : 12px;
color : #000000;
text-decoration : none;
font-weight : bold;
}

.sarjatilanne  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
}

.sarjatilanne-p,
.sarjatilanne-p a  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #777;
text-decoration : none;
}

.sarjatilanne a  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
}

.sarjatilanne a:hover  {
color : #000000;
text-decoration : underline;
}

.sarjatilanne-  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ff0000;
text-decoration : none;
}

.sarjatilanne2  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
}

.sarjatilanne2 a  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
}

.st_text_act  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
background-color : #d8eced;
}

.red {
/*font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;*/
color : #FF0000;
text-decoration : none;
font-weight : bold;
}

.red2 {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FF0000;
text-decoration : none;

}

/*.red3 {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
background: #FF0000;
color : #ffffff;
font-weight:bold;
text-decoration : none;
}*/

 .green {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #008000;
text-decoration : none;
font-weight : bold;
}

 .green2 {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #008000;
text-decoration : none;
font-weight : normal;
}

 .blue {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #0000ff;
text-decoration : none;
font-weight : bold;
}


.vihrea {
color : #00AE00;
}

.punanen {
color : #FF0000;
}

.musta {
color : #000000;
}
 
.old {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
font-style : italic;
} 
 
.musta  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}
 
.vara  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #012476;
text-decoration : none;
}

.valkoinen  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
}

.alaotsikko  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
font-weight : bold;
}

.otsikko  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #000000;
text-decoration : none;
}

.otsikko a  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #012476;
text-decoration : none;
}

.otsikko a:hover  {
color : #998c6c;
text-decoration : none;
}

.otsikko_js  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #000000;
text-decoration : none;
}

.otsikko_js a  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #012476;
text-decoration : none;
}



.otsikko_red  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #FF0000;
text-decoration : none;
}

.otsikko_valk  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #FFFFFF;
text-decoration : none;
}

.copy  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #c0c0c0;
text-decoration : none;
}

.rules  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
}

.title  {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #000000;
text-decoration : none;
font-weight : bold;
}

.title2  {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-decoration : none;
font-weight : bold;
}

.links  {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}

.navi  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #cc0000;
text-decoration : none;
font-weight : bold;

}

.date, .pvm  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #000000;
text-decoration : none;
}

.pvm  {
margin:4px 0px;
}

.pic_text  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #000000;
text-decoration : none;
}


.st_text  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}

.etu_kortti  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
}

.popup  {
color : #000000;
}



.subnavi  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #7E7C7A;
}

.lomake  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #C2DEE9;

}

.lomakehist  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #e7e7e7;

}

.lomake2  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #C2DEE9;
}

.lomake_nappi  {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #C2DEE9;
}

.lomake_v  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #cefdd5;

}

.input { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
}

.links { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 7.5pt; 
color: #000000;
}

BODY {
scrollbar-face-color: #C2DEE9;
scrollbar-shadow-color: #808080;
scrollbar-highlight-color: #C2DEE9;
scrollbar-3dlight-color: #d4d0c8; 
scrollbar-darkshadow-color: #404040;
scrollbar-track-color: #B0BEE1; 
scrollbar-arrow-color: #000000;
 }


#navigaatio1 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

#navigaatio2 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

#navigaatio3 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

#navigaatio4 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

#navigaatio5 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

#navigaatio6 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

#navigaatio7 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

#navigaatio8 { position: absolute; clip:rect(0,107,92,0); width: 107; height: 92; visibility: hidden;  z-index: 11; }

.content10 {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.content20 {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.content11 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}
.content14 {
	FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

/*.sponssit {
padding:5px;
}*/

img.sponssi {
margin:0px 5px 0px 10px;
}

.sponssirivi {
padding:10px 0px 10px 0px;
/*padding-left:150px;
padding-right:150px;*/
}

.grifkbox {
border:1px dotted #005200; 
padding:5px 20px 20px 20px;
}

.grifkbox img {
float:right;
padding-left:15px;
}

.grifkbox a {
color:#005200;
}

.grifkbox a:hover {
color:green;
text-decoration:none;
}

.grifkbox span.otsikko {
text-align:center;
padding:5px 0px 10px 0px;
display:block;
}

.fstbox {
border:1px dotted #892238; 
padding:5px 20px 20px 20px;
}

.fstbox img {
float:right;
padding-left:15px;
}

.fstbox a {
color:#892238;
}

.fstbox a:hover {
color:red;
text-decoration:none;
}

.fstbox span.otsikko {
text-align:center;
padding:5px 0px 10px 0px;
display:block;
}

optgroup {
font-style:normal;
color:#333;
}

/* OTTELUENNAKOT */

.raportti .box {
width: 220px; 
float: right; 
font-size: 11px;
margin: 0px 0px 30px 10px; 
/*background:#fbfbfb;*/
border-left:1px solid #8ba0bf;
border-top:1px solid #8ba0bf;
border-right:2px solid #1b4f8b;
border-bottom:2px solid #1b4f8b;
background:#ffffff url('/images/bg_image_2b.jpg') left top no-repeat;
}

.raportti .box .box-content {
padding:10px 10px 5px 10px;
border-left:0px solid #000;
border-bottom:0px solid #000;
}

.raportti .otsikko {
text-align:center;
margin-bottom:-3px;
}

.raportti .peli {
background:#ffffff url('/images/bg_image_2b.jpg') left top no-repeat;
display:block;
border-color:#8BA0BF #1B4F8B #1B4F8B #8BA0BF;
border-style:solid;
border-width:1px 2px 2px 1px;
}

.raportti .peli .mainos {
width:180px;
padding-top:25px;
float:left;
text-align:center;
}

.raportti .peli .mainos .vs {
margin:6px 0px;
}

.raportti .peli .tapahtuma {
margin:0px 0px 0px 200px;
border-left:0px solid #000;
padding:20px 10px;
}

.raportti .peli .tapahtuma .title {
text-align:center;
}

.logot {
text-align:center; 
padding:15px;
}

.logot-po {
text-align:center; 
padding:10px 15px;
}

.fb-pieni {
background: url('/images/icon_fb-30.jpg') left center no-repeat;
padding:5px 0px 5px 40px;
display:block;
}

.hc-pieni {
background: url('/images/icon_west-30.gif') left center no-repeat;
padding:5px 0px 5px 40px;
display:block;
}

.ehf-pieni {
background: url('/images/icon_ehf-30.gif') left center no-repeat;
padding:5px 0px 5px 40px;
display:block;
}

.tulokset #countdowncontainer {
margin:5px;
}