body {
background-color: #bcb6b6;
font-family: Arial, tahoma, sans-serif, verdana;
color: #3d3225;
font-size: 11px;
line-height: 17px;
}

p {
text-align: justify;
}

A:link {color: #737272; text-decoration: none; font-weight: normal;}
A:visited {color: #737272; text-decoration: none; font-weight: normal;}
A:active { color: #737272; text-decoration: none; font-weight: normal;}
A:hover { color: #bcb6b6; text-decoration: underline; font-weight: normal;}

/* TAULUKOT */

table.perus {
position: absolute;
top: 0px;
left: 50px;
}

td.sivu {
width: 130px;
background-color: #ffffff;
padding-left: 10px;
padding-top: 65px;
}

td.main {
max-width: 630px;
background-color: #ffffff;
padding-right: 15px;
padding-left: 15px;
padding-top: 10px;
}

td.kantalinja {
width: 170px;
border: 1px solid #d9d3cd;
background-color: #ebe8e5;
}

/* TEKSTIT */

.title { 
font-size: 13px;
font-family: Arial;
font-weight: bold;
color: #737272;
text-transform: uppercase;
line-height: 13px;
letter-spacing: 0px;
text-align: left;
text-indent: 5px;
}

strong
{
color: #737272;
}

.copy
{
padding: 5px 0px 0px 0px;
border-top: 1px solid #737272;
font-family: Arial, tahoma, sans-serif, verdana;
color: #b6b6b6;
font-size: 11px;
line-height: 17px;
text-align: justify;
}

/* KOIRIEN TAULUKOT */

table.ktiedot
{
width: 230px;
border: 1px solid #d9d3cd;
background-color: #ebe8e5;
padding: 5px;
margin: 5px 5px 5px 10px;
}

table.koirat
{
width: 630px;
}

table.jalk
{
width: 574px;
border: 1px solid #d9d3cd;
border-collapse: collapse;
font-size: 10px;
}

table.tiedot
{
width: 575px;
border: 1px solid #d9d3cd;
border-collapse: collapse;
}

td.suku
{
padding-left: 3px;
padding-right: 3px;
background-color: #ebe8e5;
width: 115px;
font-family: Arial, tahoma, verdana, sans-serif;
color: #352d2d;
font-size: 10px;
text-align: left;
vertical-align: text-top;
font-weight: bold;
}

td.kisat
{
font-family: Arial, tahoma, sans-serif;
color: #20333C;
font-size: 10px;
text-valign: center;
text-align: left;
}


/* PENTUESIVUJEN SUKUTAULUT */

td.pedi1
{
background-color: #ebe8e5;
font-family: Arial, tahoma, sans-serif;
color: #20333C;
font-size: 10px;
text-valign: center;
text-align: left;
}

td.pedi2
{
background-color: #ebe8e5;
font-family: Arial, tahoma, sans-serif;
color: #20333C;
font-size: 10px;
text-valign: center;
text-align: left;
}

/* KUVAT */

.kuva
{
border: 2px solid #737272;
margin-top: 5px; margin-left: 0px; margin-bottom: 5px; margin-right: 0px;
}

.vasen
{
float: left;
border: 0px solid #737272;
margin-top: 5px; margin-left: 5px; margin-bottom: 5px; margin-right: 5px;
}

.oikea
{
float: right;
border: 0px solid #737272;
margin-top: 5px; margin-left: 5px; margin-bottom: 5px; margin-right: 5px;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #665744;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 12px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* Viekku */

.reunat {border:1px solid black;width:500px;padding:5px;background-color:#F4F4FF;}
.oikea {text-align:right;}
.keskitys {text-align:center;}
.otsikko {text-align:center;color:#3366FF;font-size:40px}
.otsikko2 {text-align:center;color:#3366FF;font-size:11px;font-weight:bold;}
.error {text-align:center;color:red;font-weight:bold;}
td{font-size:11px;vertical-align:top;}