/* Ylanurkan Pageflip
	HUOM: Ensimmaisena, jotta nama ladataan eka
 */

	#pageflip {
		position: relative;
	}
	#pageflip img {
		width: 50px; height: 52px;
		z-index: 99;
		position: absolute;
		right: 0; top: 0;
		-ms-interpolation-mode: bicubic;
	}
	#pageflip .msg_block {
		width: 50px; height: 50px;
		position: absolute;
		z-index: 50;
		right: 0; top: 0;
		background: url(/res/default/img/pageflip/subscribe.gif) no-repeat right top;
		text-indent: -9999px;
	}

/* Common */

	#mainwrap .content-container * {
		color: #fff;
	}
	#hiddenmenu option,
	#hiddenmenu select {
		color: #000;
	}
	html {
		background: url('/res/default/img/bgBody.jpg') repeat-x left top #060505;
		height: 100%;
	}
	body {
		background: url('/res/default/img/bgBodyShadow.jpg') no-repeat center 211px !important;
		height: 100%;
	}
	h1, h2, h3, h4 {
		font-family: Helvetica, Georgia, Arial;
		color: #ffffff;
		font-weight: normal;
		letter-spacing: 1.2px;
		word-spacing: 5px;
	}
	h1 {
		background: url('/res/default/img/bgTitleLiner.png') no-repeat left bottom;	
		margin-top: 16px;
	}
	#content-right h1,
	#content-left h1 {
		background: url('/res/default/img/bgTitleLinerShort.png') no-repeat left bottom;
	}
	h1 {
		font-size: 24px;
		padding-bottom: 12px;
	}
	h2 {
		font-size: 19px;
		padding-bottom: 9px;
	}
	h3 {
		font-size: 16px;
		padding-bottom: 6px;
	}
    h4 {
		font-size: 14px;
		padding-bottom: 3px;
	}
	.hr-clear {
		clear: both;
		visibility: hidden;
	}
	p, a, span, li, .content-container, body { 
		font-family: arial;
		color: #fff;
		font-size: 12px;
	}
	.token-Form h1 {
        background: none !important;
        margin: 0;
    }
	.token a {
		color: #7ac142;
	}
	.clear {
		clear: both;
		visibility: hidden;
		margin: 0;
		padding: 0;
		height: 0;
		border: 0 !important;
		overflow: hidden;
		line-height: 0;
	}
	.contentImageArea img {
		border: 0px;
	}
	.contentImageArea .captionWrap {
		border: 0 !important;
		background: url('/res/default/img/bgFrontrollerTextArea.png') repeat-x left top;
		margin: 0 auto;
	}
	.page-root .contentImageArea td {
		text-align: center;
		width: 262px !important;
	}
	.sitemap div.mainmenu {
		margin-top: 0;
		border-bottom: 0;
	}
	.sitemap div.normal {
		color: #7AC142;
		margin-top: 0;
	}
	.sitemap div.normal a,
	.sitemap div.mainmenu a {
		color: #E1E1E1;
	}
	.send_newsletter td.actions a { color: #000 !important; }

/* Top Container / Header */

	#themeimage {
		clear: both;
	}
	#header {
		padding: 15px 0 0 0;
		margin: 0 0 2px;
	}
	.sitetitle {
		float: left;
		width: 512px;
		height: 62px;
		margin-top: 6px;
		text-indent: -9999px;
	}
	#lang,
	#lang-fi {
		background: url('/res/default/img/bgTitle.png') no-repeat left top;	
	}
	#lang-en {
		background: url('/res/default/img/bgTitleEN.png') no-repeat left top;	
	}
	#lang-se {
		background: url('/res/default/img/bgTitleSE.png') no-repeat left top;	
	}
	.sitetitle .siteheader {
		text-indent: -9999px;
		background: 0 !important;
		border: 0 !important;
		margin: 0 !important;
	}
	#search {
		width: 200px;
		margin: 0 0 0 15px;
		position: relative;
	}
	#helpfuncs {
		height: 25px;
		position: relative;
		margin-bottom: 5px;
	}
		#helpfuncs a {
			margin-left: 5px;
		}
    #search-layer {
        float: right;
        clear: both;
        position: relative;
        height: 20px;
    }        	
    #helpmenu-FB {
        display: block;
        width: 19px;
        height: 18px;
        position: absolute;
        right: 0;
        background: url('/res/default/img/fbButton.png') no-repeat left top;
    }
    #help-items {
        position: absolute;
        right: 190px;
        width: 70px;
    }			
	#helpmenu {
		margin-top: 8px;
		float: right;
		display: inline;
		width: 340px;		
	}
	#helpmenu-list {
		padding: 0;
	    margin: 0;
	}
		#helpmenu-list li {
			float: left;
			list-style: none;
		}
			#helpmenu-list li.helpmenu-item,
			#helpmenu-list li.helpmenu-item a {
				font: 10px Arial;
				color: #e1e1e1;
				text-decoration: none;
			}
			#helpmenu-list .separator {
				font-size: 10px;
			}
	#navilinks {
		clear: both;
		margin: 15px 0 0 0;
		*margin: 10px 0 0 0;
		*width: 350px;
		_width: 340px;		
	}
	#navilinks,
	#helpmenu {
		float: right;
	}
		.funclink {
			float: left;
			text-indent: -9999px;
		}
		.funclink-bg {
			float: left;
			text-decoration: none;
			padding: 2px 5px 8px 27px;
		}
			#pro {
				background: url('/res/default/img/bgPro.png') no-repeat left -3px;
				position: absolute;
				right: 28px;
			}
				#pro:hover {
					background: url('/res/default/img/bgProActive.png') no-repeat left -3px;
					color: #41b8fb;
				}
			#news {
				background: url('/res/default/img/bgNewsletter.png') no-repeat left -3px;
			}
				#news:hover {
					background: url('/res/default/img/bgNewsletterActive.png') no-repeat left -3px;
					color: #fd9517;
				}
		#zoomin {
			width: 15px;
			height: 15px;
			margin-top: 4px;
			background: url('/res/default/img/bgHelpitems.png') left top;
		}
		#zoomout {
			width: 15px;
			height: 15px;
			margin-top: 4px;
			background: url('/res/default/img/bgHelpitems.png') right top;
		}
		#print {
			width: 21px;
			height: 21px;
			margin: 0 10px 0 0;
			background: url('/res/default/img/bgHelpitems.png') left bottom;
		}
		.q {
			background: url('/res/default/img/bgInput.png') repeat-x left top;
			border: 1px solid #6b6365;
			color: #fff;
			position: absolute;
			left: 0;
			top: 0;
			width: 152px;
			height: 17px;
		}
		#hakukentta input,
		.go {
			background: url('/res/default/img/bgInputDark.png') repeat-x left top;
			border: 0;
			font: 10px Trebuchet MS;
			color: #e1e1e1;
			position: absolute;
			top: 0;
			left: 152px;
			height: 21px;
			padding: 2px 13px;
		}
		#hakukentta #Q {
			background: #686062 url(/res/default/img/bgInput.png) repeat-x scroll left top;
			border: 1px solid #6B6365;
			font-size: 12px;
			color: #FFFFFF;
			width: 150px;
		}
	
	/* Top Menu */
		
		#hiddenmenu {
			clear: both;
			height: 30px;
			position: relative;
		}
		#topmenu {
			float: left;
			clear: both;
			display: table;
			width: 100%;
			margin-top: 13px;
		}
			#topmenu .sitemenu {
				width: 100%;
				padding: 0;
				margin: 0;
				border-collapse: collapse;
			}
			#topmenu .sitemenu td {
				margin: 0;
				padding: 0;
				text-align: center;
			}
		#topmenu td.spacer {
			width: 1px;
		}
		#topmenu td a {
			display: block;
			padding-top: 14px;
			padding-bottom: 14px;
			font: 15px Arial;
			color: #e1e1e1;
			background: url('/res/default/img/bgMenuTop.png') repeat-x left bottom #524b4d;
			border: 1px solid #524b4d;
			text-decoration: none;
			font-weight: bold;
		}
		#topmenu td.level1 a:hover,
		#topmenu td.level1-onpath a {
			background: url('/res/default/img/bgMenuTop.png') repeat-x left top #524b4d;
			color: #231f20;
		}

	/* Side menu */
	
		#sidemenu {
			border: 1px solid #736b6d;
			padding: 2px;
			width: 186px;
			margin: 0px;
		}
		#sidemenu li,
		#sidemenu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#sidemenu a,
		#sidemenu span {
			font-family: Arial;
			font-size: 14px !important;
			text-decoration: none;
			color: #fffefe;
		}
		#sidemenu a.level1 {
			display: block;
			padding: 7px 9px;
			margin: 0 0 3px;
			border: 1px solid #322d2e;
			background: url('/res/default/img/bgSidemenu.png') repeat-x left bottom #252122;
		}
		#sidemenu a.level1-onpath {
			border: 1px solid #6b6365;
			background: url('/res/default/img/bgSidemenuAct.png') repeat-x left bottom #aca8ab;
		}
		#sidemenu a.level1:hover {
			background: url('/res/default/img/bgSidemenuAct.png') repeat-x left bottom #aca8ab;
		}
		#sidemenu a.level1:hover span {
			color: #231F20 !important;		
		}
		#sidemenu a.level1-onpath,
		#sidemenu a.level1-onpath span {
			color: #231f20;
		}
		#sidemenu a.level1-last {
			margin: 0;
		}
			#sidemenu li.level2 a.level2 {
				color: #fff;
				display: block;
				padding: 2px 0 2px 23px !important;
				background: url('/res/default/img/bgSidemenuLow.png') no-repeat 12px 5px;
				*background-position: 12px 9px;
			}
			#sidemenu a.level2-onpath,
			#sidemenu a.level2:hover {
				background: url('/res/default/img/bgSidemenuLowAct.png') no-repeat 12px 5px !important;
				*background-position: 12px 9px !important;
			}
			#sidemenu li.level2 a span,
			#sidemenu li.level3 a span,
			#sidemenu li.level4 a span {
				font-size: 12px !important;;			
			}
			#sidemenu li.level2-onpath a span,
			#sidemenu li.level3-onpath a span {
				color: #7ac142;
			}	
			#sidemenu li.level2-last {
				margin-bottom: 5px;
			}	

