/*
    Eric Meyer's CSS reset
    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

body {
    text-align: center;
    font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.25;
}

p {
    margin: 0.5em 0 0.75em 0;
    line-height: 1.25;
}

li, th, td {
    line-height: 1.25;
}

blockquote {
    margin-left: 25px;
    margin-right: 25px;
    font-size: 11px;
    line-height: 1.6;
}

blockquote p {
    font-size: 11px;
}

li {
    margin: 0 0 0.5em 0;
}

input {
    font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 11px;
    line-height: 1.25;
}

h2,
.content h2.section,
#login h2 {
    margin: 0.25em 0 0.5em 0;
    padding: 3px 5px 3px 5px;
    color: #fff;
    font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    background-color: #333;
	border-bottom: 2px solid #ccc;
}

* html h2, * html .content h2.section, * html #login h2 { /* IE6 */
    margin-right: -5px;
}

#login h2 {
    margin-bottom: 0;
	border-bottom: 2px solid #aaa;
}

h3 {
    margin-bottom: 0.5em;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

h4 {
    margin-bottom: 0.5em;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

a:link {
    color: #0076a3;
}

a:visited {
    color: #606;
}

a:hover {
    color: #3cf;
}

a:active {
    color: #90348e;
}

/*#adsOnTop {
    float: left;
    width: 790px;
    margin: 5px 0 5px 0;
    text-align: left;
}*/

#adsOnTop {
/*    float: left;
    width: 790px;
    margin: 5px 0 5px 0;
    text-align: right; 
    margin: 5px auto;
    text-align: left;*/

    float:none;
    width: 980px;
    margin: 0 auto;
    text-align: left;   
}

#adsOnTop.Lbanner {
    width: 980px;
    text-align: right;
}

#adsOnRight {
    position: absolute;
    overflow: visible;
    width: 160px;
    top: 0;
    right: 0;
    margin: 5px 0 5px 10px;
}

.ad.Lbanner {
    text-align: right;
}

.ad {
    margin: 0 0 5px 0;
}

#frame {
    position: relative;
    overflow: auto;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#innerframe {
    float: left;
    width: 790px;
    margin: 0 10px 0 0;
}

#header {
    float: left;
    width: 790px;
}

#content {
    float: left;
    width: 790px;
}

#footer {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background-color: #333;
}

#logoAndSearch {
    overflow: hidden;
    height: 60px;
    padding: 10px 5px 0 5px;
    color: #fff;
    background-color: #000;
    zoom: 1; /* IE6 */
}

#search {
    float: right;
    margin: 5px 5px 0 0;
    text-align: right;
} * html #search { /* IE6 */
    margin-top: 2px;
}

#search a {
    color: #fff;
}

#search input.tf_l {
    width: 245px;
}

h1#logo, #logo {
    float: left;
    width: 320px;
    height: 60px;
    margin: 0;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 48px;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1;
    text-indent: -1000px;
    background-image: url(../img/logo_digitoday.gif);
    background-repeat: no-repeat;
    background-position: 0 7px;
}

h1#logo a, #logo a {
    display: block;
    width: 320px;
    height: 60px;
    border: 0;
    text-decoration: none;
}

h1#logo a:focus, #logo a:focus {
    outline: 0;
}

#headerSearchForm {
    position: relative;   
}

#logoAndSearch {
    overflow: visible;
}

#hakuohje {
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 25px;
    width: 255px;
    padding: 10px;
    color: #000;
    text-align: left;
    border: 5px solid #555;
    background-color: #fff;
}

#hakuohje a {
    float: right;
    color: #000;
}

#mainNav {
    overflow: auto;
    clear: both;
    width: 790px;
    margin: 5px 0 0 0;
    background-color: #333;
    background-image: url(/img/bg_navi.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}

#mainNav ul {
    list-style: none;
}

#mainNav ul li {
    float: left;
    margin: 0 3px;
    padding: 6px 5px 6px 5px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#mainNav ul li.here {
    margin: 0 6px;
    background-color: #444;
} * html #mainNav ul li.here { /* IE6 */
    margin: 0 3px;
}

#mainNav ul li a {
    color: #fff;
    text-decoration: none;
}

#mainNav ul li.talsa {
    margin: 0;
    padding: 6px 5px;
}

#mainNav ul li.talsa.omasana {
    margin-left: 36px;
    padding-left: 32px;
    background-image: url(../img/icon_taloussanomat_b.gif);
    background-repeat: no-repeat;
    background-position: 7px center;
    border-left: 1px dotted #666;
}

#mainNav ul li.talsa.mediasales {
    margin-left: 0;
    padding-right: 12px;
    border-right: 1px dotted #666;
}

#mainNav ul li.rss {
    float: right;
}

#mainNav ul li.rss a {
    display: block;
    width: 20px;
    height: 14px;
    padding-top: 1px;
    padding-right: 18px;
    font-size: 11px;
    background-image: url(../img/icon_rss_12x12_b.gif);
    background-repeat: no-repeat;
    background-position: right 2px;
}

#subNav {
    overflow: auto;
    clear: both;
    width: 790px;
    margin: 0 0 10px 0;
}

/*
#subNav[id="subNav"] {
    margin-top: -1px;
}
*/

* html #subNav {
    margin-top: 1px;
}

#subNav ul {
    list-style: none;
    border-top: 2px solid #ccc;
}

#subNav ul li {
    float: left;
    margin: -2px 3px 0 3px;
    padding: 6px 3px 8px 3px;
    font-family: Verdana, "Lucida Grande", sans-serif;
    font-size: 11px;
    border-top: 2px solid #ccc;
}

#subNav ul li.here {
    padding: 6px 6px 8px 6px;
    background-color: #90348e;
    border-top: 2px solid #5a2459;
    background-image: none;
}

#subNav ul li.here a {
    color: #fff;
}

#subNav ul li.etusivu {
    display: inline; /* IE6 */
	width: 14px;
    margin-left: 6px;
	text-indent: -5000px;
	background-image: url(/img/icon_home.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
}

#subNav ul li.etusivu-here {
    display: inline; /* IE6 */
	width: 14px;
    margin-left: 6px;
    padding: 6px 6px 8px 6px;
	text-indent: -5000px;
    background-color: #90348e;
    border-top: 2px solid #5a2459;
	background-image: url(/img/icon_home_hi.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
}

#subNav ul li.etusivu a, #subNav ul li.etusivu-here a {
    display: block;
    width: 100%;
    color: #fff;
    outline: 0;
}

#subNav ul li.uutislista {
    font-size: 9px;
    padding-right: 8px;
    text-transform: uppercase;
    line-height: 14px;
	border-right: 1px solid #ccc;
}

#subNav ul li.uutislista.here {
    padding-right: 6px;
	border-right: 0;
}

#topFeature {
	overflow: auto;
    padding-bottom: 1em;
	border-bottom: 5px solid #333;
    zoom: 1; /* IE6 */
}

#topStory {
    float: left;
    width: 630px;
    margin: 0 9px 0 0;
    border-right: 1px solid #ccc;
} * html #topStory { /* IE6 */
    margin-right: 8px;
}

#topStory h1 {
    margin-bottom: 0.25em;
}

#topStory .kicker {
    margin-top: 0.25em;
    font-size: 15px;
    font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}

#topFeature #login, 
#topFeature #loginframe {
	float: left;
	width: 140px;
    padding: 0 5px;
}

#topStory ul {
	float: left;
	width: 150px;
    margin: 0;
	list-style: none;
}

#topStory ul li {
    position: relative;
    height: 44px;
    margin: 0;
	padding: 8px 5px 8px 5px;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 13px;
    font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#topStory ul li.date {
    padding: 10px 0 0 23px;
	border-bottom: 0;
}

#topStory ul li .noOfComments {
    position: absolute;
    bottom: 8px;
    padding-left: 15px;
    font-size: 13px;
    background-image: url(../img/icon_comment.gif);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

#topStory ul.right {
    float: left;
	width: 400px;
    margin: 0.5em 0 0 0;
	list-style: none;
}

#topStory ul.right li {
    float: left;
    width: 230px;
    height: 2.5em;
    line-height: 20px;
    border-bottom: 0;
}

#topStory ul.right li.date {
    width: 150px;
    padding: 8px 0 0 3px;
}

#topStory ul.right li .noOfComments {
    position: relative;
    top: 0;
    padding-left: 18px;
    background-position: 0 4px;
}

#topStory .ingress {
    clear: left;
    margin: 0;
    padding-top: 0.5em;
    font-family:  "Lucida Grande", "Trebuchet MS", sans-serif;
    font-size: 17px;
    line-height: 1.3;
    zoom: 1; /* IE6 */
}

#topStory .ingress .date {
	display: none;
}

#news {
    overflow: visible;
    float: left;
    width: 470px;
    margin: 0 10px 2em 0;
}

.content h1 {
    margin: 0.1em 5px 0.4em 5px;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 33px;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1;
}

.content h1 a:link,
.content h2 a:link {
    color: #000;
    text-decoration: none;
}

.content h1 a:visited,
.content h2 a:visited {
    color: #333;
    text-decoration: none;
}

.content h1 a:hover,
.content h2 a:hover {
    color: #0076a3;
    text-decoration: none;
}

.content h1 a:active,
.content h2 a:active {
    color: #90348e;
    text-decoration: none;
}

.content h2 {
    margin: 0.1em 5px 0.4em 5px;
    padding: 0;
    color: #000;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 19px; /* 24px */
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.25;
    border: 0;
    background: 0;
}

.content h2.chapter {
    clear: both;
    margin: 1em 0 0.75em 0;
    padding: 3px 5px 3px 5px;
    color: #fff;
    font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans", sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    background-color: #333;
	border-bottom: 2px solid #ccc;
/*
    clear: both;
    margin-top: 1em;
    margin-bottom: 0.6em;
    padding-bottom: 0.15em;
    font-size: 18px;
    letter-spacing: 0;
    border-bottom: 1px solid #ccc;
*/
}

.kicker {
    margin: 0.85em 5px 0 5px;
    padding: 0;
    color: #90348e;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
	border: 0;
    background-color: #fff;
}

.content p {
    padding: 0 5px;
    font-size: 14px;
    font-family: "Lucida Grande", Verdana, sans-serif;
    line-height: 1.5;
}

.content p.ingress {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 17px;
    /* font-weight: bold; */
    line-height: 1.5;
}

p.ingress a:link,
p.ingress a:visited,
p.ingress a:hover,
p.ingress a:active {
    color: #000;
    text-decoration: none;
}

p.ingress .date {
    padding-right: 0.25em;
    font-size: 0.85em;
    /* font-weight: bold; */
}

.content ul {
    list-style: disc;
    margin: 0.5em 0 0.75em 4em;
}

ul.list {
    list-style: disc;
    margin: 0.5em 0 0.75em 2em;
}

.content ol {
    list-style: decimal;
    margin: 0.5em 0 0.75em 4em;
}

.content dl {
    margin: 0.5em 0 0.75em 5px;
}

.newsListing {
    clear: both;
    overflow: hidden;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
    zoom: 1; /* IE6 */
}

.newsListing p.ingress {
    font-size: 13px;
    line-height: 1.4;
}

.newsListing .kicker {
    font-size: 11px;
    font-weight: normal;
}

#topStory div.noOfComments,
.newsListing div.noOfComments {
    margin: 0 5px 0.5em 5px;
}

/*
#features1, #features2 {
    overflow: hidden;
    float: left;
    width: 140px;
    margin: 0 10px 0 0;
    padding: 0 5px 25px 5px;
}
*/

.features {
    overflow: hidden;
    float: left;
    width: 140px;
    margin: 0 10px 0 0;
    padding: 0 5px 25px 5px;
}

#features2 {
    margin: 0;
}

#content h2.uusimmat {
    margin: 1.25em 0 0.25em;
    padding: 0.25em 5px 0;
    color: #333333;
    font-family: "Lucida Grande","Trebuchet MS",sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    border: 0;
    border-top: 3px solid #333;
    background-color: #fff;
}

.headlinesFeature {
    padding: 0 0 0.75em 0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    border-top: 1px solid #333;
    border-bottom: 5px solid #333;
}

.headlinesFeature ul.tabs {
    overflow: auto;
    margin: 0 0 10px 5px;
    padding: 0;
}

.headlinesFeature ul.tabs li {
    float: left;
    margin: 0 3px 0 0;
    font-size: 9px;
}

.headlinesFeature ul.tabs li a {
    display: block;
    padding: 3px 5px;
    color: #404040;
    text-decoration: none;
}

.headlinesFeature ul.tabs li a:hover {
    background-color: #ddd;
}

.headlinesFeature ul.tabs li.here a {
    color: #fff;
    font-weight: bold;
    background-color: #333;
}

.headlinesFeature ul.tabs li.here a:hover {
    background-color: #555;
}

.headlinesFeature ul {
    clear: left;
    margin: 10px 0;
    padding: 0 5px;
}

ul li.more {
    margin-top: 1.5em;
    font-weight: bold;
}

ul li.more a {
    padding-right: 14px;
    background-image: url(/img/icon_triangle_left.gif);
    background-repeat: no-repeat;
    background-position: right 90%;
}


.newsFeature {
    padding: 0 0 0.75em 0;
    border-bottom: 1px solid #ddd;
}

.discussionFeature {
    padding: 0 0 0.75em 0;
}

.newsFeature h3,
.discussionFeature h3 {
    margin: 0.75em 0 0.5em 0;
    font-family: "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.25;
}

.newsFeature h3 a,
.discussionFeature h3 a {
    color: #000;
    text-decoration: none;
}

.newsFeature h3 a:link,
.discussionFeature h3 a:link {
    color: #000;
}

.newsFeature h3 a:visited,
.discussionFeature h3 a:visited {
    color: #333;
}

.newsFeature h3 a:hover,
.discussionFeature h3 a:hover {
    color: #000;
    text-decoration: underline;
}

.newsFeature h3 a:active,
.discussionFeature h3 a:active {
    color: #90348e;
}

#login form {
    padding: 0 5px 5px 5px;
    text-align: left;
    background-color: #e5e5e5;
}

#login form label {
    font-size: 11px;
    font-weight: bold;
}

#login form input {
    font-size: 11px;
}

#login form input.tf_m {
    width: 125px;
}

.blogFeature {
    padding: 0 0 1.25em 0;
}







.storyTools {
    clear: both;
    overflow: auto;
    margin: 1.25em 0 0 0;
    border-top: 5px solid #ddd;
}

