/* 
    Document   : style
    Created on : 26.1.2011, 9:33:11
    Author     : jouni
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/** {
border: 1px solid black;}*/

body {
    overflow-y: scroll;
    margin:0;
}
#container{
margin:0 auto;
width: 1000px;
border-left: 1px solid #95B053;
border-right: 1px solid #95B053;
border-top: 1px solid #95B053;
}
#palkki{
width: 1000px;
float:left;
background-color: #95B053;
height: 50px;
}
#ylapalkki{
border: none;
width: 1000px;
height: 50px;
list-style-type: none;    
display: inline;
margin:0px;
padding:0px; 
}
li{
    display:inline;
}
ul.allekkain li{
    display:block;
}
#kayttoehdot .kayttoehdot li {
    list-style-type: none;
    display: block;
    margin: 10px;
}
#logo{
background-image: url('../img/banner2.jpg'); 
height:148px;
}
#keski {
clear:both;
width: 998px;
padding:0px;
margin:30px 0 0 0;
}
#sisalto{
padding: 40px;
width: 900px;
height: auto;
}
#footter{
 background-image: url('../img/footer_gradient_05.png');
 width: 1000px;
 float: left;
 border-left: 1px solid #95B053;
}

.clear {
margin:0px;
height:0px;
clear:both;
}
#logoteksti_main, #logoteksti_sub, .logoteksti_small, .logoteksti_smaller {
font-family: Arial, helvetica;
color: #fff;
padding:0px;
margin:0px;
}

.logoteksti_small {
font-size: 20px;
text-transform: uppercase;
font-weight:bold;
}

.logoteksti_smaller {
font-size: 15px;
}

#logoteksti_main {
font-size: 40px;
margin: 10px 0 0 30px;
text-transform:uppercase;
font-weight:bold;
}


#logoteksti_sub {
font-size: 30px;
margin: 10px 0 0 100px;
}

label.tkunta_valikko {
    font-family: arial, helvetica;
    font-size: 12px;
    padding:3px;

}
a.valikko_a:hover, a.valikko_a_etusivu:hover {
   /* background-image: url(../img/button_green_hover.png);*/
    /*background-repeat: repeat-x;*/ 
    color: #fff;
    cursor: pointer;
    cursor: hand;
    display: inline;
    text-decoration: none;
}
a.valikko_a, a.valikko_a_etusivu, .p_right a, .p_right_pienenpi a{
  text-decoration: none;     
  color:#fff; 
}

a:hover{
	color:#789139;
        text-decoration:underline;
}

#ylapalkki li:hover { 
    /*background-color: #819949;*/ 
    background: url(../img/button_green_hover);
    background-repeat: repeat-x;
    text-decoration: none;
}

.sivu_valittuna { 
    /*background-color: #819949;*/
    background: url(../img/button_green_hover);
    background-repeat: repeat-x;
    text-decoration: none;
}

a, .tilalinkki input{
  text-decoration: underline;
  color: #95B053;
  outline: none;
}

/*#ylapalkki a:hover {
        color:#fff;
        background-color: transparent;
}*/

.p_right a:hover, .p_right_pienenpi a:hover {
  text-decoration: none;     
  color:#fff; 
  cursor: pointer;
  cursor: hand;
}


.linkki_p{
color:#FFFFFF;

}

.lipalkki{
  border-right: 1px solid #758A43;  
   height: 50px;
   float:left;    
}
.valikko_a{    
color:#FFFFFF;    

font-family: helvetica,arial; 
 text-decoration: none;  
 height: 0px;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 15px;
 padding-bottom: 15px;
 margin-top: 0px;
 
 
}
.valikko_a_etusivu{
 text-decoration: none;   
 color:#FFFFFF; 
 margin-top: 0px;
 font-family: helvetica,arial;    
  padding-left: 25px;
 padding-right: 25px;
  height: 0px;
  padding-top: 15px;
 padding-bottom: 15px;     
}

.nappi_middle {
background-image: url('../img/button_green.png');
height:28px;
float:left;
border:0px solid #000;
padding:5px 5px 5px 5px;
margin:0px 0 0px 0;
border:0px solid #fff;
}

#napit_left{
margin-left: 20px;    
margin-top: 20px;
width: 300px;
float:left;
height: 50px
}

