body {
 font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-family:Helvetica;
 padding: 0;
 margin: 0 auto;
 background-color:#dddddd;
overflow-x:hidden;
}
body {
 font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-family:Helvetica;
 padding: 0;
 margin: 0;
 background-color:#dddddd;
  font-size:14px;
}
a {
 color: #ffffff;
 text-decoration: none;
 font-weight: normal;
}

div#header{
  margin:0;
  background-color:#ccc;
  border-bottom:1px solid #666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
  background: -moz-linear-gradient(top ,#ccc,#999);
  position:fixed;
  top:0px;
  width:100%;
  z-index:2;
  font-size:0.8em;
  
}
h1 {
  color:#222;
  font-size:20px;
  font-weight:bold;
  padding:10px 0;
  text-align:center;
  text-shadow:0px 1px 0px #fff;
  margin:0 auto;
}

h2{
font-size:5vw;
}
h3 {
font-size:1em;
}

div.turnaus {
background-color:#B5CFBA;
margin-bottom:4px;
}

.turnaus {
font-size:small;
}

div.mobmenu {
  background:#9Bb584;

}
.mobmenu a{
  margin:0px;
  padding:0 0.2em;
  color:#ffffff;
  white-space:nowrap;
  font-size:1.3em;
  margin:0.3em;
}
tr.odd {
background:#eeeeee;
}
tr.pelattu {
color:navy;
}
table.mobi_ottelulista {
width:100%;
}
table.mobi_ottelulista th {
text-align:left;
}
div.mobifooter {
text-align:center;
margin-top:0.3em;
color:#ffffff;
background:#4B7574;
}
.uusikierros td {
border-top:1px solid #000000;
}
.voittaja {
font-weight:bold;
}

      a{
        color:#4B7574;
      }

.ottelukortti td
{
//  border:1px solid #444444;
  font-size:1.5em;
}

.ottelukortti .mini
{
display:block;
font-size:0.6em;
}

.ottelukortti .tulos
{
  text-align:center;
  font-size:3em;
}

.ottelukortti .tulos input
{
  font-size:1em;
}

p {
}

ul {
list-style:none;
margin:10px;
padding:0;
}

ul li a {
display:block;
background-color:#ffffff;
border:1px solid #999999;
color: #222222;
font-size:17px;
font-weight:bold;
margin-bottom:-1px;
padding:12px 10px;
text-decoration:none;
margin-top:0px;
}

a.isolinkki {
display:block;
background-color:#ffffff;
border:1px solid #999999;
color: #222222;
font-size:17px;
font-weight:bold;
margin-bottom:-1px;
padding:12px 10px;
text-decoration:none;
margin-top:0px;
}

#content {
  padding:10px;
/*  text-shadow: 0px 1px 0px #fff;*/
}

#content a {
  color: blue;
}

#content ul li a, #content a.isolinkki {
  color:#222;
}
ul li:first-child a {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
ul li:last-child a {
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

a.isolinkki {
  -webkit-border-radius: 8px;
}

#content ul li a:active, #content ul li a:hover,#content a.isolinkki:active,#content a.isolinkki:hover {
  background-color:blue;
  color:white;
}

#header div.leftButton{
font-weight:bold;
text-align:center;
line-height: 8px;
color: white;
text-sadow: rga(0,0,0,0.6) 0px -1px 0px;
position:absolute;
top:7px;
left:6px;
padding:0px 8px;
max-width:50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-width: 0 8px 0 14px;
cursor:pointer;
/*
border:1px solid #333;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:#900;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c00), to(#900));
  background: -moz-linear-gradient(top ,#c00,#900);
-moz-box-shadow:1px 1px 4px #888;
*/
}

#header div.leftButton.clicked {
border:0;
}
h1 {
  color:#222;
  font-size:20px;
  font-weight:bold;
  padding:10px 0;
  text-align:center;
  text-shadow:0px 1px 0px #fff;
  margin:0 auto;
}

h2{
font-size:1.2em;
font-size:5vw;
}
h3 {
font-size:1em;
}

div.turnaus {
background-color:#B5CFBA;
margin-bottom:4px;
}

.turnaus {
font-size:small;
}

