/* Yleiset tyylimääritykset */

body {
 background:#eeeeee; // Koko sivun taustaväri
 margin:0px 0px 0px 0px;
 padding:0px;
}
div {
 
}
p {
 margin:0px 10px 10px 10px;
 font-family: Verdana;
 font-size: small;
}
td {
 font-family: verdana;
}
input {
 font-family: verdana;
 font-size: small;
}
input.luku {
 width: 16px;
 text-align: center;
}
h1 {
 font-family: verdana;
 font-weight: bold;
 font-size: large;
 color: #fe295a;
 margin: 5px;
}
h3 {
 margin: 4px;
}
a:link { font-weight: bold; color: #ff6633; text-decoration: none; }     /* unvisited link */
a:visited { font-weight: bold; color: #ff6633; text-decoration: none; }  /* visited link */
a:hover { font-weight: bold; color: #ff6633; text-decoration: underline overline; }   /* mouse over link */
a:active { font-weight: bold; color: #ff6633; text-decoration: none; }   /* selected link */


/* Layoutin peruselementit */
#layout_ylaosa {
 background:black url("sivupohja_navipalkki.png") top left no-repeat;
 height:165px;
 margin-right:120px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height:164px;
}
#layout_alavalikot {
 background: black;
 position:absolute;
 top: 100px; left: 10px;
 line-height: 20px;
 width:650px;
}
#layout_alavalikot a:link    { color: #000000; text-decoration: none; background: #fe295a; padding: 3px; }
#layout_alavalikot a:visited { color: #000000; text-decoration: none; background: #fe295a; padding: 3px; }
#layout_alavalikot a:hover   { color: #ffff58; text-decoration: none; background: #fe295a; padding: 3px; }
#layout_alavalikot a:active  { color: #000000; text-decoration: none; background: #fe295a; padding: 3px; }

#layout_alavalikot a:link    { color: #fe295a; text-decoration: none; background: #000000; padding: 3px; }
#layout_alavalikot a:visited { color: #fe295a; text-decoration: none; background: #000000; padding: 3px; }
#layout_alavalikot a:hover   { color: #ffff58; text-decoration: none; background: #000000; padding: 3px; }
#layout_alavalikot a:active  { color: #fe295a; text-decoration: none; background: #000000; padding: 3px; }

#layout_pallo {
 background: transparent url("sivupohja_pallo.png") top left no-repeat;
 position:absolute;
 height:183px;
 width:303px;
 top:0; right:0;
 margin:0; padding:0;
 z-index:2;
}
#layout_etusivulinkki {
 position:absolute;
 background: black;
 top:13px; left:10px;
 z-index:3;
}
#layout_login {
/* position:absolute; */
 border: medium double white;
 background: black;
/* top:5px; left:505px; */
/* height:60px; */
 margin-bottom: 5px;
 width:175px;
 color: white;
 z-index:3;
}
#layout_login_body {
 padding: 5px;
}
#layout_login input.pikkufontti {
 width: 90px;
}
#layout_vasen {
 position: absolute;
 background:#eeeeee;
 border: #cccccc 0px solid;
 left:10px;
 top:185px;
 width:180px;
}
#layout_keski {
 position: relative;
 background:#eeeeee;
 border-right: #cccccc 1px solid;
 border-left: #cccccc 1px solid;
 padding: 10px 15px 15px 15px;
// height: 600px;
 outline-style: normal;
 z-index:0;
 margin-top: 21px;
 margin-left: 199px;
 voice-family: "\"}\"";
 voice-family: inherit;
 margin-left: 201px;
 width: 780px;
}
#layout_oikea {
 position: absolute;
 background:#eeeeee;
 border: #cccccc 0px solid;
 left:1025px;
 top:185px;
 width:180px;
}
#layout_alaosa {
 position: absolute;
 background:#eeeeee;
 border: #cccccc 1px solid;
 bottom:32px;
 left:10px;
 right:10px;
 background:#fff;
 height:40px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height:39px;
}


