/*css for Järkipalaa 2009*/


body{ background:#fff url(/stc/jarkipalaa/img/body-bg.gif) top center; font-size:10px; margin:0 ; padding:0 ; font-family: Arial, sans-serif ; }

/* paragraph & cell styles */
.rightImg {float:right; padding: 0 0 10px 10px;}
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; overflow:hidden ; }
p { line-height:1.6em ; margin:0; padding-bottom:10px;}
li { margin-bottom:0.5em; }

.u4-image-caption {font-size: 0.85em; padding-top: 3px; }

 /* applies to paragraphs, lists, you name it */
#siteBody {font-size: 1.1em;}
#siteBody .ingress  {font-size: 1.1em;}
#siteBody li p { line-height:1em ; }

 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#2f7900; text-decoration:none; } 
a:hover { text-decoration:underline; }
a.external { }
a img {border:none;}

h2,h3,h4,h5 {padding:5px 0 10px 0; margin:0; color: #2f7900; }
h2 { font-size:1.8em ; font-weight:normal; letter-spacing: 1px; }
h3 { font-size:1.6em ; font-weight:normal;letter-spacing: -1px; }
h4 { font-size:1.2em ; font-weight:normal; letter-spacing: 1px; }
h5 { font-size:1.1em ; font-weight:normal; letter-spacing: 1px; }

/*#middle ul {padding-left: 0; margin-top: 0;}
#middle ul li{list-style: none; list-style-position:outside; padding-left: 13px; background: url(/stc/jarkipalaa/img/bullet.gif) 0 2px no-repeat;}*/

#middle ul, #right ul { margin: 0; padding: 0; list-style:none; }
#middle ul li, #right ul li { background:url(/stc/jarkipalaa/img/arrow.gif) 0 0.3em no-repeat; padding-left:17px; margin-bottom:11px; }
* html #middle ul li, * html #right ul li { display:inline-block; }
ol { margin-left:0 ;padding-left:0; list-style-position:inside; }


/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; } 
ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; }
ul.naviList li { margin:0 ; padding:0 ; }

 /* layout + columns */
 /*******************************
  #site: site container
  #siteBody: content container (under #top), .wide for 2 column layout, .widest for 1col
  #left, #middle, #right: layout columns, .column to reduce redundancy
   \     `-navigo:content
    `#docNavi
  #top: logo, top image (if applicable), #supportNavigation, #leftNavi
  #footer: navigo-cms, footer slot
 *******************************/	

/* change margin:0 auto to margin:0 to have site aligned to left */
#site { width: 1003px ; margin:0 auto ; min-height:100% ; position:relative ;  padding-top: 16px;  }

#siteBody { position:relative; clear:both; text-align:left; width:100%; background:#fff url(/stc/jarkipalaa/img/bg-site.gif) 0 0 repeat-y; font-size:1.2em; }
#clip { position:absolute; right:0; top:-12px; width:41px; height:70px; background:url(/stc/jarkipalaa/img/clip.gif) 0 0 no-repeat; }
	* html #clip { right:-1px; }
	#clip-fix { float:right; width:40px; height:30px; }
#siteBody .site-body-inner { width:100%; padding-top:32px; background:url(/stc/jarkipalaa/img/bg-site-top.gif) 0 0 no-repeat; }
.columns { }


#left { float:left; width: 259px; margin-bottom:200px; }
	.left-bottom { position:absolute; left:50px; bottom:10px; width:184px; height:161px; background: url(/stc/jarkipalaa/img/apple.jpg) 0 0 no-repeat; }
#middle { float:left; width: 501px; position:relative; letter-spacing: 0.01em; }
	#middle .inner{ padding:0 25px 0 25px; background:none; }
#middle.wide {width: 724px; }
#middle.wide .inner{padding-right: 0;}

#middle.widest {width: 957px; }
#middle.widest .inner{padding-right: 0; padding-left: 15px;}
/* Added ie hack to because ie cannot understand declaration above this comment 
	really?? VP
*/
* html #siteBody .widest { width: 774px; padding:0 13px; }
#right { float:right; width:237px; padding-right:5px; }


#footer {width:100%; float:left; height: 85px; position:relative ; color:#2f7900; padding-top:16px; text-align:center; font-size:1.3em; background: url(/stc/jarkipalaa/img/bg-footer.gif) 0 0 no-repeat; }
/*#footer #contact { text-align:center; }*/
/*#footer a{color: #007f7f; }*/

/* do not change ; always the same (unless logo/type is NOT on white bg) */
div#navigoCMS { font:10px Verdana, sans-serif ; color:#858585 ; height: 18px; text-align: center; padding-top: 13px; width: 100%; float: left;}
div#navigoCMS strong { color:#858585 ; }
div#navigoCMS a { color:#858585 ; text-decoration:none ; padding-left:22px ; background:url(/stc/jarkipalaa/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

