html {font-size: 100%;}
body {
  margin: 20px;
  background: #eee;
  text-align: center;
}
#main {
  width: 960px;
  margin: 0 auto;
  text-align:left;
  background: #fff;
  border: 1px solid #ddd; 
  padding: 1em; 
  overflow:visible;
}
body *, font {
  font-family: arial, helvetica, verdana,sans-serif; 
  line-height: 1.5em; 
  font-size: 10pt;
}
input,button {
  line-height: 1em;
}
b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
} 
.ingress {
  letter-spacing: 1px;
}



th {text-align: left; font-weight:bold;}

a {text-decoration: none;cursor:pointer; font-size: 10pt; font-family: arial, helvetica, verdana, sans-serif;}

a, a .PortletText1, a.PortletHeaderLink, a .PortletHeaderLink {color: #5191CD; font-size: 10pt;} 
a:hover{text-decoration: underline;}
a img {border: 0;}
#rg1064 font, #rg1052 font {font-weight: normal; font-size: 10pt; font-family: arial, helvetica, verdana, sans-serif;}
#rg1064 td a font , #rg1806 a font {color: #5191cd; font-weight: normal; font-size: 10pt; font-family: arial,helvetica, verdana, sans-serif;}
#rg1090, #rg1087, #rg1087, #rg6010, #rg6011, #rg6012 a, #rg6008 { color: #fff; }
#rg1701 {margin-top: 2.3em;}
#rg1701 a font {color:#5191CD; font-weight: normal;font-family: arial, helvetica, verdana, sans-serif; font-size: 10pt;}

#rg1093 { font-weight: bold; color: #fff; font-size: 12pt;}

h1, font h1 {font-weight: normal; font-size: 20pt;}
h2, font h2 {font-weight: normal; font-size: 16pt;}
h3, font h3  {font-weight: normal; font-size: 12pt; }
h1,h2,h3 {margin: 1em 0; line-height: 1em;}
h1, h1 font, h2, h2 font, h3, h3 font { color: #807f83;}


#contenttable {width: 960px; border-collapse: collapse; border: 0; 
text-align: left;}

#rg6635, #rg6639, #rg8530, #rg8525, #rg6016, #rg6021 { 
  background:  #ecf7e4; 
  border: 1em solid #ecf7e4;
  padding: 0; 
  margin-bottom: 1em; 
  width: auto !important; 
  margin-left: 2em !important; 
  width: 400px; 
  margin-left: 62px; 
}
#rg6635 h2, #rg6639 h2 , #rg8525 h2 , #rg6639 h2,#rg8530 h2 
 #rg6016 h2, #rg6021 h2{ 
  border-bottom: 1px solid #999; 
  line-height: 1em; 
  font-size: 16pt;}
 #rg8530 div {margin-bottom: 1ex;}

#groupList {margin-top: 0em;}
#groupList h2{height: 2em; line-height: 1em; margin-bottom: 0; margin-top: 2em;}
#groupList td {vertical-align: top; padding: 0 1ex; }
#groupList ul{padding: 0; margin: 0; margin-top: 1em; padding-left: 
2ex; list-style-type: square; color:#ccc;}

