/* 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;}
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: #005FAD;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 */
/* 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;
}
#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;
}
.wide {
	width:780px!important;
}
.rightColumn {
	width: 300px;
}
.column, .column_video {
	float: left;
	margin-left: 1%;
}
.grid .column,
.column .grid .column {
}
.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*/

/*forum*/


#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/wl/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/wl/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/wl/icons/listing_bullet.gif) no-repeat left top;
}

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

/*end forum*/

/* 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/wl/backgrounds/primarynav_divider_wl.gif) right no-repeat;
	text-transform: uppercase;
}
#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: #009ad4;
}
#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: #009ad4;
}
#navigation #nav_level-2 li {
	float: left;
	color: #fff;
}
#navigation #nav_level-2 li a {
	color: #fff;
	float: left;
	padding: 0.6em;
	text-decoration: none;
	background: url(../../images/wl/backgrounds/secondarynav_divider_wl.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/wl/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/wl/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 {

}

body {
	background: url(../../images/wl/backgrounds/body.png);
}
#main ol {
	list-style: decimal inside;
}
#main ol li {
	margin-bottom: 1em;
}

#footer {
	text-align:left;
}

/*search form header*/

#searchform_header  {
	white-space: nowrap;
}
#searchform_header #searchfield {
	width:80px;
}
#searchform_header #searchsubmit{
	width:30px;
}

/* logo */
#logo {
	float: left;
	display: inline;
	padding: 2em 1em;
	width:468px;
}
#logo a {
	text-decoration: none;
}

/*  tabs */
#header_tabs {
	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/wl/backgrounds/header_tabs.gif) 0 0 no-repeat;
	color: #fff;
}
#header_tabs a:hover {
	background: #ffffff url(../../images/wl/backgrounds/header_tabs.gif) 0 100% no-repeat;
}

/* weather widget */
#weather {
	position:relative;
	top:10px;
	width:100px;
	display:inline;
}

#weather #iframe_weather {

	width:100px;
	height:40px;
}

#select_publication {
	float: right;
	clear: right;
	width:180px;
	text-align:right;
	margin-bottom:4px;
}

#select_publication input {
	width:40px;
	margin-right:0;
	padding-right:0;
}



/*sign in and out*/

#sign_in_out {
	float: right;
	clear: right;
	position:relative;
	white-space:nowrap;
	padding-bottom:4px;
}

#sign_in_out tr td {
	padding:0px 6px;
	background:transparent url(../../images/wl/backgrounds/secondarynav_divider.gif) no-repeat scroll left center;
	padding-left:0.8em;
}

#sign_in_out a {
	color: #999;
	text-decoration:underline;
	white-space: nowrap;
}

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

#sign_in_out li {
	display:inline;
}
#sign_in_out li a {
	border-left:dotted #999 1px;
	padding-left:4px;
}

<!----------------------------------------------------------->


/* banners */

.column .banner {
	margin-top:0.2em;
	margin-bottom:0.8em;
	border-bottom: dotted #999 1px;
}
#rightBanners .banner {
	margin-bottom:0.4em;
}

.column .banner td {
	margin: 0em 0;
	padding: 0em;
	padding-top:9px;
	background: #FFF;
	text-align: center;
	background: url(../../images/add.gif) no-repeat 0 0;
	height:0px;
}

/* banners end */

/* position attributes */
.pos_wide {
	/*margin: 1em 0;*/
	clear: both;
}
.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;
}
.column_image {
	margin-bottom: 1em;
}

/* 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: 57px;
}
/*added image border +2px*/
.wrapper_160px {
	width: 162px;
}
.wrapper_80px {
	width: 82px;
}
.wrapper_40px {
	width: 42px;
}
.wrapper_115px {
	width: 40px;
}
.wrapper_240px {
	width: 242px;
}

.wrapper_300px {
	width: 302px;
}

