* { margin:0; padding:0; }
html, body { height:100%; }
body { background:url(/stc/img/ch5/bg.gif) top left repeat-x; font-size:67%; font-family:Arial, sans-serif; color:#545253; }
#body_extranet{background:url(/stc/img/ch5/bg_extranet.gif) top left repeat-x !important; }
/* 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 { margin: 0.9em 0; }
hr {margin:5px 0 5px 0; }
.code-excerpt {font-size:12px; background: #f3f6fa; display: block; padding: 5px 8px; border: 1px solid #d9e8fc; margin: 10px 0; font-family: monospace; }
strong { }
.u4-image-caption { font-size:0.8em; color:#666; margin-left:0.5em; }
/* applies to paragraphs, lists, you name it */
#siteBody { color:#444; line-height: 1.6em; }
/* #siteBody li p { line-height:1; } */
/* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#111; text-decoration:none; }
a:hover { color:#111; text-decoration:underline; }
a.external { }
img {border:none; }
h1, h2,h3,h4,h5 { color:#153c7b; }
h1 { font-size:1.8em; font-family:Tahoma, Arial, sans-serif; font-weight:normal; margin:0 0 1em 0; }
h2 { font-size:1.8em; font-family:Tahoma, Arial, sans-serif; font-weight:normal; margin:0 0 1em 0; }
h3 { font-size:1.6em; font-family:Tahoma, Arial, sans-serif; font-weight:normal; margin:0 0 1em 0; }
h4 { font-size:1.4em; font-weight:bold;margin:0.2em 0 0.2em 0; }
h5 { font-size:1.2em; font-weight:bold;margin:0.2em 0 0.2em 0; }
/* naviList class to reduce redundancy */
ul.naviList { margin:0; padding:0; list-style:none; }
ul.naviList ul { list-style:none; }
ul.naviList li { }
/* bullet list always too left setting */
ul {padding-left:20px; }
/* ol list override */
/*
ol li{list-style:none; background: url(/stc/img/ch5/bg_list.gif) 0 8px no-repeat; height:23px;
padding-left: 20px; padding-top:10px; border-bottom:1px solid #cccccc;
}
*/
.blue_list {display:block; list-style:none; background: url(/stc/img/ch5/bg_list.gif) 0 7px no-repeat; height:23px;
padding:5px 0 5px 20px; border-bottom:1px solid #cccccc;
}
/* 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:968px; margin:0 auto; background: #fff; padding: 0; min-height:100%; position:relative;
}
* html #site { background:#fff; height:100%; }
#siteBody { width:968px; clear:both; text-align:left; background: url(/stc/img/ch5/siteBody_bg.gif) top left repeat-x; }
#siteBody3_col { width:968px; clear:both; text-align:left; background: url(/stc/img/ch5/siteBody2_bg.gif) top left repeat-y; }
#siteBody2_col { width:968px; clear:both; text-align:left; background: url(/stc/img/ch5/siteBody2col_bg.gif) top left repeat-y; }
#siteBody1_col { width:968px; clear:both; text-align:left; background: url(/stc/img/ch5/siteBody1col_bg.gif) top left repeat-y; }
.columns { position:relative; float:left; }
#left { line-height:20px; width:280px; padding:30px 20px 0 20px; margin-left:4px; }
#middle { width:279px; padding:30px 20px 0 20px; margin-left:1px; }
#middle2 { width:599px; padding:30px 20px 0 20px; margin-left:1px; }
#middle.wide { width:599px; }
#middle.widest { width:925px; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:925px !important; }
#right { width:279px; margin-left:1px;padding:30px 20px 0 20px; }
#footer { width:948px; height:48px; margin-left:4px; position:relative; border-top:1px solid #ddd; font-size:0.9em; padding:0 0 0 12px; color:#111; background: #fff url(/stc/img/ch5/footer_bg.gif) top left repeat-x; }
#footer_left{width:500px; padding:10px 0 0 0;float:left; }
div#navigoCMS { font:10px Verdana, sans-serif; position:absolute; right:0; height:48px; width:200px; }
div#navigoCMS strong { color:#c7c9c8; }
div#navigoCMS img {border:0; display:block; float:left; }
div#navigoCMS img {border:0; display:block; float:left; }
div#navigoCMS acronym { text-decoration:none;border:none; }
#top { width:968px; height:249px; padding: 0; background:url(/stc/img/ch5/top.gif) no-repeat top left; }
#top h1 { width:236px; height:64px; background:url(/stc/img/bg_logo.gif) no-repeat top left; }
#top h1 a { display:block; width:236px; height:64px; }
#top h1 a span { display:none; }
.top_extranet{background:url(/stc/img/ch5/top_extranet.gif) no-repeat top left !important; }
#top_bg_front{ height:240px; margin-left:4px; width:960px; background:url(/stc/img/ch5/top_bg.jpg) no-repeat top left; }
#top_bg{ height:240px; margin-left:4px; width:960px; background:url(/stc/img/ch5/top_bg2.jpg) no-repeat top left; }
#top_bg_extranet{ height:240px; margin-left:4px; width:960px; background:url(/stc/img/ch5/top_bg_extranet.jpg) no-repeat top left; }
#top_bg_help{ height:240px; margin-left:4px; width:960px; background:url(/stc/img/ch5/top_bg_help.gif) no-repeat top left; }
#top_banners { position:absolute; top:96px; right:21px; }
#top_banners { position:absolute; top:96px; right:21px; }
#top_banners span { display:none; }
#top_banners .banner_helpdesk { display:block; width:252px; height:32px; margin-bottom:20px; background:url(/stc/img/ch5/bg_helpdesk.jpg) 0 0 no-repeat; }
#top_banners .banner_newsletter { display:block; width:252px; height:38px; background:url(/stc/img/ch5/bg_newsletter.jpg) 0 0 no-repeat; }
#top_logo{width:223px; height:67px; float:left; }
#top_logo h1 { display:none; }
#topContent{height:213px; width:960px; position:relative; }
#top_form{width:317px; height:27px; float:right; padding:15px 10px 0 0; }
#top_form2{width:420px; height:27px; float:right; padding:15px 10px 0 0; }
#top_fontsize{width:64px; height:21px; float:left; }
#top_fontsize .smaller{width:22px; height:21px; display:block; float:right; padding:4px 10px 0 0; }
#top_fontsize .bigger{width:22px; height:21px; display:block; float:left; padding:4px 10px 0 0; }
.text_version{width:22px; height:21px; padding-right:10px; display:block; float:left; }
#searchForm{display:block; height:24px; width:175px; float:right; }
#top_form_line{width:737px; height:67px; padding:0; margin:0; float:left; }
#top_language{ padding-top:3px; border:0; float:left; width:132px; height: 24px;
background: url(/stc/img/ch5/language_bg.gif) no-repeat center top; }
#search{ padding:4px 0 0 6px; display:block;float:left; border:0; width:118px; height: 20px; background: transparent url(/stc/img/ch5/search_bg.gif) no-repeat center top; }
#submit{ margin:0; padding:0 0 5px 0; display:block; float:left; border:none; width:50px; height: 24px; background: transparent url(/stc/img/ch5/submit_bg.gif) no-repeat center top; }
#top_text{ float:left; font-family:Tahoma !important; font-size:24px; color:#004996; width:500px; margin:30px 0 0 20px; }
#top_text h1{ font-size:24px; margin:0; }
#top_text h2{ font-size:24px; margin:0; }
#top_text2{ float:left; font-family:Tahoma !important; font-size:16px; color:#fff; width:500px; margin:30px 0 0 20px; }
/* below hided on 10.7.2009 / mileht */
#top_text_right{ display:none; float:left; color:#004996; width:400px; height:111px; margin:10px 0 0 20px; }
#info{width:100px; margin-left:80px; float:left; }
#info2{width:100px; float:right; }
#supportNavi { position:absolute; top:10px; right:0; }
#supportNavi form { }
#supportNavi li { float:left; }
#supportNavi li a { display:block; padding:2px 5px; }
#supportNavi li span { display:block; padding:2px 0 2px 5px; color:#0aa0c0; }
#supportNavi li.textSize a { padding:2px 0 2px 2px; }
/* navigation */
#topNavi { margin:0 0 1px 12px; padding:1px 0 0 0; height:27px; width:948px; }
#topNavi ul{ height:27px; width:948px; padding:0; }
#topNavi li { float:left; margin:0; padding:0; }
#topNavi li a { letter-spacing:-0.2px; height:21px; margin:0 5px 0 0; padding:5px 10px 5px 10px; display:inline; float:left;
background:url(/stc/img/ch5/topNavi_bg.gif) top left repeat-x;
color:#fff; font-weight:bold; text-decoration:none; font-size:13px; outline:0; }
/** #topNavi li a { background:url(/stc/img/ch5/topNavi_bg.gif) }*/
#topNavi li a.act { color:#f9bf54; background:url(/stc/img/ch5/topNavi_bg_hover.gif) top left repeat-x; }
#topNavi li a:hover { background:url(/stc/img/ch5/topNavi_bg_hover.gif) top left repeat-x; }
#topNavi li .extranet{background:url(/stc/img/ch5/topNavi_bg_extranet.gif) top left repeat-x; color:#111 !important; }
#topNavi li a:hover.extranet, #topNavi li a.extranet-act {background:url(/stc/img/ch5/topNavi_bg_extranet_hover.gif) top left repeat-x; }
#topNavi li a.extranet-act { color:#fff !important; }
#extranet a{height:21px; width:95px; padding: 5px 5px 5px 0 !important; background:url(/stc/img/ch5/extranet.gif) top left no-repeat !important; }
#extranet {float:right !important; }
#logout a.extranet, #logout a.extranet:hover {height:21px; width:70px; padding: 5px 5px 5px 0 !important; background:url(/stc/img/ch5/logout.gif) top left no-repeat !important; }
#logout {float:right !important; list-style:none; }
#docNavi { margin-bottom:10px; padding-bottom:1px; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd }
#docNavi ul { padding:0; margin:0; }
#docNavi li { display:inline; }
#docNavi li a { font-weight:normal; display:block; /*height:25px;*/ padding:7px 5px 5px 25px;
background:#fff url(/stc/img/ch5/orange_arrow.gif) 5px 10px no-repeat ;
border-top:1px dotted #cdcdcd; text-decoration:none; color:#111; margin:1px 0 0 0; }
* html #docNavi li a { border-top:1px solid #eaeaea; }
#docNavi li.first a { border:0; }
#docNavi li a:hover { color:#111; }
#docNavi li a.act { color:#111; background-color:#f5f5f7 ; }
#docNavi li ul {padding-bottom:10px; background:#f5f5f7; }
#docNavi li li a { /*height:20px;*/ padding:2px 10px 2px 37px; font-size:0.9em;
background:#f5f5f7 url(/stc/img/ch5/orange_sub_arrow.gif) 25px 8px no-repeat ;
border:none; margin:0; }
#docNavi li li a.act { color:#111; background-color: #f5f5f7; text-decoration:underline; font-weight:bold; }
#docNavi li li li a { background:#f5f5f7 url(/stc/img/ch5/orange_sub_arrow.gif) 35px 8px no-repeat ; padding:2px 10px 2px 47px; } /* add more as needed... */
* html ul#docNavi a { height:1%; }
#breadcrumb { margin-top:5px; font-size:0.9em; color:#000; }
#breadcrumb a { color:#666; }
#breadcrumb a:hover { color:#777; text-decoration:none; }
#breadcrumb a.active { font-weight:bold; }
.line{ clear:both; height:10px; width:100%; padding:0; line-height:1px; margin:0; border:none; font-size:0; border-top:1px solid #d0cfcf; }
/* old one .line{ clear:both; height:1px; width:100%; padding:0; line-height:1px; margin:0; border:none; font-size:0; background-color:#d0cfcf; }*/
/* content elements */
/* news list */
.newsList { padding:0; }
.newsList h4 { font-size:1.1em; padding:5px 0; border-top:1px solid #d9d9d9; }
.newsList a { text-decoration:none; }
.newsList a:hover { color:#111; text-decoration:underline; }
.newsList h4 a { color:#111; }
.newsList p { padding:5px 0; border-bottom:1px solid #eee; }
.newsList p a { color:#333; }
.newsList span.readMore { color:#0aa0c0 }
.news_list_block{border-bottom:1px solid #cdcdcd; padding:0 0 14px 0; margin-bottom:14px; }
.news_header{ background:url(/stc/img/ch5/news_bg.gif) 0 3px no-repeat; padding-left:17px; }
* html .news_header { display:inline-block; }
/* 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; }
.yellowLink{height:39px; float:left; background:url(/stc/img/ch5/yellow_bg.gif) top left repeat-x; }
*.yellowLink{ width:50%; }
.yellowLink a{color:#111; text-decoration:underline; font-size:12px; }
.yellowLink .content{ padding: 0 10px 0 10px; text-align:center; height:22px; margin-bottom:2px; }
.yellowLink .shadow{ float:left;height:15px;; }
.bannerArea{background:#f1f4f9; padding: 14px 10px 10px 10px; border: 1px solid #d0cfcf; }
.bannerArea .content {border:0; font-size:12px; font-weight:normal; color:#545253; }
.buttonQuestion { float:right; border-bottom:1px solid #ccc; margin: 0 0 5px 0; padding:0; height:51px; width:279px !important;
background: url(/stc/img/ch5/bg_question.gif) top left no-repeat; }
.buttonQuestion a{ height:10px; color:#111; width:210px !important; padding:20px 0 0 65px !important; text-decoration:none; display:block; }
.buttonQuestion a:hover{text-decoration:none; color:#111; }
.buttonMail { float:right; border-bottom:1px solid #ccc; margin: 0 0 0 0; padding:0; height:51px; width:279px !important;
background: url(/stc/img/ch5/bg_mail.gif) top left no-repeat; }
.buttonMail a{ height:10px; color:#111; width:210px !important; padding:20px 0 0 65px !important; text-decoration:none; display:block; }
.buttonMail a:hover{text-decoration:none; color:#111; }
/* 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:5px 0 5px 30px; }
.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0; clear:both; }
.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; }
/* table styles */
table.u4-table-help, table.u4-table-pricelist { border: 1px solid #d9e8fc; font-size: 90%; }
table.u4-table-help td, table.u4-table-pricelist td { padding: 2px 3px; }
tr.u4-table-help-header, tr.u4-table-pricelist-header { background: #dde6f2; font-weight: bold; }
tr.u4-table-help-odd, tr.u4-table-pricelist-odd { background: #f3f6fa; }
td.u4-table-help-odd, td.u4-table-help-even, td.u4-table-help-header2,
td.u4-table-pricelist-odd, td.u4-table-pricelist-even, td.u4-table-pricelist-header2 { text-align: left; }
/* 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:none; }
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 */
.infoBar {
border-top:1px solid #ccc;
padding:10px 0 30px 0;
margin:10px 0 0 0;
/*clear:both;*/
}
#infoBarExtranet {
border:none !important;
width:80px;
height:30px;
margin:0;
padding:0;
float:left;
}
.infoBar a.print {
background:transparent url(/stc/img/ch5/bg_print.gif) no-repeat scroll 0 0;
display:block;
float:right;
width:20px;
height:20px;
padding:0 0 5px 0;
}
.infoBar span.pdf {
background:transparent url(/stc/img/ch5/bg_pdf.gif) no-repeat scroll 0 0;
float:right;
width:15px;
height:20px;
padding:0 10px 5px 0;
display:block;
}
.infoBar span.pdf2 {
background:transparent url(/stc/img/ch5/bg_joku.gif) no-repeat scroll 0 0;
float:right;
width:15px;
height:20px;
padding:0 10px 5px 0;
display:block;
}
.title{ width:519px; float:left; display:block; padding:1px 0 0 0; }
.titleh2{margin:0; padding:0; display:block; height:30px; }
.reference_image{margin-bottom:20px;}
.referenceList{}
.reference_list_block{width:275px; margin:0 0 0 20px; height:300px; float:left; }
#site.front .reference_list_block { margin:0;}
.navigo-attachment{padding: 0 0 10px 0; }
#top_language #show-lang {
border:medium none;
color:#192F46;
display:inline;
margin:0 5px;
}
#top_language {
}
ul#choose-lang {
background:none repeat scroll 0 0 #FFFFFF;
border-color:-moz-use-text-color #CCCCCC #CCCCCC;
border-right:1px solid #CCCCCC;
border-style:none solid solid;
border-width:0 1px 1px;
display:none;
margin:5px 6px 0 0;
padding:5px 0 3px 5px;
}
#choose-lang li {
list-style:none outside none;
padding-bottom:3px;
}
#choose-lang li.selected a {
color:#FF290C;
}
#choose-lang a {
color:#192F46;
}