#osa_midle{
position:relative;
z-index:100;
left: 0px;
top:2px;
background-color: #fff;  
height: 25px;
width:300px;
padding: 5px 5px 5px 5px;
-moz-border-radius: 1em 1em 0 0;
-webkit-border-radius: 1em 1em 0 0;
border-radius: 1em 1em 0 0;
}
#osa_midle2 {
position:relative;
z-index:100;
left: 0px;
top:0px;
padding:5px;
clear:both;
height:25px;
width:300px;
background-color: #eee;
border: 0px solid #95B053;
text-align:center;
vertical-align:middle;
-moz-border-radius: 0 0 1em 1em;
-webkit-border-radius: 0 0 1em 1em;
border-radius: 0 0 1em 1em;
/*background-image: url('../img/footer_gradient_05.png');*/
}

#osa_midle2 label { font-size:12px; text-transform:uppercase;}

#pallo{  
float:left;    
width: 25px;  
height: 25px;
background-image: url('../img/pallo.png');
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}

#sivuotsikko{
    
   font-family: helvetica,arial;   
   font-size: 22px;
   color:#758A43;
   margin-left: 50px;
   margin-top: 0px;
}

#etusivu_vasen {
    width:600px;
    float: left;
}

/*Oikeat napit */

.napit{
float:right; 
margin-top: 15px;
margin-left: 10px;
margin-right: 10px
}

.osa_left_right{
float:left; 
width: 12px;
height: 38px;
margin: 0px;
padding: 0px;
background-image: url('../img/button_green_03.png');    
}

.osa_midle_right{
float:left;
height: 38px;
width: auto;
padding: 0px;
margin-left:0px;
background-image:  url('../img/button_green_gradient_06.png');  
}

.osa_midle_right_ohje{
float:left;
height: 38px;
width: 40px;
padding: 0px;
margin-left:0px;
background-image:  url('../img/button_green_gradient_06.png');  
}
.osa_midle_right_asetukset{
float: left;
height: 38px;
width: 85px;
padding: 0px;
margin-left:0px;
background-image:  url('../img/button_green_gradient_06.png');  
}

.osa_right_right{
float:left;    
width: 10px;
height: 38px;
background-image: url('../img/button_green_06.png');       
}
.p_right{
font-family: helvetica,arial; 
font-size: 15px;
margin-top: 5px;
padding-left: 5px;
padding-right: 8px;
}
.p_right_pienenpi{
font-family: helvetica,arial; 
font-size: 15px;
margin-top: 5px;
padding-left: 0px;
}

#pfootter{
width:100%;    
text-align:center;
 font-family: helvetica,arial;   
 font-size: 12px;
}
.afootter{
float:right;
margin-top: -40px;
}
p{
 font-family: helvetica,arial;   
 font-size: 14px;   
}

h1{
 color: #758A43;
 font-family: helvetica,arial;   
 font-size: 22px; 
}

h2{
 margin-top: 20px;  
 color: #758A43;
 font-family: helvetica,arial;   
 font-size: 16px;    
}
h3{   
 margin-top: 20px;   
 color: #758A43;
 font-family: helvetica,arial;   
 font-size: 14px;   
}

ul, li {
font-size: 14px;
font-family: Helvetica, Arial;
}

tr, td {
font-size: 14px;
font-family: Helvetica, Arial;

}

.tila_taulu {
    width: 450px;
    float: left;
}
.tilarekisteri_right {
    width: 350px;
    float: right;
    margin-left: 20px;
}


.tiekunta_teksti{
 float:left;
 width: 120px;
 margin-bottom: 10px;
 font-family: helvetica,arial;   
 font-size: 14px; 
}
.tiekunta_kentat{
 float:left;  
 width: 200px;
 margin-bottom: 10px;
 margin-right: 28px;
}


#tiekunta_lomake {
    width:600px;
    float: left;
}

#tiekunta_kayttaja {
    width: 220px;
    padding: 5px 5px 5px 10px;
    float: right;
    border-left: 1px solid #ddd;
}

.tilarekisteri_teksti{
 float:left;
 width: 120px;
 margin-bottom: 10px;
 font-family: helvetica,arial;   
 font-size: 14px;   
}

#tilarekisteri_lomake{
 
 float:left;
}