/* unit */
.unit {
	margin-bottom: 1em;
}
.unit .date {
	display: inline-block;
	color: #999;
	margin: 0.5em 0 0.1em 0;
}
.unit .lastModified strong{
	font-weight:normal;
}
.unit .author {
	display: block;
	color: #333;
	margin: 0.3em 0 0.5em 0;
}
.unit .category {
	text-transform: uppercase;
	color: #6ab800;
}
.unit .ingress {
	font-weight: bold;
}

/* Asiakaspalvelu */

.aspa h1,
.aspa h2,
.aspa h3,
.aspa h5,
.aspa h6 {
	font-weight: normal;
}
.aspa h2 {
	color: #669933;
}
.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/wl/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;
}
.aspa .right {
	float:right;
	width:400px;
}

/* 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/wl/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;
}

/* buttons */
.unit .buttons .comments {
	color: #8e9dad;
	font: 0.9091em arial;
	text-decoration: none;
}
.unit .buttons .comments:hover {
	color: #fff;
}
.unit .buttons .comments span {
	background: #fff url(../../images/wl/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: #8b9dae url(../../images/wl/icons/comments.png) left no-repeat;
}



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

.unit .buttons .camera span {
	background: #598E8A url(../../images/wl/icons/photos.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 .camera:hover span {
	background: #6FA4A0 url(../../images/wl/icons/photos.gif) 2px 0 no-repeat;
}

.unit .buttons .video,
.unit .buttons .video:hover {
	text-decoration: none;
	font: 0.9091em arial;
}
.unit .buttons .video span {
	background: #ff5d04 url(../../images/wl/icons/video.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 .video:hover span {
	background: #6ab800 url(../../images/wl/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: #6ab800 url(../../images/wl/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: #ff5d04 url(../../images/wl/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/wl/icons/green_bullet.gif) left no-repeat;
	padding-left: 1.3em;
}

/* 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/wl/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;
}

/* listing table */
.listing {
	width: 100%;
	color: #666666;
}
.listing a {
	text-decoration: none;
	padding-left: 1em;
	background: url(../../images/wl/icons/listing_bullet.gif) no-repeat top left;
}
.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;
}

/* yeararchive */

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

#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;
}


/* newslead */
#newslead {
	background: #0D0069 url(../../images/wl/icons/lift_arrow.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;
	background:#0D0069;
}

/* 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/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/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;
	width:100%;
}
.recommended .header {
	padding: 0.6em;
}
.recommended .header p {
	margin: 0;
}
.recommended .header h1,
.recommended .header h2,
.recommended .header h3,
.recommended .header h4,
.recommended .header h5,
.recommended .header h6 {
	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 {
	text-decoration: underline;
}
.recommended ul li {
	background: url(../../images/wl/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 - grey */
.rec_grey {
	color: #FFF;
	background: #e0e0e0;
}
.rec_grey a {
	color: #FFF;
}
.rec_grey a:hover {
	color: #FFF;
}
.rec_grey .header {
	color: #fff;
	background: #555;
}

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

h4.tech {
	background-color: #4F8CB2;
	padding-left: 0.2em;
}

h4.mocca {
	background-color: #957959;
	padding-left: 0.2em;
}

h4.demi {
	background-color: #FC32BA;
	padding-left: 0.2em;
}

h4.violet {
	background-color: #7875BE;
	padding-left: 0.2em;
}

h4.jade{
	background-color: #598E8A;
	padding-left: 0.2em;
}

h4.dark_lime {
	background-color: #759036;
	padding-left: 0.2em;
}

h4.charcoal {
	background-color: #7E7E7E;
	padding-left: 0.2em;
}

h4.steel {
	background-color: #728191;
	padding-left: 0.2em;
}

h4.hippie {
	background-color: #E35D18;
	padding-left: 0.2em;
}

h4.white {
	background-color: #FFF;
	color:#7E7E7E;
	border-top: dotted 2px #DDD;
	padding-left: 0.2em;
	margin-bottom:6px;
}