/* Main Container */

	#main {
		width: 856px;
		margin: 0 auto 40px;
	}
	#contentwrap {
		padding: 3px;
		border: 1px solid #645d5e;
		background: #231f20;
		clear: both;
	}
	#content {
		border: 1px solid #3e393a;
		padding: 3px;
		min-height: 350px;
	}
	#content-main {
		width: 610px;
		float: right;
	}
	.with_right {
		width: 400px;
		float: left;
	}
	.without_right {
		width: 577px;
	}
	#content-right {
		float: right;
		width: 180px;
		margin: 0 15px 0 0;
	}
	#content-left {
		width: 188px;
		float: left;
	}
		#content-left #zone-left {
			padding: 0 10px;
		}
		.zone-left-stuff {
			margin-top: 10px;
		}
	
/* Themeimages */

	/* Front pages */
		
		.page-root div.divThemeImage {
			border: 1px solid #645d5e;
			padding: 3px;
			padding-top: 1px;
			background: #231f20;
		}
	
	/* Sub pages */
	
/* Front page animation */

	#mainwrap {
		margin: 3px 0 0;
	}
	#rightwrap {
		padding: 3px;
		border: 1px solid #645D5E;
		float: right;
		width: 202px;
		background: #231F20;
	}
	#rightcolumn {
	}
	#rightcolumn .token {
		border: 1px solid #433d3e;
		background: #231f20;
	}
	#frontroller {
		width: 635px;
		border: 1px solid #645d5e;
		padding: 3px;
		position: relative;
		background: #231f20;
		float: left;
	}
	#frontroller-wide {
		width: 848px;
		border: 1px solid #645d5e;
		padding: 3px;
		position: relative;
		background: #231f20;
		float: left;
	}
	.single-embed #frontroller,
	.single-embed #frontrollercontainer,
	.single-embed #zone-_main {
        height: auto !important;
        width: auto !important;
    }
    .single-embed .artikkeli .ingressi {
        margin-top: 0 !important;
    }
    
    .single-embed #frontrollercontainer{
        padding: 25px;
    }
    .single-embed .artikkeli {
        margin: 0 0 25px !important;
    }
    
	.contentImageArea img {
		border: 0 !important;
		padding: 2px !important;
	}
	.contentImageArea .captionWrap {
		border: 1px solid #645d5e;
		background: url('/res/default/img/bgFrontrollerTextArea.png') repeat-x left top;
	}
	.contentImageArea .captionWrap {
		border: 0;
		background: 0;
	}	
	#frontroller-edit {
		width: 635px;
	}
	
	#frontroller h2 {
		margin-top: 0;
	}
		#frontroller .contentTextWrap,
		#frontroller .contentTextFloatsRight {
			padding: 20px 25px;
			float: left;
			width: 310px;
			background: url('/res/default/img/bgFrontrollerTextArea.png') repeat-x left top #231f20;
			height: 188px;
		}
		#frontroller-wide .contentTextWrap,
		#frontroller-wide .contentTextFloatsRight {
			padding: 20px 25px;
			float: left;
			width: 523px;
			background: url('/res/default/img/bgFrontrollerTextArea.png') repeat-x left top #231f20;
			height: 188px;
		}
		#frontroller-wide .contentImageWrap,
		#frontroller .contentImageWrap {
			float: left;
			width: 273px !important;
		}
		#frontroller-wide .contentImageArea,
		#frontroller .contentImageArea {
			float: left;
			margin-right: 3px !important;
			height: 230px;
			width: 270px;
		}
		#frontroller-wide .contentTextWrap,
		#frontroller-wide .contentTextFloatsRight,
		#frontroller-wide .contentImageArea,
		#frontroller .contentTextWrap,
		#frontroller .contentTextFloatsRight,
		#frontroller .contentImageArea {
			border: 1px solid #393435;
		}	
			#frontroller-wide .contentImageArea td,
			#frontroller .contentImageArea td {
				padding: 20px 45px;
			}
		#frontroller .token,
		#frontroller .token {
			width: 635px;
		}
		#frontroller #frontrollercontainer #zone-_main,
		#frontroller #frontrollercontainer {
			width: 636px;
			height: 230px;
			position: relative;
			overflow: hidden;
		}
		#frontroller-wide #frontrollercontainer #zone-_main,
		#frontroller-wide #frontrollercontainer {
			width: 849px;
			height: 230px;
			position: relative;
			overflow: hidden;
		}
		#frontroller-wide #pagewrapper,
		#frontroller #pagerwrapper {
			text-align: right; 
		}
		#pager {
			position: relative;
			z-index: 99;
			padding: 0 1px 0 0;
			margin-top: -30px;
			margin-right: 6px;
			min-width: 30px;
			text-align: right;
		}
			#pager a {
				display: block;
				width: 19px;
				height: 19px;
				text-indent: -9999px;
				background: url('/res/default/img/bgPagerLink.png') no-repeat 50% bottom;
				float: right;
				border: 1px solid #444344;
				margin: 1px 0 1px 1px;
			}
			#pager .activeSlide {
				background: url('/res/default/img/bgPagerLink.png') no-repeat 50% top;
			}
		#frontroller .token {
			height: 230px;
		}
	#frontspacer {
		width: 4px;
	}
	
	#zone-right .token {
        margin: 0 0 2px;
    }
	
