﻿/* Reset all property defaults on every browser */

body
{
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	font-family: Arial, Verdana, Sans-Serif;
}
form 
{
	margin: 0;
	padding: 0;
}
p 
{
	margin: 10px 0px 10px 0px;
}        
h1{font-size:150%;font-weight:bold;margin:10px 0px 10px 0px;}
h2{font-size:140%;font-weight:bold;margin:10px 0px 10px 0px;}
h3{font-size:130%;font-weight:bold;margin:10px 0px 10px 0px;}
h4{font-size:120%;font-weight:bold;margin:10px 0px 10px 0px;}
h5{font-size:110%;font-weight:bold;margin:10px 0px 10px 0px;}
h6{font-size:100%;font-weight:bold;margin:10px 0px 10px 0px;}

table td
{
	padding: 0;
	vertical-align: top;
}
a img
{
	border: none;
}

/* Global styles */

body 
{
	background-color: #e6e0cb;
}
.clearer 
{
	clear: left;
}

a 
{
	color: #006699;
	text-decoration: none;
}

.blog h1 a 
{
	color: #E2001A;
	text-decoration: none;
}

.blog h3 a 
{
	color: #E2001A;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}
img[align=left],
table[align=left]
{
	margin-right: 10px;
	margin-bottom: 10px;
}
img[align=right],
table[align=right]
{
	margin-left: 10px;
	margin-bottom: 10px;
}
.genericForm .label 
{
    font-weight: bold;
    padding-bottom: 4px;
}
.genericForm .field
{
    padding-bottom: 10px;
}
.genericForm .fieldCaptcha *
{
    float: left;
    padding-right: 10px;
}
.genericForm .button
{
    padding-top: 10px;
    clear: left;
}
.genericForm.condensed .label
{
    padding-bottom: 1px;
    font-size: 11px;
}
.genericForm.condensed .field
{
    padding-bottom: 3px;
}
.genericForm.condensed .field *
{
    font-size: 11px;
}
.feedLink 
{
    text-align: right;
}
.sectionFeedLink 
{
    margin-top: 10px;
}
.ListPaging 
{
    padding-top: 10px;
}
.controlHolderMain h1 
{
	color: #e2001a;
	font-size: 20px;
	margin-top: 0px;
}
.controlHolderMain h2 
{
	color: #e2001a;
	font-size: 16px;
}
.controlHolderMain h3 
{
	color: #e2001a;
	font-size: 14px;
}
.controlHolderMain h4
{
	color: #e2001a;
	font-size: 12px;
}
.controlHolderMain h5
{
	color: #000;
	font-size: 12px;
	font-style: italic;
}
.controlHolderMain h6
{
	color: #000;
	font-size: 12px;
}
/* Structure */

.contentWrapper 
{
	clear: both;
}
#extra1
{
	width: 200px;
	float: left;
}
.controlHolderMain 
{
	float: left;
	width: 250px;
}
#extra2
{
	width: 140px;
	float: left;
}
.controlHolderFooter 
{
	clear: both;
}

.outerWrapper 
{
	width: 990px;
	float: left;
}
.innerWrapper 
{
	width: 845px;
	float: left;
	padding-right: 5px;
	background: url(/Layout/Taloustaito/Image/bg_shade_right.gif) repeat-y right;
}
.headerWrapper 
{
	background: url(/Layout/Taloustaito/Image/bg_header.jpg) no-repeat;
	height: 169px;
}
.controlHolderHeaderExtra
{
	background: url(/Layout/Taloustaito/Image/bg_header_extra.jpg) no-repeat;
	height: 45px;
}
.controlHolderHeaderExtra .image
{
	padding-left: 7px;
}
.controlHolderHeaderTop 
{
	height: 24px;
	border-top: 1px solid #fff;
}
.controlHolderHeader
{
	height: 117px;
}
.contentWrapper 
{
	background: url(/Layout/Taloustaito/Image/bg_content.gif) repeat-y;
	float: left;
}
.controlHolderMain,
.controlHolderExtra 
{
	padding: 25px 10px;
	overflow: hidden; /* "Fix" IE6 */
}
.controlHolderMain 
{
	width: 445px;
}
.controlHolderBanner
{
	float: left;
	width: 140px;
	padding-top: 5px;
	overflow: hidden; /* "Fix" IE6 */
}
.controlHolderFooter 
{
	height: 18px;
	background-color: #244951;
}

/* Front Page specific */

.frontPage .contentWrapper 
{
	background-image: url(/Layout/Taloustaito/Image/bg_content_frontpage.gif);
}

/* 2-column layout */

body.twoColumn .contentWrapper
{
    background-image: url(/Layout/Taloustaito/Image/bg_content_twoColumn.gif);
}
body.twoColumn #extra2 
{
    display: none;
}
body.twoColumn .controlHolderMain
{
    width: 605px;
}


/* Global control styles */

.controlHolderExtra .control
{
	padding-bottom: 20px;
	clear: left;
}
.controlHolderExtra .control .title h2
{
	font-weight: bold;
	color: #e2001a;
	font-size: 14px;
	text-transform: uppercase;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 7px 0px;
	margin-top: 0px;
}
.control .function 
{
    padding-top: 10px;
}
.frontPage #extra1 .control .title h2
{
	font-size: 16px;
}

/* Control type specific */

.announcementGroup .announcement 
{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
	padding-bottom: 10px;
	/*clear: both;*/
}
.announcementGroup .hyperLinkTitle,
.discussionMessage .hyperLinkTitle
{
	font-size: 14px;
	font-weight: bold;
}
.controlHolderExtra .announcementGroup .hyperLinkTitle,
.controlHolderExtra .discussionMessage .hyperLinkTitle
{
	font-size: 12px;
}
.controlHolderExtra .announcementGroup .documentBody,
.controlHolderExtra .discussionMessage .documentBody 
{
	color: #666666;
}
.announcementGroup img 
{
	float: right;
	padding-bottom: 10px;
}

.controlHolderExtra .blogNosto .title h2 
{
	color: #000;
	font-size: 16px;
	border-top: 2px solid #fff;
	border-bottom: 0px;
	padding-right: 70px;
	margin-bottom: 13px;
}
.controlHolderExtra .blogNosto .publishingTime,
.controlHolderExtra .blogNosto .hyperLinkTitle,
.controlHolderExtra .blogNosto p /* for text controls */
{
	padding-right: 70px; /* make room for the image */
	padding-bottom: 2px;
}
.controlHolderExtra .blogNosto .documentBody
{
	padding-top: 5px;
}
.controlHolderExtra .blogNosto 
{
	background: url("/File/eccbd4d5-431d-4506-89f8-5ae9c19ceb74/Tolvanen pieni.jpg") no-repeat top right;
}
.controlHolderExtra .blogNosto .announcement
{
	padding-bottom: 0px;
	margin-bottom: 20px;
}
.controlHolderExtra .blogTolvanen
{
	background-image: url("/File/4410ca67-6cd9-40a7-99b8-f00e66924569/blogTolvanen.jpg");
}
.controlHolderExtra .blogMarttinen
{
	background-image: url("/File/9b7afcb3-6b47-459e-8911-be601f6c42ab/blogMarttinen.jpg");
}
.controlHolderExtra .blogLaitinenLaiho
{
	background-image: url("/File/27b08293-d3e1-4325-a963-ff56849013f1/blogLaitinenLaiho.jpg");
}
.controlHolderExtra .blogLehtinen
{
	background-image: url("/File/07c07668-9b73-4984-a4c6-3776ca7383a1/blogLehtinen.jpg");
}
.controlHolderExtra .blogKurjenoja
{
	background-image: url("/File/d6ff2a55-4fdd-46e6-8d33-aa37ef023189/blogKurjenoja.jpg");
}
.controlHolderExtra .blogTiusanen
{
	background-image: url("/File/5261e03f-718f-4f42-b42c-49499fd57edc/tiusanen.jpg");
}
.controlHolderExtra .blogKorpela
{
	background-image: url("/File/0437d938-7ccb-491f-84a2-d7c0b8ace4e5/blogKorpela.jpg");
}
.controlHolderExtra .blogPunakallio
{
	background-image: url("/File/7c9780e0-62bf-4c6b-a8d8-ef0c7f0760a9/blogPunakallio.jpg");
}
.controlHolderExtra .blogLindholm
{
	background-image: url("/File/9d674686-bee8-4f8b-bb29-b22374b1fd2a/lindholm.jpg");
}

.expiringLink .title
{
	display: none;
}
.expiringLink a
{
	display: block;
	width: 140px;
}
.expiringLink a span
{ 
	display: none;
}
.expiringLinkTT
{
	background: url(/File/a1e00bf2-feb4-4776-9b08-5d5b5497ef24/taloustaidonArkisto.jpg) no-repeat;
	height: 161px;
}
.expiringLinkTT .content
{
	background: url(/File/741f239c-8e61-44dd-bc0c-6eebb599fac9/uusinTaloustaito.jpg) no-repeat 70px 3px;
}
.expiringLinkTT .content a
{
	height: 161px;
}
.expiringLinkTTY
{
	background: url(/File/74a8486d-3431-4a82-b152-5b45f4201f26/taloustaidonyrityksenArkisto.jpg) no-repeat;
	height: 177px;
}
.expiringLinkTTY .content
{
	background: url(/File/fb52d71c-7f1f-4850-9626-f87a3a72760c/uusinTaloustaitoYritys.jpg) no-repeat 71px 3px;
}
.expiringLinkTTY .content a
{
	height: 176px;
}

.logonHeader
{
	float: right;
	width: 400px;
}
.logonHeader .title
{
	display: none;
}
.logonHeader .labelLogOnLinkText,
.logonHeader .labelLogOffLinkText
{
	width: 9em;
	background: url(/Layout/Taloustaito/Image/tab_green_left_upsidedown.gif) no-repeat bottom left;
	padding-left: 3px;
	padding-right: 5px;
	float: right;
}
.logonHeader .labelLogOnLinkText a,
.logonHeader .labelLogOffLinkText a
{
	display: block;
	padding: 5px;
	color: #fff;
	background: url(/Layout/Taloustaito/Image/tab_green_upsidedown.gif) no-repeat bottom right;
}
.logonHeader .sectionWelcomeText 
{
    clear: right;
    padding: 5px 5px 0px;
    text-align: right;
}

.navigationPath
{
	margin-bottom: 0px;
}
.navigationPath div.content
{
	padding-bottom: 10px;
}
.navigationPath ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.navigationPath li
{
	display: inline;
}

.rating  
{
    clear: left;
}

.rating .positiveValue,
.rating .negativeValue {
    float: left;
    font-size: 28px;
    width: 20%;
    font-weight: bold;
}
.rating .positiveValue {
    color: #337308;
}
.rating .negativeValue {
    color: #E2001A;
}
.SelectionCartAddObject,.SelectionCartRemoveObject { }

.markItUp 
{
    width: auto !important;
}

/* Control Holder specific */

.controlHolderHeaderExtra .image 
{
	float: left;
}
.homeLink 
{
    float: left;
    padding: 4px 0px 0px 5px;
}
.homeLink p
{
    margin: 0px;
}
.homeLink a 
{
    color: #fff;
}
.controlHolderMain .navigation 
{
    background-color: #ffe7c9;
    padding: 10px;
    margin-bottom: 20px;
}
.controlHolderMain .navigation ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.controlHolderMain .navigation li 
{
    float: left;
    width: 25%;
}
.controlHolderMain .navigation li.selected a
{
    color: #000;
}
.controlHolderHeaderExtra .navigation ul,
.controlHolderHeaderTop .navigation ul,
.controlHolderFooter .navigation ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.controlHolderHeaderExtra .navigation ul li,
.controlHolderHeaderTop .navigation ul li,
.controlHolderFooter .navigation ul li
{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #fff;
}
.controlHolderHeaderExtra .navigation ul li a,
.controlHolderHeaderTop .navigation ul li a,
.controlHolderFooter .navigation ul li a
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.controlHolderHeaderExtra .navigation ul li.lastItem,
.controlHolderHeaderTop .navigation ul li.lastItem,
.controlHolderFooter .navigation ul li.lastItem
{
	border-right: none;
}

.controlHolderHeaderExtra .navigation 
{
	padding: 15px 0px 0px 208px;
	font-size: 10px;
}
.controlHolderHeaderTop .navigation
{
	margin: 5px 0px 0px 215px;
	font-size: 10px;
}
.controlHolderHeaderNavigation .navigation 
{
	padding: 0px;
	margin: 0px;
	float: left;
	padding-left: 5px;
	font-size: 11px;
	text-transform: uppercase;
}
.controlHolderHeaderNavigation .navigation ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.controlHolderHeaderNavigation .navigation li
{
	float: left;
	height: 27px;
	padding-left: 3px;
	margin-right: 2px;
	background: url(/Layout/Taloustaito/Image/tab_green_left.gif) no-repeat;
}
.controlHolderHeaderNavigation .navigation li a
{
	display: block;
	float: left; /* Fix IE6 */
	padding: 7px 10px 0px 7px;
	height: 20px;
	background: url(/Layout/Taloustaito/Image/tab_green.gif) no-repeat top right;
	color: #fff;
	text-decoration: none;
}
.controlHolderHeaderNavigation .navigation li.centerTab
{
	background-image: url(/Layout/Taloustaito/Image/tab_red_left.gif);
}
.controlHolderHeaderNavigation .navigation li.centerTab a
{
	background-image: url(/Layout/Taloustaito/Image/tab_red.gif);
}
.controlHolderHeaderNavigation .navigation.navigationRight 
{
	float: right;
	padding-right: 5px;
}
.controlHolderHeaderNavigation .navigation.navigationRight li
{
	margin: 0px 0px 0px 2px;
	background-image: url(/Layout/Taloustaito/Image/tab_blue_left.gif);
}
.controlHolderHeaderNavigation .navigation.navigationRight li a
{
	background-image: url(/Layout/Taloustaito/Image/tab_blue.gif);
	color: #000;
}
.controlHolderHeaderNavigation .navigation li.selected,
.controlHolderHeaderNavigation .navigation li.selectedPath
{
	background-image: url(/Layout/Taloustaito/Image/tab_selected_left.gif);
}
.controlHolderHeaderNavigation .navigation li.selected a,
.controlHolderHeaderNavigation .navigation li.selectedPath a
{
	background-image: url(/Layout/Taloustaito/Image/tab_selected.gif);
	color: #000;
}

.controlHolderFooter .navigation
{
	font-size: 10px;
	margin-left: 10px;
}
.controlHolderFooter .navigation a 
{
	color: #fff;
}
.controlHolderExtra .navigation ul 
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.controlHolderExtra .navigation ul li
{
    float: left;
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}
.controlHolderExtra .navigation ul li a
{
    display: block;
    padding: 5px 0px;
    border-top: 1px solid #CCCCCC;
}
.controlHolderExtra .navigation ul li.lastItem a
{
    border-bottom: 1px solid #CCCCCC;
}
.controlHolderExtra .navigation ul li.selected a
{
    font-weight: bold;
}

.controlHolderBanner .control .content 
{
	padding-bottom: 10px;
}

/* Discussion related (commenting) */

.controlHolderMain .discussionMessage .listMessages
{
	width: 100%;
}
.controlHolderMain .discussionMessage .messageTitle h2
{
    font-size: 12px;
    color: #000;
    margin: 0px;
}
.controlHolderMain .discussionMessage .messageMetaData
{
}
.controlHolderMain .discussionMessage .messageBody,
.controlHolderMain .comment .commentBody
{
	margin-top: 10px;
	padding: 0px 5px;
}
.controlHolderMain .discussionMessage .block,
.controlHolderMain .comment
{
	border-bottom-color: #d3d3d3 !important;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	padding-top: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.controlHolderExtra .block 
{
    margin-bottom: 10px;
}
.controlHolderMain .discussionMessage .messageTitle,
.controlHolderMain .discussionMessage .messageMetaData,
.controlHolderMain .comment .commentMeta
{
	background-color: #ececec;
	padding: 3px 5px;
}
.controlHolderMain .commenting { clear: left; }

.controlHolderMain .paging 
{
    margin: 10px 0px;
}

/* Blog related */

.controlHolderMain .blog .messageCount 
{
	margin-top: 10px;
}
.controlHolderMain .blog .listThreads .block 
{
	border-top: none;
	padding-top: 0px;
}
.controlHolderMain .blog .listMessages 
{
	clear: left;
}
.controlHolderMain .blog .content .messageIndex0,
.controlHolderMain .blog .content .messageIndex0 .messageTitle,
.controlHolderMain .blog .content .messageIndex0 .messageBody,
.controlHolderMain .blog .content .messageIndex0 .messageMetaData
{
	background: none;
	padding: 0px;
	border: none;
}
.controlHolderMain .blog .content .messageIndex0 
{
	padding-bottom: 20px;
}
.controlHolderMain .blog .content .messageIndex0 .messageTitle h2
{
	font-size: 16px;
	margin-bottom: 5px;
	color: #E2001A;
}
.controlHolderMain .blog .content .messageNavigation
{
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 10px;
}
.controlHolderMain .blog .content .messageNavigation .hyperLinkPreviousThread,
.controlHolderMain .blog .content .messageNavigation .hyperLinkNextThread
{
	width: 49%;
	float: left;
}
.controlHolderMain .blog .content .messageNavigation .hyperLinkNextThread
{
	float: right;
	text-align: right;
}
.controlHolderMain .blogSingle .block 
{
	border-top: none;
	border-bottom: none;
}
.blog .labelCreatorName 
{
    padding-right: 5px;
    border-right: 1px solid #000;
}
.blog .messageIndex0 .labelCreatorName
{
    display: none;
}

/* Misc */

.printButton 
{
	float: right;
}
.logo a 
{
    float: left;
    width: 273px;
    height: 73px;
    margin-top: 21px;
}
.logo img
{
    display: none;
}


/* Additional Stuff */

.controlHolderExtra .yellowBox 
{
	background-color: #fff3c2;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
.controlHolderExtra .yellowBox .title h2
{
	margin: 0px;
	background-color: #adadad;
	padding: 5px;
	color: #fff;
}
.controlHolderExtra .yellowBox .content,
.controlHolderExtra .yellowBox .function
{
	padding: 5px;
}

.campaign 
{
	float: right;
	border-left: 10px solid #fff;
}
.linkList ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.linkList ul li
{
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #E6E6E6;
}
.hideRSS .feedLink
{
    display: none;
}

/* ChannelView */
div.channelView h2
{
	margin-top:30px;
}

div.channelView h3
{
	margin:0;
}

div.channelView div.channelNumberOfComments, div.channelView div.channelRatings, div.channelView div.makeCommentLink
{
	margin-top:6px;
}

div.channelView div.makeCommentLink
{
	display:none;
}

div.channelView div.channelNumberOfComments a
{
	font-size:14px;
}

div.channelLift div.channelTitle h2
{
	font-weight: bold;
	color: #e2001a;
	font-size: 14px;
	text-transform: uppercase;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 7px 0px;
	margin-top: 0px;
}

div.channelLift div.contentItem
{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div.channelLeft div.contentItem
{
	border-bottom: 1px solid #cccccc;
}

div.channelLift div.channelDescription, div.channelLift div.channelAuthor, div.blogNosto div.channelDescription
{
	color: #666666;
}

div.channelLeft div.channelDescription
{
	color: #000000;
}

div.channelLift div.contentItem h3, div.blogNosto div.contentItem h3
{
	font-size:12px;
}

div.blogNosto div.channelTitle h2
{
	color: #000;
	font-size: 16px;
	border-top: 2px solid #fff;
	border-bottom: 0px;
	padding:5px 70px 0 0;
	margin:0 0 20px 0;
	text-transform:uppercase;
}

div.blogNosto div.channelPublishingTime
{
	padding-right: 70px; /* make room for the image */
	padding-bottom: 2px;
}

div.blogNosto div.contentItem h3
{
	min-height:30px;
	padding-right: 70px; /* make room for the image */
	margin-bottom: 5px;
}

div.blogNosto
{
	margin:0;
	padding:0;
}

div.blogNosto div.makeCommentLink
{
	display:block;
}

/* Blogi */
div.blog h2
{
	margin:0 0 25px 0;
	padding-top:0;
	font-size:20px;
}

div.blog div.post
{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
	padding-bottom: 8px;
}

div.blog div.post div.function div.rating
{
	float:left;
}

div.blog div.post div.function div.rating div.positiveValue, div.blog div.post div.function div.rating div.negativeValue
{
	width:75px;
}

div.blog div.post div.function div.rating ul.sectionRatingResults
{
	margin:0;
	padding:0;
}

div.blog div.post div.function div.commentCount
{
	float:left;
	padding-top:10px;
}

/* CommentInsert */
div.commentInsert
{
	font-weight:bold;
	margin-bottom:25px;
}

div.commentInsert div.commentatorDetails
{
	margin-bottom:8px;
}

/* Captcha */
div.commentInsert div.fieldCaptcha *
{
	float: left;
    padding-right: 10px;
}

div.commentInsert input.button
{
	clear: left;
	margin-top: 10px;
}

div.commentInsert div.labelCaptcha
{
	margin-bottom:4px;
}

/* CommentList */
div.commentList div.quoteLinkContainer
{
	margin:6px 0 6px 4px;
}



