/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* fonts */
body{font: 68.75% verdana,helvetica,clean,sans-serif;color:#333;}
table{font-size:1em;}
select,input,textarea{font:0.99em arial,helvetica,clean,sans-serif;}
pre,code{font:1.15em monospace;}
body * {line-height:1.27;}
h1{font: bold 3.64em arial;line-height:1.05em;margin-bottom: 0.35em; margin-top:0.3em;}
h1.extrabig {font: bold 5em arial;line-height:12px;margin-bottom: 0.2em;}
.h1_article {font: bold 2.73em arial;line-height:1.05em;margin-bottom: 0.4667em;}
h1.video{font: bold 1.64em arial;margin-bottom: 0.7778em;}
h1.galleria{font: bold 1.64em arial;margin-bottom: 0.7778em;}
h2{font: bold 2.73em arial;margin-bottom: 0.4667em;}
h3{font: bold 1.64em arial;margin-bottom: 0.7778em;}
h4{font: bold 1.00em arial;text-transform:uppercase;background: #8b9dae;color:#fff;padding:0.2em 0.6em;margin-bottom:0.5em;}
h5{font: bold 1.27em arial;margin-bottom: 0.4em;}
h6{font: bold 1em verdana;padding-top:0.5em;}
p{margin-bottom: 1.27em;}
a{color: #0D0069; text-decoration:underline;}
a:hover{color: #0D0069; text-decoration:none;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;line-height:1;}
h1.extrabig a {text-decoration:none; line-height:1.0em;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline;}

/* template */
body {
	text-align:center;
}
img {
	vertical-align: bottom;
}
#container {
	margin: auto;
	text-align: left;
	width: 91em;
	min-width: 1000px;
}
.block {
	position: relative;
	float:right;
	right:10px;
	width:160px;
}

#main {
	width: 100%;
	float: left;
	margin-right: -25em;
}

#main .block {
	float: none;
	position: static;
	width: auto;
	border: 2px solid #e5e6e4;
	background: #fff;
	padding: 0 1.2em 1em 1.8em;
}

#header {
	/*margin-bottom: 1em;*/
	background:#fff;
}
.headerContent {
	width:100%;
}
#footer {
	clear: left;
	padding: 0.4em 1em;
}

/*
.grid <default>
.grid-b <inverted>
.grid-c 1/2 - 1/2
.grid-d 1/3 - 1/3 - 1/3
.grid-e 1/4 - 1/4 - 1/4 - 1/4
.grid-f 1/4 - 3/4
.grid-g 3/4 - 1/4
.grid .column .grid
*/
.bannerRight {
	float:right;
}
#rightBanners {
	float:right;
}
#rightBanners div {
	position:relative;
	border:solid #fff 1px;
	}
.wide {
	width:780px!important;
}
.rightColumn {
	width: 300px;
}
.column, .column_video {
	float: left;
	margin-left: 1%;
}
.grid .column,
.column .grid .column {
	width:300px;
}
.grid div.first,
.column .grid div.first {
	width: 470px;
	overflow:hidden;
}
.grid-b .column,
.column .grid-b .column {
	width: 70%;
}
.grid-b div.first,
.column .grid-b div.first {
	width: 28%;
}
.grid-c .column,
.column .grid-c .column {
	width: 49%;
}
.grid-d .column,
.column .grid-d .column {
	width: 31.9%
}
.grid-e .column,
.column .grid-e .column {
	width: 23.5%;
}
.grid-f .column,
.column .grid-f .column {
	width: 74.5%;
}
.grid-f div.first,
.column .grid-f div.first {
	width: 23.5%;
}
.grid-g .column,
.column .grid-g .column {
	width: 23.5%;
}
.grid-g div.first,
.column .grid-g div.first {
	width: 74.5%;
}
.grid-h .column,
.column .grid-h .column {
	width: 32%;
}
.grid-h div.first,
.column .grid-h div.first {
	width: 66%;
}
.grid-i .column,
.column .grid-i .column {
	width: 66%;
}
.grid-i div.first,
.column .grid-i div.first {
	width: 32%;
}
div.first {
	float: left;
	margin-left: 0;
}

#content:after,
.grid:after,
.grid-b:after,
.grid-c:after,
.grid-d:after,
.grid-e:after,
.grid-f:after,
.grid-g:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#content,
.grid,
.grid-b,
.grid-c,
.grid-d,
.grid-e,
.grid-f,
.grid-g{zoom:1;margin-top:0.8em;}

/* generic */
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
	margin-top:1em;
}
.hide {
	display: none;
}

.grid .columnRightVideo {
	float:left;
	margin-top:0.8em;
	width:300px;
}
.grid div.columnFirstVideo {
	float:left;
	margin-top:0.8em;
	width:490px;
}
.unitVideoPlayer {
	left:-18px;
	position:relative;
}

/* search result page*/

#search_again {
	position: relative;
	margin:8px 0 8px 0;
	padding: 0.3em 0.5em;
	background: none;
	right: 0;
	text-align: left;
}

#search_more_headlines {
	position: relative;
	padding: 1em 0.5em;
	background: none;
	right: 0;
	text-align: left;
}

#search_more_headlines span {
	border:#CCC thin solid;
	padding:0 0.2em;
}

#search_more_headlines img {
	padding:0px 8px 0px 8px;
}

#search_found_headlines {
	position: relative;
	padding: 0.8em 0em;
	background: none;
	right: 0;
	text-align: left;
	font-weight:bold;

}

/* gategories*/

.more_stories p {
	text-transform: uppercase;
	color: #598E8A;
	padding:1em 0em 0em 0em;
	}

/*start image popup*/

#image_popup {
	background-image:none;
	background-color:#333333;
	text-align:left;
	margin:6px;
	}

#image_popup table {
	width:600px;
	height:500px;
	margin:1em;
	background-color:#666666;
	border:#999999 thin solid;
	}

#image_popup table td {
	padding:6px;
	}

#image_popup span {
	color:#CCCCCC;
	text-align:right;
	}

#image_popup p {
	color:#CCCCCC;
	}

#image_popup img {
	border:#FFFFFF 0.2em solid;
	}

/*end image popup*/

/* start forum css */

/*forum*/

#rec_forum .unit {
	margin:0;
	padding:0;
	padding-bottom:12px;
	background: url(../../images/ksml/backgrounds/bg_shadow_full.jpg) no-repeat left bottom;
}

#forumsection {
	text-transform:uppercase;
	float:left;
	width:194px;
	background:#369;
	color:#FFF;
	width:797px;
	padding-left:4px;
	margin-bottom:4px;

}

#rec_forum .forumsection_list {
	float:left;
	width:194px;
	margin-left:2px;
}

#forum_pagenumbers {
	background: none;
	float: right;
}

.forum_navi {
	border-bottom: solid #DDD 1px;
	border-top: solid #DDD 1px;
	background-color:#EEE;
	padding:2px 6px;
	margin:0 0 6px 0;
}

#content .post {
	padding: 12px;
	border-bottom: 2px dotted #ccc;
	margin:4px 0 4px 0;
}

