body
{
background-color:#F0FFFF;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c5d7db), color-stop(1, #faf2fa) );
	background:-moz-linear-gradient( center top, #c5d7db 5%, #faf2fa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5d7db', endColorstr='#faf2fa');
	background-color:#c5d7db;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:3px solid #dae6eb;
	display:inline-block;
	color:#171417;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:9px 19px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #faf2fa), color-stop(1, #c5d7db) );
	background:-moz-linear-gradient( center top, #faf2fa 5%, #c5d7db 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf2fa', endColorstr='#c5d7db');
	background-color:#faf2fa;
}.button:active {
	position:relative;
	top:1px;
}

.tarkkakoko {
  width: 16%;
  height: 16%;
}

.batkoko {
  width: 9%;
  height: 9%;
}

.palkitkoko {
  width: 20%;
  height: 25%;
}

.tapahtumakoko {
  width: 70%;
  height: 70%;
}

.paakoko {
  width: 15%;
  height: 15%;
}

.paakoko2 {
  width: 100%;
  height: 100%;
}

.suuri {
  width: 3%;
  height: 3%;
}

td
{
	border: 0px dotted black;
}

td.alapalkki      { border: 1px solid #336699; }

#vasen
{
	width:100px;
	vertical-align:top;
}

#oikea
{
	width:100%;
	vertical-align:top;
}

#ylapalkki
{
	width:100%;
}


#basicMap {
          width: 100%;
          height: 1000px;
          margin: 0;
		  vertical-align:top;
      }
	  
#kartta {
           width:100%;
           height: 100%;
       }
	   
#livebutton
{



}

#number
{
	width: 35px;
}