html {
    height: 100%;
}

body {
    font-size: 100%;
    font-family: arial;
    background-color: #ffffff;
    height: 100%;
    padding: 0;
    margin-top: 0;
}

img {
    border: 0;
    margin: 0;
    vertical-align: top;
}

table {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

td {
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align:top;
}

td.ceCell {
    border: 0px;
    margin: 0px;
    padding: 2px;
    vertical-align:top;
    text-align:left;
}


a {
    text-decoration: none;
    font-weight: bold;
    color: #1B54B0;
    font-size: 100%;
}
/*Sis&#228;lt&#246;*/
.logo {
    background-image: url(/fi/gfx/tsl/top1.gif);
    background-repeat: no-repeat;
    width: 241px;
    height: 152px;
    float: left;
}

.menus {
    padding-top: 135px;
}

.topHeader {
    height: 152px;
    float: right;
    background-image: url(/fi/gfx/tsl/top2.gif);
    background-repeat: no-repeat;
    width: 630px;
}

.top {
    background-color: #1D50AE;
    margin-left: auto;
    margin-right: auto;
    width: 871px;
}

.logoRight {
    float: right;
    background-color: #1D50AE;
    width: 135px;
}

.logotLinks{
float:right; 
width:140px; 
padding-top:30px; 
padding-bottom:30px;
padding-right:4px; 
vertical-align:top;
}

.info{
min-height:550px;
float:left; 
width:600px;  
padding-left:75px; 
padding-top:50px;
background-color:#ffffff;
}

.tree {
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
}

.span{
vertical-align:bottom;

}

.left {
    float: left;
    background-image: url(/fi/gfx/tsl/left_repeat.gif);
    background-repeat: repeat-x;
    background-color: #1D50AE;
    width: 170px;
    vertical-align: top;
}

.add {
    color: #ffffff;
    font-size: 85%;
    font-weight: bold;
    padding: 500px 20px 5px 20px;
}

.add_apply_dokument {
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    padding: 500px 20px 5px 20px;
}

.bottom {
    clear:both;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/fi/gfx/tsl/bottom.gif);
    background-repeat: no-repeat;
    height: 31px;
    width: 871px;
}

.time {
    padding-top:20px;
    font-weight: bold;
    color: #1B54B0;
    background-color: #ffffff;
    font-size: 80%;
}


.topleft
{
width:600px;
float:right;
padding-right:200px;
}

.topright
{
width:10px;
float:right;
margin-top:-25px;
}


/*FONTIT*/
h1 {
    color: #1B54B0;
    font-family: arial;
    font-size: 100%;
    font-weight: bold;
    vertical-align: top;
    padding: 0;
    margin: 0;
    text-align: left;
}

p {
    font-family: arial;
    font-size: 85%;
    vertical-align: top;
    padding-top: 0;
    margin-top: 0;
}

h2 {
    color: #ABD8E6;
    font-family: arial;
    font-size: 100%;
    font-weight: bold;
    vertical-align: top;
    padding-top: 0;
    margin-top: 0;
}

.nav {
    width: 180px;
    margin-left: 10px;
    background-color: #ABD8E6;
    padding: 1px;
}

.right1 {
    background-position: right top;
    background-image: url(/fi/gfx/tsl/right1.gif);
    background-repeat: no-repeat;
    height: 21px;
}

.left1 {
    margin-top: 1px;
    background-position: left top;
    background-image: url(/fi/gfx/tsl/left1.gif);
    background-repeat: no-repeat;
    width: 168px;
    height: 21px;
}

.menuRepeat {
    height: 21px;
    margin: 0px 20px 0px 15px;
    background-image: url(/fi/gfx/tsl/menurepeat.gif);
    background-repeat: repeat-x;
}


/* GENERAL SEARCH */


.hakuposition
{
margin-top:5px;
}

input{
height:16px;
width:115px;
border:2px solid #4C60CC;
}

.haku_bottom
{
margin-top:13px;
margin-bottom:10px;
width:100%;
height:2px;
border-bottom:solid 1px #99CE4C;

}

input.buttonSearch
{
height:21px;
width:41px;
background-image: url(/fi/gfx/tsl/hakubutton.gif);
background-repeat: no-repeat;
border:0;
margin-left:4px;
margin-top:0px;
padding:2px 0px 0px 0px;
}

.searchResultRow
{
margin:4px 4px 4px 0px;
}

.searchResultPageRow
{
margin:10px 10px 10px 0px;
border-top:1px dashed #d2d2d2;
padding-top:10px;
}

.searchResultCurrentPageNumber
{
padding:0px 3px 0px 3px;
background-color:#0060A5;
color:#ffffff;
}

.searchResultPageNumber
{
padding:4px;
}

.searchResultNoHitsRow
{
padding-top:10px;
margin-top:10px;
border-top:1px dashed #d2d2d2;
}

.searchCriteriaRow
{
margin:4px 4px 4px 0px;
}


.searchCriteriaNoHitsRow
{
padding-bottom:10px;
border-bottom:1px dashed #d2d2d2;
}

.searchHitsRow
{
margin-top:10px;
border-top:1px dashed #d2d2d2;
padding-top:10px;
}

.searchResultCount
{
margin-bottom:10px;
border-bottom:1px dashed #d2d2d2;
padding-bottom:10px;
}


form{
width:200px;
}

/* yleiset */

.right
{
text-align:right;
}

.center
{
text-align:center;
}

.left
{
text-align:left;
}

