/*
 * gtk.css
 *
 * author: Karri-Pekka Laakso, Vesa-Matti Mäkinen, Jouni Hartikainen
 * version: 2005-10-24-1
 *
 * Copyright (c) 2005 Reaktor Innovations Oy
 * All rights reserved.
 */

/* Basic settings */
body { padding: 0px; border: none; margin: 0px; font-family: Helvetica, Univers, sans-serif; font-size: 8pt; color: black; }
div  { font-family: Helvetica, Univers, sans-serif; font-size: 9pt; color: black; }
table {font-family: Helvetica, Univers, sans-serif; font-size: 9pt; color: black; }
a    { font-family: Helvetica, Univers, sans-serif; color: #037672; text-decoration: underline; }
a:hover { text-decoration: underline; }
form { padding: 0px; margin: 0px; display: inline; }

#main { position: relative; margin: 0px 7px 0px 7px; padding-bottom: 20px; }

#logo {	margin: 0px 0px 13px 25px; } 
#mainPageTitle { text-align: center; }
#mainPageTitle img { margin-top: 15px; margin-bottom: 18px; }
#contentPageTitle div { margin-top: 28px; margin-bottom: 46px; border-bottom: #ffdd34 3px solid; }
#contentPageTitle img { margin: 3px; }

#mainLayout { width: 100%; }
#mainLayout tr.menu td { vertical-align: bottom; white-space: nowrap; }
#mainLayout tr#contentSpace td { line-height: 10px; font-size: 10px; height: 10px; }
#mainLayout tr#contentRow td { vertical-align: top; }

#topMenu { 
	white-space: nowrap;
	padding-bottom: 5px;
	text-align: center; 
	width: 100%; 
}
#topMenu td { padding-right: 4px; }

#topMenu a, 
#topMenu a:link, 
#topMenu a:visited, 
#topMenu a:hover, 
#topMenu a:active { 
	color: #797777;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8pt;
	padding-left: 2px;
} 
#topMenu a:hover, #homeLink a:hover, #mainPageDisclaimer a:hover { text-decoration: underline; }
#topMenu .divider { position: relative; top: 6px; font-size: 8px; line-height: 8px; border-right: 1px solid #797777; }

#topMenu a.language, 
#topMenu a.language:link, 
#topMenu a.language:visited, 
#topMenu a.language:hover, 
#topMenu a.language:active { color: #037672; } 
	#topMenu .divider.lang { border-right: 1px solid #037672; }
#topMenu #languageMargin { font-size: 1px; margin-right: 48px; }

#topMenu a.selected, 
#topMenu a.selected:link,
#topMenu a.selected:visited, 
#topMenu a.selected:hover, 
#topMenu a.selected:active { color: #037672; font-weight: bold; text-decoration: none; cursor: default; }

#mailAndPrint { white-space: nowrap; text-align: right; }
#mailAndPrint img { border: 0px; vertical-align: bottom; padding-right: 5px; cursor: pointer; }

#mainMenuLeftSpace { background-color: #037672; border-bottom: #ffdd34 3px solid;}
#mainMenu {
	top: 0px;
	background-color: #037672;
	padding: 8px 0px 8px 0px; 
	white-space: nowrap;
	text-align: center;
	width: 100%;
	border-bottom: #ffdd34 3px solid;
}
#mainMenu td { padding-right: 4px; }
#mainMenu a, 
#mainMenu a:link, 	
#mainMenu a:visited, 
#mainMenu a:hover, 
#mainMenu a:active { 
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8pt; 
	padding-left: 2px; 
} 
#mainMenu a:hover { text-decoration: underline; }
#mainMenu .divider { position: relative; top: 10px; font-size: 8px; line-height: 8px; border-right: 1px solid white; }

#mainMenu a.selected, 
#mainMenu a.selected:link,
#mainMenu a.selected:visited, 
#mainMenu a.selected:hover, 
#mainMenu a.selected:active { color: #FFDF00; text-decoration: none; } 
#mainMenu a.selected:hover { text-decoration: underline; } 

#searchField { padding: 0px 7px 0px 7px;}
#searchField div { padding-bottom: 2px; }
#searchField input { border: 1px solid black; width: 120px; margin: 0px; }

/* Advanced search page */
#fullSearchCriteriaPanel {
	margin-top: 6px;
	padding: 5px;
	background: #EDEEEF;
}
#fullSearchCriteria th {
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
}
#fullSearchCriteria td {
	padding-right: 10px;
	vertical-align: top;
}