#tilarekisteri_listaus {
    width: 850px;
    padding: 5px 5px 5px 5px;
    float: right;       
}
td.taulu_otsikko {
    font-weight: bold;
    width: 100px;
}
.taulu_color1 {
    background-color: #ccc;
    
}
.taulu_color2 {
    background-color: #ffffff;
}
.taulu_color3 {
    background-color: red;
}
.div_clear_left{
clear:left;    
}
elista_taulu_div{
border: 1px solid #ccc;
background-color: #eee;   
width:200px;
font-family: helvetica, arial;
}    
.taulu_div{
border: 1px solid #ccc;
background-color: #eee;   
width:800px;
font-family: helvetica, arial;
}
.taulu_div2{
background-color: #eee;   
width:400px;
}
/* *********Maksuunpanoluettelotaulujen muotoilut**********/
.mluettelo_taulu_div {
border: 1px solid #ccc;
background-color: #eee;   
width: 750px;
font-family: helvetica, arial;
padding: 5px;
}
.mluettelo_taulu_toiminnot {
width: auto;
float: left;
max-width: 200px;
margin-left: 5px;
}
.mluettelo_rivi_div1{
width: auto;
clear:left;   
border: 1px solid #ccc;
background-color: #ccc;
min-height: 35px;
padding: 0.5em;
}
.mluettelo_rivi_div2{
width: auto;
clear:left;   
border: 1px solid #ccc;
background-color: #ffffff;
min-height: 35px;
padding: 0.5em;
}
.mluettelo_taulu_kentta_div{
font-family: helvetica, arial;
font-size: 16px;
min-width: 180px;
float: left;
}
.mluettelo_taulu_otsikko_div{
font-weight: bold;
width: 180px; 
float:left;
font-family: helvetica, arial;
font-size: 14px;
padding: 0.5em;
}
/************** Laskutus taulujen muotoilut***********************/
.laskutus_taulu_div{
min-height: 100px;
width:900px;
font-family: helvetica, arial;
padding: 5px;
}
.laskutus_taulu_otsikko_div {
/*border: 1px black solid;*/
font-weight: bold;
min-width: 120px; 
float: left;
font-family: helvetica, arial;
font-size: 14px;
padding: 0.5em;
}
.laskutus_taulu_kentta_div {
/*border: 1px black solid;*/
width: 120px;
min-height: 40px;
float: left;
padding: 0.5em;
}
.laskutus_rivi_div{
clear:left;   
min-height: 50px;   
margin-bottom: 5px;
}
/*tumma rivi*/
.laskutus_rivi_div1 {
clear:left;   
border: 1px solid #ccc;
background-color: #ccc;
min-height: 50px;
}
/*valkoinen rivi*/
.laskutus_rivi_div2 {
clear:left;   
border: 1px solid #ccc;
background-color: #ffffff;
min-height: 50px;
}
.laskutus_rivi_div3 {
clear:left;   
border: 1px solid #ccc;
background-color: red;
min-height: 50px;
}
/**************** Hallintapaneeli taulun muotoilu**************************/
.hpaneeli {
   width: 800px;
}

/*Ilman väriä*/
.rivi_div{
clear:left;   
min-height: 40px;   
margin-bottom: 5px;
}
/*Tummanharmaa värillä */
.rivi_div1{
clear:left;   
border: 1px solid #ccc;
background-color: #ccc;
min-height: 40px;
}

/*valkosella värillä */
.rivi_div2{
clear:left;   
border: 1px solid #ccc;
background-color: #ffffff;
min-height: 40px;
}
/*punaisella värillä */
.rivi_div3{
clear:left;   
border: 1px solid #ccc;
background-color: red;
min-height: 40px;
}
/*matalampi ilman väriä ja borderia */
.rivi_div4{
clear:left;   
min-height: 35px;
}
/*ilman bordereita */
.rivi_div5{
clear:left;   
background-color: #ffffff;
min-height: 40px;
}
.taulu_otsikko_div{
font-weight: bold;
width: 150px; 
float:left;
font-family: helvetica, arial;
font-size: 14px;
}
/*pidempi*/
.taulu_otsikko_div2{
font-weight: bold;
width: 1500px; 
float:left;
}

.taulu_kentta_div{
min-width: 150px;
float: left;

}
.taulu_kentta_div_sala{
font-weight: bold;    
width: 180px;
float: left;
}

#password-panel{ display:none; }

/* Kirjautuminen */
#login-panel{  
position: relative;
/*right: 0px; */
width: 190px;
padding: 10px 15px 5px 15px;
background-image: url('../img/gradient_h190px.png'); 
font-size: 8pt;  
font-weight: bold;  
color: #FFF;  
display: none;
margin-top: 0px;
margin-left: 760px;
margin-right: 10px;
-moz-border-radius: 1em 0em 1em 1em;
-webkit-border-radius: 1em 0em 1em 1em;
border-radius: 1em 0em 1em 1em;
}

/* Kirjautuminen loppuu */


