body{
	background-color:#c2c1bf;
	text-align:center;
	margin:0;
	padding:0;
	height:100%;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em; 
}

div#kokosivu{
  width:1000px;
  margin-top:10px;
  margin-left:auto; 
  margin-right:auto; 
  border-style:solid;
  border-width:3px;
  border-color:#430802;
  background-color:#ffffff;
}

div#ylapalkki{
	height:140px;
	background-image:url(kuvat/ylapalkki.jpg);
	text-align:left;
	padding:0px;
	margin-bottom:0px;
	padding-left:15px;
	overflow:hidden;
}

div#linkkipalkki{
	clear: both;	
	height:26px;
	background-color:#770f06;	
	padding:0px;
	padding-top:2px;
	margin:0px;
	border-top:solid 1px #430802;
	border-bottom:solid 1px #430802;
}

div#linkit{
	text-align:left;
	color:#f9c095;
	padding-left:60px;
	height:26px;
	padding-bottom:0px;
}

div#hakukentta{
	float:right;
	text-align:right;
	padding-right:15px;
	font-size:0.8em;
	padding-bottom:0px;
}

div#sisalto{
	clear:both;
	background-color:#ffffff;
	padding:15px;
	text-align:left;
}

div#alapalkki{
	height:26px;
	background-color:#770f06;	
	border-top:solid 1px #430802;
	clear: both;
	padding-top:0px;
	margin-top:0px;
}

div#kokolomake{
	width:800px;
	background-color:#ffffff;
    margin-top:10px;
    margin-left:auto; 
    margin-right:auto; 
    border-style:solid;
    border-width:3px;
    border-color:#430802;
	padding:0px;
}


div#kokolomake2{
	width:1000px;
	background-color:#ffffff;
    margin-top:10px;
    margin-left:auto; 
    margin-right:auto; 
    border-style:solid;
    border-width:3px;
    border-color:#430802;
	padding:0px;
}

div#otsikko{
	background-image:url(kuvat/otsikko.jpg);
	height:40px;
	padding:0px;
	margin-bottom:0px;
	padding-left:15px;
	overflow:hidden;
}

div#boksi{
    margin-top:0px;
	margin-bottom:0px;
    margin-left:auto; 
    margin-right:auto; 
    border-style:solid;
    border-width:2px;
    border-color:#430802;	
	background-color:#faeceb;
}

div#boksi2{
    margin-top:0px;
	margin-bottom:10px;
    margin-left:auto; 
    margin-right:auto; 
    border-style:solid;
    border-width:2px;
    border-color:#430802;	
	background-color:#faeceb;
}

div#boksisisalto{
	background-color:#faeceb;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	font-size:0.8em;
}

div#boksiotsikko{
	background-image:url(kuvat/lomakeylapalkki.jpg);
	height:25px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

div#ohjeteksti{
    text-align:left;	
}

div#ohjelinkki{
    text-align:right;
    float:right;
	padding-left:10px;
}

div#lisaa{
	padding-top:15px;
	padding-left:25px;
}

div#hakukentat{
    width:970px;
    margin-left:auto; 
    margin-right:auto; 
    border-style:solid;
    border-width:2px;
    border-color:#430802;
	background-color:#faeceb;	
}

div#vasenhaku{
	width:460px;
	float:left;	
    border-right-style:dotted;
    border-right-width:1px;
    border-right-color:#430802;
	margin-bottom:15px;
	padding-bottom:0px;
}

div#oikeahaku{
	width:460px;	
	float:right;
	margin-bottom:0px;
	padding-bottom:0px;
}

div#napit{
	clear:both;
	text-align:center;
	padding-left:auto;
	padding-right:auto;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:15px;
}

div#hakutulokset{	
    margin-top:0px;
	padding-top:5px;
    
}

div#hakutuloslistaus{
   margin-top:20px;
   width:970px;
}

