* {
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img { border: 0; }
body {
/*	background: url(/img/bg.jpg) scroll repeat-x 0 175px;*/
	background-color: #fff;
	margin: 0; padding: 0;
	width:100%;
	height:100%;
}
body.basic { background:#fff; padding-top:20px; }
body.basic #left { width:0 !important; }
body.basic #sisalto { padding:0; width:640px !important; }

#wrapper {
  margin:0 auto!important;
  width:1006px!important;
  }

#runko-top {
	background: url(/img/content_bg_top.png) no-repeat;
	width:845px;
	height: 10px;
	overflow: hidden;
}

#runko {
	background: url(/img/content_bg.png) scroll repeat-y;
	width:829px;
	padding: 0 8px;
	float: left;
}

#sisalto {
	clear: both;
}

a, a:visited { color: #d92a52; text-decoration: none; }
a:hover { color: #d92a52; text-decoration: underline; }
 
 /* fC = floatContainer, uses EasyClearing */
.fC:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.fC { display: inline-block; }
/* Start hide from IE/Mac */
/*\*/
.fC { display: block; }
/* End hide from IE/Mac */

.clear {
  clear:both;
}

.fl { float: left; } .fr { float: right; }

.absmiddle { margin-bottom:2px; margin-right: 6px; vertical-align:middle; }

.ajaxLoader {background:url(/img/mn-ajax-loader.gif) no-repeat top left; height:16px; width:16px; position:absolute; display:none;}

/* banners */
#topBannersWrapper { }
	#topBanners { font-size: 3px; line-height: 1px; text-align: center; }
        #topBanners img { margin-bottom: -1px; }

	#roadBlockSides { margin: 0 auto; position: relative; width: 980px; }
		#roadBlockLeft { position: absolute; right: 995px; }
/*			#roadBlockLeft img, #roadBlockLeft object, #roadBlockLeft embed { margin-right: 15px; }*/
		#roadBlockRight { position: absolute; left: 995px; }
/*			#roadBlockRight img, #roadBlockRight object { margin-left: 15px; }*/

	.banner_title_vaaka {
		border: 1px solid #e8e8e8;	
		background: #fff;
		width: 138px; height: 10px;
		text-align: center;
		padding: 3px 0 0 0;
	}
	#rightBanners {
		float: right;
		width: 160px;
		margin: 0;
		padding-bottom: 20px;
	}
	.banner_140x {
		width: 160px;
		clear: both;
		margin: 0 0 10px 0;
	}
    .banner {
        padding: 10px 0;
    }
    table.banners {
        clear: both;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;;
    }
    table.banners td {
        vertical-align: middle;
    }
    table.banners img, table.banners object, table.banners embed {
        margin: 5px 3px;
        vertical-align: middle;
    }
	.banner_477 {
/*		width: 640px;
		margin-left: auto; margin-right: auto;*/
		text-align: center;
		margin: 0 0 10px 0;
/*		clear: both;
		float: left;*/
	}
	/*
	.banner_477 .banner_title_vaaka {
		border: 1px solid #e8e8e8;	
		background: #fff;
		width: 475px; height: 10px;
		text-align: center;
		padding: 3px 0 0 0;
		margin-left: auto; margin-right: auto;
	}
	*/
	.banner_300 {
		text-align: center;
		margin: 0 0 10px 0;
	}
	.banner_468 {
		clear: both;
		text-align: center;
		margin: 10px 0;
	}

#leikilinkit { border-top: 4px solid #E7E7E7; border-bottom: 4px solid #E7E7E7; clear: both; padding-top: 20px; margin: 0 15px 20px 0; }
#leikilinkit .leikiwidget { padding-bottom: 20px; }
#leikilinkit .leikiwidget h6 { text-transform: uppercase; }
#leikilinkit .leikiwidget ul { margin: 0; list-style: none; }
#leikilinkit .leikiwidget ul li { background: transparent; margin: 4px 0; padding: 0; }
#leikilinkit .leikiwidget span.leikiwidgetsource { background: #663366; color: #fff; font-weight: bold; font-size: 0.917em; padding: 0 3px; margin: 0 4px; text-transform: uppercase; white-space: nowrap; }

/* /banners */

P.loginBubbleFormForgotText A { margin-left: 165px; }

  a.controlpanelText {vertical-align:baseline!important;}
  .login .image {float:right;}
  .login .text {float:right;}
  .login .password {float:right;}
  .login .label {float:right;}
  .login .checkbox label {font-size:10px!important;color:#ff75c7;}
  .login .text input, .login .password input {width:80px;}
  .login {font-size:10px!important;}


/* NEW HEADER */
#header {
/*  float:left;
  height:136px;
  width:829px;*/
}
#header ul li {
  float:left;
  list-style-type:none;
}
#utilities {
  background:url('/img/utilities_bg.gif') repeat-x;
  float:left;
  height:35px;
  overflow:hidden;
  width:100%;
}
#utilities ul {
  border-right:solid 1px #dedcdd;
  float:left;
  margin-left:-1px;
}
#utilities ul li {
  border-left:solid 1px #e5e3e4;
  border-right:solid 1px #fff;
}
#utilities ul li a {
  color:#909090;
  display:block;
  font-family:'Trebuchet MS',Arial,Verdana,sans-serif;
  font-size:12px;
  line-height:35px;
  padding:0 13px;
  text-transform:uppercase;
}
#utilities-rss a {
  float:left;
}
#utilities-rss img {
  margin:7px 10px 0 -5px;
}
#search {
	float:right;
	height: 35px;
  width:295px;
}
#search label {
	color: #353535;
	float: left;
	font-family: 'Trebuchet MS',Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 35px;
	text-transform: uppercase;
}
#search .input {
	background: url('/img/inputbg.gif') 0 0 no-repeat;
	border: solid 1px #b2b8bd;
	float: left;
	margin: 8px 7px 0 5px;
	width: 95px;
}
#search .image {
	float: left;
	margin-top: 3px;
}

#logo {
  float: left;
  height:43px;
  padding:21px 0 0 9px;	
  display: block;
}

/* header login form uses formfoo */
#headerLoginInfo {
	float: right;	
	background:url(/img/header_login_dropshadow.gif) repeat-y;
	padding: 4px 10px 6px 28px;
	width: 344px;
}
#headerLoginInfo * {
	font-family: "Trebuchet MS",Arial,sans-serif;
}
#headerLoginInfo .firstRow {
	min-height: 36px;
}
#headerLoginInfo .text, #headerLoginInfo .password {
	float: left;
}
#headerLoginInfo input.input {
	border: 1px solid #e9e9e9;
	padding: 3px 4px;
	margin: 2px 8px 0 0;
	font-size: 12px;
}
#headerLoginInfo .text input.input {
	width: 135px;
}
 #headerLoginInfo .password input.input {
	width: 87px;
}
#headerLoginInfo div.image {
	float: left;
}
#headerLoginInfo .secondRow {
	clear: both;
}
#headerLoginInfo div.checkbox {
	display: inline;
}
#headerLoginInfo .secondRow label {
	padding-right: 8px;
}
#headerLoginInfo .secondRow a {
	padding: 0 8px 0 7px;
}
#headerLoginInfo .secondRow a.forgotLink, #headerLoginInfo .secondRow label {
	border-right: 1px solid #e3e3e3;
}
#headerLoginInfo .secondRow img {
	vertical-align: middle;
}
#headerLoginInfo div.error {
	padding: 0 0 30px 0;
	margin: 0;
	background: transparent;
}
#headerLoginInfo div.error span.error_message {
	position: absolute;
	margin: 32px 0 0 0;
}
#headerLoginInfo div.password span.error_message {
	margin-left: -152px;
}
#headerLoginInfo .loggedIn { min-height: 46px; padding-top: 8px; }
	#headerLoginInfo .loggedIn .firstRow { min-height: 26px; }
		#headerLoginInfo .loggedIn #logoutForm { float: right; }
	#headerLoginInfo .loggedIn .secondRow a { border-left: 1px solid #e3e3e3; padding: 0 3px 0 7px; }
		#headerLoginInfo .loggedIn .secondRow a.first { border: none; padding-left: 0; }
		#headerLoginInfo .loggedIn .secondRow a.last { padding-right: 0; }

#navigation {
  background:url('/img/navigation_bg.gif') repeat-x;
  float:left;
  height:36px;
  position:relative;
  width:100%;
  z-index:3;
}
#navigation ul {
  border-right:solid 1px #da4a70;
  float:left;
	z-index:4;
}
#navigation ul li {
  border-left:solid 1px #e36383;
  border-right:solid 1px #ca1f42;
 z-index:5;
}
#navigation ul li a {
  color:#fff;
  display:block;
  font-family:'Trebuchet MS',Arial,Verdana,sans-serif;
  font-size:13px;
  font-weight:bold;
  line-height:36px;
  padding:0 17px;
  text-transform:uppercase;
  z-index:6;
}

#navigation ul li a:hover, #navigation ul li.hover {
  background-color:#4e2a4e;
}
/*#navigation li#navigation-etusivu {
  background:url('/img/navigation-corner-bg.gif') 0 0 no-repeat;
  border-left:none;
}
#navigation li#navigation-etusivu a:hover {
  background:#4e2a4e url('/img/navigation-corner-bg.gif') 0 0 no-repeat;
}*/
#navigation li#navigation-artikkelit img {
  display:inline;
  float:left;
  margin:0 10px 0 30px;
  width:78px;
}
#navigation li#navigation-artikkelit ul {
  float:left;
  padding-top:12px;
  width:107px;
}
#navigation li#navigation-blogit img {
  display:inline;
  float:left;
  margin:0 20px 30px 25px;
  width:104px;
}
#navigation li#navigation-blogit p, #navigation li#navigation-mimmigrammi p, #navigation li#navigation-tunnefoorumi p, #navigation li#navigation-pelit p {
/*  float:left;*/
  padding-top:20px;
/*  width:600px;*/
}
#navigation a.arrow {
  background:#3f263f url('/img/subnavi-link-arrow.gif') 10px 50% no-repeat;
  display:block;
  float:left;
  height:25px;
  line-height:25px;
  margin-left:5px;
  padding:0 10px 0 20px;
  text-transform:none;
  z-index:200;
}
#navigation li#navigation-mimmigrammi img {
  display:inline;
  float:left;
  margin:0 24px 0 28px;
  width:120px;
}
#navigation li#navigation-tunnefoorumi img {
  display:inline;
  float:left;
  margin:0 5px 0 8px;
  width:126px;
}
#navigation li#navigation-blogit p, #navigation li#navigation-tunnefoorumi p {
/*  width:650px;*/
}
#navigation li#navigation-pelit img {
  display:inline;
  float:left;
  margin:0 28px 0 27px;
  width:86px;
}
#navigation li#navigation-horoskoopit {
  display:inline;
  float:left;
}
#navigation .subNavigation {
  background:url('/img/subnavi-side-bg.gif') left bottom no-repeat;
  left:0;
  min-height:104px;
  padding-bottom: 10px;
  position:absolute;
  top:36px;
  width:829px;
  z-index:200;
}
#navigation #navigation-pelit .subNavigation {
  background-image:url('/img/subnavi-bg.gif');
}
#navigation .subNavigation ul {
  border:none;
}
#navigation .subNavigation ul li {
  border:none;
  clear: both;
  display: inline;
  float: none;
}
#navigation .subNavigation ul li a {
display: block;
  font-weight:normal;
  line-height: normal;
  padding: 3px 5px;
  text-transform:none;
}
#navigation-artikkelit a:hover, #navigation-artikkelit .hover {
  background-color:transparent !important;
}
#navigation .subNavigation p {
  color:#fff;
  font-family:'Trebuchet MS',Arial,Verdana,sans-serif;
  font-size:15px;
}
#navigation .subNavigation .dynList {
/*	border-left: 1px solid #6e456e;*/
  float:right;
  padding:0 5px 0 10px;
  margin: 12px 0 0 10px;
  width: 247px;
}
#navigation .subNavigation .dynList h3 {
	color: #fff;
	margin: 0;
  padding: 3px 5px;
}
#navigation .subNavigation .dynList ul {
	padding-top: 0 !important;
	width: auto !important;
}
#navigation .subNavigation .dynList ul li a {
	padding: 0 5px;
}

#navigation .hidden {
  display:none;
}
#tickerBarWrapper { }
	#timeStamp { float:right; padding:3px 5px 0 0; overflow: hidden; text-align: right; width: 101px; }
		#timeStamp span { display:block; font-family:'Trebuchet MS',Arial,Verdana,sans-serif; font-size:11px; text-transform:uppercase; }
		#timeStamp span.weekday { color:#828282; }
		#timeStamp span.date { color:#363636; font-size:11px; margin-top:-3px }
		#timeStamp span.month { color:#2d2d2d; }
	#tickerBar { float: left; padding: 8px 0 8px 13px; width: 710px; }
		#tickerBar * { font-family: "Trebuchet MS",Arial,sans-serif; }
		#tickerBar h2 { background: url(/img/ticker_bullet.gif) no-repeat right top; float: left;  font-size: 12px; font-weight: normal; margin: 0 5px 0 0; padding: 1px 24px 1px 0; text-transform: uppercase; }
/* ticker content */
#tickerItems {
display: none;
float: left;
overflow: hidden;
white-space: nowrap;
width: 577px;
height:20px;
}
#tickerItems a:hover {
text-decoration: underline;
}
#news {
overflow: hidden;
white-space: nowrap;
margin: 0;
padding: 0;
}
#news li {
list-style: none;
white-space: nowrap;
overflow: hidden;
}
#news li a, #news li a:link, #news li a:hover, #news li a:visited, #news li a:active {
line-height:20px;
}
/*
#fixedTime {
padding: 0;
margin: 0px 5px 0px 0px;
float: left;
line-height:22px !important;
line-height:20px;
}
#news span.spanTitle {
margin: 0px 5px 0px 0px;
line-height:22px !important;
line-height:20px;
}
*/
/* /ticker content */

/* / NEW HEADER */


#content {
/*	float: left;
	width: 810px;*/
	background: url(/img/teaser_dropshadow.gif) repeat-x;
	padding: 10px 9px 0 10px;
}
.frontpage #content { padding-top: 0; }

/* WEATHER */

div.weather {
	float: right;
	diplay: inline;
}

strong.temp {
        font-size: 19px;
        font-weight: bold;
        color: #d92a52;
	margin-right: 5px;
}
div.windtemp {              
        padding: 5px 0px 0px 0px;
        font-size: 14px;
	white-space: nowrap;	
	text-align: left;
	diplay: inline;
}
div.symb {
	float: right;
	padding: 6px 5px 5px 5px;
	text-align: right;
	diplay: inline;
}
div.loc {	
        white-space: nowrap;	
	text-align: right;
	diplay: inline;
}

