SPAN, DIV, UL {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	color: #000000;*/
}
TH, TD, FONT {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:  11px;
/*	color: #000000;*/
}
P {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	color: #000000;*/
}
BODY {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
}

A {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0099cc;
}

B {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

td.topmenuborder {
	background-color: #37498B;
}

.a_disabled {
  color:gray;
}

    a.ilmoittaudu{
      text-decoration:none;
      color:#ffffff;
      margin:4px;
      background:#04821C;
      border:2px outset #000000;
      padding:4px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }
a.ilmoittaudu:visited {color:#FFFFFF}


div.frmbg{
background:#CFE6FF;
}


div.dialog{
  z-index:12;
  display:none;
  border:1px solid #333333;
  position:fixed;
  background: #cccccc;

}

table.joukkuelista {
width:100%;
}

.dialog h1
{
  background-color:#808080;
  color:#ffffff;
  font-weight:bold;
  padding:0;
  margin:0;
  padding-left:0;
  padding-right:0;
  text-align:center;
}

.captionBgr {color:#1974a2;font-size:22px; font-weight:bold;font-family:arial}
.taso a:link { font-style: normal; color:navy }
.taso a:active { font-style: normal; color:navy }
.taso a:hover { font-style: normal; color:navy }
.taso a:visited { font-style: normal; color:navy }
.valiotsikko {background-color:#3399ff; color:navy; text-align:center; font-size:11pt}
.valisumma td{font-weight:bold;border-top:1px solid #000000}
/*.tasolista  th {background-color: #3399ff; color:navy}*/
.tasolista  th {text-align:left;border-bottom: 1px solid #2063AD; color:navy	}
body{
  font-size:11px;
  overflow-y:scroll;
}
form{margin:0px}
h1 {
  margin:0px;
  padding-bottom:4px;
  margin-left:0px;
  font-size:12pt;
  text-align:left;
  border-bottom:1px solid black;
  background-color:#F4F4F4;
  padding-top:14px;
  padding-left:8px;
  color:#1B5392;
  font-size:22px;
  font-weight:bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
h2 {
  color:#1B5392;
}
h3 {
  font-size:10pt;
}
.menutaso {
  background-color: #f9f9ac; 
  background-color: #2063AD; 
  color:#1B5392;
  color:#ffffff;
  text-decoration: none;
  text-align:center;
  cursor:pointer;
}
.menutaso a {
  color: white;
}
.menutasos {
  background-color: #3E84D2;
  color:white;
  text-align:center;
  text-decoration: none;
}
.menutasos a {
  color: white;
}


.vkopv td{
  text-align:center;
  font-weight:bold;
}

.tab {
  color:#1B5392;
}

.kalenteri th{
 text-align:center;
}
.kalenteri td{
  text-align:right;
  padding:2px 4px 0 2px;
}
.tasolista  caption {
  padding-bottom:4px;
  margin-left:0px;
  font-size:12pt;
  text-align:left;
  color:navy;
  font-weight:bold;
  border-bottom:1px solid black;
  background-color:#F4F4F4;
  padding-top:14px;
  padding-left:8px;
  color:#1974a2;font-size:22px; font-weight:bold;font-family:arial
}
.tasolista a {font-size:8pt}
.tasolista a:link {font-size:8pt}
.tasolista a:active {font-size:8pt}
.tasolista a:visited {font-size:8pt}
.tasolista a:hover {font-size:8pt}
.sisalista {
/*            border:solid 1px #a9a95c;*/
            background-color: white;
            width: 100%;
            padding: 0px;
}

.tuomarivalikko {
    background-color: #ACD0F9;
    width:100%;
    padding:0px;
    color: #1B5392;
    vertical-align:middle;
	margin:0px;
}
.tuomaripalkki {
    border:solid 1px navy;
    background-color: #ACD0F9;
    height:24px;
    width:100%;
    padding:2px;
    vertical-align:middle;
}
  .tabactive{
    cursor:pointer;
  	text-align:center;
    vertical-align:middle;
    background-color:#ACD0F9;
    background-color:#1B5392;
    background-color: #3E84D2; 
    font-weight:bold;
    color:#1B5392;
    color:white;
    text-decoration:none;
    height:15px;
    padding:0px;
  	border-left:1px solid #1B5392;
   	border-bottom:1px solid #1B5392;
    }

  .tabinactive{
    cursor:pointer;
  	text-align:center;
    vertical-align:middle;
    background-color:#ACD0F9;
    background-color:#1B5392;
    background-color: #2063AD; 
    color:#1B5392;
    color:white;
    text-decoration:none;
    height:15px;
    padding:0px;
    border-left:1px solid #1B5392;
    border-bottom:1px solid #1B5392;
    }
  .tabhover{
    cursor:pointer;
	  text-align:center;
    vertical-align:middle;
    background-color:#9Cc0e9;
    color:#1B5392;
    text-decoration:none;
    height:15px;
    padding:0px;
	border-left:1px solid #1B5392;
	border-bottom:1px solid #1B5392;
  }

.tasolomake th {text-align:left;  color: navy; border:0}
.tasolomake  caption {
    border-top: solid 1px #a9a95c;
    border-left: solid 1px #a9a95c;
    border-right: solid 1px #a9a95c;
    background-color: #f9f9ac;}
textarea{font-size:11px}
.ottelulista th {text-align: left}
.ottelulista td {padding: 0px 0px;}
.ottelulista tr:hover {background: #dddddd;}
.ottelulistatuomari tr:hover {background: #dddddd;}
.pelaajalista td {padding:1px;}
.ottelulista input {padding: 0px 0px;margin:1px;}
.ottelulista th {border-bottom:1px solid #2f9cff; text-align:left;background-color:white; color:navy}
.ottelulista caption {
  padding-bottom:4px;
  margin-left:0px;
  font-size:12pt;
  text-align:left;
  color:navy;
  font-weight:bold;
  border-bottom:1px solid black;
  background-color:#F4F4F4;
  padding-top:14px;
  padding-left:8px;
  color:#1974a2;font-size:22px; font-weight:bold;font-family:arial
}
.lohko th {text-align: left}
.lohko td {padding: 0px 0px;white-space:nowrap}
.lohko input {padding: 0px 0px;margin:1px;}
.lohko  th {border-bottom:1px solid #2f9cff; text-align:left;background:none; color:navy}
.lohko  caption {
  padding-bottom:4px;
  margin-left:0px;
  font-size:12pt;
  text-align:left;
  color:navy;
  font-weight:bold;
  border-bottom:1px solid black;
  background-color:#F4F4F4;
  padding-top:14px;
  padding-left:8px;
  color:#1974a2;font-size:22px; font-weight:bold;font-family:arial
}
.eitaulukko td {white-space:normal}


.luovutus {text-decoration: line-through;}
.harjoitus {font-style: italic}

.ottelulistatuomari th {text-align: left}
.ottelulistatuomari td {padding: 0px 0px;}
.ottelulistatuomari input {padding: 0px 0px;}
.ottelulistatuomari  th {border-bottom:1px solid #2f9cff; text-align:left;background-color:white; color:navy}
.ottelulistatuomari  caption{
  padding-bottom:2px;
  padding-left:4px;
  padding-top:8px;
  margin-left:0px;
  font-size:14px;
  text-align:left;
  font-weight:bold;
  font-family:arial;
  border:0px;
  background:none;
}

.pelattu td {color:#005B00}
.pakollinen {color:red}

.kenttataulukko th {background-color: #3399ff; color:navy; text-align:center}
.kenttataulukko td {vertical-align:top}


.luokituslista td,th {text-align:left}
.ob1 {text-align:center; background-color:blue;color:white}
.ob1 a:link{color:white}
.ob1 a:visited{color:white}
.ob2 {text-align:center; background-color:fuchsia;color:white}
.ob2 a:link{color:white}
.ob2 a:visited{color:white}
.ob3 {text-align:center; background-color:gray;color:white}
.ob3 a:link{color:white}
.ob3 a:visited{color:white}
.ob4 {text-align:center; background-color:green;color:white}
.ob4 a:link{color:white}
.ob5 {text-align:center; background-color:lime;}
.ob6 {text-align:center; background-color:maroon;color:white}
.ob6 a:link{color:white}
.ob6 a:visited{color:white}
.ob7 {text-align:center; background-color:navy;color:white}
.ob7 a:link{color:white}
.ob7 a:visited{color:white}
.ob8 {text-align:center; background-color:olive;color:white}
.ob8 a:link{color:white}
.ob8 a:visited{color:white}
.ob9 {text-align:center; background-color:purple;color:white}
.ob9 a:link{color:white}
.ob9 a:visited{color:white}
.ob10 {text-align:center; background-color:red}
.ob10 a:link{color:white}
.ob10 a:visited{color:white}
.ob11 {text-align:center; background-color:teal}
.ob11 a:link{color:white}
.ob11 a:visited{color:white}
.ob12 {text-align:center; background-color:yellow;}

.adminmenu {position:absolute; width:150px;}
.adminmenu ul{margin-left:0px;padding-left:15px;list-style-type:none}
div.alamenu {position:absolute;display:none}
.alamenu a {display:block;width:200px;}
.tuomari2lista {left:150px;display:none;top:0px;position:absolute;}
/*
.help {position:absolute;background-color:blue;color:white;visibility:hidden:z-index:9;width:50px}
*/
.tablist {
  border-right:1px solid navy;
  background-color:#E1EDFC;
}
li.tablistaktiivi {
  font-weight:bold;
}

a.aktiivikierros {
  font-weight:bold;
}

.tabpage{
	position:absolute;
	left:159px;
	width:700px;
	height:340px;
	border-left:1px solid navy;
	overflow:auto;
	top:0px;
}

.tabpage2{
	top:0px;
	width:800px;
}

.tuomaripage{
	position:absolute;
	left:159px;
	width:700px;
	height:340px;
	border-left:1px solid navy;
	overflow:auto;
	top:0px;
}

.tablist ul{
  margin:0px;
  padding:0px;
  
}
.tablist li{
  list-style-type:none;
  padding:6px;
  cursor:pointer;   
  width:150px;
  color: #1B5392;
  background-color: #ACD0F9;
  border-top:1px solid #eeeeee;
  border-left:1px solid #eeeeee;
  border-bottom:1px solid #006699;
}
.tablist li:hover{
/*  text-decoration:underline; */
}
li.tablist2 {
  padding:0px;
  padding-left:10px;
  padding-top:12px;
  cursor:pointer;   
  color: #1B5392;
  width:100px;
  border:none;
  font-weight:normal;

}

.aktiivijoukkue {
background-color:#ffcccc;
}

.valitturivi {
background-color:#CFDE9B;
}

.valittujoukkue {
background-color:#ffaaaa;
/*
font-weight:bold;
*/
}
.ryhmaeste {
border:1px solid black;
}

.omapelieste {
border:1px solid green;
}

.tehtavaeste {
border:1px solid blue;
}

.yhteste {
border:1px solid red;
}

.loma {
  padding:0px;
  border:1px solid white;
}

.hovertext {
  position:absolute;
  top:100px;
  left:200px;
  min-height:40px;
  padding:4px;
  background-color:silver;
  border:1px solid black;
}

div.cupkaavio {
  position:relative;
}

div.cup{
  position:absolute;
  z-index:1;
  width:180px;
}
.cup table{
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:2px 2px 5px #888888;
-webkit-border-radius:5px 5px 5px 5px;
-webkit-box-shadow:2px 2px 5px #888888;
border-radius:5px 5px 5px 5px;
box-shadow:2px 2px 5px #888888;
}

div.cupviivaylosvoittaja
{
  position:absolute;
  z-index:0;
  border-bottom:1px solid #000000;
  border-right:1px solid #000000;
}

div.cupviivaalasvoittaja
{
  position:absolute;
  z-index:0;
  border-top:1px solid #000000;
  border-right:1px solid #000000;
}

.tnimi {
white-space:nowrap;
overflow:hidden;
}
.a1nimi {
white-space:nowrap;
overflow:hidden;
}

.cup table{
background-color: #006e75;
color:white;
width:100%;
overflow:hidden;
}

.cup th{
background-color: #006e75;
color:white;
font-size:10px;
white-space: nowrap;
overflow: hidden;
text-align:center;
font-weight:normal;
}

th.cupvoittaja{
/*color:yellow;*/
font-weight:bold;
}

.cup td {
background-color:#D8E2E3;
color:black;
font-size:10px;
overflow:hidden;
text-align:center;
white-space:nowrap;
}

.sijoitus {
font-style:italic;
}

.vahvistanut {
font-weight:bold;
}

div.turnauspalvelu {
margin-top:20px;
left:0px;
right:20px;
bottom:20px;
height:18px;
color:#ffffff;
padding:4px;
}

.mobi_ottelulista tr
{
  margin-bottom:4px;
}

tr.odd {
  background:#E5EECC;
}

table.lohkotaulukko{
 border-collapse: separate;
 border-spacing: 10px;
/* *border-collapse: expression('separate', cellSpacing = '10px');*/
}

.lohkotaulukko tr, .lohko tr{
height:20px;
}
.cup tr {
height:auto;
}

td.lohkoclass {
padding:2px;
width:370px;
white-space:normal;
text-align:left;
padding:5px;
margin:4px;
}

.lohkoclass h3{
margin-top:0;
}

.alustava {
  position:fixed;
  top:40%;
  z-index:7;
  left:0cm;
  width:100%;
  text-align:center;
  color:red;
  opacity:0.2;
  font-size:30pt;
}

div.lohkohover{
  background:#F5A55C;
}

table.lohko {
max-width:500px;
}

td.lohkoclass:hover {
background:#A8AACF;
cursor:pointer;
}

a.etsi{
  background:red;
  color:white;
  padding:0px 4px;
}


@media screen{
.print {
  display:none;
}
}

input.yliikainen{
color:red;
}

.peruttu td {
text-decoration:line-through;
}


div.avoin {
  border:1px dashed red;
}

h4 {
  color:red;
  margin-bottom:0px;
}

h5 {
  margin-top:4px;
  margin-bottom:4px;
}


div.LabeledMarker_markerLabel{
font-size:14px;
font-weight:bold;
color:#000000;
text-transform: uppercase;
}

td.este {
  background:#000000;
  color:#ffffff;
}

td.tehtava {
  background:red;
}

td.tuntialku {
  border-left:1px solid #000000;
}

#tabmenu {
-moz-box-shadow:0px 2px 8px #888888;
-webkit-box-shadow:0px 2px 5px #888888;
box-shadow:0px 2px 5px #888888;
height:16px;
margin-bottom:10px;
}

#frmTaso {
min-height:300px;
}
#frmTaso a.toiminto{
margin-top:4px;
padding:2px;
color:#11748F;
margin-bottom:5px;
}
#frmTaso a.toiminto:hover {
}
div.cupgroup {
position:absolute;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#cccccc;
-moz-box-shadow:2px 2px 3px #555555;
-webkit-box-shadow:2px 2px 3px #555555;
box-shadow:2px 2px 5px #555555;

}
div.cupgrouptyhja{
box-shadow:2px 3px 3px #777777;
}
tr.vanha{display:none}

  #ajattomatottelut{
    margin-top:40px;
  }
input[readonly] { background: #ddd; color: #333333; }

input[type='text'],input[type='password'] {/*;border:1px solid #333333;padding:2px 1px*/}
input[type='text']:focus,input[type='password']:focus {background:#D0F6CF;/*border:1px solid #333333;padding:2px 1px*/}
select {/*padding:1px 1px*/}
select:focus {background:#D0F6CF}

div#tasomenu{
position:fixed;
height:18px;
top:0px;
left:0px;
width:100%;
padding:0;
background-color:#e8e8e8;
background-image:-moz-linear-gradient(100% 100% 90deg, #c0c0c0, #f0f0f0);
background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#c0c0c0));
color:#000000;
z-index:10;
-moz-box-shadow:2px 2px 5px #888888;

}
#tasomenu span	la, su {
padding:2px 4px;
}
div.tasomenu2{
float:left;
border-left:1px solid #EEEEEE;
border-right:1px solid #999999;
height:14px;
padding:2px 0;

}
.tasomenu2 span{
cursor:pointer;
padding:4px 8px;
}
div.tasomenu2ala {
display:none;
background:#cccccc;
width:200px;
margin-top:3px;
-moz-box-shadow:2px 2px 5px #888888;
-webkit-box-shadow:1px 1px 4px #333333;
}
.tasomenu2:hover .tasomenu2ala{
/*
height:auto;
width:200px;
*/
}

.tasomenu2ala a{
color:#000000;
display:block;
white-space:nowrap;
background-color:#cccccc; 
padding-left:4px;
padding-top:2px;
padding-bottom:2px;
}
/*
.tasomenu2:hover a{
opacity:1;
line-height:12px;
height:12px;
 -webkit-transition: height 0.5s; 

}
*/

.tasomenu2ala a:hover{
background-color:#333333;
background-image:-moz-linear-gradient(100% 100% 90deg, #111111, #555555);
color:#cccccc;
text-decoration:none;
}

.kalenteri a {
padding:0;
}
.poytakirja input[size='1'] {
width:18px;
}

.datatable th{
cursor:pointer;
}

span.tv {
cursor:pointer;
}

.ottelulista .osaottelu {
padding-top:6px;
font-weight:bold;
}
.tarvittaessa {
color:#999999;
}
.tarvittaessaensimmainen {
/*
border-top:1px solid #cccccc;
*/
}


.ilmoittautuminen  h4 {
  padding-left:10px;
}
.ilmoittautuminen  td, .ilmoittautuminen th {
  background:#D8EBEF;
  padding-left:8px;
  padding-right:8px;
}

.ilmoittautuminen  .newsection th{
  padding-top:6px;
  background:transparent;
}
.ilmoittautuneet caption{
  text-align:left;
  font-size:10pt;
  font-weight:bold;
  margin-top:12px;
  min-width:150px;
}
.tyot td{
  border:1px solid #444444;
  width:20px;
}
.tyoplus {
  border:1px solid green;
padding:0 2px;
  cursor:pointer;
}
.tyot th{
  width:20px;
}

.tyot td.toissa {
  background:#bb0000;
}

.tyot td.super {
  background:#ff0000;
}

span.pv {
cursor:pointer;
border:1px solid #333333;
padding:2px 4px;
margin:2px;
}

table.lomake {
border-spacing:0;
border-collapse:collapse
}
.lomake td{
border:1px solid #777777;
padding:2px;
}

.lomakeots {
font-size:7pt;
font-weight:bold;
}

h3.maa{
text-align:center;
}

table.maa{
/*border:1px solid #aaaaaa;*/
padding:0px 10px;
background:#eeeeee;
box-shadow:2px 2px 5px #888888;
border-radius:5px;
}

table.tulostaulu{
border-collapse:collapse;
margin-top:100px;
}

.tulostaulu th, .tulostaulu td{
font-size:12pt;
text-align:center;
width:50pt;
}
.tulostaulu th{
padding-bottom:10px;
text-align: right;
white-space: nowrap;
padding-right:10px;
}

.tulostaulu td{
border:1px solid #999999;}

.tulostaulu th.ylanimi{
-moz-transform:rotate(-30deg);
-webkit-transform:rotate(-30deg);
-o-transform:rotate(-30deg);
white-space: nowrap;
text-align: left;
}

  .jatkosivu{
    page-break-before:always;
    margin-top:3cm;
  }
td.itse {
background:#999999;
}

.sarjaryhma{
list-style-type:none;
}
ul.sarjaryhma li{display:inline;}
div.uusisivu {border-top:1px dashed red;page-break-before:always}

@media print{
  .noprint {
    display:none;
  }
  .centerdiv {
    width:100%;
  }
  #tasomenu{
    display:none;
  }
  body {
    margin:4cm;
  }
  .h-block
  {
    display:none;
  }
  .footer{
    display:none;
  }
  .yliikainen{
    color:red;
  }
  div.uusisivu{
    page-break-before:always;
    margin-top:4.5cm;
    border-top:0;
  }
  table.tuomarivalikko {
    display:none;
  }
  div.alamenu{
    display:none;
  }
  table.eivalia{
    margin-top:0.5cm;
  }
  .peruttu td {
    text-decoration:none;
    color:#EE2225;
  }
  .luovutus {
    text-decoration:none;
    color:#EE2225;  
  } 
  .page {
    page-break-inside:avoid;
  }

  .page {
    page-break-before:always;
  }

  .jatkosivu{
    page-break-before:always;
    margin-top:3cm;
  }
  tr.vanha{display:table-row}

  * {
  overflow: visible !important;
  } 
}

.datatable td{
overflow:hidden;
white-space:nowrap;
}

div.tunnit
{
  width:36px;
  float: left;  
  background-color:#dddddd;
  position:absolute;
}

a:link.awesome, a:visited.awesome
{
  background: url("/images/alert-overlay.png") repeat-x scroll 0 0 #2DAEBF;
  padding:0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px 6px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  outline:0;
  border-style:hidden;
  margin-right:5px;
  font-weight:bold;
  margin-bottom:4px;
}

a:link.awesome:hover							{ background-color: #007d9a; color:#fff }
a:link.awesome:active							{ top: 1px; }

.ilmoittautuneet tbody
{
  background:#ddd;
  border-radius:5px;
  box-shadow: 2px 2px 5px #888888;
  padding:10px;
}

.ilmoittautuneet td{
}

td.formgroup
{
  border:1px solid #0808aa;
}
.bigtext{
font-size:16pt;
text-align:center;
}

#harmaus{
background-color:#ffffff;
opacity: 1;
}

table.pelaajatable{
padding:2px;
}

.popuphelp{
width:200px;
box-shadow:5px 5px 5px #555555;
z-index:2;
position:absolute;
background:yellow;
color:#333333;
padding:6px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#simplemenu li ul{
width:16em;
}

.maalitykki {
font-weight:bold;
}

#aikaeste input{

margin:1px;
}

iframe.vanhakausi{
background:#ffffff;
background-color:rgba(255,255,255,0.7);
}

td.vko{
background:#cccccc;
text-align:center;
}

#majoitukset table{
border:1px solid #888888;
background:#dddddd;
border-radius:5px;
}

#languages img {
margin-right:10px;
}

span.editparagraph{
  float:right;
  cursor:pointer;
}
textarea.normalparagraph{
  width:100%;
  height:auto;
  border:0;
background:none;
}

div.tooltip{
  background:#000000;
  opacity:0.8;
  border:2px solid  #FF7B1C;
  color:#ffffff;
  padding:4px 10px;
  border-radius:2px;
  box-shadow:1px 1px 3px #333333;
  min-width:150px;
}