.storyTools ul li {
    list-style: none;
    margin: 0;
    padding: 3px 5px;
    font-family: Verdana, sans-serif;
    font-size: 9px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.storyTools ul li a,
.storyTools ul li a:link,
.storyTools ul li a:visited,
.storyTools ul li span {
    display: block;
    padding: 3px 2px 5px 18px;
    color: #333;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 3px 4px;
}


.storyTools.vertical ul li.recommends.none span {
    padding-left: 3px;
}

.storyTools ul li.recommends.none span {
    color: #7f7f7f;
}

.storyTools ul li.recommends span {
    color: green;
}

.storyTools ul li a:hover {
    background-color: #def5ff;
}

.storyTools li.speaker {
    display: none;
}

.storyTools.horizontal ul {
    float: left;
    width: 150px;
    margin: 0 0 0 10px;
}

.storyTools.horizontal ul.first {
    margin: 0;
}

.storyTools.horizontal li.speaker {
    display: none;
}

.storyTools.vertical li.speaker {
    display: block;
}

.storyTools li.readspeaker {
    padding-left: 0;
}

.storyTools.vertical {
    float: right;
    width: 200px;
    margin: 0 0 1.25em 10px;
}

.storyTools.vertical ul {
    margin: 0;
}

.storyTools.vertical ul {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    zoom: 1; /* IE6 */
}

.storyTools.vertical ul li {
    float: left;
    width: 90px;
    margin: 0;
    border: none;
}

.storyTools.horizontal .facebook {
    width: 450px;
}


.storyTools ul li.recommend a {
    background-image: url(../img/icon_recommend.gif);
}

.storyTools ul li.recommended a {
    background-image: url(../img/icon_recommended.gif);
}

.storyTools ul li.send a {
    background-image: url(../img/icon_send.gif);
}

.storyTools ul li.print a {
    background-image: url(../img/icon_print.gif);
}

.storyTools ul li.pdf a {
    background-image: url(../img/icon_pdf.gif);
}

.storyTools ul li.comment a {
    background-image: url(../img/icon_comment.gif);
}

.storyTools ul li.cite a {
    background-image: url(../img/icon_cite.gif);
}

.storyTools ul li.speaker a {
    background-image: url(../img/icon_speaker.gif);
}




.relatedArticles {
    clear: left;
    float: left;
    width: 230px;
    margin: 2.5em 10px 1.25em 5px;
    display: inline; /* fixes IE6 double-margin bug */
}

.relatedArticles h4 {
    margin: 0 0 0.25em 0;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: bold;
}


.relatedCompanies {
    float: left;
    width: 225px;
    margin: 2.5em 0 1.25em 0;
}

.relatedArticles h3, .relatedCompanies h3 {
    margin: 0 0 0.25em 0;
}

.relatedArticles ul, .relatedCompanies ul {
    list-style: none;
    margin: 0 0 0 0;
}

.relatedArticles li, .relatedCompanies li {
    list-style: none;
}


form.trackCompanies {
    display: inline;
    padding: 0 0 0 0.25em;
}

form.trackCompanies input {
    width: 12em; /* IE6 */
    padding: 1px 2px 1px 2px;
    font-size: 9px;
    background-color: #ffb;
    border: 1px outset #ccc;
}


.authorAndCopyright {
    clear: both;
    margin: 1.25em 0 2.5em 0;
    padding: 0.75em 0 0 0;
    /* border-top: 5px solid #ddd; */
}

.authorAndCopyright .copyright {
    float: right;
}

.authorAndCopyright .avatar {
    float: left;
    width: 48px;
    height: 48px;
    margin: 0 15px 10px 5px;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
}

.author {
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 16px;
}

p.license, p.license a {
    clear: left;
    color: #888;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 9px;
}

#features1and2 {
	overflow: hidden;
    float: left;
    width: 310px;
    margin: 0 0 0.25em 0;
	padding: 0;
} * html #features1and2 { /* IE6 */
    width: 305px;
}

.featuresTwoCols {
	overflow: hidden;
    float: left;
    width: 310px;
	padding: 0;
}

.featuresTwoCols h2 {
    margin-top: 15px;
}

.featuresTwoCols.newsFeatures {
    border-bottom: 1px solid #ccc;
}

.featuresTwoCols .newsFeature {
    float: left;
    width: 140px;
    padding: 0.75em 5px 1.25em 5px;
    border: 0;
}

.featuresTwoCols .newsFeature.second {
    margin-left: 10px;
}

.featuresTwoCols .newsFeature img {
    padding-bottom: 0.5em;
}

.featuresTwoCols .blogFeature {
    min-height: 60px;
    margin: 0 0 0.5em 0;
    padding: 0.5em 160px 0.5em 5px;
    border-bottom: 1px solid #ccc;
    zoom: 1; /* IE6 */
}

.featuresTwoCols .blogFeature img {
    display: block;
    float: right;
    margin-right: -160px;
    padding: 0 5px 10px 10px;
} * html .featuresTwoCols .blogFeature img { /* IE6 */
    display: inline-block;
}

.featuresTwoCols .blogFeature.odd {
    padding: 0.5em 5px 0.5em 160px;
}

.featuresTwoCols .blogFeature.odd img {
    float: left;
    margin-left: -160px;
    padding: 0 0 10px 5px;
}

.featuresTwoCols .blogFeature h3 {
    margin: 0;
    font-size: 12px;
}

#features1and2 #newsFilters,
#features1 #newsFilters {
    float: left;
    width: 138px;
    margin: 1em 10px 2em 0;
    padding: 5px;
    border: 1px solid #ccc;
} * html #features1and2 #newsFilters { /* IE6 */
    margin-right: 9px;
}

#features1 #newsFilters {
    margin-right: -5px;
    margin-left: -5px;
}

#newsFilters h2 {
    margin: 0 0 0.25em 4px;
    padding: 0;
    color: #000;
    font-size: 13px;
    background: 0;
    border: 0;
}

#newsFilters strong {
    padding-left: 4px;
    color: #7f7f7f;
    font-size: 9px;
    font-weight: bold;
}

#newsFilters ul {
    margin-bottom: 0.5em;
    padding-bottom: 1em;
    list-style: none;
    border-bottom: 1px dotted #ccc;
}

#newsFilters ul li {
    margin: 0;
    padding: 4px 5px 4px 14px;
}

#newsFilters ul li.last {
    border: 0;
}

#newsFilters ul li.here {
    background-color: #def5ff;
    background-image: url(../img/icon_triangle_left.gif);
    background-repeat: no-repeat;
    background-position: 2px 8px;
}

#newsFilters ul li.here a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#newsFilters a.feed {
    display: block;
    margin: 10px 0 10px 10px;
}

#newsFilterF {
    overflow: auto;
    margin: 0 0 1.5em 0;
    border-top: 1px solid #ddd;
    zoom: 1; /* IE6 */
}

#newsFilterF select,
#newsFilterF input {
    font-size: 10px;
}

#newsFilterF label {
    display: inline;
    padding-right: 0.15em;
    color: #7f7f7f;
    font-size: 11px;
    font-weight: bold;
}

#newsFilterF div {
    float: left;
    margin: 0 5px 0 5px;
    padding: 7px 5px 5px 5px;
}

#features1and2 #login,
#features1and2 #loginframe {
    float: left;
    width: 140px;
    margin: 0;
    padding: 0 5px 2em 5px;
}

#features1and2 #headlinesPopular {
    clear: both;
	margin: 1.5em 0 0 0;
	padding-bottom: 1em;
	border-bottom: 3px solid #333;
    zoom: 1; /* IE6 */
}

#features1and2 .sideboxes {
    display: none;
}

#features1and2 #headlinesPopular ul {
    width: 300px;
}

#features1and2 #headlinesPopular ul.tabs {
	width: 310px;
}
	
#features1and2 #headlinesPopular ul.tabs li a {
    margin: 3px 0 0 0;
    padding: 4px 4px 2px 4px;
    font-size: 10px;
}

#features1and2 #headlinesPopular ul.tabs li.here a {
	margin: 0px 0 0 0;
    padding: 5px 6px 1px 6px;
    font-size: 12px;
    line-height: 16px;
}


#headlinesPopular {
    position: relative;
    margin: 2.5em 0 5em 0;
}

#headlinesPopular ul {
    list-style: none;
    position: relative;
    clear: both;
    width: 315px;
    margin: 0;
    zoom: 1; /* IE6 */
}

#headlinesPopular ul li {
    list-style: none;
    position: relative;
    clear: left;
    margin: 0 5px 0.5em 4.25em;
}

#headlinesPopular ul li span.date {
    position: absolute;
    left: -4em;
    width: 3.5em;
    text-align: right;
}

#headlinesPopular li.caption {
    margin-left: 0;
    font-size: 11px;
}

#headlinesPopular ul li a {

}

#headlinesPopular ul li.more {
    margin: 0;
    padding-top: 0.5em;
    font-weight: normal;
    text-align: right;
}

#headlinesPopular ul li.more a {
    font-weight: bold;
}

#headlinesPopular ul.tabs {
    list-style: none;
    overflow: auto;
    width: 470px;
    margin: 0;
    border-bottom: 5px solid #333;
}

#headlinesPopular ul.tabs li {
    list-style: none;
    clear: none;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
}

#headlinesPopular ul.tabs li a {
    display: block;
    float: left;
    margin: 3px 0 0 0;
    padding: 4px 8px 2px 8px;
    color: #333;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #bbb;
    border-bottom: none;
}

#headlinesPopular ul.tabs li.here a {
    display: block;
    margin: 0;
    padding: 5px 10px 2px 10px;
    color: #fff;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
    border: 1px solid #333;
    background-color: #333;
}

#headlinesPopular .underline {
    overflow: hidden;
	height: 2px;
	margin: 0 0 0.75em 0;
	background-color: #ccc;
    zoom: 1; /* IE6 */
}

.sideboxes p {
    font-size: 11px;
}

#headlinesPopular .sideboxes {
    position: absolute;
    width: 150px;
    top: 50px;
    right: 5px;
}

#headlinesPopular .sidebox {
    margin: 0 0 0.75em 0;
    padding: 5px;
    font-size: 10px;
    background-color: #e5e5e5;
    line-height: 1.375em;
}

#headlinesPopular .sidebox input.tf_m {
    width: 135px;
}

.sidebox input {
    font-size: 11px;
}


#newsletterFeature {
    padding: 0 5px 5px 5px;
    background-color: #e5e5e5;
    font-size: 10px;
    line-height: 1.375;
    zoom: 1; /* IE6 */
}

#newsletterFeature input.tf_m {
    width: 125px;
}

#newsletterFeature input {
    font-size: 11px;
}

#newsletterFeature div {
    clear: both;
}

#mostSearched ol {
    padding-left: 30px;
    color: #7f7f7f;
    list-style: decimal;
}

.headlinesListing ul {
    position: relative;
    list-style: none;
    margin: 0 0 0 0;
    zoom: 1; /* IE6 */
}

.headlinesListing li {
    position: relative;
    list-style: none;
    clear: left;
    margin: 0 5px 0.5em 4.25em;
}

.headlinesListing li span.date {
    position: absolute;
    left: -4.25em;
    width: 3.5em;
    text-align: right;
}

.headlinesListing li.l {
    margin-left: 6.5em;
}

.headlinesListing li.l span.date {
    left: -6.5em;
    width: 5.75em;
}





.imageOnLeft, .imageOnCenter, .imageOnRight {
    margin: 0.75em 0 0.5em 0;
}

.caption,
.imageOnLeft .caption,
.imageOnCenter .caption,
.imageOnRight .caption {
    padding: 0 5px;
    color: #333;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 10px;
    line-height: 1.25;
    text-align: left;
}

.photographer {}

.imageOnRight {
    float: right;
    margin-right: 5px;
    margin-left: 10px;
}

.imageOnLeft {
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.fullStory .imageOnRight {
    width: 200px;
    margin-right: 0;
    text-align: right;
}
 
.fullStory .imageOnLeft {
    width: 200px;
    margin-left: 0;
    text-align: left;
}

.fullStory p.ingress span.date {
    font-weight: normal;
}

.imagePanorama {
    float: none;
    margin: 0;
}

#topStory .imagePanorama {
    float: left;
    margin-right: 10px;
}

#topStory .imageOnRight {
    margin-right: 10px;
} * html #topStory .imageOnRight {
    display: inline;
}

.fullStory p.ingress {
    font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans", Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.25;
}


.noOfComments {
    color: #7f7f7f;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.noOfComments {
    padding-left: 15px;
    background-image: url(../img/icon_comment.gif);
    background-repeat: no-repeat;
    background-position: 0 30%;
}

.noOfRecommends {
    padding-left: 15px;
    background-image: url(../img/icon_recommend.gif);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

dl.opinionList {
    margin-bottom: 2em;
}

.fullStory dl.opinionList {
    overflow: hidden;
    width: 468px;
    margin-top: 2em;
}

dl.opinionList img {
	display: inline;
}

dl.opinionList dd {
    position: relative;
    margin-left: 110px;
}

dl.opinionList span.redBox {
    position: absolute;
	display: block;
	width: 100px;
    left: -110px;
	margin: 1px 10px 3px 0;
	padding: 1px 1px 3px 1px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 10px;
	background-color: #606;
}* html dl.opinionList span.redBox {
	margin: 1px 10px 0 0;
}

dl.opinionList dd, dl.opinionList dt {
	clear: both;
	margin-bottom: 3px;
}


form dl.checkboxes dt {
    clear: left;
    float: left;
    width: 2.25em;
    padding-top: 0.25em;
}

form dl.checkboxes dd {
    float: left;
}

form#newsletterFeature dl.checkboxes dd {
    width: 10em;
}



em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

small {
    font-family: Verdana;
    font-size: 10px;
}

sup {
    font-size: 80%;
    vertical-align: 0.5em;
}

sub {
    font-size: 80%;
    vertical-align: -0.5em;
}

strike {
    text-decoration: line-through;
}

.date {
    color: #7f7f7f;
}

label {
    display: block;
    padding: 5px 0 2px 0;
}

.btnCntr {
    width: 125px;
    margin: 5px 0;
    text-align: right;
}

.small {
    margin: 0.5em 0 0.75em 0;
    font-family: Verdana;
    font-size: 10px;
}

strong.hi {
    font-weight: normal;
    background-color: #ff6;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.loading {
    clear: both;
    height: 100px;
    background-image: url(/img/icon_loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.loading.inline {
    display: inline;
    clear: none;
    width: 24px;
    height: 24px;
    padding: 24px;
    background-image: url(/img/icon_loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

p.error {
    padding: 5px;
}

.topic {}

strong.nick {
    color: #7f7f7f;
    font-weight: normal;
}

a.more {
    padding-right: 14px;
    font-weight: bold;
    background-image: url(/img/icon_triangle_left.gif);
    background-repeat: no-repeat;
    background-position: right 70%;
}

.notice {
    padding: 1px 5px 2px 2px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    background-color: #a0d044; /*48c8ff*/
    background-image: url(/img/greenPointToRight.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.notice.toLeft {
    padding: 1px 2px 2px 5px;
    background-image: url(/img/greenPointToLeft.gif);
    background-position: center left
}

acronym {
    font-size: 90%;
    border-bottom: 1px dotted #7f7f7f;
}

code {
    font-family: "Andale Mono", "Courier New", monospace;
    background-color: #ff6;
}

.onRight {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}

.onleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

a.feed {
    padding-left: 18px;
    background-image: url(/img/icon_rss_12x12.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

form.search {
    margin: 1.25em 5px 0.75em 5px;
    padding: 10px;
    font-size: 125%;
    text-align: center;
    border: 1px solid #ccc;
}

form.search input {
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 18px;
}

input.tf_m, textarea.tf_m {
    width: 125px;
}

input.tf_l, textarea.tf_l {
    width: 245px;
}

input.tf_xl, textarea.tf_xl {
    width: 385px;
}

input.permalink {
    width: 400px;
    font-size: 9px;
}


#sendToFriendC {
    position: relative;
    float: right;
    clear: right;
}

#sendToFriend {
    padding: 10px;
    border: 1px solid #ccc;
}

#sendToFriend.bubble {
    position: absolute;
    z-index: 2;
    width: 425px;
    top: -10px;
    right: 0;
    background-color: #fff;
    border-bottom: 2px solid #555;
    border-right: 1px solid #555;
}

#sendToFriend fieldset {
    clear: right;
    overflow: auto;
    margin-bottom: 0.75em;
    padding: 5px;
    padding-left: 120px;
}

#sendToFriend fieldset label {
    display: inline;
    float: left;
    margin-top: -3px;
    margin-left: -120px;
    width: 110px;
    font-weight: bold;
    text-align: right;
}

#sendToFriend small {
    color: #555;
    font-weight: normal;
}

#sendToFriend textarea {
    width: 280px;
    font-size: 11px;
}

#sendToFriend #vastaanottajat {
    height: 3em;
}