div#kennelliitto{
	float:right;
	font-size:0.70em;
	width:470px;
}	

div#vasenboksi{	
    float:left;
	width:360px;
	vertical-align:top;
	padding-top:0;
	margin-top:0;
    border-right-style:dotted;
    border-right-width:1px;
    border-right-color:#430802;
	padding-right:10px;
}

div#oikeaboksi{
	width:355px;
	float:right;
	vertical-align:top;
	padding-top:0;
	margin-top:0;
}

div#clear{
	clear:both;
}

div#keskitetty{
	margin-left:90px;
	margin-top:15px;
}

h1{
	font-size:2.5em;
	color:#f9c095;
	text-align:left;
	margin:0px;
	padding:0px;
	padding-top:30px;
}

h2{
  font-size:1.1em;
  margin:0px;
  padding:0px;
  color:#f9c095;
  padding-left:200px;
}

h3{
  font-size:1.1em;
  margin:0px;
  padding:0px;
  color:#7a0f05;
}

h4{
  font-size:1.1em;
  margin:0px;
  padding:0px;
  color:#ffffff;
  text-align:center;
  padding-top:8px;
}

h5{
  font-size:0.9em;
  margin:0px;
  padding:0px;
  color:#ffffff;
  text-align:left;
  padding-left:15px;
  padding-top:3px;
}

h6{
  font-size:0.9em;
  font-weight:bold;
  margin:0px;
  padding:0px;
  color:#7a0f05;
  padding-top:5px;
  padding-bottom:2px;
}

a:link{
	color:#7a0f05;
	text-decoration:underline;
}
a:active{
	color:#8e534e;
	text-decoration:underline;
}
a:visited{
	color:#7a0f05;
	text-decoration:underline;
}

a:hover{
	color:#8e534e;
	text-decoration:underline;
}

a#navi:link{
	color:#f9c095;
	font-size:0.9em;
	text-decoration:none;
}
a#navi:active{
	color:#ffffff;
	font-size:0.9em;
	text-decoration:none;
}
a#navi:visited{
	color:#f9c095;
	font-size:0.9em;
	text-decoration:none;
}

a#navi:hover{
	color:#ffffff;
	font-size:0.9em;
	text-decoration:underline;
}

a#navi2:link{
	color:#ffffff;
	text-decoration:none;
}
a#navi2:active{
	color:#ffffff;
	text-decoration:underline;
}
a#navi2:visited{
	color:#ffffff;
	text-decoration:none;
}
a#navi2:hover{
	color:#ffffff;
	text-decoration:underline;
}

a#navi3:link{
	color:#ffffff;
	text-decoration:underline;
}
a#navi3:active{
	color:#ffffff;
	text-decoration:underline;
}
a#navi3:visited{
	color:#ffffff;
	text-decoration:underline;
}
a#navi3:hover{
	color:#ffffff;
	text-decoration:underline;
}

a#koirannimi:link{
	color:#7a0f05;
	text-decoration:underline;
}
a#koirannimi:active{
	color:#8e534e;
	text-decoration:underline;
}
a#koirannimi:visited{
	color:#7a0f05;
	text-decoration:underline;
}
a#koirannimi:hover{
	color:#8e534e;
	text-decoration:underline;
}

a#koiranet:link{
	color:#7a0f05;
	font-size:0.75em;
	text-decoration:underline;
}
a#koiranet:active{
	color:#8e534e;
	font-size:0.75em;
	text-decoration:underline;
}
a#koiranet:visited{
	color:#7a0f05;
	font-size:0.75em;
	text-decoration:underline;
}
a#koiranet:hover{
	color:#8e534e;
	font-size:0.75em;
	text-decoration:underline;
}

img{
	border:none;
	padding:0px;
	margin:0px;
}

img#logo{
	padding-right:30px;
	padding-top:7px;
	float:left;
}

