div.menu
{
  padding:2px;
  height:22px;
  width:1015px;
  text-align:center
  border-left:1px solid black;
  border-right:1px solid black;                                                                        
  border-bottom:1px solid black;
  background:url(kuvat/menubg_new.jpg) center center repeat-x;
}

div.horizontalcssmenu
{
  width:1005px;
  margin-left:50px;
  margin-right:50px;
  text-align:center;
  display:block;

  z-index: 100;

}
.horizontalcssmenu ul{

   margin: 0;

   padding: 0;

   list-style-type: none;

   z-index: 100;

}



/*Top level list items*/

.horizontalcssmenu ul li{

  position: relative;

  display: inline;

  float: left;

  z-index: 100;

}



/*Top level menu link items style*/

.horizontalcssmenu ul li a

{

  display: block;

  width: 140px; /*Width of top level menu link items*/

  padding: 2px 8px;

  border: 1px solid #202020;

  border-left-width: 0;

  text-decoration: none;

  background: url(kuvat/menubg_new.jpg) center center repeat-x;

  color: white;

  font: bold 13px Arial;

  z-index: 100;

}



.horizontalcssmenu ul li a:visited

{

  color:white;

}



/*Sub level menu*/

.horizontalcssmenu ul li ul

{

  left: 0;

  top: 0;

  border-top: 1px solid #202020;

  position: absolute;

  display: block;

  visibility: hidden;

  z-index: 100;

}



/*Sub level menu list items*/

.horizontalcssmenu ul li ul li{

display: inline;

float: none;

z-index: 100;

}





/* Sub level menu links style */

.horizontalcssmenu ul li ul li a{

  width: 160px; /*width of sub menu levels*/

  font-weight: normal;

  text-align:left;

  padding: 2px 5px;

  background: #b33e37;

  border-width: 0 1px 1px 1px;

  color:white;

}

.horizontalcssmenu ul li ul li a:visited

{

  color:white;

}



.horizontalcssmenu ul li a:hover

{

   background: url(kuvat/menubgover_new.jpg) center center repeat-x;

}



.horizontalcssmenu ul li ul li a:hover{

background: #fffcff;

color:black;

}





.horizontalcssmenu .arrowdiv{

position: absolute;

right: 0;

background: transparent url(kuvat/menuarrow.gif) no-repeat center left;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}



/* Holly Hack for IE \*/

* html .horizontalcssmenu ul li { float: left; height: 1%; }

* html .horizontalcssmenu ul li a { height: 1%; }

/* End */



/* Page styles */



/* poistetaan marginaalit */

body, img, form, table, div, a
{
  padding:0px;
  margin:0px;
  font-family: Arial;
  font-size: 96%;
  text-align:center;
}
p
{
  padding:0px;
  margin:0px;
  font-family: Arial;
  font-size: 96%;
}
div.vasempaan
{
  text-align:left;
}

div.keskelle
{
  text-align:center;
}
div.logo

{

  text-align:left;

  padding:0px;

  margin-left:0px;

  margin-right:0px;

  width:1018px;

  border-top:1px solid black;

  border-left:1px solid black;

  border-right:1px solid black;

  background-color:#990000;

  height:150px;

  background-image:url(kuvat/logo_jatko.jpg);

  background-repeat:repeat-x;

  margin-top:10px;

}

div.logoimg

{

  margin:0px;

  padding:0px;

  width:700px;

  height:150px;

  background-image:url(kuvat/logo2.jpg);

  background-repeat:no-repeat;

}

/* logokuva */

img.logo

{

  padding: 0px;

  margin:0px;

  border:none;

}

body

{

  background-color: #D3D3D3;

}



/* Allaolevat asettelut firefoxiin */

div.runko

{

  width:1024px;

  margin-right:auto;

  margin-left:auto;

  padding:0px;

  text-align:left;

}

div.vasen

{

  background-color:white;

  border:none;

  width:170px;

  margin-top:10px;

  margin-right:12px;

  min-height:540px;

  padding:0px;

  text-align:left;

  float:left;

  z-index: 1;

}