.post_short {

	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.articlePosts {
	/*font-size: 11px;*/
	font-weight:bold;
	line-height: 22px;
	margin: 0 4px 2px 0;

}

.authorNameShort {
	font-size: 11px;
	font-weight: bold;
	margin: 0 4px 2px 0;
	overflow:hidden;
}

#content .post .authorContainer {
	width: 110px;
	float: left;
	color: #333;
}
#content .post .authorContainer .authorName {
	/*font-size: 11px;*/
	font-weight: normal;
	line-height: 12px;
	margin: 0 4px 2px 0;
	overflow:hidden;
}

#content .post .bodyContainer {
	margin-left: 110px;
}
#content .post .bodyContainer .header .date {
	color: #666;
}
#content .post .bodyContainer .header .tools {
	float:right;
}
#content .post .bodyContainer .header .tools a {
	text-decoration: none;
	padding:3px;
	color: #244362;
}
#content .post .bodyContainer .header .tools a:hover {
	text-decoration: underline;
}
#content .post .bodyContainer .body .message {
	line-height: 14px;
	padding: 12px 0;
	overflow:hidden;
}

#content div.quote {
	/* siirretty ecepage.css:ään */
	background:#F3F3F3 url(../../images/ksml/icons/quote.gif) no-repeat bottom left;
}

#content div.quote span.quoteHeader {
	font-weight:bold;
	color:#333;
	line-height: 15px;
}

.forum_listing {
	width:100%;
	margin:0 0 1em 0;
	/*border-top:thin #EEE solid;*/
}
.forum_listing tr.gray {
	background-color:#F3F3F3;
	border-top:solid 1px #EEE;
}

/*.forum_listing tr:hover {
	background-color:#F3F3F3;
	border-top:solid 1px #EEE;
}*/

.col_1 {
	width:30px;
	background-color:#FFF;
}

.col_2 {
	padding:0 4px;
}

.col_3, .col_4 {

	text-align:center;
	padding:0 4px;
}

.col_5 {
	padding:4px 0 2px 0;
	width:120px;
	text-align:left;
}

h1.h1_forum {font: bold 2.0em verdana,helvetica,clean,sans-serif; display:inline; color:#DDD;}
h2.h2_forum {font: bold 1.2em verdana,helvetica,clean,sans-serif; display:inline;}
#h4_forum {margin-bottom:0;}
h5.h5_forum {font: bold 1.0em verdana,helvetica,clean,sans-serif; display:inline;}

.list_inline li  {
	display:inline;
	margin-left:1em;
	}

.list_inline li a {
	text-decoration: none;
	padding-left: 1.4em;
	background: url(../../images/ksml/icons/jade_bullet.gif) no-repeat left;
}

.list_inline li h2 {
	padding-left: 4em;
}

.message {
	width:100%;
}

.message_text {
 width: 630px;
 overflow: hidden;
}


.message tr td {
	padding: 1em;
	border:1px solid #ccc;
	margin-bottom: 0.5em;
}

.message tr td div{
	padding: 1em;
	border:1px solid #ccc;
	margin-bottom: 0.5em;
	background: #EEE url(../../images/ksml/icons/listing_bullet.gif) no-repeat left top;
}

.message tr td.message_nimimerkkibox {
	width:120px;
	background-color:#EEE;
	vertical-align:top;
}

/*end forum*/

/* start menu.css */

/* navigation */
#navigation {
	clear: both;
}

/* navigation - level 1 */
#navigation #nav_level-1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #dfdfdf;
}
#navigation #nav_level-1 li {
	float: left;
	padding: 0.6em;
	background: url(../../images/ksml/backgrounds/primarynav_divider.gif) right no-repeat;
	text-transform: uppercase;
}

#navigation #nav_level-1 li img {
	float: left;
	height:10px;
}

#navigation #nav_level-1 li a {
	color: #333;
	text-decoration: none;
}
#navigation #nav_level-1 li a:hover {
	text-decoration: underline;
}
#navigation #nav_level-1 li.current {
	background: #8b9dae;
}
#navigation #nav_level-1 li.current a {
	color: #fff;
}

/* search field */
#navigation #nav_level-1 #search {
	position: absolute;
	padding: 0.3em 0.5em;
	background: none;
	right: 0;
	text-align: right;
}
#navigation #nav_level-1 #search input {
	vertical-align: middle;
}
#navigation #nav_level-1 legend {
	display: none;
}

/* navigation - level 2 */
#navigation #nav_level-2 {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #8b9dae;
}
#navigation #nav_level-2 li {
	float: left;
	color: #fff;
}

#navigation #nav_level-2 li img {
	float: left;
	height:10px;
	margin-top:8px;
	margin-left:2px;
}

#navigation #nav_level-2 li a {
	color: #fff;
	float: left;
	padding: 0.6em;
	text-decoration: none;
	background: url(../../images/ksml/backgrounds/secondarynav_divider.gif) right no-repeat;
}
#navigation #nav_level-2 li a:hover {
	text-decoration: underline;
}
#navigation #nav_level-2 li.current {
	font-weight: bold;
	background: url(../../images/ksml/icons/secondarynav_indicator.gif) bottom no-repeat;
}

/* feeds */
#navigation #nav_level-2 #rss {
	position: absolute;
	right: 0;
		padding: 0.6em;
	background: none;
}
#navigation #nav_level-2 #rss a {
	float: left;
	margin-right: 0.4em;
	padding: 0;
	background: none;
}

/* navigation - level 3 */
#navigation #nav_level-3 {
	width: 100%;
	overflow: hidden;
	border-bottom: 2px solid #cccccc;
}
#navigation #nav_level-3 li {
	float: left;
	padding: 0.6em;
}
#navigation #nav_level-3 li a {
	color: #333;
}
#navigation #nav_level-3 li.current {
}

/* navigation - level 4 */
#nav_level-4 h4 {
	margin: 0;
}
#nav_level-4 ul {
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #e5e6e4;
	padding: 0.3em 0.5em;
}
#nav_level-4 ul li {
	padding: 0.3em;
	border-bottom: 1px solid #e5e6e4;
}
#nav_level-4 ul li:last-child {
	border: 0;
}
#nav_level-4 ul li a {
	text-decoration: none;
	padding-left: 1em;
	background: #ffffff url(../../images/ksml/icons/listing_bullet.gif) 0 2px no-repeat;
}

/* navigation - archived news */
#nav_news {
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #e5e6e4;
	margin-bottom: 1em;
}
#nav_news ul li {
	padding: 0.2em 1em;
	margin-bottom: 0.3em;
}
#nav_news ul li a {
	color: #396491;
	text-decoration: none;
}
#nav_news ul li a:hover {
	text-decoration: underline;
}
#nav_news ul li span {
	margin-top: 0.3em;
	color: #999;
	display: block;
}
#nav_news ul li.current {
	font-weight: bold;
}
#nav_news ul li.current a,
#nav_news ul li.current a:hover {

}
/* end menu.css */

/* start page.css */

body {
	background: url(../../images/backgrounds/body.png);
}

/* logo */
#logo {
	float: left;
	display: inline;
	padding: 2em 1em;
}

