<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">  html {
    font-family: arial, verdana;
}

.navitabl {
    font-family: verdana, arial, helvetica;
}

.even-row {
    background-color: #fcfcfc;
}

td {
    font-size: 13px;
    font-weight: 400;
}

.odd-row {
    background-color:  #f0f0f0;
}
/* for disabled inputs */
.disabled { 
   background: white;
   color:  black;
   border: 1px solid gray;
   width: 2em;
   padding-left: 0.2em;
}

table.ilmo_container th span {
	border-bottom: 1px dashed; 
	cursor: pointer;
}

.ajax {
   background: transparent url(../images/jquery/ajax-loader.gif) no-repeat scroll center center;
   background-color: white;
}

span.ajax-a {
   border-bottom: 1px dashed black;
   cursor: pointer;
}
.centered {
	margin-left: auto;
	margin-right: auto;
   text-align:center;
}
input {
  font-family: arial, sans-serif, arial, helvetica;
  font-size: 11px;
}
input[type=text], textarea {
  border: 1px solid #aaa;
  padding: 2px;
}
input[type=button], input[type=submit] {
  margin: 2px;
}
select {
  border: 1px solid #aaa;
}
input,select,textarea {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.right {
   text-align: right;
}

.left {
   text-align: left;
   padding-left: 5px;
}

.big {
   font-size: x-large;
}

.padded {
  padding: 3px;
}

.bold {
   font-weight: bold;
}

.greenBack {
   background-color: #eef0e0;
}

.fullWidth {
   width: 100%;
}

.paddedBottom1cm {
   padding-bottom: 1cm;
}
.paddingTop1cm {
   padding-top: 1cm;
}

.midWidth {
   width: 700px;
}


.kurssivarColor {
   background-color: #fff;
}

.kurssivar

.doublePadding {
   padding: 6px;
}

.topMargin {
   margin-top: 15px;
}
.dashed {
   border: 1px dashed black;   
}
.solid {
   border: 1px solid black;
}

/* t�m� luo samanlaisen taulun kuin kammottavat ot()-viritykset */
table.testi {
   border-collapse: collapse;
   border: 1px solid black;
}
table.testi td{
   border: 1px solid black;
}
table.simple {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
}
table.simple th {
	background-color: #dedede;
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.simple td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
tr.lyhytkurssi_kokonaisuusrivi {
   background-color: #add8e6;
   background-image: none;
   border: 1px solid black;
}

.lyhytkurssi_blue {
   background-color: #add8e6;
}

.lyhytkurssi_navi_body {
   background-color: #EFEFEF;
   background-image: none;
   text-align: center;

}
.lyhytkurssi_navi_container {
	border: 1px solid black;
	background-color: #fff;
	width: 75em;
	font-size: 10pt;
	font-family: arial;
}

.lyhytkurssi_navi_header {
	width:100%;
	border-bottom: 1px solid black;
	background-color: #eef0e0;
	font-size: 10pt;
	font-family: arial;
	font-weight:bold;
	float:left;

}

.lyhytkurssi_navi_content {
	padding: 100px;

}
.ohjeita {
   text-align:left;
   font-family: arial;
   font-size: 13px;
}

.kurssivar_table {
	background-color: #f0f0f6;
	border: 1px solid black;
	margin-left: auto;
	margin-right:auto;
   border-collapse: collapse;
}

.kurssivar_table td, .kurssivar_table th {
	font-family: arial,sans-serif,arial,helvetica;
	font-size: 10pt;
}

.kurssivar_table tbody tr {
   background-color: #f0f0f6;
}

.kurssivar_table td,.kurssivar_table th {
   line-height: 1.5em;
   padding-right: 5px;
   padding-left: 2px;
   border: 1px solid black;
}


.kurssivar_table thead, .kurssivar_table tfoot tr {
	background-color: #d9d9e0;
}



.lyhytkurssi_table {
	background-color: #808080;
	border: medium none;
	margin-left: auto;
	margin-right:auto;
}

.lyhytkurssi_table td, .lyhytkurssi_table th {
	font-family: arial,sans-serif,arial,helvetica;
	font-size: 10pt;
}

.lyhytkurssi_table tbody tr {
   background-color: #FFF;
}

.lyhytkurssi_table td,.lyhytkurssi_table th {
   line-height: 1.5em;
   padding-right: 5px;
   padding-left: 2px;
}


.lyhytkurssi_table thead, .lyhytkurssi_table tfoot tr {
	background-color: #efefef;
}


.highlight {background-color: #FFFFCC; }

.container {
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   
   
}

.informative {
   
   color: #990000;
   font-weight: bold; 
   font-family: arial;
   font-size: 13px;

}

.attention {
   
   font-weight: bold;
   font-family: arial;
   font-size: medium;
   color: #000;
   padding: 15px;
   
}


/* ERILAISIA TAULUKKOM��RITTELYIT� */
table.listaus	{
	border: 1px solid #000;
				
}
table.oraclesiirto th {
	font-size: 13px;
	text-align: center;
}
table.oraclesiirto td {
	text-align: center;
}
table.tablesorter .listaus {
	font-size: 13px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-collapse: collapse;
}
/* TOOLTIP ALKAA */

.toolTip {
        padding-right: 20px;
/*        background: url(/asio/images/jquery/help.gif) no-repeat right;
        color: #3366FF;*/
        cursor: help;
/*        position: relative;*/
}
.toolTipWrapper {
        width: 175px;
        position: relative;
        top: 20px;
        display: none;
        color: #4682B4;
        font-weight: bold;
        font-size: 9pt;
}
.toolTipTop {
        width: 175px;
        height: 30px;
        background: url(/asio/images/jquery/bubbleTop.gif) no-repeat;
}
.toolTipMid {
        padding: 8px 15px;
	text-align:left;
        background: #A1D40A url(../images/jquery/bubbleMid.gif) repeat-x top;
}
.toolTipBtm {
        height: 13px;
        background: url(/asio/images/jquery/bubbleBtm.gif) no-repeat;
}

/* TOOLTIP LOPPUU */

/* TABLESORTER ALKAA */

table.tablesorter {
	font-size: 12px;
/*	background-color: #4D4D4D;*/
/* 	width: 1024px; */
	border: 1px solid #000;
}
table.tablesorter th {
	text-align: left;
	padding: 5px;
/*	background-color: #6E6E6E;*/
	border: 1px solid black;
}
table.tablesorter td {
/*	color: #FFF;*/
	font-size: x-small;
	padding: 5px;
}
table.tablesorter .listaus {
	font-size: 13px;
}
table.tablesorter .even {
	background-color: #3D3D3D;
}
table.tablesorter .odd {
	background-color: #6E6E6E;
}
table.tablesorter .header {
/*	background-image: url(/asio/images/jquery/icons/silk/asterisk_yellow.png);*/
	background-repeat: no-repeat;
/*	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;*/
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	font-size: 12px;
}
table.tablesorter .headerSortUp {
	background-image: url(/asio/images/jquery/icons/silk/arrow_up.png);
	background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
	background-image: url(/asio/images/jquery/icons/silk/arrow_down.png);
	background-repeat: no-repeat;
}

/* TABLESORTER LOPPUU */

/* Lyhytkurssin ilmoittautumisten k�sittelyss� tarvittavia tyylim��reit� */

#deleted, #accepted, #unhandled, #rejected, #arrived {
   margin-bottom: 0.5em;
   
}

table.ilmo_container {
   background-color: #808080;
   border: medium none;
   width: 90%;
/* aiheuttaa ongelmia muodostettaessa ilmoittautumisten k�sittelyn tulostettava versio */
/*   height: 100%; */
}

/*
// 05.09.2012 JP: T�m� hajottaa liikaa ruutujen tulostuksia, n�in ei saa m��ritell� yleisess� CSS-tiedostossa!
//                Vastaavat m��ritykset tulee tehd� ohjelmassa inline-style-elementeill� tarpeen mukaan.
@media print {
   input, textarea, select {
       display: none;
   }
   #ohje {
       display: none;
   }
   html, body, table, td, tr, th {
       background: none;
       background-color: #FFFFFF;
   }
   
}
*/

table.ilmo_container thead tr {
   background-color: #efefef;
}

table.ilmo_container tbody tr {
   background-color: #FFF;
}

table.ilmo_container tbody td {
   text-align: left;
}

div#pohja_esikatselu {
   width: 800px;
   border: 1px dashed #000000;
   padding: 10px;
   margin: 0 20px 0 20px;
}
div#pohja_esikatselu h1 {
   font-size: 18px;
}
div#pohja_esikatselu h2 {
   font-size: 16px;
}
div#pohja_esikatselu h3 {
   font-size: 14px;
}


