/********************************************************************************
* COOLMENUS ALKAA
********************************************************************************/

    /* CoolMenus 4 - default styles - do not edit */
    .clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
    /* CoolMenus 4 - default styles - end */

    /*Style for the background-bar*/
    .clBar{position:absolute; width:10px; height:10px; background-color:Navy; layer-background-color:Navy; visibility:hidden}

    /*Styles for level 0*/
    .clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
    .clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
    .clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
    .clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

    /*Styles for level 1*/
    .clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
    .clLevel1{background-color:Navy; layer-background-color:Navy; color:white;}
    .clLevel1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
    .clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

    /*Styles for level 2*/
    .clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
    .clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
    .clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
    .clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/********************************************************************************
* COOLMENUS PÄÄTTYY
********************************************************************************/

/********************************************************************************
* YLEISET ELEMENTIT ALKAA
********************************************************************************/


	table.lista_keski{
	  	width:850px;
	  	margin-left:auto;
	  	margin-right:auto;
	}
	
	
	table.lista_keski_levea{
	  	width:1000px;
	  	margin-left:auto;
	  	margin-right:auto;
	}


    table.keskitetty_sisalista{
        margin-left:auto;
        margin-right:auto;
        border-collapse:collapse;
	    border:0px;
    }
    
    
	#taulu{
	  	position:relative;
	  	top:25px
	}

	#leftcontent {
		float:right;
		width:25%;
		background:#fff;
		border-right:2px solid #000;
		border-bottom:2px solid #000;
		margin-left:15px;
		padding-bottom:20px;
	}

	td.oliotieto_otsikko{
		font-weight:bold;
		padding-right:10px;
		padding-top:2px;
	}
	
	td.oliotieto_arvo{
		padding-top:2px;
	}
	
	.leveys_collapse{
        width:100%;
        border-collapse:collapse;
    }
	
	.leveys {
        width:100%;
    }
    .leveys97{
		width:97%
	}
    .leveys90{
		width:90%
	}

    .kursori{
        cursor: pointer;
        cursor: hand;
    }

    .virheilmoitus{
        color:red;
        font-size:15px;
    }
	.virheilmoitusJS{
        color:red;
        font-size:15px;
        height:20px;
    }
	
    .punainenTeksti{
        color:red;
        font-size:13px;
        font-family:Arial;
    }

    .vihreaTeksti{
        color:green;
        font-family:Arial;
        font-size:13px;
        font-weight:bold;
    }

    .otsikko12Bold {
    	font-family:Arial;
    	font-size:12px;
      	font-weight:bold;
    }
    .otsikko14Bold {
    	font-family:Arial;
    	font-size:14px;
      	font-weight:bold;
    }
    .teksti12 {
    	font-family:Arial;
    	font-size:12px;
      	font-weight:lighter;
      	font-stretch:ultra-expanded;
    }
    .siiloSarake{
    	border-style: solid;
    	border-color: #F0F8FF;
    }

    .padding0{
    	padding: 0px;
    }

    .virhe{
    	padding-top: 45px;
    	margin-bottom: 400px;
    	text-align:center;
    }

    .VasenSarake{
        width:10%;
        vertical-align:top;
        border-right-style: solid;
        border-right-color:#F0F8FF;
    }

    .laskurivinOtsikko, .laskurivinOtsikko th{
        background-color:#99CCFF;
    }
    .piilossa{
		display:none;	
	}
	.esiin{
		display:block;	
	}
	.tosiPiilossa{
		visibility:hidden;
		display:none;
	}
    .tosiEsiin{
		visibility:visible;
		display:block;
	}

/********************************************************************************
* YLEISET ELEMENTIT PÄÄTTYY
********************************************************************************/

/********************************************************************************
* BODY-ELEMENTIT ALKAA
********************************************************************************/

	body {
		margin:0px 0px 0px 0px;
        font-family:Arial;
        font-size:13px;
	}

/********************************************************************************
* BODY-ELEMENTIT PÄÄTTYY
********************************************************************************/

/********************************************************************************
* DIV-ELEMENTIT ALKAA
********************************************************************************/

    div.variRiviDiv{
    	width:100%;
      	background-color:#F0F8FF;
    	text-indent:10px;
    	color:navy;
    	font-size:14px;
    	font-weight:bold;
    }
    
    div.variRiviDivPad{
    	width:100%;
      	background-color:#F0F8FF;
    	text-indent:10px;
    	color:navy;
    	font-size:14px;
    	font-weight:bold;
    	padding-bottom:5px;
    }

/********************************************************************************
* DIV-ELEMENTIT PÄÄTTYY
********************************************************************************/

