html {
}
body {
	background-color: white;
	background-image:url('pics/osm2010_tekstuuri1.png');
	background-repeat:repeat-x;

	background-attachment:fixed;
	background-position: bottom left;
	font-size: 14px;
}
div.layout {
	margin-right: auto;
	margin-left: auto;
	width: 1105px;
	height: 100%;
	background-color: transparent;
	border-style: none none none none;
}
div.leftside {
	margin-right: 0px;
	margin-left: 10px;
	float: left;
	width: 214px;
	background-color: transparent;
}
div.leftmiddlediv {
	position: relative;
	margin-right: -2px;
	margin-top: 200px;
	z-index: 100;
}
div.leftbottomdiv {
	position: relative;
	margin-right: 20px;
}
div.content {
	margin-right: auto;
	margin-left: auto;
	width: 650px;
	height: 100%;
	min-height: 600px;
	float: left;
	background-color: #9bd8f4;
	border-width: 2px;
	border-style: none solid none solid;
	border-color: #0079b2;
}
div.banner {
	width: 650px;
	height: 159px;
	border-style: none;
}
div.footer {
	width: 654px;
	padding: 0px;
}
div.rightside {
	margin-top: 200px;
	margin-left: 20px;
	width: 230px;
	float: left;
	background-color: transparent;
}
div.next_match {
	width: 200px;
	height: 230px;
	margin-top: 200px;
	margin-left: 7px;
	border-width: 2px;
	border-style: solid;
	border-color: #CFCFCF;
	padding-left: 10px
}
div.add {
	width: 200px;
	margin-left: 5px;
	margin-bottom: 20px;
}
h2 {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	padding-left: 24px;
	padding-bottom: 10px;
	width: 596px;
	background-color: #d0d0d0;
	font-size: 16px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0079b2;
}
h3 {
	margin-right: auto;
	margin-left: auto;
	width: 580px;
	text-align: left;
	color: black;
	background-color: #EEEEEE;
}
a:link, a:active, a:visited {
	color: #0079b2;
}
a.login {
	color: #0079b2;
	text-decoration: none;
}
a.uutinen, a.uutinen:active, a.uutinen:visited {
	text-decoration: none;
	color: black;
}
p.error {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border: 1px solid black;
	padding: 1ex;
	background-color: white;
	border-left-width: 2ex;
	border-left-style: solid;
	border-left-color: #FF0000;
	width: 570px;
}
p.ok {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border: 1px solid black;
	padding: 1ex;
	background-color: white;
	border-left-width: 2ex;
	border-left-style: solid;
	border-left-color: #339900;
	width: 570px;
}
p.mainos {
	margin-right: auto;
	margin-left: 12px;
	border: 1px solid #FFFF00;
	padding: 1ex;
	background-color: white;
	border-left-width: 2ex;
	border-left-style: solid;
	border-left-color: #FFFF00;
	width: 570px;
}
p.footer {	
	margin-right: auto;
	margin-left: auto;
	width: 605px;
	text-align: right;
	color: #0079b2;
}
p.page {
	margin-bottom: 10px;
	width: 600px;
	text-align: left;
	color: black;
}
p.video {
	margin-left: 24px;
	margin-bottom: 10px;
	width: 570px;
}

p.undernote {
	margin-right: auto;
	margin-left: 24px;
	margin-bottom: 10px;
	width: 600px;
	text-align: left;
	color: #0079b2;
}
p.expage {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 600px;
	text-align: left;
	text-decoration: line-through;
	color: black;
}
p.submenu_item {
	width: 140px;
}
p.add {
	width: 190px;
}
p.seuraava {
	margin-left: 45px;
	margin-top: 3px;
	font-weight: bold;
}
p.ilmoittautuneet {
	font-size: smaller;
}
span.extext {
	text-decoration: line-through;
}
span.italic {
	font-style: italic;
}

span.bold {
	color: #0079b2;
	font-weight: bold;
}
span.bold2 {
	font-weight: bold;
}