.halfleft {
float:left;
width:44.5%;
}

.halfright {
float:right;
width:44.5%;
}

.floatright {
    float:right;
}

.floatleft {
    float:left;
}

.submit {
margin-right: 10px;
margin-top: 20px;
float:left;
}

a img {
    border:0;
}
a {
    color:  #406325;
}

/*talousarvio alkaa */
.poksi {
    border: 1px solid #ddd;
    background-color: #eee;   
}

#talousarvioListaus { padding:5px; float:left; }

#talousarvio ul.allekkain label.formlabel { width: 140px; float: left; }
#talousarvio ul.allekkain label.formlabel { width: 140px; float: left; }
#talousarvio ul.pienempi input { width: 90px; float: left; text-align:center; }

#talousarvio_metu, #talousarvio_yhteenveto {
    padding:0px;
}

input.disabled {
    border: 1px solid #ddd;
    background-color: #eee;
}
input.mluettelo_disabled1 {
    border: none;
    background-color: #ccc
}
input.mluettelo_disabled2 {
    border: none;
    background-color: #ffffff;;
}

#kayttajatiedot input.disabled {
    width:200px;
    text-align:center;
}

#talousarvio input.disabled {
    width:90px;
    text-align:center;
}

#talousarvio_metu ul.halfleft, #talousarvio_metu ul.halfright{

    height: 600px;
}

#menotYht{
    color:red;
}

#tulotYht{
    color:green;
}

.red {
    color:red;
}

.green {
    color:green;
}


select.talousarvio_valikko {
    font-size: 16px;
    width: auto;    
    font-family: Helvetica, Arial;
}
/*talousarvio päättyy */


/* tilarekisteri */
.tilalinkki input{
    background-color: transparent;
}
/*tilarekisteri*/

/*Tiekunta valikko */
select.tiekunta_valikko {
    font-size: 16px;
    width: auto;    
    font-family: Helvetica, Arial;
}


/* validointi alkaa */

ul.allekkain li { height: 28px; clear:both; }
ul.allekkain label.formlabel { width: 140px; float: left; }

#tiekunta_kayttaja ul.allekkain { padding-left:10px; }
#tiekunta ul.allekkain label.formlabel { width: 140px; clear:both; }
#tilarekisteri ul.allekkain label.formlabel { width: 200px; clear:both; }
#talousarvio ul.allekkain label.formlabel { width: 200px; clear:both; }
#esityslista ul.allekkain label.formlabel { width: 200px; clear:both; }
#esityslista ul.allekkain li.textarea { width: 600px; height:auto; clear:both; }

ul.allekkain h3, ul.allekkain h2 { width: 200px; clear:both; }
ul.allekkain li.textarea { height: 200px; }
ul.allekkain textarea { height: 120px; width:283px; }
ul.allekkain li.textarea p { width: 283px; }
ul.allekkain li.captcha { height:80px; }
ul.allekkain li.info { height:120px; }
ul label.formlabel a { float: right; }
ul.allekkain h3 a, ul.allekkain h2 a { float: right; }

.autowidth { width: auto; }
.autoheight { height: auto;}

/*#kayttajatiedot_form ul.allekkain label.formlabel {width: 220px;}*/

#tiekunta ul.allekkain input { width: 200px; float: left; }
#tilarekisteri ul.allekkain input { width: 200px; float: left; }

label.error {
  padding: 5px 0 0 10px;
  color: #EA5200;
  font-size:11px;
}

/* validointi loppuu */

/* ohjepallukat */

a.info{
    position:relative;
    z-index:1;
    color:#000;
    text-decoration:none;
    cursor:help;
    pointer:help;
    margin-right:3px; 
}

