/* Yleiset */
body, input, select, textarea {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

a:link {
	color: #005FC0;
}

a:visited {
	color: #920003;
}

a:hover {
	color: #005FC0;
	text-decoration: none;
}

a:active {
	color: #8800C0;
}

a img {
	border: solid 1px;
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 115%;
}

h3 {
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #9a9a9a;
}

#vaakuna {	
	position: absolute; 
	right: 2%;
	border: 0;
}

#dummy {
	height: 82px;	
	background-image: url(img/vihrea.png);
	background-repeat: repeat-x;
}

ul#navi {
	line-height: 44px;
	height: 88px;
	background-image: url(img/keltainen.png);
	margin: 0;
	padding: 0 165px 0 1em;
	text-transform: lowercase;
	font-variant: small-caps;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

ul#navi li {
	display: inline;
	margin: 0 0.5em 0 0.5em;
}

/*** Normaalit sivut ***/
div.sis {
	margin: 0 auto 0 auto;
	padding: 0.5em 2em 2em 2em;
	max-width: 45em;

	width: expression(document.body.clientWidth > (800/12) * parseInt(document.body.currentStyle.fontSize) ? "45em" : "auto");
}

/*** Leveemmät sivut ***/
div.sis#keskustelupalsta,
div.sis#keskustelu {
	max-width: 50em;

	width: expression(document.body.clientWidth > (1024/12) * parseInt(document.body.currentStyle.fontSize) ? "50em" : "auto");
}

/*** Vapaaleveyksiset sivut ***/
div.sis#kuva {
	max-width: none;
	width: auto;
}

/*** Lisänavigaatiolliset sivut kiinnitetyllä marginilla ***/
div.sis#tapahtumat {
	margin-left: 14em;
}

/*** Lisänavigaatiolliset sivut ***/
div.sis#joukkue,
div.sis#pelaajakortti,
div.sis#valmentajakortti,
div.sis#tapahtumat {
	margin-left: expression(document.body.clientWidth > (1024/12) * parseInt(document.body.currentStyle.fontSize) ? "auto" : "12em");
	width: expression(document.body.clientWidth > (1024/12) * parseInt(document.body.currentStyle.fontSize) ? "45em" : "auto");
}

.sovitaleveys {
	width: 100%;
}

input.numero {
	text-align: right;
}

img.oikea {
	float: right;
	margin: 0em 0em 1em 1em;
}

img.vasen {
	float: left;
	margin: 0em 1em 1em 0em;
}

img.keski {
	margin: 0em auto 0em auto;
	display: block;
}

div.piilotettu {
	display: none;
}

/* ns. lisanavigaatio */

#navi2 {
	clear: left;
	float: left;
	font-size: 90%;
	max-width: 14em;
	white-space: nowrap;

	width:expression( 
	    document.body.clientWidth > (500/12) *
		parseInt(document.body.currentStyle.fontSize)?
			"14em":
			"auto" );
}

div.navi2 {
	float: left;
	margin: 0 1em 1em 0;
	padding: 0em 1em 1em 1em;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	font-size: 90%;
}

div.navi2 h2 {
	margin: 1em 0 0.5em 0;
}

div.navi2 ul {
	margin: 0;
	padding: 0;
}

div.navi2 ul li {
	margin-left: 1.5em;
}

div.navi2 ul li.otsikko {
	list-style-type: none;
	margin: 0;
}

#navi2 ul {
	list-style-type: none;
	margin: 2em;
	padding: 0;
}

div.vasen {
	float: left;
	clear: left;
}


/*** Joukkue-sivun pelaajalistaus ***/
div.sis#joukkue li {
	list-style-type: none;
}

div.sis#joukkue ul#pelaajalinkit, div.sis#joukkue ul#valmentajalinkit {
	margin: 0;
	padding: 0;
}

div.sis#joukkue li.pelaajalinkki, div.sis#joukkue li.valmentajalinkki {
	float: left;
	margin-left: 1.2em;
	width: 210px;
	height: 13em;
}

div.sis#joukkue li.valmentajalinkki {
	height: auto;
}

div.sis#joukkue img {
	border: 0;
}

div.sis#joukkue li.pelaajalinkki ul, div.sis#joukkue li.valmentajalinkki ul {
	font-size: 90%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

