/* ===================================================
  <<<   JU-Salibändyn CSS-tyylitiedosto ulkoasun esittämistä varten  >>>
=================================================== */
body {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	color: #000000;
	background: #c1cdcd;
	text-align: center;
}
/* =============================================
Normaalien linkkien värit
============================================= */
a {
	color: #C00000;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #C00000;
	text-decoration: underline;
}
img{
	border:none;
}
h1 {
	font-size: 1.3em;
	color: #413D3D;
}
h2 {
	font-size: 1.1em;
	color: #413D3D;
	border-bottom: 1.5px dotted #C1CDCD;
	margin-top:20px;
}
h3 {
	font-size: 1.2em;
	color: #413D3D;
}
table th,
td.sarjataso{
	color: #413D3D;
	font-weight:bold;
}
/* =============================================
Login: Yläosan sisäänkirjautumis lomake
============================================= */
#login{
	text-align:right;
	width:990px;
	margin: auto;
}
#login span{
	border-top: 1px solid #DD9C06;
	border-left: 1px solid #DD9C06;
	border-right: 1px solid #DD9C06;
}
/* =============================================
PageFrame: Kehys, joka ympäröi koko sivua
============================================= */
#frame {
	width:990px;
	margin: auto;
	text-align:left;
	background: #D8DBDB;
	padding: 0;
	border-left:1px solid #DD9C06;
	border-right:1px solid #DD9C06;
	border-top:1px solid #DD9C06;
	border-bottom:1px solid #DD9C06;
}
/* =============================================
Header: Sivun yläosan headeri
============================================= */
#header {
	background: url(kuvat/header.jpg) no-repeat;
	height: 120px;
}
/* =============================================
Sarake laypoutin tuulit (kahden ja kolmen
sarakkeen vaihtoeddot)

Ensin tulee kolmen sarakkeen layout...
============================================= */
#trecol_container1 {
	float:left;
	width:100%;
	background:#FFFFFF;
	position:relative;
	right:60%;
	font-size: 0.8em;
	line-height: 1.5em;
}
#trecol_container2 {
	float:left;
	width:100%;
	background:#FFFFFF;
	position:relative;
	right:20%;
}
#trecol_container3 {
	float:left;
	width:100%;
	background:#FFFFFF;
	overflow:hidden;
	position:relative;
}
#trecol_col1 {
	float:left;
	width:18%;
	position:relative;
	left:81%;
	overflow:hidden;
	padding-top: 10px;
}
#trecol_col2 {
	float:left;
	width:58%;
	position:relative;
	left:83%;
	overflow:hidden;
	padding-top: 10px;
}
#trecol_col3 {
	float:left;
	width:18%;
	position:relative;
	left:85%;
	overflow:hidden;
	padding-top: 10px;
}
/* =============================================
...ja sitten kahden sarakkeen layout...
============================================= */
#twocol_container1 {
	float:left;
	width:100%;
	background: #FFFFFF;
	position:relative;
	right:78%;
	font-size: 0.8em;
	line-height: 1.5em;
	border-right: 1.5px dotted #C1CDCD;
}
#twocol_container2 {
	float:left;
	width:100%;
	background:#FFFFFF;
	overflow:hidden;
	position:relative;
}
#twocol_col1 {
	float:left;
	width:21%;
	position:relative;
	left:79%;
	overflow:hidden;
	padding-top: 10px;
	font-size: 13px;
}
#twocol_col2 {
	float:left;
	width:75%;
	position:relative;
	left:81%;
	overflow:hidden;
	padding-top: 10px;
}
/* =============================================
Virhe/huomautus ja Ok "laatikko"
============================================= */
div.alert{
	background-color: #FCF6DF;
	border: 1px solid #DD9C06;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:0 10px;
}
div.ok{
	background-color: #E7FBDB;
	border: 1px solid #A5D18A;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:0 10px;
}
div.alert p,
div.ok p{
	margin-top: 10px;
	margin-bottom: 10px;
}
/* =============================================
Listan pallo kuvan määrittely
============================================= */
ul {
	list-style-image: url(kuvat/lista_pallo.jpg);
}
/* =============================================
Lomakkeiden taustan, fonttien/värien yms. määritelmiä
============================================= */
div.lomakePohja {
	background: #E3E3E3;
	margin: 20px 0 20px 0;
	padding: 10px 20px 10px 20px;
}
div.lomakePohja a {
	color: #C00000;
	background: #E3E3E3;
	text-decoration: none;
}
div.lomakePohja a:hover {
	color: #C00000;
	background: #E3E3E3;
	text-decoration: underline;
}
div.lomakePohja fieldset {
	border: 1px #65764B;
	border-style: dotted;
	padding: 10px;
}
div.lomakePohja legend {
	font-family: helvetica, arial, "Nimbus Sans L", sans-serif;
	font-weight: bold;
	letter-spacing: 0;
	color: #413D3D;
	background: #E3E3E3;
}