#leftMenuContainer { width: 187px; padding-left: 15px; }
#searchResultsContainer { width: 140px; }
#inFocus td { vertical-align: top; padding-top: 20px; padding-left: 10px;}
#inFocus p { margin: 5px 5px 5px 5px;}
#egsLink td {  
  padding-top: 125px;	
  vertical-align: bottom;
}
#leftMenu { width: 180px; }
#leftMenu h1, #leftMenu h2 {
	font-family: Helvetica, Univers, sans-serif;
	color: #6E6E69;
	margin: 0px 10px 0px 0px;
	padding: 8px 0px 0px 8px;
	font-weight: 300;
}
#leftMenu h1 { font-size: 16.7pt; }
#leftMenu h2 { font-size: 14pt; }

#leftMenu a, 
#leftMenu a:link, 
#leftMenu a:visited, 
#leftMenu a:hover, 
#leftMenu a:active {
	display: block;
	margin: 0px;   
	color: #47473F;
	text-decoration: none;
	font-size: 8pt; 
	padding-left: 10px;
	line-height: 8pt;
	padding-top: 4px;
	font-weight: bold; 
} 

#leftMenu h2 a, 
#leftMenu h2 a:link, 
#leftMenu h2 a:visited, 
#leftMenu h2 a:hover, 
#leftMenu h2 a:active {
	color: #6E6E69;
	padding: 0px 0px 10px 0px;
	text-decoration: none;
	font-size: 14pt; 
	line-height: 12pt;
	font-weight: normal; 
}

#leftMenu a:hover, #leftMenu h2 a:hover { text-decoration: underline; }

#leftMenu a.whatsnew, 
#leftMenu a.whatsnew:link,
#leftMenu a.whatsnew:visited, 
#leftMenu a.whatsnew:hover, 
#leftMenu a.whatsnew:active { 
	background: url("../images/selectionArrow.gif") no-repeat scroll 10px 3px;
	padding-left: 22px;
	margin-bottom: 7px;
}
#leftMenu a.whatsnew .date { font-weight: bold; padding-left: 5px; font-size: 7pt; }

#leftMenu a.selected, 
#leftMenu a.selected:link,
#leftMenu a.selected:visited, 
#leftMenu a.selected:hover, 
#leftMenu a.selected:active { 
	color: #037672; 
	text-decoration: underline; 
	background: url("../images/selectionArrow.gif") no-repeat scroll 0px 5px;
	cursor: default; 
} 

#leftMenu a.selected.level2,
#leftMenu a.selected.level2:link,
#leftMenu a.selected.level2:visited, 
#leftMenu a.selected.level2:hover, 
#leftMenu a.selected.level2:active { 
	background-position: 10px 4px;
	font-weight: normal; 
}

#leftMenu a.level2, 
#leftMenu a.level2:link, 
#leftMenu a.level2:visited, 
#leftMenu a.level2:hover, 
#leftMenu a.level2:active {
	padding-left: 20px;
	padding-top: 3px; 
	font-weight: normal; 
}

#leftMenu a.level3, 
#leftMenu a.level3:link, 
#leftMenu a.level3:visited, 
#leftMenu a.level3:hover, 
#leftMenu a.level3:active {
	padding-left: 30px;
	padding-top: 3px; 
	font-weight: normal; 
}

#leftMenu a.selected.level3,
#leftMenu a.selected.level3:link,
#leftMenu a.selected.level3:visited, 
#leftMenu a.selected.level3:hover, 
#leftMenu a.selected.level3:active { 
	background-position: 10px 4px;
	font-weight: normal; 
}

#translationPolicy a:link ,
#translationPolicy a:visited,
#translationPolicy a:hover, 
#translationPolicy a:active {
	margin-top: 100px;
	padding-left: 10px;
	text-decoration: underline;
	line-height: 18px;
	font-weight: normal; 
}

#printHeader { margin: 40px 40px 10px 40px; border-bottom: #ffdd34 3px solid; }	
#printContent {	margin: 0px 40px 0px 40px}
#printContent h1 { padding-top: 15px}
#printContent p {margin-right: 0px}
#printFooter {margin: 40px 40px 0px 40px }

