﻿/* Reset all property defaults on every browser */

body
{
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	font-family: Arial, Verdana, Sans-Serif;
	color:#454545;
}
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: #196bb6;
	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: #98b03e;
	font-size: 28px;
	line-height:33px;
	margin-top:0;
	font-weight:normal;
}
.controlHolderMain h2 
{
	color: #98b03e;
	font-size: 28px;
	line-height:33px;
	margin-top:0;
	font-weight:normal;
}
.controlHolderMain h3 
{
	color: #98b03e;
	font-size: 20px;
	line-height:24px;
	font-weight:normal;
}
.controlHolderMain h4
{
	font-size: 16px;
	line-height:20px;
}
.controlHolderMain h5
{
	font-style: italic;
	font-weight:normal;
}
.controlHolderMain h6
{
}

.frontpage .controlHolderMain h2 
{
	color:#fda01f;
}


/* 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/HyvatYhteydet/Image/bg_shade_right.gif) repeat-y right;
}
.headerWrapper 
{
	background: url(/Layout/HyvatYhteydet/Image/bg_header.jpg) no-repeat;
	height: 169px;
}
.controlHolderHeaderExtra
{
	background: url(/Layout/HyvatYhteydet/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/HyvatYhteydet/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;
	overflow: hidden; /* "Fix" IE6 */
}
.controlHolderFooter 
{
	height: 18px;
	background-color: #244951;
}


/* 2-column layout */
body.twoColumn .contentWrapper
{
    background-image: url(/Layout/HyvatYhteydet/Image/bg_content_twoColumn.gif);
}

body.twoColumn .controlHolderMain
{
    width: 605px;
}


/* Global control styles */
.controlHolderExtra .control
{
	padding-bottom: 20px;
	clear: left;
}
.controlHolderExtra h2
{
	color:#fda01f;
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:solid 1px #cccccc;
	padding-bottom:6px;
	margin:0 0 15px 0;
}
.control .function 
{
    padding-top: 10px;
}


/* Control type specific */

.announcementGroup .announcement
{
	border-bottom: 1px solid #e6e5e0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.announcementGroup img 
{
	float: right;
	padding-bottom: 10px;
}


div.hyperLinkBack a
{
	display:block;
	float:left;
	background: url(/Layout/HyvatYhteydet/Image/btn_back.gif) no-repeat 0 0;
	padding:7px 0 0 33px;
	height:30px;
}

.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
{
	clear:both;
}
.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/HyvatYhteydet/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/HyvatYhteydet/Image/tab_green.gif) no-repeat top right;
	color: #fff;
	text-decoration: none;
}

/*
.controlHolderHeaderNavigation .navigation li.centerTab
{
	background-image: url(/Layout/HyvatYhteydet/Image/tab_red_left.gif);
}
.controlHolderHeaderNavigation .navigation li.centerTab a
{
	background-image: url(/Layout/HyvatYhteydet/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/HyvatYhteydet/Image/tab_grey_left.gif);
}
.controlHolderHeaderNavigation .navigation.navigationRight li a
{
	background-image: url(/Layout/HyvatYhteydet/Image/tab_grey.gif);
	color: #454545;
}
.controlHolderHeaderNavigation .navigation li.selected,
.controlHolderHeaderNavigation .navigation li.selectedPath
{
	background-image: url(/Layout/HyvatYhteydet/Image/tab_selected_left.gif);
}
.controlHolderHeaderNavigation .navigation li.selected a,
.controlHolderHeaderNavigation .navigation li.selectedPath a
{
	background-image: url(/Layout/HyvatYhteydet/Image/tab_selected.gif);
	color: #454545;
}

.controlHolderFooter .navigation
{
	font-size: 10px;
	margin-left: 10px;
	padding-top:3px;
}
.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;
}

.controlHolderBanner div.code
{
	font-size:1px;
	line-height:1px;
	height:1px;
}

/* 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;
}










/* ChannelView */
div.channelView h3
{
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	margin:2px 0 6px 0;
}
.channelView .contentItem
{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 6px;
	padding-bottom: 3px;
}
div.channelView div.channelDescription
{
	margin-bottom:5px;
}

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;
}









/* 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;
}


/* Search */
div.search
{
	float:right;
	margin-top:55px;
}

.hidden
{
	display:none;
}

div.search div.buttonSearch
{
	float:left;
}

div.search div.buttonSearch input.Button 
{
    border:0;
    width:40px;
    height:43px;
    background:url(/Layout/HyvatYhteydet/Image/btn_search.png) no-repeat 0 4px;
    font-size:0px !important;
    line-height:0px !important;
    color:#fff;
    cursor:pointer;
}

div.search div.fieldQueryString
{
	float:left;
	margin-top:13px;
}

div.search div.fieldQueryString input.TextBox
{
    border:0;
    width:159px;
    height:21px;
    background:url(/Layout/HyvatYhteydet/Image/bg_search.gif) no-repeat 0% 0%;
    color:#848383;
    margin:0;
    padding:5px 0 0 5px;
    font-size:11px;
    line-height:11px;
    text-transform:uppercase;
}