#sendToFriend #vakioC {
    padding-right: 0;
}

#sendToFriend #vakio {
    overflow: hidden;
    width: 290px;
    padding: 5px 10px 5px 5px;
    font-size: 9px;
    line-height: 1.5;
    background-color: #e6e6e6;
}

#sendToFriend #vakio p {
    font-size: 9px;
}

#sendToFriend input.tf_l {
    width: 210px;
}

#sendToFriend #fixedMessage {
    overflow: hidden;
    margin-bottom: 0.75em;
    padding: 5px 10px 5px 5px;
}

#sendToFriend #fixedMessage em {
    font-size: 9px;
    font-style: normal;
}

#sendToFriend #fixedMessage input.permalink {
    width: 100%;
}

#sendToFriend p#sendInEmailProgram {
    margin: 1em 0 1em 0;
    text-align: center;
}

#sendToFriend p#sendInEmailProgram a {
    padding: 2px 0 8px 24px;
    background-image: url(/img/icon_send_in.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#sendToFriend #tai {
    margin: 1.5em 0 0.75em 0;
    border-top: 1px solid #ccc;
}

#sendToFriend #tai strong {
    display: block;
    width: 4em;
    margin: -12px auto 0 auto;
    padding: 5px;
    color: #7f7f7f;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    background-color: #fff;
}

#sendToFriend a#closeSendToFriend {
    float: right;
    color: #0076a3;
    text-decoration: underline;
}

#sendToFriend a#closeSendToFriend:hover {
    cursor: pointer;
}

#sendToFriend h3 {
    margin: 0 0 5px 5px;
    padding-bottom: 0.5em;
    color: #606;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}


.innerFooter {
    overflow: auto;
    width: 980px;
    margin: 10px auto 0 auto;
    color: #fff;
    text-align: left;
}

.innerFooter h1 {
    width: 200px;
    height: 37px;
    margin: 0;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 30px;
    text-indent: -1000px;
    background-image: url(../img/logo_digitoday_medium.gif);
    background-repeat: no-repeat;
}

.innerFooter a { color: #fff; }
.innerFooter a:link { color: #fff; }
.innerFooter a:visited { color: #ddd; }

.innerFooter li.main a {
    color: #0cf;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.innerFooter li.main a:link { color: #0cf; }
.innerFooter li.main a:visited { color: #0086a7; }

.searchFooter {
    display: inline;
    float: right;
 /*   margin-right: 190px;*/
    margin-right: 125px;
    padding: 7px;
    background-color: #444;
}

.searchFooter input.tf_xl {
    width: 385px;
}

ul.addressAndContact {
    display: inline;
    float: left;
    width: 400px;
    margin: 1.25em 10px 0 0;
}

ul.addressAndContact span.lbl {
    position: absolute;
/*    left: -140px;
    width: 135px;*/
    left: -200px;
    width: 190px;
    
    color: #999;
    text-align: right;
}

ul.addressAndContact li {
    position: relative;
    clear: left;
/*    margin: 0 0 0.25em 138px;*/
/*    margin: 0 0 0.25em 198px;*/
    margin: 0 0 0.25em 130px;
    
}

.innerFooter li.section {
    margin-bottom: 1.25em;
}

#footer .vcard .type, #footer .vcard .fn {
    display: none;
}

.vcard .adr, .vcard .street-address {
    display: inline;
}

.sitemapCol {
    float: left;
    width: 110px;
    margin: 1.25em 10px 0 0;
}

dl.sections {
    float: left;
    margin: 0 1em 2em 15px;
}

dl.sections dt {
    font-weight: bold;
}

dl.sections dd {
    margin-bottom: 2em;
}

dl.sections dd ul {
    list-style: none;
    margin-left: 1em;
}

dl.sections.rss {
    width: 30%;
}

dl.sections.rss li {
    position: relative;
}

dl.sections.rss li span.notice {
    position: absolute;
    display: block;
    width: 40px;
    left: -54px;
    text-align: center;
}

#whatIsRss {
    float: left;
    width: 220px;
    padding: 10px;
    background-color: #eee;
}

#whatIsRss ul {
    margin-left: 2em;
}

#contactInfo {
    float: right;
    width: 295px;
    padding: 10px;
    border: 1px solid #ccc;
}

* html ul.addressAndContact {
    width: 250px;
}

* html ul.addressAndContact li {
    width: 120px;
}

#contactInfo ul {
    list-style: none;
}

#contactInfo li.section {
    margin-bottom: 1.25em;
}

#contactInfo .lbl {
    color: #555;
}

#contactInfo .fn,
#contactInfo .type {
    display: none;
}

div.reporter.agent {
    overflow: auto;
    float: left;
    width: 400px;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #ccc;
    background: 0;
}

.authorAndCopyright .agent {
    width: auto;
    border: 0;
}

.reporter.agent.vcard .photo {
    float: left;
    padding-right: 10px;
}

.agent.vcard .photo {
    padding-right: 0;
}

.reporter.agent.vcard .fn {
    font-size: 17px;
}

.reporter.agent.vcard a.email {
    padding-right: 24px;
    background-image: url(/img/icon_email.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.contributors {
    overflow: auto;
    float: left;
    width: 400px;
    margin: 0;
    padding: 10px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}

.contributors p {
    position: relative;
    margin-left: 9.5em;
}

.contributors strong {
    position: absolute;
    left: -9.5em;
    width: 9em;
    margin: 0;
    text-align: right;
}

#ad468x20 {
    margin-top: 10px;
}

#ad300-1, #ad300-2, #ad300-3 {
    margin: 15px 0;
    text-align: center;
}

#ad300-1 {
    clear: both;
}

#ad120-1 {
    padding: 10px 0;
    text-align: center;
    border-bottom: 3px solid #333;
}

#feedbackF {
    clear: both;
    margin: 1.5em 0;
}

#feedbackF fieldset {
    display: block;
    position: relative;
    margin: 0 10px 1.25em 0;
    padding-left: 8.25em;
    text-align: left;
}

#feedbackF fieldset label {
    position: absolute;
    display: block;
    width: 7em;
    top: 0px;
    margin-left: -8em;
    padding: 2px 0.5em 3px 0;
    font-weight: bold;
    text-align: right;
    background-color: #ff6;
}

#feedbackF fieldset small {
    color: #7f7f7f;
    font-size: 10px;
    font-weight: normal;
}

#feedbackF textarea.tf_xl {
    width: 100%;
    height: 150px;
}

#feedbackF input.tf_xl {
    width: 400px;
}





#newsletterSubscribeF, #newsletterCancelF {
    clear: both;
    margin: 1.5em auto;
}

.fs {
    clear: both;
    margin: 1.5em auto;
}

.fs fieldset {
    width: 600px;
    margin: 1em 0 1em 88px;
    font-size: 14px;
    text-align: right;
}

.fs input {
    font-size: 14px;
}

#newsletterSubscribeF #sahkopostiC, #newsletterCancelF #sahkoposti2C {
    width: 770px;
    margin-left: 0;
    padding: 10px;
    background-color: #def5ff;
    text-align: center;
}

.fs fieldset label {
    display: inline;
    padding-right: 0.25em;
    font-weight: bold;
}

#newsletterSubscribeF table, #newsletterCancelF table {
    width: 600px;
    margin: 1em auto;
}

.fs th {
    color: #7f7f7f;
    border-bottom: 1px solid #ccc;
}

.fs td, .fs th {
    padding: 6px 3px;
    vertical-align: top;
}

.fs td label {
    display: inline;
}

.fs tr.section td, .fs tr.section.alt td {
    border-top: 1px solid #ccc;
}

.fs td.logo, .fs tr.alt td.logo {
    width: 60px;
    padding: 10px 10px 10px 15px;
    text-align: left;
    background-color: #fff;
    border-bottom: 0;
}

.fs td.check {
    width: 1em;
}

.fs td.title {
    position: relative;
    display: block;
    padding: 10px 15px 10px 3px;
}

.fs td.published {
    width: 150px;
}

.fs tr.alt td {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.fs td .notice {
    position: absolute;
    display: block;
    width: 40px;
    left: -75px;
    text-align: center;
}



* html #loginframe,
* html #topFeature #loginframe,
* html #features1and2 #loginframe { /* IE6 */
    width: 135px;
}

#login, #loginframe {
    text-align: left;
}

#loginframe dt {
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.pagination, .moreNews {
    margin: 1.5em 5px;
    padding: 1em 0 2.5em 0;
}

.pagination .prev, .pagination .next, .pagination .pageNum, .pagination .here, .pagination .dots, .prev.disabled, .next.disabled {
    display: block;
    float: left;
    margin: 0 3px;
    padding: 3px 4px;
    line-height: 13px;
}
.pagination .prev {
    margin-left: 5px;
    padding: 3px 6px 3px 14px;
    font-size: 12px;
    background-image: url(/img/icon_triangle_right.gif);
    background-repeat: no-repeat;
    background-position: left 70%;
}
.pagination .next {
    padding: 3px 14px 3px 6px;
    font-size: 12px;
    background-image: url(/img/icon_triangle_left.gif);
    background-repeat: no-repeat;
    background-position: right 70%;
}
.pagination .pageNum {
    min-width: 1em;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ccc;
}
.pagination a.pageNum:link, .pagination a.pageNum:visited,
.pagination a.here:link, .pagination a.here:visited  {
    text-decoration: none;
}
.pagination .here {
    font-size: 12px;
    font-weight: bold;
}
.pagination .dots {
    padding: 3px 2px;
    font-size: 12px;
}

.disabled {
    color: #7f7f7f;
}

.factBox {
    width: 185px;
    margin-bottom: 1em;
    padding: 10px 5px 5px 10px;
    border: 1px solid #ccc;
}

.boxLeft {
    float: left;
    margin-right: 1em;
}

.boxRight {
    float: right;
    margin-left: 1em;
}

.factBox h5 {
    margin-bottom: 0.75em;
    font-weight: bold;
}

.factBoxContent p {
    font-size: 11px;
    padding: 0;
}

.factBox ul {
    margin-left: 1.5em;
}

/* In-story table styles */

.figureTable td { border-top: 1px solid #999999; }
.figureTable td { padding: 3px 5px 3px 5px; }
tr.tableHeader td { background-color: #CDD6DC; border: 0; font-weight: bold; }
tr.columnHeader td { background-color: #E6EAEE; border: 0; font-weight: bold; }

.fullStory table {
    padding-left: 5px;
}

.fullStory table table {
    padding-left: 0;
}

.fullStory table table.taulu2 { padding: 5px 0; }
.fullStory td { color: #90348E; }
.fullStory td table td { border-top: 1px solid #ddd; }
.fullStory td table td { padding: 3px 0 3px 5px; color: #000; }
th small, td small { font-weight: normal; }






#pm-form label {
	display:inline;
}

#pm-form input {
	display: inline;
}

.info {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ccc;
}

ol.searchResults {
    margin: 0.5em 0 0.75em 5px;
}

ol.searchResults li {
    padding-bottom: 0.25em;
    color: #aaa;
    line-height: 1.25;
}

ol.searchResults span.date {
    float: right;
    width: 10em;
    padding: 0 0.5em;
    text-align: right;
}

.taloussanomat-headlines {
	margin: 2.75em 0 0.5em;
}

.taloussanomat-headlines h3 {
	height: 37px;
	margin: 0.25em 0 0.5em;
	padding: 3px 5px 0 70px;
	color: #fff;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 32px;
	background-image: url(/img/header_taloussanomat_headlines.gif);
	background-repeat: no-repeat;
}

.featuresSingleCol .taloussanomat-headlines h3 {
	padding-left: 62px;
	font-size: 10px;
	background-image: url(/img/logo_taloussanomat_s.gif);
}

.taloussanomat-headlines ul {
	margin: 0 5px;
}

.taloussanomat-headlines ul li span.date {
    display: none;
}

.taloussanomat-headlines li.n6, .taloussanomat-headlines li.n7, .taloussanomat-headlines li.n8, .taloussanomat-headlines li.n9, .taloussanomat-headlines li.n10 {
	display: none;
}

#pmForm label {
    display: inline;
}

#pmForm .intro {
    font-size: 14px;
}

#pmForm div, .pm-question {
    margin: 0 0 1.25em 0.75em;
}

#pmForm div.pm-question div {
    margin-bottom: 0;
}

.pm-question label {
    display: inline;
}

table#rekisteriseloste {
    margin: 10px 10px 10px 0;
}

table#rekisteriseloste td {
    padding: 10px 5px;
    border-top: 1px solid #ccc;
}

table#rekisteriseloste ul,
table#rekisteriseloste ol {
    margin: 5px 0;
    padding: 0 0 0 20px;
    list-style-position: outside;
}

table#rekisteriseloste ul {
    list-style: square;
}

table#rekisteriseloste li {
    padding: 0 0 5px 0;
}





/* Uutispäivä ja -viikko */

.newsCategory {
    clear: both;
    border-top: 3px solid #333;
}

.newsCategory h2 {
    float: left;
    width: 100px;
    margin: 0 10px 0 0;
    padding: 3px 3px 6px 6px;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    letter-spacing: 0.025em;
    text-transform: lowercase;
    background-color: #333;
} * html .newsCategory h2 {
    margin-top: -3px;
}

.newsCategory h3 {
    margin: 0.25em 10px 0 0;
    padding: 5px 5px 0 5px;
    color: #555;
    font-family: Verdana, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.newsCategory .newsListing {
    display: inline;
    position: relative;
    overflow: visible;
    float: left;
    clear: left;
    width: 300px;
    margin: 0 0 0 110px;
    border: 0;
}

.newsCategory .newsListing .kicker {
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 11px;
}

.newsCategory .newsListing h3 {
    margin: 0.1em 5px 0.4em 10px;
    padding: 0;
    color: #000;
    font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1;
    text-transform: none;
}

.newsCategory .newsListing .date {
    font-size: 13px;
}

.newsCategory .newsListing h3 a:link {
    color: #333;
    text-decoration: none;
}

.newsCategory .newsListing h3 a:visited {
    color: #333;
    text-decoration: none;
}

.newsCategory .newsListing .imageOnLeft, .newsCategory .newsListing .imageOnRight {
    position: absolute;
    float: left;
    margin-top: 0.25em;
    left: -120px;
    margin-right: 10px;
}

.newsCategory .headlinesListing {
    float: left;
    width: 410px;
    margin: 1em 0 0 0;
    padding: 1em 0 3em 5px;
    border-top: 1px solid #ccc;
}

.daysPictures {
    float: right;
    width: 345px;
    margin: 0 0 0 15px;
    padding: 8px 0 0 10px;
}

.newsCategory .daysPictures h3 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #555;
    font-family: Verdana, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.daysPictures ul {
    margin: 0;
    padding: 0;
}

.daysPictures li {
    position: relative;
    float: left;
    display: block;
    list-style: none;
    height: 62px;
    margin: 0;
    padding: 5px 0 4px 5px;
    background-image: url(/img/bg_thumb_left.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
} * html .daysPictures li { /* IE6 */
    display: inline;
    padding: 5px 0 3px 5px;
}

.daysPictures li a {
    display: block;
    height: 61px;
    padding: 1px 5px 4px 0;
    background-image: url(/img/bg_thumb_right.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
} * html .daysPictures li a { /* IE6 */
    display: inline;
    padding: 1px 5px 7px 0;
}

.daysPictures li a img {
    border: 3px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 3px solid #fff;
}

.picHovered {
    position: absolute;
    z-index: 2;
    top: -50%;
    left: -50%;
    padding: 5px 5px 2px 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 2px outset #aaa;
} * html .picHovered {
    display: none;
}

.newsCategory .picHovered img, .newsCategory .picHovered a {
    display: inline;
    padding: 0;
    border: 0;
    background: 0;
}

.picHovered p {
    font-size: 10px;
}

.dayNavigation {
    clear: both;
    padding-bottom: 2.5em;
    font-size: 17px;
}

.timeNavigation {
    clear: both;
    margin-bottom: 1.5em;
    padding: 0.75em;
	color: #7f7f7f;
	font-size: 13px;
	text-align: center;
	line-height: 17px;
	letter-spacing: 0.05em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.next {
    float: right;
    font-size: 17px;
}

.prev {
    float: left;
    font-size: 17px;
}

.headlinesListing li.heading {
	margin-left: 0;
	margin-bottom: 1.5em;
}

#topLists {
    overflow: auto;
    margin: 0 0 25px 0;
    padding: 0 5px;
    zoom: 1; /* IE6 */
}

#topLists div {
    float: left;
    width: 148px;
    margin-right: 8px;
}

#topLists div h2 {
    margin: 0.25em 10px 10px 0;
    padding: 5px 5px 0 5px;
    color: #555;
    font-family: Verdana, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0;
}

#topLists div ol {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
}