#logo img {
	width:440px;
}
#logo a {
	text-decoration: none;
}

/*  tabs */
#header_tabs {a
	float: right;
	margin-bottom: 0.4em;
}
#header_tabs a {
	display: block;
	height: 19px;
	width: 87px;
	margin-left: 0.4em;
	padding-top: 3px;
	text-decoration: none;
	vertical-align: middle;
	float: left;
	text-align: center;
	background: #ffffff url(../../images/backgrounds/header_tabs.gif) 0 0 no-repeat;
	color: #fff;
}
#header_tabs a:hover {
	background: #ffffff url(../../images/backgrounds/header_tabs.gif) 0 100% no-repeat;
}

/* weather widget */
#weather {
	float: right;
	margin-top:0px;
	padding-right:10px;
	border:none;
	margin-right:200px;
}

#iframe_weather {
 	frameborder:0;
 	margin:0px;
 	height:40px;
 	width:100px;
 	margin-right:0px;
 	border:solid #eee 1px;
 }


/* publication selector dropdown */
#select_publication {
	position:relative;
	float:right;
	margin-bottom:4px;
	margin-top:-10px;
	left:0px;
}

/*search form header*/

#searchform_header  {

}

#searchform_header #searchfield  {
	background-color:#FFF;
	width:60px;
	padding-left:1em;
}

#searchform_header #searchsubmit {
	padding:0;
}


/* banners */

.banner_right {
	margin-bottom:0.4em;
	float:right;
	margin-top:-90px;
}

.banner {
	padding:0.4em 0;
}
.block .banner {
	text-align: right;
}
.block .banner img,
.block .banner object,
.block .banner div {
	margin-bottom: 0.5em;
}



/* position attributes */
.pos_wide {
	margin: 0 0;
	clear: both;
	/*margin-bottom:1.2em;*/
}
.pos_left {
	float: left;
	clear: left;
	display: inline;
	margin: 0 1em 0.5em 0;
}
.pos_right {
	float: right;
	clear: right;
	display: inline;
	margin: 0 0 0.5em 1em;
}
.recommended .pos_right,
.recommended .pos_left {
	clear: none;
}

/* border attributes */
.border_1-black img,
img.border_1-black {
	border: 1px solid #000;
}
.border_5-grey img,
img.border_5-grey {
	border: 5px solid #e5e6e4;
}

/* wrapper attributes */
.wrapper_220px, /* vertical full */
.wrapper_110px, /* vertical 50% */
.wrapper_55px, /* vertical 25% */
.wrapper_160px, /* horizontal full */
.wrapper_80px, /* horizontal 50% */
.wrapper_40px, /* horizontal 25% */
.wrapper_115px, /* square */
.wrapper_240px, /* vertical main */
.wrapper_full { /* horizontal main */
	color: #666;
}
.wrapper_220px p,
.wrapper_110px p,
.wrapper_55px p,
.wrapper_160px p,
.wrapper_80px p,
.wrapper_40px p,
.wrapper_115px p,
.wrapper_full p,
.wrapper_240px p {
	margin: 0.3em 0 1.3em 0;
	font-size:0.8em;
}
.wrapper_220px span,
.wrapper_110px span,
.wrapper_55px span,
.wrapper_160px span,
.wrapper_80px span,
.wrapper_40px span,
.wrapper_115px span,
.wrapper_full span,
.wrapper_240px span {
	float: right;
	clear: both;
	margin: 0.2em 0;
	font-style: italic;
}
.wrapper_220px {
	width: 222px;
}
.wrapper_110px {
	width: 160px;
}
.wrapper_55px {
	width: 55px;
}
.wrapper_160px {
	width: 162px;
}
.wrapper_80px {
	width: 80px;
}
.wrapper_40px {
	width: 40px;
}
.wrapper_115px {
	width: 40px;
}
.wrapper_240px {
	width: 242px;
}
.wrapper_full {
	width: 468px;
}

/* unit */
.unit {
	margin-bottom: 1em;
}
.unit .date {
	display: block;
	color: #999;
	margin: 0.5em 0 0.1em 0;
}

.unit .author {
	display: block;
	color: #333;
	margin: 0.3em 0 0.5em 0;
}
.unit .category {
	text-transform: uppercase;
	color: #8b3e2a;
}
.unit .ingress {
	font-weight: bold;
}

/* buttons */

.unit .buttons .camera,
.unit .buttons .camera:hover {
	text-decoration: none;
	font: 1em arial;
}

.unit .buttons .camera span {
	background: #598E8A url(../../images/icons/photos.gif) 2px 0 no-repeat;
	color: #fff;
	padding: 0 0.3em;
	white-space: nowrap;
	padding-left: 1.8em;
	padding-right: 0.2em;
	display: inline-block;
	cursor: pointer;
}
.unit .buttons .camera:hover span {
	background: #6FA4A0 url(../../images/icons/photos.gif) 2px 0 no-repeat;
}

.unit .buttons .comments {
	color: #6B6B6B;
	font: 0.9091em arial;
	text-decoration: none;
}
.unit .buttons .comments:hover {
	color: #fff;
}
.unit .buttons .comments span {
	background: url(../../images/icons/comments.png) left no-repeat;
	padding: 0 0.3em;
	padding-left: 1.2em;
	white-space: nowrap;
	display: inline-block;
	cursor: pointer;
}
.unit .buttons .comments:hover span {
	background: #6B6B6B url(../../images/icons/comments.png) left no-repeat;
}
.unit .buttons .video,
.unit .buttons .video:hover {
	text-decoration: none;
	font: 1em arial;
}
.unit .buttons .video span {
	background: #8d3f29 url(../../images/icons/video.gif) 2px 0 no-repeat;
	color: #fff;
	padding: 0 0.3em;
	white-space: nowrap;
	padding-left: 1.8em;
	padding-right: 2.6em;
	display: inline-block;
	cursor: pointer;
}
.unit .buttons .video:hover span {
	background: #FFCA00 url(../../images/icons/video.gif) 2px 0 no-repeat;
}
.unit .buttons .forward,
.unit .buttons .forward:hover {
	text-decoration: none;
	font: 0.9091em arial;
}
.unit .buttons .forward span {
	background: #8b3e2a url(../../images/icons/post.gif) 2px 0 no-repeat;
	color: #fff;
	padding: 0 0.3em;
	white-space: nowrap;
	padding-left: 1.8em;
	display: inline-block;
	cursor: pointer;
}
.unit .buttons .forward:hover span {
	background: #8d3f29 url(../../images/icons/post.gif) 2px 0 no-repeat;
}
.unit .links {
	margin-bottom: 0.5em;
}
.unit .links li {
	color: #999;
	margin: 0.5em 0;
	background: url(../../images/icons/ss_green_bullet.gif) left no-repeat;
	padding-left: 1.3em;
}
.unit .links a {
	color: #4ebb2e;
}

/* highlighted unit */
.highlighted {
	padding: 1em;
}
.highlighted h1,.highlighted h2,
.highlighted h3,.highlighted h4,
.highlighted h5,.highlighted h6 {
	/* text-transform: uppercase; */
}