div.lomakePohja label {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: bold;
	color: #413D3D;
	background: #E3E3E3;
}

div.lomakePohja .lomakeMerkkilaskuri {
	font-weight: bold;
	color: #000000;
	background: #E1E1E1;
}

.lomakeButton {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: bold;
	color: #323232;
	background: #CCCCCC;
	height: 25px;
	margin-top:10px;
}
/* =============================================
Etusivun "laatikoiden" tyylejä
============================================= */
.etu_kehys {
	border: 1px solid #C1CDCD;
	margin-bottom: 10px;
}
.etu_kehys h1,
.etu_kehys h2,
.etu_kehys h3,
.etu_kehys h4 {
	margin:0;
	padding:4px 10px 5px 9px;
	color: #413D3D;
}
.etu_kehys h1{
	font-size: 15px;
	line-height:1.1em;
}
.etu_kehys h2{
	font-size: 13px;
	line-height:1.1em;
}
.etu_kehys h1, .etu_kehys h3 {
	background:#C1CDCD;
}
.etu_kehys h2,
.etu_kehys h4,
.lisaa_linkki,
div.kysely_aikaisemmat{
	background: #D8DBDB;
}
.etu_kehys h3 {
	font-size: 13px;
	line-height:1.3em;
}
.etu_kehys h4 {
	font-size: 12px;
	line-height:1.2em;
}
.lisaa_linkki,
.etu_kehys table,
p.pieni{
	font-size: 11px;
}
.etu_kehys table{
	width: 100%;
	margin-bottom: 10px;
	border-collapse:collapse;
	line-height:1.5em;
}
.etu_kehys table th,
p.pieni{
	line-height:1.3em;
}
.center{
	text-align: center;
}
.oikea{
	text-align: right;
	padding-right: 7px;
}
.vasen{
	text-align: left;
}
.parillinen {
	background: #E1E1E1;
}
.lisaa_linkki{
	padding-left: 4px;
}
.lisaa_linkki img{
	padding-bottom: 1px;
}
.etu_kehys form {
	margin:0;
}
table.kysely_vastaukset{
	font-size: 13px;
	margin:0;
	line-height:1.1em;
}
table.kysely_vastaukset td{
	padding-top: 5px;
}
td.kysely_radio{
	width: 15%;
}
td.kysely_radio input{
	vertical-align:middle;
	margin:0 0 0 7px;
}
.etu_kehys p{
	margin-top: 5px;
	margin-bottom:7px;
	padding-left: 7px;
}
p.kysely_vastaus{
	font-size: 12px;
	line-height:1.3em;
}
div.kysely_aikaisemmat {
	padding: 2px 0 2px 7px;
	font-size: 13px;
}
table.seuraavat_treenit{
	width:65%;
	margin:auto;
	text-align:center;
}
.havio{
	color:red;
	font-weight:bold;
}
.voitto{
	color:green;
	font-weight:bold;
}
th.alleviivaus{
	text-decoration:underline;
}
#aikaisemmatKyselyt{
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 0.9em;
	text-align:left;
	padding-left:5px;
}
/* =============================================
Etusivun pyöreäreunainen laatikko
============================================= */
.round_box {
	background: url(kuvat/vasen_yla.png) no-repeat top left;
	width:250px;
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.round_yla {
	background: url(kuvat/oikea_yla.png) no-repeat top right;
}
.round_ala {
	background: url(kuvat/vasen_ala.png) no-repeat bottom left;
}
.round_ala div {
	background: url(kuvat/oikea_ala.png) no-repeat bottom right;
}
.round_teksti {
	background: url(kuvat/reunus.png) top right repeat-y;
}
.round_teksti h1 {
	margin-top: 10px;
	font-size:140%;
	color: #413D3D;
}
.round_teksti p {
	margin-bottom: 10px;
}
.round_yla div,
.round_yla,
.round_ala div,
.round_ala {
	width: 100%;
	height: 10px;
}
.round_teksti, .round_ala {
	margin-top: -10px;
}
.round_teksti { 
	padding: 0 10px;
}
/* =============================================
Ajankohtaista tyylit
============================================= */
h1.ajankohtaista{
	margin-top:0;
	font-size:140%;
	color: #413D3D;
}
div.ajankohtaista_header{
	border-bottom:1px solid #BBBBBB;
	padding-top:5px;
}
span.ajankohtaista_otsikko{
	font-weight:bold;
	color: #413D3D;
}
span.ajankohtaista_pvm{
	font-style:italic;
}
div.ajankohtaista_teksti p{
	margin-top: 5px;
	line-height:1.35em;
}
/* =============================================
Pystysuora navigointi
============================================= */
.vert_navigointi h1{
	color: #413D3D;
	font-size:15px;
	border-bottom: 1.5px dotted #C1CDCD;
	margin-right:10px;
	margin-bottom:10px;
}
.vert_navigointi ul{
	padding:0;
	margin-top:0;
	margin-left:0;
}
.vert_navigointi li a{
	padding-top: 2px;
}
.vert_navigointi li img,
div.kysely_aikaisemmat img{
	padding-bottom: 2px;
}
/* =============================================
Otteluohjelmien ja raporttien tyylejä
============================================= */
table.otteluohjelma,
table.tilastot,
table.tilastot_ennatykset,
table.joukkue_tilastot{
	margin-bottom: 10px;
	border-collapse:collapse;
}
table.otteluohjelma td,
table.otteluohjelma th,
table.tilastot td,
table.tilastot th{
	padding:2px 10px;
}
table.otteluohjelma td img{
	margin-bottom: -2px;
}
ul#valilehdet{
	text-align: left; 
	font-weight: bold; 
	border-bottom: 2px solid #C1CDCD; 
	list-style-type: none;
	padding: 3px 10px 1px 10px;
	width:700px;
	margin: 10px 0 0 0;
}
ul#valilehdet li{
	display: inline;
}
ul#valilehdet li a {
	padding: 2px 30px; 
	border: 2px solid #C1CDCD; 
	background-color: #D8DBDB;
	color: #413D3D;
	font-size:1em;
	margin-right: 0px; 
	text-decoration: none;
	border-bottom: none;
}
ul#valilehdet li.aktiivinen a{
	border-bottom: 2px solid #E6E6E6;
	background-color: #E6E6E6;
	font-size:1.1em;
	position: relative;
	padding: 3px 30px;
}
ul#valilehdet a:hover { 
background: #E6E6E6;
}
div.raportit_sisalto {
	margin:0 0 20px 0;
	width:720px;
	background-color:#E6E6E6;
}
div.raportit_otsikko {
	padding: 15px 0 15px 0;
	border-bottom: 2px solid #DDD9D9;
}
div.raportit_otsikko table th {
	font-size:1.4em;
}
div.raportit_sisalto h1,
div.raportit_sisalto table.raportit_tahdet th,
table.raportit_viimepisteet th{
	margin: 0px;
	padding:2px 0;
	color: #413D3D;
	text-align:center;
	background:#DDD9D9;
	font-size:1.1em;
}
div.raportit_sisalto div.raportit_otsikko table{
	text-align: center;
	line-height:1.3em;
	width:100%;
}
div.raportit_kokoonpano table{
	margin: 0 auto 0 auto;
	text-align: center;
	line-height:1em;
}
div.raportit_sisalto div.raportit_kokoonpano table td{
	padding-bottom:1px;
}
div.raportit_sisalto table td{
	padding:0 7px;
}
table.raportit_ottelutapahtumat {
	background:#FFFFFF;
	width:100%;
	border-collapse:collapse;
	line-height:1em;
}
table.raportit_ottelutapahtumat td,
div.raportit_kokoonpano{
	padding:5px !important;
}
table.raportit_ottelutapahtumat td.aika{
	text-align: center;
	width: 10%;
	background-color: #D8DBDB;
}
table.raportit_ottelutapahtumat td.ottelutapahtumaVasen{
	text-align: right;
	width: 45%;
}
table.raportit_ottelutapahtumat td.ottelutapahtumaOikea{
	width: 45%;
	text-align: left;
}
div.raportit_raportti,
div.raportit_ennakko{
	background-color:#FFFFFF;
	padding: 10px 0;
}
div.raportit_sisalto div.raportit_raportti table.raportit_tahdet {
	margin:0 10px 0 0;
	border-collapse:collapse;
	border: 2px solid #DDD9D9;
}
div.raportit_sisalto table.raportit_tahdet td{
	text-align:left;
	border: 2px solid #DDD9D9;
	padding:5px 7px;
}
div.raportit_sisalto table.raportit_viimepisteet{
	border-collapse:collapse;
	width: 70%;
	line-height:1.1em;
}
div.raportit_sisalto table.raportit_viimepisteet td,
div.raportit_sisalto table.raportit_viimepisteet th{
	padding:3px 3px 3px 10px;
	text-align:left;
	font-size:1em;
}
div.raportit_sisalto table.nippeli_tilastot {
	width:40%;
	margin-right:20px;
	border-collapse:collapse;
}
div.raportit_sisalto table.nippeli_tilastot td, div.raportit_sisalto table.nippeli_tilastot th {
	padding:2px 10px;
	text-align:center;
}
div.keski {
	text-align:center;
	color: #000000;
	background: #FFFFFF;
	border: 1px #DD9C06 solid;
	margin: auto;
}

