/*------------------------------------------------------------------------------
Talousteema Oy:n asiakassivujen tyylielementit
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
Värit
--------------------------------------------------------------------------------
#909090 = harmaa (reunukset)
#dddddd = vaalean harmaa
#51bb48 = vihreä
#c0e0a0 = vaalean vihreä (napit)
#d2e2e2 = sinivihreä
#105696 = sininen (nappitekstit))
#eeffff = vaalean sininen 
#e00000 = punainen
#ffeeee = vaalean punainen				
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
Lomake
------------------------------------------------------------------------------*/
body {
    background-color: #ffffff;
    font: normal 12px Arial, sans-serif;
    position: relative;
}

/*------------------------------------------------------------------------------
Yläpalkki
------------------------------------------------------------------------------*/
.logo {
    display: inline-block;
    width: 155px;
    height: 20px;
    margin: 0px;
    padding-top: 20px; 
    background-color: #ffffff;
    text-align: center;
}

.slogan{
    display: inline-block;
    width: 408px;
    height: 20px;
    margin: 0px;
    background-color: #ffffff;
    text-align: center;
}

/*------------------------------------------------------------------------------
Valikkopalkki, jossa linkkejä listana
------------------------------------------------------------------------------*/
td.valikko {
    width: 176px; 
    height: 25px;
    margin-top: 0px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 0px;
    border-style: none;
    background-color: #105696;
    text-align: center;
}

a:link.valikko, a:visited.valikko {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    background-color: #105696;
    color: #ffffff;
    font: normal 16px Arial, sans-serif;
    text-decoration: none;
}

a:hover.valikko, a:active.valikko {
    width: 176px; 
    height: 100%;
    padding-top: 5px;
    background-color: #e00000;
}

/*------------------------------------------------------------------------------
Ilmaisinpalkki
------------------------------------------------------------------------------*/
td.valitsematta {
    display: inline-block;
    width: 176px; 
    height: 3px;
    margin-top: 0px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 0px;
    border-style: none;
    background-color: #51bb48;
}

td.valittu {
    display: inline-block;
    width: 176px; 
    height: 3px;
    margin-top: 0px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 0px;
    border-style: none;
    background-color: #e00000;
}

/*------------------------------------------------------------------------------
Keskiosa: vasen-, keski- ja oikeapalsta sekä keskipalstalla vieritys
------------------------------------------------------------------------------*/
.vasen {
    display: inline-block;
    width: 117px;
    height: 500px;
    border: solid 1px #105696;
    padding-top: 20px; 
    background-color: #51bb48;
    color: #ffffff;
    text-align: center;
    font: normal 14px Arial, sans-serif;
    text-decoration: none;
}

.palsta {
    display: inline-block;
    width: 387px;
    height: 500px;
    border-top: solid 1px #105696;
    border-bottom: solid 1px #105696;
    padding-top: 20px; 
    padding-left: 5px; 
    padding-right: 3px; 
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    font: normal 14px Arial, sans-serif;
    text-decoration: none;
}

div.vieritys {
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.oikea-keskitetty {
    display: inline-block;
    width: 199px;
    height: 500px;
    border-left: solid 1px #105696;
    border-top: solid 1px #105696;
    border-bottom: solid 1px #105696;
    border-right: solid 1px #105696;
    padding-top: 20px; 
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font: normal 14px Arial, sans-serif;
    text-decoration: none;
}

.oikea-tasattu {
    display: inline-block;
    width: 199px;
    height: 500px;
    border-left: solid 1px #105696;
    border-top: solid 1px #105696;
    border-bottom: solid 1px #105696;
    border-right: solid 1px #105696;
    padding-top: 20px; 
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    font: normal 14px Arial, sans-serif;
    text-decoration: none;
}

/*------------------------------------------------------------------------------
Alapalkki
------------------------------------------------------------------------------*/
.alapalkki {
    display: inline-block;
    width: 712px;
    height: 15px;margin-top: 3px;
    padding-top: 2px;
    padding-left: 5px;
    background-color: #105696;
    color: #ffffff;
    border-left: solid 1px #105696;
    text-align: end;
    font: normal 10px Arial, sans-serif;
}

/*------------------------------------------------------------------------------
Vasemman reunuksen valikon linkit
------------------------------------------------------------------------------*/
a.vasen:link, a.vasen:visited {
    display: inline-block;
    width: 110px;
    height: 20px;
    padding-left: 4px; 
    padding-bottom: 10px;
    background-color: #51bb48;
    border: 0px; 
    color: #ffffff;
    text-align: left;
    font: normal 14px Arial, sans-serif;
    text-decoration: none;
}

a.vasen:hover, a.vasen:active {
    background-color: #e00000;
    color: #ffffff;
}

/*------------------------------------------------------------------------------
Oikean reunuksen valikon linkit
------------------------------------------------------------------------------*/
a.oikea:link, a.oikea:visited {
    display: inline-block;
    /*width: 200px;*/
    width: 190px;
    height: auto;
    padding-left: 4px; 
    padding-bottom: 10px;
    background-color: #ffffff;
    border: 0px; 
    color: #000000;
    text-align: left;
    font: normal 12px Arial, sans-serif;
    text-decoration: none;
}

a.oikea:hover, a.oikea:active {
    color: #e00000;
}
           
/*------------------------------------------------------------------------------
Tavallinen linkki
------------------------------------------------------------------------------*/
a:link {
    height: 16px;
    background-color: #ffffff;         
    color: #e00000;
    text-align: center;
    font: normal 14px Arial, sans-serif;
    text-decoration: none;
}

/*------------------------------------------------------------------------------
Harmaa linkki
------------------------------------------------------------------------------*/
a.harmaa:link, a.harmaa:visited {
    display: inline-block;
    width: 360px;
    height: 16px;
    background-color: #dddddd;         
    color: #105696;
    text-align: left;
    padding-left: 10px;
    font: normal 14px Arial, sans-serif;
    text-decoration: none;
}

a.harmaa:hover, a.harmaa:active {
    color: #e00000;
    background-color: #dddddd;
}

/*------------------------------------------------------------------------------
Aiherivi etusivulla
------------------------------------------------------------------------------*/
table.aihetaulu {
    border: 0px;
    border-collapse: collapse;
    width: 387px;
    }
    
tr.aiherivi {
    padding: 0px; 
    border: 0px;
    background: #105696;
}

td.aihesolu {
    padding: 5px; 
    border: 0px; 
}

/*------------------------------------------------------------------------------
Ilmoitusteksti
------------------------------------------------------------------------------*/
.ilmoitus {
    color: #e00000;
    font: normal 14px Arial, sans-serif;
    word-wrap: break-word;
}