Div.Popup { z-index: 5100; }
Div.Popup Span.Cancel { cursor: pointer; }
Div.Popup Div.List { overflow: auto; cursor: pointer; }
Div.Popup Table.Submit Input { cursor: pointer; }

#Item-Image-Prev, #Item-Image-Next { position: absolute; font-size: 60px; top: 50%; height: 80px; margin-top: -40px; cursor: pointer; -moz-user-select: none; }
#Item-Image-Prev { left: 10px; }
#Item-Image-Next { right: 10px; }Body { font-family: Tahoma; font-size: 80%; color: #5C5E58; margin: 25px 0 0 0; }
Body { background: #e3e3e3 url("/Image/100/Body-Bg.jpg") 50% top repeat-x; }

H1, H2, H3, H4, H5, H6, P, Form { margin: 0; }
A Img { border: 0; vertical-align: middle; padding-right: 3px; background: #FFFFFF; }

A:link, A:visited { color: #808080 !important; text-decoration: none !important; }
A:hover, A:active { color: #808080 !important; text-decoration: underline !important; }
A.Selected { text-decoration: underline !important; }

Table.Header { margin: 0 auto; }
Table.Header A Img { padding: 0; }

Td.MainLinks { color: #FFFFFF; }
Td.MainLinks A:link, Td.MainLinks A:visited { color: #FFFFFF !important; text-decoration: none !important; }
Td.MainLinks A:hover, Td.MainLinks A:active { color: #FFDD65 !important; text-decoration: underline !important; }

Table.Content { margin: 0 auto; }
Table.Content Td { background: #FFFFFF; }
Table.Content Td.Smaller { font-size: 85%; }

/*
Td.Content UL { margin: 0; padding: 0; list-style: none; }
Td.Content UL Li { padding: 0 4px 0 18px; background: url("/Image/163/List.jpg") left 3px no-repeat; }
*/

Td.Content UL { margin: 0; padding: 0; list-style: none; }
Td.Content UL Li { padding: 0 4px 0 18px; background: url("/Image/200/Bullet.jpg") left 3px no-repeat; }

Td.Content A.NoLink { text-decoration: none; color: #5C5E58; }

Table.Feed-List Td { padding: 4px 0; color: #000000; }
Table.Feed-List A:link, Table.Feed-List A:visited { color: #808080 !important; text-decoration: none !important; }
Table.Feed-List A:hover, Table.Feed-List A:active { color: #808080 !important; text-decoration: underline !important; }

Table.Article-List Td { padding: 4px 0; color: #000000; }
Table.Article-List A:link, Table.Article-List A:visited { color: #808080 !important; text-decoration: none !important; }
Table.Article-List A:hover, Table.Article-List A:active { color: #808080 !important; text-decoration: underline !important; }

Div.Site-Keywords { width: 280px; overflow: hidden; }
Div.Site-Keywords A { text-decoration: none; padding-right: 5px; }


td.Left { color: #808080; }
td.Left A:link, td.Left A:visited { color: #333333 !important; text-decoration: none !important; }
td.Left A:hover, td.left A:active { color: #333333 !important; text-decoration: underline !important; }

td.Right { color: #808080; }

td.Tagit { border: 1px solid #c7e5cb; }

TD.Left UL { margin: 0; padding: 0; }
TD.Left UL Li { margin-left: 20px; font-style: italic; padding-bottom: 4px; }

/* Uusi SiteMap */

Table.SiteMap Td { font-size: 11px; border-left: 1px dotted #DDD9D6; }
Table.SiteMap Td.First { border: 0; }

/* Vanha SiteMap */

Div.Navi-SiteMap Table { border-collapse: collapse; }
Div.Navi-SiteMap Td { border-left: 1px dotted #DDD9D6; border-right: 1px dotted #DDD9D6; padding: 10px; }
Div.Navi-SiteMap Td.First, Div.Navi-SiteMap Td.Last { border: 0; }
Div.Navi-SiteMap UL { margin: 0; padding: 0; list-style: none; }
Div.Navi-SiteMap UL Li { background: none; padding: 0; }
Div.Navi-SiteMap UL UL Li { padding-left: 20px; }

Div.Navi-Side Div { padding: 4px 4px 4px 20px; }

Div.Navi-Side Div.Level-0, Div.Navi-Side Div.Level-1 { background: url("/Image/210/Nuoli.jpg") left 5px no-repeat !important; }

Table.Yhteystiedot Div.Navi-Side Div.Level-1 { background: url("/Image/211/Nuoli.jpg") left 5px no-repeat !important; }

Div.Navi-Side Div.Level-2 { background: url("/Image/200/Bullet.jpg") 1px 7px no-repeat; }

Div.Navi-Side A.Selected { text-decoration: underline !important; }

Table.Nosto { float: right; background: #FFFFFF; border: 1px solid #C0C0C0; margin-left: 15px; }
Table.Nosto H2 { color: #808080; }

H1 { font-size: 140%; font-weight: normal; border-bottom: 3px solid #808080; padding-bottom: 10px; color: #5d5d5d; }
H1 A.NoLink { color: #5d5d5d; text-decoration: none; }

H2 { font-size: 13px; font-weight: bold; color: #5d5d5d; }
H3 { font-size: 12px; font-weight: bold; color: #808080; }

HR { height: 1px; background: #FFFFFF; color: #FFFFFF; border: 0; border-bottom: 3px solid #808080; }

Input.Text, TextArea.Text { font-size: 100%; font-family: Arial; border: 1px solid #808080; }
Select { font-size: 100%; font-family: Arial; }


/*
Scrollerin rakenne:

<div id='Scroller'><ul>

<li id='ID1'><div>
<h1>Otsikko</h1>
<table cellpadding='0' cellspacing='0'><tr><td width='60%'>Teksti</td><td width='40%'>Kuva</td></tr></table>
</div></li>

<li id='ID2'><div>
<h1>Otsikko</h1>
<table cellpadding='0' cellspacing='0'><tr><td width='60%'>Teksti</td><td width='40%'>Kuva</td></tr></table>
</div></li>

</ul></div>

*/


#Scroller { width: 976px; height: 346px; background: #FFFFFF; margin: 5px auto 0 auto; }
#Scroller UL { list-style: none; position: relative; margin: 0; padding: 0; }
#Scroller UL Li { display: block; overflow: hidden; float: left; width: 43px; height: 346px; padding: 0; cursor: pointer; }
#Scroller H1 { margin-bottom: 1em; }
#Scroller P { font-size: 120%; margin-bottom: 1em; }

#Scroller Div { width: 764px; height: 346px; margin-left: 43px; padding: 20px; cursor: default; }

#Scroller Table { width: 764px; cursor: default; }
#Scroller Table Td { vertical-align: top; }

#Scroller Img { padding-left: 20px; }

#Scroller Li#Hakukoneoptimointi { background: url("/Image/229/Hakukonemarkkinointi.jpg") no-repeat; }
#Scroller Li#Sosiaalinen_media { background: url("/Image/225/Sosiaalinen_Media.jpg") no-repeat; }
#Scroller Li#Web-analytiikka { background: url("/Image/226/Web-analytiikka.jpg") no-repeat; }
#Scroller Li#Hakusanamainonta { background: url("/Image/224/Hakusanamainonta.jpg") no-repeat; }
#Scroller Li#Yritys { background: url("/Image/227/Yritys.jpg") no-repeat; }

Table.Search { float: right; margin: 6px; }

Table.Search Input.Focus { border: 1px solid #000000; padding: 4px; color: #000000; width: 150px; }
Table.Search Input.Blur { border: 1px solid #808080; padding: 4px; color: #C0C0C0; width: 150px; }
Table.Search Input.Submit { border: 0; background: transparent; color: #808080; width: 40px; }

div.Error { border: 1px solid red; background: white; color: red; padding: 4px; }

Div.Popup { background: #FFFFFF; }