div.keski img {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 2px;
}
div.keski p {
	font-size: 11px !important;
	font-weight: bold !important;
	color: #413D3D;
	background: #C1CDCD;
	border-top: 1px #DD9C06 solid;
	text-align: center;
	margin: 0;
	padding: 2px;
}
/* =============================================
Tilastot osion tyylejä
============================================= */
ul#tilasto_valilehdet{
	font-weight: bold; 
	border-bottom: 2px solid #C1CDCD;
	list-style-type: none;
	padding: 5px 10px 4px 10px;
	margin: 20px 0 20px 0;
}
ul#tilasto_valilehdet li{
	display: inline;
}
ul#tilasto_valilehdet li a {
	padding: 5px 25px;
	border: 2px solid #C1CDCD;
	background-color: #E1E1E1;
	color: #413D3D;
	margin-right: 0px; 
	text-decoration: none;
	border-bottom: none;
	font-size:15px;
}
ul#tilasto_valilehdet li.nykyinen a{
	border-bottom: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	position: relative;
	padding-top: 5px;
	font-size:15px;
}
ul#tilasto_valilehdet a:hover { 
background: #FFFFFF;
}
table.tilastot{
	width:70%;
	text-align:right;
}
table.tilastot th{
	text-align:right;
}
table.ennatykset_vasen{
	width:92%;
}
table.ennatykset_vasen td{
	vertical-align:top;
}
table.tilastot_ennatykset{
	text-align:left;
	width:100%;
}
/* =============================================
Joukkue ja pelaaja esittelyn tyylit
============================================= */
img.keskitetty {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
table.joukkue_tilastot{
	border: 2px solid #E1E1E1;
	margin-left: 1px;
	width:47%;
	text-align:left;
	margin-right:20px;
}
table.joukkue_tilastot tr.vali_tulos{
	height:10px;
}
span.erikoistilanne{
	padding-left: 10px;
}
span.erikoistilanne,
span.tumma{
	font-weight:bold;
	color: #413D3D;
}
tr.yla td{
	padding-top:5px;
}
tr.yla_ala td{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 2px solid #E1E1E1;
}
tr.ala td{
	padding-bottom:5px;
	border-bottom: 2px solid #E1E1E1;
}
div.kuvaVasen {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
}
table.pelaaja_esittely{
	line-height:1.2em;
}
table.pelaaja_esittely td{
	padding-right:5px;
}
tr.yhteensa th{
	border-top:1px solid black;
	border-bottom:1px solid black;
	background: #DDD9D9;
}
tr.vali_yhteensa th{
	border-top:1px solid black;
	border-bottom:1px solid black;
	background: #E1E1E1;
}
.ala_viiva,
.ala_viiva th{
	border-bottom:1px solid black;
}
a.nayta_piilota{
	font-weight:normal;
	font-size:0.9em;
}
.piilota{
	display:none;
}
/* =============================================
Historia tyylit
============================================= */
table.merkkipaalut td{
	padding: 0 6px 3px 6px;
}
/* =============================================
Linkki taulukon tyylit
============================================= */

table.linkit{
	width: 100%;
	padding-top: 10px;
}

table.linkit td{
	width: 33.33%;
	vertical-align: top;
	text-align: left;
}

table.linkit h2{
	margin: 0;
	border:none;
}

table.linkit ul{
	padding: 0 0 0 15px;
	margin:10px 0 0 0;
	font-size: 1em;
}
/* =============================================
Vieraskirjan tyylit
============================================= */
div.lomakePohja p img{
	vertical-align:middle;
}
div.vieraskirja{
	width: 490px;
	background: #E3E3E3;
	border:1px solid #DD9C06;
	padding:0 5px 0 5px;
	margin-bottom:20px;
}
div.kokoviesti{
	background: #FFFFFF;
	border:1px dotted #DD9C06;
	margin-top:5px;
}
div.viesti_nimi{
	float:left;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
div.viesti_paiva{
	float:right;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}
div.viesti{
	clear:both;
	border-top:1px solid #BBBBBB;
	padding:0 10px;
	overflow: hidden;
}
div.viesti p{
	margin:5px 0;
	line-height:1.3em;
	text-align: justify;
}
p.vieraskirja_sivut{
	text-align:center;
	margin:5px 0;
}
a.sivunumero,
span.sivunumero_valittu{
	border:1px solid #DD9C06;
	padding:1px 4px 1px 4px;
	margin-right:3px;
	background:#FFFFFF;
}
a.sivunumero:hover{
	background: #E3E3E3;
}
/* =============================================
Footer tyylit
============================================= */
#footer{
	background:#FFFFFF;
	clear:both;
	height:30px;
	border-top:1px dotted #DD9C06;
}

/* =============================================
Parannusehdotuksen tyylit
============================================= */
#PopUp{
	font-size: 12px;
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(kuvat/tausta.png) no-repeat;
	width: 400px;
	height: 290px;
}
#PopUp p input{
	font-size: 12px;
}
#PopUp p{
	line-height: 1;
}

