/* CSS Document */

.sovellus-container-valikko { width: 540px; float: left; }
.sovellus-valikko { width: 130px; float: right; }

#columnStaticMain { padding: 1em; }
#wrapperContentMiddle {  background-color: #fff;  border-color: #fff; }

.sPerusNappi { background-color: #1582C0; border-color: #EEE #000 #000 #EEE; border-style: solid; border-width: 1px; color: #FFFFFF; font-size: 1em; font-weight: bold; padding: 2px 8px; text-decoration: none; }
a.sPerusNappi:hover { color: #fff; }

.hakuContainer, .toimialatContainer {  background-color: #f0f0f0;  border: solid 1px #e0e0e0;  padding: 1em;  -moz-border-radius: 1em;  -webkit-border-radius: 1em;  border-radius: 1em; }
.hakuContainer { margin-bottom: 0.5em; }
.hakuContainer input.sTekstiKentta { background-color: #fff; }
.toimialatContainer { margin-bottom: 1em; }

fieldset.sIlmoitusRaami, .sIlmoitusRaami fieldset { border: solid 1px #e0e0e0; background-color: #f9f9f9; margin-bottom: 5px; padding: 5px; width: 118px; overflow: hidden; text-align: center; }
.sIlmoitusRaami img { margin: 0 auto; }
.sIlmoitusRaami h1 { font-size: 1.2em; background-color: #1582C0; color: #fff; padding: .33em; }

/* Tämä korjaa ylanavin, ainakin näin alustavasti. 
Lisäsin 10px marginaalin myös navin alle joten BR:än voi poistaa. */
.sNaviHaku { margin: -5px -20px 10px -10px; background-color: #106494; float: left; }
.sNaviHaku ul { padding: 5px 0 5px 10px; float: left; }
.sNaviHaku li { list-style: none; float: left; padding-right: 30px; }
.sNaviHaku li a { text-decoration: none; font-weight: bold; color: #fff; }

.sNaviTausta { padding: 2px 2px 2px 8px; background-color: #1582C0; color: #fff; }
.sNaviTausta a { color: #fff !important; font-weight: bold !important; } 

/*
hr {
	border-top: solid 1px #1582C0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
*/

a.sNormaaliTeksti { color: #A94643; text-decoration: underline; }
.sNormaaliTeksti { font-size: 1.0em; }
.sNormaaliTeksti p { font-size: 1.0em; }

.sNormaaliTeksti2 { margin-left:2px; }

.sOtsikkoTeksti { font-size: 1.2em; font-weight: bold; display: block; margin-top: 0.2em; margin-bottom: 0.5em; }

.sValiOtsikkoTeksti { font-size: 1.1em; font-weight: bold; text-decoration: underline; display: block; }

.sYliviivattuTeksti { text-decoration: line-through; }

input.sTekstiKentta, textarea.sTekstiKentta { background-color: #F4F4F4; border: 1px solid #748A90; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding: 1px; }
input.sTekstiKentta:hover, textarea.sTekstiKentta:hover { background-color: #fff; }

select.sAlasveto { background-color: #F4F4F4; border: 1px solid #748A90; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding: 1px; }
select.sAlasveto:hover { background-color: #FFFFFF; }

table.sTaulu { clear: left; }
table.sTaulu td, table.sTaulu th { vertical-align: top; text-align: left; }
table.sTaulu table.sTaulu td, table.sTaulu table.sTaulu th { padding: 5px; }
table.sTaulu tr.sOtsikkoRivi td, table.sTaulu th { background-color: #748A90; color: #fff; font-weight: bold; padding:3px 5px; }

a[disabled], a.disabled, input[disabled], input.disabled { color: #CCCCCC !important; cursor: not-allowed; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }
u { text-decoration: underline; }

#map, #map-icons { border: solid 1px #e0e0e0; }
#map { border-bottom: none; }
#map-icons { float: left; width: 100%; border-top-style: dashed; padding-top: 1em; }
#map-icons .map-icon { float: left; width: 27%; padding: 0.2em 0.5em; margin: 0 0.2em 0.2em 0; }
#map-icons .map-icon img { float: left; margin: 0 0.5em 0.5em 0; }

.painikkeet { font-weight: bold; text-decoration: none; color: #000; border: solid 1px #d0d0d0; border-color: #f0f0f0 #d0d0d0 #d0d0d0 #f0f0f0; background: #e0e0e0; padding: 0.33em 1em; margin-bottom: 0.33em; }
.painikkeet a { font-weight: bold; text-decoration: underline; color: #000; }
.painikkeet a:hover { text-decoration: none; }

div.divloppukuva { border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; }
table.tblpalvelut td { padding: 0.5em; }
table.tblpalvelut { border: solid 1px #e0e0e0; border-collapse: collapse; }
/* table.tblpalvelut tr.alternate td { border-top: solid 1px #f0f0f0; border-bottom: solid 1px #d0d0d0; background-color: #e0e0e0; padding: 0; } */
/*table.tblpalvelut tr.alternate td.text { background-color: #f0f0f0; }*/
table.tblpalvelut tr.tr-top td { border-top: solid 1px #666; }
table.tblpalvelut tr.tr-bottom td { border-bottom: solid 1px #c0c0c0; }

.youtube-video { width: 340px; padding: .25em; text-align: center; margin: .25em auto .5em; font-size: .9em; }
.youtube-video a { text-decoration: underline; }

label.hakusana { display: block; color: #555; font-weight: bold; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; background-color: #fff; }
label.hakusana span { float: left; width: 12%; }
label.hakusana input { border: 0; background: 0; width: 86%; }

.ui-checkbox-label { margin-left: .5em; }

div#tarkempiHaku { border-bottom: solid 1px #000; padding-bottom: 1em; }
div#tarkempiHaku label { margin-left: .5em; }

#wrapperContentRightmost { background: #cee9fd url(pystypalkki.jpg) no-repeat top left; }

.thumb-frame { border: solid 1px #f0f0f0; margin-bottom: .5em; width: 115px; }
.thumb-frame img { width: 100%; }
.thumb-frame .thumb-descr { background-color: #f7f7f7; color: #a0a0a0; display: block; padding: .2em .5em; }