body {
	background-color: #DCDCDC;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top left;
	font: normal normal normal 12px "Trebuchet MS", Arial;
}

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Arial;
}

.dev {
	border: 1px dashed red;
}

#top {
	height: 50px;
	padding-left: 100px;
}

	#top table {
		width: 900px;
		height: 50px;
	}

		#top td.logo {
			width: 213px;
			border-right: 1px solid #D1D0CE;
			padding-top: 7px;
		}

		#top td.topnav {
			width: 517px;
			border-left: 1px solid #F9F9F9;
			border-right: 1px solid #D1D0CE;
			padding: 15px 0 0 0;
		}

			#top td.topnav a {
				text-decoration: none;
				color: #707277;
				margin-left: 15px;
			}

				#top td.topnav a:hover {
					text-decoration: underline;
				}

		#top td.lang {
			width: 170px;
			border-left: 1px solid #F9F9F9;
			font-size: 2px;
			padding: 15px 0 0 0;
		}

			#top td.lang div.flags {
				margin-left: 10px;
			}

			#top td.lang a img {
				border: 1px solid #D5D6D6;
			}

				#top td.lang a:hover img {
					border: 1px solid #666666;
				}

#wrapper {
	margin: 0 0 0 80px;
	width: 920px;
}

	/* 9-grid */
	#wrapper td.grad-tl,
	#wrapper td.grad-tc,
	#wrapper td.grad-tr,
	#wrapper td.grad-cl,
	#wrapper td.grad-bl,
	#wrapper td.grad-bc,
	#wrapper td.grad-br {
		font-size: 1px;
		line-height: 1px;
	}

	#wrapper td.grad-tl,
	#wrapper td.grad-cl,
	#wrapper td.grad-bl {
		width: 20px;
		text-align: right;
	}

		#wrapper td.grad-cl {
			background-image: url('../img/grad_cl.jpg');
			background-repeat: repeat-y;
			background-position: top right;
		}



		#wrapper td.grad-cr {
			background-image: url('../img/grad_cr.jpg');
			background-repeat: repeat-y;
			background-position: top left;
		}

	#wrapper td.grad-bl,
	#wrapper td.grad-bc,
	#wrapper td.grad-br {
		height: 26px;
	}

		#wrapper td.grad-bc {
			background-image: url('../img/grad_bc.jpg');
			background-repeat: repeat-x;
			background-position: top left;
		}


	/* /9-grid */

/* Container and content */
#container {
	background-color: #F7F7F7;
	width: 730px;
	overflow: hidden;
}

#header {
	padding: 2px;
}

	#header ul {
		padding-left: 10px;
		clear: both;
		background-color: #707277;
		height: 22px;
		overflow: hidden;
		border-top: 2px solid #f7f7f7;
	}

		#header ul li {
			display: block;
			float: left;
			margin-left: 3px;
			margin-right: 3px;
			border-right: 1px solid #666666;
		}

		#header ul li a {
			width: auto;
			color: #CCCCCC;
			display: block;
			padding: 2px 14px 0 4px;
			text-decoration: none;
		}

		#header ul li a:hover {
			color: #FFFFFF;
		}


#subheader div.misc {
	padding-right: 10px;
	float: right;
}

	#subheader div.misc span.fontsize {
		margin-right: 10px;
		letter-spacing: -1px;
	}

		#subheader div.misc span.fontsize a.set1 {
			font-size: 13px;
		}

		#subheader div.misc span.fontsize a.set2 {
			font-size: 15px;
		}

		#subheader div.misc span.fontsize a.set3 {
			font-size: 17px;
		}


	#subheader div.misc a {
		text-decoration: none;
		font-size: 10px;
		color: #707277;
	}

		#subheader div.misc a:hover {
			color: #333333;
		}

#subheader div.path {
	padding-left: 20px;
}

	#subheader div.path span.borderdot {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
	}

	#subheader div.path a {
		font-size: 11px;
		text-decoration: none;
		color: #8C8984;
	}

		#subheader div.path a:hover {
			color: #333333;
			text-decoration: none;
		}