div.paa
{
  background-color:white;
  border:none;
  margin-top:10px;
  width:644px;
  text-align:center;
  min-height:540px;
  float:left;
  z-index: 1;

}

.paa p
{
  text-align:left;
  margin:5px;
}



div.oikea

{

  width:180px;

  margin-top:10px;

  margin-left:12px;

  background-color:white;

  border:none;

  text-align:center;

  min-height:540px;

  float:left;

  z-index: 1;

}

/************************/
div.scrolldiv
{
	text-align:left;
	position:relative;
	width:350px;
	height:200px;
	background-color:white;
	overflow:auto;
	border:2px inset gray;
}
div.gallup_vote
{
	text-align:center;
	width:70%;
	padding:2px;
	margin-left: auto;
	margin-right:auto;
	border: 1px solid silver;
}
div.gallup_ala
{
	text-align:center;
	padding:2px;
	width:170px;
	z-index:1;
}
div.gallup_tulos
{
	text-align:left;
	padding:2px;
	margin:2px;
}
p.gallup_yhteensa
{
	font-size:90%;
	text-align:left;
	font-weight:bold;
	margin-top: 5px;
}
p.gallup_otsikko
{
	font-size:90%;
	text-align:left;
	font-weight:bold;
	margin: 2px;
}
p.gallup_kuvaus
{
	font-size:90%;
	text-align:left;
	margin: 2px;
}
div.gallup_vaihtoehdot
{
	font-size:90%;
	text-align:left;
	margin-left:2px;
}
div.percentage_bar
{
	width:80%;
	height:10px;
	padding:0px;
	margin:0px;
	background-color:silver;
	border:1px solid black;
}

div.mainokset img
{
	/*border:1px solid black;*/
	padding:0px;
	margin:2px;
}
div.percentage_bar p
{
	padding-left:2px;
	margin:0px;
	font-size:9px;
}

div.pelaajakortti_ala
{

  text-align:left;

  margin:2px;

  padding:2px;

  width:170px;

  height:220px;

  z-index: 1;

  /*border:1px solid black;*/
}

div.pelaajakortti_ala p

{

  text-align:center;

  font-weight:bold;

  z-index: 1;

}

div.pelaajakortti

{

  text-align:center;

  font-size:90%;

  margin-left:25px;

  margin-right:25px;

  padding:2px;

  height:210px;

  z-index: 1;

}



div.pelaajakortti img

{

  border:none;

  z-index: 1;

}

div.pelaajakortti_iso

{

  margin-left:10px;

  padding:4px;

  width:350px;

  height:210px;

  border:none;

  text-align: left;

  z-index: 1;

}

div.pelaajakortti_iso img

{

  border:none;

  margin:0px;

  padding:0px;

  z-index: 1;

}

div.yhteyshenkilo
{
  margin-left:10px;
  padding:4px;
  width:350px;
  border:none;
  text-align: left;
  z-index: 1;
}



table.pelaajalista
{
  text-align:left;
  padding:5px;
}
table.pelaajalista td
{
  padding:3px;
}
div.sponsorit

{

  text-align:center;

  margin:2px;

  padding:2px;

  width:170px;

  /*border:1px solid black;*/

  z-index: 1;

}

img.mainoskuva

{

  padding:3px;

  border:none;

  z-index: 1;



}

div.joukkuekuva

{

  text-align:left;

  margin-left:30px;

  width:600px;

  background-color:transparent;

  z-index: 1;

}

div.joukkuesivu

{

  text-align:left;

  background-color:transparent;

  z-index: 1;

}

.paa img

{

  border:none;

  margin:5px;

  z-index: 1;

}

.joukkuekuva img

{

  border:none;

  margin:0px;

  background-color:transparent;

  z-index: 1;

}

.joukkuekuva p 

{

  float:left;

  z-index: 1;

}

.joukkuesivu p
{
  text-align:left;
  margin:5px;
  z-index: 1;
}


div.uutinen
{
  width:600px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  border:none;
}

div.uutinen table
{
  text-align:left;
}

td.otsikko, div.otsikko