h4.kiekko_jyp {
	font-size:1.6em;
	color:#ccc;
	border-top: dotted 1px #CCC;
	border-bottom: dotted 1px #CCC;
	padding-left: 0.2em;
	background: url(../../images/wl/backgrounds/uutisetjyp.jpg) no-repeat 100% 10%;
	margin-bottom:6px;
}

h4.kiekko_smliiga {
	font-size:1.6em;
	color:#ccc;
	border-top: dotted 1px #CCC;
	border-bottom: dotted 1px #CCC;
	padding-left: 0.2em;
	background: url(../../images/wl/backgrounds/uutisetsmliiga.jpg) no-repeat 100% 35%;
	margin-bottom:6px;

}

h4.kiekko_nhl {
	font-size:1.6em;
	color:#ccc;
	border-top: dotted 1px #CCC;
	border-bottom: dotted 1px #CCC;
	padding-left: 0.2em;
	background: url(../../images/wl/backgrounds/uutisetnhl.jpg) no-repeat 100% 50%;
	margin-bottom:6px;

}

h4.kiekko_maajoukkue {
	font-size:1.6em;
	color:#ccc;
	border-top: dotted 1px #CCC;
	border-bottom: dotted 1px #CCC;
	padding-left: 0.2em;
	background: url(../../images/wl/backgrounds/uutisetmaajoukkue.jpg) no-repeat 100% 35%;
	margin-bottom:6px;

}

h4.kiekko_muutsarjat {
	font-size:1.6em;
	color:#ccc;
	border-top: dotted 1px #CCC;
	border-bottom: dotted 1px #CCC;
	padding-left: 0.2em;
	background: url(../../images/wl/backgrounds/uutisetkansainvalinen.jpg) no-repeat 100% 50%;
	margin-bottom:6px;
}

h4.kiekko_kulmala, h4.kiekko_heikkila, h4.kiekko_karki {
	font-size:1.2em;
	color:#333;
	border: dotted 1px #CCC;
	padding-left: 0.2em;
	height:80px;
	padding-top:0;
}

h4.kiekko_kulmala {

	background: url(../../images/wl/backgrounds/IlkkaKulmala.jpg) no-repeat right top;
}

h4.kiekko_karki {

	background: url(../../images/wl/backgrounds/heikkikarki.jpg) no-repeat right top;
}

h4.kiekko_heikkila {

	background: url(../../images/wl/backgrounds/tuomasheikkila.jpg) no-repeat right 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;
}

/* 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: #6ab800;
}

/* star rating */
.rating {
	float: right;
}
.rating li {
	float: left;
	display: block;
	width: 13px;
	height: 13px;
	text-decoration: none;
	text-indent: -999em;
	background: url(../../images/wl/icons/stars.png) 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 1em;
}
#sitemap table {
	width: 100%;
}
#sitemap table h4 {
	background: none;
	padding: 0;
	color: #000;
	margin-bottom:0.5em;
}
#sitemap table td {
	border-left: 1px dotted #909090;
	padding-left: 0.4em;
	vertical-align:top;
}
#sitemap table td.first {
	border: none;
	padding: 0;
	vertical-align:top;
}

/* 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: #6ab800;
}
div#comments .reply {
	border-top: 2px dotted #8B9DAE;
	border-bottom: 2px dotted #8B9DAE;
	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/wl/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;
}

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


/*image popup start*/

#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;
	}

/*image popup end*/

/*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;
	}


/* arena banner start */

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

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

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

}

#arenalisting td {
	background: transparent url(../../images/wl/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/wl/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/wl/backgrounds/button_background.jpg) no-repeat 0 30%;
}

/* end arenabanner*/

/* start 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 */

/*pelaajakortti*/

#pelaajakortti {
	border: solid #DDD 5px;
	width:468px;
	margin-left:4px;
	margin-bottom:8px;
}