/* black background for higlighted unit */
.highlight_black {
	background: #000;
	color: #fff;
}
.highlight_black .buttons .comments,
.highlight_black .buttons .comments:hover {
	color: #fff;
}
.highlight_black .buttons .comments span,
.highlight_black .buttons .comments:hover span {
	background: #0d0069 url(../../images/icons/comments.png) left no-repeat;
}
.highlight_black h1,.highlight_black h1 a,.highlight_black h1 a:hover,
.highlight_black h2,.highlight_black h2 a,.highlight_black h2 a:hover,
.highlight_black h3,.highlight_black h3 a,.highlight_black h3 a:hover,
.highlight_black h4,.highlight_black h4 a,.highlight_black h4 a:hover,
.highlight_black h5,.highlight_black h5 a,.highlight_black h5 a:hover,
.highlight_black h6,.highlight_black h6 a,.highlight_black h6 a:hover {
	color: #df7cff;
}
/* pink background for highlighted unit */
.highlight_pink {
	background: #fe6bf0;
	color: #fff;
}
.highlight_pink .buttons .comments,
.highlight_pink .buttons .comments:hover {
	color: #fff;
}
.highlight_pink .buttons .comments span,
.highlight_pink .buttons .comments:hover span {
	background: #0d0069 url(../../images/icons/comments.png) left no-repeat;
}
.highlight_pink h1,.highlight_pink h1 a,.highlight_pink h1 a:hover,
.highlight_pink h2,.highlight_pink h2 a,.highlight_pink h2 a:hover,
.highlight_pink h3,.highlight_pink h3 a,.highlight_pink h3 a:hover,
.highlight_pink h4,.highlight_pink h4 a,.highlight_pink h4 a:hover,
.highlight_pink h5,.highlight_pink h5 a,.highlight_pink h5 a:hover,
.highlight_pink h6,.highlight_pink h6 a,.highlight_pink h6 a:hover {
	color: #090c1f;
}
/* green background for highlighted unit */
.highlight_green {
	background: #b0e801;
}
.highlight_green .buttons .comments,
.highlight_green .buttons .comments:hover {
	color: #fff;
}
.highlight_green .buttons .comments span,
.highlight_green .buttons .comments:hover span {
	background: #0d0069 url(../../images/icons/comments.png) left no-repeat;
}
.highlight_green h1,.highlight_green h1 a,.highlight_green h1 a:hover,
.highlight_green h2,.highlight_green h2 a,.highlight_green h2 a:hover,
.highlight_green h3,.highlight_green h3 a,.highlight_green h3 a:hover,
.highlight_green h4,.highlight_green h4 a,.highlight_green h4 a:hover,
.highlight_green h5,.highlight_green h5 a,.highlight_green h5 a:hover,
.highlight_green h6,.highlight_green h6 a,.highlight_green h6 a:hover {
	color: #090c1f;
}

/* listing table */
.listing {
	width: 100%;
	color: #666666;
}
.listing a {
	text-decoration: none;
	padding-left: 1em;
	background: url(../../images/icons/listing_bullet.gif) no-repeat left;
	font-weight: normal;
	display:block;
}
.listing a:hover {
	text-decoration: underline;
}
.listing tr td {
	padding: 0.1em 0;
	border-bottom: 1px solid #f7f7f7;
}
.listing tr td.dateNoWrap {
	white-space:nowrap;
}

/* newslead */
#newslead {
	background: #c0cb2a url(../../images/icons/lift_arrow_dashed.png) no-repeat right;
	padding-right: 5px;
	font-size: 1.27em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	padding: 0.3em;
}
#newslead img {
	vertical-align: middle;
}
#newslead a {
	padding: 0.3em;
	color: #fff;
}

/* polling uudet 2009 */

.grid .first #polling h5 {
	display:none;
}
.grid .first #polling .question p    {
	font-weight:bold;
	font-size:14px;
}

#prosents {
	display:block;
	padding:0 0.4em;
	vertical-align:bottom;
}

span.pollOptionVoteButton {
	background: #ededed url(../../images/is/backgrounds/vaalit_aanesta_bg.jpg) repeat-x;
	text-align:left;
	overflow:hidden;
	display:block;
	cursor:pointer;
	padding:0.2em 0 0.2em 0.6em;
	height:16px;
}

span.pollOptionVoteButton:hover {
	background: #fff;
}
#prosents span {
	background:none!important;
	float:right;
	position:relative;
	display:table-caption!important;
	padding:0!important;
	top:-2px;
}
#polling .question a, #polling .question span a {
	font: normal 1.00em verdana, arial, helvetica;
	padding-left:1em;
	background: url(../../images/is/backgrounds/grey_bullet.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	text-decoration:none;
}
#polling .question a:hover, #polling .question span a:hover {
	text-decoration:underline;
}

span.pollRelatedArticle {
	display:block;
}

#polling {
	border: 1px solid #e6e6e6;
	background: #f8f8f8;
	margin-bottom: 1em;
	display:block;
	clear:both;
}
#polling .question {
	float: left;
	display: inline;
	padding: 0.5em 1em;
	width:45%;
}
#polling .answer {
	padding: 0;
	float: right;
	display: block;
	width: 45%;
	border-left: 1px solid #e6e6e6;
	text-align:left;
	overflow:hidden;
}
#polling .answer label {
	padding:0.2em;
	width:15em;
	text-align:left;
}
#polling .answer .divider {
	border-bottom: 1px dotted #cccccc;
	margin:2px 0;
	display:block;
}
#polling .answer .divider_color {
	height:6px;
	background:#990000;
}

#polling h5 {
	color: #838383;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
}
.pollClosed {
	font-size:9px;
	color:#999;
	margin-left:0.4em;
}

/* pollin uudet 2009 loppuu */
/* recommended */
.recommended {
	margin-bottom: 1em;
}
.recommended .header {
	padding: 0.6em;
}
.recommended .header p {
	margin: 0;
}
.recommended .rec_content {
	padding: 1em;
	border: none;
}
.recommended img {
	margin-bottom: 0;
	margin-left: 0.5em;
}
.recommended a {
	text-decoration: none;
}
.recommended a:hover {
	color: #fff;
	text-decoration: underline;
}
.recommended ul li {
	background: url(../../images/icons/white_listing_bullet.gif) no-repeat left;
	padding-left: 1em;
}
/* recommended - orange */
.rec_orange {
	color: #fff;
	background: #ff7800;
}
.rec_orange a {
	color: #fff;
}
.rec_orange .header {
	background: #ff5d04;
}
/* recommended - blue */
.rec_blue {
	color: #fff;
	background: #65a2c8;
}
.rec_blue a {
	color: #fff;
}
.rec_blue .header {
	background: #4f8cb2;
}
/* recommended - black */
.rec_black {
	color: #bfe76c;
	background: #040404;
}
.rec_black a,
.rec_black a:hover {
	color: #bfe76c;
}
.rec_black .header {
	background: #95e900;
	color: #040404;
}
.rec_black .header a {
	color: #040404;
}
.rec_black ul li {
	background: url(../../images/icons/green_listing_bullet.gif) no-repeat left;
}