.errorText { color: #6E6E69; }

#content { 
	padding: 0px 20px 10px 10px; 
	border-left: 1px solid #037672;
	border-right: 1px solid #037672;
}

.mainPage #content {
	padding-top: 10px;
	border: 1px solid #037672;
}

h1 { 
	color: #6E6E69;
	font-size: 19pt; font-weight: 300;
	margin: 0px 0px 15px 0px; 
	padding: 0px; 
}

ul    { margin: 0px; padding: 0px; }
ul li { margin: 0px; padding: 0px; list-style: disc inside; }

ul.lista2 { margin-left: 13px; padding: 0px; list-style: outside;}

p { 
	margin-right: 200px;
}

.imgText {
	display: block;
	font-size: 11px;
	line-height: 13px;
}

.greyTable {
	background: #fdfdfd;
	border-collapse: collapse;
	border: 1px #F3F3F3 solid;
}
.greyTable th {
	padding: 5px;
	border-bottom: 1px #666666 solid;
	text-align: left;
}

.greyTable td {
	padding: 5px;
	border-bottom: 1px #666666 dotted;
}

p.line {
	margin-top: 15px; 
	margin-left: -5px; margin-right: 200px; 
	line-height: 1pt; font-size: 1px;
	background-color: #037672; border: none;
}

.largeImage p {
	margin-right: 0px;
}

#content img { float: right; margin-right: -210px; margin-left: 10px; }
.mainPage #content img, 
#content.largeImage img,
#content img.sign, #printContent img.sign, #content .downloadButton {
	float: none;
	margin: 0px;
	border: none;
}
#content img.sign { margin: 1px 1px 1px 0px; }


.modifiedDate {
	float: right;
	margin: 0px;
	font-size: 7pt; 
	padding: 10px 0px 10px 0px;
}
.releaseDate {
	float: left;
	margin: 0px;
	font-size: 7pt; 
	padding: 10px 0px 10px 0px;
}
.related {
	width: 150px;
	float: right;
	padding: 15px 10px 10px 10px; 
}
.related h5 { 
	margin: 0px; 
	padding: 0px; 
	padding-left: 12px;
	background: url("../images/relatedArrow.gif") no-repeat scroll 0px 3px;
	font-size: 9pt; 
	font-weight: bold; 
}
.related li { list-style: none outside; padding-left: 12px; }
.related a { color: black; text-decoration: none; }
.related a:hover { text-decoration: underline; }

#mainPageDisclaimer {
	padding-top: 30px;	
}
#mainPageDisclaimer a, 
#mainPageDisclaimer a.link, 
#mainPageDisclaimer a.visited,
#mainPageDisclaimer a.active {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
#researchNews { 
  background-color: #f1ebe5;
  padding: 10px;
  width: 48%;
}
#researchNews a.arrowLink {
	color: #00918c;
	padding-left: 20px;
	padding-top: 3px;
	background: url(../images/arrow.gif) no-repeat 0px 5px;
	text-decoration: none;
}
#researchNews h1 {
	margin-top: 10px;
}
#researchNews p {
	margin-right: 0px;
}
#researchNews div {
	margin-top: 1em; 
}

#researchNews2 { 
  background-color: #ffffff;
  padding: 0px;
  width: 48%;
}
#researchNews2 a.arrowLink {
	color: #037672;
	padding-left: 20px;
	padding-top: 3px;
	background: url(../images/arrow.jpg) no-repeat 0px 5px;
	text-decoration: none;
}
#researchNews2 h1 {
	margin-top: 0px;
}
#researchNews2 p {
	margin-right: 0px;
}
#researchNews2 div {
	margin-top: 1em; 
}

#centerSpace { width: 4%; white-space: nowrap; }

#imageOfMonth {
	width: 48%;
	text-align: center;
}

#imageOfMonth h1 {
	font-size: 24pt;
	margin: 10px 10px 10px 10px;
	font-weight: lighter;
}

#imageOfMonth div {
	width: 270px;
	margin-left: auto;
	margin-right: auto;
}

#imageOfMonth div.greyBox {
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
  color: #6E6E69;
}

#imageOfMonth div.greyBox p {
        margin: 5px 5px 5px 5px;
}

#imageOfMonth div.box {
	padding: 10px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

#imageOfMonth div.box p {
	margin: 5px 5px 5px 5px;
}

