body {
    SCROLLBAR-FACE-COLOR: #CDE0EC;
    SCROLLBAR-SHADOW-COLOR: #CDE0EC;
    SCROLLBAR-ARROW-COLOR: #0C73B1;
    SCROLLBAR-BASE-COLOR: #CDE0EC;
    scrollbar-3d-light-color: #0099CC;
    scrollbar-dark-shadow-color: #0000CD;
}

.dropdown {
    FONT-SIZE: 8pt;
    BACKGROUND: #0C72AF;
    WIDTH: 150px;
    COLOR: white;
    HEIGHT: 22px
}


.infosbg  {/* Etusivun infojen yläboxit */
	height: 26px; 
	background-image: url(../images/button_bg.gif); 
	border: 1px solid #86ADC6;
}



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

background-color: #E4EFF7;

height: 30;
font-weight: bold;
}


.thead td
{
font-weight: bold;
border-bottom: 1px solid black;
}



.tbody
{

background-color: white;
height: 30;

}


.tbody td
{

border-bottom: 1px solid light-gray;
}




.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
{
    BORDER: 1px solid silver;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: white;
    COLOR: black;
 height: 20px;
}
.resetbutton
{
    BORDER: 1px solid silver;
 
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: #666666;
    COLOR: white;
    HEIGHT: 20px
}
.button
{
    BORDER:  1px solid gray;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 3px;
    font-weight: normal;
    COLOR: black;
    PADDING-TOP: 3px;
    HEIGHT: 20px;
    BACKGROUND-IMAGE: url(../images/button_bg.gif);
    TEXT-DECORATION: none;
	white-space: nowrap;

}
.button:hover
{
    BACKGROUND-IMAGE: url(../images/button_bg2.gif);
}

.button:active
{
    BACKGROUND-IMAGE: url(../images/button_bg3.gif);
}

.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;
    FONT-SIZE: 9pt;
    COLOR: black;
}


.multiple
{
    BORDER:  1px solid #666666;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, verdana,arial
}
.multiple2
{
    BORDER: 1px solid #666666 ;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, verdana,arial
}

.kentta2
{
    WIDTH: 30px;
    HEIGHT: 21px
}
.kentta7
{
    WIDTH: 96px;
    HEIGHT: 21px
}
.kentta14
{
    WIDTH: 180px;
    HEIGHT: 21px
}
.kentta24
{
    WIDTH: 360px;
    HEIGHT: 21px
}
.textarea23
{
    WIDTH: 360px;
    HEIGHT: 164px
}
.kentta12
{
    WIDTH: 150px;
    HEIGHT: 21px
}
.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
}


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

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


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