/* Text Lift */
div.lift
{
	background:url(/Layout/HyvatYhteydet/Image/bg_lift.jpg) no-repeat 0 100%;
	width:100%;
	min-height:224px;
	margin:0 0 20px 0;
	padding:0;
}

div.lift div.title
{
	display:none;
}

div.lift p
{
	margin:0;
	padding:0 0 10px 0;
}

div.lift div.content
{
	margin:0 30px 0 30px;
	padding:0 0 20px 0;
}

div.lift div.content h2
{
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:solid 1px #e6e5e0;
	padding:20px 0 6px 0;
	margin:0 0 15px 0;
}


div.lift div.content img
{
	float:right;
}

div.imageLeft div.content img
{
	float:left;
}

div.taloustaito
{
	background-image:url(/Layout/HyvatYhteydet/Image/bg_lift_taloustaito.jpg);
}

/* searchResult */
div.searchResult div.hyperLinkTitle, div.searchResult div.documentCaption
{
	margin-bottom:5px;
}

div.searchResult div.labelModificationTime
{
	color:#838383;
	font-style:italic;
	margin-bottom:20px;
}

/* Sitemap */
div.Sitemap ul
{
	margin:0;
	padding:0;
}

div.Sitemap li
{
	list-style-position:inside;
	margin-bottom:10px;
}

div.Sitemap li ul li
{
	list-style-type:disc;
	padding-left:50px;
}


/* CustomForms */
div.customForms th
{
	color: #98b03e;
	font-size: 28px;
	line-height:33px;
	margin-top:0;
	font-weight:normal;
	text-align:left;
	padding-bottom:25px;
}

div.customForms hr
{
	display:none;
}

div.customForms td.lbl
{
	font-weight:bold;
}

div.customForms td.field input, div.customForms td.field textarea
{
	border:solid 1px #cccccc;
}

div.customForms div.buttons
{
	margin:10px 0 0 117px;
}

/* navigationPath */
div.navigationPath span.separator
{
	display:none;
}

div.navigationPath li
{
	background:url(/Layout/HyvatYhteydet/Image/bg_path.gif) no-repeat 0 4px;
	padding-left:8px;
	margin-left:5px;
}

div.navigationPath li.itemIndex0
{
	background-image:none;
	padding-left:0;
	margin-left:0;
}


/* OrganizationSearch */
.frontpage div.controlHolderMain div.CategoryListing h2
{
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:solid 1px #e6e5e0;
	padding-bottom:6px;
	margin:0 0 15px 0;
}

.frontpage div.CategoryListing a
{
	display:block;
	font-size:15px;
	line-height:20px;
	background:url(/Layout/HyvatYhteydet/Image/bg_list.gif) no-repeat 0 6px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

div.CategoryListing ul
{
	margin:0;
	padding:0;
}

div.CategoryListing li
{
	list-style-type:none;
	background:url(/Layout/HyvatYhteydet/Image/bg_list.gif) no-repeat 0 3px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

div.CategoryListing li.selected
{
	background-image:url(/Layout/HyvatYhteydet/Image/bg_list_selected.gif);
}

div.CategoryListing li.selected a
{
	color:#454545;
}


/* subCategoryListing */
div.subCategoryListing .column
{
    width:300px;
    float:left;
}
div.subCategoryListing ul
{
	margin:0;
	padding:0;
}

div.subCategoryListing li
{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}

/* organizationListing */
div.organizationListing div.lettersBlock
{
	margin-top:5px;
}

div.organizationListing div.lettersBlock ul.letters
{
	margin:0;
	padding:0;
}

div.organizationListing div.lettersBlock li
{
	list-style-type:none;
	float:left;
}

div.organizationListing div.lettersBlock li.letterAllLink
{
	margin:0 15px 10px 0;
}

div.organizationListing div.lettersBlock li.letter
{
	margin:0 8px 10px 0;
	text-transform:uppercase;
}


div.organizationListing div.organizationListTable
{
	clear:both;
	border-top:solid 1px #cccccc;
	padding-top:8px;
}

div.organizationListing table.organizationList
{
	margin:0;
	padding:0;
	width:100%;
}
div.organizationListing table.organizationList tbody tr td
{
	padding:3px 0px 3px 0px;
}

div.organizationListing div.ListPaging
{
	margin-top:10px;
	border-top:solid 1px #cccccc;
	padding-top:8px;
}

/* organizationSearchForm */
div.organizationSearchForm .desc
{
	font-weight:bold;
	margin-bottom:5px;
}

div.organizationSearchForm div.searchtext input
{
	border:solid 1px #cccccc;
	width:300px;
}

div.organizationSearchForm div.searchtext
{
	margin-bottom:10px;
}

div.organizationSearchForm .fieldInfo
{
    font-style: italic;
}

div.organizationSearchForm .column
{
	float:left;
	width:200px;
}
div.organizationSearchForm label
{
	font-size:8pt;
}

/* organizationView */

.organizationView .label 
{
    font-style:italic;
    padding-bottom: 4px;
}
.organizationView .field
{
    padding-bottom: 10px;
}

.organizationView .content
{
    float:left;
    width: 250px;
}