#footer {
	background-color: #707277;
	height: 64px;
	padding: 10px 15px 10px 15px;
	margin-top: 20px;
}

	#footer a {
		color: #ffffff;
		text-decoration: none;
	}

		#footer a:hover {
			text-decoration: underline;
		}

	span.pipe {
		font-size: 1.2em;
		padding: 0 10px 0 10px;
		color: #919296;
	}

	#footer div.copyright {
		margin: 25px 0 0 0;
		float: right;
		color: #CCCCCC;
		font-size: 90%;
	}

		#footer div.copyright a {
			color: #CCCCCC;
			text-decoration: none;
		}

			#footer div.copyright a:hover {
				color: #CCCCCC;
				text-decoration: underline;
			}

/* Nostot */
#nostot {
	margin: 10px 0 0 20px;
}

	#nostot a.item {
		display: block;
		width: 138px;
		clear: both;
		border: 1px solid #929497;
		text-decoration: none;
		background-color: #D4D0C8;
		color: #707277;
		margin-bottom: 15px;
		line-height: 10px;
		background-color: #ffffff;
	}

	#nostot a.item:hover {
		border-color: #ffffff;
	}

		#nostot a.item h4 {
			color: #707277;
			padding: 4px 6px 4px 6px;
			text-align: left;
			font-weight: normal;
			border-top: 1px solid #BFBFBF;
		}

/* Content: grid */
#content.grid {
	min-height: 200px;
	padding: 12px 10px 20px 10px;
}

	/* IE 7 only hack */
	*:first-child+html #content.grid {
		width: 690px;

	}


div.col1 table.grid,
div.col2 table.grid,
div.col3 table.grid {
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 0.5em;
}

	table.grid td {
		/*padding: 5px 10px 10px 10px;*/
		padding: 2px;
	}

		/* undo effects above on tables in content */
		table.grid td td {
			border: 0;
			padding: 0;
		}

	table.grid td.border {
		border-right: 1px solid #DADADA;
	}

	div.col1 table.grid td {
		width: 100%;
	}

	div.col2 table.grid td {
		width: 50%;
	}

	div.col3 table.grid td {
		width: 33%;
	}

/* Content: page */
#content.page {
	min-height: 200px;
	padding: 10px 10px 20px 2px;
	width:700px; /* CN addition 15042009 due to Osuuden arvot IE7 bug */
}

	#content.page div.sidebar {
		width: 250px;
		float: left;
		margin-top: 10px;
	}




	#content div.subnav,
	#content div.specialnav {
		margin-bottom: 1em;
	}

		#content div.sidebar div.text {
			padding: 2px 40px 2px 20px;
			margin: 0;
			background: #f7f7f7 url('../img/sidebar_bg.jpg') repeat-y scroll top right;
		}

	#content div.sidebar h4 {
		font: normal normal bold 13px "Trebuchet MS";
		color: #ffffff;
		background: #707277 url('../img/sidebar_topbg.jpg') no-repeat scroll top right;
		padding: 2px 0 2px 20px;
	}

		#content div.sidebar h4 a {
			text-decoration: none;
			color: #ffffff;
		}

	#content div.sidebar ul {
	}

		#content div.sidebar li {
			margin: 0;
			line-height: 11px;
			padding: 4px 0 4px 0;
		}

		#content div.sidebar ul a {
			color: #333333;
			text-decoration: none;
		}

			#content div.sidebar ul a:hover {
				text-decoration: none;
			}

			#content div.sidebar ul a.selected {
				color: #3691D9;
			}

	#content div.sidebar hr {
		color: #D6D6D6;
		background-color: #D6D6D6;
	}

	#content div.sidebar div.bottom {
		background: #f7f7f7 url('../img/sidebar_botbg.jpg') no-repeat scroll top right;
		height: 65px;
		clear: both;
	}


	/* all browsers */
	#content.page div.article {
		background-color: transparent;
		width: 430px;
		margin-top: 10px;
		margin-left: 260px;
	}

	/* IE 7 only hack */
	*:first-child+html #content.page div.article {
		width: 350px;
		margin-left: 260px;
	}

	#content.page div.articlew {
		background-color: transparent;
		width:480px;
		margin-left:225px;
		margin-top: 10px;
	}

	/* IE 7 only hack */
	*:first-child+html #content.page div.articlew {
		width: 400px;
		margin-left: 260px;
	}

		#content.page div.article p,
		#content.page div.article-onecol p {
			margin-bottom: 2em;
		}

	#content.page div.article-onecol {
		width: 590px !important;
		margin-top: 10px !important;
		margin-left: 100px !important;
	}


