body { font:12px arial; margin:0; padding:0; background:url("img/bg/bodybg.gif") repeat-x; background-color:#e9e9e9; }
div#wrapper { width:800px; margin:0 auto; background:#ffffff; padding:5px 10px 0 10px; border:1px solid #cdcdcd; border-width:0 1px 1px 1px; }
form { margin:0; padding:0; }
select { font-family:arial; }

p { margin:10px 0; }

div#wrapper_popup { margin:0; background:#ffffff; padding:15px 10px 15px 10px; border-bottom:1px solid #cdcdcd; }

div#logo { width:800px; margin:0 auto; height:66px; padding:15px 10px 5px 10px; background:#ffffff; border:1px solid #cdcdcd; border-width:0 1px; padding:15px 10px 12px 10px; } /*padding:15px 10px 5px 10px;*/
div#footer { padding:20px 0; text-align:center; }

img { padding:0; margin:0; }

div#header { clear:both; background:url("img/bg/bar.gif") repeat-x; height:33px; margin:0; border-top:1px solid #90b6ae; border-bottom:1px solid #377569; }
div#inner_header { width:822px; text-align:right; margin:0 auto; padding:0; font-weight:bold; color:#034d86; }

div#autentikointi { text-align:right; font-size:11px; width:800px; height:21px; padding: 3px 10px; margin:0 auto; border:1px solid #E1B3C1; border-top:0; border-top:0; border-bottom:1px solid #E1B3C1; background:#EFD7DE; }
div#autentikointi a { color:#B6476E; text-decoration:underline; }
div#autentikointi a:hover { text-decoration:none; }
div#autentikointi span { margin-top:3px; }
div#autentikointi div { margin-top:3px; }
input.submit_hallinta { font-size:11px; color:#B6476E; border:1px solid #D89DB0; border-width:1px !important; background: #E9C7D1; }

div#inner_header_popup { text-align:right; margin:auto; padding:10px; font-weight:bold; color:#ffffff; }

legend { font:11px arial; text-decoration:underline; padding:1px 4px 3px 0; border:1px solid #96cc97; border:0; color:#517352; }
fieldset { padding:10px; /* background:url("img/bg/turko.gif") repeat-x; */ background-color:#dff4f1; border:1px solid #bfd4d1; border-width:0 1px 1px 0; margin:10px 0; }
fieldset hr { color:#bfd4d1; background-color:#bfd4d1; height:1px; border: 0; }

table.admin { border-collapse: collapse; border: 1px solid #839E99; 
background: #f1f8ee; color: #033; }
table.admin caption { font-size: 1.3em; font-weight: bold; text-align: left; padding: 1em 4px; }
table.admin td, th { padding: 3px 3px .75em 3px; line-height: 1.3em; }
table.admin th { background: #839E99; color: #fff; font-weight: bold; text-align: left; padding-right: .5em; vertical-align: top; }
table.admin thead th { background: #2C5755; text-align: center; }
table.admin .odd td { background: #CACACA; }
table.admin .odd th { background: #6E8D88; }

table.admin .disabled th { background: #FF5050 !important; }
table.admin .odd.disabled th { background: #ff0000 !important; }

table.admin td a, table.admin td a:link { color: #325C91; }
table.admin td a:visited { color: #466C8E; }
table.admin td a:hover, table.admin td a:focus { color: #1E4C94; }
table.admin th a, table.admin td a:active { color: #fff; }
table.admin tfoot th, table.admin tfoot td { background: #2C5755; color: #fff; }
table.admin th + td { padding-left: .5em; }

.etusivu_linkit { margin:0; }
.etusivu_linkit h1 { margin-top:15px; font:26px Arial; color:#377569; text-shadow:#E0E0E0 1px 1px 0px; }
.etusivu { width:270px; float:right; font-size:1.2em; margin-left:20px !important; }

.noset { padding:0; margin:10px 0; }
.noset p { margin:10px; }
.fset { padding:10px; background:url("img/bg/turko.gif") repeat-x; background-color:#dff4f1; border:1px solid #bfd4d1; border-width:0 1px 1px 0; margin:10px 0; }
.valkobox { word-wrap: break-word; border:1px solid #bfd4d1; background:#fff; padding:5px; margin-bottom:5px; width:230px; font-size:0.9em; line-height:17px;}
.taustakentta { width:392px; float:left; margin-bottom:10px; }
.taustakentta_o { width:390px; float:left; margin-bottom:10px; margin-right:10px;}
.punainfo { border:1px solid #E1B3C1; border-width:0 1px 1px 0; background:#EFD7DE; color: #B6476E; text-align:center; margin:10px 0; padding:2px 0; }
.viherinfo { border:1px solid #77C265; border-width:0 1px 1px 0; background:#BEE2B5; color: #3D782F; text-align:center; margin:10px 0; padding:2px 0; }

.legend_sini { border:1px solid #bcefbd; border:0; color:#376a9f; }
.fieldset_sini { background:url("img/bg/sini.gif") repeat-x; background-color:#eaf3fd; border-color:#bfd4d1 !important; }
label { width:140px; display:block; float:left; padding:4px 10px 0 0; text-align:left; font-size:11px; }
input.input_txt { margin-bottom:5px; width:120px; }
input.input_korjaus { margin-bottom:5px; width:500px; }
textarea { font:12px arial; }
select { margin-bottom:5px; width:125px; }
.pitka { width:266px; }
.pitka_2 { width:500px; }
.ipitka { width:262px !important; }
span.vali_merkki { font-size:24px; }
span.ohjeteksti { font-size:11px; color:#686868; }
span.pakollinen { font:bold 11px arial; color:red; }
#breadcrumbs { padding:5px 0 10px 0;}
#breadcrumbs ul { list-style-type: none; padding:0; border:1px solid #e0e0e0; height:35px; margin:0; background:url("img/bg/vaal_harm.gif") repeat-x; background-color:#f5f5f5; }
#breadcrumbs li a { text-align:center; color:#9a9a9a; display:block; padding:10px 0; }
#breadcrumbs li { float:left; width:199px; text-align:center; background:url("img/nuoli2.gif") center top no-repeat; color:#9a9a9a; display:block; padding:0; }
#breadcrumbs li.valittu { background:url("img/bg/tum_harm.gif") center top repeat-x; color:#000000; border:0; padding:10px 0; }
#breadcrumbs li.valittu_o { border-right-width:1px; }
#breadcrumbs li.valittu_v { border-left-width:1px; }
#breadcrumbs li.valitsematon { float:left; display:block; padding:10px 0; }

#header ul { width:820px; background:url("img/bg/bar.gif") repeat-x; color:#000; list-style-type: none; margin:0 1px; height:33px; padding:0; float:left;}
#header li { font:bold 12px arial; float:left; width:164px; text-align:center;}
#header li a { color:#fff; height:13px; padding:10px 0; display:block; text-shadow:#377569 1px 1px 0px; }
#header li.valittu { background:url("img/bg/bar_hover.gif") repeat-x; background-color:#f5f5f5; height:13px; padding:10px 0; text-shadow:#d5e5e3 1px 1px 0px; }
#header li.tyhja { background:transparent; }
#header li.valittu:hover { background:url("img/bg/bar_hover.gif") repeat-x; }
#header li:hover { background:url("img/nuoli3.gif") center top no-repeat; }

span.blokki { width:60px; display:block; float:left; font-size:11px; padding:20px 10px;}
div.siirra_box { float:left; text-align:right; margin-top:10px; margin-left:10px; }

/* tr.otsikko_tr { background:#2d7e72; background:url("img/bg/bar.gif") center center repeat-x; color:#fff; } */

tr.otsikko_tr { background:transparent; color:#2d7e72; font:bold 15px arial; line-height:25px; vertical-align:middle; }

div.clear { clear:both; }
div.sisalto_popup { text-align:center; margin:20px; }
div#temp_popup { border:1px solid #cdcdcd; background-color:#fff; width:500px; margin-left:-260px; position:absolute; top:170px; left: 50%; padding:10px; padding-top:0; text-align:center; }
div#temp_popup_inner { border:1px solid #DADADA; background-color:#fff !important; padding:15px; font-size:14px !important; }

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

h1 { margin-top:0; }
h2 { border-bottom:1px solid #E0E0E0; padding:3px 0; font:bold 11px arial; margin:0 2px 5px 0; }
fieldset h2, .fset h2 { color:#2f547d; border-color:#2f547d; padding-left:0; }
h3 { font:bold 15px arial; margin:10px 0 10px; color:#686868; text-shadow:#fff 1px 1px 0px; }
fieldset h3, .fset h3, .vasen_nayta_laatikko h3 { color:#2d7e72; }
fieldset.fieldset_sini h3, .fset.fieldset_sini h3 { color:#2f547d; }
.fset.fieldset_sini a { color:#000; }
p.vastike_p { margin-bottom:0; }

div.vasen_nayta_laatikko { margin-left:274px; padding-bottom:10px; }
div.vasen_nayta_sisempi { background:#fff; padding:5px 0 5px 5px; }
div.vasen_nayta_sisempi h3 { font:bold 16px Arial; color:#5c9990; }

span.harmaa { color:#7F7F7F; }

table.taulu_tieto_lista tr:hover a { color:#024565; }
table.taulu_tieto_lista tr:hover span.harmaa { color:#024565; }

table.taulu_tieto { width:100%; border:1px solid #E0E0E0; }
table.taulu_b { /*border:1px solid #bfd4d1; border-width:0 2px 2px 0;*/ }
td.taulu_sarake_1 { font-weight:bold; width:80px; font-size:11px; }

table.taulu_tieto_lista { width:100%; }
/* table.taulu_tieto_lista tr.ensimmainen { background:url("img/uusi/bg_taulu.gif") repeat-x #e8e8e8;} */
table.taulu_tieto_lista tr.otsikko_tr { background:#fff; }
table.taulu_tieto_lista tr.otsikko_tr:hover { background:#fff; }
table.taulu_tieto_lista tr { background:url("img/uusi/bg2_taulu.gif") repeat-x #e8e8e8;}
table.taulu_tieto_lista tr:hover { background:url("img/uusi/bg3_taulu.gif") repeat-x #dee5e9; /*dee5e9*/ }
table.taulu_tieto_lista td, th { border-bottom:1px solid #e0e0e0; }

table.taulu_tieto tr.taulu_vari1 { background:#ececec; }
table.taulu_tieto tr.taulu_vari2 { background:#f7f7f7; }
table.taulu_tieto tr:hover { background:url("img/uusi/bg3_taulu.gif") repeat-x #dee5e9;} /*korjaa */

table td.borderright { border-right:1px solid #e0e0e0; }
table td.borderleft { border-left:1px solid #e0e0e0; }

table td { padding:3px; }
.puuttuva { border:2px solid #ff0000;}
.punainen { color:#ff0000; font-weight:bold; }

a img { border:0; }
.eteen_nappi { font-weight:bold; }

ul.upload { margin:0; list-style-type: none; padding:0; }
.lataus_nappi { border:1px solid #cdcdcd; background:#ffffff; float:left; margin-right:10px; padding:4px; width:120px; text-align:center; }

/* Toukokuu 2011 -> */

#lataus_kuva { width:16px; height:16px; }
.pikkukuva { border:0; margin:0px; margin-bottom:2px; margin-top:0; width:84px; }
.marginleft { margin-left:6px !important; }
.pikkukuva:hover { cursor:hand; cursor:pointer; margin:0px; border-bottom:2px solid #2d7e72; }

.fset_kuva { padding:0; margin:2px 0 10px 0; }
#kuvaus { padding:0 0 5px 0; margin-bottom:10px; font-size:14px; }
.fieldset_header { background:url("img/uusi/bg2_taulu.gif") repeat-x #e8e8e8; border:1px solid #E0E0E0; margin-top:5px; /*border:1px solid #94d2cc; */ color:#000; }
.fieldset_header h3 { color:#377569 !important; }
.fieldset_header span.tunniste { font:bold 18px Arial; color:#377569; }
/* input, select, textarea { border-color:#2d7e72; border-width:0 2px 2px 0; margin:2px !important; } */
/* select { border-color:#2d7e72; border-width:0 0 2px 0 !important; margin:2px !important; } */
input:focus, select:focus, textarea:focus { color:#04ACFA; } 
input.radio { border:0; margin:0; vertical-align: middle; }
input.radiomargin { margin-left:10px !important; }
select.hae_select { background-color:#f7f7f7; }
.hakutulokset { /*border:1px solid #bfd4d1; border-width:0 1px 1px 0;*/ background:#fff; }
div.kommentti { padding:5px 0; margin-bottom:10px; font-size:14px; width:362px; }

div.nayteikkuna { /*border:1px solid red; */}
div.nayteasunto { width:258px; border:2px solid #cdcdcd; border-width:0 2px 2px 0; height:100px; float:left; margin-bottom:10px; background:#ececec; }
div.nayteasunto_margin { margin-left:10px; }

div.vaihto_block { background:#ececec; margin-bottom:15px; padding:10px; }

div.bread_ilmoitus { margin:0 !important; padding-top:0 !important; }

div.varoitus { border:1px solid #E1B3C1; border-width:0 2px 2px 0; background:#EFD7DE; color: #B6476E; text-align:center; margin:10px 0; padding:2px 0; }

div.fset_osto { /*margin-left:150px !important;*/ }

.fset_haku { padding:10px; background-color:#dff4f1; margin:10px 0; }
.haku_header { padding:10px; }

td p.td_data { margin:4px 0; }
td div.td_data2 { margin:4px 0; }

td div.td_huoneet { border:1px solid #c0c0c0; border-width:0 1px 1px 0; float:left; font:10px Arial; color:#517352; background:#fff; height:14px; padding:0 2px; margin-top:4px; text-align:center; margin-right:4px; }

td div.td_as_tyypit { border:1px solid #c0c0c0; border-width:0 1px 1px 0; float:left; font:9px Arial; color:#517352; background:orange; height:12px; padding:1px 2px 0 2px; text-align:center; margin-right:4px; }

td div.td_o_valinnat { border:1px solid #c0c0c0; border-width:0 1px 1px 0; float:left; font:9px Arial; color:#517352; background:lightblue; height:12px; padding:1px 2px 0 2px; text-align:center; margin-right:4px; margin-bottom:4px; }

td.vaihto1 { background:url("img/uusi/vain_vaihto2.png") no-repeat top right; }
td.vaihto2 { background:url("img/uusi/myos_vaihto2.png") no-repeat top right; }

div#nayta_vaihto { }

table.taulu_osto td { padding:10px 0; vertical-align:middle; }
table.taulu_osto th { padding:0 0 5px 0; }

div.fset_ostan { padding:0; }
div.fset_ostan h3 { margin-top:20px; color:#5C9990; font: bold 16px Arial; }

div.laaja { clear:both; }

p.isompi { font:14px Arial; }
p.selain_info { color:grey; }

.nayteikkuna { padding:10px; background:#fff; border:1px solid #E0E0E0; }
.nayteikkuna img { float:left; margin-right:10px; }

div#listaa_sopivat { background:#ECECEC; border:1px solid #E0E0E0; padding:5px; margin:0 0 10px 0; }