#topLists div ol li span.date {
    display: none;
}

#topLists div ol#topSearches {
    list-style: decimal outside;
    margin: 0 0 0 28px;
    padding: 0;
    color: #7f7f7f;
}

span.rankChange {
    padding-left: 14px;
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

span.rankChange.neutral {
    background-image: url(/img/icon_trend_neutral.gif);
}

span.rankChange.positive {
    background-image: url(/img/icon_trend_positive.gif);
}

span.rankChange.negative {
    background-image: url(/img/icon_trend_negative.gif);
}

.hidden {
    display: none;
}


.newsFeature a.clippedImage {
    display: block;
    width: 140px;
    height: 50px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

.newsFeature a.clippedImage img {
    display: none;
}

.featuresTwoCols.newsFeatures h2 {
    margin-bottom: 3px;
}

.adGoogle {
    margin: 5px 0;
}

.fromTheArchives {
    margin-bottom: 1em;
}

.fromTheArchives h3,
.fromTheArchives h4,
.fromTheArchives p {
    margin-left: 85px;
    margin-right: 5px;
}

.fromTheArchives h3 {
    margin-bottom: 0.25em;
    color: #7f7f7f;
    font-size: 11px;
}

.fromTheArchives h4 {
    font-size: 12px;
}

.fromTheArchives hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}

.fromTheArchives img.yearImg {
    display: block;
    float: left;
    margin-left: 5px;
}

#floater {
    position: static;
    margin-top: 10px;
}

#floater.flowing {
    left: auto;
    clear: left;
    margin: 0;
}









/* Google-mainokset */

.ad_header {
    margin: 1em 0;
    font-weight: bold;
}

.afc_title {
    clear: both;
    margin: 15px 0 3px;
    padding: 3px 5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 14px;
    border-bottom: 2px solid #ccc;
    background-color: #333;
}

.afc_title a {
    color: #fff;
    text-decoration: none;
}

.afc_text {
    margin: 1em 0;
}

.afc_text a {
    text-decoration: none;
}

.gArticleAd {
    border-bottom: 1px solid #ddd;
}

.gSearchAd {
    margin: 10px 5px 15px 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}













/* Blogit kunniaan 2008 -sivun tyylit */

#blogContest {
    overflow: visible;
    float: left;
    width: 470px;
    margin: 0 10px 2em 0;
}

#blogContestFeatures.featuresTwoCols {
	overflow: hidden;
    float: left;
    width: 310px;
	padding: 0;
}

#blogContestFeatures.featuresTwoCols p, #blogContestFeatures.featuresTwoCols li, #blogContestFeatures.featuresTwoCols dd {
    font-size: 11px;
}

#blogContestFeatures.featuresTwoCols dl dt {
    margin: 0 0 0.5em 0;
    color: #90348e;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#blogContestFeatures.featuresTwoCols dl dd {
    margin-left: 15px;
    margin-right: 15px;
}

#blogContest h2 {
    font-size: 21px;
    letter-spacing: -0.03em;
}

#blogContest ul {
    list-style-type: square;
    margin-left: 15px;
    font-size: 14px;
}

#blogContestFeatures.featuresTwoCols ul {
    list-style-type: square;
    margin-left: 0;
}

#blogContest ul li, #blogContestFeatures.featuresTwoCols ul li {
    margin: 0 0 0 15px;
}

#blogContestFeatures.featuresTwoCols p {
    line-height: 19px;
}

#blogContestSponsors {
    overflow: visible;
    position: absolute;
    right: 0;
    top: 150px;
    width: 160px;
    margin: 5px 0 5px 0px;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#blogContestSponsors h3 {
    color: #90348e;
}

#blogContestSponsors div {
    margin: 15px 0;
}

#osallistuKyselyyn {
    float: right;
    width: 140px;
    margin: 0 0 10px 10px;
    padding: 5px;
    line-height: 24px;
}

#osallistuKyselyyn p {
    line-height: 24px;
}

#osallistuKyselyyn div {
    width: 116px;
    padding: 5px;
    border: 1px dotted #7f7f7f;
}

#osallistuKyselyyn a {
    font-size: 22px;
}












form.sideLabels dt {
    clear: left;
    float: left;
    width: 7em;
    margin: 0;
    padding: 0.15em 0 0.75em;
    text-align: right;
	line-height: 1.5;
}

form.sideLabels dd {
    margin: 0 0 0 7.75em;
    padding: 0 0 0.75em;
	line-height: 1.5;
}

form.sideLabels dt.divider {
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d8d8d8;
}

form.sideLabels dd.radioButtonContainer {
	float: left;
	clear: right;
	margin: 0 0.75em 5px 0.75em;
	padding: 2px 10px 3px 5px;
}

form.sideLabels dt input {
    margin-top: -0.25em;
}

form.sideLabels dt.clear {
    clear: both;
    float: none;
    width: 100%;
    margin: 1em 0 0;
    padding: 0;
}

form.sideLabels dt.onRight {
	float: left;
	clear: none;
	width: 1.25em;
	margin: 0 0 0.75em 2em;
	text-align: left;
}

form.sideLabels dd.onRight {
	float: left;
	clear: none;
	margin: 0 0 0 0.75em;
	text-align: left;
}

* html form.sideLabels dd.onRight input {
	margin: 0 0 0 -9px;
}

form.sideLabels hr {
    clear: both;
    width: 100%;
    height: 1px;
    margin: 1.5em 0;
    padding: 0;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #d8d8d8;
}

.sideLabels label {
	padding-top: 0;
}

.sideLabels label.title {
    font-weight: bold;
}

.sideLabels .info {
    font-style: italic;
}

form.sideLabels dd.info {
    clear: both;
    float: none;
    margin-left: 7.75em;
    line-height: 1.5;
}





/* Promot */

.storyCollectionPromo {
    margin: 30px 0;
}

.storyCollectionPromo .scpFrame {
    margin: 12px;
    padding: 15px 15px 15px 10px;
    border: 1px solid #d8d8d8;
}

.scpLogo {
    
}

.scRss {
    float: right;
}

.storyCollectionPromo .more {
    padding-left: 5px;
}

.more a {
    padding-right: 14px;
    background-image: url(/img/icon_triangle_left.gif);
    background-position: right 90%;
    background-repeat: no-repeat;
}

.storyCollectionPromo .newsListing {
    margin-top: 10px;
}

.storyCollectionPromo .imageOnRight {
    margin-right: 0;
}

.storyCollectionPromo .headlinesFeature {
    border: 0;
}

.content .headlinesFeature ul {
    list-style: none;
}

/* MWC2009-promo */

#mwcPromo {
    position: relative;
}

#mwcPromo .scpLogo {
    position: absolute;
    z-index: 2;
    top: -12px;
    width: 209px;
    height: 67px;
} * html #mwcPromo .scpLogo {
    left: -12px;
}

#mwcPromo h2.scpTitle {
    margin: 0 0;
    color: #90348e;
    font-family: Verdana, sans-serif;
    font-size: 9px;
    letter-spacing: 0;
    text-align: right;
}

.editorsPicks {
    margin-bottom: 0;
    padding-bottom: 0;
}
                                                                                                            
.editorsPicks .head {
    font-weight: bold;
    font-size: 14px; 
    font-family: Lucida Grande, Lucida Sans, Trebuchet MS, sans-serif; 
    color: #90348E;
}

.editorsPicks .content {
    margin-bottom: 15px; 
    margin-top: 3px;
}

.editorsPicks .smallHead {
    font-size: 12px;
    color: #555;
}

.editorsPicks .smallContent {
    margin-bottom: 10px;
    font-size: 90%; 
    color: #7f7f7f;
}





#vmmFooter {
    clear: left;
    margin-top: 50px;
    text-align: left;
}

#vmmFooter h3 {
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	color: #999;
	margin: 0 0 5px 0;
}

#vmmFooter h4 {
	width: 100%;
	font-weight: bold;
	font-size: 13px;
	color: #999;
	margin: 0 0 20px 0;
}

#vmmFooter div {
	width: 100px;
	float: left;
	padding: 0 10px 0 0;
	font-size: 10px;
	color: #999;
}

#isframeContainer { margin-top: 20px; padding-bottom: 20px; border-bottom:1px solid #CCCCCC;}

#ISUutisOtsikot { padding: 0px; height: 248px;  width: 398px; border: 1px solid #000000;        line-height: 14px;      margin-top: 0px;        margin-right: auto; margin-bottom: 0px; margin-left: 
auto;}
#ISUutisOtsikotLinkit { height: 75px; margin: 0px; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; padding-top: 1px; padding-right: 3px; 
padding-bottom: 5px; padding-left: 3px;}
#ISUutisOtsikotFooterLinkit a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; padding-top: 2px; padding-right: 5px; 
padding-bottom: 2px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 2px; float: left; 
background-image: url(http://kuvat2.iltasanomat.fi/iltasanomat/rss/nuoliMusta.gif); background-repeat: no-repeat; background-position: 2px 6px; height: 16px;}
#ISUutisOtsikotFooterLinkit a:hover {   background-color: #FF0000;      color: #FFFFFF; text-decoration: none;  background-image: url(http://kuvat2.iltasanomat.fi/iltasanomat/rss/nuoliValkoinen.gif); 
background-repeat: no-repeat;   background-position: 2px 6px;}
#ISUutisOtsikotFooterLinkit {   padding-top: 0px;       padding-right: 0px;     padding-bottom: 0px;    padding-left: 0px;      margin: 0px;}
#ISUutisOtsikotLogo {   margin: 0px;    padding: 0px;   height: 24px;   width: 100%;    border-bottom-width: 1px;       border-bottom-style: solid;     border-bottom-color: #000000;}
#ISUutisOtsikotLinkit a {       font-family: Arial, Helvetica, sans-serif;      font-size: 11px;        font-weight: bold;      color: #000000; text-decoration: none;  background-image: 
url(http://kuvat2.iltasanomat.fi/iltasanomat/rss/nuoliPunainen.gif);  background-repeat: no-repeat;   background-position: 0px 3px;   margin: 0px; padding-top: 0px;  padding-right: 0px; padding-bottom: 0px;
padding-left: 8px;}
#ISUutisOtsikotLinkit a:hover { text-decoration: underline;}
#ISUutisOtsikotFooter { margin: 0px;    background-image: url(http://kuvat2.iltasanomat.fi/iltasanomat/rss/uutisBoksiFooterBG.gif);     background-repeat: repeat-x;    padding: 0px;   height: 20px;}
#ISUutisOtsikotMainPic {        border-bottom-width: 1px;       border-bottom-style: solid;     border-bottom-color: #000000;   height: 120px;  overflow: hidden;}
#ISUutisOtsikotMainPicText { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; height: 115px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 
30px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #000000; line-height: normal; padding-top: 5px; padding-right: 3px; padding-left: 10px; }
#ISUutisOtsikotMainPicText a {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; height: 115px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; 
font-size: 30px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #000000; line-height: normal; padding-top: 2px;  padding-right: 3px; padding-left: 0px;}
.datetime { font-style: italic;  font-weight:normal;}

.centeredAd {
    margin-left: auto;
    margin-right: auto;
}
        
.ad400wide {
    width: 400px;
    margin-top: 20px;
}
                
.newsFrontAd {
    padding-bottom: 20px; border-bottom:1px solid #CCCCCC;
}

.leikiad {
    font-family: Arial;
/*    padding-left: 20px;
    padding-right: 20px;*/
/*     padding-bottom: 10px; */
/*     padding-bottom: 0px; */
/*    padding-bottom: 5px;
    padding-top: 10px;*/
    
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    
    margin-bottom: 20px;
    margin-top: 20px;
    
    /*background-color: #ededed;*/
/*     background-color: #f0f0f0; */
    
    width: 468px;
    clear:both;
}

.leikiad a, .leikiad a:visited {
/*     text-decoration: none; */
/*     color: #0000DD; */
    color: #0076A3;
}

.leikiad .leikiadheadline {
/*     background-color: #f0f0f0; */
    background-color: #f5f5f5;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 20px;
    text-transform: uppercase;
}

.leikiad .leikiadheadline:before {
    content: "\2207 Uutinen jatkuu alhaalla \2207";
    float: right;
/*     font-size: 12px; */
}