div.note
{
	border-radius: 3px;
	border: 1px solid black;
	background-color: #ffc;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	max-width: 800px;
}

div.ohje
{
	font-size: 11px;
	border: 1px solid #999;
	background-color: #fff;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	max-width: 800px;
}
div.ohje ul
{
	padding-left: 25px;
}
 

input.tv_tilahaku_focus
{
	background-color: #ffc;
}

input.tv_tilahaku_blur
{
	background-color: #fcc;
}

input.tv_tilahaku_done
{
	background-color: #fff;
}

table.tuottoraportti {
    border-collapse: collapse;
    border: 1px solid black;   
}


table.tuottoraportti thead th.top-heading {
    border-bottom: medium double black;
    font-size: 16px;
}

table.tuottoraportti thead th.mid-heading {
    border-bottom: medium none;
    font-size: 13px;
}

table.tuottoraportti thead th.sub-heading {
    border-bottom: 1px solid black;
    padding-left: 0.5em;
    text-align: right;
    font-size: 10px;
}

table.tuottoraportti tbody td {
    padding-top: 4px;
    padding-bottom: 4px; 
    text-align: right;
    padding-left: 0.5em;
    font-family: arial;
    font-size: 10px;
}

table.tuottoraportti tbody td.data {
    text-align: right;
    padding-right: 0px;
    padding-left: 1em;
}