/* NEW TEASER STYLES */
.fullWidthArea { background-color: #fff; margin: 0 -9px 0 -10px; }

.teaser { background-color: #fff; border-bottom: 1px solid #d6d6d6; margin-bottom: 10px; }
	.teaserTitle { color: #323232; font-family: "Trebuchet MS",Arial,sans-serif; font-weight: normal; padding: 6px 9px; margin: 0; text-transform: uppercase; }
	h2.teaserTitle { border-top: 1px solid #d4d4d4; font-weight: normal; padding: 7px 9px; }
	h3.teaserTitle { border-top: 1px solid #d4d4d4; font-weight: normal; padding: 11px 9px; }
	h2.teaserTitle, h2.teaserTitle * { font-size: 20px; }
	h3.teaserTitle, h3.teaserTitle * { font-size: 14px; }
	.teaserTitle a:link, .teaserTitle a:visited, .teaserTitle a:hover, .teaserTitle a:active { color: #323232; font-family: "Trebuchet MS",Arial,sans-serif; }
	.teaserContent { background: url(/img/teaser_dropshadow.gif) repeat-x; padding: 12px 9px 9px 9px; }
	.teaserNoTitle .teaserContent { background-image: none; }
		.teaserContent img.teaserImage { margin: 0 0 12px 0; }
		.teaserContent h2 { margin: 0 0 8px 0; }
		.teaserContent p { margin: 0 0 5px 0; }
		.teaser h4 { font-size: 12px; font-style: normal; margin: 0 0 5px 0; }

.teaserMulti .teaserContent { padding: 3px 0 0 12px; }
	.teaserMulti .teaserContent .teaserDouble { display: inline; float: left; margin: 10px 12px 8px 0; width: 302px; }

.teaserTable { border-collapse: collapse; margin-bottom: 10px; table-layout: fixed; width: 100%; }
	.teaserTable td.teaser { background: #fff; border-bottom: 1px solid #d4d4d4; border-left: 9px solid #e5e5e5; vertical-align: top; }
	.teaserTable td.teaserFirst { border-left: none; }

/*	#shoutboxContainer .teaserContent { padding: 0; } */
	#shoutboxOuterContainer { height: 435px; } 
	#shoutboxContainer { padding: 0; }
		#shoutboxContainer .input { margin: 10px 0 0 10px; width: 134px; }
		#shoutboxContainer input.image { float: right; margin: 10px 10px 10px 0; }
			.puheenvuorotScroller { height: 285px; width: 160px; clear: both; } 
			.puheenvuorot {width:100%}
			.puheenvuoro { border-bottom: 1px solid #ebebeb; margin: 5px 0; }
			.puheenvuoro p { margin: 0 10px 10px 10px; }
			.puheenvuoro .nick { margin-bottom: 0; font-weight: bold; }
			.puheenvuoroInitial { height: 200px; display:none;} /* height of puheenvuorotScroller + 20px */
/*
	.teaser .titleBar { background-image:none; float:none; margin:0;} 
	.teaser .titleBar ul { display: none; }
	.leftNosto .teaserTitle { display: none; } 
	.leftNosto .teaserContent { background-image: none; }
*/

	#participate { border: none; }
		#participate .teaserContent { padding: 0; }
	ul.teaserLinkList { list-style: none; }
		ul.teaserLinkList	 li { display: inline; }
			ul.teaserLinkList li a { border-bottom: 1px solid #e4dce4; display: block; font-family: "Trebuchet MS",Arial,sans-serif; text-transform: uppercase; padding: 8px 10px; }

	#mn-recommends { border: none; }
		#mn-recommends .teaserContent { padding: 0; }
			#mn-recommends h4 { font-family: "Trebuchet MS",Arial,sans-serif; font-size: 14px; font-weight: normal; margin: 0; text-transform: uppercase; padding: 10px 10px 0 10px; }
			#mn-recommends p { border-bottom: 1px solid #e4dce4; margin: 0; padding: 0 10px 10px 10px; }
			#mn-recommends p span { font-weight: bold;}
		  .leftPrevNext { background-color:#f00 }
			.leftPrevNext_btn { float:left; width:50%; }
			  .leftPrevNext_btn a { font-size:10px; }
			  .leftPrevNext_btn a.disabled { cursor:default; opacity:.2; text-decoration:none;  }

	#cooperation { clear: both; }
		#cooperation .teaserContent { padding: 4px 0; text-align: center; }

	.cooperationWide .leftNosto { float: none; margin-bottom: 20px; width: auto; } /* uses old "leftNosto" styles */
		.cooperationWide .leftNosto .titleBar { float: none; width: auto; }
			.cooperationWide .titleBarMiddle { width: 97%; }

	#games .teaserContent { padding: 5px 0 0 0; }
		#games .teaserContent #pelikone { width: auto; }
			#games .teaserContent #pelikone div.block { overflow: visible; }

    #fashionCorner .teaserContent { padding: 12px 0 7px; }
        .js-simpleImageGallery a.previousLink, .js-simpleImageGallery a.nextLink { background: url(/img/simple-image-gallery-buttons.gif) no-repeat 0 center; height: 250px; outline: none; overflow: hidden; width: 14px; }
        .js-simpleImageGallery a.previousLink { float: left; }
            .js-simpleImageGallery a.previousLink:hover { background-position: -28px center; }
        .js-simpleImageGallery a.nextLink { background-position: -14px center; float: right; }
            .js-simpleImageGallery a.nextLink:hover { background-position: -42px center; }
        .js-simpleImageGallery ul { list-style: none; margin: 0 auto; width: 128px; }
            .js-simpleImageGallery ul li { display: none; overflow: hidden; width: 100%; }
            .js-simpleImageGallery ul li.first { display: block; }
                .js-simpleImageGallery ul li h4 { min-height: 2.5em; }
                .js-simpleImageGallery ul li img { display: block; margin-bottom: 5px; }
                .js-simpleImageGallery ul li p { line-height: 1.3em; }

/* /NEW TEASER STYLES */

/* TEASER TABS */
ul.tabs { background: url(/img/teasertabs_bg.gif) repeat-x left bottom; height: 31px; list-style: none; padding-left: 9px; text-transform: uppercase; }
	ul.tabs li { float: left; }
		ul.tabs li a { float: left; font-family: "Trebuchet MS", Arial, sans-serif; height: 30px; line-height: 30px; margin: 1px 1px 0 1px; outline: none; overflow: hidden; padding: 0 10px; }
		/*ul.tabs li a.first { margin-left: 0; }*/
		ul.tabs li.active a { background-color: #fff; border: 1px solid #e5e5e5; border-bottom: none; margin: 0; color: #000; }
		/*ul.tabs li.active a.first { border-left: none; }*/
	.tabContent { clear: both; }
/* /TEASER TABS */

/* FRONTPAGE */
.frontpageTopArea h2.teaserTitle { background: #fff url(/img/teaser_dropshadow.gif) repeat-x; border: none; padding: 13px 9px; }

#fr_carousel { background-color: #360937; border-top: 1px solid #eee; border-right: 1px solid #eee; float: left; height:382px; overflow:hidden; position:relative; width: 650px; }
	#fr_carousel * { font-family: "Trebuchet MS",Arial,sans-serif; }
	#fr_carouselControls { height:382px; position:absolute; top: 0; left: 0; width: 262px; z-index: 2; }
		#fr_carouselControls h2.teaserTitle { border-right: 1px solid #eee; height: 27px; width: 231px; } 
		#fr_carouselControls ul { list-style: none; }
			#fr_carouselControls ul li { display: inline; }
				#fr_carouselControls ul li a { background-color: #360937; border-bottom: 1px solid #461946; color: #fff; font-size: 14px; /*font-weight: bold;*/ display: block; height: 44px; outline: none; overflow: hidden; padding: 10px 12px 0 12px; width: 226px; }
				#fr_carouselControls ul li a:hover { background-color: #451045; text-decoration: none; }
				#fr_carouselControls ul li a.active, #fr_carouselControls ul li a.active:hover { background: url(/img/carousel_item_active.png) no-repeat; border: none; height: 45px; padding-right: 24px;  }
					#fr_carouselControls ul li a img { border: 1px solid #461a48; float: left; margin: 0 10px 0 0; }
		#fr_carouselContainer { height: 382px; position:absolute; top: 0; right: 0; width: 400px; z-index: 1; }
			#fr_carouselContainer * { color: #fff; }
			.fr_carouselContent { background-color: #451045; height:382px; overflow:hidden; }
			#fr_carouselContainer a { text-decoration: none; }
			#fr_carouselContainer .info { display: block; padding: 4px 17px 2px 17px; }
				#fr_carouselContainer .info * { font-size: 11px; }
				#fr_carouselContainer .info .area { text-transform: uppercase; }
				#fr_carouselContainer .info .date, #fr_carouselContainer .info .writer { border-left: 1px solid #6e456e; padding: 0 4px 0 8px; }
			#fr_carouselContainer .title { display: block;font-size: 19px; padding: 0 17px; }
			#fr_carouselContainer .intro { display: block; padding: 3px 17px; }
			#fr_carouselContainer p { margin: 0; }

#currentIssue { border: none; float: left; width: 178px; }
	#currentIssue .teaserContent { text-align: center; }
		#currentIssue img.teaserImage { border: 1px solid #e5e5e5; margin: 8px 0 15px 0; padding: 4px; }

.frontpageBottomArea { background: #e5e5e5 url(/img/frontpage_bottom_dropshadow.gif) repeat-x; padding: 10px 9px 0 10px; }

	#teaserDiscussion .teaserContent { padding: 11px 0 0 0; }
		#teaserDiscussion .discussionIcon { border-left: 1px solid #e5e5e5; float: right; height: 30px; margin-top: -31px; position: relative; width: 49px; }
		#teaserDiscussion .discussionBubble { background: url(/img/symbol_bubble_gray.gif) no-repeat 15px 4px; }
		#teaserDiscussion .discussionClock { background: url(/img/symbol_clock.gif) no-repeat 15px 4px; }
		ul.discussionTeaserList { list-style: none; }
			ul.discussionTeaserList li { float: left; width: 100%; }
			ul.discussionTeaserList li.alt { background-color: #f2f2f2; }
			ul.discussionTeaserList li * { font-family: "Trebuchet MS", Arial, sans-serif; }
				ul.discussionTeaserList li a { border-right: 1px solid #e5e5e5; color: #323232; float: left; overflow: hidden; padding: 5px 9px; width: 247px; }
				ul.discussionTeaserList li span.info { float: right; padding: 5px 12px 0 0; text-align: right; width: 37px; }

	#teaserBlogs .teaserContent { padding: 11px 0 0 0; }
		ul.blogsTeaserList { list-style: none; text-align: left; }
			ul.blogsTeaserList li { border-top: 1px solid #f1f1f1; padding: 8px 10px 6px 10px; }
			ul.blogsTeaserList li:first-child { border: none; }
				ul.blogsTeaserList li img.teaserImage { float: left; margin: 0 10px 0 0; }
				ul.blogsTeaserList li h3 { margin: 0; }
					ul.blogsTeaserList li h3 a { font-family: "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; }
	            ul.blogsTeaserList img.teaserImage  { border: none !important; padding: 0 !important; height: 50px; width: 50px; }
				ul.blogsTeaserList li p { margin: 0; }
				h3.blogTitle { font-size: 14px; font-weight:normal; text-transform: uppercase; font-family: "Trebuchet MS",Arial,sans-serif; padding: 0 0 6px 0;}
				.blogTitle a:link, .blogTitle a:visited, .blogTitle a:hover, .blogTitle a:active { font-size: 14px; font-weight:normal; color: #323232; font-family: "Trebuchet MS",Arial,sans-serif; }


	#teaserMimmigrammi { background-color: #34002a;  }
		#teaserMimmigrammi * { color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; }
		#teaserMimmigrammi .teaserHeader { background: #35112e url(/img/teaser_mimmigrammi_header_bg.gif) no-repeat; border-bottom: 1px solid #4e3048; min-height: 94px; padding: 10px 9px 6px 168px; }
		ul.mimmigrammiTeaserList { list-style: none; border-bottom: 1px solid #4a1c40; margin-bottom: 1px; }
			ul.mimmigrammiTeaserList li { background: #340029 url(/img/teaser_mimmigrammi_item_bg.gif) no-repeat; padding: 10px; }
			ul.mimmigrammiTeaserList li:first-child { background-position: 0 -1px; }
				ul.mimmigrammiTeaserList li img.teaserImage { border: 1px solid #e9e5e8; float: left; margin: 0 9px 0 0; }
				ul.mimmigrammiTeaserList li .mimmigrammithumbWrapper { float: left; padding-top: 0; }
				ul.mimmigrammiTeaserList li span.heading { display: block; font-size: 16px; }
		#teaserMimmigrammi .teaserFooter { border-top: 1px solid #4a1c40; color: #4a1c40; padding: 9px 10px; }
			#teaserMimmigrammi .teaserFooter a { text-transform: uppercase; }

/* /FRONTPAGE */

.block { float: left; margin: 0 0 10px 0; }
.introduction { margin:10px 0 20px 5px; }
	
#mainArea.block{
	width: 640px; 
	margin: 0 0 0 10px;
	padding: 10px 0;
}	
.frontpageBottomArea #mainArea{ padding-top: 0; }
	
.noOverflow {
	overflow:hidden;
}	

	#siteMapTitle {cursor:pointer;}
	#siteMapTitle {background:url(/img/arrow_sitemap_right.gif) scroll no-repeat; margin: 0 20px 0 0; background-position: right;color:#fff;}
	#siteMapTitle.opened {background:url(/img/arrow_sitemap_down.gif) scroll no-repeat; margin: 0 20px 0 0; background-position: right;color:#fff;}
  #siteMapTitle a{height:100%;width:100%;display:block;color:#fff;}
	
	#siteMap {width:810px;height:91px;display:block;}
	.siteMapLeft {float:left;height:91px;width:13px;background:url(/img/sitemap_pinkbar_left.gif) no-repeat;}
	.siteMapMiddle {float:left;height:71px;width:764px;background:url(/img/sitemap_pinkbar_middle.gif) repeat-x;padding:10px;}
	.siteMapMiddle ul{list-style:none;}
	.siteMapMiddle li{float:left;border-right:solid 1px #f8d0db;padding:0 15px 0 15px;}
	.siteMapMiddle li.last{border:0!important;}
	.siteMapMiddle li p{margin:5px 0;}
	
	.siteMapRight {float:left;height:91px;width:13px;background:url(/img/sitemap_pinkbar_right.gif) no-repeat;}
			
  #breadCrumb {
    float:left;
    padding: 10px 0 5px 15px;
  }
  #breadCrumb ul li {
    background:url('/img/arrow_white_right.gif') 0 50% no-repeat;
    float:left;
    line-height:12px;
    list-style-type:none;
    margin:0 5px;
    padding-left:15px;
  }
  #breadCrumb ul li.first {
    background:none;
    margin-left:0;
    padding-left:0;
  }
  #breadCrumb ul li.last a {
    color:#2d2d2d;
  }
	#mainNav {
		list-style: none;
	}
	#mainNav li { float:left;background: url(/img/btn_big.gif) scroll no-repeat;
		width: 152px; height: 22px; margin: 0 0 5px 0;
		padding: 8px 0 0 8px;
	}
  #mainNav li a {
    display:block;
    position:relative;
  }
  #mainNav li a img {
    position:absolute;
    right:5px;
    top:-3px;
  }

	.leftNosto {
		width: 160px;
		margin: 10px 0;
		background-color: #fff;
		clear: both;
		float: left;
	}
  .leftNosto h2 { font-size:12px; padding-top:5px; }

	.titleBar { float:left;background: url(/img/titlebar_shadow.gif) scroll repeat-x; margin: 0 0 10px 0;}
	.titleBar ul { list-style: none; }
	.titleBar li { float: left; color: #fff; text-align: left; }
  .titleBar .titleBarLeft {
    clear:both;
    float:left;
  }
  .titleBar .titleBarRight {
    float:left;
  }
	
	.leftNosto .titleBar {width:160px;margin:0;}
  .leftNosto .result { color:#007403; display:block; font-size:16px; font-weight:bold; margin-top:10px; }
	
	.titleBarMiddle { float:left; background: url(/img/titlebar_bg.gif); height: 22px; width: 142px; text-align: center; padding: 9px 0 0 0; /*margin: 0 0 10px 0; */}
  .titleBarMiddle a { color:#fff; }
		.short .titleBarMiddle {  background: url(/img/titlebar_bg.gif); height: 22px; width: 297px!important; text-align: left; padding: 9px 0 0 0; /*margin: 0 0 10px 0;*/ }
		.short { width: 315px; clear: both; }
		.short .titleBar { background: url(/img/titlebar_shadow.gif) scroll repeat-x; /*border: 1px solid red; */}

		.wide .titleBarMiddle {  background: url(/img/titlebar_bg.gif); height: 22px; width: 622px; text-align: left; padding: 9px 0 0 0; margin: 0;}
		.wide { width: 640px; clear: both; }
		.wide .titleBar { background: url(/img/titlebar_shadow.gif) scroll repeat-x; /*border: 1px solid red; */}
  /** added **/
    .medium { width:456px;float:left; }
    .wideComments .titleBarMiddle { background: url(/img/titlebar_bg.gif); height: 22px; width: 622px; text-align: left; padding-top: 9px; margin: 0; }
    .wideComments .titleBar { background: url(/img/titlebar_shadow.gif) scroll repeat-x; float:left; }
  /** /added **/
  
  .titleBar.noShade {background:none!important}
  .navigation .titleBarMiddle  {background: url(/img/titlebar_bg.gif); height: 22px; width: 119px; text-align: center; padding: 9px 0 0 0;}
	
	h2 { clear: both; font-size: 15px; font-weight: bold; margin: 0 5px 5px 5px; }
	h2.purple { color: #d92a52; font-size: 20px; font-weight: normal; }
	.purple a { color: #d92a52; font-size: 20px; font-weight: normal; }

	p { line-height:20px; margin: 0 5px 10px 5px; }
	.pun { color: #d92a52; }
	.valk, .valk span { color: #fff !important; }
	.pur {color:#894689;}
  .black { color:#000 !important; }
	
	.input { border: 1px solid #ebebeb; color: #626161; font-size: 10px; padding: 2px; margin: 5px 0 5px 0; width: 154px; }
	
	.bigBlock {
		width: 640px;
		float: left;
		margin: 0 0 10px 0;
	}	
	
	.midLeft {
		width: 315px;
		float: left;
		margin: 0 0 10px 0;	
	}
	.midRight {
		width: 315px;
		float: left;
		margin: 0 0 10px 10px;	
	}
	
	.isoNosto { background: url(/img/titlebar_shadow.gif) scroll; }
	
	.paddingTop5 { padding-top: 5px; }
	
	.imgPurpleHeader {float: left; height: 31px;}
	
	.blog { clear: both; float: left;  margin: 0; padding: 10px; width: 295px; }
	.graybox { background: #f7f7f7; }
	.blog li { list-style: none; float: left; width: 200px; }
	.blog .blogImg { width: 90px; }

	.lightgray { color: #afafaf; clear: both; }
	.midLeft p.lightgray { margin-bottom: 0px; margin-top: 10px; }
	
	.blog h2 { color: #d92a52; margin: 0; }
	.blog h2 a { font-size: 15px; }
	.blog p { line-height: 15px; margin: 0 0 3px 0; }
	.blog p a { color: #000; }
	
	.readmore { background:url(/img/arrow_white_right.gif) 0 50% no-repeat; clear:both; color:#d92a52; display: block; margin-right:20px; padding:0 0 2px 12px; }
	#gradeFeelings .readmore2 { background: url('/img/arrow_white_right.gif') 0 50% no-repeat; float: left; clear: none; line-height: 25px; color: #d92a52; margin-left: 5px; padding-left: 13px;}
	.back { background:url(/img/arrow_white_left.gif) 0 50% no-repeat; padding-left: 12px; }
    .greyBar .back { font-weight: normal; margin-left: 20px; }

	.readreply { /*background: url(/img/arrow_pink_right.gif) scroll no-repeat;*/ margin: 0 20px 0 0; padding: 0 20px 2px 0; background-position: right; color:#ff6699!important; }
	.readreply:hover {text-decoration:none;}
	.newtopic { background: url(/img/arrow_white_right.gif) scroll no-repeat; margin: 0 20px 0 0; padding: 0 20px 2px 0; background-position: right; }
	.comments { background: url(/img/comment_bubble_red.gif) scroll no-repeat; background-position: left; padding: 0 0 0 23px; color: #7f7f7f; }
  .readanswer { background: url(/img/comment_bubble_red.gif) scroll no-repeat; background-position: left; padding: 0 0 0 23px; color: #ff6699; }


	#tunnefoorumi_nosto {
		float: left;
		width: 315px;
		/* height: 361px; */
		background: url(/img/tunne_top.gif) scroll no-repeat;
	}
	#tunnepuhekupla {
		padding: 0 10px 0 10px;
		height: 164px;
		height:205px;
		clear: both;
		float:left;
	}
	#tunnepuhekuplacontent {
		background: url(/img/tunnepuhekupla_bg.gif) scroll no-repeat;
		width: 242px;
		margin: 10px 0 0 0;
		padding: 10px 20px 1px 20px;
	}
	#tunnepuhekuplacontent p { margin: 0; }
	#tunnepuhekuplacontent h2 { color: #d92a52; margin: 2px 0 5px 0; }
  #tunnepuhekuplacontent a { color:#000; }
  #tunnepuhekuplacontent h2 a { color:#d92a52; font-size:15px; }

	.tags {
		font-size: 11px;
		border-top: 1px solid #f0f0f0; 
		margin: 10px 0 0 0; padding: 10px 0 0 0;
		clear: both;
	}
	.tags a { font-size: 11px; }

	.blogsReadMore {
		font-size: 11px;
		border-top: 1px solid #f0f0f0; 
		margin: 10px 0 0 0; padding: 10px 0 0 0;
		clear: both;
	}
	.blogsReadMore a { font-size: 11px; }

	.matkakuume {
		width: 600px;
		clear: both;
		padding: 20px;
		background: url(/img/matkakuume.gif) scroll no-repeat;
	}

	h3 {
		font-family: trebuchet MS, Arial, Helvetica, sans-serif;
		/* color: #ec2114; */
		font-size: 13px;
		margin: 0 0 10px 0;
	}
	h4 {
		font-size: 14px;
		font-style: italic;
		margin: 0 0 5px 0;
	}
	.matkakuume p { margin: 0 0 20px 0; width: 350px; }

  /** added article styles **/
  .mediumLined { background: url(/img/line_medium.gif) bottom left no-repeat;width:456px;float:left;padding:0 1px 15px 1px; }
	.wideLined { background: url(/img/line_wide.gif) bottom left no-repeat; padding: 0 0 5px 0;}
	.timeStamp { color:#7e7e7e; }
	.imageText {  color:#7e7e7e; font-size:12px;font-style:italic; }
	.infoText { font-family: arial, helvetica, sans-serif; font-size:12px;color:#999999;font-style:italic; }
	h1.article { color: #5a194b; font-size: 20px; font-weight: normal; margin-left: 5px; }
	h1.editorial { color:#d92a52;font-size:20px; font-weight:normal;margin-left:5px;margin-bottom:10px;}
  .upper { text-transform:uppercase; }
  .ingress, .ingress * { font-size:16px !important; }
  
  /** new article styles **/
  #articleText { }
    #articleText .timeStamp { /*clear:both;*/ padding-top:10px; }
    #articleText #relatedComments { float: right; margin-top: 10px; /*margin-left:340px; margin-top:-30px; width:100px;*/ }

  #articleTextWrapper { margin-bottom:10px; float:left; width:468px; }
  #articleTextWrapper #articleText { width:458px; }

/* article-image styles for wysiwyg editor */
.article-image { margin-bottom: 13px; }
.smallarticle-image { margin-bottom: 13px; }
dl.smallarticle-image { width: 256px; }
dl.article-image dt img, dl.smallarticle-image dt img { display: block; margin: 0 !important; }
dl.article-image dd, dl.smallarticle-image dd { margin: 0; padding: 3px 5px; }
/* /article-image styles for wysiwyg editor */

  #gradeArticle {width:458px;margin-top: -5px; position: relative; }
  #gradeColorBar {width:120px;height:76px;float:left;border-right:solid 1px #f0f0f0; padding-top:5px;}
  .rateBox {margin:0 5px;}

  #communityFeatures { margin-top: 30px; margin-bottom: 10px; }
  .communityFeatures { background: url(/img/line_wide.gif) no-repeat; margin-bottom: 10px; padding-top: 5px; }
    /*#communityFeatures .commentBox { background: url(/img/line_wide.gif) no-repeat left bottom; padding-bottom: 12px; }*/
    #articleTextWrapper .commentBoxHeader { width: 100%; }
    #articleTextWrapper .commentBoxHeader ul { padding: 0; }

	/* communityfeatures forms narrowed by overrides */
	#communityFeatures img { border:none !important; padding: 0 !important; }
	#communityFeatures .commentBubbleTop { width:456px; }
	#communityFeatures .commentBubbleClose { margin-right:-22px; }
	#communityFeatures .commentBubbleMiddle { width:456px;}
	#communityFeatures .commentBubbleTextArea textarea{ width:416px; }
	#communityFeatures .commentBubbleBottom { width:456px; }
	#communityFeatures .friendForm { width: 416px; }
	#communityFeatures .friendForm div.label { width: 416px; }
	#communityFeatures .friendForm div.label label { width: 160px; }
	#communityFeatures .friendForm div.label input { width: 246px; }
	#communityFeatures .friendForm textarea { width: 246px; }
	#communityFeatures div.error { padding-right: 0; }
	#communityFeatures #tellAFriendBubble textarea#articleUrl { height: 80px; }
	/* /communityfeatures forms narrowed by overrides */

  .commentBoxHeader {/*float:left;*/width:640px; /*height:20px;*/ position:relative;}
  .commentBoxHeader li {list-style-type:none;float:left;border-right:solid 1px #f0f0f0;height:25px;margin-left:5px;}
  .commentBoxHeader li a {padding-left:30px;padding-top:3px;height:22px;display:block; float:left; outline:0;}
  .commentBoxHeader li a.selected ,  .commentBoxHeader li a.selected:hover {color:#000; text-decoration:none;}
  li.commentIcon1 a {background: url(/img/icon_comment.gif) 0 -29px no-repeat;padding-right:14px;}
  li.commentIcon2 a {background: url(/img/icon_send_to_friend.gif) 0 -29px no-repeat;padding-right:5px; }
  li.commentIcon3 a {background: url(/img/icon_add_to_favorites.gif) 0 -29px no-repeat;padding-right:5px; }
  li.commentIcon4  {border:0; /*last item atm*/}
  li.commentIcon4 a {background: url(/img/icon_print.gif) 0 -29px no-repeat;padding-right:5px;border:0; }
  li.commentIcon5 a {background: url(/img/icon_save.gif) 0 -29px no-repeat;border:none; }
  li.commentIcon1 a:hover {background-position:0 0px;}
  li.commentIcon2 a:hover {background-position:0 0px;}
  li.commentIcon3 a:hover {background-position:0 0px;}
  li.commentIcon4 a:hover {background-position:0 0px;}
  li.commentIcon5 a:hover {background-position:0 0px;}
  .commentBox {margin-top:10px;float:left;}
  
  .commentBubble {float:left;margin:0 0 10px; display:none;}
  .commentBubbleTop {width:640px;height:30px;}
  
  #commentArticleBubble .commentBubbleTop {background:url(/img/articlecomment_kupla_top1.gif);}
  
  #tellAFriendBubble  {display:none;}
  #tellAFriendBubble .commentBubbleTop {background:url(/img/articlecomment_kupla_top2.gif);}
  #tellAFriendBubble textarea#articleUrl  { height:50px; }
  #sendToFriendCloseButton { float: right; }

  .inappropriateProfile { clear: both; margin-bottom: 20px; }
  #reportInappropriateProfile .commentBubbleTop { background:url(/img/articlecomment_kupla_top1.gif); }
  #reportInappropriateProfile .commentBubbleHeader { float: none; }
  #reportInappropriateProfile .commentBubbleClose { position:absolute; right:17px; top:0; }
  #reportInappropriateProfile .commentBubbleContent { position: relative; }
  #reportInappropriateProfile textarea { margin-bottom: 10px; height:100px; width:600px; }
  
  #commentBubble2 {display:none;}
  .commentBubbleHeader {float:left;}
  .commentBubbleHeader p.currentUser { margin-top:10px;font-weight:bold;font-style:italic;}
  .commentBubbleClose {float:right; margin-right:-15px;margin-top:-18px;cursor:pointer;position:relative;display:inline;/*display:none*/}
  .commentBubbleMiddle {float:left;background:url(/img/articlecomment_kupla_middle.gif) 0 0 repeat-y;width:640px;}
  .commentBubbleContent {padding:0 20px;}
  .commentBubbleContent p {margin:0}
  .commentBubbleHelp input{margin-right:5px;vertical-align:middle;}
  .forumReplyContent .commentBubbleHelp { clear:both; }
  .commentBubbleHelp img.last{margin:0 5px;vertical-align:middle;}
  .commentBubbleHelp {margin-top:10px;float:left;}
  .commentBubbleTools {float:right;margin-top:10px;height:20px;}
  .commentBubbleTools div{float:right;}
  .commentBubbleToolBox.notlast{margin-right:10px;}
  .commentBubbleToolBox div {height:20px;float:left;}
  .cbt_content {background:url(/img/cb_white_middle.gif) repeat-x; text-align:center;padding-top:3px;}
  /*.cbt_content a{width:100%; height:100%;display:block;color:#000;text-decoration:none;}*/
  .commentBubbleTextArea {margin-bottom:10px;float:left;}
  .commentBubbleTextArea textarea{width:600px;}
  .commentBubblePost {float:right;}
  .commentBubbleBottom {float:left;width:640px;height:5px;font-size:1px;background:url(/img/articlecomment_kupla_bottom.gif);}
  
  .forumReplyContent.offensive {position:relative;}
  .forumReplyContent.offensive .forumReplyClose{position:absolute; top:0px; right:17px;}
  .forumReplyContent.offensive textarea { width:484px; height: 80px; margin-bottom:5px;}
  .forumReplyContent.offensive .offensiveSubmit {height: 30px; width:131px;	background:url( /img/btn_send_note.gif) no-repeat top left; border:0; cursor:pointer;   }
  .forumReplyContent.offensive fieldset.radiogroup {clear:both; }
  .forumReplyContent.offensive .textareaBubble {
	background:transparent url(/img/articlecomment_kupla_middle.gif) repeat-y;
	padding:3px;
	margin:10px 0;
	}
  .forumReplyContent.offensive fieldset.radiogroup span span {
	display:block;
	margin:5px 0;
	padding:1px 1px 1px 5px;
  }
  
   .forumReplyContent.offensive fieldset.radiogroup span span:hover,
   .forumReplyContent.offensive fieldset.radiogroup span span.selected  {
	border:1px solid #ccc;	
	background:#fff;
	padding:0 0 0 4px;
   }
  
   .forumReplyContent.offensive fieldset.radiogroup span span input {
	/*position:relative;*/
	line-height:20px;
	top:3px;
   }
  
  .forumReplyContent.offensive fieldset.radiogroup span span label {
	padding: 0 0 0 5px;
	font-weight:bold;
	line-height:20px;
   }
  
.forumReplyContent.offensive .textareaBubble .submit {text-align:right;}
  #articleLoader { right:-15px; top:3px; }
  
  #userComments {}
  .userCommentBox {width:640px;clear:both;float:left;}
  .userCommentBoxContent {float:left;}
  .userProfilePic {padding-left:9px;padding-top:9px;width:58px;float:left}
  .userProfilePic img{border:1px solid #ffdce8}
  .userCommentBubble {float:left;width:546px;padding:8px;}
  .userCommentContent {float:left;margin-bottom:10px;width:640px;clear:both;}
  
/* narrow usercomments for article comments */
	#articleTextWrapper .titleBar { width: 456px !important; }
	#articleTextWrapper .titleBar .wide { width: 456px; }
	#articleTextWrapper .titleBar .wide .titleBarMiddle { width: 438px; }
	#articleTextWrapper .userCommentBox { width: 456px; }
	#articleTextWrapper .commentBubbleMiddle { width: 456px; }
	#articleTextWrapper .forumMessageContent { width: 456px; }
	#articleTextWrapper .forumMessageBubble { width: 362px; }
	#articleTextWrapper .ucb_top { width: 362px; }
	#articleTextWrapper .ucb_middle { width: 342px; }
	#articleTextWrapper .ucb_bottom { width: 362px; }
	#articleTextWrapper .forumReplyBubble { width: 352px; }
	#articleTextWrapper .forumReplyTop { width: 352px; }
	#articleTextWrapper .forumReplyMiddle { width: 352px; }
	#articleTextWrapper .forumReplyBottom { width: 352px; }
	#articleTextWrapper .offensive textarea { width: 300px; }
	#articleTextWrapper .greyBar { width: 456px; }
	#articleTextWrapper .greyBarTop { width: 456px; }
	#articleTextWrapper .greyBarMiddle { width: 438px; }
	#articleTextWrapper .greyBarBottom { width: 456px; }
/* /narrow usercomments for article comments */

  .ucb_top {float:left;background:url(/img/usercomment_kupla_top.gif) no-repeat; height:30px;padding-top:10px;width:546px;}
  .ucb_middle {float:left;background:url(/img/usercomment_kupla_middle.gif) repeat-y;padding-left:20px;width:526px;}
  .ucb_middle p{margin:5px 0 0 0}
  .ucb_bottom {float:left;background:url(/img/usercomment_kupla_bottom.gif) no-repeat;height:11px;width:546px;font-size:1px; position:relative; clear: both; }
  .ucb_topLeft {float:left;padding-left:20px;}
  .ucb_topLeft a.userLink {font-size:14px; color:#d92a52; margin-right:5px;}
  .ucb_topLeft .userLinkAnonyymi {font-size:14px; margin-right:5px;}
  .ucb_topRight {float:right;padding-right:10px;}

  /*.browseBar.commentBB {width:640px;float:left;}
  .browseBarContent.commentBB {padding-top:12px;}
  .browseBarContent {}
  .browseBarMiddle.commentBB {background:url(/img/articlecomment_kupla_middle.gif);float:left;width:622px;border-top:solid 1px #e0e0e0;}*/
  
  .friendForm {float:left;clear:both;width:600px;}
  
  .friendForm div.label {float:left;width:600px;margin-top:5px;margin-bottom:5px;clear:both;}
  .friendForm div.label label {width:170px;float:left;font-weight:bold;}
  .friendForm div.label input {float:left;width:275px;}
  .friendForm span.comment {float:right;width:430px; }
  .friendForm div.error {float:left; width:570px;}

  .friendForm textarea{width:420px;float:left;}
  
  .friendFormLeft {float:left;width:170px; margin-top:5px;margin-bottom:5px;font-weight:bold;}
  .friendFormRight {float:left;margin-top:5px;margin-bottom:5px;width:430px;}
  .friendFormRight textarea{width:420px;float:left;}
  .friendFormRight p{width:420px;float:left;}
  .friendFormInfo {float:left;padding-left:170px;width:265px;}
            
  /*** article navigation styles ***/
  #articleNav { /*float:left;*/ list-style-type:none;border-bottom:solid 1px #f0f0f0;width:160px; margin-bottom: 10px; }
  #articleNav li { border-top:solid 1px #f0f0f0;padding:5px 0; }
  #articleNav li.active { font-weight:bold; /*border:none;*/ }
  #articleNav li.active ul { background: url(/img/articlenavi_active.gif) top left no-repeat;border-bottom:solid 1px #f0f0f0; margin-top:3px; }
  #articleNav li.active ul li { font-weight:normal; }
  #articleNav li.active ul li.active { font-weight:bold; }
  #articleNav li a { padding: 0 10px; }
  #articleNav li ul { list-style-type:none;padding:10px 0;border-bottom:solid 1px #f0f0f0; }
  #articleNav li ul li { padding:2px 0; border:none; }
  #articleNav li ul li a { padding: 0 20px; }
  #articleNav li.navHeader { border-top:none; }
  #archiveLink { border-top:solid 1px #f0f0f0;margin:10px 0;padding:8px 0 0 0; }
  #archiveLink a { background:url(/img/arrow_white_right.gif) center right no-repeat;padding:0 15px 0 10px; }

	#keywords { float: left; position: relative; padding:10px 0 0 5px;}
	#keywords p { display:inline;position:relative;}
	#keywords ul { display:inline;list-style-type:none;position:relative;}
	#keywords ul li { float:left;padding-top:6px;font-family: trebuchet ms, arial, helvetica, sans-serif!important;}
	#keywords a{margin-left:2px;color:#d92a52}

	#articleInfo ul { list-style-type:none;}
	#articleInfo ul li { float:left;border-right:solid 1px #e7e7e7;width:223px; }
	#articleInfo ul li.last { border:none;padding:0 0 0 7px; }
	#articleInfo ul li img { border:solid 1px #ffe2ec;float:left;margin:0 10px 10px 0; }
	#articleInfo ul li a, #articleInfo ul li span { text-transform:none;display:block; }

  div.articleReporter { clear:both; }
  
  #articleInfo ul.upper li.wide { width:456px;border:none; }
  #articleInfo ul.upper li div.articleType { background:url(/img/articleType_bg.gif) center left no-repeat;float:left;max-width:400px }
  #articleInfo ul.upper li div.articleType p { background:url(/img/articleTypeTail_bg.gif) center right no-repeat;padding:0 36px 0 20px;margin:0;height:34px;line-height:34px;font-size:20px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;max-width:375px;overflow:hidden; }
  #articleInfo ul.upper li div.articleInfoBubble { float:left;height:34px;width:auto; }
  #articleInfo ul.upper li div.articleInfoBubble img { border:none;margin:7px;float:left; }
  #articleInfo ul.upper li div.articleInfoBubble a { float:left;width:auto;color:#d92a52;line-height:34px;font-size:12px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; }
  #articleInfo ul.upper li div.articleInfoBubble a span { color:#d92a52;float:left; }
  
  #articleText div.left { float:left; margin-right:10px; }
  /* #articleText div.left { float:left; margin-right:10px; width:225px } */
/*    #articleText div.left img { width:220px; } */
  #articleText div.right { float:right; margin-left:10px; width:225px }
/*    #articleText div.right img { width:220px; } */

  .articleBlock { margin-bottom:20px; }
  .articleBlock .titleBar { background:none; margin-bottom:-3px; }
  .articleBlock .titleBar a { color:#fff; }
  .articleBlockContent { background:url('/img/article-bg.gif') 0 0 no-repeat; clear:both; padding:1px 6px 10px 6px; }
  .articleBlockContent img { margin-top:7px; }
  .articleBlockContent h2 { color:#d92a52; font-size:13px; margin:10px 0; }
  .articleBlockContent h2 a { font-size:15px; }
  .articleBlockContent p { margin:12px 0 0 0; }
  .articleBlock div.divider { background-color:#dbdbdb; font-size:0; height:1px; margin:10px auto; padding:0 10px; width:283px }
  .smallThemeBlock div.divider { background-color:#dbdbdb; font-size:0; height:1px; margin:10px auto; padding:0 10px; width:176px }
  .articleBlockFooter { background-image:url('/img/article-bottom-bg.gif'); font-size:0; height:5px; width:315px; }

  .teema { float:left; margin-bottom:15px; }
  .teema h2 { float:left; width:318px; }
  .teema .ingress { float:left; width:318px; }
  .teema h2 { color:#d92a52; font-size:20px; font-weight:normal; }
  .teema p.ingress { font-family:Arial, Helvetica, sans-serif !important; font-size:12px; font-weight:bold; margin-left:5px; }
  .teema img.right { float:right; margin:0 5px 0 0; }

  .smallThemeBlock { background:url('/img/theme-bg.gif') 0 0 no-repeat; float:left; margin-right:5px; width:210px; }
  .smallThemeBlock img.themeBlockImg { padding:10px; }
  .smallThemeBlock .short { width:210px; }
  .smallThemeBlock .titleBar { background:none; }
  .smallThemeBlock .titleBarMiddle { width:192px !important }
  .smallThemeBlock .themeBlockFooter { background-image:url('/img/theme-bottom-bg.gif'); height:5px; width:210px; }
  
	.smallThemeBlock h2 a { font-size: 15px; }
	.smallThemeBlock p { margin-top: 12px; }

	/*.articleStaff {float:left;width:222px;}
	.articleStaff.left {margin:0 10px 5px 0;border-right:solid 1px #e7e7e7;}
	.articleStaff img{float:left;}
	.articleStaffContent {float:left;clear:both;margin:5px 0;}
	.articleStaffContent.left{width:222px;}
	.articleStaffContent p{float:left;}
	.articleStaffContent img { border:solid 1px #ffe2ec;float:left;padding:2px;}
	*/

  /*** uusin lehti ***/
  #articleSidebar { float:right; width: 160px; }
    #articleSidebar img.teaserImage { border: 1px solid #e5e5e5; padding: 4px; }

  .horizontalTeaser { margin: 10px 0; }
    .horizontalTeaser a { color: #000; }
      .horizontalTeaser img.teaserImage { border: none !important; float: left; margin: 0 10px 10px 0; padding: 0 !important; }
	  .horizontalTeaser h2 { clear: none; margin: 0 0 10px 0 !important; }
	  .horizontalTeaser p { }

  /*** forum styles ***/
  h1.tf { float:left;color:#5a194b;font-size:20px; font-weight:normal;}
  .newDiscussionBtn { float: right; margin: -5px 0 5px 0; position: relative; z-index: 1; }
  #tfIntro {width:315px;float:left;}
  #tfIntro p {margin:10px 0 0 0;}
  #tfIntro h2 {margin:0;}
  #tfAjankoht {border-top:1px solid #F0F0F0;padding:23px 0 0 0;margin:20px 0 0 0;}
  #tfAjankoht {float: left;width:315px;}
  #tfAjankoht li {list-style-type:none;}
	#tfAjankoht h2 {margin:0}
  #tfAjankoht p {margin:10px 0 0 0;}
  #tfAjankoht img { border:solid 1px #e7e7e7;padding:2px; }
  #tfAjankoht ul li a.linkColor, a:visited.linkColor, a:hover.linkColor { color: #000000;  text-decoration: none; }
  li.tfAjankohtContent {float:left;margin:25px 0 10px;}
  li.tfAjankohtImg {width:95px;float:left;}
  li.tfAjankohtText {width:210px;float:left;margin:0 0 0 10px;}

/*
  #asiantuntijaPuheKupla {float:left;}
  #asiantuntijaPuheKuplaTop p{padding:5px 30px 0;}
  #asiantuntijaPuheKuplaTop {background:transparent url(/img/asiantuntija_puhekupla_top.png) repeat-y;margin-top:16px; height:26px;width:302px;}  
  #asiantuntija_nosto { background:transparent url(/img/asiantuntija.gif) no-repeat scroll 0 0;height:256px; width:315px; padding-bottom:15px;}
  #asiantuntijaPuheKuplaContent { background:transparent url(/img/asiantuntija_puhekupla_middle.png) repeat-y scroll;margin:0; padding:5px 30px 1px;width:242px;}
  #asiantuntijaPuheKuplaContent a{margin:0 5px 5px;}
  #asiantuntijaPuheKuplaContent span{margin:0 5px 5px;}
  #asiantuntijaPuheKuplaBottom {background:transparent url(/img/asiantuntija_puhekupla_bottom.png) scroll;padding:0px 0px 5px 36px;height:13px;width:266px;}
*/
 
  #forumSearch { background: #f0f0f0; clear: both; clear: both; padding: 10px; margin: 0 0 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    #forumSearch input.input { width: 134px; }
    #forumSearch input.image { float: right; }

.nettiVieras { float:left; margin-bottom:15px; }
  .nettiVieras .ingress { float:left; width:418px; }
  .nettiVieras img.right { float:right; margin:0 5px 0 0; }

 /* most popular on forum frontpage  */
table.categoryMostPopular { clear: both; width: 100%; }
    table.categoryMostPopular th { text-align:left; }
    table.categoryMostPopular td {  }
  
/* search box and category filter */
.greyBar .titleColumn { float: left; padding-top: 3px; width: 70px; }
    .greyBar .titleColumn h3 { margin-bottom: 0; }
.greyBar .mainColumn { border-left: 1px solid #c7d3dd; float: right; padding-left: 15px; width: 514px; }

.searchBox { margin-bottom: 4px; }
    .searchBox input.input { font-size: 12px; margin: 0 5px 0 0; padding: 5px; width: 415px; vertical-align: middle; }
    .searchBox input.image { vertical-align: middle; }

.categoryFilter { margin-bottom: 10px; }
	.categoryFilter ul { list-style: none; margin: 0;  }
		.categoryFilter ul li { background-image: none; float: left; margin: 1px 0; margin-right: 5px; padding: 0; }
			.categoryFilter ul li a { float: left; font-weight: normal; line-height: 22px; height: 22px; padding: 0 10px; text-align: center; text-transform: uppercase; white-space: nowrap; }
			.categoryFilter ul li a:hover { background-color: transparent; text-decoration: underline; }
		.categoryFilter ul li.active { background: #fff url(/img/categoryfilter_item_left.png) no-repeat; }
			.categoryFilter ul li.active a { background: url(/img/categoryfilter_item_right.png) no-repeat right top; color: #353535; }

  /*** tunneforum tunteet ***/
  .tunteetContainer {float:left;width:206px;margin:25px 5px 10px 0;}
  .tunteetPuhekuplaTop {background:url(/img/tunneforum_kupla_top.gif);width:206px;height:54px;float:left;}
  .tunteetPuhekuplaTop h2 a.linkColor, a:visited.linkColor, a:hover.linkColor { color: #000000;  text-decoration: none; }
  .tunteetForumHeader {text-transform:uppercase;padding:20px 5px 5px; border-bottom:solid 1px #f0f0f0;font-size:12px;}
  .tunteetForumFooter {text-transform:uppercase;margin:5px 5px 5px; border-top:solid 1px #f0f0f0; color:#a5a3a3;}
  .tunteetForumMessage {margin:5px 7px 0 7px;padding:5px 5px;}
  .oddMessage {background-color:#fff;}
  .firstMessage {margin:-5px 7px 0 7px;}
  .tunteetPuhekuplaMiddle {background: #f9f9f9 url(/img/tunneforum_kupla_middle.gif) no-repeat;width:206px;float:left;}
  .tunteetPuhekuplaBottom {background:url(/img/tunneforum_kupla_bottom.gif);width:206px;height:36px;float:left;}
  .forumPreview {margin:0;font-size:11px;}
  .forumPreview.grey {color:#b4b4b4;}  
  .tunteetHeader { height:80px; }

  /* "newest" teasers using above styles */
  .teaserNewest { margin-top: 10px; }
  .teaserNewest .tunteetPuhekuplaTop { background-position: 0 -10px; height: 44px; }
  .teaserNewest .tunteetForumHeader { padding-top: 10px; }
    
  /*** tunneforum navigation ***/
  .navHeader {font-family: trebuchet ms, arial, helvetica, sans-serif!important;}
  #tfNav { list-style-type:none;border-bottom:solid 1px #f0f0f0;}
  #tfNav p { margin: 0 10px 10px 5px;}
  #tfNav li { border-top:solid 1px #f0f0f0;padding:5px 0; }
  #tfNav li.active { border:none; }
  #tfNav li.active ul { background: url(/img/articlenavi_active.gif) top left no-repeat;border-bottom:solid 1px #f0f0f0; }
  #tfNav li a { padding: 0 5px; }
  #tfNav li ul { list-style-type:none;padding:10px 0;border-bottom:solid 1px #f0f0f0; }
  #tfNav li ul li { padding:2px 0; border:none; }
  #tfNav li ul li a { padding: 0 20px; }

  /*** keskustelu ***/
  
  .forumCategory {width:100px;} 
  .forumWriter {width:100px;}  
  .forumMessages {width:70px;}
  .forumRead {width:60px;}
  .forumLatest {width:100px; white-space: nowrap;}
  
  /*** keskusteluketju ***/
  
  .forumReplyBubble {float:left;display:inline;padding-left:84px;margin-right:20px;width:536px;}
  .forumReplyTop {clear:both;float:left;width:536px;height:30px;}
  .forumReplyBubble .forumReplyTop{background:url(/img/forumreply_kupla_top.gif);}
  #notRegistered {float:left;list-style-type:none;}
  #notRegistered a, #notRegistered label {font-size:11px;color:#d92a52;}
  #notRegistered p {margin:10px 0 0 0;}
  #notRegistered li.register{float:left;padding:2px 0 2px 20px!important;}
  #notRegistered li.login{float:left;padding:2px 0 2px 0px!important;}
  
  .forumReplyHeader {float:left;}
  .forumReplyHeader p.currentUser { margin-top:10px;font-weight:bold;font-style:italic;}
  .forumReplyClose {float:right; margin-right:-15px;margin-top:-18px;cursor:pointer;position:relative;display:inline;}
  .forumReplyMiddle {float:left;background:url(/img/forumreply_kupla_middle.gif) 0 0 repeat-y;width:536px;}
  .forumReplyContent {padding:0 20px;}
  .forumReplyContent p {margin:0;}
  .forumReplyHelp input{margin-right:5px;}
  .forumReplyHelp img.last{margin:0 5px;}
  .forumReplyHelp {margin-top:10px;float:left;}
  .forumReplyTools {float:left;margin:0 0 5px 10px;height:20px;}
  .forumReplyTools div{float:left;}
  .forumReplyToolBox {margin-right:10px;}
  .forumReplyToolBox div {height:20px;float:left;}
  .forumMessageContent {float:left;margin-top:10px;width:640px;clear:both;}
  .forumMessageBubble {float:left;width:546px;overflow:hidden;padding:2px 8px;}

  .forumMessageBubble img { max-width: 95%; }

  .forumReplyTextArea {margin:10px 0;float:left;}
  .forumReplyTextArea label {float: left; margin-top:5px;}
  .forumReplyTextArea textarea{width:310px;}
  .forumReplyPost {clear:both;float:right;width:120px;}
  .forumReplyBottom {float:left;width:536px;height:5px;font-size:1px;background:url(/img/forumreply_kupla_bottom.gif);}

  /*** artikkeliarkiston tyylit ***/
  
  .orderNewest {color:#d92a52;margin:0;vertical-align:super;}
  
  #articleArchiveText {font-family: arial, helvetica, sans-serif;float:left;}
  #articleArchiveText .areaLogo{float:left;padding:0 10px;}
  
  #articleResultTable, table.latestDiscussions {float:left;border-width:0px;width:640px;border-collapse:collapse;}
  
  #articleResults {float:left;border-bottom:solid 4px #e7e7e7;margin-bottom:5px;padding-bottom:5px;width:640px;}
  .articleResultHeader {width:640px;background: url(/img/line_wide.gif) bottom left no-repeat;}
  .articleResultHeader th{font-weight:bold;padding:5px 5px 5px 5px;border-width:0px; text-align: left;}
  .articleResult {width:640px;}
  .articleResult td{padding:5px 0 0 5px;border-width:0px;}
  .articleResult.even {background-color:#f5f5f5!important;}
  .articleResult.even td{background-color:#f5f5f5!important;}
  .articleResultHeader .header {background: url(/img/arrow_red_up.gif) scroll no-repeat; background-position: right; color: #d92a52;}
  .articleOpen {background: url(/img/arrow_red_down.gif) scroll no-repeat; margin: 0 20px 0 0; padding: 0 20px 0 0; background-position: right; color: #d92a52; }  
  .articleClosed { background: url(/img/arrow_white_right.gif) scroll no-repeat; margin: 0 20px 0 0; padding: 0 20px 0 0; background-position: right; color: #d92a52; }
  .articleWriter {width:105px;}  
  .articlePublished {width:85px;}
  .articleTheme {width:75px;}
  .articleMagazine {width:85px;}

	.publishInfo {
		background-color: #f0f0f0;
		clear: both;
		padding: 10px;
		margin-top: 40px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

  .articleWideLined {background: url(/img/line_wide.gif) bottom left no-repeat;float:left;width:640px;height:4px;}
  
  .resultPage {width:19px;height:19px;float:left;text-align:center;margin-left:2px;margin-right:2px;font-weight:bold;padding-top:2px;}
  .resultPage img {margin-top:-2px;}
  .resultPage a {height:100%; width:100%;display:block;color:#000!important;}
  .resultPage.oddPage a {color:#d92a52!important;}
  .resultBreak {float:left;padding-top:3px;color:#fff; margin:0 5px;}
  .resultPage.oddPage {background: url(/img/circle_white.gif) no-repeat;color:#d92a52;}
  .resultPagePurple {width:19px;height:19px;float:left;text-align:center;margin-left:2px;margin-right:2px;font-weight:bold;padding-top:2px;}
  .resultPagePurple img {margin-top:-2px;}
  .resultPagePurple a {height:100%;width:100%;display:block;color:#fff!important;}
  .resultPagePurple.oddPagePurple {background: url(/img/circle_purple.gif) no-repeat;}

  .greyBarLeft {float:left;padding-top:10px;}
  .greyBarRight {float:right;padding-top:10px;}
  
  /*** artikkeliarkiston navigaatio ***/
  #articleArchiveNav { list-style-type:none;border-bottom:solid 1px #f0f0f0; }
  #articleArchiveNav li { border-top:solid 1px #f0f0f0;padding:5px 15px;}
  
  #articleArchiveNav li a { padding: 0 10px; }
  #articleArchiveNav li ul { list-style-type:none;padding:10px 0;border-bottom:solid 1px #f0f0f0; }
  #articleArchiveNav li ul li { padding:2px 0; border:none; }
  #articleArchiveNav li ul li a { padding: 0 20px; }
  #articleArchiveNav label{cursor:pointer;color:#d92a52; margin-left:4px;}
  
  /** feedback **/
  
  .feedbackForm { position:relative; }
  .feedbackForm div.label {float:left;width:640px;margin-top:5px;margin-bottom:5px;clear:both;}
  .feedbackForm div.label label {width:150px;float:left;font-weight:bold;}
  .feedbackForm div.label input {float:left;width:275px;}
  .feedbackForm span.comment {float:right;width:490px; }

  .feedbackForm div.largeLabel {float:left;width:640px;margin-top:5px;margin-bottom:5px;clear:both;}
  .feedbackForm div.largeLabel label {font-weight:bold;}
  .feedbackForm div.largeLabel fieldset {float:left;margin-left:150px;width:490px!important;margin-top:5px;display:inline;}
  .feedbackForm div.largeLabel div.label {float:left;margin-left:150px;width:490px!important;}
  .feedbackForm div.largeLabel div.checkbox.label label{}
  .feedbackForm div.largeLabel div.checkbox.label input{margin-right:5px;}

  .feedbackForm div.multi label { margin-bottom:5px; width:100% }
  .feedbackForm div.multi span { float:left; margin-left:150px; }
  .feedbackForm div.multi span label { width:400px }
  .feedbackForm div.multi span input { width:15px; margin-right:3px }
  .feedbackForm #marketing_permission_sms { clear:both; }

  .feedbackForm .checkbox #approve { margin-left:15px; }

	/* feedback errors */
  .error span.error_message { background:url(/img/error_info.gif) 0 0 no-repeat; display:block; line-height:22px; margin-left:135px; padding-left:30px; }
  div.error span.comment { width:475px }
  div.error label { width:135px !important; }
  div.error #approve { margin-left:10px !important; }
  
  #kayttoehdotWrapper { clear:both; float:left; padding-left:150px; }

  div.error, div.form_error_message {
    background-color:#fdebf0;
    margin-bottom:5px;
    padding:15px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
  }
  p.error {
    background:#fdebf0 url(/img/error_info_big.gif) 5px 50% no-repeat;
    float:left;
    margin:10px 0 5px 0;
    padding:25px 15px 15px 65px;
    width:560px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
  }
  div.form_error_message { background:#fdebf0 url(/img/error_info_big.gif) 15px 50% no-repeat; padding:20px 0 20px 75px; }
  .feedbackForm div.error {
    width:610px !important;
  }
    
  .feedbackForm div.checkbox input {width:auto;margin-right:5px;}
  .feedbackForm div.checkbox label{width:auto!important;padding-right:5px;}
  
  .feedbackForm fieldset span input{width:auto!important;margin-right:5px;}
  
  .feedbackForm fieldset span {float:left}
  
  fieldset {border:0;}
  .feedbackForm div.feedbackLarge {float:left;width:640px;margin-top:5px;margin-bottom:5px;clear:both;}
  .feedbackForm div.feedbackLarge label {font-weight:bold;}
  .feedbackForm div.feedbackLarge fieldset {float:left;margin-left:150px;width:490px!important;margin-top:5px;display:inline;}
  .feedbackForm div.feedbackLarge div.label {float:left;margin-left:150px;width:490px!important;}
  .feedbackForm div.feedbackLarge div.checkbox.label label{}
  .feedbackForm div.feedbackLarge div.checkbox.label input{margin-right:5px;}
  
  .birthDateSelections {float:left;width:480px;margin-top:5px;margin-bottom:5px;}
  .birthDateSelections div{float:left;}
  
  .feedbackLeft {width:150px;float:left;margin-top:5px;margin-bottom:5px;font-weight:bold;}
  .feedbackLeft.smaller {width:137px;}
  .feedbackRight {width:480px;float:left;margin-top:5px;margin-bottom:5px;}
  .feedbackRight.greyFeedback {background:url(/img/feedback_greybar_middle.gif) repeat-y;margin:0!important;padding:5px 10px;width:460px!important;}
  .feedbackRight.lessPadding {background:url(/img/feedback_greybar_middle.gif) repeat-y;margin:0!important;padding:5px 0px!important;width:480px!important;}
  .feedbackGreyBubble {float:left; }
  .feedbackGreyBubbleTop {float:left;background:url(/img/feedback_greybar_top.gif) no-repeat;width:493px;height:6px;font-size:1px;}
  .feedbackGreyBubbleBottom {float:left;background:url(/img/feedback_greybar_bottom.gif) no-repeat;width:493px;height:6px;font-size:1px;}
  .feedbackGreyBubbleArrowLeft{background:url( /img/feedback_greybar_midleft.gif) no-repeat; width:13px; float:left; clear:both; height:24px;}
  
  .feedbackRight textarea{width:460px;}
  .feedbackRight textarea.bubble{float:left;border:0!important;background:#fff;padding:10px 5px;height:130px;width:450px!important;overflow:auto;}
  .feedbackRight p{margin:0;}
  .feedbackRight img{vertical-align:middle;padding:0 5px;}
  .feedbackLarge .interests{margin:0 5px 10px;}
  .feedbackLargeHeader {width:620px;float:left;margin-top:5px;margin-bottom:5px;font-weight:bold;}
  .feedbackForm {margin:0 0 10px 0;}
  .feedbackForm p{margin:0 0 10px;}
  
  .feedbackFor {float:left; width:160px;margin-bottom:10px;}
  .feedbackFor ul{float:left;}
  .feedbackFor ul li {list-style-type:none;float:left;}

  .feedbackWhiteBubbleTop {float:left;background:url(/img/feedback_whitebubble_top.gif) no-repeat;width:480px;height:13px;font-size:1px;margin:0!important;padding:0!important;}

  .feedbackLarge ul li {list-style-type:none;float:left;width:200px;}
  .feedbackLarge ul {margin:0 5px 10px;}
  
  #feedbackForm.dynamic span#feedbackTypeWrapper {display:block; padding:0;}
  #feedbackForm.dynamic  fieldset #feedbackTypeWrapper span {
  		width:158px ! important; 
		display:block! important; 
		float:left; 
		padding:0; 
		margin:0; 
		cursor:pointer;
		position:relative;
	}

  #feedbackForm.dynamic #feedbackTypeWrapper span div.graphicalRadioButton { 
  	width: 76px; 
	height: 62px;
	float:left; 
	clear:none; 
	background-position:bottom left; 
	background-repeat:no-repeat
 }
 
 #feedbackForm #feedbackTypeWrapper label {
 	display:inline;
	float:none;	
	width:auto!important;font-weight:normal!important;
 }
 
 	#radioGroupWrapper label {float:left;font-weight:bold;width:137px;display:block; clear:both;};
	#radioGroupWrapper .feedbackGreyBubble {}
	#radioGroupWrapper fieldset.error {background-color:#FDEBF0; margin-bottom:10px; padding-bottom:10px;}
 
	/*graphical radiobutton hover*/ 
 
   #feedbackForm.dynamic #feedbackTypeWrapper span:hover  div.graphicalRadioButton,    
   #feedbackForm.dynamic #feedbackTypeWrapper span.hover  div.graphicalRadioButton { 
	   	background-position:0px -124px;
   }
 
  /* selected button*/
   #feedbackForm.dynamic #feedbackTypeWrapper span.selected div.graphicalRadioButton { 
	   	background-position:0px -62px;
   }
   
   /*selected button hover*/
   #feedbackForm.dynamic #feedbackTypeWrapper span.selected:hover div.graphicalRadioButton,
   #feedbackForm.dynamic #feedbackTypeWrapper span.selected.hover div.graphicalRadioButton { 
	   	background-position:top left;
   }

  #feedbackForm.dynamic #feedbackGroupWrapper {}
  #feedbackForm.dynamic  #feedbackTypeWrapper span div.graphicalRadioButton input {visibility:hidden; display:block; float:left;height:0; width:0 !important; font-size:0; line-height:0}
   #feedbackForm.dynamic #feedbackTypeWrapper span label {
  		display:block ! important;
		width:84px!important;
		position:absolute;
		right:0;
		top:10px;
		height:52px;
  }
 
 /* icons*/
 .dynamic  #ff1 {background-image:url(/img/feedback_radio_image1.gif);}
 .dynamic  #ff2 {background-image:url(/img/feedback_radio_image2.gif);}
 .dynamic  #ff3 {background-image:url(/img/feedback_radio_image3.gif);}
 .dynamic  #ff4 {background-image:url(/img/feedback_radio_image4.gif);}
 .dynamic  #ff5 {background-image:url(/img/feedback_radio_image5.gif);}
 .dynamic  #ff6 {background-image:url(/img/feedback_radio_image6.gif);}
 .dynamic  #ff7 {background-image:url(/img/feedback_radio_image8.gif);}
  
  #feedbackTextareaWrapper {margin-top:10px;}
  .dynamic #feedbackTextareaWrapper {margin-top:0 ! important;}
  #feedbackTextareaWrapper div.textarea {margin-top:0px ! important}
  #feedbackTextareaWrapper div.textarea.error {margin-top:10px ! important;}
  #feedbackTextareaWrapper div.textarea.error label {width:130px ! important;}
  #feedbackTextareaWrapper   .feedbackRight.greyFeedback {padding:0 0 10px 0; width:480px ! important;}
  textarea#feedbackTextarea.bubble{border:1px solid #ddd; float:left;background:#fff;padding:10px 5px;height:130px;width:450px!important;overflow:auto; margin:0px 10px;}    
  .dynamic textarea#feedbackTextarea.bubble {border:1px solid white;! important;}
  #customerType span , #visitorType span { clear:both;display:block; float:none; height:1.2em;}

  .wide .greyBar {width:640px;}
  .wide .greyBarTop {float:left;background:url(/img/greybar_top.gif) no-repeat;width:640px;height:5px;font-size:1px;}
  .wide .greyBarMiddle {float:left;background:url(/img/greybar_middle.gif);width:622px;padding:0 9px;font-weight:bold;}
  .wide .greyBarBottom {float:left;background:url(/img/greybar_bottom.gif) no-repeat;width:640px;height:5px;font-size:1px;}

  .short .greyBar {width:315px;}
  .short .greyBarTop {float:left;background:url(/img/greybar_top.gif) no-repeat;width:315px;height:5px;font-size:1px;}
  .short .greyBarMiddle {float:left;background:url(/img/greybar_middle.gif);width:315px;font-weight:bold;}
  
  .barLeft {float:left;}
  .barRight {float:right;}
  
  .greyBarMiddle.lined {border-top:solid 1px #e0e0e0;margin:0 9px;padding:5px 0!important;width:602px!important;}

  #optionalTitleBarOpen {
    width:640px;
  }
  #optionalTitleBarClosed {
    display:block;
    width:640px;
  }
  .optionalTitleBarText {
    float:left;
    margin-top:-1px;
    padding-left:8px;
  }
  .optionalTitleBarControl {
    float:right;
  }

  .targetMarketing fieldset.checkboxgroup span span input {
    float:left;
  }
  .targetMarketing fieldset.checkboxgroup span span label {
    display:block;
    width:155px !important;
  }
  
  /** pelit **/
  
  .gameIntro {float:left;background-color:#f0f0f0;width:195px;padding:0 5px;margin-right:10px;margin-bottom:13px;padding-bottom:5px;}
  .gameIntro.last {margin-right:0;}
  .gameIntro p{margin:0;}
  .gameIntro .gameTitle {padding-top:5px;font-size:16px;font-family: trebuchet ms, arial, helvetica, sans-serif!important;color:#d92a52;}
  .gameIntro img{height:130px;width:195px;margin-bottom:5px;}
  .playGame {font-weight:bold;float:right;background: url(/img/arrow_white_right.gif) scroll no-repeat; padding: 0 15px 0 0; background-position: right; color: #d92a52; }
  
  iframe.peliHuone {border:0!important;width:160px;display:inline;}
  
  /** toimitus **/
  
  #toimitusNav {padding-left:9px;list-style-type:none;}
  .toimitusIntroVideo {float:right;border:2px solid #e3e7e7;}  
  .toimitusIntroContent {float:left;width:315px;margin-bottom:40px;}
  .toimitusIntroSelect {float:left;clear:both;margin-top:-30px;}
  .toimitusIntroSelectContent {clear:both;width:315px;}
  
  .toimitusContainer {float:left;display:inline;background-color:#f0f0f0;height:210px;width:195px;padding:0 5px;margin-right:8px;margin-bottom:13px;padding-bottom:5px;}
  .toimitusContainer a:hover { text-decoration:none; }
  .toimitusContainer p{margin:0;}
  .toimitusContainer .toimitusTitle {padding-top:5px;font-size:16px;font-family: trebuchet ms, arial, helvetica, sans-serif!important;color:#d92a52;}
  .toimitusImg {margin:5px 0;border-top:1px solid #fcdfe9;border-right:1px solid #fcdfe9;padding:0 !important;width:193px;height:129px}
  .toimitusMg {float:left;border:1px solid #fcdfe9;width:50px;}
  .toimitusMotto {float:left;width:130px;padding-left:5px;padding-bottom:5px;font-style:italic;font-family: myriad pro, arial, helvetica, sans-serif!important;}
  .toimitusMore {float:left;font-weight:bold;font-size:13px;background: url(/img/arrow_white_right.gif) scroll no-repeat; padding: 0 15px 2px 5px; background-position: right; color: #d92a52; }

div.toimittajaPopUp { background-color:#fff; height:440px; overflow:hidden; width:580px; }
    div.toimittajaPopUp .shadowClose { position:absolute;top:0;right:0; }
    div.toimittajaPopUp div.toimittajaPopUpHeader { background-color:#F0F0F0; padding:10px 15px; }
        div.toimittajaPopUp div.toimittajaPopUpHeader * { font-size: 20px; }
        div.toimittajaPopUp div.toimittajaPopUpHeader h1 { margin:0; }
        div.toimittajaPopUp div.toimittajaPopUpHeader p { margin:0; }
    div.toimittajaPopUp div.toimittajaPopUpContent { padding:15px; }
        div.toimittajaPopUp div.toimittajaPopUpContent h2 { clear: none; margin:0; }
        div.toimittajaPopUp div.toimittajaPopUpContent p { margin: 0; }
        div.toimittajaPopUp div.toimittajaPopUpContent img { border:solid 6px #F0F0F0; float:right; }
.toimitusShadow { display:none; }

  .profileSlice .greyBar {width:315px;}
  .profileSlice .greyBarTop {float:left;background:url(/img/greybar_top.gif) no-repeat;width:315px;height:5px;font-size:1px;}
  .profileSlice .greyBarMiddle {float:left;background:url(/img/greybar_middle.gif);width:315px;font-weight:bold;}
  .profileSlice .greyBarBottom {float:left;background:url(/img/greybar_bottom.gif) no-repeat;width:315px;height:5px;font-size:1px;}
  .profileSlice .greyBarShadedTop {float:left;background: url(/img/greybar_shaded_top.gif) no-repeat;width:315px;height:12px;font-size:1px;}
  .profileSlice .lightgreyBarMiddle {float:left;background:url(/img/light_greybar_middle.gif);width:315px;}
  .profileSlice .lightgreyBarBottom {float:left;background:url(/img/light_greybar_bottom.gif) no-repeat;width:315px;height:5px;font-size:1px;}
  .profileSlice .lightgreyBarShadedTop {float:left;background: url(/img/light_greybar_shaded_top.gif) no-repeat;width:315px;height:12px;font-size:1px;}

	/** Samankaltaisia juttuja ja muut artikkelin oikeanpuoleisen palstan nostot **/
	.articleTeaser { background: url(/img/line_narrow.gif) top left no-repeat; float:left;width:160px; /*padding:37px 0 0 10px;*/ margin:-4px 0 0 0; }
	.articleTeaser h2 { font-size:13px; font-weight:bold; margin: 0; padding: 16px 0 0 0; text-transform: uppercase; }
	.articleTeaser h4 { background: url(/img/line_narrow.gif) top left no-repeat;width:160px; padding:10px 0 0 0; font-size:12px; font-style:normal; font-weight:normal; }
	.articleTeaser ul { list-style-type:none; /*background: url(/img/line_narrow.gif) bottom left no-repeat;*/ padding:5px 0 15px 0; }
	.articleTeaser ul li { padding: 5px 0; }
	#relatedComments { background: url(/img/comment_bubble_red.gif) center left no-repeat;padding:0 0 0 23px;color:#7e7e7e; } 
	
	#articleText p { font-family: arial, helvetica, sans-serif; }
	#articleText h2 { margin: 20px 5px 10px 5px; }
    #articleText h2 a { font-size:15px; }
	#articleText h3 { margin: 0 5px 10px 5px; }
	#articleText img { border:solid 1px #e7e7e7;padding:2px; }
	#articleText .signature {border:0;padding:5px;}
  #articleText ul { padding:0 0 15px 25px; }
	
	/** /added **/

  /** profiilisivun tyylit **/
  .myBlogImg {padding:0 0 9px 9px;float:left;width:100px;}
  .myBlogImg img{width:80px;height:80px;border:solid 1px #e7e7e7;}
  .myBlogIntro {float:left;width:200px;}
  .myBlogIntro p{width:189px;}
  .profileTitle, .profileTitle a { font-size:14px;font-family: trebuchet ms, arial, helvetica, sans-serif!important;color:#d92a52; }
  .newestUsers {float:left;border-bottom:solid 1px #f0f0f0;margin-bottom:2px;}
  .newestUser {float:left;width:315px;margin-bottom:5px;}
  .newestUser div{float:left;}
  .newestUser.oddUser {background-color:#f0f0f0;}
  .newestUserImg {width:120px;padding:9px 0 0 9px;}
  .newestUserText {width:180px;padding-top:9px;}
  .browseNewestUsers {text-align:center;float:left;border-top:solid 1px #f0f0f0;border-bottom:solid 1px #f0f0f0;padding-top:5px;padding-bottom:2px;}

  .circleContainer {border-bottom:solid 1px #f0f0f0;padding-bottom:5px;float:left;font-size:1px;}
  .leftCircle {float:left;padding-left:110px;}
  .rightCircle {float:left;}
  .bigCircle.vertical img{padding:12px 6px;}
  .bigCircle.horizontal img{padding:6px 12px;}
  .bigCircle a{height:100%;width:100%;display:block;}
  .bigCircle.greyCircle {float:left;background:url(/img/circle_grey_big.gif) no-repeat;height:40px;width:40px;margin:0 4px;}
  .bigCircle.whiteCircle {float:left;background:url(/img/circle_white_big.gif) no-repeat;height:40px;width:40px;margin:0 4px;}
  
  #povWrapper {width:315px; float:left;}
  .povContainer {height:128px;/*overflow:hidden;*/ position:relative; width:315px;}
  .povContainer .greyBarShadedTop {float:left;background: url(/img/greybar_shaded_top.gif) no-repeat;width:315px;height:12px;font-size:1px;}
  .povSide {position:absolute;height:128px; width:40px ! important;}
  .leftSide {top:0px; left:0px;}
  .rightSide{top:0px; right:0px;}

  .povArrow {background:url(/img/circle_white_medium.gif) no-repeat;width:31px;height:31px;margin:37px 4px 0px 4px; display:none;}
  .povArrow img{padding:4px 8px;}
  .povArrow a{height:100%;width:100%;display:block;}
  .povContent {margin:0px 40px;background:url(/img/pov_content_bg.gif) no-repeat;height:108px; padding-left:8px;padding-top:8px; position:relative}
  .povContent a.myAngleThumb {display:block; float:left;}
  .povContent img {border:solid 1px #e7e7e7;padding:2px;margin-right:2px;}
  a.moreImagesBtn {
  	background:url(/img/btn_lisaakuva.gif) no-repeat -5px -5px;
	display:block;
	height:20px;
	width:90px;
	outline:0;
	text-indent:-2000px;
	margin:23px auto;
	clear:both;
  }
  #moreImages {margin:0; position:absolute; bottom:4px; left: 80px;}

  .pinkBar {float:left;background:url(/img/pinkbar.gif) no-repeat;height:30px;width:315px;text-align:center;}
  .pinkBar p{padding-top:9px;}
  
  .messageContainer {float:left;padding-bottom:10px;}
  .messageGraph {float:left;padding-left:12px;padding-right:0px;width:62px;}
  .messageGraph img{height:49px;width:49px;border:solid 1px #e7e7e7;padding:2px;}
  .messageContent {width:231px;float:left;}
  .shortBubbleTop {float:left;background:url(/img/puhekupla_white_short_top.gif) repeat-y;width:222px;height:35px;padding-left:9px;padding-top:3px;}
  .shortBubbleHeader {float:left;}
  .shortBubbleClose {float:right;margin-top:-3px;}
  .shortBubbleMiddle {float:left;background:url(/img/puhekupla_white_short_middle.gif) repeat-y;width:222px;padding-left:9px;}
  .shortBubbleBottom {float:left;background:url(/img/puhekupla_white_short_bottom.gif) no-repeat;width:231px;height:9px;}
  .offensiveMessageLink { text-align:right; margin-bottom:0;}  
.reply .offensiveMessageLink {margin:0 0 -10px 0;}
  .reply .messageGraph {margin-top:10px;}
  .reply .shortBubbleTop {float:left;background:url(/img/puhekupla_pink_short_top.gif) repeat-y;width:222px;height:34px;padding-left:9px;padding-top:13px;}
  .reply .shortBubbleMiddle {float:left;background:url(/img/puhekupla_pink_short_middle.gif) repeat-y;width:222px;padding-left:9px;}
  .reply .shortBubbleBottom {float:left;background:url(/img/puhekupla_pink_short_bottom.gif) no-repeat;width:231px;height:9px;}
  
  .messageContainer.reply2 {}

  .messageContainerSpacer {float:left;border-top:solid 1px #dfdcdf;height:2px;width:289px;font-size:1px;}
  .messageReply  {clear:both; width:100%;}
  .messageReply a  {margin:5px;display:block; float:right;}
  .messageReplyBubble { position:relative; padding:10px 0 10px 16px; height:160px;}
  .messageReplyTop {background:transparent url(/img/tunneforum_kupla_top.gif) repeat scroll 0 0;}
  .messageReplyHeader p {margin:0px  0px 3px 0px ;}
  .messageReplyClose{ cursor:pointer;position:relative;display:block; position:absolute; top:-12px; right:-15px;}
  .messageReplyBubble textarea.messageReplyTextarea  {width:268px;}
  .leaveReplyComment {position:relative;}
  .messageReplyPost {margin-top:5px;}
  .messageReplyBubble .sendCommentMiddle  {padding-top:0px;}
  .sendComment {padding-left:12px;margin-top:8px;margin-bottom:10px;}
  .sendCommentTop {float:left;background:url(/img/greybar_289px_top.gif);height:8px;width:289px;}
  .sendCommentMiddle {padding:9px;float:left;background:url(/img/greybar_289px_middle.gif) repeat-y;width:271px;}
  .sendCommentMiddle textarea{width:271px;height:43px;}
  .sendCommentMiddle textarea.error{background:#FDEBF0;}
  .sendCommentBottom {float:left;background:url(/img/greybar_289px_bottom.gif);height:8px;width:289px;}
  .sendButton{float:left;padding-left:12px;margin-bottom:5px;}

  .browseMessages {float:left;margin-top:5px;} 
  .newestUserImg img{height:49px;width:49px;border:solid 1px #e7e7e7;padding:2px;}
  .profileStamp {font-size:11px; display:block; margin-top:-3px;}

  /* profiilisivun navigaatio */
  
  #profileNav {float:left;width:160px;}
  .pinkBarNavTop {float:left;background:url(/img/pinkbar_profilenav_top.gif) no-repeat;width:160px;height:7px;font-size:1px;}
  .navUserImage {float:left;width:160px;}
  .navUserImage img { display:block; margin:0 auto; }
  .pinkBarNavMiddleTop {float:left;background:url(/img/pinkbar_profilenav_middletop.gif) no-repeat;width:160px;height:12px;font-size:1px;}
  .pinkBarNavMiddle {float:left;background:url(/img/pinkbar_profilenav_middle.gif);width:160px;}
  .pinkBarNavBottom {float:left;background:url(/img/pinkbar_profilenav_middle.gif) no-repeat;width:160px;height:7px;margin-bottom:5px;}
  #profileNav {list-style-type:none;}
  #profileNav li {
    clear:both;
    font-family: trebuchet ms, arial, helvetica, sans-serif!important;
    font-weight:bold;
    padding:2px 9px;
    
  }

  #profileNav li span {
    float:left;
    font-family: trebuchet ms, arial, helvetica, sans-serif!important;
    font-weight:bold;
    line-height:19px;
    padding:2px 0;
  }
  
  li.profileNavHuge {height:19px;}
  
  #profileNav li.newTag span {color:blue!important;}
  #profileNav li span.removeTag { float:right; display:block;height:19px;width:20px; cursor:pointer;}
  #profileNav li span.usertag { overflow:hidden; width:115px; }
  #profileNav li.profileNavHuge span {font-size:14px;color:#d92a52;}
  #profileNav li.profileNavLarge, #profileNav li.profileNavLarge span {font-size:16px;color:#d92a52;}
  #profileNav li.profileNavMedium span {font-size:14px;color:#d92a52;}
  #profileNav li.profileNavSmall span {font-size:12px;color:#d92a52;}
  #profileNav li.profileNavTiny span {font-size:10px;color:#d92a52;}
  #profileNav li.profileNavTitle span {padding:5px 9px;font-family: arial, helvetica, sans-serif!important;}

  #profileNav li input.text { margin-bottom:2px; padding:2px; width:136px }
  
  #myIcons {float:left;padding:5px 12px;}
  #myIcons img{width:43px;height:43px;}
  #myIcons span{width:43px;height:43px;margin:2px;}
  
  /* mimmigrammi */
  
  .gramContent {float:left;border-bottom:solid 4px #e8e8e8;margin-bottom:2px;}
  .popularGram {float:left;width:315px;margin-bottom:5px;}
  .popularGram div{float:left;}
  .popularGram.oddUser {background-color:#f0f0f0;}
  .newestGram {float:left;width:315px;margin-bottom:5px;}
  .newestGram div{float:left;}
  .newestGram.oddUser {background-color:#f0f0f0;}
  .gramImg {width:58px;padding:9px 0 9px 9px;}
  .mimmigrammithumbWrapper { width:58px; padding-top:9px; }
  .gramText {width:180px;padding-top:9px;}
  .mgPinkBar {float:right;width:195px;}
  .mgPinkBarTop {float:left;background:url(/img/mg_pinkbar_top.gif);width:195px;height:11px;}
  .mgPinkBarMiddle {float:left;background:url(/img/mg_pinkbar_middle.gif);width:187px;padding:4px 4px;font-weight:bold;text-align:right;}
  .mgPinkBarMiddle p{margin:2px 5px}
  .mgPinkBarMiddle a{font-style:italic;background: url(/img/arrow_white_right.gif) scroll no-repeat;padding:0 20px 0 0;background-position: right; color: #d92a52; }
  .mgPinkBarBottom {float:left;background:url(/img/mg_pinkbar_bottom.gif);width:195px;height:11px;}
  .offensiveLink { float: right; }
  .mgIntro {float:left;width:640px;}  
  .mgIntroText {float:left;width:409px;}
  .mgIntroPicture {float:left;width:221px;margin-top:15px;}

  /*
	#mimmigrammiWrapper { height:540px; }
	#mimmigrammiHolderWrapper { height:410px; }
	*/
  #mimmigrammiHolderCarouselWrapper { margin-top:2px; }
  
  /* mg navigaatio */
  
  #favIcons {float:left;}
  #favIcon1 {float:left;border-bottom:solid 1px #f7c2d7;margin-bottom:2px;padding:5px 2px 5px 12px;}
  #favIcon2 {display:none;float:left;border-bottom:solid 1px #f7c2d7;margin-bottom:2px;padding:5px 2px 5px 12px;}
  .favIconsHeader {float:left;border-bottom:solid 1px #f7c2d7;margin-bottom:2px;padding:5px 12px;}
  .favIconsHeader img{width:43px;height:43px;}   
  .favIconsContent {float:left;}
  .favIconsContent img{width:43px;height:43px;}  
  .favIconsContent p{color:#d92a52;margin:0 0 5px;}
  .favIconsContentLeft {float:left;width:102px;}
  .favIconsContentLeft p{width:102px;}
  .favIconsContentClose {float:right;margin-top:5px;width:44px;}
  .favIconsContentClose img{height:13px!important;width:13px!important;}
  .favIconsContentOpen {float:right;margin-top:5px;width:44px;}
  .favIconsContentOpen img{height:8px!important;width:13px!important;}
  .favIconsBrowser {float:left;width:150px;padding:8px 5px;border-top:solid 1px #f7c2d7;text-transform:uppercase;}
  .favIconsBrowserLeft {float:left;}
  .favIconsBrowserRight {float:right;}
  .favIconsBrowserLeft a{ background: url(/img/arrow_redpink_left.gif) scroll no-repeat; padding: 0 0 0 12px;font-size:10px;}
  .favIconsBrowserRight a{ background: url(/img/arrow_redpink_right.gif) scroll no-repeat; padding: 0 12px 0 0; background-position: right;font-size:10px;}

  DIV.toimitus_mimmigrammiThumbHolder { float: left; width: 50px; height: 50px; padding: 0; background-color: #fff; }
  
  /* blogit navigaatio */
  
  .blogImage img{height:128px;width:128px;border:solid 1px #ffdae6;padding:3px;}
  .blogNavContent {float:left;width:136px;padding:0 12px;border-bottom:solid 1px #f7c2d7;margin-bottom:2px;}
  .blogNavContent p { margin: 0 0 10px 0; }
  .blogNavContent h2 { color: #d92a52; margin: 0; padding-bottom: 5px;}
  .blogNavContent .editorsImage { width: 134px; margin-bottom: 10px; background-color: #FFFFFF; }
  .leadingArticle { border: 1px solid #ffdbe8; padding: 2px; }
  .blogNavBottom {float:left;width:160px;border-top:solid 1px #f7c2d7; padding:10px 0;}
  .blogArrow {font-weight:bold;background: url(/img/arrow_white_right.gif) scroll no-repeat; margin:0 5px 0 0; padding: 0 20px 0 0; background-position: right; color: #d92a52; }
  
  /* blogit */
  
  .blogIntro {float:left;width:385px;padding-right:20px;}
  .blogHint {float:right;background: url(/img/bloghint_bar.gif) scroll no-repeat;padding:10px 0 10px 20px;height:30px;width:201px;}
  .giveHint {background: url(/img/arrow_lila_right.gif) scroll no-repeat; margin: 0 20px 0 0; padding: 0 20px 2px 0; background-position: right; color: #fff!important; }
  
  /* editorial navigaatio */
  
  .editorialNavContent {float:left;width:136px;padding:0 12px;border-bottom:solid 1px #f7c2d7;margin-bottom:2px;}
  .editorialNavContent p{margin:10px 0;}
  .editorialNavContentHeader {font-size:10px;font-weight:bold;font-family: arial, helvetica, sans-serif!important;}
  .editorialImage {float:left;margin-bottom:10px;}
  .editorialImage img{height:128px;width:128px;border:solid 1px #ffdae6;padding:3px;}
  .editorialUser {vertical-align:top;font-weight:bold;font-size:14px;color:#d92a52;}
  .editorialNavBottom {float:left;width:160px;border-top:solid 1px #f7c2d7; padding:10px 0;}
  .editorialArrow {font-weight:bold;background: url(/img/arrow_white_right.gif) scroll no-repeat; margin:0 5px 0 0; padding: 0 20px 0 0; background-position: right; color: #d92a52; }
  
  /* shadowbox (toimituksen esittely) */
  
  body.shadowBody {width:635px;background:none!important;}
  
  .shadowTop {float:left;background:url(/img/shadowbox_bg_top.gif) no-repeat;width:635px;height:9px;font-size:1px;}
  .shadowMiddle {float:left;background:url(/img/shadowbox_bg_middle.gif) repeat-y;width:635px;z-index:40;}
  .shadowClose {float:right;width:25px;margin-right:4px;top:-10px;cursor:pointer;display:inline;position:relative;}
  .shadowHeaderContent {float:left;width:575px;margin-left:25px;display:inline;}
  .shadowContent {padding:5px 25px;float:left;width:585px;margin:5px 0;}
  .shadowContent p{float:left;width:430px;margin:0!important;}
  .shadowBottom {float:left;background:url(/img/shadowbox_bg_bottom.gif) no-repeat;width:635px;height:19px;}
  
  /* shadowbox (profiili) */
  
  .sbHelp {float:left;margin-right:5px;}
  .profileSBHeaderContent{float:left;width:475px;padding-left:80px;}
  .profileSBContent {float:left;padding:5px 80px 0 80px;width:475px;}
  .profileSBContent p{border-top:solid 4px #e7e7e7;padding:5px 0 0 0;}
  .profileSBarrow {float:left;padding:135px 12px 0 12px;width:56px;}
  .profileSBBrowseContent {padding:5px 0px 0 0px;float:left;width:635px;margin:5px 0;}
  .profileImageContent {float:left;width:471px;height:322px;background:url(/img/profileimage_container_bg.gif) no-repeat;border-bottom:1px solid #dbdbdb;padding-bottom:10px;}
  .profileImageContent img { display:block; margin:0 auto; padding:31px 46px; }
  .profileImageContent h3.noImages {text-align:center; margin-top:20px;}
   #image_upload_form {position:relative;}
 
  #imageUploadSubmit {
  	height:30px;
	width:97px;
	border:0;
	background:url(/img/btn_tallenna.gif) no-repeat top left;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
  }

	/* jquery.filestyle styling */

	.hiddenUpload {margin:0;width:97px; cursor:pointer;}
	.filestyleBtn {cursor:pointer;}
   form#image_upload_form input#profileSBUpload {margin:0;}
   form#image_upload_form input#imageUploadSubmit {cursor:pointer;}
   form#image_upload_form input.file {
  			margin:5px 10px 0 0 ;
  }

  /* article rate feelings */  
  #gradeArticle li { list-style-type:none; }

  #gradeFeelings {float:left; padding-left:10px; width:327px; }

  #gradeFeelings p { margin: 0; line-height: normal; }
  #gradeFeelings ul { padding: 0; }
  #gradeFeelings li { float:left; text-align:center; width:35px; }
  
  .gradeFeelingsImg { height:35px; width:35px;  cursor:pointer; display:block;}
  #gradeFeelings a.gradeFeelingsImg:hover,  #gradeFeelings .selected, #articleResultTable a.gradeFeelingsImg { background-position:0 -34px; cursor:pointer; }

  #gradeFeelings .feelingsLabel { text-align:left; width: 100%; }

  #gradeFeelings #gradeFeeling1, .gradeFeeling1, .forumReplyBubble UL#moodButtons LI#mood-1 A { background-image:url('/img/icon_face_1.gif'); }
  #gradeFeelings #gradeFeeling2, .gradeFeeling2, .forumReplyBubble UL#moodButtons LI#mood-2 A { background-image:url('/img/icon_face_2.gif'); }
  #gradeFeelings #gradeFeeling3, .gradeFeeling3, .forumReplyBubble UL#moodButtons LI#mood-3 A { background-image:url('/img/icon_face_3.gif'); }
  #gradeFeelings #gradeFeeling4, .gradeFeeling4, .forumReplyBubble UL#moodButtons LI#mood-4 A { background-image:url('/img/icon_face_4.gif'); }
  #gradeFeelings #gradeFeeling5, .gradeFeeling5, .forumReplyBubble UL#moodButtons LI#mood-5 A { background-image:url('/img/icon_face_5.gif'); }
  #gradeFeelings #gradeFeeling6, .gradeFeeling6, .forumReplyBubble UL#moodButtons LI#mood-6 A { background-image:url('/img/icon_face_6.gif'); }
  #gradeFeelings #gradeFeeling7, .gradeFeeling7, .forumReplyBubble UL#moodButtons LI#mood-7 A { background-image:url('/img/icon_face_7.gif'); }
  #gradeFeelings #gradeFeeling8, .gradeFeeling8, .forumReplyBubble UL#moodButtons LI#mood-8 A { background-image:url('/img/icon_face_8.gif'); }
  #gradeFeelings #gradeFeeling9, .gradeFeeling9, .forumReplyBubble UL#moodButtons LI#mood-9 A { background-image:url('/img/icon_face_9.gif'); }

  span.gradeFeelingsImg { cursor: default; }
  .forumMessageBubble span.gradeFeelingsImg { background-position:0 -34px; float: left; margin: -7px 5px 0 0; position: relative; z-index: 1; }
  h3.moodIconsTitle { font-weight: normal; margin: 0; padding: 7px 0 0 5px; }
  ul.moodIcons { float: right; list-style: none; margin-bottom: 10px; }
     ul.moodIcons li { float: left; text-align: center; }
     ul.moodIcons li.selected span { background-position:0 -34px; }

  /* old article rate feelings 
  #gradeFeelings .jquery-checkbox-box {display:list-item;}
  #gradeFeelings .jquery-checkbox {display:list-item;}
  #gradeFeelings .jquery-checkbox .mark {display:list-item;}
  #gradeFeelings .jquery-checkbox img {vertical-align:middle; width: 35px; height: 35px;}
  #gradeFeeling1 .jquery-checkbox img{background: transparent url(/img/icon_face_1.gif) no-repeat;}
  #gradeFeeling2 .jquery-checkbox img{background: transparent url(/img/icon_face_2.gif) no-repeat;}
  #gradeFeeling3 .jquery-checkbox img{background: transparent url(/img/icon_face_3.gif) no-repeat;}
  #gradeFeeling4 .jquery-checkbox img{background: transparent url(/img/icon_face_4.gif) no-repeat;}
  #gradeFeeling5 .jquery-checkbox img{background: transparent url(/img/icon_face_5.gif) no-repeat;}
  #gradeFeeling6 .jquery-checkbox img{background: transparent url(/img/icon_face_6.gif) no-repeat;}
  #gradeFeeling7 .jquery-checkbox img{background: transparent url(/img/icon_face_7.gif) no-repeat;}
  #gradeFeeling8 .jquery-checkbox img{background: transparent url(/img/icon_face_8.gif) no-repeat;}
  #gradeFeeling9 .jquery-checkbox img{background: transparent url(/img/icon_face_9.gif) no-repeat;}
  #gradeFeelings .jquery-checkbox img{background-position: 0px 0px!important;}
  #gradeFeelings .jquery-checkbox-checked .jquery-checkbox img{background-position: 0px -34px!important;}
  #gradeFeelings .jquery-checkbox-hover img{background-position: 0px -34px!important;}
  */

	FORM#newForumMessage { border: 1px solid #F0F0F0; padding-top: 10px; }
	FORM#newForumMessage .container { clear: both; padding: 0 0px; margin-left:5px; text-align: left; }
    FORM#newForumMessage .container table#formInfo { margin: 0; padding-left: 0; }
	FORM#newForumMessage H3 { color: white; margin-top: -2px; margin-bottom: 0; padding: 0; }
	FORM#newForumMessage TEXTAREA { margin: 0 0 10px 3px; width: 610px; }
	FORM#newForumMessage DIV.titleBar, form#newForumMessage DIV.noShade { margin-left: 4px; }
	FORM#newForumMessage DIV.titleBarMiddle { width: 605px; }
	FORM#newForumMessage DIV.commentBubbleHelp { margin-top: 0; }
	FORM#newForumMessage DIV#formSubmit { background: #F0F0F0; }
	FORM#newForumMessage DIV#formSubmit INPUT.submit { margin: 3px 5px 0 0; }
	FORM#newForumMessage P#formSender { padding: 3px 20px 0 0; }

	UL#moodButtons { list-style: none; margin: 0 5px 10px; position: relative; height: 56px; }
	UL#moodButtons LI { float: left; list-style: none; padding-right: 5px;  white-space: nowrap; width: 60px; height: 56px; }
	UL#moodButtons LI A { width: 60px; height: 56px; text-indent: -9000px; position: absolute; outline: none; }
	UL#moodButtons LI A:HOVER, UL#moodButtons LI A.moodSelected { background-position: 0 top !important; }
	UL#moodButtons LI#mood-1 A { background: url("/img/btn_mood_1.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-2 A { background: url("/img/btn_mood_2.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-3 A { background: url("/img/btn_mood_3.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-4 A { background: url("/img/btn_mood_4.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-5 A { background: url("/img/btn_mood_5.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-6 A { background: url("/img/btn_mood_6.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-7 A { background: url("/img/btn_mood_7.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-8 A { background: url("/img/btn_mood_8.gif") no-repeat 0 bottom; }
	UL#moodButtons LI#mood-9 A { background: url("/img/btn_mood_9.gif") no-repeat 0 bottom; }
/* overrides for forum reply moodselection */
    .forumReplyBubble #moodSelection { clear: both; padding-top: 5px; }
    .forumReplyBubble #moodSelection #moodDescription { width: 425px; }
	.forumReplyBubble UL#moodButtons { background-color: #fff; float: left; height: 35px; margin: 0 0 10px 0; padding: 5px 0 5px 5px; }
	.forumReplyBubble UL#moodButtons LI { width: 35px; height: 35px; }
	.forumReplyBubble UL#moodButtons LI A { background-position: 0 0 !important;  background-repeat: no-repeat; width: 35px; height: 35px; }
	.forumReplyBubble UL#moodButtons LI A:HOVER, .forumReplyBubble UL#moodButtons LI A.moodSelected { background-position:0 -34px !important; }

	TABLE#formInfo { border: none; margin: 10px 0; padding: 0 5px; width: 100%; }
	TABLE#formInfo TD, TABLE#formInfo TH { padding: 0 0 15px 5px; text-align: left; vertical-align: top; }
	TABLE#formInfo TH { width: 18%; white-space: nowrap; }
	TABLE#formInfo SMALL { color: gray; padding-left: 7px; font-size: 0.9em; }
	TABLE#formInfo INPUT { border: 1px solid #F0F0F0; padding: 3px; width: 480px; }
	TABLE#formInfo INPUT.disabled { background: #F0F0F0; }
	TABLE#formInfo SELECT { border: 1px solid #F0F0F0; }

  #newForumMessage .error {
    margin:10px 0 10px 5;;
    padding:10px 0 0 0;
    width:620px;
  }
  #newForumMessage .error span.error_message {
    background-position:0 10px;
    margin-left:120px;
    padding:10px 0 10px 30px;
  }
  
  /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
  div.rating{cursor:pointer;margin:2em;clear:both;display:block}
  div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
  /*div.cancel,*/div.star{float:left;width:20px;height:20px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
  /*div.cancel,div.cancel a{background:url('delete.gif') no-repeat 0 -20px}*/
  div.star,div.star a{background:url('/img/rating_box.gif') no-repeat 0 0px}
  /*div.cancel a,*/div.star a{display:block;width:20px;height:100%;background-position:0 0px;}
  div.star_on a{background-position:0 -20px !important;}
  div.star_hover a,div.star_live a:hover{background-position:0 -20px}
  /* Read Only CSS */
  div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
  /* Partial Star CSS */
  div.star{background:transparent!important;overflow:hidden!important}
  /* END jQuery.Rating Plugin CSS */
  /*** box config 
  div.box_rate{float:left;width:18px;height:18px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
  div.box_rate,div.box_rate a{background:url('../icons/rating_box.gif') no-repeat 0 0px}
  div.box_rate a{display:block;width:18px;height:100%;background-position:0 0px;border:1 solid #FF0000}
  div.box_rate_on a{background-position:0 21px!important}
  div.box_rate_hover a,input.box_rate_live a:hover{background-position:0 21px}***/

  /* FOOTER */
  
  #men_footer {background:url(/img/mn_footer_bg.png) no-repeat 0 0; width:813px; height:59px; float: left;  margin: 0 0 20px 0;padding: 7px 16px 0 16px;}
  .mn_footerText a{padding:0px 2px;color:#919191 !important;text-decoration:none !important; text-transform: uppercase; font-family: "Trebuchet MS",Arial,sans-serif; font-size: 10.5px;}
  .mn_footerBlock a{height:100%;width:100%;display:block;}
  
  #footer { clear: both; color:#b7b7b7;line-height:22px;width:100%; }
    #footer-p1 { background:url('../img/footer-middle.jpg') top right repeat; min-height:88px; }
    #footer-p2 { background:url('../img/footer-top.jpg') top right repeat-x;}
    #footer-p3 { background:url('../img/footer-bottom.jpg') bottom right repeat-x;}
    #footer-p4 { background:url('../img/footer-middle-left.jpg') bottom left repeat-y;}
    #footer-p5 { background:url('../img/footer-bottom-left.jpg') bottom left no-repeat;}   
    #footer-p6 { background:url('../img/footer-top-left.jpg') top left no-repeat;}
    #footer-p7 { background:url('../img/footer-middle-right.jpg') bottom right repeat-y;}
    #footer-p8 { background:url('../img/footer-bottom-right.jpg') bottom right no-repeat; }
    #footer-p9 { background:url('../img/footer-top-right.jpg') top right no-repeat; } 
    #footer p { float:left;background:url('../img/footer_smf.gif') center center no-repeat;padding:0 10px 0 0;margin:25px 0 0 25px;width:200px;height:36px;text-indent: -1000px;}
    #footer p a{height:100%;width:100%;display:block;}
    #footer div#footer_links { margin:0 0 0 220px;padding:30px 10px 36px 0;height:100%;}
    #footer div#footer_links a { font: 12px Verdana, Arial, Helvetica, sans-serif;font-weight:normal!important;color: #e09f46!important;line-height:20px;margin:0 20px 0 0px;text-decoration:none; }
    #footer div#footer_links a:hover { text-decoration:underline; }

/* to remove the gap below header caused by 1x1px images */
.statisticsWrapper { position: relative; }
.statisticsWrapper img { bottom: 0; position: absolute; z-index: 1; }

/* login form component */
div.commonLoginFormWrapper { clear:both; float:left; width:100%; }
  div.commonLoginForm * { margin:0; padding:0; }
  div.commonLoginForm { background:#e5e5e5 url('/img/common_login_form_bg.gif') 0 0 repeat-x; padding:10px 10px 0 10px; -moz-border-radius:3px; -webkit-border-radius:3px; }
    div.commonLoginForm p { margin-bottom:10px; }
    div.commonLoginFormLogin, div.commonLoginFormRegister { float:left; }
      div.commonLoginFormLogin div.text input, div.commonLoginFormLogin div.password input { padding:2px; }
      div.commonLoginFormLogin div.text, div.commonLoginFormLogin div.password, div.commonLoginFormLogin div.image { float:left; margin:0 5px 10px 0; }
      div.commonLoginFormLogin div.password p { margin-left:2px; }
      div.commonLoginFormLogin div.image { margin:-5px 0 0 0; }
    div.commonLoginFormLogin { margin-right:10px; }
  div.commonLoginFormTop { background:url('/img/common_login_form_top.gif') 0 0 no-repeat; height:13px; }

  div.commonLoginForm #loginRequireBubble_form { position:relative; }
  div.commonLoginForm .error { padding:0; }
  div.commonLoginForm .error .error_message { position:absolute; left:370px; margin:0; padding:0 0 0 30px; top:5px; width:200px; }
  div.commonLoginForm p.loginBubbleFormForgotText { clear:both; }
  div.commonLoginForm p.loginBubbleFormForgotText a { margin-left:145px; }



/* error bubble 
.errorBubble {
  background-image:url('../img/error_bubble_top.gif');
  padding:8px 0 0 41px;
  position:absolute;
  width:222px;
  z-index:1000;
}
.errorBubbleFooter {
  background-image:url('../img/error_bubble_bottom.gif');
  height:7px;
  margin:0 0 -7px -41px;
}
.errorBubble span {
  font-family:trebuchet ms,arial,helvetica,sans-serif;
  font-size:16px;
}
.errorBubble img {
  border:none !important;
  float:left;
  margin-left:-30px;
  padding:0 !important;
}
.errorBubble .errorBubbleArrow {
  background-image:url(../img/error_bubble_arrow.gif);
  height:11px;
  position:absolute;
  width:21px;
}
.errorBubble .eba-1 {
  left:30px;
  top:-9px;
}
.errorBubble .eba-2 {
  right:30px;
  top:-9px;
}
.errorBubble .eba-3 {
  background-position:0 -11px;
  left:30px;
  bottom:-16px;
}
.errorBubble .eba-4 {
  background-position:0 -11px;
  right:30px;
  bottom:-16px;
}

*/
/*generic extendable notify bubble */
div#bubbleSource {display:none;}

div.hoverBubble { 
  display:none;
  position:absolute;
  width:263px;
  z-index:1000; 


}

div.hoverBubble img { border:none !important;  float:left;  padding:0 !important;}
div.hoverBubble .bubbleArrow { height:11px;  position:absolute;  width:21px; margin:0; padding:0; 
 /*for IE6 ->*/	overflow:hidden; }
div.hoverBubble span.message {
  font-family:trebuchet ms,arial,helvetica,sans-serif;
  font-size:16px;
  padding-right:20px;
}

div.hoverBubble .bubbleContent {padding:10px;}
div.hoverBubble div.close {
	float:right;
	width:10px;
	height:10px;
	margin:-3px 3px 0 0 ;
	padding:3px;
	text-align:center;
	font-size:8px;
	cursor:pointer;
}

div.hoverBubble .bubbleFooter { height:7px; background-position:bottom left; background-repeat:no-repeat; clear:both; margin:0; }

/*top left*/
.hoverBubble.eba-1 .bubbleArrow {
  left:30px;
  top:-9px;
}
/*top right*/
.hoverBubble.eba-2 .bubbleArrow {
  right:30px;
  top:-9px;
}
/*bottom left*/
.hoverBubble.eba-3 .bubbleArrow {
  background-position:0 -11px;
  left:30px;
  bottom:-8px;
}
/*bottom right*/
.hoverBubble.eba-4 .bubbleArrow {
  background-position:0 -11px;
  right:30px;
  bottom:-8px;
}

/* error bubble */

div.hoverBubble.errorMsg .bubbleContent { background-image:url('/img/error_bubble_top.gif');}
div.hoverBubble.errorMsg .bubbleFooter { background-image:url('/img/error_bubble_bottom.gif'); }
div.hoverBubble.errorMsg .bubbleArrow {  background-image:url(/img/error_bubble_arrow.gif);  height:11px;  position:absolute;  width:21px; }
div.hoverBubble.errorMsg div.close {color:#d92a52;	border:1px solid  pink;}

/* notify bubble */
div.hoverBubble.notifyMsg .bubbleContent { background-image:url('/img/notify_bubble_top.gif');}
div.hoverBubble.notifyMsg .bubbleFooter { background-image:url('/img/notify_bubble_bottom.gif'); }
div.hoverBubble.notifyMsg .bubbleArrow {  background-image:url(/img/notify_bubble_arrow.gif);  height:11px;  position:absolute;  width:21px; }
div.hoverBubble.notifyMsg .bubbleContent img {  display:none;}
div.hoverBubble.notifyMsg div.close {color:#4276D6;	border:1px solid #92AEE2;}

#moodSelection.error { width:623px; }
#moodSelection #moodDescription { width: 550px; }

#fb-article-header-button { float: right; margin-top: 10px; }
#fb-article-footer-button { margin-top: 20px; }
div.fb-activity { background: url("/img/teaser_dropshadow.gif") repeat-x scroll 0 0 transparent; }

#addThis { margin: -0.3em 0 0.8em; }
  #addThisLabel { float:left; margin-right:10px; }

/* PELIT */

#contentPelit {
/*  float:left;
  width:965px;*/
/*	width: 965px;*/
	background: url(/img/teaser_dropshadow.gif) repeat-x;
	padding: 10px 9px 0 0;
}
#contentPelit #mainArea.block {
clear: both;
  width:795px;
}
#contentPelit #mainArea .wide {
  width:795px;
}
#contentPelit #pelikone {
  width:100%;
}
#contentPelit .wideLined {
  background:url('/img/line_extrawide.gif') bottom left no-repeat;
}

/* / PELIT */

<%filter>
$_ =~ s/\n/ /g;
$_ =~ s/\s+/ /g;
$_ =~ s/\/\*.*?\*\///g;
</%filter>