div.sis#joukkue ul#valmentajalinkit {
	clear: both;
}

div.kuva_copyright {
	clear: both;
	font-size: 80%;
}


/* Yksittaiset pelaajat, ns. pelaajakortit */
div.sis#pelaajakortti ul.tiedot, div.sis#valmentajakortti ul.tiedot {
	margin-left: 0;
	padding-left: 0;
}

div.sis#pelaajakortti li.otsikko {
	list-style-type: none;
}

div.sis#pelaajakortti li.otsikko h3 {
	margin: 0 0 0.5em 0;
}

div.sis#pelaajakortti li.tieto, div.sis#valmentajakortti li.tieto {
	margin-left: 2em;
}

div.sis#pelaajakortti li#nimi, div.sis#valmentajakortti li#nimi {
	list-style-type: none;
	margin-left: 0;
}

div.sis#valmentajakortti ul.kuvat,
div.sis#pelaajakortti ul.kuvat {
	float: right;
	list-style-type: none;
	text-align: center;
}

div.sis#pelaajakortti h2 {
	white-space: nowrap;
}

div.sis#pelaajakortti img,
div.sis#valmentajakortti img {
	border: 0;
}

div.sis#pelaajakortti dl,
div.sis#valmentajakortti dl {
	margin: 0;
	display: inline;
}

div.sis#pelaajakortti dt,
div.sis#pelaajakortti dd,
div.sis#valmentajakortti dt,
div.sis#valmentajakortti dd {
	display: inline;
}

div.sis#pelaajakortti dl.lista dt,
div.sis#pelaajakortti dl.lista dd,
div.sis#valmentajakortti dl.lista dt,
div.sis#valmentajakortti dl.lista dd {
	display: block;
}

div.sis#pelaajakortti ul.tiedot#muut dt,
div.sis#pelaajakortti ul.tiedot#muut dd {
	display: block;
}

div.sis#pelaajakortti ul.tiedot#muut dd {
	margin-left: 1em;
}

div.sis#pelaajakortti dd,
div.sis#valmentajakortti dd {
	margin: 0 0 0 0.2em;
}

div.sis#pelaajakortti dl.lista dd,
div.sis#valmentajakortti dl.lista dd {
	margin: 0 0 0 2em;

}

div.sis#pelaajakortti dd ul,
div.sis#valmentajakortti dd ul {
	margin: 0;
	padding: 0;
}


/* Keskustelupalsta */
ul.toka#keskustelu_menu form#haku {
	margin: 0;
}

ul.toka#keskustelu_menu form#haku input#hakuteksti {
	width: 10em;
}

ul.toka#keskustelu_menu form#haku input.nappi {
	margin: 0.2em 0 0 0;
}

div.sis#keskustelupalsta table#keskustelut {
	margin: 0 0 0.5em 0;
	border-collapse: collapse;
}

div.sis#keskustelupalsta table#keskustelut tr.pariton {
	background-image: url(img/keltainen2.png);
	background-repeat: repeat-x;
}

div.sis#keskustelupalsta table#keskustelut tr.pariton_piilotettu,
div.sis#keskustelupalsta table#keskustelut tr.parillinen_piilotettu {
	background-image: url(img/vihrea.png);
}

div.sis#keskustelupalsta table#keskustelut tr.pariton_piilotettu a,
div.sis#keskustelupalsta table#keskustelut tr.parillinen_piilotettu a {
	color: white;
}


div.sis#keskustelupalsta table#keskustelut th,
div.sis#keskustelupalsta table#keskustelut td {
	text-align: left;
	padding: 0.2em;
	margin: 0;
}

div.sis#keskustelupalsta table#keskustelut td.vastauksia
{
	text-align: center;
}

div.sis#keskustelupalsta table#keskustelut div.sivut {
	font-size: 75%;
	margin: 0.2em 0 0 0;
}

div.sivut#ylasivut
{
	margin-bottom: 0.4em;
}

.inputhelp {
	font-size: 90%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

p.ohje {
	margin: 0 1em 1em 1em;
}

.virhe
{
	font-weight: bold;
	color: red;
}
.ok
{
	font-weight: bold;
	color: green;
}

label {
	display: block;
	font-size: 90%;
	margin-top: 0.5em;
}

label input {
	vertical-align: middle;
}

div.sis#keskustelupalsta textarea#input_message,
div.sis#keskustelupalsta input#input_header,
div.sis#keskustelu textarea#input_message,
div.sis#keskustelu input#input_header {
	width: 100%;
}