.tietoiskut {list-style-type: square; color: #ccc; padding-left:3ex; 
margin:0; } 
.tietoiskut li {padding-bottom: 1ex;}
.tietoiskut .date {display: block; color: #000;}
.tietoiskut a {font-weight: normal;}

.ui-autocomplete-results { z-index: 1000; background: #fff; border: 1px 
solid #ddd; padding: 1ex; text-align: left;}
.ui-autocomplete-results ul { list-style: none; padding: 0; margin: 0;}
.ui-autocomplete-results ul li{  padding: 0.5ex 0;}
.ui-autocomplete-over { color:#5191CD; background: #eee; }


.overlabel {position:absolute;color:#999;font-size:0.8em;font-weight:bold;margin-top:4px; margin-left: 5px;}
.hover {cursor: pointer; }

#table-result {
   display: block;
   width: 960px;
}

#table-result td, #table-result th {
 vertical-align: top;
}

.sotkanet-result-table th{
  background: #ecf7e4;
  border: 1px solid #dce7d4;
  padding: 1ex;
}
.sotkanet-result-table { border-collapse: collapse; background: #fff;}
.sotkanet-result-table th { text-align: left; border:1px solid #dce7d4;}
.sotkanet-result-table td { text-align: center; border: 1px solid 
#dce7d4;}
.sotkanet-result-table thead td { border: 0;}
.sotkanet-result-table th,.sotkanet-result-table th * {font-weight: 
bold;}

#resultviews {height: 72px;}
#table-result #resultviews {
  height: auto; 
  width: 250px; 
  position: absolute; 
  padding: 0; 
  margin: 0;
  margin-top: 69px !important;
  margin-top: 64px; 
  margin-left: 615px; 
  clear: none;
}
#resultviews img {border: 0;}
#tablecontrol ul, #resultviews ul{ list-style: none; padding: 0; margin: 0; margin-left: 2px;}
#table-result #tablecontrol ul, #table-result #resultviews ul {float: left;}
#tablecontrol .primary {
  margin-bottom: 20px; 
  margin-left: 2px; 
}
#tablecontrol h2 { display: none;}
#table-result #resultviews ul.iconlist, #table-result #tablecontrol ul.iconlist {
  height: 54px !important;
  height: 71px;
  overflow: hidden;
  border: 1px solid #dce9f4;
  border-bottom: 16px solid #dce9f4;
}
#tablecontrol ul li , #resultviews ul li{ float:left; margin: 3px;}
ul.iconlist img {border: 0;}


#resultwrapper {clear: both; padding: 20px 0; position:relative; 
float:left; width: 950px;}
#redroad, #permalink {clear:both; padding: 1ex 0;}
.sotkanet-result-table .c0 {background: #fff;}
.sotkanet-result-table .c1 {background: #e2effa;}
.sotkanet-result-table .c2, .sotkanet-result-table .c3, .sotkanet-result-table .c4 {background: #c5d7f1;}
.sotkanet-result-table .c5 {background: #94b4dd;}
		
#results form .input span { font-weight: bold; color: #555; margin: 0 
1ex;}

#map-legend .map-legend {border-collapse: no-collapse; }
#map-legend  .c0,.c1,c2,c3,.c4,.c5{
	width: 4em;
	height: 1em;
}
#map-legend .c0 {background: #fff;}
#map-legend .c1 {background: #e2effa;}
#map-legend .c2 {background: #c5d7f1;}
#map-legend .c3 {background: #94b4dd;}
#map-legend .c4 {background: #6f8dc1;}
#map-legend .c5 {background: #5d78ab;}


#popular ul {color:#ccc; list-style: none; padding: 0 1ex; margin: 0;}
#popular ul li {display: block; clear: both; padding: 0; margin: 0.5ex 
0;}
#popular ul li span {color: #555; font-size: 0.8em}
#popular ul li a {display: block; float: left; width:80% !important; }


#sotkanet_navigation {list-style-type: none; padding: 0 5px; margin: 2px 0 !important; width: 900px; position: relative; z-index: 100; overflow: hidden;}
#sotkanet_navigation li {display: block; float: left; margin: 0; margin-right: 30px !important; margin-right: 30px; padding: 0;}
#sotkanet_navigation li a {color: #000; font-size: 11pt; }


#update-calendar {border-collapse: collapse; border: 1px solid #ecf7e4;}
#update-calendar th {font-weight: bold; text-align: left; background: 
#ecf7e4; padding: 1ex;}
#update-calendar td {padding: 0.5ex 1ex; vertical-align: top; }
#update-calendar td.organisaatio {font-weight: bold; padding-top: 2em; 
border-bottom: 1px solid #dce7d4;}

.search-result-tab form {margin-top: 3px;}


fieldset,fieldset a, fieldset td { line-height: 2em;}
fieldset {margin-bottom: 1em;}
fieldset legend {color: #000;}

p.intro {margin: 1em 0 2.5em 0;}

label.hidden {display:none;}
input#regionsearch, input#indicatorsearch, label.overlabel, label.overlabel font {cursor:text;}
.ui-autocomplete-over {cursor: pointer;}

#front-page-search { 
  border: 1px solid #aaa;
  padding: 2em 1em;
  margin-top: 0 !important;
  margin-top: 1em;
  background: #dce9f4;
  width: 500px;
}
#front-page-search #q {
  width:430px !important;
  width: 425px; 
  margin-right: 5px;
  cursor:text;
}
#front-page-search label  {
  color: #808080; 
  letter-spacing: 1px;
}

