* { margin: 0; padding: 0; } html, body { height: 100%; } body { background: #d2e9f9 url(/stc/images/pagebg.gif) repeat-x; font-size: 76%; font-family: Arial,Verdana,Helvetica,sans-serif; } #site { margin: 0 auto; min-height: 100%; padding: 0 0 0 17px; position: relative; width: 873px; } h2 { font-size: 1.3em; font-weight:bold; } h3 { font-size: 1.2em; font-weight:bold; } h4 { font-size: 1.1em; font-weight:bold; } h5 { font-size: 1em; font-weight:bold; } * html #site { height: 100%; } /* TOP */ div#topBar { margin: 0 0 0 1px; } div#topBar, div#topBarLeftC, div#topBarRightC, div#topBarContent { height: 62px; } div#topBarLeftC { background: url(/stc/images/topbar_left.gif) no-repeat; float: left; width: 10px; } div#topBarRightC { background: url(/stc/images/topbar_right.gif) no-repeat; float: left; width: 10px; } div#topBarContent { background: url(/stc/images/topbar_bg.gif) repeat-x; float: left; width: 852px; } div#topBarContent div { height: 42px; } div#topBarContent div#logoSlot { margin: 0; float: left; padding: 0px; width: 750px; } div#logoSlot a img { border: 0; } div#topBarContent div.links { background: url(/stc/images/topbar_separator.gif) right top no-repeat; float: left; padding: 10px; width: 125px; } div#topBarContent div.logo { position: relative; top: 10px; right: 0px; float: right;width: 27px; } div#topBarContent div.logo a img { border: 0; } div#topNavi { background: #fff url(/stc/images/main_navi_bg.gif) repeat-x bottom; margin: 0 1px 0 1px; border-left: solid 1px #5f6871; border-right: solid 1px #5f6871; border-top: solid 1px #b3b6bb; float: left; width: 870px; } div#topNavi li { list-style: none; } div#topNavi li { background: url(/stc/images/main_navi_separator.gif) no-repeat bottom right; float: left; } div#topNavi li a { color: #3b71b1; display: block; float: left; font-size: 1.1em; font-weight: bold; margin: 0 1px 0 0; padding: 5px 10px; text-decoration: none; } * html #topNavi li a { height:1% ; } #topNavi li.act a { background: #fff; color:#002462; } div#topNavi li a:hover { color: #002462; } * html div#topNavi { margin-left: px; display: inline; } /* LEFT NAVI */ div#leftNavi { margin-left: 10px; background: url(/stc/images/leftNaviBody.gif) repeat-y; } div#leftNaviTop { background: url(/stc/img/leftNaviTop.gif) no-repeat; font-size: 1px; height: 10px; } div#leftNaviTopBody { background: url(/stc/img/leftNaviBody.gif) repeat-y; padding: 0 10px 2px 10px; } div#leftNaviTopBody a { color: #20681c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; } * html div#leftNaviTopBody { zoom: 1; } div#leftNaviLeft, div#leftNaviRight { float: left; height: 30px; } div#leftNaviLeft, div#leftNaviRight { width: 10px; } div#leftNaviLeft { background: url(/stc/images/greenbox_common_title_left.gif) no-repeat; } div#leftNaviTitle { background: url(/stc/images/navi_green_title_bg.gif) 4px 2px repeat-x; border-top: solid 1px #a2a2a2; float: left; height: 27px; padding-left: 1px; padding-top: 3px; text-align: left; vertical-align: middle; width: 169px; } div#leftNaviTitle a { color: #20681c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; } div#leftNaviTopWrapper { background: #a2dba5; } div#leftNaviRight { background: url(/stc/images/greenbox_common_title_right.gif) no-repeat; } div#leftNaviBottomL, div#leftNaviBottomR { float: left; height: 3px; width: 6px; } div#leftNaviBottomL { background: url(/stc/images/navi_green_bottom_left.gif) bottom left no-repeat; } div#leftNaviBottomM { border-bottom: solid 1px #a2a2a2; height: 2px; width: 178px; float: left; } div#leftNaviBottomR { background: url(/stc/images/navi_green_bottom_right.gif) bottom right no-repeat;} div#leftNavi ul { background: #cff8cb; clear: both; margin: 0 3px 0 3px; } div#leftNavi li { display: inline; } div#leftNavi li a { background: #017c14; color: #fff; display: block; margin: 3px 0px 0px 0px; padding: 3px 10px; text-decoration: none; width: 164px; } div#leftNavi li a.act { font-weight: bold; } div#leftNavi li a:hover { background: #1dab35; } div#leftNavi li li a { margin-right: 0; background: none; color: #000;} * html div#leftNavi a { height: 1%; } * html div#leftNaviBottomL, * html div#leftNaviBottomR, * html div#leftNaviBottomM { height: 2px; font-size: 1px; } * html div#leftNaviBottomL, * html div#leftNaviBottomR { padding-top: 1px; } /* CONTENT */ div#breadcrumb { margin: 0; padding-left: 10px; height: 10px; line-height: 1px; font-size: 1px; } div#siteBody { border-left: solid 1px #5f6871; border-right: solid 1px #5f6871; margin: 0 0 0 1px; } div#middle { width: 650px; margin: 0 10px 10px 10px; } div#pageContentLeft { background: url(/stc/images/greenbox_common_title_left.gif) no-repeat; } div#pageContentRight { background: url(/stc/images/greenbox_gradient440_title_right.gif) no-repeat; } div#pageContentLeft, div#pageContentRight { float: left; height: 30px; width: 10px; } div#pageContentMiddle { background: url(/stc/images/greenbox_gradient840_titlebg.gif) right 2px no-repeat; float: left; border-top: solid 1px #a2a2a2; color: #20681c; float: left; height: 20px; padding-left: 0px; padding-top: 9px; width: 630px; } div#pageContentMiddle h2 { color: #20681c; float: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0; padding-right: 0; text-align: left; vertical-align: middle; } div#pageContent { border-left: solid 1px #a2a2a2; border-right: solid 1px #a2a2a2; clear: both; padding: 10px; } div#pageContentBottomLeft { background: url(/stc/images/navi_green_bottom_left.gif) bottom left no-repeat; } div#pageContentBottomMiddle { border-bottom: solid 1px #a2a2a2; height: 2px; width: 638px; float: left; line-height; 1px; } div#pageContentBottomRight { background: url(/stc/images/navi_green_bottom_right.gif) bottom right no-repeat;} div#pageContentBottomLeft, div#pageContentBottomRight { float: left; height: 3px; width: 6px; line-height; 1px; } div#pageContent { margin-bottom: 0px; } div#pageContentBottomLeft, div#pageContentBottomMiddle, div#pageContentBottomRight { line-height: 1px; font-size: 1px; } div#leftNaviBottomL { background: url(/stc/images/navi_green_bottom_left.gif) bottom left no-repeat; } div#leftNaviBottomM { border-bottom: solid 1px #a2a2a2; height: 2px; width: 178px; float: left; } div#leftNaviBottomR { background: url(/stc/images/navi_green_bottom_right.gif) bottom right no-repeat;} * html div#pageContentBottomMiddle { height: 3px; background: url(/stc/images/bottombar.gif) left -7px repeat-x; } /* 1 COL */ div#middle.wide { width: 850px; } div.wide div#pageContentMiddle { width: 830px; } div.wide div#pageContentBottomMiddle { width: 838px; } /* BOTTOM */ div#pageBottomLeft, div#pageBottomRight { float: left; height: 10px; width: 10px; } div#pageBottomMiddle { height: 10px; float: left; width: 852px; } div#pageBottom { margin: 0 1px 0 1px; float: left; width: 873px; } div#pageBottomLeft { background: url(/stc/images/bottombar_left.gif) no-repeat; } div#pageBottomMiddle { background: url(/stc/images/bottombar.gif) repeat-x; } div#pageBottomRight { background: url(/stc/images/bottombar_right.gif) no-repeat; } * html div#pageBottom { margin-left: 0; padding-left: 1px; } /* FOOTER */ div#footer { color: #022662; font-size: 0.9em; padding: 5px 0 5px 12px; position: relative; } div#footerSlot { margin: 0 auto; text-align: center; width: 500px; } div#copyRight { position: absolute; top: 10px; right: 10px;} div#navigoCMS { font: 10px Verdana, sans-serif; color: #c7c9c8; position: absolute; right: 0px; top: -6px; height: 18px; 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; } * html div#navigoCMS { top: -20px; display: inline; right: 10px; zoom: 1;} /* CUSTOM CONTENT */ form#addCandidateForm label, form#addCandidateForm input, form#addCandidateForm select, form#candidateAdvancedSearch input, form#candidateAdvancedSearch label, form#candidateAdvancedSearch select { display: block; } form#addCandidateForm option, form#candidateAdvancedSearch option { padding-left: 0.5em; padding-right: 1em;} div.contentList-box { background: #bbb; } .highLight { width: 385px; padding-top: 5px; } .highlightTL, .highlightTR, .highlightBL, .highlightBR { width: 6px; height: 3px; line-height: 1px; font-size: 1px; float: left; } .highlightTL { background: url(/stc/images/highlightTL.gif) no-repeat;} .highlightT { background: #fff; border-top: solid 1px #a0a19f; float: left; line-height: 1px; height: 3px; width: 373px; } .highlightTR { background: url(/stc/images/highlightTR.gif) no-repeat; } .highlightC { border-left: solid 1px #a0a19f; border-right: solid 1px #a0a19f; padding: 5px; padding-bottom: 2px; } .highlightC p { margin: 0; background: #c9f2c5;} .highlightBL { background: url(/stc/images/highlightBL.gif) no-repeat; } .highlightB { border-bottom: solid 1px #a0a19f; float: left; height: 2px; width: 373px; } .highlightBR { background: url(/stc/images/highlightBR.gif) no-repeat; } div#candidateImage { float: left; width: 150px;} div#candidateData { margin-left: 155px; width: 320px; } div#candidateNumber { background: url(/stc/images/numeron_tausta.gif) no-repeat; height: 100px; width: 100px; } div#candidateNumber { position: relative; top: 0;float: right; padding-top: 35px; text-align: center; } div#candidateNumber span { color: #20681c; font-size: 25px; font-weight: bold; line-height: 1em; } div#candidateNumber h3 { display: none; } div.questionArrowNext img, div.questionArrowPrev img { border: 0; width: 75px; } div.questionArrowNext { width: 100px; float: right; text-align: right; } div.questionArrowNext img { float: right; } div.questionArrowPrev { float: left; width: 100px; } div.questionArrowPrev img { float: left; } div.candidateBox { display: none; margin-top: 10px; width: 300px; } div.candidateBoxTopLeft, div.candidateBoxTopRight { float: left; height: 29px; width: 10px; } div.candidateBoxTopLeft { background: url(/stc/images/greenbox_common_title_left.gif) no-repeat; } div.candidateBoxTopRight { background: url(/stc/images/greenbox_common_title_right.gif) no-repeat; } div.candidateBoxTitle { border-top: solid 1px #a2a2a2; float: left; height: 29px; margin-bottom: 0; } div.candidateBoxTitle h3 { background: url(/stc/images/navi_green_title_bg.gif) repeat-x; color: #20681c; margin-top: 3px; vertical-align: middle; display: block; height: 25px; width: 280px; } div.candidateBoxContent { border-left: solid 1px #a2a2a2; border-right: solid 1px #a2a2a2; margin-top: 0; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;} div.candidateBoxBottomL, div.candidateBoxBottomR { height: 3px; width: 2px; float: left;} div.candidateBoxBottomL { background: url(/stc/images/navi_green_bottom_left.gif) bottom left no-repeat; } div.candidateBoxBottomM { border-bottom: solid 1px #a2a2a2; height: 2px; width: 296px; float: left; } div.candidateBoxBottomR { background: url(/stc/images/navi_green_bottom_right.gif) bottom right no-repeat;} div#slider-wrapper { background: url(/stc/images/slider-bg.gif) repeat-x; width: 314px; float: left; margin-right: 10px; } div#slider { background: url(/stc/images/slider.gif) 0px 2px no-repeat; width: 15px; height: 25px; } div#slider-value { display: none; } div.answerEndPoint { width: 150px; float: left;} /* a.plus { background: url(/stc/images/plusImage.gif) 0 4px no-repeat; padding-left: 18px; height: 28px; } a.minus { background: url(/stc/images/minusImage.gif) 0 4px no-repeat; padding-left: 18px; height: 28px; } */ div#banner img { border: 0; } a#printpage { background: url(/stc/img/tulosta.gif) 0px 5px no-repeat; border: 0; float: right; padding-bottom: 5px; padding-left: 15px; } /* old */ /* 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 ; } 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 ; clear: both;} #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.external { background:url(/stc/img/icon_extLink.gif) no-repeat center right ; padding-right:5px ; } */ /* naviList class to reduce redundancy */ ul.naviList { margin:0 ; padding:0 ; list-style:none ; } ul.naviList ul { list-style:none ; } ul.naviList li { } /* 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 */ #siteBody { background: white; clear:both ; text-align:left ; } .columns { position:relative ; float:left ; } #left { width:200px ; } /* #middle.wide { width:544px ; } */ /* #middle.widest { width:744px ; } */ /* Added ie hack to because ie cannot understand declaration above this comment*/ /* #right { width:180px ; margin-top:10px ; font-size:0.9em ; } */ #top { padding:10px 0 ; border-bottom:1px solid #fff ; } #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 ; } #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:10px 0 ; } #topNavi li { float:left ; } #topNavi li a { margin:0 ; padding:5px 10px ; display:block ; float:left ; background:none ; color:#333 ; font-weight:bold ; text-decoration:none ; font-size:1.1em ; margin:0 1px 0 0 ; border-top:1px solid #ccc ; border-left:1px solid #ccc ; border-right:1px solid #ccc ; } * #topNavi li a { height:1% ; } #topNavi li a.act { color:#000 ; background:#fafafa ; } */ #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 ; } /* content elements */ /* news list */ .newsList { border:1px solid #eee ; padding:1px ; } .newsList h4 { font-size:1.1em ; padding:5px 0 ; border-top:1px solid #d9d9d9 ; } .newsList a, div.newsList a:hover { text-decoration:none ; } .newsList a:hover { color:#666 ; } .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 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:none ; } table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:pointer ; } * html .widest { width:744px !important; } * html div#logoSlot a { display: block; } * html div.highlightT { font-size: 1px; height: 2px; line-height: 1px; margin: 0; padding: 0; } * html div.highlightB { height: 2px; line-height: 1px; margin: 0; padding: 0; } * html div.highlightC { margin-top: 0; padding-top: 0; float: left; width: 373px; } * html div.candidateBoxContent { margin-bottom: 0; } * html div.candidateBoxBottomL, * html div.candidateBoxBottomM, * html div.candidateBoxBottomR { height: 3px; line-height: 3px; font-size: 3px; margin-top: 0; padding-top: 0; } * html div.candidateBoxBottomM { background: url(/stc/images/one-point-a2a2a2.gif) 5px repeat-x; border: 0;} a img { border: 0; } img.border { border: solid 1px #0aa0c0; } #gallup { float: left; width: 250px; margin-bottom: 20px; } #gallup h4 { background: transparent url(images/lift2-tab-green.gif) no-repeat top left; border-bottom: 1px solid #6cc440; font: .83em/1.4em Arial, sans-serif; padding: 1px 0 0 10px; } #gallup p { background: #e2f3d9; height: 25px; } #gallup p.results { height: 40px; } #gallup p.odd { background: #d6eec9; } #gallup h5 { color: #000; font: .83em/1.4em Arial, sans-serif; padding: 5px 5px 4px 10px; border-top: 1px solid #fff; border-width: 1px 0 0 0; background: #e2f3d9; } #gallup p { color: #01319c; font: .83em/1.97em Arial, sans-serif; padding: 1px 0 0 10px; } #gallup legend { padding-left: 10px; } #gallup .gallup-answers-question { color: #000; font: .83em/1.25em Arial, sans-serif; padding: 10px 0 7px 10px; border-top: 1px solid #fff; } #gallup .gallup-results-bar { background: transparent url(images/gallup-bar.gif) top left no-repeat; width: 230px; height: 10px; display: block; padding: 0; } #gallup #button { padding-top: 2px; } /*Tests*/ /*Multiple test*/ .navigo-tests-multi {float: left; margin-bottom: 20px; } .navigo-tests-multi .result {} .navigo-tests-multi .result .allVotes {margin:5px 0} .navigo-tests-multi .result p.answerText {} .navigo-tests-multi .result div.bars { width:400px;background: #e2f3d9;} .navigo-tests-multi .result div.bars div.q { background: #6cc440; padding:2px; font-weight:bold;} .navigo-tests-multi .result div.bars span.a { padding:2px;} .navigo-tests-multi .result div.bars span.bar { display:block; background: transparent url(images/gallup-bar.gif) top left no-repeat;} .navigo-tests-multi .form dl {} .navigo-tests-multi .form dl dt { background: #6cc440; padding:2px;} .navigo-tests-multi .form dl dd { background: #e2f3d9; padding:2px;} div#pointRange {padding:10px 0;} div#pointRange p.answerText {padding-bottom:10px;} /*End Multiple test*/ /*Friend test*/ .navigo-tests-friend {} .navigo-tests-friend .result {} .navigo-tests-friend .form {} .navigo-tests-friend .form dl.sender {} .navigo-tests-friend .form dl.sender dt{} .navigo-tests-friend .form dl.sender dd{} .navigo-tests-friend .form .friend_names{font-weight:bold;} .navigo-tests-friend .form dl.friend {} .navigo-tests-friend .form dl.friend dt{} .navigo-tests-friend .form dl.friend dd{} .navigo-tests-friend .form dl.q {} .navigo-tests-friend .form dl.q dt{} .navigo-tests-friend .form dl.q dd{} /*End Friend test*/ div.commentWrapper { margin-top: 10px; } dl#candidateComments { margin: 0 0 10px 0; padding: 0; } dl#candidateComments dt { font-weight: bold; margin: 2px 0 0 0; } dl#candidateComments dd { padding-left: 10px; } a#backlink { display: block; margin-top: 10px; } a#hideComments { display: none; } div#candidateComments { display: none; } p.candidatePointsInCard { background: #cff8cb; } div.questionText { margin-top: 10px; } div.questionText p { margin: 0; padding: 0; } * html div#pageContent { height: 1%; } * html div#banner { height: 1%; } * html div.spacer { height: 1%; } form#addCandidateForm input.textField { width: 300px; } div.langswitchlinks { text-align: right; height: 16px; padding-top: 4px; } a.langswitchlink { color: white; margin-right: 10px; }