/* Footer */

	#footer {
		border: 1px solid #645D5E;
		background: #231F20;
		padding: 3px;
		padding-top: 1px;
		margin: 3px 0 0 0;
		clear: both;
	}
		#footerWrapper {
			border: 1px solid #3E393A;
			clear: both;
			height: 110px;
		}
		#footerWrapper img {
			margin-right: 25px;
			float: left;
		}
		#footerText {
			font: 12px Helvetica, Trebuchet MS;
			float: left;
			color: #fff;
			width: 320px;
			margin: 34px 0 0 15px;
		}
	#powered {
		text-align: right;
		margin: 3px 0 40px 0;
	}
	#powered-by {
		font: 11px Trebuchet MS;
	}
	#powered a {
		color: #7ac142;
		text-decoration: none;
	}	
	
/* Apps */

	/* HILI / News */
	
		.rc {
			width: 100%;
		}
		.hd h2 {
			margin: 0;
			font: 15px Helvetica, Trebuchet MS;
			background: url('/res/default/img/bgNews.png') repeat-x left top #6c6466;
			padding: 7px 0 6px 17px;
			font-weight: bold;
		}
		.row {
			padding: 0 5px;
		}
		.row a {
			font: 13px Trebuchet MS;
			color: #ffffff;
			display: block;
			font-weight: bold;
			padding: 4px 7px 6px 7px;
			text-decoration: none;
			background: url('/res/default/img/bgTitleLinerShort.png') no-repeat left bottom;
		}
		.row p.odd,
		.row p.even {
			margin: 0;
		}
		.row .pvm {
			font: 10px Trebuchet MS;
			color: #d8d8d8;
			padding: 2px 0 0 7px;
		}
		.row .ingressi {
			font: 11px Trebuchet MS;
			color: #d8d8d8;
			padding: 0 0 0 7px;
			font-style: oblique;
		}
		.page-1 .token-Highlight .row img {
            margin-left: 3px;
            margin-right: 6px;
        }
		.viewToggle {
			background: none !important;
			background-color: transparent !important;
			border: 0 !important;
		}		
		.viewToggle,
		.artikkeli {
			margin: 0;
		}
		
		/* HILI-spec */
		
			.token-Highlight {
				background: #2a2627;
				padding: 3px;
				border: 1px solid #645D5E;
			}
			.token-Highlight .hd h2 {
				background: none;
				padding-left: 0;
				padding-top: 0;
				margin: 4px 0 1px 9px;
			}
			.token-Highlight .hd h2 a {
				font: 16px Helvetica, arial;
				text-decoration: none;
			}
			.token-Highlight .row {
				padding: 2px;
				border: 1px solid #3E393A;
				margin: 0 0 3px;
				background: #332e2f;
			}
			.token-Highlight .row:hover {
				border: 1px solid #645D5E;
			}
			.token-Highlight .img {
				float: left;
				padding-top: 4px;
				margin-bottom: 5px;
			}
			.token-Highlight .row a {
				font-size: 12px;
				padding: 0 !important;
				background: none;
				color: #7AC142;
				font-weight: normal;
			}
			.token-Highlight .rel .text {
				font: 11px Arial;
				color: #fff;
				font-style: oblique;
			}
	
	div.content-container table.contentImageArea td,
	div.content-container table td {
		vertical-align: top;
	}

	/* Form */
	
		.token-Form form input {
			border: 1px solid #EBE4E8;
			margin: 5px 0 0 0;
			background: transparent url(/res/default/img/bgInputDark.png) repeat-x scroll left top;
			color: #fff;
			padding: 3px 5px;
		}
		.token-Form table.form-fillin td span {
			color: #7AC142 !important;
		}
		table.form-fillin label.fat {
			font: 14px arial;
			color: #fff;
		}
		table.form-fillin input {
			padding: 2px 4px !important;		
			color: #000;
			margin: 0;
		}
		table.form-fillin span {
			margin: 0 0 0 3px;
		}
		form .form-fillin input {
			border: 1px solid #EBE4E8;
			background: #ebe4e8;
		}

	/* Files */
		
		.token-File .icon {
			vertical-align: top;
			padding: 3px;
			text-align: center;
		}
		.token-File .icon img {
			padding: 2px;
			background: #e0e0e0;
		}
		.token-File .filename {
			font-size: 11px;
			font-family: Arial;
			color: #fff;
		}
			.token-File .filename span {
				font-size: 10px;
				padding: 3px 0;
			}
			.token-File .filename a {
				display: block;
				font-style: normal;
				font-size: 12px;
				margin: 0 0 2px;
			}
		.token-File .icon, .token-File .filename {
			padding-top: 13px;
		}
	
	/* Mediaclip */
	
		.MediaclipDescription {
			font-style: oblique;
			font-size: 12px;
		}
		.mediaclip p {
			padding: 5px;
		}

/* Search */

	#searchform-container .searchform {
		background: none !important;
		border: 0;
		padding-left: 0px !important;
		padding-bottom: 20px !important;
		border-bottom: 1px solid #645D5E;
		margin-bottom: 10px;
	}
	table.searchresults td.searchresult-odd {
		background: none !important;
	}
	table.searchresults td {
		color: #fff;
		font-size: 12px;
	}
	#searchform-container .searchresult-title a {
		font-size: 13px !important;
	}
	#searchform-container #hakukentta label {
		color: #fff;
		float: left;
		margin: 0 10px 0 0;
	}
	#searchform-container strong {
		color: #fff !important;
	}