.leikiad h6 {
    font-family: "Lucida Grande","Lucida Sans","Trebuchet MS",sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.leikiad p {
    font-family: Arial; 
    color: #000;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 1.3em;
    padding-left: 20px;
    padding-right: 20px;
}

.leikiad p a, .leikiad p a:visited {
    color: #000;
    text-decoration: none;
}

.fullStory div.leikiwidget {
    line-height: 1.8;
    margin-top: 10px;
}

div.relatedContent .leikiContent {
    margin-top: 10px;
}

/*div.relatedContent .leikiContent .leikiTS ul:before {
    content: "Haku aihepiiristä";
    display: block;
    color: #3f3f3f;
    font-family:"Arial Black","Gadget","Impact","Charcoal","Arial","Tahoma","Geneva","Verdana",sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 8px;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d6d6;
}*/

.fullStory .relatedContent {
	clear: both;
	margin-left: 5px;
}

.fullStory div.leikiwidget h6 {
    font-family: "Lucida Grande","Lucida Sans","Trebuchet MS",sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0.25em;

}

.fullStory div.leikiMarkkinapaikat {
}

.fullStory div.leikiMarkkinapaikat .leikiwidgetsource {
    display: none;
}

.fullStory div.leikiMarkkinapaikat div.leikiwidget {
    margin-top: 10px;
    color: #000;
    border-top: 1px solid #CDDC99;
/*    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;*/
/*    padding-top: 12px;*/
    padding-top: 26px;
    padding-left: 8px; 
    padding-bottom: 6px;
    zoom: 1;
    font-family: Georgia;
    background: #F6F9F0 url(/img/leikiwidgetOikotieLogo.gif) no-repeat scroll 8px 6px;
}

div.relatedContent .leikiMarkkinapaikat .leikiwidget {
    border-bottom: 1px solid #d6d6d6;
    padding-left: 15px;
}

.fullStory div.leikiMarkkinapaikat div.leikiwidget h6 {
/*    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 6px;*/
/*    font-family: Georgia;
    font-weight: bold;*/
    display: none;
}


.fullStory div.leikiwidget ul {
    list-style-type: none;
    padding-left: 0;
	margin: 0.5em 0;
}

.fullStory .leikiMarkkinapaikat div.leikiwidget ul {
	margin: 0;
	font-size: 12px;
}

.fullStory div.leikiwidget a, .fullStory div.leikiwidget a:active, .fullStory div.leikiwidget a:visited {
}

.fullStory .leikiMarkkinapaikat div.leikiwidget a, .fullStory .leikiMarkkinapaikat div.leikiwidget a:active, .fullStory div.leikiwidget a:visited {
	color: #000;
	text-decoration: none;
}

.fullStory div.leikiwidget .leikiwidgetsource {
/*    background-color: #F5871E;*/
    background-color: #999;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
    padding: 1px 3px 1px;
    text-transform: uppercase;
}

.fullStory div.leikiwidget span.leikiwidgettimestamp {
    color: #999999;
}

/*.fullStory div.leikiwidget span.leikiwidgettimestamp:before {
    content: " (";
}

.fullStory div.leikiwidget span.leikiwidgettimestamp:after {
    content: ") ";
}*/



.hintaseuranta {
    float: left;
    width: 150px;
    margin: 0 0px 0 0;
    padding: 0 0 10px 0;
}

.hintaseuranta h2 {
    height: 45px;
    padding-bottom: 0px;
    vertical-align: text-bottom;
    margin-bottom: 0;
}

.hintaseuranta .title {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 2px;
    font-size: 1em;
    font-weight: bold;
}

.hintaseuranta ul {
    padding-left: 5px;
    display: block;
    border-bottom: 1px solid #CCCCCC;
}

.hintaseuranta li, .hintaseuranta li.odder {
    padding-left: 1px;
    padding-bottom: 0px;
    padding-top: 3px;
    padding-right: 0px;
    line-height: 100%;;
    display: block;
}

.hintaseuranta li.odder{
    background-color: #f0f0f0;
}

.hintaseuranta li h3 {
    float: left;
    font-weight: bold;
    font-size: 0.98em;
    display: inline;
    line-height: 0.9;
}

.hintaseuranta li h3.green {
    color: #2ab34b;
}

.hintaseuranta li h3.red {
    color: #cc0000;
}

.hintaseuranta li p {
    margin: 0;
    font-size: 0.90em;
    padding-left: 48px;
    padding-right: 0;
    line-height: 1.0;
   }

.hintaseuranta li p a {
    text-decoration: none;
}

.hintaseuranta.right {
    margin-left: 10px;
}

.hintaseuranta.right h2 {
    margin-left: -10px;
}

/* HiseBox for article */

.hiseBox {
    border: 1px solid #94d6f5;
    padding-top: 0;
    padding-left: 0;
    background-image: url(http://www.digitoday.fi/img/hisebackground.jpg); 
    background-position: left top;
    background-repeat: repeat-x;
    background-repeat: no-repeat;
    width: 180px;
    padding-bottom: 5px;
    padding-top: 65px;
}

.hiseBox div.factBoxContent, .hiseBox h5 {
    padding-left: 10px;
}

.hiseBox img.hiselogo {
    margin-bottom: 5px;
    margin-left: 5px;
}

.hiseBox h5 {
    font-size: 1.1em;
/*    margin-top: 50px;*/
}

.hiseBox h5.substring {
    height:2.5em;
    overflow:hidden;
}

.hiseBox h5.substring:after {
    content: " ...";
}

.hiseBox h5 a, .hiseBox h5 a:active, .hiseBox h5 a:visited {
    color: #000;
}
    
.hiseBox ul {
    list-style: none;
    margin-left: 0;
}

.hiseBox .hiseGraph {
    background-color: #fff;
    padding-top: 5px;
    width: 710px;
    height: 320px;
    border: 0.1em solid #ccc;
    position: absolute;
    margin-top: -9px;
    padding-left: 5px;
    display: none;
    z-index: 1000;
}

.hiseGraph .graph {
    margin-bottom: 0;
    margin-top: 5px;
}

.hiseBox a.toggleHiseGraph, .hiseBox a.toggleHiseGraph:active, .hiseBox a.toggleHiseGraph:visited {
    margin-bottom: 10px;
    display: block;
    color: #0076A3;
}



.hintaseuranta.hiseLinks {
	width: 310px;
	overflow: hidden;
}

.hiseLinks .title {
	border-bottom:1px solid #CCCCCC;
	padding-left: 10px;
}

.hiseLinks ul {
  width: 310px;
  padding-left: 10px;
  padding-right: 20px;
  margin-top: 5px; 
  border-bottom: 0px solid #fff;
}

.hiseLinks ul li {
  float: left;
  font-size: 12px;
  width: 90px;
}

#keskustelut h1 {
	margin: 10px 0 0 0;
	border: none;
}

#keskustelut a:link {
	color: #c03;
	text-decoration: underline;
}

#keskustelut a:visited {
	color: #666;
	text-decoration: underline;
}

#keskustelut a.here:link, #keskustelut a.here:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#keskustelut a.here:hover, #keskustelut a.here:active {
	color: #c03;
	font-weight: bold;
	text-decoration: underline;
}


#forumHeader {
	overflow: auto;
	margin: 0 0 10px 0;
}

#forumHeader h2 {
	font-size: 12px;
	margin: 0 0 0.25em 0;
}

#forumHeader h2#haku {

}

#areasContainer {
	float: left;
	width: 560px;
	margin: 0;
	padding: 2px;
	border: 1px dotted #ccc;
}

#areasContainer div {
	overflow: auto;
	margin: 0;
	padding: 8px 15px 8px 10px;
	background-image: url(../img/bg_comment.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	zoom: 1;
}

#areasContainer ul {
    list-style: none;
	float: left;
	margin: 5px 0 10px 25px;
}

#areasContainer ul.firstColumn {
	margin: 5px 0 10px 5px;
}

#areasContainer li {
	padding: 0 0 3px 10px;
	font-size: 12px;
	background: transparent url(../img/icon_arrow.gif) no-repeat 0 0.45em;
}

#jive-searchform {
	float: right;
	width: 200px;
	margin: 0;
	padding: 8px 5px 10px 19px;
	border-bottom: 1px dotted #ccc;
}

#forumHeader .textField {
	border: 2px inset #ddd;
}

.forumMsgCount {
	display: none;
	float: right;
	clear: none;
	margin: 15px 0 0 0;
	font-size: 11px;
	background-color: #eee;
}

#keskustelut a.tinyArrowLink:link, #keskustelut a.tinyArrowLink:visited, #keskustelut a.tinyArrowLink:hover, #keskustelut a.tinyArrowLink:active {
	margin: 6px 0;
	padding: 0 0 0 12px;
	background: url(../img/icon_arrow_tiny.gif) no-repeat 0 50%;
	font-size: 11px;
	font-weight: bold;
	color: #6c6c6c;
}

.newConversation {
	padding-left: 20px;
	background-image: url(../img/icon_comment_red.gif);
	background-repeat: no-repeat;
}

.forumActions {
	float: right;
	clear: right;
	width: 200px;
	margin: 0;
	padding: 16px 5px 20px 19px;
	text-align: center;
}

.forumActions a:link, .forumActions a:visited, .forumActions a:hover, .forumActions a:active {
	display: block;
	margin: 0;
}

#forumHeader .forumActions a {
	padding: 0;
	font-size: 1.25em;
	font-weight: bold;
}

h2.forum {
	clear: both;
	margin: 10px 0 5px 0;
}

h2.forum { /* overrider */
	padding: 0;
	background: none;
	text-transform: none;
	color: #000;
	font-size: 21px;
	text-align: left;
}

.topicContainer h2 {
	float: left;
	margin: 0 5px 2px 0px;
	padding: 13px 10px 0px 10px;
	font-size: 18px;
}

.topicContainer h2.here {
	position: relative;
	bottom: -3px;
	padding: 7px 12px 5px 12px;
	font-size: 21px;
	background-color: #fff;
	border: 1px dotted #aaa;
	border-bottom: none;
}

#keskustelut .topicContainer h2.here a:link,
#keskustelut .topicContainer h2.here a:visited {
	color: #000;
	text-decoration: none;
}

.headerLink {
	display: block;
	float: right;
	margin: 3px 10px 0 0;
}

.headerLink.h1 {
	margin: 13px 10px 0 0;
}

.threadControls {
    clear: both;
	overflow: auto;
    height: 33px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
    zoom: 1;
}

.displayFormat {
	float: left;
	margin: 3px 10px 7px 0;
	padding: 7px 0 0 15px;
}

.pageNumbers {
	float: right;
	clear: right;
	margin: 3px 10px 7px 0;
	padding: 12px 0 0 15px;
}

.threadControls .pageNumbers {
	padding-top: 7px;
}

.pageNumbers a {
	padding: 0 0.1em 0 0.2em;
}

a.nextPage {
	padding-right: 12px;
	background-image: url(../img/icon_arrow_red.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#content .pageNumbers a.here:link, #content .pageNumbers a.here:visited,
#content .sortOrder a.here:link, #content .sortOrder a.here:visited {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.sortOrder {
	float: right;
	clear: right;
	margin: 0;
	padding: 10px 0 5px 0; /* top was: 18px */
	text-align: left;
	font-size: 11px;
}

.sortOrder strong {
	padding: 0 0.15em 0 0;
	font-size: 11px;
}

.topicTable {
	clear: both;
	width: 100%;
	margin: 0 0 3px 0;
}

.topicTable th {
	background: none;
	font-weight: bold;
	vertical-align: bottom;
}

.topicTable th {
	padding: 5px 4px 2px 4px;
	font-size: 11px;
	text-align: left;
	border-top: 1px dotted #aaa;
	border-bottom: 3px double #ccc;
}

.topicTable td {
	text-align: left;
	font-size: 12px;
	padding: 5px 7px 5px 7px;
}

.topicTable tr td {
	background-color: #fff;
}

.topicTable tr.alt td {
	background-color: #eee;
}

.topicTable td.creator, .topicTable td.latest {
	font-size: 10px;
	width: 10em;
}

.topicTable td.author {
	width: 12em;
}

.topicTable td.avatar {
	padding-top: 9px;
	vertical-align: top;
}

.topicTable td.title {
	padding-top: 9px;
	vertical-align: top;
}

.topicTable td.msgs, .topicTable td.read {
	text-align: center;
	white-space: nowrap;
	color: #000;
}

.topicTable td.read {
	color: #999;
}

.topicTable tr td.area {
	width: 6em;
	font-weight: bold;
}

.topicTable tr.alt td.area {
	background-color: #fff;
}

.topicTable tr.areaHeader td {
	border-top: 1px dotted #ccc;
}

.topicTable td.time {
	width: 8em;
}

.topicTable A.topic { /* overrider */
	display: inline;
	font-weight: bold;
}


.msg {
    clear: both;
	margin: 0 10px 10px 10px;
	line-height: 1.4;
	background-image: url(../img/bg_comment.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	background-position: 0 2px;
	border-top: 1px dotted #ccc;
	zoom: 1;
}

.msg.second {
	margin-left: 30px;
}

.msg.third {
	margin-left: 60px;
}

.msg.fourth {
	margin-left: 90px;
}

.msg.fifth {
	margin-left: 120px;
}

.msg.sixth {
	margin-left: 150px;
}

.msg.seventh {
	margin-left: 180px;
}

.msg.eighth {
	margin-left: 210px;
}

.msg.reporter {
	background-image: url(/img/bg_reporter.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	background-position: 0 3px;
}

.msgHeader {
	position: relative; /* fix for IE peek-a-boo-bug */
	padding: 7px 8px 0 0;
	border: none;
	font-size: 12px;
	background: none;
}

.msgHeader .pageNumbers {
	margin: 4px 0 0 0;
}

.msgHeader h3 {
	margin: 3px 0 0 0;
	padding: 0 0 0 8px;
    font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.msgHeader .writer, .msgHeader .date {
	color: #000;
}

.msgHeader .avatar {
	display: inline;
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 10px 0 10px;
	text-align: right;
}

.msgHeader .writer {
	display: block;
	font-weight: bold;
}

.msgHeader .date {
	white-space: nowrap;
}

.msgActions {
	float: right;
	margin: 0 15px 0 0;
	padding: 3px 7px 5px 7px;
	font-size: 11px;
}

.msgReply {
	float: right;
	margin: 0;
	padding: 10px 0 20px 0;
	font-size: 12px;
}

a.report {
	padding: 3px 0px 3px 21px;
	background-image: url(../img/icon_calf.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

a.reply {
	padding: 3px 0 3px 20px;
	font-weight: bold;
	background-image: url(../img/icon_comment_gray.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.rating {
	float: right;
	clear: right;
	width: 130px;
	height: 40px;
	margin: 0px 0px 0px 5px;
}

.rating h4 {
	float: right;
	width: 35px;
	margin: 2px 0 0 0;
	padding: 3px 3px;
	font-size: 18px;
	font-weight: bold;
	color: #888;
	letter-spacing: -0.04em;
	text-align: center;
	line-height: 26px;
	border: 1px dotted #aaa;
}

.rating h4.positive {
	color: green;
}

.rating h4.negative {
	color: red;
}

#content .rating a.voteUp:link,
#content .rating a.voteUp:visited,
#content .rating a.voteDown:link,
#content .rating a.voteDown:visited,
#content .rating.votedUp a.voteUp:hover,
#content .rating.votedUp a.voteUp:active,
#content .rating.votedUp a.voteDown:hover,
#content .rating.votedUp a.voteDown:active,
#content .rating.votedDown a.voteUp:hover,
#content .rating.votedDown a.voteUp:active,
#content .rating.votedDown a.voteDown:hover,
#content .rating.votedDown a.voteDown:active {
	width: 62px;
	color: #000;
	text-decoration: none;
	font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
}

#content .rating a.voteUp:hover, #content .rating a.voteUp:active,
#content .rating a.voteDown:hover, #content .rating a.voteDown:active {
	text-decoration: underline;
}

#content .rating a.voteUp {
	display: block;
	float: left;
	margin: 0;
	padding: 3px 5px 3px 20px;
	border-bottom: 1px dotted #aaa;
}

#content .rating a.voteUp {
	background-image: url(../img/icon_vote_up_green.gif);
	background-repeat: no-repeat;
	background-position: 1px 0;
}

#content .rating.votedUp a.voteUp {
	background-image: url(../img/icon_checked_green.gif);
	background-repeat: no-repeat;
	background-position: 1px 0;
}

#content .rating a.voteDown {
	display: block;
	float: left;
	margin: 0;
	padding: 3px 5px 0px 20px;
}

#content .rating a.voteDown {
	background-image: url(../img/icon_vote_down_red.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
}

#content .rating.votedDown a.voteDown {
	background-image: url(../img/icon_checked_red.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}

#content .rating.votedUp a.voteDown {
	background: none;
}

#content .rating.votedDown a.voteUp {
	background: none;
}