div.ehdotukset{
	width: 90%;
	border: 1px solid #DD9C06;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
	background-color: #e3e3e3;
}
h1.eh-otsikko {
	background: #D8DBDB;
	margin: 0 -10px 10px;
	padding-bottom:10px;
	padding-left:12px;
	padding-top:10px;
	border-bottom: 1px solid #DD9C06;
}
div.ehdotus{
	background-color: #FFFFFF;
	border: 1px dotted #DD9C06;
	padding: 10px 10px 0 10px;
	margin-top:10px;
}
div.eh-header,
div.eh-aihe,
div.kom-header{
	font-size: 0.9em
}
div.eh-toiminnot{
	float: right;
}
div.eh-toiminnot a:hover{
	cursor:pointer;
}

div.eh-paiva{
	float: left;
}
div.eh-header{

}
div.eh-aihe{
	clear: both;
	border-top:1px solid #BBBBBB;
	padding-top: 5px;
}
a.eh-linkki{
	padding-left: 10px;
}
div.kommentit{
	border: 1px dotted #DD9C06;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2.kom-otsikko{
	margin: 0 -10px 10px;
	padding-bottom:5px;
	padding-top: 5px;
	padding-left:7px;
	border-bottom: 1px dotted #DD9C06;
	font-size: 0.9em !important;
	background-color: #E1E1E1;
}
span.kom-paiva{
	font-style: italic;
	text-decoration: underline;
}
div.kom-teksti p{
	line-height: 1.2em !important;
}
.etu_kehys h4 a.ulos{
	font-weight: normal;
	font-size:10px;
	padding-left:5px;
	vertical-align:middle;
}
.etu_kehys p.tunnus{
	font-size: 11px;
}
/* =============================================
Tapahtumakalenteri
============================================= */
table.kalenteri{
	width: 420px;
	background-color: #616161;
	color: #616161;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	text-align: center;
}
.otsake {
	font-size: 2em;
	background-color: #eff3f3;
	vertical-align: middle;
	padding: 8px;
}
.paiva {
	font-size: 1.3em;
	vertical-align: middle;
	padding: 3px;
	background-color: #eff3f3;
	width:60px;
}
.otsake a{
	color: #616161;
}
.otsake a:hover{
	text-decoration: none;
	color: #616161;
}
.kal {
	font-size: 1.2em;
	background-color: #eff3f3;
	vertical-align: text-top;
	padding: 3px;
}
.treeniTapahtuma {
	font-size: 1.2em;
	background-color: #f8d688;
	color: #FFFFFF;
	vertical-align: text-top;
	padding: 3px;
}
.harjoitusTapahtuma {
	font-size: 1.2em;
	background-color: #BBC5DB;
	color: #FFFFFF;
	vertical-align: text-top;
	padding: 3px;
}
.muuTapahtuma {
	font-size: 1.2em;
	background-color: #95D1CB;
	color: #FFFFFF;
	vertical-align: text-top;
	padding: 3px;
}
.treTapahtuma {
	font-size: 1.2em;
	background-color: #94C0A3;
	color: #FFFFFF;
	vertical-align: text-top;
	padding: 3px;
}
.divTapahtuma {
	font-size: 1.2em;
	background-color: #CBCD70;
	color: #FFFFFF;
	vertical-align: text-top;
	padding: 3px;
}
.nyt {
	font-size: 1.2em;
	background-color: #818297;
	color: #000000;
	vertical-align: text-top;
	padding: 3px;
}
/* =============================================
Ilmoittautumiset
============================================= */
div.tapahtuma{
	border:1px solid #DD9C06;
	margin-bottom: 15px;
}
div.tapahtuma_otsikko{
	border-bottom: 1px solid #DD9C06;
	background-color: #E1E1E1;;
}
div.tapahtuma_otsikko p{
	font-size:1.1em;
	font-weight:bold;
	color: #413D3D;
	padding: 6px;
	margin: 0 5px 0 5px;
}
div.tapahtuma p{
	padding-left:10px;
}
.button ,a.button:hover, .inactive {
	display: block;
	float: left;
	height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 4px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #413D3D;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.inactive {
	color: #979696;
	cursor:default;
}
.inactive:hover {
	color: #979696;
	text-decoration:none;
	cursor:default;
}
.button, a.button:hover {
	/* Sliding right image */
	background: transparent url('kuvat/button_right_04.png') no-repeat scroll top right;
}
a.button:hover {
	/* Sliding right image */
	background: transparent url('kuvat/button_right_05.png') no-repeat scroll top right;
}
.inactive {
	/* Sliding right image */
	background: transparent url('kuvat/button_right_06.png') no-repeat scroll top right;
}
.button span , a.button:hover span, .inactive span{
	display: block;
	line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 16px;
}
.button span {
	/* Background left image */
	background: transparent url('kuvat/button_left_04.png') no-repeat;
}
a.button:hover span{
	/* Background left image */
	background: transparent url('kuvat/button_left_05.png') no-repeat;
}
.inactive span {
	/* Background left image */
	background: transparent url('kuvat/button_left_06.png') no-repeat;
}
.clear{
	clear:both;
}
div.kommentoi{
	border:1px solid #C1CDCD;
	margin: 0 0 5px 5px;
	padding-right:5px;
}
div.tapahtuma table td{
	vertical-align:top;
	padding:5px;
	line-height:1.4em;
}
table.ilmoittautumiset{
	width:97%;
	border-collapse:collapse;
	margin: 10px auto;
}
td.tulossa,
td.tulossa_otsikko,
td.tulossa_yht{
	background-color: #E7FBDB;
	border-top: 1px solid #A5D18A;
	border-left: 1px solid #A5D18A;
	border-bottom: 1px solid #A5D18A;
	border-right: 1px solid #000000;
}
td.tulossa_otsikko,
td.eitule_otsikko{
	font-weight:bold;
	color: #413D3D;
	padding-left:10px !important;
}
td.tulossa_yht,
td.eitule_yht{
	padding-left:10px !important;
}
td.eitule,
td.eitule_otsikko,
td.eitule_yht{
	background-color: #FCF6DF;
	border: 1px solid #DD9C06;
}
table.ilmoittautumiset td{
	width:50%;
}
table.ilmoittautujat{
	width:100%;
}
table.ilmoittautujat td.ilm_nimi{
	width:1%;
	font-weight:bold;
	color: #413D3D;
	text-align:right;
	padding:0;
	
}
table.ilmoittautujat td.valimerkki{
	width:3%;
	padding:0;
	text-align:center;
}
table.ilmoittautujat td.ilm_kommentti{
	text-align:left;
	padding:0;
}
/* =============================================
Shoutbox
============================================= */
#kehys {
	width: 700px;
	margin-top:10px;
}
#main {
	float: left;
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0;
	padding: 0;
	padding-bottom: 0.33em;
 	width: 78%;
 	height: 30em;
	overflow: auto;
}
.stopissa {
	background: #e3e3e3 !important;
}