{

  text-align:left;

  width:99%;

  height:40px;

  color:white;

  font-weight:bold;

  padding:10px;

  margin:0px;

  background-color:#ab0f13;

  border:none;

}

div.hallintarunko

{
  text-align:left;
  background-color: white;

  border:black;

  margin:10px;

  padding:5px;

  border:none;

}

h1

{

  text-align:left;

  font-size:140%;

  color:#ab0f13;

  font-size:140%;

  font-weight:bold;

  padding:5px;

  margin:5px 5px 10px 5px;

  border-bottom:1px solid black;

}

h2
{
  text-align:left;
  color:white;
  font-weight:bold;
  font-size:100%;
  padding-top:4px;
  padding-left:4px;
  margin:4px;
  height:24px;
  background-color:#ab0f13;
  background-image: url('kuvat/h2.jpg');
  background-repeat: repeat-x;
  background-position:center;
}

h3

{

  /*width:30%;*/

  color:white;

  font-weight:bold;

  font-size:90%;

  padding:4px;

  margin:2px;

  background-color:black;

}
th
{
  color:white;

  font-weight:bold;

  font-size:90%;

  padding:4px;

  margin:2px;

  background-color:black;
}
a:link, a:visited

{

  color:blue;

}

div.hallintaleipa

{

  margin-left:10px;

  text-align:left;

}

div.teksti
{
  text-align:left;
  margin:5px;
  background-color:white;
  z-index: 1;
}

div.teksti p
{
  padding:5px;
  text-align:left;
}

div.hallintataulu, table.hallintataulu
{
  text-align:left;
  border:none;
  background-color:white;
  padding:2px;
  margin-left:10px;
  z-index: 1;
  /*width:70%;*/
}

div.tilastotaulu, table.tilastotaulu
{
  border:none;
  background-color:white;
  padding:2px;
  margin-left:10px;
  text-align: left;
  z-index: 1;
  /*width:70%;*/
}

table.tilastotaulu td

{

  padding-bottom:2px;

  padding-left:10px;

}

table.tilastotaulu td.yhteensa
{
  border:none;
  font-weight:bold;
  padding-bottom:2px;
  padding-left:10px;
}
table.tilastotaulu td.kaikki_yht
{
  border-top:1px dashed gray;
  font-weight:bold;
  padding-bottom:2px;
  padding-left:10px;
}

div.hallintapalkki

{

  text-align:left;

  width:99%;

  border:none;

  background-color:white;

  height:50px;

  padding-left:5px;

}



div.linkkipolku

{

  text-align:left;

  position:absolute;

  top:85px;

  left:20px;

  padding:0px;

}

div.ilmoitus, td.ilmoitus
{
  color:red;
  font-weight:bold;
  margin-left:10px;
  text-align:left;
}

input.virhe

{

  border:1px solid red;

  background-color:yellow;

}

textarea.virhe

{

  border:1px solid red;

  background-color:yellow;

}

select.virhe

{

  border:1px solid red;

  background-color:yellow;

  color:red;

}

p.pieni

{

  text-align:left;

  font-size: 75%;

  margin:2px;

  padding:2px;

}

p.leipa

{

  font-size: 96%;

  text-align:left;

  margin:5px 5px 5px 5px;

  padding:0px;

}

div.lista

{

  font-size: 96%;

  text-align:left;

  margin:5px 5px 5px 5px;

  padding:0px;

  display:block;

}



/* kuvavarjostukset */



.wrap1 

{

  margin:0px;

  padding:0xp;

  float:left;

  background:url('kuvat/shadow.png') right bottom no-repeat;

  display:block;

  z-index: 1;

}

.wrap2

{

  margin:0px;

  display:block;

  background:url('kuvat/corner_bl.gif') left bottom no-repeat;

  z-index: 1;

}

.wrap3 

{

  margin:0px;

  display:block;

  padding:0px 10px 10px 0px;

  background:url('kuvat/corner_tr.gif') right top no-repeat;

  z-index: 1;

}

a

{

  color:blue;

}

/* kalenterimuotoilut */