/* icons for headers */
h4.video {
	background: #005FAD url(../../images/icons/video.gif) no-repeat 3px 50%;
	padding-left: 1.8em;
}
h4.podcast {
	background: #005FAD url(../../images/icons/podcast.gif) no-repeat 0 50%;
	padding-left: 1.8em;
}
h4.webcam {
	background: #005FAD url(../../images/icons/webcam.gif) no-repeat 3px 50%;
	padding-left: 1.8em;
}
h4.camera {
	background: #005FAD url(../../images/icons/photos.gif) no-repeat 3px 50%;
	padding-left: 1.8em;
}
h4.comments {
	background: #005FAD url(../../images/icons/comments.png) no-repeat 3px 50%;
	padding-left: 1.8em;
}

/* yeararchive */

#yeararchive {
	width: 99%;
	padding: 1em 1em;
	margin-left:1px;
	background-color:#f7f7f7;
	margin-bottom:8px;

	border:solid #DDD 2px;
}

#yeararchive span {
	text-align:right;
}

#yeararchive table h4 {
	background: none;
	padding: 0;
	color: #000;
	margin-bottom:0.5em;
}
#yeararchive td {
	border-left: 1px dotted #909090;
	padding:0.4em 1em 1em 1em;
	vertical-align:top;
}

/* thumbnails */
.thumbnails {
	text-align: center;
}
.thumbnails img {
	display: inline;
	border: 1px solid black;
	margin: 0.3em;
	padding: 0;
}

/* hockey */
#hockey {
	border: 2px solid black;
}
#hockey .header {
	padding: 1em;
	border-bottom: 2px solid black;
}
#hockey .column {
	margin: 0;
	float: left;
	width: 45%;
	padding: 1em;
}

/* online magazine */
#epaper {
	padding: 1em;
	border:1px solid #ccc;
	margin-bottom: 0.5em;
}
/*etutilaajan edut -loota*/
#profit_box {
	padding: 1em;
	border:1px solid #ccc;
	margin-bottom: 0.5em;
}
#profit_box ul li {
	padding-left: 1.2em;
	padding-bottom: 0.2em;
	background: url(../../images/icons/media_orange_bullet.gif) no-repeat left 3px;
}



/* reviews */
#reviews_tabs .column {
	width: 33%;
	float: right;
}
#reviews_tabs div.first {
	float: left;
	width: 65%;
	margin: 0;
}
#reviews_tabs .review_image {
	width: 220px;
	color: #666;
}
#reviews_tabs .review_image p {
	margin-top: 0.5em;
	margin-bottom: 0;
}
#reviews_tabs .time {
	font: 1.09em arial;
	color: #8b3e2a;
}

/* star rating */
.rating {
	float: right;
}
.rating li {
	float: left;
	display: block;
	width: 13px;
	height: 13px;
	text-decoration: none;
	text-indent: -999em;
	background: url(../../images/icons/stars.gif) no-repeat 0 0;
}
.one_star .star_one {
	background-position: 0 100%;
}
.two_stars .star_one,
.two_stars .star_two {
	background-position: 0 100%;
}
.three_stars .star_one,
.three_stars .star_two,
.three_stars .star_three {
	background-position: 0 100%;
}
.four_stars .star_one, .four_stars .star_two,
.four_stars .star_three, .four_stars .star_four {
	background-position: 0 100%;
}
.five_stars .star_one, .five_stars .star_two, .five_stars .star_three,
.five_stars .star_four,.five_stars .star_five {
	background-position: 0 100%;
}

/* sitemap */
#sitemap {
	background: #f2f2f2;
	padding: 1em 2em;
}
#sitemap a {
	color: #000;
}
#sitemap table {
	width: 100%;
}
#sitemap table h4 {
	background: none;
	padding: 0;
	color: #000;
}
#sitemap table td {
	border-left: 1px dotted #909090;
	padding-left: 1em;
}
#sitemap table td.first {
	border: none;
	padding: 0;
}

/* comments */
div#comments ol {
	background: #f3f5f7;
	padding-left: 4em;
}
div#comments ol li {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 10px;
	font: 2.73em georgia, times, serif;
	color: #cbd2d9;
	background: #fff;
}
div#comments ol li span.author, div#comments ol li p {
	font: 0.37em verdana;
	color: #333;
	margin: 0;
	position: relative;
	top: -1em;
}
div#comments ol li span.author a {
	font-weight: bold;
}
div#comments ol li span.journalist a,
div#comments ol li span.journalist a:hover {
	color: #8b3e2a;
}

div#comments .reply {
	border-top: 2px dotted #6b6b6b;
	border-bottom: 2px dotted #6b6b6b;
	padding: 1em 0;
}
div#comments .reply form fieldset,
div#comments .reply form textarea,
div#comments .reply form label {
	display: block;
}
div#comments form legend {
	font-weight: bold;
	color: #333;
}
div#comments form fieldset {
	border: 1px solid #CBD2D9;
	padding: 0.5em;
}
div#comments form label {
	margin: 0.8em 0;
}
div#comments form textarea {
	margin: 0.3em 0;
}
/* dialog box */
.dialog {
	position: relative;
	margin: 0px auto;
	min-width: 8em;
	max-width: 760px;
	z-index: 1;
	margin-left: 12px;
	margin-bottom: 0.5em;
}
.dialog .dialog_content,
.dialog .dialog_t,
.dialog .dialog_b,
.dialog .dialog_b div {
	background: transparent url(../../images/backgrounds/dialogbox.gif) no-repeat top right;
}
.dialog .dialog_content {
	position: relative;
	padding: 0px 12px 0px 0px;
}
.dialog .dialog_t {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px;
	margin-left: -12px;
	height: 100%;
	background-position: top left;
}
.dialog .dialog_b {
	position: relative;
	width: 100%;
}
.dialog .dialog_b,
.dialog .dialog_b div {
	height: 30px;
	font-size: 1px;
}
.dialog .dialog_b {
	background-position: bottom right;
}
.dialog .dialog_b div {
	position: relative;
	width: 12px;
	margin-left: -12px;
	background-position: bottom left;
}
.dialog .dialog_hd,
.dialog .dialog_bd,
.dialog .dialog_ft {
	position: relative;
}
.dialog .dialog_wrapper {
	position: static;
	max-height: 1000px;
	padding: 2em .5em .5em;
}
.dialog h5 {
	text-transform: uppercase;
	margin-bottom: 1em;
	font-weight: bold;
	font-size:1.5em;
}

/* clearfix */
.unit:after,
.content:after,
#polling:after,
.recommended:after,
.blogteaser:after,
.thumbnails:after,
#hockey:after,
#epaper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.unit,
.content,
#polling,
.recommended,
.blogteaser,
.thumbnails,
#hockey,
#epaper,
#profit_box{zoom:1;}

/*sign in and out*/

#sign_in_out {
	float: right;
	clear: right;
	margin-bottom: 0em;
	white-space:nowrap;
	margin-bottom: 0.2em;
	width:180px;
}

.sign a:hover {
	text-decoration: underline;
}



