* { margin:0 ; padding:0 ; }

html, body { height:100% ; }

body { background:#fff url(/stc/img/bg_body.jpg) no-repeat top left fixed ; font-size:76% ; font-family:'Trebuchet MS', sans-serif ;  }

 /* paragraph & cell styles */
.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 ; margin-bottom:-1px ;}
p { line-height:1.6 ; margin-bottom:0.5em ; color: #333; font-family: Arial; }
strong { color:#111 ; }
.u4-image-caption { font-size:0.8em ; color:#666 ; margin-left:0.5em ; }

 /* applies to paragraphs, lists, you name it */
#siteBody { color:#444 ; }
#siteBody li p { line-height:1 ; }
 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#0aa0c0 ; text-decoration:none; } 
a:hover { color:#0c839d ; text-decoration:underline ; }
a img { border:none; }
a.external { background:url(/stc/img/icon_extLink.gif) no-repeat center right ; padding-right:5px ; }

h2,h3,h4,h5 { color:#111 ; }
h2 { font-size:1.8em ; font-family:Georgia, serif ; font-weight:normal ; letter-spacing:0.1em ; margin-bottom:1em ; }
h3 { font-size:1.4em ; font-family:Georgia, serif ; font-weight:normal ; margin-bottom:1em ; }
h4 { font-size:1.2em ; font-weight:bold ; margin-bottom:0.5em ;}
h5 { font-size:1.1em ; font-weight:bold ; margin-bottom:0.5em ;}

h1, h2 {font-family:Arial; font-size:22px; #555;}

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

/* sizeList */
ul.sizeList {float:right;}

 /* 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, #topNavi
  #footer: navigo-cms, footer slot
 *******************************/	

/* change margin:0 auto to margin:0 to have site aligned to left */
#site { width:768px ; margin:0 auto ; background:url(/stc/img/bg_site.png) repeat-y top left; min-height:100% ;}
#site .editMode {position: inherit;}
* html #site { background:#fff ; height:100% ; }

#siteBody { float:left; width: 100%; text-align:left ; margin-top: 25px;}
#siteBody ul, #siteBody ol {padding-left: 40px;}
#left ul {padding: 0;} 
.columns { position:relative ; float:left ; }
#left { width:200px ; padding-right: 20px;}
#middle { width:438px ; padding-right:5px; padding-left: 15px; margin-rigth: 5px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#middle.wide { width:679px ; border-right: none;}
#siteBody.widest {width:920px;}
#middle.widest { width:285px ; border: none;}
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:920px !important; }
#right { width:200px ; padding: 10px 20px 0 20px; font-size:0.9em ;}


#footer {text-align: left; width: 960px; margin: 0 auto; position:relative ; font-size:0.9em ; color:#666 ;  padding-top: 10px;}
#footer .footer_left {float:left; width: 420px; padding: 0 30px 0 30px;}
#footer	.footer_right {float:right; width: 420px; padding: 0 30px 0 30px;}

div#navigoCMS { font:10px Verdana, sans-serif ; color:#c7c9c8 ; position:absolute ; right:0 ; top:5px ; height:18px ; background:#fff ; width:170px ; }
div#navigoCMS strong { color:#c7c9c8 ; }
div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

#top h1 { width:530px ; height:64px ; background:url(/stc/img/bg_logo.gif) no-repeat top left ; }
#top h1 a { display:block ; width:530px ; height:84px ;}
#top h1 a span { display:none ; }
.sizes {padding-right: 5px;}
#supportNavi { position:relative; float:right; top:10px; right:0px ; }
#supportNavi .naviList {float:right;}
#supportNavi #login {float:right; padding-right: 5px;}
#supportNavi #login a {font-family: Arial; font-size: 11px; color: #555; text-decoration: none;}
#supportNavi #login a:hover {text-decoration: underline;}
#supportNavi form { }
#supportNavi li { float:left ; color: #bbb;}
#supportNavi li a { display:block ; padding:2px 5px ; font-family: Arial; font-size: 11px; color: #555; text-decoration: none}
#supportNavi li a:hover {text-decoration: underline;}
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color:#0aa0c0 ;}
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }


/* navigation */
#topNavi {padding-top: 1px; padding-top: 55px;}
#topNavi li { float:left ; overflow: hidden; height: 28px;}
#topNavi li a { margin:0 ; padding: 5px 12px 10px ; display:block ; float:left ; background: url(img/bg_topnavi.gif); color:#333 ; font-weight:bold ; text-decoration:none ; margin:0 3px 0 0 ; font-size: 13px;}
#topNavi li a.act { color:#000 ; background: url(img/bg_topnavi_act.gif) repeat-x;}
#topNavi .naviList li {margin-top: 3px;}

docNavi ul { border-bottom:1px solid #ddd ; padding:0 ; margin:0 ; }
/*#docNavi li { display:inline ; }*/
#docNavi li a { display:block ; padding:3px 10px ; background: #D6D3D3 url(img/bg_subnavi.gif) repeat-x ; text-decoration:none ; color:#333 ; margin:2px 0 0 0 ; }
#docNavi li a:hover { text-decoration:underline; }
#docNavi li a.selected {background: #9CD5FE; font-weight: bolder; background: #94D2FF1 url(img/bg_subnavi_act.gif) repeat-x ;}
#docNavi li a.act { text-decoration:underline; } 
#docNavi li li {background: #EEF7FE url(img/bg_subnavi_child.gif) repeat;}
#docNavi li li a { padding:2px 10px 2px 35px ; font-size:0.9em; background: url(img/bg_subnavi_child_act.gif) 21px 7px no-repeat; border:none ; margin:0 ; }
#docNavi li li li a { padding:2px 10px 2px 50px ; } /* add more as needed... */
* html ul#docNavi a { height:1% ; }

#breadcrumb { margin-top:5px ; font-size:0.9em ; color:#000 ; padding-bottom:10px;}
#breadcrumb a { color:#666 ; }
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }

 /* content elements */
 /* news list */
.newsList { padding:1px ; }
.newsList h4 { font-size:1em ; padding:0; margin: 0; ; }
.newsList a, div.newsList a:hover { text-decoration:none; }
.newsList a:hover { color:#666 ; }
.newsList h4 a { color: /*#3D81C0*/ #3982c6 ; }
.newsList p {  }
.newsList p a { color:#333 ; }
.newsList span.readMore { color:#0aa0c0 }

 /* news document */
.newsSummary { font-style:italic ; }

 /* highlight element */
.highLight { border:5px solid #b5c4cf ; padding:5px ; margin-bottom:0.5em ; }
.highLight h3 { margin:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; } 

 /* 2col */
.columnContainer { width:100% ; }
.columnContainer .columns { width:47% ; margin-right:2% ; } 
.columnContent { width:auto ; }
 /* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}
#middle ul, #middle ol, #middle dl { padding-left:30px ; }

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff url(/stc/img/bg_table_borders_td.gif) repeat-x top left ; }

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

.u4-table-complete-header td {background:#ccc; color: #fff; font-weight: bold;}

 /* sitemap */

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

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


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

.stripe { background-color:#f9f9f9 ; }

/* 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: solid 1px black ; }
table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:pointer ; }

/* e-mail form */
.emailForm {}
.emailForm p.formRow {}
.emailForm label br { display: none; }
.emailForm label span { display: block; }
.emailForm label span input {}
.emailForm label span textarea {}
.emailForm label .btnSubmit {} /* Inside label only for consistency */
.emailForm label .btnReset {} /* Inside label only for consistency */


#searchForm {height: 31px; width: 250px; position: relative;}
#fi_FI #searchForm, #sv_SE #searchForm {height: 31px; width: 220px; position: relative;}
#search {border: none; background: none; padding: 9px 0px 0px 15px; width: 160px; color: #333;}
#submit {background: none; height: 31px; border: none; color: #fff; width: 71px; font-weight: bolder;}
#fi_FI #submit, #sv_SE #submit {background: none; height: 31px; border: none; color: #fff; width: 41px; font-weight: bolder;}
#topNavi #searchDiv { float: right; background: url(img/bg_search.gif); background-position: 0px 31px;}
#fi_FI #topNavi #searchDiv, #sv_SE #topNavi #searchDiv { float: right;  background: url(img/bg_search.gif)}

html { height:100%; }
body { height:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:76%; line-height:1.5em; color:#222; background:#f5f5f5; /*background:#9fd8fe url(img/bg_body.gif) 0 0
repeat-x;*/ }
a { color: #032f9c; text-decoration:underline; }
a:hover {text-decoration:none; }

#top { position:absolute; left:0; top:0; width:100%; height:170px; background:#fff url(img/bg_top.gif) 0 0 repeat-x; }
#top .inner {width: 920px; margin:0 auto; background: url(img/bg_top_rock.jpg) no-repeat top center;}

#site { min-height:100%; width:960px;  margin:0 auto;  background:#fff; }
* html #site { height:100%; }
#site .inner {display: inline-block; padding: 180px 20px 180px 20px; background:url(img/site_gradient.gif) 0 171px repeat-x;  }

#bottom { height:170px; width:100%; margin-top:-170px; background:url(img/bg_bottom.gif) 0 0 repeat-x;  }

h1#logo { width:530px; height:83px; background:url(img/logo.gif) 0 0 no-repeat; float:left; }
h1#logo span { display:none; }

h1, h2, h3, h4, h5, h6, p { color:#333; }

#print {float:right; background: url(img/icon_print.gif) no-repeat top left; padding-left: 20px; padding-right: 20px;}

#supportNavi li.textSize a {background-image:url('img/bg_fontsize.gif'); height: 15px; display: block; position: relative; margin-right: 5px;}
#supportNavi li.textSize a.larger {background-position:0px 0px; width: 18px;}
#supportNavi li.textSize a.larger-disabled {background-position:0px -16px; width: 18px; cursor: default;}
#supportNavi li.textSize a.smaller {background-position:16px 0px; width: 14px;}
#supportNavi li.textSize a.smaller-disabled {background-position:16px -16px; width: 14px; cursor: default;}

p.red {color: #f00; font-size: 1.2em;}
p.red a { color: #f00; font-size: 1.1em;}