table.tuottoraportti tfoot tr {
    border-top: 1px solid black;
}

table.tuottoraportti tbody td.left-aligned, 
table.tuottoraportti thead th.left-aligned {
    text-align: left;
    padding-left: 0.2em;
}

#kiinnitys-maksaja-info {
    border: 1px dashed grey;
    width: 80%; 
    margin-left: auto;
    margin-right: auto; 
    padding: 2px;
}

.zero-padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.background-light-blue {
    background-color: lightBlue;
}

.background-light-green {
    background-color: lightGreen;
}

#asetukset-status-container {
    width: 50%;
    margin-right: 10%;
    margin-bottom: 33px;
    float: right;
    background-color: #EEF0E0;
    border: 1px solid black;
    padding: 0.5em;
}

.clear-right {
    clear: right;
}

#error, #notice {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1.5em;    
}

.error
{
  color: red;
}

#asetukset-status-container #error, 
#asetukset-status-container #notice {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

#asetukset-status-container table {
    border: none;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#asetukset-status-container thead th {
    border-bottom: 3px double black;
    text-align: right;
}

#asetukset-status-container tbody td {
    text-align: right;
}

#asetukset-status-container td.first-cell {
    border: none;
    text-align: left;
}

#asetukset-status-container #aseta-huonetyyppi-container {
    margin-top: 1em;
}

#asetukset-status-container #aseta-huonetyyppi-container fieldset {
    width: 30%;
}

#asetukset-status-container #aseta-huonetyyppi-container select {
    float: left;
}

#asetukset-status-container #aseta-huonetyyppi-container input {
    float: right;
}


#error span, #notice span {
    float: left;
    margin-right: 5px;
}

/* Uusia m��rityksi� */
table.asio_layout tr td.asio_navi
{
	border-top: 1px solid #6070aa;
	border-bottom: 1px solid #6070aa;
	border-right: 1px solid #6070aa;
	border-left: 1px dotted #9090dd;
	background-color: #fff;
}

div.tablecalendar
{
	padding-left: 10px;
	padding-top: 10px;
}
table.navitbl
{
	width: 100%;
}