span.yellow {
	color: #FFFF00;
	background-color: #000000;
	font-weight: bold;
}
strong {
	color: #00316e;
	background-color: #9bd8f4;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	border-style: none;
}
img.add {
	display: block;
	border-style: none;
	margin-left: auto;
	margin-right: auto;
}
img.logo {
	background-color: white;
	margin-right: 10px;
}
img.uutinen {
	border-style: none;
	margin-right: 10px;
	margin-bottom: 10px;
}
li.arkisto {
	width: 600px;
}
li.smaller {
	font-size: smaller;
}

input.rivi {
	width: 400px;
}
input.pvm {
	width: 100px;
}
input.numero {
	width: 50px;
}
textarea {
	width: 550px;
	height: 400px;
}
textarea.pelaaja {
	width: 550px;
	height: 100px;
}
label.ottelu {
	font-weight: bold;
	margin-right: 10px;
}


table {
	font-size: 14px;
	width: auto;
}
th {
	text-align: left; 
}
table.layout {
	height: 100%;
	border-collapse: collapse;
}
table.layout td {
	height: 100%;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: transparent;
}
table.layout td.highest {
}
table.layout td.fill {

}
table.layout td.lowest {

}
table.content {
	margin-left: 10px;
}
table.content td {
	padding-bottom: 12px;
}
table.yleinen {
	background-color: #dbdbdb;
	font-size: 12px;
	margin-bottom: 15px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
}
table.yleinen th {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #0765ad;
	padding: 2px 5px 2px 5px;
	color: white;
}
table.yleinen td {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: gray gray gray gray;
	background-color: white;
	padding: 2px 5px 2px 5px;
}
table.otteluohjelma {
	background-color: #dbdbdb;
	font-size: 11px;
	margin-bottom: 15px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
}
table.otteluohjelma th {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #0765ad;
	padding: 2px 5px 2px 5px;
	color: white;
}
table.otteluohjelma td {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: gray gray gray gray;
	background-color: white;
	padding: 2px 5px 2px 5px;
}
table.otteluohjelma td.valmis {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: gray gray gray gray;
	background-color: #99FF66;
	padding: 2px 5px 2px 5px;
}
table.rajaton {
	border-style: none;
}
table.rajaton th {
	border-style: none;
	padding: 2px 5px 2px 5px;
}
table.rajaton td {
	border-style: none;
	padding: 2px 5px 2px 5px;
}
table.galleria {
	border-style: none;
	text-align: center;
}
table.galleria th {
	border-style: none;
}
table.galleria td {
	border-style: none;
}
table.luettelo {
	border-width: 1px 1px 1px 1px;
	border-style: groove groove groove groove;
	border-color: gray;
	background-color: silver;
	table-layout: auto;
	font-size: 12px;
}
table.luettelo th {
	border-width: 1px 1px 1px 1px;
	border-style: groove groove groove groove;
	border-color: gray;
	background-color: silver;
	padding: 2px 5px 2px 5px;
}
table.luettelo td {
	border-width: 1px 1px 1px 1px;
	border-style: groove groove groove groove;
	border-color: gray;
	background-color: #CFCFCF;
	padding: 2px 5px 2px 5px;
}
table.pudotuspeli {
	margin-top: 10px;
	border-width: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: transparent;
	text-align: center;
}
table.pudotuspeli td {
	height: 25px;
}
table.pudotuspeli td.joukkue {
	width: 100px;
	border-width: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	padding: 1px 5px 1px 5px;
}
table.pudotuspeli td.alaviiva {
	width: 30px;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: black;
	background-color: transparent;
	padding: 1px 5px 1px 5px;
}
table.pudotuspeli td.vasenviiva {
	width: 30px;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	border-color: black;
	background-color: transparent;
	padding: 1px 5px 1px 5px;
}
table.pudotuspeli td.kulta {
	width: 100px;
	border-width: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: gold;
	padding: 1px 5px 1px 5px;
}
table.pudotuspeli td.hopea {
	width: 100px;
	border-width: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: silver;
	padding: 1px 5px 1px 5px;
}
table.pudotuspeli td.pronssi {
	width: 100px;
	border-width: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: peru;
	padding: 1px 5px 1px 5px;
}