.stopissa * {
	color: #777 !important;
}
#laceoutput {
	width: 95%;
}
#subnav {
	float: right;
	width: 20%;
	color: #666;
	display: inline;
}
a.external {
	padding-right: 12px;
	background: url(kuvat/external.gif) no-repeat center right;
}
#main .name a {
	border: 0;
}
#main p {
	float: left;
	clear: left;
	margin: 0.1em 0 0;
	width: 99%;
	display: inline;
}
#windowTitle {
	background: #DD9C06;
	color: #FFFFFF !important;
	margin: 0;
	font-size: 100%;
	line-height: 1.2em;
	float: left;
	padding: 0.40em 0 0.6em 1em;
	width: 76%;
	position: relative;
}
.daystamp {
	float: left;
	width: 99%;
	color: #616161;
	margin: 1em 0 0.33em;
	font-size: 100%;
	text-align: center;
}
.daystamp h4 {
	font-size: 106%;
	line-height: 100%;
	margin: 0.33em 0 0.5em 1em;
}
#main .name {
	color: #039;
	float: left;
	text-align: right;
	font-weight: bold;
	width: 24%;
}
#main .name a {
	cursor: help;
	text-decoration:none;
	color:#616161;
}
#main .message {
	float: left;
	padding-left: 0.5em;
 	width: 74%;
}
.first {
	margin-top: 0.33em;
}

#subnav h4 {
	line-height: 1.2em;
	padding: 0.40em 0 0.6em 1em;
	margin: 0;	
	background: #DD9C06;
	color: #FFFFFF;
	font-size: 100%;
	position: relative;
}
#userlist {
	height: 26.7em;
	overflow: auto;
}
#userlist li {
	display: block;
	width: 90%;
	padding-left: 1em;
	text-align: left;
}
#subnav ul {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f3f3f3;
	padding: 0.5em 0;
	margin: 0 0 1em 0;
}
#subnav li {
	width: 90%;
}
#statuswrap {
	color: #999;
 	background: #f5f5f5;
	border: 1px solid #ccc;
	padding: 0.2em;
	font-size: 90%;
	text-align: right;
	float: left;
	position: relative;
	width: 95%;
}
#status img {
	cursor: pointer;
	vertical-align: bottom;
	float: right;
	position: relative;
}
#status #statustext {
	float: left;
	line-height: 100%;
	position: relative;
}
div.huudetaan{
	width:78%;
	clear:both;
	margin:0 auto 10px auto;
	padding-top:10px;
	line-height:1em;
}