﻿body {
	background-color: #FFFFDD;
	color: Maroon;
	font-family: Verdana;
	font-size: 13px;
}
/*************   Dynaaminen taulukko   *************/
table
{
	border-collapse: collapse;
}
.lefttablecolumn
{
	color: #4F2836;
	background-color: #FFCC66;
	padding: 0px 3px 0px 3px;
	text-align: center;
	font-weight: bold;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #4f2836;
}
/************      Tummapohjaiset otsikkosolut       ************/
.leftdarkheadercell
{
	color: White;
	background-color: #4F2836;
	padding: 6px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border-top: solid 1px #4F2836;
	border-right: solid 1px #FFEEAA;
	border-bottom: solid 1px #4F2836;
	border-left: solid 1px #4F2836;
}
.darkheadercell
{
	color: White;
	background-color: #4F2836;
	padding: 6px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border-top: solid 1px #4F2836;
	border-right: solid 1px #FFEEAA;
	border-bottom: solid 1px #4F2836;
	border-left: solid 1px #FFEEAA;
}
.rightdarkheadercell
{
	color: White;
	background-color: #4F2836;
	padding: 6px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border-top: solid 1px #4F2836;
	border-right: solid 1px #4F2836;
	border-right: solid 1px #4F2836;
	border-left: solid 1px #FFEEAA;
}
/************      Vaihtelevanväriset otsikkosolut       ************/
.leftuppercornercell
{
	color: White;
	background-color: #4f2836;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border: solid 1px #4f2836;
}
.headercell
{
	color: #4F2836;
	background-color: #FFEEAA;
	padding: 4px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border-top: solid 1px #4f2836;
	border-right: solid 1px #4f2836;
	border-bottom: solid 1px #4f2836;
}
.rightmostheadercell
{
	color: #4F2836;
	background-color: #FFEEAA;
	padding: 4px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border-top: solid 1px #4f2836;
	border-right: solid 1px #4f2836;
	border-bottom: solid 1px #4f2836;
}
.alternateheadercell
{
	color: #4F2836;
	background-color: #FFCC66;
	padding: 4px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border-top: solid 1px #4f2836;
	border-right: solid 1px #4f2836;
	border-bottom: solid 1px #4f2836;
	/*width: 25px;*/
}
.rightmostalternateheadercell
{
	color: #4F2836;
	background-color: #FFCC66;
	padding: 4px;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border-top: solid 1px #4f2836;
	border-right: solid 1px #4f2836;
	border-bottom: solid 1px #4f2836;
	/*width: 25px;*/
}
.cell
{
	color: #4F2836;
	background-color: #FFEEAA;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	border-right: solid 1px #4f2836;
	border-bottom: solid 1px #4f2836;
}
.rightmostcell
{
	color: #4F2836;
	background-color: #FFEEAA;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px #4f2836;
	border-right: solid 1px #4f2836;
}
.alternatecell
{
	color: #4F2836;
	background-color: #FFCC66;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	border-right: solid 1px #4f2836;
	border-bottom: solid 1px #4f2836;
}
.rightmostalternatecell
{
	color: #4F2836;
	background-color: #FFCC66;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px #4f2836;
	border-right: solid 1px #4f2836;
}