﻿#columnFrontMain { font-size: 11px; font-family: Verdana,Helvetica,Arial,Geneva,sans-serif;	}
  
.sisalto {
    margin: 0 auto 5px;
    border-bottom: solid 1px #999; /* #474; */
    padding: 5px;

    text-align: center;

    width: 450px;
    height: inherit;
}
.sisalto > table,
.sisalto > div > .taulukko {
    margin: 0 auto;
}

.logo { background-color: #999; /* #484; */ margin: -3px -auto 0px auto; width: 100%; }


.float_cb input { float: left; }
.float_cb label { float: left; display: block; margin-left: 5px; width: 300px; }

a { color: #000; /* #060; */ text-decoration: underline; }
a:hover { color: #000; }

.klogo { width: 400px; margin: 0 auto; text-align: center; }
.kulos a { color: #000; }

.kulos {
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}

.kulos + img {
    margin-left: 80px;
}


table {
    table-layout: auto;
    border-collapse: separate;
}
td {
    vertical-align: top;
    text-align: left;
    padding: 1px 2px;
}

div.login { margin: 10px 0; }
table.login { width: 250px; margin: 0px auto; }
table.login td { font-size: 11px; vertical-align: top; text-align: left; }
table.login .l { width: 100px; padding-right: 5px; text-align: right; vertical-align: middle; }

input.lomake2 { width: 100%; border: solid 1px #777; background-color: #F4F4F4; padding: 1px; }

input.lomake2:focus,
input.hover { border-color: #333; /* #797; */ background-color: #e8e8e8; /* #F4FFF4; */ }

.taulukko { width: 100%; }
.taulukko th, .taulukko td { padding: 1px 2px; }
.taulukko th { background-color: #444; /* #448844; */ color: #fff;  }
.taulukko tr.odd { background-color: #eee; }

.tieto { font-size: 10px; display: block; width: 200px; float: left; margin-left: 5px; }
/*#txtsp_vr1b, #txtsp_vr1 { float: left; }*/

.nobrdr, .nobrdr td, .nobrdr th { border: none !important; }

.taulukko, .taulukko td, .taulukko th {
/*    border: solid 1px #000; */
    border: solid 1px #aaa;
}

.rivi { display: block; }

.dialog {
    width: 500px;

    text-align: center;
    margin: 0 auto;
}
.dialog .hd .c,
.dialog .ft .c {
    font-size:1px; /* ensure minimum height */
    height:10px;
}

.dialog .hd { background:transparent url(../kuvat/yv.gif) no-repeat 0px 0px; }
.dialog .hd .c { background:transparent url(../kuvat/yo.gif) no-repeat right 0px; }
.dialog .bd { background:transparent url(../kuvat/v.gif) repeat-y 0px 0px; }
.dialog .bd .c { background:transparent url(../kuvat/o.gif) repeat-y right 0px; }
.dialog .ft { background:transparent url(../kuvat/av.gif) no-repeat 0px 0px; }
.dialog .ft .c { background:transparent url(../kuvat/ao.gif) no-repeat right 0px; }

.spat_nappi {
    background-color: #888; color: #fff; border: solid 1px transparent; border-color: #aaa #444 #444 #aaa ; padding: 2px 10px; 
    text-align: center; margin-top: 3px; display: block; width: auto;
    text-decoration: none;
}
.spat_nappi:hover { background-color: #aaa; color: #fff; border-color: #ccc #666 #666 #ccc; }
input.spat_nappi { display: inline; width: auto; font-size: 10px; }

.spat_valmis { background-color: #aaa; border-color: #ccc #666 #666 #ccc; }
.spat_valmis:hover { background-color: #ccc; border-color: #eee #888 #888 #eee; }

#lbmuutaperustieto_vtiedot1 { width: 150px; }

.info { margin: 10px auto; text-align: justify; border-style: solid; border-width: 1px; border-color: #fff #aaa #aaa #fff; padding: 10px; background-color: #eee; }
.info ul { margin: 10px auto; padding-left: 20px; }
.info li { list-style-type: square; }
.info li span { color: #222; }

.ala_napit { position: relative; text-align: left; }

.ala_napit a.palaa,
.ala_napit a.henkseloste { position: absolute; margin-top: -1px; top: 0px; }

.ala_napit a.palaa { left: 30px; }
.ala_napit a.henkseloste { left: 100%; margin-left: -155px; }

hr.vih { background: transparent; border: none; border-top: dashed 1px #999; margin: 10px auto; width: 80%; }

span label { margin-left: 5px; }

.rivi { display: block; }