/* Typography */
#content h1 {
	font: normal normal normal 22px Georgia;
	padding-bottom: 14px;
	color: #54738E;
}

#content h2 {
	font: normal normal bold 16px Georgia;
	color: #999999;
	padding-bottom: 12px;
}

#content h3 {
	font: normal normal bold 12px "Trebuchet MS";
	color: #54738E;
	padding: 0 0 2px 0;
	margin: 0;
	display: inline;
}

#content div.text,
#content p {
	line-height: 16px;
	color: #333333;
	padding: 0;
	margin: 0 0 1em 0;
}

#content ul {
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
}

	#content ul li {
		margin-bottom: 0.5em;
	}

	#content ul span {
		padding-right: 10px;
	}

	#content ul a {
		text-decoration: none;
		color: #333333;
	}

		#content ul a:hover {
			text-decoration: underline;
		}

#content a.readmore {
	display: block;
	margin-top: 1em;
}

#content img {
	border: 1px solid #B7B7B7;
}

	#content img.noborder {
		border: 0 !important;
	}

#content a img {
	border: 0;
}

#content hr {
	border: 0;
	background-color: #CCCCCC;
	color: #CCCCCC;
	/*clear: both;*/
}

/********************
	Specifics
********************/

table.small td {
	font-size: 10px;
	line-height: 11px;
}

table.listing {
	border-bottom: 1px solid #5A718C;
	width: 100%;
}

table.listing th {
	color: #ffffff;
	background-color: #5A718C;
	padding: 4px 10px 4px 4px;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}

	table.listing th b {
		font-size: 12px;
	}

	table.listing th a {
		color: #ffffff !important;
		text-decoration: none !important;
	}

table.listing td {
	padding: 2px 10px 2px 2px !important;
	width: auto !important;
}

table.listing td.tight {
	padding-right: 5px !important;
	padding-left: 1px !important;
}

table.listing td.date {
	color: #999999;
}

table.listing td.border {
	border-right: 1px solid #CCCCCC;
}


table.listing td a {
	color: #000000;
	text-decoration: none;
}

	table.listing td a:hover {
		text-decoration: underline;
	}

table.listing tr.odd td {
	background-color: #e5e5e5;
}

table.listing tr.selected td {
	background-color: #FFFFCC;
}

/* Contacts */

	#content div#contacts a.item {
		text-decoration: none;
		display: block;
		width: 30%;
		float: left;
		border: 1px solid #f7f7f7;
		padding: 4px 4px 4px 10px;
		margin-bottom: 20px;
	}

	#content div#contacts a.item:hover {
		text-decoration: none;
		background-color: #ffffff;
		border-color: #cccccc;
	}

		#content div#contacts a b {
			color: #707277;
		}

		#content div#contacts a i {
			font-style: normal;
			font-size: 11px;
			color: #999999;
		}

		#content div#contacts a span {
			color: #707277;
			display: block;
			font-size: 11px;
		}

	#content div#contacts hr {
		clear: both;
	}

#content div.contact {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #CCCCCC;
	width: 360px;
	margin: 0 0 15px 0;
}

	#content div.contact img.pic {
		float: left;
		width: 105px;
		overflow: hidden;
		border: 1px solid #999999;
	}

	#content div.contact div.details {
		margin-left: 125px;
		padding-left: 20px;
		color: #707277;
		border-left: 1px solid #89A9C4;
	}

	#content div.contact h4 {
		font: normal normal bold 13px "Trebuchet MS";
		color: #707277;
	}

	#content div.contact h5 {
		font: normal normal bold 11px "Trebuchet MS";
		color: #707277;
		margin-top: 1em;
	}


	#content div.contact p {
		color: #707277;
		font-size: 11px;
		line-height: 13px;
		margin-bottom: 10px !important;
	}

	#content div.contact span {
		display: block;
		float: left;
		width: 60px;
	}

	#content div.contact a {
		color: #707277;
		text-decoration: none;
	}

		#content div.contact a:hover {
			text-decoration: underline;
			color: #000000;
		}