.newsList {
	height: 115px;
	overflow: auto;
	border: 1px solid #037672;
	margin-bottom: 10px;
}
.newsList .date {
	width: 100px;
}
.newsListSpacer {
	padding-right: 25px;
}

.newsContent p {
	margin-right: 20px;	
}
#content .newsContent img {
	float: none;
}
#rssfeed {
  text-align: right;
}
#rssfeed .signup {
  margin-left: 3px;
  padding: 0 0 0 15px;
  background: url("../images/rss.png") no-repeat 0 50%;
}
#researchNewsList {
	height: 120px;
	overflow: auto;
	border: 1px solid #037672;
}
.newsList tr.selected,
#researchNewsList tr.selected {
	background-color: #EAEAEA;
}

.newsList a:link,
.newsList a:visited, 
.newsList a:hover, 
.newsList a:active, 
#researchNewsList a:link,
#researchNewsList a:visited, 
#researchNewsList a:hover, 
#researchNewsList a:active { 
		display:block; color: black; font-weight: normal; text-decoration: none; padding: 4px;
} 
.newsList a:hover,
#researchNewsList a:hover {
	text-decoration: underline; color: #037672; 	
}
.newsList a.selected, 
.newsList a.selected:link,
.newsList a.selected:visited, 
.newsList a.selected:active,
#researchNewsList a.selected, 
#researchNewsList a.selected:link,
#researchNewsList a.selected:visited, 
#researchNewsList a.selected:active  { 
	color: #037672; font-weight: bold; text-decoration: none; cursor: default; 
} 
div.line { line-height: 1px; font-size: 1px; background-color: black; margin: 15px 0px 10px 0px; }

#results {
  margin-left: 8px;
  overflow: auto;
  width: 130px; 
}

#results li { list-style-type: none; list-style-position: inside; margin-bottom: 5px; }
#results li.selected { font-weight: bold; color: #6e6e69; }

#results input { font-size: 8pt; font-family: Helvetica, Univers, sans-serif; /* background-color: #037672; color: white; */	} 

.border { border: 1px black solid; }

.frontPageArticleHeading {
  margin-bottom: 10px;
}

.frontPageArticleDate {
  font-weight: bolder;
  padding-right: 7px;
  margin-bottom: 10px;
}
#frame1 {
        padding: 5px 5px 5px 5px;
        border-top: 1px solid #037672;
        border-left: 1px solid #037672;
        border-right: 1px solid #037672;
        border-bottom: 1px solid #037672;
}
#frame2 {
        border-top: 1px solid #037672;
        border-left: 1px solid #037672;
        border-right: 1px solid #037672;
        border-bottom: 1px solid #037672;
} 

#navigationBar {
	padding-bottom:10px;
	font:normal;
}

#navigationBar a,
#navigationBar a:link,
#navigationBar a:visited,
#navigationBar a:hover,
#navigationBar a:active {
	color: #666666;
	font: normal;
	font-weight:300;
        text-decoration: none;
}

#spotlight{float:left;}
#spotlight .item{background:url(images/tausta1b.jpg) no-repeat;width:280px;height:122px;padding:7px;margin-bottom:20px}
#spotlight p{padding-top:2px;line-height:14px;margin:0;}
#spotlight p span{color:#037672;font-size:18px;font-weight:bold;}
#spotlight img{float:left;margin-right:20px; margin-top:5px; }
.go{background:url(images/f_area.jpg) no-repeat;width:89px;height:22px;display:block;float:left;text-indent:-9999px;}