#submitarea {text-align: right; padding-right: 28px;}

.i1 li {margin-left: 0ex;}
.i2 li {margin-left: -2ex;}
.i3 li {margin-left: -1ex;}
.i5 li {margin-left: 1ex;}
.i6 li {margin-left: 2ex;}
.i7 li {margin-left: 3ex;}
.txt { width: 600px;}

.button, .b_up_ind, font input.b_up_ind, button {
  background: rgb(127,128,131) url(/img/icons/button-bg.png) 50% 50%; 
  border-top: 1px solid #ccc; 
  border-left: 1px solid #ccc; 
  border-bottom: 1px solid #808080; 
  border-right: 1px solid #808080; 
  color: #000; 
  line-height: 1.5em;
  padding: 0 1ex;
  cursor: pointer;
  overflow: visible;
}
.selector {
  padding: 1ex 0;
}
.selector .button {
  padding: 0.5ex; 
  margin-left: 0.5ex;
}
fieldset a.button {
  margin: 1ex 0; 
  display: block;
  width: 13em;
}
fieldset a.button:hover {
  text-decoration: none;
}
.omo, a.primary:hover, a.button:hover, .b_up_ind:hover, font 
input.b_up_ind:hover, button:hover {
  border-color: #808080; 
  border-bottom-color: #ccc; 
  border-right-color: #ccc;
  text-decoration: none;
}

#tablecontrol a.primary, a.primary {
  display: block;
  width: 16em;
  text-align: center; 
  font-weight: bold;
  background: url(/img/icons/button-primary-bg.gif) repeat-x 50% 50%;
  color: #fff;
  font-size: 10pt;
  padding: 1em;
  line-heigh.t: 4em;
}
#submitarea .primary { 
  float: right;
}
.hidden {display: none;}


#rg4575 {
  height: 38px; 
  display: block;
  position: absolute;
  background: url(/img/top-bar.png) no-repeat;
  padding: 38px; 
  width: 960px;
}
#rg1129, #rg1064, #rg1093, #rg1092, #rg1091, #rg1090, #rg1089, #rg1088, 
#rg1087,
#rg6010, #rg6011, #rg6012, #rg6008, #rg6008 * {
  position: relative;
  z-index: 100;
  background: transparent;
  border: 1px solid: #0ff;
}

#logos #sn-logo {float:right;}
#logos #thl-logo {float: left;}
#logos hr {display:none; clear:both;}


#availableYears {float: left; margin-right: 1em;}
p.year-help {color: #808080; width: 14em; float: left;}

#fIndSearch input, #fRegSearch input {margin-top: 0 !important; margin-top: -1px;}
.selected-tab p{ margin-top: 1em;}

.np {color: #808080;}

.search-box .tab {background: #fff;}

#msg {
  position: absolute;
  top: 0; left: 0; 
  width: 100%;
  text-align: center;
  background: rgb(250,166,26);
  color: #fff;
  font-weight: bold;
}

iframe { border: 1px solid #fff; overflow: hidden;}

#table-result select, #results select { width: 400px; }
#results fieldset select {width: auto;}
#results .permalink { display:block; margin-top: 4em;}

#results .sotkanet-result-table tr td.c1,
#results .sotkanet-result-table tr td.c2,
#results .sotkanet-result-table tr td.c3,
#results .sotkanet-result-table tr td.c4,
#results .sotkanet-result-table tr td.c5
 {text-align: center !important ; text-align: left; padding: 1ex 1em;} 

.redroadresult fieldset {position: absolute; z-index: 200;}
.tab-list p {font-size: 10pt;}