a.voteUpGray {
	padding: 3px 5px 3px 18px;
	background-image: url(../img/icon_vote_up.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

a.voteDownGray {
	padding: 3px 0 3px 18px;
	background-image: url(../img/icon_vote_down.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.threadLinks {
	float: right;
	padding: 15px 5px 0 0;
	font-size: 11px;
}

.msgHeaderLinks A,
.threadLinks A {
	display: block;
	text-align: right;
}

.msgHeaderLinks A:link, .msgHeaderLinks A:visited, .msgHeaderLinks A:active,
.threadLinks A:link, .threadLinks A:visited, .threadLinks A:active {
	color: #707070;
}

.msgHeaderLinks A:hover,
.threadLinks A:hover {
	color: #04378b;
}

.msgContent {
	position: relative; /* fix for IE peek-a-boo-bug */
	clear: right;
	margin-left: 68px;
	margin-bottom: 3px;
	padding: 9px 8px 7px 0px;
	background: none;
	background-color: transparent;
}

.msgText {
	padding-bottom: 5px;
}

#content a.permalink:link, #content a.permalink:visited, #content a.permalink:hover, #content a.permalink:active {
	padding: 0 0 0 0.25em;
	text-decoration: none;
	font-weight: normal;
}

.msgContent .actionLinks {
	position: relative; /* fix for IE peek-a-boo-bug */
	float: right;
}

.quot {
	display: block;
	font-style: italic;
	color: #636363;
	padding: 0 0 15px 12px;
}

.firstMsg {
    clear: both;
	margin: 0 0 15px 0;
	padding: 5px 10px 5px 5px;
	background-color: #fff;
	background: none;
	border: none;
}

.firstMsg .msgHeader {
	background: none;
	border: none;
}

.firstMsg h2 {
	margin: 0 0 10px 10px;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.04em;
}

.firstMsg h3 {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

.firstMsg .msgHeader .writer, .firstMsg .msgHeader .date { /* Overrider */
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}

.firstMsg .msgContent {
	padding: 9px 8px 7px 0px;
	background-color: #fff;
}


/*
div.quote {
	margin: 0 0 1em 0;
	padding-left: 12px;
	border-left: 5px solid #d9e3bb;
}
*/










.threadTree {
	border: 1px solid #FFCE3E;
}

.thread {
	padding: 0 8px;
	background-color: #FFFAE9;
	font-size: 11px;
}

.threadTree .alt {
	background-color: #FFF3D1;
}

.threadTree .activeThread {
	background: #FFCE3E;
}

.threadTree .activeThreadFirst {
	padding: 0 9px 2px 9px;
	margin: 0 -1px;
	background: #FFCE3E url(../img/threadrow_bg_act_top.gif) repeat-x;
}

.threadTree .activeThreadMiddle {
	padding: 2px 9px 2px 9px;
	margin: 0 -1px;
	background: #FFCE3E url(../img/threadrow_bg_act_middle.gif) repeat-x;
}

.threadTree .activeThreadLast {
	padding: 2px 9px 0 9px;
	margin: 0 -1px;
	background: #FFCE3E url(../img/threadrow_bg_act_bottom.gif) repeat-x;
}

.thread IMG {
	vertical-align: middle;
}

.thread A.title {
	font-weight: bold;
	margin-left:1px;
}

.thread .writer {
	margin-left: 5px;
	color: #636363;
}

.thread .date {
	margin-left: 5px;
	color: #636363;
}
























body#content, body#commentForm {
    width: auto;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}

#commentForm .comments {
	margin: 0;
	text-align: left;
}

#commentForm .commentIntro {
	margin: 5px 0 0 0;
	padding: 0 10px 10px 10px;
	font-size: 13px;
}

#commentForm .discussionActions {
	border-top: 1px dotted #ccc;
}

#commentForm .readAll {
	float: left;
	width: 45%;
	margin: 10px 0 10px 0;
	padding: 5px 0px;
	font-weight: bold;
	text-align: center;
}

#commentForm .leaveComment {
	float: right;
	width: 50%;
	margin: 10px 0 10px 0;
	padding: 5px 0px;
	font-weight: bold;
	text-align: center;
	border-left: 1px dotted #ccc;
}

#commentForm .msg {
	margin: 0 0 10px 0;
	background: none;
}

#commentForm .msgActions {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

#commentForm .msgReply {
	margin: 10px 0 0 0;
}

#commentForm h2 {
	margin: 0;
	padding: 4px 6px 3px 6px;
	font-size: 18px;
	background-color: #ddd;
	border: 5px solid #fff;
	text-align: left;
}

#commentForm form {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: left;
}

#commentForm input.commentSubmit {
	float: right;
	margin-right: 3.5em;
}

#commentForm input.commentPreview {
	float: right;
	margin-right: 1em;
}

#commentForm input.buttonIcon {
	height: 18px;
	padding: 1px 4px 3px 18px;
	font-size: 10px;
	color: #000;
	line-height: 1;
	vertical-align: top;
	border: 1px outset #aaa;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#commentForm input.buttonIcon:active {
	border: 1px inset #966;
}

#commentForm input.buttonIcon.bold {
	font-weight: bold;
	background-image: url(../img/icon_bold_red.gif);
}

#commentForm input.buttonIcon.italic {
	font-style: italic;
	background-image: url(../img/icon_italic_red.gif);
}

#commentForm input.buttonIcon.quote {
	background-image: url(../img/icon_quote_red.gif);
}

#commentForm .info {
	float: right;
	width: 75px;
	margin: 0;
	padding: 5px 10px;
	font-size: 11px;
	font-style: italic;
	line-height: 1.25;
	background-color: #eee;
}

#commentForm form dl {
	margin: 0;
	padding: 0;
}

#commentForm form dt {
	float: left;
	clear: left;
	width: 4.5em;
	margin: 0 0.75em 0.75em 0;
	padding: 0.2em 0 0 0;
	text-align: right;
	font-size: 13px;
}

#commentForm form dd {
	margin: 0 0 0.75em 0;
	padding: 0;
}

#commentForm form dd.editTools {
	margin: 0 3.5em 0.25em 0;
	text-align: right;
}

#commentForm form input.text, #commentForm form textarea, #commentForm form select {
	/* border: 2px inset #ddd; */
	background-color: #fff;
}

#commentForm form textarea {
	width: 80%;
}

#commentForm form select {
	width: 60%;
}

#commentForm form dt label {
	font-weight: bold;
}

strong.screenname {
    font-size: 18px;
    font-weight: normal;
}






.msg .msgContent.messageHidden {
	display: none;
}

.hiddenMsgCloser {
	display: none;
}

.hiddenMsgOpener p {
	margin-left: 68px;
	padding: 10px 0;
	font-size: 12px;
	font-style: italic;
}

.hiddenMsgCloser p {
	margin-left: 68px;
	padding: 10px 0 0 0;
	font-size: 12px;
	font-style: italic;
}




#revealAllContainer {
    margin-top: 10px;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px dotted #ccc;
}

/* Common */

.forum .itemList div.thread {
	font-size: 11px;
	line-height: 1.5;
	margin-left: 21px;
}

.forum .itemList img.avatar {
	height:16px;
	width:16px;
	margin-right: 5px;
	float:left;
	clear:left;
}

.forum .itemList div a{
	color: #3f3f3f;
	text-decoration: none;
}

.forum .itemList div a:hover{
	text-decoration:underline;
}

.forumAreaLinks, .forumHelp{
	border:1px solid #d8d8d8;
	margin-bottom:10px;
	padding:10px;
	height:1%;
	overflow:hidden;
}

.forumAreaLinks ul li{
	float:left;
	display:block;
	width:137px;
	line-height:1.6em;
	padding-left:2px
}

.forumAreaLinks ul li.current{
	background-color: #c1deff;
}

.forumAreaLinks ul li a{
	color: #3f3f3f;
	text-decoration:none;
	font-size:12px;
}

.forumAreaLinks ul li a:hover{
	color: #3f3f3f;
	text-decoration:underline;
}

.forum .toolLink{
	height:1.6em;
}

.forum .toolLink img{
	vertical-align:top;
	margin-right:5px;
	margin-top:1px;
}

.forum .toolLink a{
	font-size:14px;
	color: #3f3f3f;
	text-decoration:none;
}

.forum .toolLink a:hover{
	text-decoration:underline;
}


/* Level 1 */

#forumMain .forumArea{
	margin-bottom:25px;
}

#forumMain .forumArea.mostActive{
	margin-bottom:20px;
}

#forumMain .forumArea h2 {
	border-bottom: 1px solid #d8d8d8;
	padding-bottom:5px;
}
/*
#forumMain .forumArea h2 a{
	text-decoration:none;
	color: #202020;
}
#forumMain .forumArea h2 a:hover{
	text-decoration:underline;
}
*/

#forumMain .forumArea div.metadata{
	float:right;
	padding-top:8px;
}

#forumMain .forumArea .metadata span{
	margin-right:10px;
}

/* Level 2 */

#forumArea .newMessage{
	float:right;
	margin-top:5px;
	width:13em;
	text-align:right;
}

#forumArea .tabContent{
	padding-top:20px;
}

#forumArea .forumDiscussion {
	overflow: hidden;
	height: 1%;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d8d8d8;
}

#forumArea .forumDiscussion img.avatar {
	float: left;
}

#forumArea .forumDiscussion .body {
	margin-left: 63px;
}

#forumArea .forumDiscussion div.metadata {
	font-size: 12px;
	margin-bottom:10px;
}

#forumArea .forumDiscussion div.metadata span{
	margin-right: 15px;
}

#forumArea .forumDiscussion .body h2 {
	margin:0 0 5px 0;
	font-size: 18px;
}

#forumArea .forumDiscussion .body p {
	font-size: 12px;
}

/* Promo */

#forumPromo .content{
	padding:10px;
}

.comments {
    clear: left;
	margin-bottom: 10px;
    border-top: 5px solid #ddd;
}

.comments .writeComment {
	float: right;
	margin: 14px 10px 0px 0px;
	font-size: 11px;
	color: #666;
}

.comments h2 {
	padding: 10px 0;
	font-size: 20px;
}

.comments .comment {
	padding: 20px 10px 20px 10px;
	border-bottom: 1px dotted #d8d8d8;
}
/*
.comments .comment  .odd {
	background-color: #ffffff;
}
*/
.comments .comment div.userImage {
	float: left;
	width: 48px;
}

.comments .comment div.userImage img{
	width:48px;
	height:48px;
}

.comments .comment .body {
	margin-left: 58px;
}
.comments .comment .commentTitle {
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: bold;
}
.comments .comment .text{
	margin-bottom: 10px;
    line-height: 1.5;
}
.comments .comment .tools {
	float:right;
}
.comments .comment .tools .quote {
	margin-right: 10px;
    color: #7f7f7f;
}
.comments .metadata a {
    color: #7f7f7f;
	text-decoration: none;
}
.comments .metadata a:hover {
	text-decoration: underline;
}
.comments .comment .ratingTools {
	float: right;
	text-align: right;
	margin-left: 8px;
	font-size: 11px;
	line-height: 1.6;
}
.comments .comment .ratingTools a:hover {
	text-decoration: underline;
}
.comments .comment .ratingTools.disabled {
	padding: 2px 4px;
}
.comments .comment .ratingTools img {
	padding: 0px;
	margin-top: -2px;
	vertical-align: middle;
}
.comment .ratingTools a {
	text-decoration: none;
}
.comment .ratingPositive {
    display: inline;
	margin-right: 5px;
}
.comment .ratingNegative {
    display: inline;
}
.comment .author {
    margin: 1.5em 0 1em;
    color: #555;
    font-size: 11px;
    font-weight: bold;
}
.comment .metadata .author {
	margin-left: 5px;
    font-size: 11px;
    font-weight: bold;
}
.comment .text .quote {
	margin-bottom: 10px;
	padding-left: 20px;
    color: #7f7f7f;
	font-style: italic;
	background-image: url(/img/comment_quote_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.comment .text .jive-link-external {}
.comments .xvPagination {
	margin-bottom: 36px;
	margin-top: 12px;
}

.xvPagination {
    clear: both;
    line-height: 26px;
}
.xvPagination .label, .xvPagination .page, .xvPagination .button {
    margin-right: 2px;
}
.xvPagination .label {
    padding: 4px 0px;
}
.xvPagination .page, .xvPagination .button {
    padding: 3px 6px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
}
.xvPagination .label, .xvPagination .page, .xvPagination .button {
    margin-right: 2px;
}
.xvPagination a, .xvPagination a:visited {
    color: #3f3f3f;
    text-decoration: none;
}
.xvPagination .current {
    color: #3f3f3f;
    background-color: #d8d8d8;
    border: 1px solid #808080;
}

/* Form */

#commentForm {
	margin-bottom: 10px;
	padding: 10px 15px;
	font-family: Verdana, "Helvetica", sans-serif;
	background: #f0f0f0;
}
#commentForm .title {
	margin-bottom: 10px;
	font-size: 20px;
    font-family: "Lucida Grande", "Lucida Sans", "Helvetica", sans-serif;
	font-weight: bold;
}
#commentForm label {
	display: inline;
	margin: 8px 0px 2px 0px;
	font-weight: bold;
}
#commentForm .button {
	margin: 8px 4px 0px 0px;
}

#commentForm .controls {
	float: right;
	font-size: 9px;
	margin-top: 20px;
	padding-right: 8px;
}
#commentForm .controls input {
	font-size: 9px;
}
#commentForm #viestiLabel {
    display: block;
	margin-top: 20px;
}

#commentForm textarea {
	clear: right;
}

#commentForm input#otsikko, #commentForm input#nimi, #commentForm textarea {
	display: block; 
	width: 430px; 
}
#commentForm .instructions {
	font-size: 11px;
	margin-bottom: 10px;
}
#commentForm .instructions .start {
	font-weight: bold;
}

#commentForm textarea#viesti {
    width: 100%;
    margin-bottom: 5px;
}

#commentForm .send {
    padding: 5px 0;
}

#content a.ratingPlus {
    padding: 1px 3px;
    color: #42ae0d;
}

#content a.ratingMinus {
    padding: 1px 3px;
    color: #df1212;
}

.ratingTools.disabled {
    background-color: #e0e0e0;
    background-image: url(/img/rating_disabled_bg.png);
}

#forumArea .newMessage {
    float: right;
    width: 13em;
    margin-top: 5px;
    text-align: right;
}

.forum .toolLink {
    height: 1.6em;
}

.xvTabs {
    padding-top: 1px;
    font-size: 12px;
}

.xvTabs .current {
    margin-bottom: -1px;
    padding-bottom: 6px;
    color: #3f3f3f;
    font-weight: bold;
    background-color: #fff;
    background-image: none;
}
.xvTabs .first {
    border-left: 1px solid #d8d8d8;
}
.xvTabs .tab {
    display: block;
    float: left;
    margin-top: -1px;
    padding: 5px 10px;
    color: #606060;
    text-decoration: none;
    line-height: 14px;
    background: #f0f0f0 url(/img/xv_tabs_bg.png) repeat-x scroll left center;
    border-right: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
}

.xvTabbedContent {
    clear: both;
    border-top: 1px solid #d8d8d8;
}

#forumArea .forumDiscussion div.metadata {
    margin-bottom: 10px;
    font-size: 12px;
}
.metadata, .metadata a, .metadata a:visited {
    color: #808080;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    text-decoration: none;
}

.filterTools {
    margin-bottom: 12px;
    padding: 18px 20px 10px;
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
}

.filterTools table {
    width: 100%;
}

.filterTools th, .filterTools td {
    padding-bottom: 10px;
}

.filterTools img, .filterTools input {
    vertical-align: middle;
}

.filterTools #filterSearchWords {
    width: 226px;
    font-size: 15px;
}
.filterTools img, .filterTools input {
    vertical-align: middle;
}

.filterTools .separator th, .filterTools .separator td {
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #d8d8d8;
}

#filterHelp {
    display: none;
}