/* Peruselementtien sisäiset määritykset */
html>body #layout_ylaosa {
 height:164px;
}
html>body #layout_keski {
 margin-left: 201px;
 margin-right:201px;
}
#layout_keski h1 {
 font: normal small-caps 900 x-large arial;
 margin: 0px 0px 10px 0px;
}
#layout_ylaosa p {
 padding-top:70px;
}
#layout_alavalikot p {
 font-family: Verdana;
 font-size: small;
 margin:5px;
}
.pikkufontti {
 font-family: Verdana;
 font-size: x-small;
}
.ruutuFade {
 position: relative;
 margin:45; padding:45;
 outline-style: normal;
 background:#eee;
 opacity:.50;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
}
img.navi {
 padding:0px 7px 0px 7px;
}

/* Kalenteriin liittyvät tyylimääritykset */
#kalenteri table {
 text-align:center;
 font-size:x-small;
}
div.cal_tapahtumatietoikkuna {
 position:absolute;
 width:170px;
 margin-left:0px;
 padding:0px;
 border-bottom: #eeeeee 1px solid;
 border-left: #eeeeee 5px solid;
 border-right: #eeeeee 5px solid;
 font-family:verdana;
 font-size: x-small;
 visibility:hidden;
 z-index:101;
}
td.cal_otsikko {
 background: #000000;
 color: #eeeeee;
 font-weight: bold;
 margin:0;
 padding:2px;
}
td.cal_oikeaKuu {
 background:#cccccc;
 color: #000000;
 border: #eeeeee 1px solid;
 height: 16px;
}
td.cal_vaaraKuu {
 background:#cccccc;
 color: #666666;
 border: #eeeeee 1px solid;
 height: 16px;
}
table.cal_tapahtumatiedot {
 border:#000000 1px solid;
 margin:0;
 padding:0;
}
td.cal_tapahtumapvm {
 font-weight: bold;
 background:#aaaaaa;
}
tr.cal_tapahtumatiedot {
 height:20px;
}
tr.cal_tapahtumatietoikkuna {
 height:14px;
}
td.cal_tapahtumatiedot {
 background-color:black;
 font-size:x-small;
 color: white;
 text-align:left;
 margin:0;
 padding:2px;
 opacity:.90;
 filter:alpha(opacity=90);
 -moz-opacity:0.90;
}


/* Mainoksiin liittyvät tyylimääritykset */
#seuraavat_ottelut {
 position: relative;
 padding-top:10px;
 color:#fe295a;
}
div.karuselli {
 position: relative;
 height:75px;
 padding-top: 10px;
}
div.karusellimainos {
 position: absolute;
 width: 100%;
 text-align: center;
 vertical-align: middle;
 padding: 0px;
}
div.oikean_palkin_mainos {
 position: relative;
 width: 100%;
 text-align: center;
 vertical-align: middle;
 margin-top: 10px;
}
div.kiintea_mainos {
 position: relative;
 height: 75px;
 width: 100%;
 text-align: center;
 vertical-align: middle;
 padding-top: 10px;
}
div.karusellimainos p {
 margin:10px;
}


/* Uutisiin liittyvät tyylimääritykset */
div.uutinen {
 position: relative;
 padding: 0px;
 margin-top: 10px;
 outline-style: normal;
}
div.uutinen td {
 height: 52px;
 color: #cccccc;
 margin: 0px 10px 0px 10px;
 cursor: pointer;
}
div.uutinen td.uutisteksti td {
 height: auto;
 color: #000000;
 margin: 0px 0px 0px 0px;
 cursor: default;
}
div.uutinen td.uutisotsikko {
 background: black;
}
div.uutinen h2 {
 font-family:helvetica;
 font-size:medium;
 margin: 0px 0px 0px 10px;
 padding:0;
}
div.uutinen p.uutispvm {
 font-family:verdana;
 font-size:x-small;
 color:#666666;
 margin: 0px 0px 0px 10px;
 padding:0;
}
div.uutinen td.uutisteksti {
 height: auto;
 background: none;
 cursor: default;
 color: #000000;
}
div.uutinen td.uutisteksti p {
 font-size:smaller;
}
div.uutis_fade {
 position: absolute;
 height: 75px;
 width: 100%;
 background: url("gray_fade40.png") bottom left repeat-x;
 z-index: 10;
}
div.newsEditDIV {
 position:absolute;
 visibility:hidden;
 z-index:2;
 opacity:.85;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
 border:1px solid black;
}