/********************************************************************************
* TABLE-ELEMENTIT ALKAA
********************************************************************************/

    table.collapse{
        border-collapse:collapse;
    }

    table.laskutaulu{
        padding:15px;
        border: 1px solid navy;
        width:500px;
        margin-left:auto;
        margin-right:auto;
    }
    
    table.vasenhaku{
    	margin-top:45px;
    	width:100%;
    }

    table.keskitetty{
        margin-left:auto;
        margin-right:auto;
    }

    table.variRiviLevee, table.variRiviLevee_collapse{
        background-color:#F0F8FF;
        width:100%;
    }
    
    table.variRiviLevee_collapse{
        border-collapse:collapse;
    }
    
    table.testiLeveys{
        width:100%;
        border-collapse:collapse;
    }

    table.leveysBorder, table.leveysBorderCollapse{
    	width:100%;
    	border:1px solid navy;
    	margin-top:5px;
    }
    
    table.leveysBorderCollapse{
    	border-collapse:collapse;
    }

    table.leveysBorderEiWidth{
    	border:1px solid navy;
    	margin-top:5px;
    }

    table.leveys100pros{
     	width:100%;
    	border-collapse:collapse;
    }

    table.taytto{
        height:100%;
        width:100%;
    }

    table.alapalkki{
        background-color:navy;
        color:white;
        width:100%;
        font-size:18px;
        margin-top:40px;
    }
    
    table.ylapalkki{
        background-color:navy;
        color:white;
        width:100%;
        font-size:18px;
        position:absolute;
    }
    
/********************************************************************************
* TABLE-ELEMENTIT PÄÄTTYY
********************************************************************************/

/********************************************************************************
* TR-ELEMENTIT ALKAA
********************************************************************************/
    tr.riviSininen{
        background-color:#F0F8FF;
        color:navy;
        font-family:Arial;
        font-size:13px;
    }

    tr.riviValkoinen{
        color:navy;
        font-family:Arial;
        font-size:13px;
        vertical-align:top;
    }
    
    tr.riviPadAlas{
        height:50px;
    }
    
    tr.tilaaNapille td{
        padding-top:20px;
    }

/********************************************************************************
* TR-ELEMENTIT PÄÄTTYY
********************************************************************************/

/********************************************************************************
* TD-ELEMENTIT ALKAA
********************************************************************************/

	td.osioOtsikko{
    	color:navy;
    	font-weight:bold;
    	padding-bottom:10px;
    }
    
	td.sailo_otsikko{
		font-size:14px;
		color:navy;
	}

    td.ominaisuusarvo_delete{
        padding-left:10px;
    }


	/* RESURSSI SIVUN TYYLEJÄ ALKAA*/
	td.lisukeEkaTd{
		width:70px;
		text-align:center;
	}
	td.lisukeTokaTd{
		width:150px;
	}
	td.lisukeKolmasTd{
		width:50px;
	}

	td.hinnastoEkaTd{
		width:100px;
		text-align:left;
	}
	td.hinnastoTokaTd{
		width:50px;
	}
	/* RESURSSI SIVUN TYYLEJÄ LOPPUU*/
    td.poistonappi{
        padding-left:10px;
    }

    td.hinnasto_lisaa{
        padding-top:10px;
    }

    td.hinnasto_otsikko{
        padding-top:10px;
        padding-bottom:5px;
        color:navy;
    }

    td.hinnasto_artikkeli{
        padding-right:20px;
    }

    td.laskuvasen{
        width:170px;
        vertical-align:top;
    }

    td.laskuoikea{
        width:330px;
        vertical-align:top;
    }

    td.postiOtsikko{
        padding-left:20px;
        width:120px;
        font-weight:bold;
        vertical-align:top;
    }

    td.navyPieni,td.navyPieniPadding, td.listanSoluSininen{
        color:navy;
        font-size:13px;
        font-family:Arial;
    }
    
    td.navyPieniPadding{
        padding-left:10px;
    }
    
    td.listanSoluSininen{
        background-color:#F0F8FF;
    }

    td.navyOtsikko{
      color:navy;
      font-size:21px;
      padding-bottom:12px;
    }

    td.puolet, td.puoletOikea{
      width:50%
    }

    td.puoletOikea{
      text-align:right
    }

    td.otsikkoBanneriSisennys{
    	text-indent:10px;
    	font-size:14px;
    }

    td.otsikkoBanneri,.otsikkoBanneriSisennys{
    	height:20px;
    	color:navy;
    	font-weight:bold;
    }

    td.rakoaVasemmalle{
        padding-left:15px;
    }

    td.tosiKapea{
        width:10%;
        vertical-align:top;
    }

    td.tosiKapeaVasen{
        width:8%;
        text-align:left;
    }

    td.viisi{
        width:5%
    }
    
    td.VasenSarakeSininen{
        width:10%;
        vertical-align:top;
        border-right-style: solid;
        border-right-color:#F0F8FF;
    }

    td.navyTekstiOikealle{
        color:navy;
        text-align:right;
        font-weight:bold;
    }

    td.keskiosa80{
        width:80%;
        vertical-align:top;
    }

    td.inDiv100{
    	width:100px;
    	text-indent:10px;
    }

    td.leveys100{
    	width:100px;
    	font-size:12px;
    }

    td.tdSisennys{
    	text-indent:30px;
    }

    td.isonTaulunKapea{
        width:22%;
        vertical-align:top;
        border-left-style: solid;
        border-left-color:#F0F8FF;
    }

    td.isonTaulunLevea{
        width:78%;
        vertical-align:top;
    }

    td.isonTaulunKohtuullinen{
        width:48%;
        vertical-align:top;
    }

    td.keskiosa80{
        width:80%;
        vertical-align:top;
    }

    td.lomakeListaVasemmalla{
    	width:300px;
    	vertical-align:top;
    }

    td.lomakeKeskiOsa{
      	vertical-align:top;
    }

    td.lomakeListaOikealla{
    	width:300px;
      	vertical-align:top;
    }

    td.isonTaulunKeski{
      	width:28%;
      	vertical-align:top;
    }

    td.rivinKorkeus{
        height:20%
    }

    td.tekstiOikealla{
        text-align:right
    }

    td.siniborder{
        border-color:blue;
        text-align:center;
        border-style:groove;
        border-width:thin;
    }

    td.solutilaa{
        padding-right:2em;
    }
    
    td.vasenRako{
        padding-left:70px;
    }

    td.rakoa{
        padding-left:50px;
        padding-right:50px;
    }
    
    td.keskella{
        text-align:center
    }
    
    td.navyTeksti{
        color:navy;
        font-size:14px;
    }
    
    td.postiTiedostonKoko{
        text-align:right;
        padding-left:20px;
        font-weight:bold;
    }
    