#top {background: url(/stc/jarkipalaa/img/mainTop_bg.gif) left bottom repeat-x;}
#upper {margin-bottom: 17px; }
#topImg {height: 168px; overflow: hidden; width: 100%; background: url(/stc/jarkipalaa/img/topImg.jpg) 0 0 no-repeat;}

#top h1 { margin:6px 0 0 3px ; padding:0 ; width:269px; height:98px; background:url(/stc/jarkipalaa/img/logo.gif) no-repeat top left ; }
#top h1 a { display:block ; width:269px ; height: 98px ; } /* needs width & height same as h1 (logo) */
#top h1 a span { display:none ; }
#logo{float: left;}
#supportNavi {color:#262626; font-size:0.9em; float: right; width: 680px; position: relative;}
#supportNavi ul{ float: right;}
#supportNavi form { margin:0 ; padding:0 ; }
#supportNavi li { float:left ; border-right:1px solid #79b63f; }
#supportNavi li a { display:block ; padding:2px 9px ; color:#262626; font-size: 13px; float: left;}
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color:#064949; font-size: 14px; }
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }
#supportNavi li.print a { margin-right:7px; padding-right:25px; background: url(/stc/jarkipalaa/img/print-icon.gif) 100% 0.3em no-repeat; }
#supportNavi li.incTxt, #supportNavi li.decTxt { border:0; }
#supportNavi li.incTxt a, #supportNavi li.decTxt a, #supportNavi li span.dummy { width:28px; height:23px; margin:0; padding:0; }
#supportNavi li.incTxt a { margin-left:9px; background: url(/stc/jarkipalaa/img/incTxt.gif) 0 0 no-repeat; }
#supportNavi li.decTxt a { margin-right:9px; background: url(/stc/jarkipalaa/img/decTxt.gif) 0 0 no-repeat; }
* html #supportNavi li.incTxt a, * html #supportNavi li.decTxt a { display:inline; }
#supportNavi li.incTxt span{display: none;}
#supportNavi li.decTxt span{display: none;}
#supportNavi li.incTxt span.dummy{ display:block; margin-left:9px; background: url(/stc/jarkipalaa/img/incTxt-inact.gif) 0 0 no-repeat; }
#supportNavi li.decTxt span.dummy{ display:block; margin-right:9px; background: url(/stc/jarkipalaa/img/decTxt-inact.gif) 0 0 no-repeat; }


/*

#supportNavi li.incTxt a{display: block; height: 10px; width: 29px; background: url(/stc/jarkipalaa/img/incTxt.gif) 0 0 no-repeat; margin-top: 5px; margin-left: 2px;}
#supportNavi li.decTxt a{display: block; height: 10px; width: 31px; background: url(/stc/jarkipalaa/img/decTxt.gif) 0 0 no-repeat; margin-top: 5px; margin-left: 2px;}
	
#supportNavi li.incTxt span{display: none;}
#supportNavi li.decTxt span{display: none;}

#supportNavi li.incTxt span.dummy{display: block; height: 10px; width: 29px; background: url(/stc/jarkipalaa/img/incTxt-inact.gif) 0 0 no-repeat; margin-top: 5px; margin-left: 2px;}
#supportNavi li.decTxt span.dummy{display: block; height: 10px; width: 31px; background: url(/stc/jarkipalaa/img/decTxt-inact.gif) 0 0 no-repeat; margin-top: 5px; margin-left: 2px;}
*/	

#search{width: 219px; float: right; padding:10px; background:#fff; border:1px solid #d5d4d4; }
#search .inner{}
/** html #search{width:250px; right:0;}*/
form, legend, label, fieldset { margin:0; padding:0; border:0; }
#search legend { font-size:15px; color:#262626; font-weight:normal; }
.s-field label { visibility:hidden; display:none; }
#go, #searchfield, .s-button, .s-field {float:left; display:block; margin:0; padding:0; }
#searchform div { float:left; width:100%; margin-top:15px; border:1px solid #78b63f; }

