form, body {margin: 0px; padding: 0px;}

BODY
{
background-color: #a7bad5;
height: 100%;
}



.dropdown
{
	font-size: 11px;
}


.infosbg /* Etusivun infojen yläboxit */

{
	height: 26px; 
	background-image: url(../images/button_bg.gif); 
	border: 1px solid #86ADC6}



.thead /* Listausnäkymien yläosat */
{

background-image: url(../images/thead_bg.gif);
background-repeat: repeat-x;
height: 26px;
}


.thead td
{
font-weight: normal;
border-bottom: 1px solid #B0ACA1;
border-left: 1px solid white;
border-right: 1px solid #EFEFEF;
padding-left: 10px;
padding-right: 2px;
}

.thead td, .minileipis, .cursive, minicursive
{
font-family: tahoma;
font-size: 11px;
font-weight: normal;

}



.tbody
{
height: 26px;
background-image: url(../images/tbody_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
}


.tbody td
{
height: 26px;
border-bottom: 1px solid #E0DFE3;
border-left: 1px solid white;
border-right: 1px solid #EFEFEF;
}




.titlebox
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: url(../images/head-title-bg.gif);
    COLOR: #045485;
    TEXT-DECORATION: none
}
.greencursive
{
    FONT-WEIGHT: bold;
    COLOR: green
}
.redcursive
{
    FONT-WEIGHT: bold;
    COLOR: red
}
.submitbutton
{
font-size: 11px;
}
.resetbutton
{
font-size: 11px;
}


.nolink
{
    COLOR: #6c6c6c
}
.fr-boxtitle
{
      BORDER: 1px solid gray;
      border-bottom: 0px
}
.fr-box
{
      BORDER: gray 1px solid
}
.menuborder
{
    BORDER: 0px dashed #77c5d3;
}

.kentta2, .kentta7, .kentta14, .kentta24, .textarea23, .kentta12, .textarea_large
{
    BORDER: #666666 1px solid;
    COLOR: black;
	font-size: 11px;
}


.multiple
{
    BORDER:  1px solid #666666;
    COLOR: black;
    FONT-FAMILY: Tahoma, verdana,arial;
	font-size: 11px;
}
.multiple2
{
    BORDER: 1px solid #666666 ;
    COLOR: black;
    FONT-FAMILY: Tahoma, verdana,arial;
	font-size: 11px;
}

.kentta2
{
    WIDTH: 30px;
}
.kentta7
{
    WIDTH: 96px;
}
.kentta14
{
    WIDTH: 180px;
}
.kentta24
{
    WIDTH: 360px;
}
.textarea23
{
    WIDTH: 360px;
    HEIGHT: 164px
}
.kentta12
{
    WIDTH: 150px;
}
.textarea_large
{
    FONT-SIZE: 9pt;
    WIDTH: 520px;
    COLOR: navy
}
.multiple
{
    FONT-SIZE: 9pt;
    WIDTH: 150px;
    COLOR: navy;
    HEIGHT: 100px
}
.multiple2
{
    FONT-SIZE: 9pt;
    WIDTH: 150px;
    COLOR: navy;
    HEIGHT: 220px
}
.calendar
{
    FONT-SIZE: 8pt;
    WIDTH: 9px;
    COLOR: navy;
    HEIGHT: 9px;
    TEXT-ALIGN: center;
}
.calendar-today
{
    BORDER: 1px solid #f37302;
    FONT-SIZE: 8pt;
    COLOR: navy;
    TEXT-ALIGN: center;
}
.calendar-marker
{
    BORDER: 1px solid #6766a3;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: center;
    COLOR: navy;

}
.calendar-week
{
    BORDER-RIGHT: 1px solid #0099cc;
    FONT-SIZE: 8pt;
    COLOR: black;
    TEXT-ALIGN: center
}


.minilist TABLE
{
    BORDER-BOTTOM: 1px solid #EFEFEF
}


.minilist TD
{
    BORDER-BOTTOM:  1px solid #EFEFEF
}

.minilist THEAD
{
    BORDER-BOTTOM: 1px solid #EFEFEF
}

#metaformtable .cursive
{
font-weight: normal;
}


#metaformdiv 
{
width: 100%
}


#metaformtable 
{
width: 100%
}

.tabmenutable {width: 100%; border: 1px solid #ECECEC; padding: 10px;}

#tablink1 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 17px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink2 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 167px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink3 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 317px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink4 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 467px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink6 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 617px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink7 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 767px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink8 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 917px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink9 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 1067px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}


.Tyyli_memo_pieni
{
    WIDTH: 150px;
    HEIGHT: 100px
}
.Tyyli_memo_keski
{
    WIDTH: 300px;
    HEIGHT: 100px
}
.Tyyli_memo_suuri
{
    WIDTH: 400px;
    HEIGHT: 200pt
}
.Tyyli_int
{
    WIDTH: 150px
}
.Tyyli_string_keski
{
    WIDTH: 300px
}
.Tyyli_string_iso
{
    WIDTH: 500px
}

.Tyyli_titletabmenu
{
}

.Tyyli_titlestepbystep
{
}