.filterTools .submit {
    float: right;
}
.filterTools .submit {
    text-align: center;
}
.filterTools img, .filterTools input {
    vertical-align: middle;
}

#story .authorInfo {
        border-top: 1px dotted #d8d8d8;
        padding-top:10px;
        font: 11px "Arial", "Helvetica", "Tahoma", "Geneva", "Verdana", sans-serif;
        color: #606060;
        margin-bottom: 10px;
        }
#story .authorInfo .authorPic {
    float: left;
        margin-right: 10px;
        }
#story .authorInfo .author {
        margin-top: 1px;
        margin-bottom: 2px;
        }
#story .authorInfo .author a {
        font-weight: bold;
        }
#story .authorInfo .item {
        margin-right: 10px;
        padding: 2px 0px;
        }
#story .authorInfo .icon {
        vertical-align: middle;
        margin-bottom: 2px;
        }
#story .storyText {
        clear: left;
        margin-bottom: 20px;
        font-size: 16px;
        font-family: "Georgia", "Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman", "Times", serif;
        }
#story .storyText p {
        margin-bottom: 12px;
        color: #000000;
        }
#story .storyText .punchLine {
        text-transform: uppercase;
        }
/* Story box starts */
#story .storyBox {
        width: 140px;
        margin: 4px 12px 12px 12px;
        border-bottom: 1px solid #d8d8d8;
        padding: 0px 12px 8px 12px;
        font: 12px "Arial", "Helvetica", "Tahoma", "Geneva", "Verdana", sans-serif;
        }
#story .storyBox.right {
        float: right;
        clear: right;
        border-left: 1px solid #d8d8d8;
        padding-right: 0px;
        margin-right: 0px;
        }
#story .storyBox.left {
        float: left;
        clear: left;
        border-right: 1px solid #d8d8d8;
        padding-left: 0px;
        margin-left: 0px;
        }
#story .storyBox .subHeading {
        margin-top: 0px;
        margin-bottom: 6px;
        }
#story .storyBox .caption {
        font-size: 11px;
        margin-top: 4px;
        }
#story .storyBox .caption a {
        text-decoration: none;
        color: #3f3f3f;
        }
#story .storyBox .caption a:hover {
        text-decoration: underline;
        }
#story .storyBox .floatingIcon {
        float: left;
        margin-left: 2px;
        margin-top: -22px;
        position: relative;
        }
#story .storyBox.fact li {
        padding-left: 10px;
        background-image: url(/img/arrow_red.png);
        background-repeat: no-repeat;
        background-position: 0 .2em;
        margin-bottom: 4px;
        }
#story .storyBox.advertisement {
        float: left;
        padding-top: 12px;
        border-top: 1px solid #d8d8d8;
        color: #d8d8d8;
        text-align: center;
        margin-bottom: 18px;
        }
#story .storyBox .separator {
        position: relative;
        margin-top: -20px;
        margin-bottom: 4px;
        }
#story .storyBox .separator.top {
        margin-top: -20px;
        margin-bottom: 6px;
        }
#story .storyBox .separator.bottom{
        margin-bottom: -15px;
        margin-top: 5px;
        }
#story .storyBox .separator span {
        padding: 0px 6px;
        background: #fff;
        font: 11px "Arial", "Helvetica", "Tahoma", "Geneva", "Verdana", sans-serif;
        color: #c0c0c0;
        }
#story .quoteBox {
        width: 228px;
        margin: 0px 0px 0px 12px;
        font: 18px "Georgia", "Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman", "Times", serif;
        background:url('/img/quote_small.png') no-repeat;
        border:none;
}
#story .quoteBox p{
        color: #000000;
        margin: 18px 0px 12px 12px;
}
#story .quoteBox.left {
        float:left;
}
#story .quoteBox.right {
        float:right;
}
/* Story box ends */



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 800px;
	padding-bottom: 20px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	padding-bottom: 20px;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0px; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0px; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 12px Arial, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0px 10px 10px 10px;
}
#lightbox-container-image-data {
	color: #3f3f3f;
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 100%; 
	display: block; 
	text-align: left;
}	
#lightbox-image-details-caption {
	}
#lightbox-image-details-currentNumber {
	border-top: 1px solid #d8d8d8;
	text-align: center;
	display: block; 
	clear: left;
	padding-top: 8px;
	margin-top: 8px;
}			
#lightbox-secNav-btnClose {
	position: absolute;
	right: -34px;
	/*float: right;
	margin: 0px -20px 0px -20px;*/
}
#lightbox-image-details-currentNumber .disabled {
	color: #c0c0c0;
}

/* CSS file for picture_set_list, video_list, picture_set_page, video_page */

div.pictureSetList{
  	margin-top: 5px;
	}
div.pictureSetList .row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dfdfdf;
	}
div.pictureSetList a{
	color: #222;
	text-decoration:none;
	}
div.pictureSetList a:hover{
	text-decoration:underline;
	}

div.pictureSetListItem, div.pictureSetListItemRight{
  	width:140px;
  	float:left;
  	position:relative;
  	margin-bottom: 0px;
	}

div.pictureSetListItem {
	margin-right:23px;
	}
div.pictureSetListItemRight{
	margin-right:0px;
	}
.pictureSetList .previewContainer {
	position: relative;
	margin-bottom: 3px;
	}
#pictureSetLists .previewContainer {
    overflow: hidden;
    height: 105px;
    }
#videoLists .previewContainer {
    overflow: hidden;
    height: 78px;
    }
.pictureSetList .previewContainer .videoPreViewIcon,
.pictureSetList .previewContainer .pictureSetPreViewIcon {
	position: absolute;
	left: 2px;
	bottom: 2px;
	}
/*
img.videoPreViewIcon{
	top: 57px;
	left: 2px;
	}
img.pictureSetPreViewIcon{
	top: 83px;
	left: 2px;
	}
*/

img.pictureSetListThumbNail{
	width:140px;
	}

div.pictureSetListItem p.name, div.pictureSetListItemRight p.name{
	font-size: 12px;
	color:#000;
	margin-bottom:3px;
	}

div.pictureSetListItem p, div.pictureSetListItemRight p{
 	color:#999;
 	margin-bottom:0;
	}

div.pictureSetClear{
	clear:left;
	}
	
/* Browser */
#videoPictureSetBrowser {
	padding: 0px;
	}
#videoPictureSetBrowser .tabContent {
	padding-top: 0px;
	}
#videoPictureSetBrowser .navigationBox {
	padding: 5px;
	}
#videoPictureSetBrowser div.listItem {
	padding: 5px;
	margin-bottom: 0px;
	/*border-top: 1px dotted #dfdfdf;*/
	}
#videoPictureSetBrowser div.listItem.current {
	background-color: #f0f0f0;
	}
#videoPictureSetBrowser div div img.preview {
	float:left;
	margin-right: 10px;
	}

#videoPictureSetBrowser div div p {
	margin-bottom: 3px;
	margin-left: 110px;
	}

#videoPictureSetBrowser div.pictureSets img.preview {
	width: 100px;
	height: 75px;
	}

#videoPictureSetBrowser div.videos img.preview {
	width: 100px;
	height: 56px;
	/*
	border-top:11px solid #000;
	border-bottom:11px solid #000;
	*/
	}
#videoPictureSetBrowser .metadata {
	clear:none;
	margin-left: 110px;
	}

#videoPictureSetBrowser .moreLink {
	margin: 10px;
	}
#videoPictureSetBrowser a {
	color: #3f3f3f;
	text-decoration: none;
	}
#videoPictureSetBrowser a:hover {
	color: #3f3f3f;
	text-decoration: underline;
	}
/* end browser*/

/* video page */
#story.video{
	margin-bottom:10px;
	}

#story.video .videoPlayer {
	margin-bottom: 20px;
	}

#story.video .storyText {
	margin-bottom: 0px;
	}
	
/* Picture set page */

#story.pictureSet .storyText {
	margin-bottom: 0px;
	}
.setPicture{
	text-align: center;
	}
.pictureSetControls{
	padding: 10px 10px 8px 10px;
	background: #f5f5f5;
	}
.pictureSetControls .xvPagination {
	text-align: center;
	}
.pictureSet .xvPagination .numberOfPictures{
	margin: 0px 7px 0px 5px;
	}
.setPictureDescription{
	clear: both;
	padding: 0px 10px 10px 10px;
	background: #f5f5f5;
	}

.pictureSetThumbNailList {
	border-top: 1px solid #dfdfdf;
	text-align: center;
	background: #f5f5f5;
	padding: 10px 10px 4px 10px;
	margin-bottom: 10px;
	}

.pictureSetThumbNailList .pictureSetThumbNail {
	background-color: #ffffff;
	border: 2px solid #dfdfdf;
	padding: 1px;
	width: 32px;
	height: 32px;
	margin: 2px 2px 8px 2px;
	vertical-align: middle;
	}
.pictureSetThumbNailList .pictureSetThumbNail.current {
	border: 2px solid #2366c1;
	}
.pictureSetThumbNailList .pictureSetThumbNail:hover {
	border: 2px solid #2366c1;
	}


#ie6FixedTopAd, #ie6navigation, #ie6br { display: none; }

#ie6cover {
    position: absolute;
}

#loginBarArea {
    clear: both;
    float: left;
    width: 100%;
    padding: 7px 0 6px;
    color: #606060;
    font-size: 12px;
    line-height: 1.3;
    background: #efefef url(/img/login_bar.png) repeat-x scroll center bottom;
}

#loginBar {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 8px;
}

#loginBar ul, #loginBar li {
    display: inline;
    list-style: none;
}

#loginBar li {
    margin-bottom: 0;
}

span.item {
    display: block;
}

#siteVersions {
    float: left;
    margin-top: 1px;
    /* For Taloussanomat network logo */
    margin-left: 88px;
}

#loginBar .item {
    float: left;
    margin-left: 0.8em;
    padding-left: 0.8em;
    border-left: 1px solid #c0c0c0;
}

#loginBar .first {
    border-left: medium none;
    margin-left: 0;
    padding-left: 0;
}

#loginBar a, #loginBar a:visited {
    color: #606060;
    text-decoration: none;
}

#loginFormArea {
    float: right;
    white-space: nowrap;
}

#loginBar input {
    font-size: 11px;
    vertical-align: middle;
}

#loginBar label {
    display: inline;
    padding: 0;
}

#loginBar .submit {
    font-family: Helvetica, Arial;
}

#siteBar {
    clear: both;
    float: left;
    width: 100%;
    color: #606060;
    padding: 0;
    text-align: right;

    /* For Taloussanomat network logo */
    position: relative;
    z-index: 4;
}

#logoNetwork {
    position: absolute;
    top: -26px;
    left: 0;
    margin: -4px 12px 0 -4px;
    border: 4px solid #fff;
}

#siteNav {
    float: left;
    list-style: none;
    padding: 6px 0 0;
}

#siteNav .item {
    float: left;
    margin-left: 0.8em;
    padding-left: 0.8em;
    border-left: 1px solid #d0d0d0;
}

#siteNav .first {
    padding-left: 0;
    border-left: medium none;
    /* For Taloussanomat network logo */
    margin-left: 88px;
}    
    
#siteNav li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#siteNav a, #siteNav a:visited {
    color: #606060;
    text-decoration: none;
}

#siteNav .selected {
    font-weight: bold;
}

#utilityNav {
    position: relative;
    z-index: 4;
    float: right;
    margin-bottom: 6px;
    text-align: right;
}

#utilityNav li {
    position: relative;
    float: left;
    margin-bottom: 0;
    padding: 0 8px;
    line-height: 27px;
    white-space: nowrap;
    background-position: left top;
    background-repeat: repeat-x;
}

#utilityNav .first {
    margin-left: 0px;
    padding-left: 0px;
    border-left: none;
}

#utilityNav li .dropDown li {
	position: static;
	float: none;
	margin-left: 0;
	padding: 0;
	line-height: 1.6;
	border-right: none;
}

#utilityNav li .itemBg {
    background-position: left bottom;
    background-repeat: repeat-x;
}

#utilityNav li .itemBg .isDropDown {
    background-image: url(/img/utility_nav_drop_down_arrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 14px;
}

#utilityNav li .itemBg span {
    cursor: default;
}

#utilityNav li .dropDownShadow {
    position: absolute;
    left: -999em;
    margin-right: -3px;
    margin-top: 0;
    padding-bottom: 3px;
    background: transparent url(/img/transparent_25_8x8.png) repeat scroll 0 0;
}

#utilityNav li .dropDown {
    position: relative;
    top: 0;
    left: -3px;
    padding: 8px 12px;
    color: #606060;
    font-family: "Arial","Tahoma","Geneva","Verdana",sans-serif;
    font-size: 12px;
    background-color: #F7F7F7;
    border: 1px solid #606060;
}

#utilityNav  li .dropDown a {
	color: #606060;
	text-decoration: none;
}

#utilityNav  li .dropDown a:hover {
	text-decoration: underline;
}

#utilityNav li:hover, #utilityNav li.sfhover { /* lists nested under hovered list items */
    background-color: #606060;
    color: #ffffff;
}

#utilityNav li:hover .dropDown li, #utilityNav li.sfhover .dropDown li { /* lists nested under hovered list items */
    background-color: #f7f7f7;
}

#utilityNav li:hover .dropDownShadow, #utilityNav li.sfhover .dropDownShadow { /* lists nested under hovered list items */
    left: auto;
    right: 0px;
}

/* Overrides */

#frame {
    clear: both;
}

#adsOnTop {
    float: none;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#adsOnRight {
    position: relative;
    float: right;
}


#loginBarArea, #siteBarArea {
    font-family: Arial, Helvetica;
    font-size: 12px;
}

#siteBarArea {
    overflow: visible;
    position: relative;
    z-index: 4;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#siteBar {
    padding-bottom: 4px;
    background-image: url(/img/header_shadow.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}




/* User navigation starts */

#userNav {
	position: relative;
	z-index: 5;
    height: 16px;
	text-align: right;
}

#userNav li {
	float: left;
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0px 8px;
	position: relative;
	white-space: nowrap;
}

#userNav .first {
	border-left: none;
	padding-left: 0px;
	margin-left: 0px;
}
	
#userNav .col1,
#userNav .col2 {
    float: left;
    width: 15em;
}

#userNav li .dropDown li {
	float: left;
	width:100%;
	border-right: none;
	padding: 0px 0px;
	margin-left: 0px;
	position: static;
	line-height: 1.6;
}

#userNav  li .dropDown a {
	color: #606060;
	text-decoration: none;
}

#userNav  li .dropDown a:hover {
	text-decoration: underline;
}

#userNav li .itemBg {
	background-position: bottom left;
	background-repeat: repeat-x;
}

#userNav li .itemBg span {
	cursor: default;
}

#userNav li .itemBg .isDropDown {
	padding-right: 14px;
	background-image: url(/img/utility_nav_drop_down_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#userNav li .dropDownShadow {
	margin-right: -3px;
	margin-top: 0px;
	padding-bottom: 3px;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: url(/img/transparent_25_8x8.png);
}

#userNav li .dropDown {
	width: 15em;
	position: relative;
	left: -3px;
	top: 0px;
	background-color: #f7f7f7;
	color: #606060;
	padding: 8px 12px;
	font-family: "Arial", "Tahoma", "Geneva", "Verdana", sans-serif;
	font-size: 12px;
	border: 1px solid #606060;
}

#userNav  li:hover, #userNav li.sfhover { /* lists nested under hovered list items */
	background-color: #606060;
	color: #ffffff;
}

#userNav li:hover .dropDown li, #userNav li.sfhover .dropDown li { /* lists nested under hovered list items */
	background-color: #f7f7f7;
}