div.mobmenu {
  background:#9Bb584;

}
.mobmenu a{
  margin:0px;
  padding:0 0.2em;
  color:#ffffff;
  white-space:nowrap;
  font-size:1.3em;
  margin:0.3em;
}
tr.odd {
background:#eeeeee;
}
tr.pelattu {
color:navy;
}
table.mobi_ottelulista {
width:100%;
}
table.mobi_ottelulista th {
text-align:left;
}
div.mobifooter {
text-align:center;
margin-top:0.3em;
color:#ffffff;
background:#4B7574;
}
.uusikierros td {
border-top:1px solid #000000;
}
.voittaja {
font-weight:bold;
}

      a{
        color:#4B7574;
      }

.ottelukortti td
{
//  border:1px solid #444444;
  font-size:1.5em;
}

.ottelukortti .mini
{
display:block;
font-size:0.6em;
}

.ottelukortti .tulos
{
  text-align:center;
  font-size:3em;
}

.ottelukortti .tulos input
{
  font-size:1em;
}

p {
}

ul {
list-style:none;
margin:10px;
padding:0;
}

#content ul li a {
display:block;
background-color:#ffffff;
border:1px solid #999999;
color: #222222;
font-size:17px;
font-weight:bold;
margin-bottom:-1px;
padding:1em 0.5em;
text-decoration:none;
margin-top:0px;
white-space:nowrap;
overflow:hidden;
}

a.isolinkki {
display:block;
background-color:#ffffff;
border:1px solid #999999;
color: #222222;
font-size:17px;
font-weight:bold;
margin-bottom:-1px;
padding:12px 10px;
text-decoration:none;
margin-top:0px;
}

#content {
  margin-top:50px;
/*  text-shadow: 0px 1px 0px #fff;*/
}

#content a {
  color: blue;
}

.mobi_ottelulista td{
white-space:nowrap;
}

div.joukkueotsikko{
text-align:center;
}
a.mobi_tab{
cursor:pointer;
background:#cccccc;
padding:10px;
color:#ffffff;
border:1px outset;
}
a.mobi_tab_aktiivi{
background:#999999;
border:1px inset;
}

span.livejoukkue {
position:absolute;
width:100px;
left:50%;
/*margin-left:-50px;*/
text-align:center;
font-size:16px;
}
.koti{
margin-left:-140px;
}

.vieras{
margin-left:20px;
}

.liveottelu{
margin-bottom:10px;
height:70px;
left:10px;
right:10px;
margin-left:auto;
margin-right:auto;
background:#495D71;
color:#fff;
border-radius:5px;
padding:10px;
}

.livemaali{
position:absolute;
margin-top:26px;
text-align:center;
width:40px;
left:50%;
font-size:18px;
background:#222;
box-shadow:inset 0px 0px 3px 1px #777;
border-radius:3px;
}
.livemaalikoti{
margin-left:-100px;
}
.livemaalivieras{
margin-left:60px;
}

.vieras img{
margin-left:4px !important;
position:relative;
top:4px;
margin-left:80px;
}

.koti img{
margin-left:-4px;
margin-right:4px;
position:relative;
top:4px;
}

.liveaika{
position:relative;
top:26px;
}

.tapahtumat{
display:none;
}
.pelataan, .tauko {
}

.vieras {
margin-top:-0px;
}
.livemaalivieras{
margin-top:26px;
}
.liveaika{
top:28px;
}
.fdialog{
display:none;
}
.turnauspalvelu{
text-align:center;
}
    #facebox,.fdialog {
    z-index:10;
    position:fixed;
    top:50%;
    margin-top:-10px;
    /* overlay is hidden before loading */
    display:none;

    /* standard decorations */
    width:500px;
    box-shadow:0px 0px 10px #666;

    /* for modern browsers use semi-transparent color on the border. nice! 
    border:10px solid rgba(82, 82, 82, 0.698);
    */

    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    min-height:200px;
    padding:10px;
    border:1px solid #3B5998;
    border:1px solid #333333;
    background-color:#fff;
    font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
    color:#333333;
  }

  #facebox h2, .fdialog h2 {
    margin:-11px;
    margin-bottom:0px;
    color:#fff;
    border-top-right-radius:8px;
    border-top-left-radius:8px;
    background-color:#6D84B4;
    padding:5px 10px;
    border:1px solid #3B5998;
    font-size:14px;
    background:-webkit-gradient(linear,left top,left bottom,from(#8DA4C4),to(#5D74A4));
    color:#eee;  
    text-shadow:0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.4);
  }
.awesome{
border:2px solid #999;
padding:4px;
background:navy;
}