img#kuva{
  float:right;
  border-style:solid;
  border-width:2px;
  border-color:#790f05;	
  padding:0px;
  margin:0px;
  margin-left:25px;
  margin-bottom:15px;
}

p{
  color:#000000;
  text-align:left;
}

p#linkki{
	margin-top:0px;
	padding-top:3px;	
}

p#teksti{
    font-size:0.8em;  
}

p#profiili{
    font-size:0.8em;
	padding:0px;
	margin:0px;
}

div#alateksti{
    float:left;
    width:840px;
	color:#ffffff;
	font-size:0.7em;
	padding-top:7px;
	margin-top:0px;
	text-align:center;
}

div#alaarunica{
    float:right;
	color:#ffffff;
	font-size:0.7em;
	padding-top:7px;
    padding-right:15px;
	margin-top:0px;
	text-align:right;
}

p#kayttaja{
	text-align:right;
	font-size:0.7em;
	color:#ffffff;
	float:right;
	padding-right:6px;
}

span#pakollinen{
    color:#f00;
	font-size:0.7em;
	padding-top:3px;
}

span#pieni{
  font-size:0.70em;
}

td#ohje{
	padding-top:5px;
	padding-bottom:0px;
}

table{
	padding:0px;
	margin:0px;
}

td#labelit{
    text-align:right;
}

td#labelit2{
    text-align:left;	
	padding-right:60px;
}

td{
	padding:0px;
	margin:0px;
}

td#label{
	text-align:right;
	font-size:0.9em;
}

td#ylaotsikko{
	vertical-align:bottom;
	padding-left:8px;
}

td#ylaotsikko1{
	vertical-align:bottom;
	padding-left:25px;
	width:300px;
}

td#ylaotsikko2{
	vertical-align:bottom;
	padding-left:0px;
	width:110px;
	padding-right:8px;
}

td#ylaotsikko3{
	vertical-align:bottom;
	padding-left:0px;
}
td#kentta{
	padding-left:6px;
	vertical-align:middle;
}

td#kenttanimi{
	padding-left:25px;
	vertical-align:middle;
}	

input#lisatieto{
	width:270px;
}

textarea#lisatieto2{
	width:725px;
}

input#kenttapaiva{
	width:70px;
}

thead#hakutulosotsikot{
	background-image:url(kuvat/otsikko.jpg);
	font-size:1.00em;
	padding:3px;
	height:55px;
}

table#hakutulos{
    border-style:solid;
    border-width:2px;
    border-color:#430802;
    table-layout: auto;	
    width:970px;
    font-size:0.70em;
}

div#laatikot{
	width:100%;
	font-size:0.8em;
	margin-bottom:15px;
	margin-top:15px;
	clear:both;
}

table.laatikot{
	border-spacing: 0;
	border-collapse: collapse;
}

table.laatikot td{
	width:50%;
	vertical-align:top;
    border-style:solid;
    border-width:2px;
    border-color:#7a0f05;
	padding:5px;
	padding-bottom:10px;
}

img.symboli{
	float:left;
	padding-top:7px;
	padding-right:5px;
}

table#profiilisairaudet{
	font-size:0.8em;
    width:970px;
    border-style:solid;
    border-width:2px;
    border-color:#430802;
	border-collapse:collapse;
}


table#profiilisairaudet tr{
    border-bottom: 1px solid #430802;
}

table#profiilisairaudet td{
	margin:0;
	padding:2px;
    border-bottom: solid 1px #430802;
}

table#profiilisairaudet thead td{
	background-color:#faeceb;
	margin:0;
	padding:2;
	
}

table#sukutaulu{
	font-size:0.8em;
	width:970px;
    border-style:solid;
    border-width:1px;
    border-color:#430802;
}

td#sukutaulu{  
    border-style:solid;
    border-width:1px;
    border-color:#430802;
	padding:5px;
	width:25%;	
	background-color: #faeceb;
}