#pelaajakortti p {
	margin-bottom:0;
	}

#pelaajakortti td {
	padding:2px 8px;
	border:dotted #FFF 1px;
	background-color:#EEE;
	text-align:right;
}

/* hockey video linkbox */


#videolink {
	text-align:left;
	padding:4px;
	border:solid #eee 1px;
	width:460px;
	margin-bottom:8px;
}
#videolink h3 {
	background-color:#EEE;
	padding-bottom:0;
	padding-left:4px;
	margin-bottom:4px;
}

#videolink td {
	width:200px;
}

#videolink a {
	color:#333;
	padding-left:1.6em;
	background: transparent url(../../images/wl/icons/hockey_bullet.gif) no-repeat 0 60%;
	font-size:1em;
	font-weight:normal;
	display:block;
}
#videolink p {
	color:#333;
	padding-left:1.6em;
	background: transparent url(../../images/wl/icons/hockey_bullet.gif) no-repeat 0 60%;
	font-size:1em;
	font-weight:bold;
	display:block;
	margin-bottom:0;
	padding-bottom:0;
}

/* 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/wl/backgrounds/breadcrumb_grad2.jpg);
	display:inline-block;
}

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

/* bodyteksti linkkinä teasereissa alkaa */
#bodytexturl {
	text-decoration:none;
	color:#333;
}

#bodytexturl:hover {
	color:#666;
}

#bodytexturl_white {
	text-decoration:none;
	color:#FFF;
}

#bodytexturl_white:hover {
	color:#eee;
}

/* bodyteksti linkkinä teasereissa loppuu */

/* 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;}



/* 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/wl/backgrounds/nuoli_edellinen.jpg) 0 0 no-repeat;
	}

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

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

.fg-right a:hover {
	background: #FFF url(../../images/wl/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 */

/* navigation - level 1 */
#navigation {
	border-top:solid #eee 1px;
	overflow: hidden;
	background: url(../../images/wl/backgrounds/bgNavLevel-1.png);
}

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

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

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

}

/* navigation - level 2 */
#navigation #navLevel-2 {
	width: 100%;
	overflow: hidden;
	background: url(../../images/wl/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/wl/backgrounds/secondarynav_divider_wl.gif) right no-repeat;
}
#navigation #navLevel-2 li a:hover {
	text-decoration: underline;
}
#navigation #navLevel-2 li.current {
	font-weight: bold;
	background: url(../../images/wl/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 {
}

/* bannerit alkaa */

.mainColumnBanner a,
.mainColumnBanner2 a,
.mainColumnBanner3 a,
.mainColumnBanner4 a,
.mainColumnBanner5 a,
.mainColumnBanner6 a,
.mainColumnBanner7 a,
.mainColumnBanner8 a,
.rightColumnBanner a,
.mainColumnBanner object,
.mainColumnBanner2 object,
.mainColumnBanner3 object,
.rightColumnBanner object,
.rightColumnBanner2 object,
.rightColumnBanner3 object,
.rightColumnBanner4 object,
.rightColumnBanner5 object,
.rightColumnBanner6 object,
.rightColumnBanner7 object,
.rightColumnBanner8 object {
	padding-top:10px;
	display:block!important;
	margin-bottom:1em;
}
.mainColumnBanner,
.mainColumnBanner2,
.mainColumnBanner3,
.mainColumnBanner4,
.mainColumnBanner5,
.mainColumnBanner6,
.mainColumnBanner7,
.mainColumnBanner8,
.rightColumnBanner,
.rightColumnBanner2,
.rightColumnBanner3,
.rightColumnBanner4,
.rightColumnBanner5,
.rightColumnBanner6,
.rightColumnBanner7,
.rightColumnBanner8{
	display:block;
	background: url(../../images/wl/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 {

}
/* banneripalstan bannerit */
.rightBanner {
	margin-bottom:0.6em;
}

/* bannerit loppuu */