/* default.css */

body {   
background-color: #E3E3E3;
margin:0;
text-align:center;
font-size: 9pt;
font-family:Arial;
} 

#mainframe {
text-align:left;	
margin: 0 auto;
border: 2px solid #FFBD20;
width:980px;
height:100%;
background-color:#fff;
}

#header { 
left:0; 
top:0; 
width:980px; 
height:85px; 
background-color:transparent; 
background-image:url(../images/header_background.jpg);
background-repeat: no-repeat; 
} 

#middle {
    left:0;
	height:100%;
	width:980px;
	margin:0;
    padding:0;
    /*border:5px solid red;*/
	background-color:#ffffff;
        background: url(../images/background.jpg) left top repeat-y;
}

/* left area */
#left { 
    left:0;
	top:0;
	margin:0;
	padding:0;
	width:150px;
	min-height:700px;
    height:100%;
	float: left; 
	background-color:#fff; 
} 
#left_links {
	top:0;
	margin:0;
	padding:0;
	width:150px;
	height:681px;
	min-height:681px;
	background-image:url(../images/left_background.jpg);
	background-repeat: no-repeat;
    background-color: #fff;
}
#left_bottom {
    background-color: #e3e3e3;
    width:137px;
    height:100px;
}	

/* Center Area */
a {
	color:#000;

}


#center { 
float: left; 	
width:680px;
height:100%;
background-color: white;
}

#center_left {
	width:360px;
    height:100%;
	margin-left:10px;
	float:left;
}
#center_right {
	width:280px;
    height:100%;
	margin-left:10px;
	float:left;
}

#right {
	float:right;
	width:140px;
	margin:0;
	height:100%;
	min-height:700px;
	background-color: #FFBD20;
        background-repeat: repeat-y;
}



.clear {
	clear:both;
}

#center h3 {
	visibility: visible;
	position:relative;
	Z-index: 3;
	font-family: Arial; 
   	font-size: 9pt; 
   	text-align: left;
   	margin-left: -20px;
   	font-weight: 600;
   	color: #7996A1
}

	#left_links  li{
		position: relative;
		list-style-type: none;
		width: 138px;
		height: 22px;
		margin:1px 0 0 -35px;
		
	}
	#left_links  li a {
		position: relative;
		display:block;
		padding-top: 3px;
		width: 138px;
		height: 22px;
		color: #000000; 
		text-decoration: none;
		padding: 3px 0 0 10px;
		letter-spacing: 0px;
		background: url(../images/left_link_background.jpg) no-repeat;
	}
	#left_links  li:hover{
		position: relative;
		list-style-type: none;
		display:block;
		width: 138px;
		height: 22px;
		margin:1px 0 0 -35px;
		/*background: url(../images/left_link_background_hover.png) left top no-repeat;*/
	}
	#left_links  li a:hover {
		position: relative;
		display:block;
		padding-top: 3px;
		width: 138px;
		height: 22px;
		color: #000000; 
		text-decoration: none;
		padding: 3px 0 0 10px;
		letter-spacing: 0px;
		background: url(../images/left_link_background_hover.png) left top no-repeat;
	}
	#left_links  li a:visited {	
		color: #000000; 
	}

	/*top_links */

	#top_links li {
		float:left;
		list-style-type: none;
		width: 117px;
		height: 28px;
		margin:0;
	}
	#top_links a{ 
		display:block;
		position: relative;
		width: 117px;
		height: 28px;
		text-align:center;
		padding-top:6px;
		margin: 0;	
		text-decoration:none;
		color: #000;
		background: url(../images/top_link_background.jpg) left top no-repeat;
	}
	#top_links a:hover { 
		display:block;
		position: relative;
		width: 117px;
		height: 28px;
		text-align:center;
		padding-top:6px;
		margin: 0;	
		text-decoration:none;
		color: #000;
		background: url(../images/top_link_background_hover.png) left top no-repeat;
	}

/* Ilmoitustaulu */

.ilm_viesti {
	margin-bottom: 10px;	
}
.ilm_tiedot {
	font-size: 8pt;
}

/* Uutiset */
.content {
	margin-left:20px;
}
.ajankohtaista_otsikko {
	font-weight:bold;
}
.ajankohtaista_pvm {
	font-size:8pt;
	margin: 0 0 7px 0;
}
.ajankohtaista_teksti {
	margin: 0 0 15px 0;	
}
/*
* Huhumylly
*/
.huhumylly {
}
.huhu_viesti {
	background-color:#e3e3e3;
	padding: 5px 10px;
}
.huhu_teksti {
}
.huhu_bottom {
	text-align:right;
	font-size: 8pt;
	width:100%;
	border-bottom: 1px solid;
}
.huhu_pvm {
	width:200px;
}
.huhu_nimi {
	text-align:right;
	width:100%;
}