#go { background:url(/stc/jarkipalaa/img/sbuttonR.gif) top right no-repeat;display:inline; float:right; margin-left: 5px; border: 0; padding: 5px 7px 5px 0px; }
#searchfield { width:160px; height:1.5em; background:#fff; margin:0 7px 0 0; padding:6px 0 0 4px; border:0; }
* html #searchfield { width:156px; }
.s-button{width:auto;height:auto; border-left:1px solid #78b63f; }
.s-field{width:auto; height:auto;}
#go{float: left; border: 0;}
td.selectInputTd,td.textInputTd{width:120px;height:auto; }
input.emailForm{width:100px;height:auto;margin:10px 0 0 125px;text-align:center; }
input.textInputField,textarea.textInputField{border:1px solid #bebebe; }

.emailForm label { visibility:visible;display:inline;}


/* navigation */
#leftNavi { width:243px; margin-left:3px; }
#leftNavi ul{ list-style:none; margin:0; padding:0; }
#leftNavi li { margin:0; background:url(/stc/jarkipalaa/img/bg-leftnavi.gif) bottom left no-repeat; }
* html #leftNavi li{height: 1%;}
#leftNavi li a { color:#000; display:block; font-size:1.15em; margin:0; padding:13px 5px 16px 24px; text-decoration:none; }
#leftNavi li a:hover { text-decoration: underline; background:url(/stc/jarkipalaa/img/leftnavi-act.gif) bottom right no-repeat; }
#leftNavi li.selected a { text-decoration: underline; background:url(/stc/jarkipalaa/img/leftnavi-act.gif) bottom right no-repeat; }

	#leftNavi ul ul { padding:7px 0 21px 0; }
	#leftNavi li.selected li { margin:0 0 2px 0; padding-left:24px; list-style-type:none; border:0; background:none;}
	#leftNavi li li a { padding:3px 5px 3px 12px; }
	#leftNavi li.selected li a { text-decoration:none; border:0; background:none;}
	#leftNavi li.selected li a:hover { text-decoration:underline; background:none; }
	#leftNavi li.selected li.selected a { color:#2f7900; text-decoration:underline; }

		#leftNavi li li li a { padding-left:10px;font-size:12px; background:transparent url(/stc/jarkipalaa/img/leftNavi-green.gif) no-repeat scroll 0 5px;}
		#leftNavi li li li.selected a.selected { color:#222; font-weight:bold; text-decoration:underline; border:0;}

#breadcrumb { margin-top: 5px; color:#000 ; padding: 2px 0 6px 0;}
#breadcrumb a span{font-weight: normal;}
#breadcrumb span{ color: #000; margin-left: 15px; padding-left: 8px; background: url(/stc/jarkipalaa/img/breadcrumbArrow.gif) center left no-repeat; font-weight: bold;}
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }

 /* content elements */
 
 .apple { height:45px; border:0; background: url(/stc/jarkipalaa/img/hr-apple.gif) center top no-repeat; }
 .apple hr { display:none; }
 
 /* Button */
.button {height:23px; background: url(/stc/jarkipalaa/img/button.gif) right top no-repeat; padding:4px 0 0 30px; margin-bottom:5px; font-weight:bold; }
.button a {color:#5E7D5D;}
 
 /* news list */
.newsList { border:1px solid #c9ebeb; background: url(/stc/jarkipalaa/img/bg_newsList.gif) bottom left repeat-x; padding-bottom: 0; margin-bottom: 19px; }
#middle .newsList{border: 0; background: none;}
.newsList_top {background: url(/stc/jarkipalaa/img/drop.gif) 190px 2px no-repeat; padding: 2px 8px 0 8px; color:#67c4f0; font-size: 20px; border-bottom: 1px solid #fddf67; margin-bottom: 8px; }
.newsList_top p {margin:0; }
.newsListMain {margin-top:1px; padding: 0px 8px 8px 8px; }
.newsListMain img {padding-top: 2px; }
.newsListMain span {padding-bottom:5px;}
.newsListMain p {padding-top:5px;}
.newsList_middle {border-left:1px solid #88B30E; border-right:1px solid #88B30E;}
.newsList_middle p {margin:0; padding: 3px 0 3px 13px;}
.newsList_middle p.even {background:#eee;}
.newsList_middle p span {font-weight:bold;}
.newsList_bottom {height:11px; width:100%; background: url(/stc/jarkipalaa/img/newsListBottom_wide.gif) right top no-repeat; }
.newsList_bottom p {margin:0; background: url(/stc/jarkipalaa/img/newsListBottom_corner.gif) 0 0 no-repeat; }
.borderBottom {border-bottom:1px solid #88B30E;}
.newsList h4 {  }
.newsList a{color: #1c61a5; }
.newsList a, div.newsList a:hover {  }
.newsList a:hover {  }
.newsList h4 a {  }
.newsList p {  }
.newsList p a { }
.newsList span.readMore { }
.newsList span.date{ font-weight: bold; color: #1c61a5; }

.newsList ul{margin: 0; padding: 0; list-style-position: outside; list-style-type: none;}
.newsList ul li{background:  url(/stc/jarkipalaa/img/newslistArrow.gif) 0 4px no-repeat; padding-left: 8px; padding-bottom: 2px; }
.newsList ul a{color: #145697; }

 /* news document */
.newsSummary { font-weight:bold;}
.eventContent { padding-top:10px;}

/* event */
span.date {font-size:0.9em;}

/* highlight quote */
.quote { float:right; margin:0 0 5px 5px; width:195px; padding-top:32px; background:url(/stc/jarkipalaa/img/hl-top.gif) 0 0 no-repeat; }
.quote .content { padding:0 5px 10px 20px; font-size:1.1em; }
.quote-bottom { width:100%; height:3px; background:url(/stc/jarkipalaa/img/hl-bottom.gif) 0 0 no-repeat; }

 /* highlight element */
.highLight { margin-bottom: 19px;  }
.highLight h3 { background: url(/stc/jarkipalaa/img/border-highlight-h3.gif) left bottom no-repeat; padding-bottom:8px; color:#2f7900; font-size: 20px; } 

/* Styles below are already defined for default list */
/*.highLight ul{margin: 0; padding: 0; list-style:none;}
.highLight ul li { background:url(/stc/jarkipalaa/img/arrow.gif) 0 0.3em no-repeat; padding-left:17px; margin-bottom:11px; }*/
/*.highLight ul a { color:#000; } removed: ticket 4920 // 9.12.2009 */
.highLight .content{padding-top:9px; }


 /* boxHighlight element */
.boxHighLight {position:relative; border: 1px solid #c9ebeb; background: url(/stc/jarkipalaa/img/drop.gif) 99% 4px no-repeat; padding: 11px 15px;}
.boxHighLight .content{padding-right: 10px;}
.boxHighLight_top {height:20px; width:100%;}
.boxHighLight_top p {}
  

 /* 2col */ 
.columnContainer { width:100% ; float:left; margin-bottom: 19px;}
.columnContainer .columns { width:48%; }
.columnContainer .columns .inner { width:auto; }
.columnContainer .left { float:left; }
.columnContainer .right { float:right; }
.columnContainer .border { border-right:1px solid black; }
#middle .columnContainer .inner{padding: 0;}

 /* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse; width: 100%; margin: 0 0 19px 0; padding: 0;}
#siteBody table td {vertical-align: top; padding: 0.3em;}

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders { border: 1px solid #a9c7c7; }
.u4-table-visible-borders-header td, .u4-table-visible-borders td { border: 1px solid #79b63f; }
 #siteBody .u4-table-visible-borders-header td { background:#fff; font-size: 16px; color: #2f7900; padding: 10px; }

.u4-table-stripe-header, .u4-table-stripe-odd{background:#f3f3f3}
.u4-table-stripe-header2, .u4-table-stripe-even{background:#ffffff}

.u4-table-complete { border: 1px solid #a9c7c7; }
.u4-table-complete-header td, .u4-table-complete td { border: 1px solid #79b63f; }
.u4-table-complete-odd{background: #ffffe9; }
 #siteBody .u4-table-complete-header td { background:#ffffe9; font-size: 16px; color: #2f7900; padding: 10px; }

.u4-table-default-even-gray, .u4-table-stripe-gray, .u4-table-visible-borders-gray, .u4-table-complete-gray { background:#eee; }

 /* sitemap */

.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }

.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/jarkipalaa/img/siteMap/sitemap_document.gif) top center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/jarkipalaa/img/siteMap/sitemap_subdocument.gif) top center no-repeat ; font-size:0.9em ; }


.depth0 { padding-left:25px ; background-position:5px 50% ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px 50% ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px 50% ; width:245px ; } 
.depth3 { padding-left:70px ; background-position:50px 50% ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px 50% ; width:215px ; }
.depth5 { padding-left:85px ; background-position:0px 50% ; width:215px ; }
	
.siteMapFolderLevel1 a { background:url(/stc/jarkipalaa/img/siteMap/sitemap_folder.gif) 5px 50% no-repeat ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/jarkipalaa/img/siteMap/sitemap_subfolder.gif) 10px 50% no-repeat ; padding-left:33px ; }
.siteMapFolderLevel3 a { background:url(/stc/jarkipalaa/img/siteMap/sitemap_subfolder.gif) 25px 50% no-repeat ; padding-left:45px ; }
.siteMapFolderLevel4 a { background:url(/stc/jarkipalaa/img/siteMap/sitemap_subfolder.gif) 40px 50% no-repeat ; padding-left:60px ; }
.siteMapFolderLevel5 a { background:url(/stc/jarkipalaa/img/siteMap/sitemap_subfolder.gif) 55px 50% no-repeat ; padding-left:75px ; }

.stripe { background-color:#f9f9f9 ; }

/* Forms */
.emailForm { }
.formRow label { float:left; width:80px; text-align: right; margin-right:5px;}
.selectInputTd {  width:80px; }
.textInputField {  }
.selectInputField {  }


/* following styles apply to navigo top tools */

table.u4-em-ie { border-collapse:collapse ; }
table.u4-em-ie td { font-size:11px ; padding:2px ; border:none ; }
table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; /*cursor:hand ; */}