#sign_in_out a {
	margin: 0.5em 0;
	background: url(../../images/icons/ss_green_bullet.gif) left no-repeat;
	padding-left: 1.3em;
	color: #0D0069;
	text-decoration:underline;
}

#sign_in_out a:hover{
	color: #0D0069;
	text-decoration:none;
	}

/* blog teaser, blogit etusivun teaserloota */

.blogteaser {
	background: url(../../images/bg_1.jpg) bottom repeat-x;
}

.blogteaser h3 {
	font-size:20px;
}

.blogteaser img {
	border:solid #DDD 1px;
}

.blogteaser .header {
	padding: 0.2em;
	/*background:#005fad;*/
}

.blogteaser .rec_content {
	padding: 1em;
	border: none;
}
.blogteaser img {
	margin-bottom: 0;
	margin-left: 0.5em;
}
.blogteaser .header a {
	text-decoration: underline;
	color:#FFF;
	padding-left:0.4em;
}

.blogteaser .header a:hover {
	color: #fff;
	text-decoration: none;
}

/* arena banner start */

#arenabanner {
	border:solid #EEE 1px;
	margin-bottom: 1em;
	background-color:#50c7e4;
	margin-top:1em;
}

#arenabanner div {
	height:26px;
	background: transparent url(../../images/backgrounds/arena_head.jpg) no-repeat top left;
}

#arenalisting {
	border:0;
	margin:4px 0 2px 0;

}

#arenalisting td {
	background: transparent url(../../images/backgrounds/arena_button.gif) no-repeat top right;
	text-align:right;
	padding-bottom:6px;
	width:149px;
	background-color:#50c7e4;
	border-bottom:0;

}

#arenalisting a {
	color: #333;
	font-weight: bold;
	padding-right:60px;
	text-decoration:none;

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

}
#arenafooter {
	width:300px;
	margin:6px 0 0 0;
	border:none;
}
#arenafooter td {
	background: transparent url(../../images/backgrounds/button_background.jpg) no-repeat 0 100%;
	padding:4px 0 4px 0;
}

#arenafooter a {
	text-align:left;
	padding-right:0px;
	padding:6px 0px 4px 18px;
	white-space:nowrap;
	color:#FFF;
	display:inline;
}
#arenafooter a {
	color:#FFF;
}
#arenafooter td:hover {
	background: transparent url(../../images/backgrounds/button_background.jpg) no-repeat 0 30%;
}

/* end arenabanner*/

/* start aspa palautelomake form */

#main #feedback_form {
	width: 95%;
}
#main #feedback_form legend {
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: bold;
	color:#333;
}
#main #feedback_form input {
	width: 50%;
	margin-bottom: .5em;
}
#main #feedback_form textarea {
	width: 100%;
	margin-bottom: .5em;
}
#main #feedback_form button {
	float: right;
	display: inline;
	margin-left: .3em;
	margin-top: 1em;
}
/* end palautelomake form */

.aspa .unit .links li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.aspa .unit .links li a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

/* h4 palkkivärit */