#userNav li:hover .dropDownShadow, #userNav li.sfhover .dropDownShadow { /* lists nested under hovered list items */
	left: auto;
	right: 0px;
}

/* User navigation ends */

.clear {
    clear: both;
    height: 0;
    font-size: 0px;
    line-height: 0;
}

#oikotieAsuntoPromo {
    overflow: auto;
    font-family: Helvetica, Arial, sans-serif;
     background-repeat: no-repeat;
     margin-bottom: 10px;
}

#oikotieAsunnot {
    overflow: auto;
    font-family: Helvetica, Arial, sans-serif;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.ot298 {
    position: relative;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-left_435.png);
} * html .ot298 {
    zoom: 1;
}

.ot298 .otHeader, .ot298 .otBody, .ot298 .otFooter {
    padding-right: 14px;
    padding-left: 14px;
}

.ot298 .otHeader {
    margin: 19px auto 20px auto;
}

.ot298 .otHeader a {
    display: block;
    height: 23px;
    text-indent: -5000px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/logo_oikotie-asunnot_198.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
}

.otCategory {
    overflow: auto;
    margin: 20px 0 0;
    font-size: 13px;
    text-align: center;
}

.ot298 .otCategory.mokit a {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/category_mokit_198.gif);
}

.ot298 .otCategory.varsinaissuomi a {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/category_varsinais-suomi_198.gif);
}

.ot298 .otCategory.uusimaa a {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/category_uusimaa_198.gif);
}

.ot298 .otCategory a {
    display: block;
    margin: 0 auto;
    color: #96b64e;
    font-weight: bold;
    text-decoration: none;  
    text-indent: -5000px;
    height: 63px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.ot298 ul.otTabs {
    list-style: none;
    overflow: hidden;
    margin: 40px 0 10px 0;
    padding-left: 17px;
} * html .ot298 ul.otTabs {
    width: 80%;
}

.ot298 .otBody ul.otTabs {
    margin: 12px 0 10px 0;
    padding-left: 3px;
}

ul.otTabs li {
    list-style: none;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;

}

ul.otTabs li a {
    display: block;
    height: 21px;
    color: #000;
    font-size: 11px;
    text-decoration: none;
    text-indent: -5000px;
    background-repeat: no-repeat;
}

ul.otTabs li a.uusimmat {
    width: 71px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_uusimmat.gif);
}

ul.otTabs li a.suosituimmat {
    width: 91px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_suosituimmat.gif);
}

ul.otTabs li a.vuokrataan {
    width: 91px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_vuokrataan.gif);
}

ul.otTabs li a.myydaan {
    width: 71px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_myydaan.gif);
}

ul.otTabs li.here a.uusimmat {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_uusimmat_hi.gif);
}

ul.otTabs li.here a.suosituimmat {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_suosituimmat_hi.gif);
}

ul.otTabs li.here a.vuokrataan {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_vuokrataan_hi.gif);
}

ul.otTabs li.here a.myydaan {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/button_myydaan_hi.gif);
}

ul.otTabs li.here a {
    cursor: default;
}

.ot298 .otBody {
    overflow: auto;
    clear: none;
    width: 250px;
    margin-top: 0;
    padding-bottom: 5px;
    font-family: "Scala Sans Sanomat", sans-serif;
    font-size: 10px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_middle-left_435.png);
    background-repeat: repeat-y;
} * html .ot298 .otBody {
    zoom: 1;
}

.otListing {
    overflow: hidden;
    margin-bottom: 10px;
} * html .otListing {
    zoom: 1;
}

.ot298 .otListing span {
    clear: left;
    float: left;
    margin-right: 9px;
	overflow:hidden;
}

.ot298 .otListing span a {
    display: block;
    float: none;
    margin-left: 0;
    padding: 5px 6px 5px 6px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_img_238.gif);
    background-repeat: no-repeat;
}

.ot298 .otListing a {
    float: left;
    padding-top: 3px;
    color: #000;
    text-decoration: none;
	font-weight: normal;
    line-height: 1.3em;
}

.ot298 .otFooter {
    clear: both;
    width: 250px;
    padding-bottom: 12px;
    padding-left: 17px;
    font-size: 12px;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_bottom-left_435.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.otFooter a {
    color: #70883a;
    padding-left: 11px;
    text-decoration: none;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/icon_arrow_green.gif);
    background-repeat: no-repeat;
    background-position: -2px 1px;
	font-weight: normal;
}

.ot298 .otRightTop {
    overflow: auto;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435.jpg);
} * html .otRightTop {
    zoom: 1;
}

.ot298 .otRightTop.kantahame {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435_kantahame.png);
}
.ot298 .otRightTop.ppohjanmaa {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435_ppohjanmaa.png);
}
.ot298 .otRightTop.paijathame {
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_top-right_435_paijathame.png);
}

.ot298 .otRightBottom {
    overflow: auto;
    background-image: url(http://www.oikotie.fi/ext/apartment/img/bg_bottom-right_435.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.otListing .otLink {
  height:74px;
  overflow:hidden;
  width:83px;
}


#otTp-container {
    text-align: left;
    position: relative;
    width: 400px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    background: #f4f4ec url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/bg_tyopaikat_top.png') top left no-repeat;
}

#otTp-header {
    height: 47px;
    padding-top: 12px;
}

#otTp-header h2 {
    display: inline; /* IE6 */
    float: left;
    width: 114px;
    height: 33px;
    margin: 0 12px 0 20px;
    text-indent: -5000px;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/logo_oikotie_114x33.png') top left no-repeat;
}

#otTp-header h2 a {
    display: block;
    height: 33px;
}

#otTp-header h3 {
    float: left;
    width: 101px;
    height: 18px;
    margin: 0 100px 0 0;
    font-size: 15px;
    text-indent: -5000px;
    text-transform: uppercase;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/hdr_tyopaikat.png') top left no-repeat;
}

#otTp-header h3 a {
    display: block;
    height: 18px;
}

a.otTp-more:link, a.otTp-more:visited {
    display: block;
    float: left;
    padding: 0 9px;
    color: #619100;
    font-size: 11px;
    text-decoration: none;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/ico_arrow_green_right.png') 0 3px no-repeat;
}
a.otTp-more:visited {
    text-decoration: underline;
}

#otTp-container ul {
    margin: 0 20px;
    padding: 0 0 10px 0;
}

#otTp-container li {
    position: relative;
    z-index: 2;
    list-style: none;
    clear: both;
    overflow: hidden;
    margin: 3px 0 0 0;
    padding: 0 0 3px 0;
    border-bottom: 1px dotted #626262;
} * html #otTp-container li { /* IE6 */
    display: inline;
    border: 0;
}

#otTp-container li.otTp-last {
    border: 0;
}

#otTp-container li a {
    border: 0;
    text-decoration: none;
}

#otTp-container li a img {
    float: right;
    border: 0;
    max-width: 140px;
    max-height: 50px;
} * html #otTp-container li a img { /* IE6 */
    padding: 0 0 5px 0;
}

#otTp-container li a span {
    display: block;
    overflow: hidden;
    width: 218px;
    margin: 5px 0 0 0;
    color: #619100;
    text-transform: uppercase;
}

#otTp-container li a:hover span {
    text-decoration: underline;
}

#otTp-container li a em {
    color: #000;
    font-style: normal;
}

#otTp-footer {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 400px;
    height: 35px;
    font-size: 1px;
    background: transparent url('http://tyopaikat.oikotie.fi/static/external_lifts/ts_premium/bg_tyopaikat_bottom.gif') bottom left no-repeat;
}


body {margin:0;padding:0;} 

div.hsfiBoxPage {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    width:466px;
}



div.hsfiBoxContainer {
    overflow:hidden;
    margin: 0 auto;
    padding:0;
}


div.hsfiBoxElement {
    padding: 10px;
}


div#hsfiBoxHeader {
    background:transparent url(http://www.hs.fi/webstatic/images/newsbox/hsfi_newsbox_bg.png) repeat-x scroll 0 0;
    height:50px;
   -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
   -moz-box-shadow:0 2px 2px #ccc;-webkit-box-shadow:0 2px 2px #ccc;box-shadow:0 2px 2px #ccc;
}

div#hsfiBoxHeader div.logo{
    background: url("http://www.hs.fi/webstatic/images/newsbox/hsfi_newsbox_bg.png") no-repeat scroll 85px -150px transparent;
    display: block;
    float: left;
    height: 50px;
    position: relative;
    width: 87px;
    z-index: 1;
}

div#hsfiBoxHeader div.logo a{
    background: transparent url(http://www.hs.fi/webstatic/images/newsbox/hsfi_newsbox_bg.png) repeat-x scroll 0 -50px;
    display:block;
    height:50px;
    width:83px;
    margin-left: 2px;
}

div#hsfiBoxHeader div.logo a:hover{
    background: transparent url(http://www.hs.fi/webstatic/images/newsbox/hsfi_newsbox_bg.png) repeat-x scroll 0 -100px;
    display:block;
    height:50px;
    width:80px;
}	

div.hsfiBoxElement div#hsfiBoxHeader span a {
  color: #FFFFFF;
    display: block;
    font: 24px Arial,Helvetica,sans-serif;
    left: 10px;
    letter-spacing: 1px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px #111111;
    top: 12px;
}


div.hsfiBoxElement .newsTabs {
    position:relative;
    height:0px;
    top:-37px;
    clear:both;
    float:left;
    left:90px;
}

div.hsfiBoxElement .ui-tabs-nav {
    font-family:Arial, Helvetica, sans-serif;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0 5px 0 5px;
}

div.hsfiBoxElement .ui-tabs-nav li {
    float:left;
    margin:0 0 0 1px;
    padding:0;
}


div.hsfiBoxElement .ui-tabs-nav span {
    color: #FFFFFF;
    font: 1.3em Arial;
    text-decoration: none;
    text-shadow: 0 1px #111111;
}

div.hsfiBoxElement .ui-tabs-nav a:hover {
    text-decoration: none;
}


div.hsfiBoxContent {
    font-family:Arial, Helvetica, sans-serif;
}

div.hsfiBoxContent div.recentNewsList a.newsBoxThemeLink {
    font-size: 12px;
}
div.hsfiBoxContent div.contentNewsItem a.newsBoxThemeLink {
    font-size: 14px;
}

div.hsfiBoxContent div.contentNewsItem a.themeLinkColor {
    color: #990000;
}



div.hsfiBoxContent div.contentNewsItem a.newsBoxThemeLink, div.hsfiBoxContent div.recentNewsList a.newsBoxThemeLink {
    color: #990000;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

div.hsfiBoxContent div.contentNewsItem a.newsBoxThemeLink:hover, div.hsfiBoxContent div.recentNewsList a.newsBoxThemeLink:hover {
    color: #990000;
    text-decoration: underline;
}



div.contentNewsItem {
    min-height: 35px;
    padding: 10px 0 0 0;
}

div.contentNewsItem h2 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.1em;
    margin-bottom: 0;
    margin-top: 0;
}

div.hsfiBoxElement div.recentNewsList a, div.hsfiBoxElement div.contentNewsItem h2 a {
    color:#111;
    text-decoration:none;
}

div.hsfiBoxElement div.recentNewsList li a:hover, div.hsfiBoxElement .contentNewsItem h2 a:hover {
    color:#111;
    text-decoration:underline;
}

div.hsfiBoxElement div.contentNewsItem div.divPictRight {
    float: left;
    margin: 0 10px 5px 0;
    overflow: hidden;
    padding-top: 5px;
}

div.hsfiBoxElement div.contentNewsItem div.divPictRight img {
    border:0;
}

div.hsfiBoxElement div.recentNewsList {
    margin-top: 0px;
    padding: 0;
}

div.hsfiBoxElement div.recentNewsList ul.newsList {
    font-size:14px;
    margin:0;
    padding:0 !important; padding:0 0 2px 0;
}

div.hsfiBoxElement div.recentNewsList ul.newsList li{
    border-top: 1px dotted #DDDDDD;
    line-height: 1.25em;
    list-style-type: none;
    margin: 5px 0 0;
    padding: 6px 0 0;
}

div.hsfiBoxElement div.hsfiBoxFooter {
    display:none;
    margin-top:0px;
    width:468px;
    height:10px;
    text-align:center;
}

.hsfiBoxAdContent {
    margin: 5px 0;
    text-align: center;
}

.hsfiBoxAdContent a {
text-decoration:none;
color:#000;
}

.hsfiBoxAdContent img {
border:0;
color:#000;
}

div.hsfiBoxElement div.clear {
    clear: both;
    height: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
    visibility: hidden;
}


/* -------------------------------------------------------------------------------- */
/* IS PAGE */
/* -------------------------------------------------------------------------------- */

div.hsfiBoxIs {width: 466px;}
div.hsfiBoxIs630 {width: 630px;}


/* -------------------------------------------------------------------------------- */
/* HUUTO PAGE */
/* -------------------------------------------------------------------------------- */

.hsfiBoxHuuto {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
width: 222px;
}

.hsfiBoxHuuto div.contentNewsItem div.divPictRight {
display:none;
}

/* -------------------------------------------------------------------------------- */
/* OIKOTIE PAGE */
/* -------------------------------------------------------------------------------- */


.hsfiBoxOikotie {width: 300px;}
.hsfiBoxOikotie div.contentNewsItem h2 {font-size: 17px;letter-spacing: 0;}







body.is-promo-page { margin:0; padding:0; }
#is-promo-box { width:464px; border: 2px solid #d4021d;  font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color:#000000; }
* html #is-promo-box { width:468px; } /* Correct IE6 width miscalculation */
#is-promo-box a { color: #000000; border: 0; }
#is-promo-box .negative a { color: #fff; }
#is-promo-box img { border: 0; }
#is-promo-box a:link, #is-promo-box a:visited { text-decoration: none; background: none; }
#is-promo-box a:hover, #is-promo-box a:active { text-decoration: underline; }
#is-promo-box .is-header { height:24px; background: #d4021d url(http://is10.snstatic.fi/static/images/IS_outbound_sprite.png) repeat-x  0px -24px; }
#is-promo-box .is-header .is-logo { margin:0; padding:0; }
#is-promo-box .is-header .is-logo a { display:block; background: transparent url(http://is10.snstatic.fi/static/images/IS_outbound_sprite.png) no-repeat  0px 0px; width:120px; height:24px; text-indent: -9999px; }
#is-promo-box .is-main-promo { overflow:hidden; }
#is-promo-box .is-link-list { margin: 6px; padding:0; }
#is-promo-box .is-link-list li { list-style: none; background: transparent url(http://is10.snstatic.fi/static/images/IS_outbound_sprite.png) no-repeat  0px -92px; padding-left:10px; }
#is-promo-box .is-link-list a { color:#448ccb; font-weight: bold; }
#is-promo-box .is-footer { text-align: center; padding: 10px 5px 5px; background: #fff url(http://is10.snstatic.fi/static/images/IS_outbound_sprite.png) repeat-x  0px -49px; }
#is-promo-box .is-footer a { text-transform: uppercase; font-weight: bold; }
.is-main-promo-article { }
.is-main-promo-article .teaser { padding: 6px 6px; }
.is-main-promo-article .teaser:after{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.is-main-promo-article .teaser img{ float:right; margin-left:8px; }
.is-main-promo-article .teaser h2{ margin: 0 0 8px; font: bold 18px/1 Verdana, Arial, Helvetica, sans-serif; }
.is-main-promo-article .negative{ background: none #000; color: #fff; padding: 6px 0 6px 6px; }