th#koirannimi{
	width:150px;
	margin: 0;
	padding:4px;
}

th#sairaudet{
	margin: 0;	
	padding:4px;
}

th#muut{
	padding:4px;	
}

td#testit{
	width:250px;
}

td#otsikko1{
	width:125px;
}

p#hauntulokset{
	font-size:0.8em;
	padding-top:5px;
	padding-bottom:0px;
	margin:0px;
}

td#tulos{
	padding:4px;
	overflow: auto;	
}

td#hyvaksynta{
	font-weight:bold;
}

li{
	font-size:0.8em;
}

img#kenneli{
	padding-right:2px;
}

table#hyvaksyttavat{
    border-style:solid;
    border-width:2px;
    border-color:#430802;
	border-spacing: 0;
	border-collapse: collapse;
	font-size:0.9em;
}

tr#eka{
	background-color: #fff;	
}

tr#toka{
	background-color: #eaccca;	
}

thead#hyvaksyntaotsikko{
    background-image:url(kuvat/lomakeylapalkki.jpg);
	height:25px;
}

table.esikatselu td{
	font-size:1em;
}

table.lomaketable{
	font-size:1em;
}

table#hyvaksyttavat td, th{
	padding:3px;
}

table#hyvaksyttavat th{
	color:#ffffff;
	font-size:0.9em;
}

table#kayttaja td{
	font-size:0.8em;
}

span#palkki{
	color:#ffffff;
}

td.vali{
	width:30px;
	text-align:center;
	font-size:0.9em;
	padding-top:4px;
	padding-left:5px;
	padding-right:0px;
	color:#ffffff;
}

td.vasensolu{
	width:270px;
}

td.keskisolu{
	width:130px;
}

col#nimi{
	width:140px;
}

col#syntynyt{
	width:60px;
	text-align:center;
}
col#sukupuoli{
	width:40px;
	text-align:center;
}
col#vari{
	width:40px;
	text-align:center;
}
col#lonkat{
	width:40px;
	text-align:center;
}
col#kyynarat{
	width:40px;
	text-align:center;
}
col#cea{
	width:70px;
}
col#testit{
	width:120px;
}
col#sairaudet{
	width:140px;
}
col#isa{
	width:140px;
}
col#aiti{
	width:140px;
}



<!-- Tästä alkaa menun CSS -->
.dm1 {
	font-size:0.9em;
}
.dm1 .item1,
.dm1 .item1:hover,
.dm1 .item1-active,
.dm1 .item1-active:hover {
    text-decoration: none;
    display: block;
    position: relative;
	padding:0px;
	padding-top:4px;
	padding-left:5px;
	margin:0px;
}
.dm1 .item1 {
    color: #ffffff;
	font-size:0.9em;
	width:100%;
}
.dm1 .item1:hover,
.dm1 .item1-active,
.dm1 .item1-active:hover {
    color: #ffffff;
	font-size:0.9em;
	text-decoration:underline;
}
.dm1 .item2,
.dm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.dm1 .item2 {
    background: #710e05;
    color: #ffffff;
	font-size:0.9em;
}
.dm1 .item2:hover {
    background: #931509;
    color: #ffffff;
	font-size:0.9em;
	text-decoration:underline;
}
.dm1 .section {
    border: 2px #430802;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}

* html .dm1 td { position: relative; } /* ie 5.0 fixi */

<!-- Tähän loppuu menun CSS-->

<!-- Tästä alkaa sortable-table -->
table.sortable {
	border-spacing: 0;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: 100px;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	color:#ffffff;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #fff;
	border-bottom: 1px #380500 solid;
}
table.sortable tr.even td {
	background-color: #faeceb;
	border-bottom: 1px #380500 solid;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	font-weight: bold;
}

a.sortheader:link{
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}

a.sortheader:active{
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
}
a.sortheader:visited{
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
a.sortheader:hover{
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
}

<!--Tähän loppuu sortable-table-->