﻿/*
----------------------------------------------------------- Default styles */

html
{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: White;
}

body
{
    margin: 0px;
    padding: 0px;
    color: Black;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url('../Kuvat/PageBackground.png');
    background-repeat: repeat-x;
    display: block;
}
form
{
    border: 0px;
    width: 100%;
}
a
{
    color: #745C00;
    outline: none;
    text-decoration: none;
}
a:link, a:visited
{
    color: #745C00;
}

a:hover
{
    color: #745C00;
    text-decoration: none;
}

a:active
{
    color: #745C00;
}

img
{
    display: block;
    border: 0px;
    outline: 0px;
    padding: 0px;
    margin: 0px;
}
h1
{
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    font-family: Verdana;
    font-weight: bold;
    font-style: italic;
}
div.ostastonimet
{
    height: 34px;
    background-repeat: no-repeat;
    width: 800px;
    background-image: url(../Kuvat/Yhteystiedot_OsastoPalkki.jpg);
    margin: 0px;
    padding: 0px;
    color: #F8E80E;
    font-size: 18px;
    font-family: Verdana;
    font-weight: bold;
    font-style: italic;
}
h3.henkilonimet
{
    margin: 8px 0px 0px 0px;
    padding: 0px;
    font-size: 16px;
    font-family: Verdana;
    font-weight: bold;
    font-style: italic;
}
.keskeneraistaHuomiota
{
    color: Red;
    font-weight: bold;
    text-decoration: blink;
}
/********************************** PAGE LAYOUT STYLES */
table.pageAlignTable_New
{
    width: auto;
    margin: 0px auto;
}
table.pageAlignTable_New td
{
}
div.LogoRoundedPart
{
    height: 79px;
    width: 21px;
    background-image: url(../Kuvat/Logo_LeftRoundedPart.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}
td.leftEdge
{
    background-image: url(../Kuvat/fadeoutLeft.png);
    background-position: right;
    background-repeat: repeat-y;
    vertical-align: top;
}

td.rightEdge
{
    background-image: url(../Kuvat/fadeoutRight.png);
    background-position: left;
    background-repeat: repeat-y;
    vertical-align: top;
    width:10px;
}

table.pageAlignTable
{
    width: auto;
}
td.pageAlign_LeftTD
{
    width: 160px;
    background-image: url(../Kuvat/Background_menuTD.jpg);
    background-repeat: repeat-y;
}
td.pageAlign_ContentTD
{
    background-image: url(../Kuvat/Background_ContentTD.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    width: 829px;
}
td.pageAlign_Footer
{
    background-color: Black;
    height: 20px;
}
div.menuContainer
{
    /*background-image: url(../Kuvat/Background_MenuDIV_New.jpg);*/
    background-image: url(../Kuvat/Background_MenuDIV_New2.jpg);
    background-repeat: no-repeat;
    padding-top: 90px;
    min-height: 790px;
}
div.menuContainer_etusivu
{
    /* background-image: url(../Kuvat/Background_MenuDIV.jpg); */
    background-repeat: no-repeat;
    padding-top: 90px;
    min-height: 590px;
}
/* ------------------------ Content Styles --------------------*/
div.content_headerFlash
{
    width: 829px;
    height: 300px;
}
div.content_headerImage
{
    width: 829px;
}
div.content_InfoField
{
    padding-top: 1px;
    padding-bottom: 2px;
    background-color: Black;
    width: 819px;
    color: White;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}
div.main_pageContentArea
{
    border: solid 0px gray;
    margin: 10px;
}
div.headerLayout
{
    width: 100%;
}
div.contentDivider800px
{
    background-image: url(../Kuvat/contentDivider800px.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 100%;
    height: 2px;
    padding: 1px 0px 1px 0px;
    margin: 0px;
}
div.contentDivider560px
{
    background-image: url(../Kuvat/contentDivider560px.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 100%;
    height: 2px;
    padding: 1px 0px 1px 0px;
    margin: 0px;
}
div.contentContainer
{
    border: solid 0px gray;
    margin-top: 10px;
}
/* ------------------------ Default.aspx Styles --------------------*/

td.VasenLaita
{
    vertical-align: top;
    width: 574px;
}
td.OikeaLaita
{
    vertical-align: top;
    width: 235px;
}
/* ------------------------ Ajankohtaista Laatikon Styles --------------------*/

div.ajankohtaistaLayout
{
    margin-top: 10px;
    margin-bottom: 0px;
    width: 235px;
    background-color: Transparent;
}
div.ajakohtaistaHeader
{
    background-image: url(../Kuvat/Background_ajankohtaistaHeader.jpg);
    height: 34px;
    width: 235px;
    background-repeat: no-repeat;
}
div.ajakohtaistaContent
{
    background-image: url(../Kuvat/Background_ajankohtaistaContent.jpg);
    min-height: 130px;
    width: 235px;
    background-repeat: repeat-y;
}
div.ajakohtaistaFooter
{
    background-image: url(../Kuvat/Background_ajankohtaistaFooter.jpg);
    background-repeat: no-repeat;
    height: 32px;
    width: 235px;
}
table.ajankohtaistaLayoutTable
{
    margin: 0px;
    padding: 0px;
    width: 100%;
}
table.ajankohtaistaLayoutTable td
{
    width: 100%;
    border: solid 0px green;
    padding-left: 0px;
    vertical-align: top;
    position: relative;
    padding-bottom: 0px;
}
a.ajankohtaistaLinkit
{
    color: Black;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
}
a.ajankohtaistaLinkit:hover
{
    color: #ba9400;
}
/* ------------------------ Tikkeri Laatikon Styles --------------------*/
div.tikkeriPageLayoutDiv
{
    position: static; /* --------------To set div to it´s default ensuring that control contained is positioned properly - IMPORTANT!! */
    width: 235px;
    height: 265px;
    background-color: Transparent;
}
/* ------------------------ Artikkeli Styles --------------------*/
div.artikkeli_Date
{
    font-weight: bold;
    padding-bottom: 9px;
}
div.artikkeli_Description
{
    padding: 9px 0px 9px 0px;
}
div.artikkeli_Content
{
    padding: 9px 0px 9px 0px;
}
/* -------------------------------- VAIHTOAUTOT TYYLIT ------------------------ */
tr.row td
{
    border-bottom: solid 1px #745C00;
    background-color: #FFFFB6;
    padding-bottom: 5px;
    padding-top: 5px;
}
tr.row2 td
{
    border-bottom: solid 1px #745C00;
    padding-bottom: 5px;
    padding-top: 5px;
}
tr.header_row td
{
    border-bottom: solid 1px #745C00;
}
.listausotsikkorivi
{
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
}
.listausotsikkorivi a
{
}
.listausotsikkorivi a:hover
{
    color: Black;
    text-decoration: underline;
}
.listkuva
{
}
table.pager td
{
    height: 37px;
}

.nappi
{
    width: 120px;
    height: 25px;
    background-image: url(../Kuvat/nappi_tyhja.png);
    background-repeat: no-repeat;
    border: 0px;
    color: White;
    padding: 0px;
}
.nappi:hover
{
    cursor: pointer;
    color: #745C00;
}
.autotietosuuriotsikko
{
    font-size: 12px;
    font-weight: bold;
    color: Black;
}
.autotietopieniotsikko
{
    color: #745C00;
}
.otsikkorivi
{
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    background-color: #FFFFB6;
    border: solid 1px #745C00;
}
.vaihtoautotietotaulukko2
{
    text-align: right;
}
.dataKuvausTable
{
    width: 100%;
}
.dataKuvausTable td
{
    width: 50%;
}
.lihavoitukuvausotsikko
{
    font-weight: bold;
}
a.vaListaLinkki
{
}
a.vaListaLinkki:hover
{
    color: Black;
    text-decoration: underline;
}
.tietosivutaulukkoalue
{
    width: 100%;
}
/* -------------------------------- Autovahti.aspx - tyylit --------------------------------- */
.vahtiOtsikkoVasen
{
    padding: 2px 0px 2px 10px;
    background-color: #FFFFB6;
    border-left: solid 1px #745C00;
    border-top: solid 1px #745C00;
    border-bottom: solid 1px #745C00;
    font-weight: bold;
}
.vahtiOtsikkoKeski
{
    padding: 2px 0px 2px 10px;
    background-color: #FFFFB6;
    border-top: solid 1px #745C00;
    border-bottom: solid 1px #745C00;
    font-weight: bold;
}

.vahtiOtsikkoOikea
{
    padding: 2px 0px 2px 10px;
    background-color: #FFFFB6;
    border-right: solid 1px #745C00;
    border-top: solid 1px #745C00;
    border-bottom: solid 1px #745C00;
    font-weight: bold;
}
.vahtiOtsikkoSolu
{
    padding: 2px 0px 2px 10px;
    background-color: #FFFFB6;
    border-left: solid 1px #745C00;
    border-right: solid 1px #745C00;
    border-top: solid 1px #745C00;
    border-bottom: solid 1px #745C00;
    font-weight: bold;
}
div.alueenHalvin_gif
{
    width: 560px;
    background-color: White;
    background-repeat: no-repeat;
    background-image: url(../Kuvat/alueenHalvin.gif);
    height: 110px;
    cursor: pointer;
}

/* HALVIMMAT AUTOLIIKKET TAULUKKO LINKKI */
div.halvimmatAutoliikkeet_pohja
{
    position: fixed;
    z-index: 12000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: Black;
    opacity: 0.8;
    filter: alpha(opacity = 50);
    cursor: pointer;
    display: none;
}
div.halvimmatAutoliikkeet
{
    position: absolute;
    z-index: 12001;
    left: 100px;
    top: 0px;
    width: 900px;
    height: auto;
    background-color: White;
    cursor: pointer;
    display: none;
}
a.halvimmatAutoliikkeet_link
{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

a.halvimmatAutoliikkeet_link:hover
{
    text-decoration: underline;
}
/* ===================================================== */
/* HAKUSIVU STYLES */
.tietosisalto
{
	position: static;
	margin: 0px 0px 0px 0px;
}
.hakusivulaatikko
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	border: solid 1px #000000;
	background-color: #E2E6EF;
}
.hakutulosinfo
{
	/*background-color: #E2E6EF;*/
}


.hakutulosinfokpl
{
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
/*hakukriteerit*/
table.hakukriteeritaulukko
{
	width: 100%;
}


td.hakukriteeritaulukko
{
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

/*hakukriteerit*/
table.hakukriteeritaulukko_sisainen
{

}

td.hakukriteeritaulukko_sisainen
{
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*hakukriteerit*/
table.hakukriteeritaulukko_jakaja
{
	width: 100%;
}

td.hakukriteeritaulukko_jakaja
{
	vertical-align: top;
}