a.info:hover{z-index:25; color:#758A43; }

a.info span{display: none; width:500px; line-height:14px; background-image: none; }
a.info span ul li { list-style-type:square; color:#fff;}

a.info:hover span{
    width: 500px;
    display:block;
    position:absolute;
    top:0em; left:2em; width:15em;
    background-color:#95B053;
    border:1px solid #fff;
    color: #fff;
    font-weight:normal;
    padding:8px;
    -moz-border-radius:0.5em;
    border-radius:0.5em;
    -webkit-border-radius:0.5em;
}         
         
/* tooltip ohjeet päättyy */

.ohjekuva {border: 2px solid #ddd; padding: 2px;}

/* Maksuluettlo*/
#luettelo{
    width:640px;
}

#uusiLuettelo {
    width:400px;
}

.latausKuva{
margin-left: 400px;
margin-top: 100px;
}

.loadImage{
background-image:url('../img/load.gif');
background-repeat: no-repeat;
background-position: center center;
height: 10px;
width: 10px;
}

.esityslista_left{
width: 650px;
float:left;
margin-top: 20px;
}
.esityslista_right{
width: 200px;
float:right;
border-left: 1px solid #ddd;
padding: 5px 5px 5px 20px;
margin-top: 20px;
}

.vaakaviiva {
    background-color: #ddd;
    color:#ddd;
    border: 1px solid #ddd;
    margin-top: 31px;
    margin-bottom: 20px;
    width: 95%;
}
#flasherror{
width: 1000px; 
position: absolute;    
z-index: 1;
}
.error{
color: red;
}
.message{
color: black;
}
#flashmessage{
    border:1px solid #CCCCCC;
    width:300px;
    border:1px solid #c93;
    background:#ffc;
    padding:5px;
    color: #333333;
    margin-bottom:10px;
    float:right;
    z-index: 1;
    
}


/* inputtien tyylittelyjä */
input[type=submit], input[type=button] { 
    font-size: 11px;
    background-color:#ddd;
}

input[type=text], input[type=password]{
    border: 1px solid #ccc;
    border-radius: 0.5em;
    padding:3px;
}

.kuvake_pdf, 
.kuvake_laheta,
.kuvake_takaisin,
.kuvake_avaa,
.kuvake_lisaa,
.kuvake_poista,
.kuvake_tallenna,
.kuvake_salasana,
.kuvake_kayttaja,
.kuvake_muokkaa{
    padding: 5px 5px 5px 22px; 
}

.kuvake_pdf { background: url('../img/kuvake_pdf.png')  no-repeat 3px; }
.kuvake_laheta { background: url('../img/kuvake_laheta.png') no-repeat 3px; }
.kuvake_takaisin { background: url('../img/kuvake_takaisin.png') no-repeat 3px; }
.kuvake_avaa { background: url('../img/kuvake_avaa.png') no-repeat 3px; }
.kuvake_lisaa { background: url('../img/kuvake_lisaa.png') no-repeat 3px; }
.kuvake_poista { background: url('../img/kuvake_poista.png') no-repeat 3px; }
.kuvake_tallenna { background: url('../img/kuvake_tallenna.png') no-repeat 3px; }
.kuvake_salasana { background: url('../img/kuvake_salasana.png') no-repeat 3px; }
.kuvake_kayttaja { background: url('../img/kuvake_kayttaja.png') no-repeat }
.kuvake_muokkaa { background: url('../img/kuvake_muokkaa.png') no-repeat 3px; }

/* wraps pre formatted lines */

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* radio buttoneiden tyylittelyä */

  .cb-enable, .cb-disable, .cb-enable span.radioswitch, .cb-disable span.radioswitch { display: block; float: left; font-size: 12px; }
    .cb-enable span.radioswitch, .cb-disable span.radioswitch { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
    .cb-enable span.radioswitch { background-color:#eee; color:#ccc; border:1px solid #ccc; border-radius: 1em 0 0 1em; padding: 0 10px; }
    .cb-disable span.radioswitch { background-color:#eee; color:#ccc; border:1px solid #ccc; border-radius: 0 1em 1em 0; padding: 0 10px; }
    .cb-disable.selected {  }
    .cb-disable.selected span.radioswitch { color: #fff; background-image: url('../img/footer_gradient_05.png'); background-repeat:repeat-x; }
    .cb-enable.selected { }
    .cb-enable.selected span.radioswitch { color: #fff; background-image: url('../img/footer_gradient_05.png'); background-repeat:repeat-x;}
    .switch label { cursor: pointer; }
    .switch input { display: block; }

/*Lisnessi mainos tyyli*/    
    
.mainos {width: 250px; min-height: 88px; display: block; }
.mainos_left {background-image: url('../img/mainos_left.png'); background-repeat: repeat-x; width: 13px; height: 88px; float: left;}
.mainos_center{background-image: url('../img/mainos_center.png'); background-repeat: repeat-x; width: 221px; float:left;  height: 88px;}
.mainos_right {background-image: url('../img/mainos_right.png'); background-repeat: repeat-x; width: 16px; height: 88px; float: left;}

.mainosteksti p {text-align: center; font-size: 20px; font-weight: bold; color: white; margin: 0px }
.mainosteksti_pieni {text-align: center; font-size: 12px; font-weight: bold; color: white; }