/********************************************************************************
* TD-ELEMENTIT PÄÄTTYY
********************************************************************************/


/********************************************************************************
* TH-ELEMENTIT ALKAA
********************************************************************************/

    th.vasen{
        text-align:left
    }

    th{
        text-align:center;
        color:navy;
        font-size:11px;
    }

/********************************************************************************
* TH-ELEMENTIT PÄÄTTYY
********************************************************************************/


/********************************************************************************
* IMG-ELEMENTIT ALKAA
********************************************************************************/


    img.imgHand{
        cursor:hand;
        cursor:pointer;
    }

    img{
        border:none;
    }

/********************************************************************************
* IMG-ELEMENTIT PÄÄTTYY
********************************************************************************/


/********************************************************************************
* INPUT-ELEMENTIT ALKAA
********************************************************************************/

    input.levee{
        width:100%
    }

	
	
    input.leveex{
        width:98%
    }

    input.leveex2{
        width:99%
    }
    
    input.numero{
        width:50px
    }
    
/********************************************************************************
* INPUT-ELEMENTIT PÄÄTTYY
********************************************************************************/


/********************************************************************************
* SELECT-ELEMENTIT ALKAA
********************************************************************************/

    select.leveeOikee, select.levee{
        width:100%
    }
    
    select.leveys75{
        width:75%;
    }

    select.punainenTausta{
        background-color:#FF6666;
        width:75%;
    }

    select.listanLeveys{
        width:200px
    }

/********************************************************************************
* SELECT-ELEMENTIT PÄÄTTYY
********************************************************************************/


/********************************************************************************
* A-ELEMENTIT ALKAA
********************************************************************************/

    a.valkoinenLinkki{
        color:white;
        text-decoration:underline;
    }
    
    a.valkoinenLinkki:visited{
	  	color:white;
	}


    a:visited{
        color:blue;
    }


    a.koristeet{
        color:white;
    }
    
    a.isoLinkki{
        font-size:22px
    }

    a{
        text-decoration:none;
    }
    
    a.viestipohja{
        font-size:12px;
    }
    
    a.viestipohjaPainettu{
        color:navy;
        font-size:12px;
    }
    
    a.flow:hover {
        position: relative;
        cursor:default;
    }
    a.flow span {
        display: none;
    }
    a.flow:hover span {
        display: block;
        position: absolute; top: 10px; left: 0;
        padding: 5px; margin: 10px; z-index: 100;
        background: #f0f0f0; border: 1px dotted #c0c0c0;
    }

/********************************************************************************
* A-ELEMENTIT PÄÄTTYY
********************************************************************************/


/********************************************************************************
* P-ELEMENTIT ALKAA
********************************************************************************/

    p.valitusTeksti{
        color:red
    }
    
    p.paksuTeksti{
        font-weight:bold
    }

/********************************************************************************
* P-ELEMENTIT PÄÄTTYY
********************************************************************************/


/********************************************************************************
* H1-ELEMENTIT ALKAA
********************************************************************************/

    h1{
        text-align:center
    }

/********************************************************************************
* H1-ELEMENTIT PÄÄTTYY
********************************************************************************/

    span.sailytys_kuittaus{
        cursor:hand;
        cursor:pointer;
        color:navy;
        
    }