/* Joukkue-sivuun liittyvät tyylimääritykset */
#pelaajat table {
// border:#cccccc 1px solid;
}
#pelaajat td {
 border:#cccccc 0px solid;
 font-size:x-small;
}


/* Tulospalveluun liittyvät tyylimääritykset */
legend {
 font: normal normal normal 12px verdana;
}
table.tulospalvelu {
 
}
table.tulospalvelu th {
 font: normal normal bold 10px verdana;
 border: #cccccc 1px solid;
}
table.tulospalvelu td {
 font: normal normal normal 10px verdana;
 border: #cccccc 1px solid;
}
table.tulospalvelu input {
 font: normal normal normal 10px verdana;
}
table.tulospalvelu select {
 font: normal normal normal 10px verdana;
}

/* Tilastotiedotteeseen liittyvät tyylimääritykset */
div.tilastorivi {
 position:absolute;
 top:162px;
 width:9999px;
 margin:0;
 padding:0;
 white-space:nowrap;
}
div.tilastotieto {
 position:relative;
 margin-right:5px;
 padding:5px;
 border:#ffffff 0px solid;
 outline-style:normal;
 font: italic small-caps 900 12px verdana;
 color:#000000;
 float:left;
 white-space:nowrap;
 z-index:1;
}


/* Muut tyylimääritykset */
div.musta {
 position: relative;
 border: medium double white;
 padding: 5px;
 background: black;
 color: silver;
 font: normal normal normal 10px verdana;
}
div.transOFF{background-color:silver; border:1px solid black; }
div.transON {background-color:silver; opacity:.50; filter: alpha(opacity=50); -moz-opacity:0.5;  border:1px solid black; }
div.trans25 {background-color:silver; opacity:.25; filter: alpha(opacity=25); -moz-opacity:0.25; border:1px solid black; }
div.trans75 {background-color:silver; opacity:.75; filter: alpha(opacity=75); -moz-opacity:0.75; border:1px solid black; }

div.uutiskalut {
 margin: 5px 5px 0px 0px;
 position: relative;
 border: medium double black;
 padding: 5px;
 background: #666666;
 color: silver;
 font: normal normal normal 10px verdana;
 z-index: 999;
 float: right;
 font-size:x-small;
 text-align:center;
 width: 85px;
}

td.opk_joukkuelogo {
 width: 200px;
 padding: 5px;
 font: normal normal normal 14px verdana;
 text-align: center;
}
td.opk_lopputulos {
 width: 400px;
 padding: 5px;
 font: normal normal bold 16px verdana;
 text-align: center;
 vertical-align: top;
}
td.opk_tapahtuma {
 width: 475px;
 padding: 5px;
 font: normal normal normal 12px verdana;
 text-align: left;
 vertical-align: top;
}
td.opk_aika {
 width: 50px;
 padding: 5px;
 font: normal normal normal 12px verdana;
 text-align: center;
 vertical-align: top;
}
td.opk_era {
 width: 100%;
 padding: 15px 5px 5px 5px;
 font: normal normal bold 16px verdana;
 text-align: center;
 vertical-align: top;
}
table.pelaajakortti {
 width: 360px;
 background:#dddddd;
}
table.pelaajakortti td {
 width: 50%;
 font: normal normal normal 12px verdana;
}