/* Viimeisimmät ottelut */


.viim_ottelut {

}
#center_right .viim_ottelut .joukkueet {
	font-style:bold;
}
#center_right .viim_ottelut div.aika_paikka {
	font-size: 8pt;
	margin-bottom: 5px;
}

/* Tulevat ottelut */


.tulevat_ottelut {

}
#center_right .tulevat_ottelut .joukkueet {
	font-style:bold;
}
#center_right .tulevat_ottelut div.aika_paikka {
	font-size: 8pt;
	margin-bottom: 5px;
}


#kausi_center_left {
	position:relative;
	Z-index: 2;
	float:left;
	width: 300px;
	margin-left:20px;
	background-color:#fff;
}
	#center_left .uusimmat_ottelut {

	}
	#center_left .uusimmat_ottelut .joukkueet {
		font-size: 9pt; 
	    font-weight: bold;
	    color: #000000	
	}
	#center_left .kuuma_pelaaja {

	}
	#center_left .vanhemmat_ottelut {

	}	

#kausi_center_right {
	float:right;
	width: 220px;
	background-color:#fff;
}

	#kausi_center_right .tulevat_ottelut {
	
	}
/* 
* Kausi 
*/
.sarja_pvm {
	font-size:8pt;
}
.kuuma_pelaaja {
margin: 10px 0 10px 0;
}
.kuuma_pelaaja .nimi {
	text-decoration:underline;
}
.kuuma_pelaaja .prosentti {
	font-weight:bold;
}
.uusimmat_ottelut {
	margin-bottom:10px;
}
.vanhemmat_ottelut {
	float:right;
	margin-right:35px;
}
#center_left .otteluohjelma tr{
	font-size:8pt;
	margin:2px;
}

/*
*Sarja
*/
.otteluohjelma table{
	font-size: 9pt;
}
.otteluohjelma .pisteporssi table {
	border: 0.5px solid #bbb;
}

.ottelu table {
	font-size: 9pt;
}
.otteluohjelma .otteluohjelma_header th{
	background-color:#FFBD20;
	color: #7996A1;
}
/*
*Ottelu
*/
.ottelu {
	widht:300px;
}
.ottelu .raportti {
	margin-bottom:10px;
}
.ottelu .pisteet table {
	background-color: #dddddd;
}
.ottelu .joukkueet_tulos {
	font-weight:bold;
	font-size:11pt;	
}
.ottelu .aika_paikka {
	font-size:8pt;	
}
.ottelu .teksti {
	margin:10px 0;	
}

/* pistepörssi */
.pisteporssi {

}
.pisteporssi table {
	border-collapse:collapse;
	border-color: #aaa;
}
.pisteporssi th {
	font-weight:bold;
	border-color: #aaa;	
}
.pisteporssi td {
	border-color: #aaa;
}
.pisteporssi tr {
	font-size: 8pt;
}
.pisteporssi tr:hover {
	background-color: #ccc;
}
.pisteporssi .first {
	background-color: #FFBD20;
}

/*
* tulos-linkin väri
*/
a.voitto {
	color:#38B667;
	font-weight:bold;
	margin-left:5px;
}
a.tasapeli {
	color:#0000BB;
	font-weight:bold;
	margin-left:5px;
}
a.tappio {
	color:#DD0000;
	font-weight:bold;
	margin-left:5px;
}

/*
*Pelaajat
*/
.pelaaja_otsikko {
	font-weight:bold;
}

.pelaaja {
	float:left;
	border:1px solid #ddd;
	height:70px;
	width:170px;
	margin:5px;
}
.pelaaja_hot {
	float:left;
}
.pelaaja_nimi {
	padding-bottom:2px;
}
.pelaaja_kuva {
	float:left;
}				

/*
*Pelaajan oma sivu
*/
#pelaaja {
	text-align:left;
	padding:20px;
}
	#pelaaja .pelaaja_top {
		width:100%;
		margin-bottom:20px;
	}
		#pelaaja .kuva {
			float:left;	
		}
		#pelaaja .tiedot {
			float:left;
			padding:10px;	
		}
	#pelaaja .profiili {
		background-color:#fff;
		padding:10px; 
	}	
#pelaaja .pelaaja_left {
	float:left;
	width:250px;
}
#pelaaja .nimi {
	font-size:11pt;
	font-weight:bold;
}

#pelaaja .pelaaja_right {
	float:left;
	width:100px;
}
#pelaaja .pelaaja_otsikko {
}


/*
*Uutiset
*/
.uutiset {
	width:320px;
	text-align:justify;
}

.sivulinkit {
overflow:hidden;
}