a.asio_navi_selected
{
	color: black;
	text-decoration: none;
}
a.asio_navi_selected_nohref
{
	cursor: default;
}
div.asio_navi_item_main a.asio_navi_selected:hover
{
	background-color: #fff;
}
div.asio_navi_item_main a:hover
{
	background-color: #def;
	color: black;
	text-decoration: none;
}
table.asio_layout tr td.asio_navi div.asio_navi_item_main a
{
    color: #333333;
    display: block;
    font-family: verdana,sans-serif;
    font-size: 14px;
    padding: 2px 10px;
}
table.asio_layout tr td.asio_navi div.asio_navi_item_sub a {
    color: #252626; /* TZ14 #555555 */
    display: block;
    font-family: verdana,sans-serif;
    font-size: 10px;
}
table.asio_layout tr td.asio_navi div.asio_navi_item_sub a:hover 
{
    color: #252626; /* TZ14 #000000 */
	text-decoration:none;
}
table.asio_layout tr td.asio_navi p.asio_navi_lisaosa
{
	padding-left: 10px;
}
table.asio_layout tr td.asio_content
{
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #6070aa;
	/*padding-right: 15px;*/ /* TZ14 commented out */
	padding-bottom: 15px;*/ /* TZ14 commented out */
	background-color: #fff;
}
table.asio_layout tr td.asio_content_container
{
	border: 1px solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table.cal
{
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.asio_rounded_right
{
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.asio_rounded_top
{
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.asio_rounded_bottom
{
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.x-asio_shadowed
{
  -moz-box-shadow: 9px 9px 15px #ddd;
  -webkit-box-shadow: 9px 9px 15px #ddd;
  box-shadow: 9px 9px 15px #ddd;
}
.x-asio_shadowed_dark
{
  -moz-box-shadow: 9px 9px 15px #999;
  -webkit-box-shadow: 9px 9px 15px #999;
  box-shadow: 9px 9px 15px #999;
}

.asio_navi_item asio_navi_item_main{
margin:0;
}
table.navitbl tr{
margin:0;
}
td.width550{
width:550px;
}
.logoutbttn{
    background-color: #E1E0E0; /* TZ14 background-color: #EEEEEE */
    border: 0px solid #AAAAAA; /* TZ14 border: 1px solid #AAAAAA */
    border-radius: 2px 2px 2px 2px;
    color: #ffffff; /* TZ14 color: #666666 */
    font-family: arial;
    font-size: 9px; /* TZ14 font-size: 10px; */
    padding: 2px; /* TZ14 padding: 2px 4px; */
    text-transform: uppercase;
}

.logoutbttn:hover
{
    background-color: #666666; /* TZ14 background-color: #def */
    border: 0px solid #666666; /* TZ14 border: 1px solid #666666 */
    color: #ffffff; /* TZ14 color: #222222 */
    text-decoration:none;
}

.asio_navi_item_sub{
    background-color: #EFEFEF; /* TZ14 #F6F6F6 */
    /*border-top: 1px solid #DDDDDD;*/ /* TZ14 commented out */
    padding: 2px; /* TZ14 3px 0 3px 3px */
	margin-bottom: 1px; /* TZ14 */
}
.asio_navi_item_sub:hover
{
    background-color: #E1E0E0; /* TZ14 #def */
}

tr.clickable
{
	cursor: pointer;
}

table.t_status tr td
{
	font-family: verdana;
}

.info
{
  border: 2px solid black;
  background: #fff;
  display: inline-block;
  margin: 2em 0;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #aaa;
}

.info-title
{
  background-color: #eef0e0;
  font-weight: bold;
  display: block;
  padding: 8px;
  border-bottom: 1px solid gray;
  text-align: center;
}

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

.info table td
{
  padding: 8px;
  text-align: right;
}

.right-float
{
  float: right;
}

.center-notice
{
  border: 1px solid black;
  border-radius: 2px;
  display: block;
  background: #ffe;
  font-weight: bold;
  padding: 8px;
  margin: 0.5em;
  text-align: center;
}
</pre></body></html>