label.inline {
	display: inline;
}

img#check {
	vertical-align: middle;
}


/*** Yksittäinen keskustelu ***/
div.sis#keskustelu span.kayttaja {
	float: none;
	margin-left: 0.5em;
}

div.sis#keskustelu div.viesti {
	border: solid 1px #FBC81E;
	margin-bottom: 2em;
}

div.sis#keskustelu div.piilotettu_viesti {
	border: solid 1px #00CA81;
	margin-bottom: 2em;
}
	
div.sis#keskustelu div.yla {
	background-image: url(img/keltainen2.png);
	background-repeat: repeat-x;
}

div.sis#keskustelu div.piilotettu_viesti div.yla {
	background-image: url(img/vihrea.png);
}

div.sis#keskustelu div.piilotettu_viesti div.yla a {
	color: white;
}

div.sis#keskustelu div.yla span.kayttaja,
div.sis#keskustelu div.yla span.pelaaja {
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

div.sis#keskustelu div.yla,
div.sis#keskustelu div.teksti,
div.sis#keskustelu div.yllapito {
	overflow: auto;
}

div.sis#keskustelu form.ilmianto {
	margin: 0;
	float: right;
}

div.sis#keskustelu form.ilmianto input.nappi {
	padding: 0 0.2em 0.3em 0.2em;
	border: none;
	background: transparent;
	text-decoration: underline;
	color: #005FC0;
	font-size: 75%;
}

div.sis#keskustelu blockquote {
	margin: 0.2em 0.2em 0.5em 0.2em;
	border: 1px solid #FBC81E;
	background-color: #FFF9E5;
	padding: 0.3em;
}

div.sis#keskustelu blockquote div.otsikko {
	font-size: 75%;
	font-weight: bold;
}

div.sis#keskustelu blockquote q {
}

div.sis#keskustelu div.yllapito {
	border-top: solid 1px #FBC81E;
	background-image: url(img/keltainen2.png);
	padding: 0.2em;
	font-size: 75%;
}

div.sis#keskustelu div.piilotettu_viesti div.yllapito {
	border-top: solid 1px #00CA81;
	background-image: url(img/vihrea.png);
}

div.sis#keskustelu div.piilotettu_viesti div.yllapito a {
	color: white;
}

div.sis#keskustelu div.yllapito div.piilota, 
div.sis#keskustelu div.yllapito div.hyvaksy, 
div.sis#keskustelu div.yllapito div.bannaa, 
div.sis#keskustelu div.poista {
	float: right;
	clear: right;
}

div.sis#keskustelu div.ala span.piilotettu {
	color: red;
}

div.sis#keskustelu div.teksti {
	padding: 0.5em;
}

div.sis#keskustelu div.teksti span.hakuosuma {
	font-weight: bold;
}

/* Mainokset ja muut oheiskamat */

div#mainos {
	height: 50px;
	clear: both;
	background-image: url(img/nebulatausta.gif);
}

div#mainos p#special {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	position: absolute;
	top: 5px;
	left: 15px;
	right: 490px;
}

div#mainos img#nebula {
	border: 0;
	position: absolute;
	top: 0;
	right: 175px;
}

#subtv {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: 82px;
	background-image: url(img/tulostaulu.png);
	background-repeat: no-repeat;
	background-position: center;
}

div#subtv p#tj {
	font-size: 75%;
	padding-left: 0.3em;
}

#subtv img {
	border: 0;
	margin: 0 0 0 0.5em;
	padding: 0;
	}
#subtv p {
	margin: 0 0 0 0.5em;
	}
#eisiishai {
	text-align: center;
	clear: both;
	font-size: 0.6em;
	color: #c3c3c3;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2em 1em 2em 1em;
	margin: 0;
	background-color: #f1f1f1;
	border-top: 1px solid #6B6B6B;
	}

p.aloitus {
	font-weight: bold;
	}

/*** Tapahtumat ***/
div.vasen#tapahtumat_vasen {
	padding: 1em 1em 1em 1em;
	width: 13em;
}