table.kalenteri
{
  height:100px;
  width:165px;
  padding:2px;
  margin:1px;
  /*border:1px solid black;*/
}

.kalenteri td
{
  font-size:80%;
  color:black;
  text-align:center;
  background-color:silver;
  border:0px;
  padding:0.3px;
  margin:0px;
}

.kalenteri a
{
  padding:0px;
  margin:0px;
}

.kalenteri .kal_otsikko
{
  color:white;
  font-size:80%;
  font-weight:bold;
  background-color:#990000;
  text-align:center;
  padding-top:3px;
  padding-left:4px;
  margin:3px;
  height:25px;
  background-image: url('kuvat/h2.jpg');
  background-repeat: repeat-x;
  background-position:center;
}
.kalenteri .kal_pv
{
  font-weight:bold;
}
.kal_otsikko a:link
{
  color:white;
  text-decoration:none;
}

.kal_otsikko a:visited

{
  color:white;
  text-decoration:none;
}

.kal_otsikko a:hover
{
  text-decoration:underline;
}

.kalenteri td.tanaan
{
  border:2px solid #990000;
  background-color:white;
  color:black;
}
.kalenteri td.tanaan_tapaht
{
  border:2px solid #990000;
  background-color:#F0E68C;
  color:black;
}
.kalenteri .tapahtuma
{
  background-color:#F0E68C;
}

.kalenteri .normi
{
  background-color:#D3D3D3;
}

.kalenteri .tyhja
{
  background-color:transparent;
}

img.at

{
  vertical-align:text-bottom;
  border:0px;
  margin:0px;
  padding:1px;
}

div.vieraskirja
{
  text-align:center;
}
div.vieraskirja_viesti
{
  width:400px;
  min-height:80px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
  padding:0px;
  border: 1px solid silver;
  overflow-x:hidden;
}

.vieraskirja_viesti img
{
  vertical-align:text-bottom;
  margin: 2px 0px 0px 0px;
  padding:0xp;
  border:none;
}
p.vieraskirja_otsikko
{
  position:relative;
  left:-100px;
  text-align:left;
  font-size: 75%;
  margin:2px;
  padding:2px;
  display:inline;
}
p.vieraskirja_pvm
{
  position:relative;
  left:280px;
  text-align:right;
  font-size: 70%;
  margin:2px;
  padding:2px;
  display:inline;
}
div.sivunrot
{
  width:400px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-top: 6px;
  padding:4px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}
div.copyright
{
  font-size:70%;
  margin:3px 3px 3px 10px;
  padding:0px;
}

.merkinta
{
  position: relative;
  text-decoration: none;
  z-index: 50;
  display:block;
}

.merkinta:hover{
  background-color: transparent;
  z-index: 50;
}

.merkinta div
{
  position: absolute;
  left: -1000px;
  background-color: lightyellow;
  padding: 5px;
  width:300px;
  border: 1px solid gray;
  visibility: hidden;
  color: black;
  text-align:left;
}

.merkinta:hover div{
  visibility: visible;
  top: 10px;
  left: 10px;
}
.readonly
{
	background-color:InactiveCaption;
}
.varauskalenteri table
{
   text-align: left; 
   
}
.varauskalenteri tr
{
   background-color:#CCCCCC;
}
.varauskalenteri td
{
   border: 1px solid gray;
}



#tabs4 {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
	  border-bottom:1px solid #6B78A9;
  }
#tabs4 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
  }
#tabs4 li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs4 a {
  float:left;
  background:url("kuvat/tableft4.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 7px;
  text-decoration:none;
  }
#tabs4 a span {
  float:left;
  display:block;
  width:150px;
  background:url("kuvat/tabright4.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#6B78A9;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */
#tabs4 a:hover span {
  color:#6B78A9;
  }
#tabs4 a:hover {
  background-position:0% -42px;
  }
#tabs4 a:hover span {
  background-position:100% -42px;
  }

  #tabs4 #current a {
		  background-position:0% -42px;
  }
  #tabs4 #current a span {
		  background-position:100% -42px;
  }
  
#menu5 {
	text-align:left;
}