h4.fin_dark{background-color: #285b6e;padding-left: 0.4em;}
h4.fin_mid{background-color: #8b8a7b;padding-left: 0.4em;}
h4.fin_soft{background-color: #c4b99b;padding-left: 0.4em;}
h4.fin_brown{background-color: #c69c4e;padding-left: 0.4em;}
h4.fin_blue{background-color: #8faab8;padding-left: 0.4em;}
h4.fin5_stone{background-color: #a1928c;padding-left: 0.4em;}
h4.fin6_stone{background-color: #bdbdb0;padding-left: 0.4em;}
h4.fin_panel{background-color: #ebe9e9;padding-left: 0.4em;}
h4.HiglightBlue{background-color: #007687;padding-left: 0.4em;}
h4.HiglightBrown{background-color: #8e3f2b;padding-left: 0.4em;}
h4.Kimskilime{background-color: #c0cb2a;padding-left: 0.4em;}
h4.Kimskiorange{background-color: #e48e3b;padding-left: 0.4em;}
h4.Kimskisoftblue{background-color: #317aa5;padding-left: 0.4em;}
h4.Kimskiblue{background-color: #005fad;padding-left: 0.4em;}
h4.Kimskiwinered{background-color: #a2275a;padding-left: 0.4em;}
h4.Sasayellow{background-color: #ffd046;padding-left: 0.4em;}

/* h4 dotted line head */
h4.dotline_top{
border-top: dotted 4px #DDD;
background:#FFF;
font-family:arial;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:0.5em;
padding:0.2em 0.6em;
text-transform:uppercase;
}


/* h4 font color */
.font_fin_dark{color:#285b6e;}
.font_fin_mid{color: #8b8a7b;}
.font_fin_soft{color: #c4b99b;}
.font_fin_brown{color: #c69c4e;}
.font_fin_blue{color: #8faab8;}
.font_fin5_stone{color: #a1928c;}
.font_fin6_stone{color: #bdbdb0;}
.font_fin_panel{color: #ebe9e9;}
.font_HiglightBlue{color: #007687;}
.font_HiglightBrown{color: #8e3f2b;}
.font_Kimskilime{color: #c0cb2a;}
.font_Kimskiorange{color: #e48e3b;}
.font_Kimskisoftblue{color: #317aa5;}
.font_Kimskiblue{color: #005fad;}
.font_Kimskiwinered{color: #a2275a;}
.font_Sasayellow{color: #ffd046;}

/*registration*/

.registration_form table
	{
		width:100%;
	}

.registration_form form
	{
		padding-top:20px;
		margin:0;

	}

.registration_form td
	{
		vertical-align:top;
		padding:6px;
	}

#head:first-letter
	{
		background-color:#FFF;
		font-size:200%;
		font-family: "Copperplate Gothic Bold",
				"Times New Roman", serif;
		color:#900;
		padding:4px;
	}

#head_green:first-letter
	{
		background-color:#FFF;
		font-size:200%;
		font-family: "Copperplate Gothic Bold",
				"Times New Roman", serif;
		color:#093;

		padding:4px;
	}

#head, #head_green
	{
		top:-9px;
		left:-6px;
		position: relative;
		font-size:1.2em;
		font-weight:bold;
		z-index:1;
	}

.fieldset
	{
		top:-20px;
		left:0px;
		position: relative;
	}

.registration_form
	{
		border:1px #eee solid;
		margin-top:12px;
		padding:6px;
	}

.registration_form ul li {
	padding:6px;
	}

.registration_form form ul li {
	padding:6px;
	}

.registration_form h5
	{
		padding-bottom:6px;
		padding-top:2px;
	}
.registration_form .text
	{
		margin-top:12px;
		padding:6px;
	}

.error
	{
	color:#FF0000;
	margin-top:6px;
	}




/* Asiakaspalvelu */

.aspa h1,
.aspa h2,
.aspa h3,
.aspa h5,
.aspa h6 {
	font-weight: normal;
}
.aspa h1 {
	font-size:3.4em;
	margin-bottom:0.4em;
	margin-top:0.4em;
}
.aspa h2 {
	color: #669933;
	font-size:2.8em;
	margin-bottom:0.4em;
	margin-top:0.4em;
}
.aspa h3 {
	font-size:1.8em;
}
.aspa h4 {
	font-weight: bold;
	text-transform: none;
	background-color: #669933;
}
.aspa a {
	color: #669933;
	text-decoration: underline;
}
.aspa a:hover {
	color: #669933;
	text-decoration: none;
}
.aspa #feedback_form {
	width: 90%;
}
.aspa #feedback_form legend {
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: bold;
	color:#333;
}
.aspa #feedback_form input,
.aspa #feedback_form textarea {
	width: 100%;
	margin-bottom: .5em;
}
.aspa #feedback_form button {
	float: right;
	display: inline;
	margin-left: .3em;
	margin-top: 1em;
}
.aspa .unit .links li {
	background: url(../../images/icons/aspa_green_bullet.gif) no-repeat 0 5px;
}
.aspa .unit .links li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.aspa .unit .links li a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

.aspa .unit .navlist {
	margin: 1.5em 0;
}
.aspa .unit .navlist ul li {
	background: none;
}
.aspa .unit .navlist ul li a {
	font-weight: normal;
	text-decoration: none;
}
.aspa .listing th {
	font-weight: bold;
	color: #333;
	background: #cdcdcd;
	padding: .3em .5em;
	border-bottom: 5px solid #fff;
}
.aspa .listing td {
	color: #333;
	background: #efefef;
	padding: .5em;
	border-bottom: 5px solid #fff;
}

/* Mediamyynti */

.media h1,
.media h2,
.media h3,
.media h5,
.media h6 {
	font-weight: normal;
}
.media h2 {
	color: #ee8823;
}
.media h4 {
	font-weight: bold;
	text-transform: none;
	background-color: #ee8823;
}
.media a {
	color: #ee8823;
	text-decoration: underline;
}
.media a:hover {
	color: #ee8823;
	text-decoration: none;
}
.media #feedback_form {
	width: 90%;
}
.media #feedback_form legend {
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: bold;
}
.media #feedback_form input,
.media #feedback_form textarea {
	width: 100%;
	margin-bottom: .5em;
}
.media #feedback_form button {
	float: right;
	display: inline;
	margin-left: .3em;
	margin-top: 1em;
}
.media .unit .links li {
	background: url(../../images/icons/media_orange_bullet.gif) no-repeat 0 5px;
}
.media .unit .links li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.media .unit .links li a:hover {
	text-decoration:underline;
}

.media .unit .navlist {
	margin: 1.5em 0;
}
.media .unit .navlist ul li {
	background: none;
}
.media .unit .navlist ul li a {
	font-weight: normal;
	text-decoration: none;
}

.media .unit .navlist ul li a:hover {
	font-weight: normal;
	text-decoration: underline;
}
.media .listing th {
	font-weight: bold;
	color: #333;
	background: #cdcdcd;
	padding: .3em .5em;
	border-bottom: 5px solid #fff;
}
.media .listing td {
	color: #333;
	background: #efefef;
	padding: .5em;
	border-bottom: 5px solid #fff;
}
/* article end link buttons*/
#send_link {
	margin-top:0;
	margin-bottom:0.2em;
	padding:0;
	color:#999;
}
#send_link span {
	border: solid #eee 1px;
	padding:4px;
	margin-right:4px;
	margin-top:0.4em;
	background:#fff url(../../images/ss/backgrounds/breadcrumb_grad2.jpg);
	display:inline-block;
}

#send_link .forward {
	background: url(../../images/icons/email.png) 2px 0 no-repeat;
	padding: 0 0.3em;
	white-space: nowrap;
	padding-left: 2em;
	display: inline-block;
	cursor: pointer;
}

/* pelilistaus pelit-etusivulla */

#column_games p {
	font:1.2em verdana,helvetica,clean,sans-serif;
}

#column_games a {
	padding-left:1.2em;
	font-weight:bold;
	background: url(../../images/green_bullet.gif)-2px no-repeat;
}

#column_games a:hover {
	color:#333;
}

/* end page.css */

/* start slideshow.css */

/* Flash CSS Document */x	x

#outer input{	font: 0.8em Verdana, Arial, Helvetica, sans-serif;	}
/* clear without structural mark-up*/
.clearfix:after {
	    content:".";
	    display:block;
	    height:0;
	    clear:both;
	    visibility:hidden;
}
.clearfix {
    display: block;
    padding: 2px;
    float: wright;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate above clearfix styles */

#outer{
	width:475px;
	position:relative;

}

#left{
	float:left;
	width:475px; /*paddingia kehykselle oikealle tällä*/
	margin-left:0px;
	display:inline;/* IE double margin bug*/
	border: 0px solid #000; /*koko härvelin kehys*/
	}
#right{
	float:right;
	width:100px;
	margin-right:0px;
	display:inline;/* IE double margin bug*/
}
/* ................ flashgallery styles ......................*/
/* fg = flashgallery to help identify styles */
.flashgallery{
	width:475px;/*always give a width where possible to cure ie's "layout" problems*/
	background:#FFF; /*painikkeiden taustaväri*/
	margin-bottom:0px;
}
.mooshow_loading {
	position:absolute;
	top:150px;
	left:225px;
	display:none;
	}
/* topleft and topright hold the image number navigation system and are repeated exactly the same at the bottom also. They are just floated right and left respectively. */
/* the widths on the numbers are in ems so text can be resized*/
/* nothing special here although dimensions etc are quite critical */
.fg-topleft{
	float:left;
	background:#FFF; /* kuvalistan taustaväri*/
	width:400px;
	border:0px solid #ddd;
}
#outer .fg-topleft ul{
	margin:0;
	list-style:none;
	/*width:288px;*/
	padding: 0;
}
.fg-topleft li{
	float:left;
	width:1.66em;
	/*line-height:1.6em;*/
	text-align:center;
	margin:4px;
	padding:2px;
	border: solid #DDD 1px;
	font-size:0.8em; /*kuvalistojen fonttikoko*/
	font-weight:bold;
	display:inline;/* ie double margin bug*/
}
/* numbers 1 - 32 etc */
.fg-topleft li a{
	float:left;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#000!important;
	font-weight:bold;
	background:#fff;
}
/* now set currently selected item by adding a class in the appropriate list*/
.fg-topleft li.fg-current {background:#666!important;color:#eee!important;cursor:default; border: solid #EEE 1px;}
.fg-topleft li a:hover{background:#FFF;text-decoration: none; border: solid #EEE 0px;}
.fg-topleft li a:visited {color:#999}

/* topright is the section that holds the Forridge naeste and slideshow links */
/* nothing special here except the span is part of the link and holds the left and right arrows as a background image. The rest of the code just lines the elements up accordingly*/
.fg-topright{
	float:right;
	position:relative;
	width:60px;
	height:20px;
}

#autogallery {
	width:20px;
	height:20px;
	background-color:#EEE;
	border: solid #000 1px;

}

#gallery_seuraava {
	width:20px;
	height:20px;
	border: solid #DDD 0px;
}

#gallery_edellinen {
	width:20px;
	height:20px;
	border: solid #DDD 0px;
}

.fg-left {
	float:left;
	padding-right:10px;

}

.fg-right {

}

.fg-left a {
	background: #FFF url(../../images/ksml/backgrounds/nuoli_edellinen.jpg) 0 0 no-repeat;
	}

.fg-left a:hover {
	background: #FFF url(../../images/ksml/backgrounds/nuoli_edellinen.jpg) 0 94% no-repeat;
	}

.fg-right a {
	background: #FFF url(../../images/ksml/backgrounds/nuoli_eteen.jpg) 0 0 no-repeat;
	}

.fg-right a:hover {
	background: #FFF url(../../images/ksml/backgrounds/nuoli_eteen.jpg) 0 94% no-repeat;
	}

.fg-topright li a{
	text-decoration:none;
	float:left;
	height:20px;
	width:40px;
}


.fg-mainpic{
	clear:both;
	width:475px;
	text-align:center;
}

#myShow_image {
	border:1px solid #333;
}
/* centre image so any image size can automatically be catered for */
.fg-mainpic img{display:block;margin:auto}

/* caption section under large image */
.fg-caption {
	width:459px;
	border-bottom:1px solid #fff;
	padding:8px 8px 10px;
	color:#333;
}
.fg-caption h3 {
	float:left;
	color:#333;
	font-size:80%;
	margin:0 0 10px;
}
.fg-caption h4 {
	color:#686868;
	float:right;
	width:160px;
	font-weight:normal;
	margin:0 0 10px;
	font-size:75%;
}
/* add blue arrow to nested anchor*/
.fg-caption p.arrow{
	clear:both;
	width:100%;
	font: 11px/18px Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
}
.fg-caption p.arrow a{
	background:url(/img/jp/assets/ico/ico_lnk_art.gif) no-repeat 1px 3px;
	display:block;
	padding-left:15px;
}

/* end gallery styles */

/* end slideshow.css */

.dotDivider {
	height:1px;
	background:url(../../images/backgrounds/dot_divider.png);
	background-repeat:repeat-x;
}

/* navigation */

/* navigationLevel 1 */
#navigation #navLevel-1 {
	width: 100%;
	overflow: hidden;
	background: url(../../images/is/backgrounds/bgNavLevel-1.png);

}
#navigation #navLevel-1 li {
	float: left;
	padding: 0.5em 0em;
	font-size:1.2em;
	border-left:solid #2487c0 1px;
	border-right:solid #3c667f 1px;

}
#navigation #navLevel-1 li a {
	color: #eee;
	text-transform:uppercase;
	text-decoration: none;
	padding: 0.6em 0.8em;
	background: url(../../images/is/backgrounds/bgNavLevel-1.png);
	background-position:0 0px;
}
#navigation #navLevel-1 li a:hover {
	text-decoration: underline;
	color: #eee;
	padding: 0.6em 0.8em;
	background: url(../../images/is/backgrounds/bgNavLevel-1.png);
	background-position:0 -10px;
}
#navigation #navLevel-1 li.current {

}
#navigation #navLevel-1 li.current a {
	color: #eee;
	background: url(../../images/is/backgrounds/bgNavLevel-2.png);
	background-position:0 0;

}

/* navigation Level 2 */
#navigation #navLevel-2 {
	width: 100%;
	overflow: hidden;
	background: url(../../images/is/backgrounds/bgNavLevel-2.png);
	background-position:0 -27px;
}
#navigation #navLevel-2 li {
	float: left;
	color: #fff;
}
#navigation #navLevel-2 li a {
	color: #fff;
	float: left;
	padding: 0.6em 0.6em;
	text-decoration: none;
	background: url(../../images/is/backgrounds/secondarynav_divider.gif) right no-repeat;
}
#navigation #navLevel-2 li a:hover {
	text-decoration: underline;
	background: url(../../images/is/backgrounds/bgNavLevel-2.png);
	background-position:0 -10px;
}
#navigation #navLevel-2 li.current {
	font-weight: bold;
	background: url(../../images/is/icons/secondarynav_indicator.gif) bottom no-repeat;
}


/* navigation Level 3 */
#navigation #navLevel-3 {
	width: 100%;
	position:relative;
	overflow: hidden;
	border-bottom: 0px solid #cccccc;
	margin-top:0.4em;
}
#navigation #navLevel-3 li {
	float: left;
	padding: 0.2em 0.6em;
}
#navigation #navLevel-3 li a {
	color: #666;
	text-decoration:none;
}
#navigation #navLevel-3 li.current {
}

