/* 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 6em 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;
}
#main .block {
	position: static;
}
#main {
	width: 100%;
	float: left;
	margin-right: -25em;
}
.block {
	float: right;
	width: 12.7273em; /* 140px */
}
#main .block {
	margin-right: 13.6363em; /* 150px */
	float: none;
	width: auto;
	border: 5px solid #e5e6e4;
	background: #fff;
	padding: 0 1.8em 1em 1.8em;
}
#header {
	margin-bottom: 1em;
}
#footer {
	clear: left;
	padding: 0.4em 1em;
}

#footer p {

	padding:0.2em;
	margin:0;
}

/*
.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-h 2/3 - 1/3
.grid-i 1/3 - 2/3
.grid .column .grid
*/
.column, .column_video {
	float: left;
	margin-left: 1%;
}

.grid .column,
.column .grid .column {
	width: 38%;
}
.grid div.first,
.column .grid div.first {
	width: 60%;
	overflow:hidden;
}

.grid .column_video {
	width: 29%;
}
.grid div.first_video {
	width: 66%;
	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: 32%    /* Ei toimi IE7:lla */
}
.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,
.grid-h:after,
.grid-i:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#content,
.grid,
.grid-b,
.grid-c,
.grid-d,
.grid-e,
.grid-f,
.grid-g,
.grid-h,
.grid-i{zoom:1;}

/* generic */
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
.hide {
	display: none;
}
/* 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*/

/* 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/backgrounds/primarynav_divider.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: #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 a {
	color: #fff;
	float: left;
	padding: 0.6em;
	text-decoration: none;
	background: url(../../images/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/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/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/backgrounds/body.png);
}
#main ol {
	list-style: decimal inside;
}
#main ol li {
	margin-bottom: 1em;
}

#footer {
	text-align:left;
}


/* banners */

.banner_right {
	margin-bottom:0.4em;
	float:right;
	margin-top:-97px;
}

.banner {
	padding:0.4em 0pt
}
.block .banner {
	text-align: right;
}
.block .banner img,
.block .banner object,
.block .banner div {
	margin-bottom: 0.5em;
}
#main .block .banner {
	margin: 0.8em 0;
	padding: 1em;
	background: #efefef;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
}
#main .block .column .banner {
	border: none;
	margin: 0.5em 0;
	padding: 0;
	background: none;
}

/* 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;
}
.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;
	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;
}
.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: #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/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: #FFF;
	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;
}

/* buttons */

.unit .buttons {
	display: block;
	clear:both;
}

.unit .buttons .comments {
	color: #8e9dad;
	font: 0.9091em verdana;
	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: #8b9dae url(../../images/icons/comments.png) left no-repeat;
}

.unit .buttons .camera {
	text-decoration: none;
	font: 1em verdana;
	line-height:1.3em;
}

.unit .buttons .camera:hover {
	text-decoration: underline;
	font: 1em verdana;
	line-height:1.3em;
}

.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 .video {
	text-decoration: none;
	font: 1em verdana;
	line-height:1.3em;

}
.unit .buttons .video:hover {
	text-decoration: underline;
	font: 1em verdana
	line-height:1.3em;
}
.unit .buttons .video span {
	background: #ff5d04 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;
	margin-bottom:1px;
}
.unit .buttons .video:hover span {
	background: #F6ab800 url(../../images/icons/video.gif) 2px 0 no-repeat;
	padding-left: 1.8em;
}
.unit .buttons .forward,
.unit .buttons .forward:hover {
	text-decoration: none;
	font: 1em verdana;
	margin:2px;
}
.unit .buttons .forward span {
	background: #6ab800 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: #ff5d04 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/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/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/icons/listing_bullet.gif) no-repeat top left;
	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;
}

/* 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/icons/lift_arrow_dashed.gif) 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 start */
#polling {
	border: 1px solid #e6e6e6;
	background: #f8f8f8;
	margin-bottom: 0.5em;
}
#polling .question {
	float: left;
	display: inline;
	padding: 0.5em 1em;
	width:45%;
}
#polling .answer {
	padding: 0.4em 0;
	float: right;
	display: block;
	background: #ededed url(../../images/backgrounds/polling_answer.gif) repeat-x;
	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 #prosents{
	padding:0.2em;
	width:14.6em;
	text-align:left;
}
#polling .answer #prosents span{
	color:#999;
}

#polling .answer .divider {
	border-bottom: 1px dotted #cccccc;
	margin:2px 0;
}
#polling .answer .divider_color {
	height:4px;
	background:#990000;
}

#polling h5 {
	color: #838383;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
}
/* polling end */

/* 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/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/icons/video.gif) no-repeat 3px 50%;
	padding-left: 1.8em;
}
h4.podcast {
	background: #8b9dae url(../../images/icons/podcast.gif) no-repeat 0 50%;
	padding-left: 1.8em;
}
h4.webcam {
	background: #8b9dae url(../../images/icons/webcam.gif) no-repeat 3px 50%;
	padding-left: 1.8em;
}
h4.camera {
	background: #8b9dae url(../../images/icons/camera.gif) no-repeat 3px 50%;
	padding-left: 1.8em;
}
h4.comments {
	background: #8b9dae url(../../images/icons/comments.png) no-repeat 3px 50%;
	padding-left: 1.8em;
}
h4.feedback {
	background-image: url(../../images/icons/feedback.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 1.8em;
}
h4.column {
	background: #8b9dae url(../../images/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/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/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/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/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/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/backgrounds/IlkkaKulmala.jpg) no-repeat right top;
}

h4.kiekko_karki {

	background: url(../../images/backgrounds/heikkikarki.jpg) no-repeat right top;
}

h4.kiekko_heikkila {

	background: url(../../images/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/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/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 #999 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/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 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/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/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 {
	margin-right:1em;
}

#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;
}

/* 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 */

/* varjovaalit siirretty escenic.css:n */

/* customerService start */

.baseMenu {
	font-size:14px;
}

.baseMenu li {

}

.baseMenu li a {
	text-decoration:none;
}

.adminMenu {
}

.adminMenu a {
	text-decoration:none;
	font-size:14px;
	margin-right:5px;
}

.adminMenu a.current {
	font-weight:bold;
}

.wideTable {
	margin-top:20px;
}

.wideTable th {
	background-color: #cdcdcd !important;
}

.tdTitle {
	font-weight:bold;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

.tdData {
	padding-bottom:3px;
	padding-top:3px;
	padding-right:5px;
	padding-left:5px;
}

.tdData a {
	text-decoration:none;
}

a.button, a.btn{
	margin-right:5px;
	border:1px solid gray;
	text-decoration:none;
	color:white;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	background-color:lightGray !important;
	cursor:pointer;
}

a.button:hover, a.btn:hover {
	color:white;
}

.tdLight {
	background-color:#FAFAFA !important;
}

.tdDark {
	background-color:#EFEFEF !important;
}

.uncompletedPurchase {
	color:rgb(255,100,0);
}

.uncompletedPurchase a {
	color:rgb(255,0,0);
}

.tuotteet {
	border:1px solid grey;
}
/* customerService end */

/* forum start */

/*forum*/

#rec_forum .unit {
	margin:0;
	padding:0;
	padding-bottom:12px;
	background: url(../../images/backgrounds/bg_shadow_full.jpg) no-repeat 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/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/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/icons/listing_bullet.gif) no-repeat left top;
}

.message tr td.message_nimimerkkibox {
	width:120px;
	background-color:#EEE;
	vertical-align:top;
}

/*end forum*/