#geotieto .content{width:650px}
#geotieto .sidebar4{width:250px;}
#geotieto .sidebar3{width:190px;}
#geotieto .sidebar2{width:300px;float:left}
#geotieto .sidebar{width:300px;float:right}
#geotieto .box{background:#F2F2F2 url(../images/bg_sidebar_bottom.png) no-repeat left bottom;  height:120px; padding:0px 0px 5px 0px;margin:0 0 15px 0}
#geotieto .box2{height:120px; padding:0px 0px 5px 0px;margin:0 0 15px 0}
#geotieto .box2 h5{color: #037672; font-size:18px; padding:5px 0px 0px 10px; line-height:normal;}
#geotieto .box h5{background:url(../images/bg_sidebar_top.png) no-repeat left top; color: #037672; font-size:18px; padding:5px 0px 0px 10px; line-height:normal;}
#geotieto .box3{background:#F2F2F2 url(../images/bg_sidebar_bottom2.png) no-repeat left bottom;  height:100%; padding:0px 0px 5px 0px;margin:0 0 15px 0; background-repeat: no-repeat; background-attachment: scroll; background-x-position: left; background-y-position: bottom;}
#geotieto .box3 h5{background:url(../images/bg_sidebar_top2.png) no-repeat left top; color: #037672; font-size:18px; padding:5px 0px 0px 10px; line-height:normal;}
#geotieto .box4{background:#F2F2F2 url(../images/bg_sidebar_bottom3.png) no-repeat left bottom;  height:100%; padding:0px 0px 5px 0px;margin:0 0 15px 0; background-repeat: no-repeat; background-attachment: scroll; background-x-position: left; background-y-position: bottom;}
#geotieto .box4 h5{background:url(../images/bg_sidebar_top3.png) no-repeat left top; color: #037672; font-size:18px; padding:5px 0px 0px 10px; line-height:normal;}

h5{font-weight:normal;margin:0 0 0px 0;}
#geotietoMiddle { padding:2px 0px 0px 10px;}

#geotietoLink { padding:5px 0px 0px 10px; vertical-align:bottom;}

input.onlineform, select.onlineform, textarea.onlineform { width: 300px; border: 1px solid <%= contentFont %>;  }
textarea.onlineform { height: 160px; width: 300px; }

#eventPage #header h1 {
  display: inline;
  color: #494942;
  margin:5px;
}

#eventPage #eventTable a {
  font-weight: normal;
}

#eventPage #header {
  clear: both;
}

#eventTable label {
  display: block;
  margin: 0 0 5px 0;
}

#eventPage #eventTable {
  border: 1px solid #CCCCCC;
  width: 100%;
  overflow: visible;
  border-collapse: separate;
}

#eventPage #eventTable a {
  font-weight: normal;
}

#eventTable td,
#eventTable th {
  vertical-align:top;
}
#eventTable th {
  font-weight:bold;
}
#eventPage #eventTable td,
#eventPage #eventTable th {
  padding: 5px;
}

#eventTable h2 {
  font-size: 10pt;
  margin-bottom: 4px;
  color:#333333;
}

#eventTable thead {
  background:#EDEEEF;
}

#eventPage #eventTable #events tr td,
#eventPage #eventTable thead th {
  border-bottom: 1px solid #ccc;
}

#eventPage #eventTable #events img a {
  border: 0px;
}
#eventTable thead #typeColumn {
  width: 150px;
}
#eventTable thead #dateColumn {
  width: 120px;
}
#eventTable thead #eventColumn {
  width: 300px;
}
#eventTable thead #placeColumn {
  width: 150px;
}

#eventTable #events .address a{
  font-size:9pt;
}
#eventTable #events .description {
  margin-top:5px;
  font-size:9pt;
}

span.time {
  display: block;
  color:#494942;
  font-size:9pt;
  margin-top:5px;
}

#picks{width:365px;} 
#picks .julkaisusarjat{background-image:url(/geotieto/kuvat/julkaisusarjat8.jpg) !important; background-repeat:no-repeat;width:285px;height:40px;padding:5px 8px 5px 65px !important;margin:0 0 8px 0 !important;overflow:hidden;}
#picks .julkaisumyynti{background-image:url(/geotieto/kuvat/julkaisusarjat5.jpg) !important; background-repeat:no-repeat;width:285px;height:40px;padding:5px 8px 5px 65px !important;margin:0 0 8px 0 !important;overflow:hidden;}
#picks a{font-size:12px;color:#000;line-height:12px;outline:none}
#picks a span{font-weight:bold;color:#fff;font-size:16px;display:block;margin-bottom:2px}
#picks a:hover{text-decoration:none}
#picks a:active{text-decoration:none}
.oikopolut h5{color: #6E6E69; font-size:14px; padding:0px 0px 0px 0px; line-height:10px; text-transform:uppercase;}

#lista ul{
	list-style-type:disc;
}

#lista ul li{
	margin-left:20px; 
	list-style-type:circle;
}

.style2 {
	font-size: 14pt;
	color: #037672;
	/*color: #00729a;*/
	text-transform:uppercase;
	font-weight: bold;
}

.style17 {
	color: #b1aa81;
	font-size: 12pt;
	font-weight: bold;
}

.kuvat img{
	border:	#00729a 1px solid;

}