#navigation {
	clear: both;
}

/* teasereiden väliin pistelija */
.dotDivider {
	margin-top:12px;
	height:1px;
	background:url(../../images/is/backgrounds/dot_divider.png);
	background-repeat:repeat-x;
}

/* bannerit alkaa */

.mainColumnBanner a,
.mainColumnBanner2 a,
.mainColumnBanner3 a,
.mainColumnBanner4 a,
.mainColumnBanner5 a,
.mainColumnBanner6 a,
.mainColumnBanner7 a,
.mainColumnBanner8 a,
.mainColumnBanner div,
.mainColumnBanner2 div,
.mainColumnBanner3 div,
.mainColumnBanner4 div,
.mainColumnBanner5 div,
.mainColumnBanner6 div,
.mainColumnBanner7 div,
.mainColumnBanner8 div,
.rightColumnBanner a,
.mainColumnBanner object,
.mainColumnBanner2 object,
.mainColumnBanner3 object,
.rightColumnBanner object,
.rightColumnBanner2 object,
.rightColumnBanner3 object,
.rightColumnBanner4 object,
.rightColumnBanner5 object,
.rightColumnBanner6 object,
.rightColumnBanner7 object,
.rightColumnBanner8 object,
.rightColumnBanner div,
.rightColumnBanner2 div,
.rightColumnBanner3 div,
.rightColumnBanner4 div,
.rightColumnBanner5 div,
.rightColumnBanner6 div,
.rightColumnBanner7 div,
.rightColumnBanner8 div {
	padding-top:10px;
	display:block!important;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:dotted #999 1px;
}
.mainColumnBanner,
.mainColumnBanner2,
.mainColumnBanner3,
.mainColumnBanner4,
.mainColumnBanner5,
.mainColumnBanner6,
.mainColumnBanner7,
.mainColumnBanner8,
.rightColumnBanner,
.rightColumnBanner2,
.rightColumnBanner3,
.rightColumnBanner4,
.rightColumnBanner5,
.rightColumnBanner6,
.rightColumnBanner7,
.rightColumnBanner8{
	display:block;
	background: url(../../images/ss/backgrounds/add.gif) no-repeat 0 0;
	}
.topBanner {
	float:left;
	margin:0.6em 0.4em 0.6em 0em;
	display:inline-block;
}
/* headerin oikea yläkulma */
.banner_right {
	margin:0.6em 0em 0.6em 0;
	display:inline-block;
	width:260px;
	float:right;
}
/* banneripalstan bannerit */
.rightBanner {
	margin-bottom:0.6em;
}

/* bannerit loppuu */