table#kalenteri td {
	text-align: center;
	padding: 0 0.1em 0 0.1em;
}

td.viikko a {
	color: #AAAAFF;
	text-decoration: none;
}

table#kalenteri td.paritonkuu {
	background-color: #EEEEEE;
}

table#kalenteri span.tapahtuma {
	font-weight: bold;
}

table#kalenteri span.viikonloppu {
	color: red;
}

table#kalenteri td#tanaan {
	border: solid 2px green;
	background-color: #CCEECC;
}

ul#urlit, ul#syotteet {
	font-size: 80%;
	padding: 0;
	margin: 1em 0 1em 0;
}

ul#urlit li.otsikko h2, ul#syotteet li.otsikko h2 {
	margin: 0 0 0.2em 0;
}

ul#urlit li, ul#syotteet li {
	list-style-type: none;
	margin: 0 0 0.5em 0;
}

ul#syotteet li img {
	border: 0;
}

div.tapahtuma, div.tapahtuma_piilotettu, div.viikko {
	margin-bottom: 1em;
}

div.tapahtuma {
	border: solid 1px #FBC81E;
}

div.tapahtuma_piilotettu {
	border: solid 1px #00CA81;
}

div.tapahtuma div.yla, div.tapahtuma_piilotettu div.yla {
	background-image: url(img/keltainen2.png);
	padding: 0.1em 0.3em 0.1em 0.3em;
}

div.tapahtuma_piilotettu div.yla {
	background-image: url(img/vihrea.png);
}

div.tapahtuma span.nimi, div.tapahtuma_piilotettu span.nimi {
	font-weight: bold;
}

div.tapahtuma span.aika, div.tapahtuma_piilotettu span.aika {
	float: right;
}

div.tapahtuma span.paikka, div.tapahtuma_piilotettu span.paikka {
	display: block;
}

div.tapahtuma div.kuvaus, div.tapahtuma_piilotettu div.kuvaus {
	padding: 0.4em;
}

div.tapahtuma div.osallistujat, div.tapahtuma_piilotettu div.osallistujat {
	padding: 0.1em 0.3em 0.1em 0.3em;
	border-top: solid 1px #FBC81E;
}

div.tapahtuma_piilotettu div.osallistujat {
	border-top: solid 1px #00CA81;
}

div.tapahtuma_piilotettu div.yllapito {
	border-top: solid 1px #00CA81;
}

div.tapahtuma div.yllapito {
	border-top: solid 1px #FBC81E;
}

div.tapahtuma div.yllapito div.omatila, div.tapahtuma_piilotettu div.yllapito div.omatila {
	float: left;
}

div.tapahtuma div.yllapito div.muokkaa, div.tapahtuma_piilotettu div.yllapito div.muokkaa {
	text-align: right;
}

div.viikko {
	font-weight: bold;
	font-size: 110%;
}

div#tapahtuma_muokkaus div.osallistuja span.pelaaja {
	padding-left: 2em;
}

/*** Videot ***/
ul.videot {
	padding-left: 2em;
	margin-left: 0;
}

ul.videot li.video {
	margin-bottom: 0.5em;
	list-style-type: none;
}

ul.videot li.video span.selite {
	display: block;
	padding-left: 1em;
	font-size: 90%;
}

/*** Ilmiannot ***/
div.sis#ilmiannot table {
	border-collapse: collapse;
}

div.sis#ilmiannot tr.pariton_ilmianto {
	background-image: url(img/keltainen2.png);
}

div.sis#ilmiannot td.viesti {
	text-align: center;
}

/*** Kuntotesti-taulukko ***/
table.kuntotesti {
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}

table.kuntotesti tr.pariton {
	background-image: url(img/keltainen2.png);
}

table.kuntotesti th,
table.kuntotesti td {
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0;
}

table.kuntotesti td.pelinumero,
table.kuntotesti td.nopeus,
table.kuntotesti td.ponnistus,
table.kuntotesti td.kestavyys {
	text-align: center;
}

table.kuntotesti td.pituus, 
table.kuntotesti td.paino,
table.kuntotesti td.rasvaprosentti,
table.kuntotesti td.painoindeksi {
	text-align: right;
}


/*** Kuvat ***/
div.sis#kuvat {
	max-width: none;
	width: auto;
}