/* Graph toolbar */
#content div.graph_toolbar {
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	padding: 5px 5px 5px 10px;
	margin: 0 0 20px 0;
	width: 390px;
}

	#content div.graph_toolbar a {
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		display: block;
		width: auto;
		float: left;
		padding: 2px 4px 2px 4px;
		margin: 0 3px 2px 0;
		border: 1px solid #999999;
	}

	#content div.graph_toolbar a.selected {
		background-color: #e5e5e5;
	}

		#content div.graph_toolbar a:hover {
			color: #64A3D4;
			background-color: #ffffff;
		}

	#content div.graph_toolbar div#loader {
		color: #707277;
		text-align: center;
		height: 20px;
		padding-top: 4px;
	}

		#content div.graph_toolbar div#loader img {
			border: 0;
		}

#Graph {
	margin-top: 20px;
}

/* raportit etc list */
#content ul.linklist {
	margin: 0 0 1em 10px;
}

#content ul.linklist li {
	margin-bottom: 0;
}

#content ul.linklist li a {
	color: #54738E;
}

/* Recent news */
#content ul.recent-news {
}

	#content ul.recent-news a {
		display: block;
		background-color: transparent;
		text-decoration: none;
		border: 1px dotted #f5f5f5;
		padding: 2px;
	}

		#content ul.recent-news a:hover {
			background-color: #ffffff;
			border-color: #707277;
			text-decoration: none;
		}

	#content ul.recent-news a span.title {
		color: #707277;
		display: block;
		width: 70%;
	}

	#content ul.recent-news span.timestamp {
		float: right;
		color: #666666;
	}

/* Rahastot */
div.rahastot-toolbar {
/*	padding: 10px 5px 5px 5px;*/
/*	border: 1px solid #707277;*/
/*	background-color: #f5f5f5;*/

	margin-bottom: 2em;
}

	div.rahastot-toolbar a {
		text-decoration: none;
		color: #1a1a1a;
		font-size: 12px;
		font-weight: bold;
		display: block;
		margin-left: 15px;
	}

		div.rahastot-toolbar a:hover {
			text-decoration: underline;
		}

	div.rahastot-toolbar fieldset {
		background-color: #f5f5f5;
		padding: 6px 15px 5px 15px;
	}

		div.rahastot-toolbar fieldset legend {
			background: transparent url('../img/mime/pdf.gif') no-repeat scroll top left;
			padding: 2px 0 2px 20px;
		}

		div.rahastot-toolbar fieldset a {
			display: block;
			font-size: 11px;
			font-weight: normal;
			margin: 0;
		}

	div#raportit {
		border-top: 1px dotted #707277;
		margin-top: 1em;
		padding-top: 1em;
	}

		div#raportit div.list {
			width: 70px;
			padding: 0 6px 0 6px;
			float: left;
		}

		div#raportit div.list h2 {
			border-bottom: 1px solid #707277;
			padding-bottom: 0;
			padding-left: 10px;
		}

/* Form */
input,
textarea,
select {
	font: normal normal normal 12px "Trebuchet MS";
	padding: 2px;
	border: 1px solid #CCCCCC;
}

	input:focus,
	textarea:focus,
	select:hover {
		border: 1px dashed #333333;
		background-color: #FFFFCC;
	}

	form.pageform {
		padding: 20px 30px 20px 30px;
		margin-top: 20px;
		border-top: 1px solid #CCCCCC;
	}

		form.pageform input,
		form.pageform textarea {
			width: 200px;
		}

		form.pageform select {
			width: 206px;
		}

	form input.radio,
	form input.checkbox {
		border: 0;
		width: auto;
	}

	form input.submit {
		width: auto;
		padding: 3px 10px 3px 10px;
		background-color: #54738E;
		border: 1px solid #54738E;
		color: #ffffff;
		font-weight: bold;
	}

/* Referenssit */
#content div.referenssit img {
	margin: 5px 5px 5px 5px;
}

	#content div.referenssit a img {
		border: 1px solid #B7B7B7;
	}