div.sis#kuvat ul {
	margin: 0;
	padding: 0;
}

div.sis#kuvat li {
	list-style-type: none;
}

div.sis#kuvat li.kuvalinkki {
	float: left;
	width: 250px;
	height: 270px;
	margin: 0 1em 2em 1em;
}

div.sis#kuvat li.kuvalinkki img {
	display: block;
	margin: 0 auto 0 auto;
}

div.sis#kuvat div.kuvaaja {
	font-size: 75%;
	text-align: center;
}

div.navi2#kuvatmenu {
	width: 20em;
}

div.navi2#kuvatmenu form,
div.navi2#kuvatmenu form div {
	display: inline;
}

div.navi2#kuvatmenu li.kuvakategorialinkki input {
	font-size: 90%;
	vertical-align: middle;
}

div.navi2#kuvatmenu form.kuvakategoriasiirto {
	display: inline;
	margin: 0;
}

div.sis#kuvat form.kuvasiirto {
	display: block;
	text-align: center;
}

div.navi2#kuvatmenu form.kuvakategoriasiirto input,
div.sis#kuvat form.kuvasiirto input {
	vertical-align: middle;
	font-size: 75%;
}

div.navi2#kuvatmenu li.kuvakategorialinkki input#muokattavakategoria,
div.navi2#kuvatmenu li.kuvakategorialinkki input#uusikategoria {
	width: 12em;
}

/* Joukkue - Naamakuvat */
div.sis#kuvat ul.kuvakategoria#kategoria2 li.kuvalinkki {
	width: auto;
}

div.sis#kuvat ul.kuvakategoria#kategoria2 img,
div.sis#kuvat ul.kuvakategoria#kategoria4 img,
div.sis#kuvat ul.kuvakategoria#kategoria7 img {
	border: none;
}

div.sis#kuvat ul.kuvakategoria#kategoria2 div.kuvaaja,
div.sis#kuvat ul.kuvakategoria#kategoria4 div.kuvaaja {
	display: none;
}

/*** Yksittäinen kuva ***/
div.sis#kuva {
	margin-top: 20px;
}

div.sis#kuva div#kuvatausta {
	text-align: center;
}

div.sis#kuva div#kuvasisus {
	display: inline;
}

div.sis#kuva span#kategoria {
	margin: 0 3em 0 3em;
}

div.sis#kuva h2 {
	margin: 0 0 0.2em 0;
}


div.sis#kuva img {
	clear: both;
}

div.sis#kuva div.kuvaaja {
	text-align: center;
}

div.sis#kuva form label {
	font-size: 100%;
}

div.sis#kuva form label input {
	vertical-align: middle;
}

div.sis#kuva label.kuvahenkilot {
	display: inline;
	margin: 0 1em 0 0;
}

/*** Yksittäinen jaksoteksti ***/
div.sis#jakso div.kirjoittaja {
	clear: both;
	font-size: 70%;
	text-align: right;
}

/*** Blogin muokkaus ***/
div.sis#blogi_muokkaa input#otsikko,
div.sis#blogi_muokkaa textarea#teksti {
	width: 100%;
}

div.sis#blogi_muokkaa table {
	border-collapse: collapse;
}

div.sis#blogi_muokkaa table th {
	text-align: left;
}

div.sis#blogi_muokkaa table td {
	padding: 1em;
	vertical-align: top;
	border: 1px solid black;
	margin: 0;
}

/*** Blogien menu ***/
div#navi2 ul.toka#blogit_menu {
	white-space: normal;
}

div#navi2 ul.toka#blogit_menu li.blogi {
	margin: 0 0 1em 0;
}

/*** Blogin näyttö ***/
div.sis#blogi div#tiedot {
	text-align: right;
	font-size: 75%;
	clear: both;
}

/*** Blogilistaus ***/
div.sis#blogit ul#blogilista {
	margin: 0;
	padding: 0;
}

div.sis#blogit ul#blogilista li {
	list-style-type: none;
	margin: 0 0 1em 0;
}

div.sis#blogit div.tiedot {
	font-size: 80%;
}

/*** Pelaajatietojen muokkaus ***/
div.sis#player form.attribuutinsiirto {
	display: inline;
	float: right;
}