/*--- CSS Document ------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* */ /* Style sheet for IF 2008 */ /* */ /* Created by Futurniture AB */ /* */ /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- Temporary classes ---*/ .br_small {font-size:5px; line-height:5px; } _div { border: 0.1em solid #ff9999; } /*--- Style clean up ---------------------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var,em {font-style:normal;font-weight:normal;} ul, ol {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} /*--- Basic styles ------------------------------------------------------------------------------------------------*/ html { height: 100%; width: 100%; } body { background: transparent url('../img/bg_gradient.jpg') repeat-x; background-color: #ffffff; font-size: 75%; font-family: Verdana, Arial, Helvetica; color: #202020; text-align:center; background-attachment:fixed;} a { color: #006da7; } .space1 { font-size: 1px; line-height: 1px; } .space5 { font-size: 5px; line-height: 5px; } .space10 { font-size: 10px; line-height: 10px; } .space15 { font-size: 15px; line-height: 15px; } .bold { font-weight: bold; } /* aural content for screen readers */ .auraltext { color:#FFFFFF; font-size:1px; left:-900px; overflow:hidden; position:absolute; width:0; } /* div { position: relative; display: inline; } */ .ingress_12_normal_dark ul li { font-weight: normal; } /*--- Layout fundation ----------------------------------------------------------------------------------------------*/ #container { display: block; width:928px; margin-left: auto; margin-right: auto; text-align: left; } #spacer { position: absolute; height: auto; width:928px; padding: 0 9px 30px 7px; background: transparent url('../img/backContent.png') repeat-y 0 0; } .content { display:block; padding-top: 2px; } .content a { color: #006da7; } .content a:visited { color: #0060a7; } /*-- .content ul { list-style-type: disc; margin-left: 20px; } .content ul li { margin: 15px 0 15px 0; } --*/ .nomargin {margin: 0 !important;} .nopadding {padding: 0 !important;} .block { display: block; clear:both; } .left { float:left; } .right { float:right; } .lineChecker { clear:both; float:left; display:block; width: 100%; height: 9px; line-height:0px; padding:0; margin: 0 0 8px 0; background-image: url("../img/checkerGreen.gif"); background-repeat: repeat; background-position: left top; overflow: hidden; } #highwayColumn .lineChecker { margin: 0 0 0 5px; width: 98%; } /*--- Grid elements ----------------------------------------------------------------------------------------------*/ #highwayColumn { float: left; width: 908px; height: auto; margin: 0px 25px 0 15px; } #mainColumn { float: left; width: 442px; height: auto; min-height: 500px; margin: 3px 25px 0 0; line-height:140%; } #rightColumn { float: left; width: 247px; margin-top: 10px; min-height: 500px; line-height:135%; } #wideColumn { float: left; width: 587px; height: auto; min-height: 500px; margin: 10px 15px 0 20px; line-height:140%; } #wideRightColumn { float: left; width: 286px; height: auto; min-height: 500px; margin-top: 10px; line-height:140%; } #mediumColumn { width: 541px; height: auto; min-height: 500px; margin-top: 10px; line-height:140%; clear: both; } #fullColumn { float: left; width: 888px; height: auto; min-height: 500px; margin: 10px 0px 0 20px; line-height:140%; } #substartColumn { float: left; width: 538px; height: auto; min-height: 500px; margin: 3px 15px 0 0; line-height:140%; } #applicationColumn { float: left; width: 714px; height: auto; min-height: 500px; margin: 3px 15px 0 0; line-height:140%; } .searchColumn { width: 541px; clear: both; } /*--- Standard content ----------------------------------------------------------------------------------------------*/ .content_standard { float: none; margin: 0; padding: 0; } .content_standard h1 { margin-bottom: 3px; line-height: 1.2em; } .content_standard h2 { margin-bottom: 2px; line-height: 1.3em !important; } .content_standard h3 { margin-bottom: 2px; } h2 + h3 /* Not in IE6 */ { margin-top : 5px; } .content_standard p { margin: 0 0 15px 0; } .content_standard a { text-decoration: underline !important; } .content_standard a:visited { color: #66A7CA !important; text-decoration: underline !important; } .content_standard a:hover { text-decoration: none !important; } .inlineimage { float: right; margin: 0px; padding: 15px 0 15px 15px; } .inlineimage { clear: both; } /* Added by Niklas 2008-11-20 */ .fullinlineimage { margin: 0px; padding: 0px 0; } ol { list-style: decimal; margin: 0 0 15px 35px; } ol.list { list-style: decimal; margin: 0 0 15px 35px; } .content_standard ol { list-style-type: decimal; margin: 0 0 15px 35px; } .content_standard ol li { padding: 1px 0px 0px 0px; } /* Added by Niklas */ ul.list { list-style-type:disc; margin: 0 0 15px 25px; } .content_standard ul { list-style-type:disc; margin: 0 0 15px 25px; } .content_standard ul li { padding: 1px 0px 0px 0px; } /* Added by Niklas */ ul.filelist { list-style-type:none; margin: 10px 0 15px 0px; } img.bullet { float: none; margin: 1px 0; } .bullet { float: none; margin: 1px 0; } .bullettextnolink { position:relative; top: -2px; text-decoration: none !important; } .bullettext { position:relative; top: -2px; text-decoration: none !important; } .bullettext:visited { position:relative; top: -2px; text-decoration: none !important; } .bullettext:hover { position:relative; top: -2px; text-decoration: underline !important; } a.bullettext { position:relative; top: -2px; text-decoration: none !important; } a.bullettext:visited { position:relative; top: -2px; text-decoration: none !important; } a.bullettext:hover { position:relative; top: -2px; text-decoration: underline !important; } /*--- Tables ---*/ .content_standard table { margin: 2px 0 15px 0; font-size:0.92em; border-bottom:3px solid #ecf3ee; min-width: 75%; } .content_standard td {vertical-align:top; padding:3px 5px; background-color:#ecf3ee; } .content_standard th {padding:3px 5px; background-color:#ecf3ee;} .content_standard th.row {vertical-align:top; font-weight:bold; border-right:1px solid #cfe2d4; } .content_standard th.col {vertical-align:bottom; font-weight:bold; border-right:none; border-bottom:1px solid #202020; } .content_standard .blank {padding:0px; background-color:#ecf3ee; border-bottom:1px solid #202020; border-right:1px solid #cfe2d4;} .content_standard .oddrow { background-color:#ffffff; } .content_standard .table-headerrow {vertical-align: top; font-weight:bold; border-right:1px solid #cfe2d4; } .content_standard .table-headercolumn {vertical-align:bottom; font-weight:bold; border-right:none; border-bottom:1px solid #202020; } .content_standard .table-alternatingrow-white { background-color:#ffffff; } .content_standard .oddrow td { background-color:#ffffff; } .content_standard .oddrow th { background-color:#ffffff; } /*--- Subtart ---*/ .highlighted { margin: 0 0 15px 0; } /*--- Byline ----------------------------------------------------------------------------------------------*/ #byline { float: left; width: 100%; text-align: right; margin: 15px 0 0 0; padding: 0;} #byline div { display: inline; float: left; width: 50%; text-align: left; } #byline a { margin-left: 15px; color: #777777 !important; text-decoration: underline !important; } #byline a:hover { text-decoration: none !important; } #byline .hr { display:block; width:100%; background-color: #d1d1d1; color: #d1d1d1; margin-bottom: 5px; clear:both; height:1px; margin: 5px 0 5px 0; overflow:hidden; } /*--- Rich Media ----------------------------------------------------------------------------------------------*/ .rich_media { float: left; clear: both; width: 100%; height:auto; margin-bottom: 15px; } .rich_media_tripple { float: left; width: 247px; height:auto; margin: 0 15px 15px 0; } .rich_media_variant { float: left; width: 286px; max-width: 286px; height:auto; line-height: 0px; margin: 0 15px 0 0; } .rich_media_variant .rich_media { margin-bottom: 0px; padding-bottom: 15px; } .rich_media_last { margin-right: 0; } /*--- Campaign ----------------------------------------------------------------------------------------------*/ .campaign-50 { float: left; width: 434px; max-width: 434px; height:auto; line-height: 0px; margin: 0 20px 0 0; } .campaign-50-last { margin-right: 0; } .campaign-50 table,.campaign-50 div { line-height: normal; } .campaign-100 .rich_media { margin-top: 10px; } /*--- contentExpandable ---------------------------------------------------------------------------------------------*/ .contentExpandable { position: relative; width: 100%; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #dfece2; overflow: hidden;} .contentExpandable div { clear: both; position: relative; width: 100%;} .contentExpandable div.contentContainer { width: 100%; border-top: 1px solid #dfece2; margin-top: 10px; padding-top: 12px; margin-bottom: 5px;} .contentExpandable div.contentContainer div.contentDescription { width: 100%; padding-left: 20px; color: #777777; font-style: italic; overflow: hidden; } .contentExpandable div span { background-position: left 2px; background-repeat: no-repeat; padding-left: 20px; cursor: pointer; color: #006da7; } .contentExpandable div span.contentExpanded { background-image: url("../img/expandableMinus.gif");} .contentExpandable div span.contentClosed { background-image: url("../img/expandablePlus.gif");} .contentExpandable div.expandableInfo span { PADDING-LEFT: 0px; CURSOR: auto; COLOR: #202020; } /* Added by Niklas */ .contentExpanded a, .contentClosed a { padding-left: 20px;} .expandableInfo { clear: both; padding-top: 8px;} .expandableInfo h3 { font-weight: bold; margin-bottom: 5px;} .expandableInfo ul { list-style-type:disc; margin: 0 0 15px 25px; } .expandableInfo ul li { padding: 1px 0px 0px 0px; } /*--- ask the the expert ---------------------------------------------------------------------------------------------*/ .chooseFilm li {padding-bottom: 5px;} .rssLinkBig {position: relative;float: left;border-bottom: 1px solid #edf3ef;padding-bottom: 10px;width: 100%;} .rssLinkBig div {position: relative;float: left;margin: 0;padding: 0;} .rssLinkBig .rssLinkBigSpacer {width: 40px;height: 35px;background-image: url("img/iconRssBig.gif");background-position: left top;background-repeat: no-repeat;} .expertShortcut {float: left;clear: both;width: 100%;height:auto;padding: 8px 0 15px 0;margin-bottom: 15px;color: #555555;background-color: #ffffff;border-bottom: 1px solid #d1e0d5;margin-top: 10px;margin-bottom: 10px;background-position: bottom right;background-repeat:no-repeat;} .expertShortcut h2 {padding-bottom: 5px;} .expertShortcut div { padding: 5px 130px 0 0; } .expertShortcut strong { font-weight: bold; color: #202020; } .expertShortcut span { font-style: italic; display: block; padding-bottom: 10px; } /*--- 404 ------------------------------------------------------------------------------------------------------------*/ #mediumColumn.error404, #mediumColumn.chooseLanguage { margin: 0 auto !important; overflow: hidden; } #mediumColumn.error404 p { margin-bottom: 12px; } #mediumColumn.error404 a { display: inline-block; line-height: 160%; } #mediumColumn.error404 .lineChecker { width: 100% !important; margin-top: 5px; } /*--- choose country ---------------------------------------------------------------------------------------------------*/ #mediumColumn.chooseLanguage div { float: left; margin-top: 20px; width: 130px; } #mediumColumn.chooseLanguage div a { display: inline-block; } #mediumColumn.chooseLanguage div span { display: block; clear: left; background: url(../img/flags.gif) no-repeat; width: 36px !important; height: 26px !important; text-indent: -999em; } #mediumColumn.chooseLanguage div span.finland { background-position: 0 -90px; } #mediumColumn.chooseLanguage div span.norway { background-position: 0 -120px; } #mediumColumn.chooseLanguage div span.denmark { background-position: 0 -180px; } #mediumColumn.chooseLanguage div span.estonia { background-position: 0 -30px; } #mediumColumn.chooseLanguage div span.latvia { background-position: 0 -60px; } #mediumColumn.chooseLanguage div span.lithuania { background-position: 0 -150px; } #mediumColumn.chooseLanguage div span.russia { background-position: 0 -210px; } #mediumColumn.chooseLanguage .lineChecker { width: 100% !important; margin-top: 5px; } .flag { margin: 0 0 -4px 0; } /*--- contact page ---------------------------------------------------------------------------------------------------*/ .section { border-bottom: 1px solid #dfece2; margin-top: 13px; overflow: hidden; padding-bottom: 13px; color: #555555; clear: both; } .section span { text-transform: none; display: block; color: #202020; } .section span span { text-transform: none; display: inline; } .section.last { border: none; } .section p { margin-bottom: 6px; } .section select { margin: 0 0 0 3px; vertical-align: top; } .section.office { padding-bottom: 30px; overflow: hidden; } .section.office div.dropdown { vertical-align: top; margin: 12px 0; } .section h2 { padding-bottom: 6px; } .section.gallery div { float: left; width: 49%; margin-top: 10px; line-height: 150%; } .section.gallery div.right { float: right; } .section.gallery div span.heading { text-transform: none; font-weight: bold; } .section.gallery div ul li.img { background: transparent url(../img/bullet_link_pic.gif) no-repeat 0 0; padding-left: 1.6667em; line-height: 140%; margin-bottom: 0.4167em; } .section.borderTop { border-top: 1px solid #dfece2; margin-bottom: 13px; overflow: hidden; padding-top: 13px; color: #555555; } .section.gallery div li.pic { margin-bottom: 0; } .section.gallery div li.img { margin-bottom: 0; } .sectionform { border-bottom: 1px solid #dfece2; overflow: hidden; padding-bottom: 13px; color: #555555; clear: both; } /*--- gallery 3cols ---------------------------------------------------------------------------------------------------*/ #wideColumn .section.gallery div { float: left; width: 170px; margin: 10px 9px 0 0; } #wideColumn .section.gallery div.right { margin-right: 0; } #applicationColumn .section.gallery div { float: left; width: 170px; margin: 10px 9px 0 0; } #applicationColumn .section.gallery div.right { margin-right: 0; } /*--- site map ---------------------------------------------------------------------------------------------------*/ .sitemap .section { clear: left; overflow: hidden; margin-top: 5px; padding-top: 5px; border: none; } .sitemap .section h2 { border-top: 1px solid #ecf3ee; display: block; margin: 0 0 5px 0; padding-top: 12px; } .sitemap .section.first h2 { border: none; margin-top: 0; padding-top: 0; } .sitemap .section .item { float: left; width: 33.33%; padding-bottom: 15px; } .sitemap .section .row { overflow: hidden; } .sitemap .section .item a { display: block; } .sitemap .section .item h3 a { font-weight: bold; text-decoration:none;} .sitemap .section .item h3 a:visited {font-weight: bold; text-decoration:none;} .sitemap .section .item h3 a:hover {font-weight: bold; text-decoration:underline;} /*--- substart ---------------------------------------------------------------------------------------------------*/ .substartClaims { border-bottom: 1px solid #dfece2; padding-bottom: 11px; margin-bottom: 13px; overflow: hidden; margin-top: 20px; } .substartClaims h2 { margin-bottom: 6px; } .substartClaims div { width: 48%; overflow: hidden; float: left; line-height: 150%; } .substartClaims div.last { float: right; } .substartClaims div span { font-weight: bold; display: block; margin-bottom: 3px; } .substartClaims a { line-height: 180%; } .substartClaims ul li a { line-height: 100%; } /* edit */ ul li.generic { background: url(../img/bullet_link_generic.gif) no-repeat; padding: 2px 0 0 20px;} ul li.pdf { background: url(../img/bullet_link_pdf.gif) no-repeat; padding: 2px 0 0 20px;} ul li.pic { background: url(../img/bullet_link_pic.gif) no-repeat; padding: 2px 0 0 20px;} ul li.ppt { background: url(../img/bullet_link_ppt.gif) no-repeat; padding: 2px 0 0 20px;} ul li.print { background: url(../img/bullet_link_print.gif) no-repeat; padding: 2px 0 0 20px;} ul li.rss { background: url(../img/bullet_link_rss.gif) no-repeat; padding: 2px 0 0 20px;} ul li.text { background: url(../img/bullet_link_text.gif) no-repeat; padding: 2px 0 0 20px;} ul li.word { background: url(../img/bullet_link_word.gif) no-repeat; padding: 2px 0 0 20px;} ul li.xls { background: url(../img/bullet_link_xls.gif) no-repeat; padding: 2px 0 0 20px;} /* edit */ /*--- substart news listings ---------------------------------------------------------------------------------------------------*/ .newsListing .summary { margin-bottom: 18px; } .newsListing .summary span { font-weight: bold; } .newsListing .article { border-bottom: 1px solid #dfece2; margin-top: 6px; overflow: hidden; padding-bottom: 13px; color: #555; } .newsListing .article.last { border: none; } .newsListing .article p { margin-bottom: 6px; } .newsListing .article a { color: #006da7 !important; text-decoration: underline !important; font-weight: bold; float: none; } .newsListing .article a:visited { color: #67a7ca !important; text-decoration: underline !important; font-weight: bold; float: none; } .newsListing .article a:hover { text-decoration: none !important; font-weight: bold; float: none; } .newsListing span.news { color: #777; font-style: italic; font-size: 91.7%; display: block; margin-top: 0; margin-bottom: 3px; font-weight: normal; } span.news { color: #777; font-style: italic; font-size: 91.7%; display: block; margin-top:9px; margin-bottom: 3px; font-weight: normal; } /*--- pagination ---------------------------------------------------------------------------------------------------*/ #pagination { clear: both; display: block; margin-top: 15px; text-align: center; } #pagination ul { overflow: hidden; display: block; } #pagination ul li { text-align: right; margin-right: 10px; display: inline; font-size: 91.7%; font-weight: bold; } #pagination ul li a { color: #777; font-weight: normal; text-decoration: underline; } #pagination ul li a:visited { color: #777; font-weight: normal; text-decoration: underline; } #pagination ul li a:hover { color: #777 !important; text-decoration: none; } #pagination ul li.previous a, #pagination ul li.next a { color: #777; } .archive p { color: #202020; font-size: 91.7%; margin: 0 0 3px 0; } .archive a { display: block; font-size: 91.7%; line-height: 170%; } /*--- A-Z listing ---------------------------------------------------------------------------------------------------*/ .a-z ul.listing { overflow: hidden; margin-top: 3px; } .a-z ul.listing li { float: left; text-transform: uppercase; margin-right: 5px; color: #777; } .a-z ul.listing li a { text-decoration: underline; } .a-z .section span { display: block; } .a-z .section div { display: block; } .a-z .section div a { display: block; overflow: hidden; } .a-z .section span { text-transform: uppercase; font-weight: bold; } .a-z .section span a { margin-top: 10px; text-transform: none; } /*--- Calendar ---------------------------------------------------------------------------------------------------*/ .ajax__calendar_container { position: absolute; text-align: center; padding-right: 4px; padding-left: 4px; font-size: 11px; padding-bottom: 4px; width: 170px; cursor: default; padding-top: 4px; font-family: tahoma,verdana,helvetica;} .ajax__calendar .ajax__calendar_container { border-right: #646464 1px solid; border-top: #646464 1px solid; border-left: #646464 1px solid; color: #000000; border-bottom: #646464 1px solid; background-color: #ffffff} .ajax__calendar_footer { height: 15px} .ajax__calendar_today { cursor: pointer; padding-top: 3px} .ajax__calendar .ajax__calendar_footer { border-top: #f5f5f5 1px solid} .ajax__calendar_body { margin: auto; overflow: hidden; width: 170px; position: relative; height: 139px} .ajax__calendar_years { left: 0px; margin: auto; width: 170px; position: absolute; top: 0px; height: 139px; text-align: center} table { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none} /* rule 6 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_container table { font-size: 11px} /* rule 16 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_year { overflow: hidden; width: 40px; cursor: pointer; height: 44px; text-align: center} /* rule 22 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar .ajax__calendar_year { border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid} /* rule 4 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_months { left: 0px; margin: auto; width: 170px; position: absolute; top: 0px; height: 139px; text-align: center} /* rule 15 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_month { overflow: hidden; width: 40px; cursor: pointer; height: 44px; text-align: center} /* rule 21 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar .ajax__calendar_month { border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid} /* rule 3 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_days { left: 0px; margin: auto; width: 170px; position: absolute; top: 0px; height: 139px; text-align: center} /* rule 14 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_day { padding-right: 2px; padding-left: 2px; padding-bottom: 0px; width: 18px; cursor: pointer; padding-top: 0px; height: 17px; text-align: right} /* rule 20 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar .ajax__calendar_day { border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; border-left: #ffffff 1px solid; border-bottom: #ffffff 1px solid} /* rule 26 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar .ajax__calendar_other .ajax__calendar_day { border-left-color: #ffffff; border-bottom-color: #ffffff; color: #646464; border-top-color: #ffffff; background-color: #ffffff; border-right-color: #ffffff} /* rule 13 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_dayname { padding-right: 2px; padding-left: 2px; padding-bottom: 0px; width: 17px; padding-top: 0px; height: 17px; text-align: right} /* rule 19 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar .ajax__calendar_dayname { border-bottom: #f5f5f5 1px solid} /* rule 7 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_header { width: 100%; height: 20px} /* rule 10 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_title { font-weight: bold; cursor: pointer} /* rule 9 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_next { background-position: 50% 50%; float: right; background-image: url(webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao2tfx47pabv8_xiyj17vgr8q2&t=633565677740000000); width: 15px; cursor: pointer; background-repeat: no-repeat; height: 15px} /* rule 8 of /ajax/ajaxcontroltoolkit/samples/webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao20gwtfidvuqilo-bikl2ykq2&t=633565677740000000 */ .ajax__calendar_prev { background-position: 50% 50%; float: left; background-image: url(webresource.axd?d=t5qz2-d1avf0s4hw3i2b665kr1uc9uiboaabsiotomnclwityqaenq3ejbt6sao2ex73zleglenr28tgl6b0nw2&t=633565677740000000); width: 15px; cursor: pointer; background-repeat: no-repeat; height: 15px} /*--- Tell a friend ---------------------------------------------------------------------------------------------------*/ body.tell-a-friend { background: url(../img/tell-a-friend-bg.png) no-repeat; text-align: left; font: 75% verdana, arial, sans-serif; } body.tell-a-friend div.container { margin: 160px 0 0 35px; width: 374px; text-align: center; } body.tell-a-friend legend { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em !important; color: #202020; font-weight: normal; margin-bottom: 8px; text-align: left; display: block; padding: 0 !important; } body.tell-a-friend div p { text-align: left; } body.tell-a-friend div .close { margin-top: 15px; overflow: hidden; } body.tell-a-friend form input.text{ width: 205px; } body.tell-a-friend form .box { background: #ecf3ee; text-align: left; overflow: hidden; } body.tell-a-friend form p { padding: 8px 15px 10px 15px; } body.tell-a-friend form p.required { padding: 5px 15px 12px 15px; float: left; } body.tell-a-friend form p label { display: block; margin-bottom: 4px; font-weight: bold; } body.tell-a-friend span.button { margin: 12px; display: block; } body.tell-a-friend form p.error { background: #c7252e; margin-top: 0; padding: 8px 15px 10px 15px !important; } body.tell-a-friend form span.error-message { display: none; } body.tell-a-friend form p.error span.error-message { display: inline-block; vertical-align: bottom; } body.tell-a-friend .confirmation { width: 442px; margin: 210px 0 0 0; text-align: center; } body.tell-a-friend .confirmation h1 { display: inline; } body.tell-a-friend .confirmation p { overflow: hidden; text-align: center; } body.tell-a-friend .confirmation p span.button { display:-moz-inline-box; display: inline-block; } /*--- RSS ---------------------------------------------------------------------------------------------------*/ div.rss, .puffer div.rss { background: transparent url(../img/rss.png) no-repeat 100% 0; padding: 4px 26px 6px 0; float: right; } /*--- Forms (not functions specifics) ----------------------------------------------------------------------------------------------*/ .puffer div .formpuffer div { display:block; padding: 0 0 0 0; } .puffer div legend { padding: 0 0 0 0; } input.inputleft, select.selectleft { float: left; margin-right: 5px !important; } .formpuffer { float: left; clear: both; width: 100%; height:auto; padding: 15px 0 0 0; margin:0 0 15px 0; background-color: #ecf3ee; font-size: 1em; color: #202020; } .butler_box .formpuffer { margin: 0 !important; padding: 0; } .butler_box .formpuffer fieldset { margin: 0; padding: 0; } .butler_box .formpuffer fieldset h2 { margin-left: 15px; } .butler_box .formpuffer fieldset .formpart span.button { margin:0; } fieldset { padding: 0; margin: 0; } legend { font-weight: bold !important; padding: 0 0 0 15px; } .formpart { margin: 0 0 0 0; padding: 3px 15px 4px 15px; overflow: hidden; } .puffer div.formpart { margin: 0 0 0 0; padding: 5px 15px 5px 15px; overflow: hidden; } .vote_box .puffer div.formpart { margin: 0 0 0 0; padding: 12px 15px 5px 15px; overflow: hidden; } .sectionform .formpuffer { margin-bottom: 0px; } .divider { border-top: 1px solid #cfe2d4; } .formpart input, .formpart span.button { margin: 7px 0 0 0; } .formpart select { margin: 7px 0 0 0; } .formpart textarea { margin: 7px 0 0 0; } .formpart lable.radiolable { position:relative; top: -2px; } .formpart .radio { margin: 0 0 0 0; padding: 0 0 0 0; } .formpart .hr { border-top: 1px solid #d1e0d5; height: 1px; display: block; margin: 15px 0 0 0; padding: 0 0 15px 0; overflow:hidden; } .formpart .hr-nopaddingmargin { clear: both; border-top: 1px solid #d1e0d5; height: 1px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; overflow:hidden; } .formpart .RadUpload_Default, .formpart .RadUpload_Default input { line-height: normal; font-size: 1em; } .formpart .RadUpload_Default .ruButton { background: none; } .formend {width: 100%; margin: 15px 0 0 0; } .formend input { position: relative; top: 3px; } .error { background-color: #c7252e; color: #ffffff;} .errorMessage { display: block; clear: both; margin: 5px 0 0 0;} .errorMessage ul { list-style-type:disc; margin: 0 0 0 25px; } .submit { padding: 0 10px 0 10px; font-size: 1em;} .bigbutton { background-repeat:no-repeat; background-position: 0 2px; background-color: transparent; height: 33px; border: none; margin: 0; padding-top: 0; text-align:center; text-indent: 500px; } .greybutton_small { background-image: url('../img/button_grey_small.png'); background-repeat:no-repeat; background-position: 0 5px; background-color: #ffffff; height: 36px; width: 80px; border: none; margin: 0 0 15px 0; padding: 0; text-align:center; font-size: 1.1em; font-weight:bold; } .xsmallinput { width: 60px; } .smallinput { width: 120px; } .normalinput { width: 185px; } .largeinput { width: 250px; } .xlargeinput { width: 360px; } #tabsbottom .xlargeinput { width: 370px; } /* Added by Niklas */ .xxlargeinput { width: 405px; } .butlerinput { width: 207px; } select.butlerinput { width: 213px; } textarea.butlerinput { width: 210px; } .vote_box label { position:relative; top: -3px; margin-left: 5px; } .vote_box .radio { margin: 6px 0 0 0; } .formpuffer .formpart input, .formpuffer .formpart select, .formpuffer .formpart textarea { margin: 0px; } .puffer div.formpuffer { padding: 0px; } .formpuffer .formpart span.button { margin: 0px 0 10px 0;} .formpuffer .formpart span.rightbutton { float: left;} /* div.formpuffer div.formpart, .puffer div.formpuffer div.formpart { padding-top: 1px; padding-bottom: 4px; } */ /* changed */ span.button { line-height: 11px !important; background:transparent url(../img/button.png) no-repeat scroll 0 0; padding: 0 0 0 6px; font-size: 1em; } span.button input { background: transparent url(../img/button.png) no-repeat 100% -24px; border: none; font-weight: bold; height: 22px; margin: 0; padding: 0 10px 2px 2px; margin: 0px 0 0 0; font-size: 1em; } .highway span.button { margin: 4px 0 0 0; float: left; } .highwaylow span.button { margin: 4px 0 0 0; float: left; } .highwaylower span.button { margin: 4px 0 0 0; float: left; } span.button span { display: none; } /* /changed */ .afterdropdown { position: relative; top: 14px; } /*--- Head Styles ---------------------------------------------------------------------------------------*/ #head { position: static; float: left; width: 929px; } #logo { position: relative; float: left; width: 130px; margin: 0px; } #logo img { margin-left: 20px; margin-top: 19px; } #headContent { position: relative; float: left; width: 790px; } #headContentTop { position: relative; float: left; width: 100%; } #headContentMiddle { position: relative; float: left; width: 100%; } #headSpacerHeightTop { position: relative; float: right; width: 11px; height: 74px; } #headSpacerHeightMiddle { position: relative; float: right; width: 7px; height: 32px; } #loggedIn { position: relative; float: left; /* width: 432px; By Niklas */ margin-top: 17px; margin-left: 9px; font-size: 0.917em; } #loggedIn div { position: relative; float: left; } #loggedIn ul { position: relative; float: left; } #loggedIn ul li { position: relative; float: left; padding-left: 6px; padding-right: 10px; background: transparent url("../img/linkSeparator.gif") no-repeat scroll right 1px; } #loggedIn ul li.last { background: none; } /*--- Mini Top Menu ----------------------------------------------------------------------------------------------*/ #topLinks { position: relative; float: right; margin-top: 17px; text-align: right; font-size: 0.917em; width: auto; } #topLinks ul { position: relative; float: right; padding-top: 0px; margin-bottom:5px; padding-bottom: 5px; clear: both; } #topLinks ul.topLine { padding-top: 0px; border-bottom: 1px solid #dfdfdf; } #topLinks ul.languageSelection { clear: right; } #topLinks ul li { position: relative; float: left; background:transparent url("../img/linkSeparator.gif") no-repeat scroll 0px 0px; } #topLinks ul li.first { background: none; } #topLinks ul li a { padding-left: 10px; padding-right: 9px; } #topLinks ul li a.last { padding-right: 0; } #topLinks ul li a.miniMenuLoginLinkIcon { background: transparent url("../img/loginDart.gif") no-repeat right center; background-repeat: no-repeat; padding-right: 15px; text-decoration: none; cursor: default; } #extraLoginDiv { position: absolute; border: 1px solid #006296 !important; border-bottom: 1px solid #006296 !important; top: 15px; right: 0px; background-color: #ffffff; text-align: right; z-index: 9999; height: auto; } #extraLoginDiv ul { padding: 8px; float: right; } #extraLoginDiv ul li { float: none; background: none; border-bottom: 1px solid #dfdfdf; padding-top: 0px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; } #extraLoginDiv ul li.last { border-bottom: 0px solid #dfece2; } #extraLoginDiv ul li a { padding: 0px; } /*--- Header items ----------------------------------------------------------------------------------------------*/ #headSlogan { position: absolute; top:67px; left:11px; width: 200px; height: 21px; } #tabMenu { position: relative; float: left; width: 525px; overflow: hidden; } #tabMenu ul { padding: 0px; margin: 0px; } #tabMenu ul li { display: inline; float: left; padding: 0px; margin: 0px; } #tabMenu ul li a { float: left; position: relative; color: #ffffff; font-weight: bold; padding: 0 0 0 9px; margin-top: 10px; margin-right: 6px; /*Spacing between each tab*/ text-decoration: none; background: transparent url("../img/tabMenuLeftBg.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: left top; } #tabMenu ul li a.selected { background: transparent url("../img/tabMenuSelectedLeftBg.gif") no-repeat 0 0; color: #202020; } #tabMenu ul li a span { float: left; position: relative; display: block; padding: 8px 14px 5px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */ background: transparent url("../img/tabMenuRightBg.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: right top; cursor: pointer; } #tabMenu ul li a span.selected { background: transparent url("../img/tabMenuSelectedRightBg.gif") no-repeat 0 0; } #searchBox { right: 8px; position: absolute; top: 32px; } #searchHead .button, #searchBox .button { float: left; font-size: 0.94em !important; } /* changed */ #head.lite #mainMenu { margin-top: 16px; overflow: hidden; } /*--- Main menu - horizontal 2:nd level ----------------------------------------------------------------------------------------------*/ #mainMenu { position: inherit; clear: both; float: left; width: 100%; border-top: 1px solid #d3d3d3; background: transparent url("../img/mainMenuFadeBg.gif") no-repeat 0 0; background-repeat: repeat-x; background-position: left top; margin: 0; padding-bottom: 15px; } #mainMenu ul { padding-top: 11px; padding-left: 10px; } #mainMenu ul li { float: left; padding: 0px; background:transparent url("../img/linkSeparator.gif") no-repeat scroll 0px 1px; } #mainMenu ul li.first { background: none; } #mainMenu ul li span { padding-left: 10px; padding-right: 8px; font-weight: bold; } #mainMenu ul li a { padding-left: 10px; padding-right: 5px; text-decoration: none; } #mainMenu ul li a:hover { text-decoration:underline; } /*--- Breadcrumb ----------------------------------------------------------------------------------------------*/ #breadcrumb { position: relative; clear: both; float: left; width: 710px; margin: 0 0 0 197px; padding-bottom: 8px; color: #777777; } #breadcrumb ul { padding: 0px; } #breadcrumb ul li { position: relative; float: left; font-size: 0.917em; padding-left: 7px; padding-right: 12px; background:transparent url("../img/leftMenuDartLeft.gif") no-repeat scroll right 4px; } #breadcrumb ul li.first { padding-left: 0px; } #breadcrumb ul li.last { background: none; } #breadcrumb ul li a:link, #breadcrumb ul li a:visited { color: #777777 !important; text-decoration: underline !important; } #breadcrumb ul li a:hover { text-decoration: none !important; } /*--- Tabs Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Global Tab Menu Lang Specific */ #tabMenu-global span{ background: transparent url(../img/tabs/english/global.png) no-repeat 0 0; } li#tab-private a, li#tab-private span{ background-position: 0px 0px; width: 95px; } li#tab-private.selected a span{ background-position: -200px 0px; } li#tab-small-comp a, li#tab-small-comp span{ background-position: 0px -65px; width:131px; } li#tab-small-comp.selected a span{ background-position: -200px -65px; } li#tab-big-comp a, li#tab-big-comp a span{ background-position: 0px -130px; width:167px; } li#tab-big-comp.selected a span{ background-position: -200px -130px; } /* Global Tab Menu */ #tabMenu-global { position:relative; height: 62px; } #tabMenu-global ul, #tabMenu-global li { list-style-image:none; list-style-position:outside; list-style-type:none; } #tabMenu-global ul{ margin-bottom:-1px; margin-left: 0; } #tabMenu-global ul li { margin:30px 0 0 ; display:inline-block; display:-moz-inline-stack; cursor:pointer; vertical-align:bottom; /* safari: for overlap */ } #tabMenu-global a { display: block; height: 32px; vertical-align:bottom; position:relative; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; } #tabMenu-global span{ background-repeat: no-repeat; cursor: pointer; position: absolute; left:0px; top: 0px; height:32px; border-bottom: 1px solid #D3D3D3; } #tabMenu-global a:hover .default{ top: -28px; height: 60px !important; } #tabMenu-global em{ display:block; font-size: 100%; padding:7px 0 0 6px !important; } #tabMenu-global li.selected a span{ height:33px; border-bottom: none; } #tabMenu-global li.selected a:hover span{ top:0 !important; height:33px !important; } /* Animation classes */ .animUp1 { top: -6px !important; height: 38px !important;} .animUp2 { top: -16px !important; height: 48px !important;} .animUp3 { top: -20px !important; height: 52px !important;} .animUp4 { top: -24px !important; height: 56px !important;} .animUp5 { top: -26px !important; height: 58px !important;} .animUp6 { top: -27px !important; height: 59px !important;} .animUp7 { top: -28px !important; height: 60px !important;} .animDown7 { top: 0px !important; height: 32px !important;} .animDown6 { top: -1px !important; height: 33px !important;} .animDown5 { top: -2px !important; height: 34px !important;} .animDown4 { top: -4px !important; height: 36px !important;} .animDown3 { top: -8px !important; height: 40px !important;} .animDown2 { top: -12px !important; height: 44px !important;} .animDown1 { top: -22px !important; height: 54px !important;} /* sub tabs */ .subTabsEmbedTop { position: static; float: left; width: 100%; overflow: hidden; } .subTabsEmbedTop .subTabBg { position: relative; left: -5px; width: 460px; overflow: hidden; background: #ffffff url(../img/tabs/subTabBg.png) no-repeat scroll 0px 0px; padding: 0; margin: 0; } .subTabsEmbedTop .subTabBg div { position: relative; float: left; width: 92%; padding: 20px 0 10px 20px; } .subTabsEmbedTop .subTabBg div h1 { display: inline; float: left; } .subTabsEmbedTop .subTabBg div div { padding: 0; margin: 0; } .subTabsEmbedTop .subTabBg div .colLeft { position: relative; float: left; width: auto; overflow: hidden; } .subTabsEmbedTop .subTabBg div .colRight { position: relative; float: right; width: auto; text-align: right; font-size: 0.917em; padding: 0 5px 0 2px; } .subTabsEmbedTop .subTabBg div .colRight .langDiv { clear: both; position: relative; right: 0px; float: right; margin: 0; padding: 0 5px 5px 0; /*overflow: hidden;*/ width: 190px; overflow: visible; white-space: nowrap; text-align: right; } .subTabsEmbedTop .subTabBg div .colRight .langDiv a { padding: 0 5px 0 8px; text-align: right; background: transparent url("../img/linkSeparator.gif") no-repeat scroll 0px 1px; } .subTabsEmbedTop .subTabBg div .colRight .langDiv a:hover { text-decoration:underline; } .subTabsEmbedTop .subTabBg div .colRight .langDiv a.first { background: none; } .subTabsEmbedTop .subTabBg div .colRight .langDiv a.last { padding: 0px 0px 0px 8px; } .subTabsEmbedTop .subTabBg div .colRight span.linkButton { clear: both; position: relative; float: right; display: block; width: auto; text-align: right; } /* -- */ .subTabsEmbed { position: static; width: 440px; background-color: #f6f6f5; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; padding: 0; margin: 0; } .subTabsEmbed ul { position: static; float: none; margin: 0px; padding: 0px; margin-bottom: -1px; margin-left: 5px; list-style-type: none; } .subTabsEmbed ul li { cursor: pointer; display: inline-block; display: -moz-inline-stack; vertical-align: bottom; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0; margin: 0; *display: inline; /* IE */ zoom:1; /* IE: kill space between horizontal tabs */ } .subTabsEmbed ul li a { position: relative; display: block; cursor: pointer; background: #f4f4f1 url(../img/tabs/subTabGfx.png) no-repeat scroll -4px -52px; padding: 0 0 0 1px; /* border-bottom: 1px solid #c7c7c7; Removed by Niklas #327 & #898 */ outline-color: invert; outline-style: none; outline-width: 0px; vertical-align: bottom; margin: 0; text-decoration: none; } .subTabsEmbed ul li a:visited { color: #006da7 !important; } .subTabsEmbed ul li a em { display: block; background: #f4f4f1 url(../img/tabs/subTabGfx.png) no-repeat scroll 100% -52px; margin: 0 0 0 9px; padding: 7px 14px 0px 0px; font-size: 0.917em; font-weight: normal; height: 28px; line-height: 1.2em; } .subTabsEmbed ul li.selected a { background: #f4f4f1 url(../img/tabs/subTabGfx.png) no-repeat scroll -4px -7px; border-bottom: 0px none; color: #202020; } .subTabsEmbed ul li.selected a:visited { color: #202020 !important; } .subTabsEmbed ul li.selected a em { background: #f4f4f1 url(../img/tabs/subTabGfx.png) no-repeat scroll 100% -7px; font-weight: bold; margin: 0 0 0 8px; padding: 7px 13px 0px 0px; } /* for 3 rows for finnish*/ .subTabsEmbed ul.row3mode li a { background: #f4f4f1 url(../img/tabs/subTabGfx3row.png) no-repeat scroll -4px -50px; } .subTabsEmbed ul.row3mode li a em { background: #f4f4f1 url(../img/tabs/subTabGfx3row.png) no-repeat scroll 100% -50px; height: 42px; } .subTabsEmbed ul.row3mode li.selected a { background: #f4f4f1 url(../img/tabs/subTabGfx3row.png) no-repeat scroll -4px -1px; } .subTabsEmbed ul.row3mode li.selected a em { background: #f4f4f1 url(../img/tabs/subTabGfx3row.png) no-repeat scroll 100% -1px; } /* ends 3 rows for finnish*/ .subTabsEmbed ul li a:hover { text-decoration: none; } .subTabsEmbed ul li.selected a:hover { color: #202020 !important; } .subTabsEmbed ul li.selected a:link { color: #202020 !important; } /* -- */ .subTabs { position: static; width: 100%; margin: 20px 0 0 0; } .subTabs ul { position: static; float: none; margin: 0; padding: 0; margin-bottom: -1px; list-style-type: none; } .subTabs ul li { cursor:pointer; display:inline-block; display:-moz-inline-stack; vertical-align:bottom; list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0; margin: 0; *display: inline; /* IE */ zoom:1; /* IE: kill space between horizontal tabs */ } .subTabs ul li a { cursor: pointer; position: relative; display: block; background:#f4f4f1 url(../img/tabs/subTabGfx.png) no-repeat scroll -3px -145px; /* border-bottom: 1px solid #c7c7c7; Removed by Niklas #327 & #898 */ outline-color: invert; outline-style: none; outline-width: 0px; vertical-align: bottom; padding: 0 0 0 0; margin: 0 4px 0 0; text-decoration: none; } .subTabs ul li.first a { background:#f4f4f1 url(../img/tabs/subTabGfx.png) no-repeat scroll -5px -145px; } .subTabs ul li a em { display: block; background: #f4f4f1 url(../img/tabs/subTabGfx.png) no-repeat scroll 100% -145px; margin: 0 0 0 8px; padding: 7px 12px 0px 0px; font-size: 0.917em; font-weight: normal; height: 28px; line-height: 1.2em; } .subTabs ul li.selected a { background: url(../img/tabs/subTabGfx.png) no-repeat scroll -5px -102px; border-bottom: 0px none; color: #202020; } .subTabs ul li.selected a:visited { color: #202020 !important; } .subTabs ul li.selected a em { background: url(../img/tabs/subTabGfx.png) no-repeat scroll 100% -102px; font-weight: bold; margin: 0 0 0 7px; padding: 7px 11px 0px 0px; } /* for 3 rows for finnish*/ .subTabs ul.row3mode li a { background:#f4f4f1 url(../img/tabs/subTabGfx3row.png) no-repeat scroll -3px -157px; } .subTabs ul.row3mode li.first a { background:#f4f4f1 url(../img/tabs/subTabGfx3row.png) no-repeat scroll -5px -157px; } .subTabs ul.row3mode li a em { background: #f4f4f1 url(../img/tabs/subTabGfx3row.png) no-repeat scroll 100% -157px; height: 42px; } .subTabs ul.row3mode li.selected a { background: url(../img/tabs/subTabGfx3row.png) no-repeat scroll -5px -103px; } .subTabs ul.row3mode li.selected a em { background: url(../img/tabs/subTabGfx3row.png) no-repeat scroll 100% -103px; } /* end 3 rows for finnish*/ .subTabs ul li a:hover { text-decoration: none; } .subTabs ul li.selected a:hover { color: #202020 !important; } .subTabs ul li.selected a:link { color: #202020 !important; } .subTabs ul li.selected a:visited { color: #202020 !important; } /* -- */ .subTabsContent { border: 1px solid #c7c7c7; width: 440px; overflow: hidden; } .subTabsContent .subTabContentChild { clear: both; padding: 15px 10px 0px 15px; overflow: hidden; } .subTabsContentHeader { position: relative; float: left; width: 100%; padding: 0; margin: 0; background-color: #f6f6f5; font-size: 0.917em; } .subTabsContent .subTabsContentHeader ul { display: block; margin: 0; padding: 0; padding-top: 8px; padding-left: 0px; list-style-type: none; } .subTabsContent .subTabsContentHeader ul li { position: relative; float: left; margin: 0; padding: 0 0 7px 0; background: transparent url("../img/linkSeparator.gif") no-repeat scroll 0px 1px; } .subTabsContent .subTabsContentHeader ul li.first { background: none; } .subTabsContent .subTabsContentHeader ul li span { padding-left: 10px; padding-right: 8px; font-weight: bold; } .subTabsContent .subTabsContentHeader ul li a { padding-left: 10px; padding-right: 5px; text-decoration: none; background: none; border: 0px none; } .subTabsContent .subTabsContentHeader ul li.first a { padding-left: 6px; } .subTabsContent .subTabsContentHeader ul li a:hover { text-decoration:underline; } .subTabsContent .subTabsContentHeader ul li a.selected, .subTabsContent .subTabsContentHeader ul li a.selected:hover, .subTabsContent .subTabsContentHeader ul li a.selected:visited { color: #202020 !important; } .subTabsContent .rightbutton img { margin-top: 8px; margin-bottom: 0px; margin-right: 3px; } /* Added by Niklas */ .subTabsEmbed #tabstop { border-left:none; border-right:none; } .subTabsEmbed #tabstop, .subTabs #tabstop { border-bottom:none; } #tabsbottom { border-top:none; } /*--- Leftmenu Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #leftMenu { clear: both; position: relative; float: left; width: 151px; margin: 9px 25px 0 20px; overflow: hidden; } #leftMenu a { color: #000000; text-decoration: none; } #leftMenu a:hover { color: #000000 !important; text-decoration: underline; } #leftMenuTitle { position: relative; float: left; margin-bottom: 7px; width: 100%; background: transparent url("../img/leftMenuTitleBg.gif") no-repeat 0 0; background-repeat: repeat-x; background-position: left bottom; } #leftMenuTitle a { clear: both; position: relative; float: left; padding-left: 10px; padding-bottom: 10px; } #leftMenu dl { position: relative; float: left; display: inline; clear: both; width: 100%; } #leftMenu dl dd { clear: both; position: relative; display: inline; float: left; width: 93%; padding-left: 10px; padding-bottom: 5px; background: transparent url("../img/leftMenuSubBg.gif") no-repeat 0 0; background-repeat: repeat-x; background-position: left bottom; } #leftMenu dl dd ul { position: relative; } #leftMenu dl dd ul li { padding-top: 2px; padding-bottom: 2px; } #leftMenu dl dd ul li a { display: block; margin-left: 10px; font-size: 0.917em; } #leftMenu dl dd ul li span { margin-left: 10px; font-size: 0.917em; } #leftMenu dl dd ul li.menuLinkSelected { font-weight: bold; background: transparent url("../img/leftMenuLinkSelectedBg.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: 1px 8px; } #leftMenu dl dd ul li.menuLinkSelected a:hover, #leftMenu dl dd ul li.menuLinkSelected a:visited { text-decoration: none; } #leftMenu dl dt { clear: both; position: relative; display: inline; float: left; width: 100%; cursor: pointer; background: transparent url("../img/leftMenuSubBg.gif") no-repeat 0 0; background-repeat: repeat-x; background-position: left bottom; } #leftMenu dl dt.subCatSelected { background: none; } #leftMenu dl dt.subCatSelectedSpecialExpanded { font-weight: bold; background: transparent url("../img/leftMenuLinkSelectedBg.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: 1px 8px; } #leftMenu dl dt.subCatSelectedSpecialExpanded span { background: transparent url("../img/leftMenuDartDown.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: 138px 7px; } #leftMenu dl dt.subCatSelectedSpecialHide { font-weight: bold; padding-bottom: 1px; background: transparent url("../img/leftMenuSubBg.gif") no-repeat 0 0; background-repeat: repeat-x; background-position: left bottom; } #leftMenu dl dt.subCatSelectedSpecialHide span { background: transparent url("../img/leftMenuDartLeft.gif") no-repeat 0 0; background-repeat: no-repeat; padding-left: 0; background-position: 138px 7px; } #leftMenu dl dt.subCatSelectedSpecialHide a { padding-left: 10px; background: transparent url("../img/leftMenuLinkSelectedBg.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: 1px 5px; } #leftMenu dl dt.smenu { } #leftMenu dl dt span { clear: both; position: relative; display: block; float: left; padding: 5px 15px 5px 10px; width: 125px; font-size: 0.917em; } #leftMenu dl dt span span { width: 125px; overflow: hidden; font-size: 1em; padding: 0; } #leftMenu dl dt span a { position: relative; display: block; float: left; padding: 0px; margin: 0px; } #leftMenu dl dt.catSelected { font-weight: bold; cursor: text; background: transparent url("../img/leftMenuLinkSelectedBg.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: 0px 9px; } #leftMenu dl dt.catSelected span { background: transparent url("../img/leftMenuSubBg.gif") no-repeat 0 0; background-repeat: repeat-x; background-position: left bottom; } #leftMenu dl dt.catSelected span a:hover, #leftMenu dl dt.catSelected span a:visited { text-decoration: none; } #leftMenu dl dt.smenu span { background: transparent url("../img/leftMenuDartLeft.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: 138px 7px; } #leftMenu dl dt.subCatSelected span { background: transparent url("../img/leftMenuDartDown.gif") no-repeat 0 0; background-repeat: no-repeat; background-position: 137px 10px; } /*--- Lines Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .hr.yellow { background-color: #FFD200; } /*--- Links Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a { text-decoration: none; color: #006da7; } a:hover { text-decoration: underline; color: #006da7 !important; } a:active { text-decoration: none; color: #006da7; } /* Fix for FF */ a:hover p { text-decoration: underline; color: #006da7 !important; } a.selected, a.selected:visited { text-decoration: none; color: #202020 !important; font-weight: bold;} a.selected:hover { text-decoration: none !important; color: #202020 !important; } a:hover p { text-decoration: underline; color: #006da7 !important; } /* #mainColumn .content-standard a:visited, #rightColumn a:visited { color: #66a7ca; } */ /*--- Font Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ h1.title_25_normal_dark, h2.title_25_normal_dark { font-family:Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.3em; color: #202020; font-weight: normal; } h1.title_25_normal_green, h2.title_25_normal_green { font-family:Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.3em; color: #03973f; font-weight: normal; } h1.title_25_normal_crimson, h2.title_25_normal_crimson { font-family:Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.3em; color: #c7252e; font-weight: normal; } .title_22_normal_dark { font-family:Arial, Helvetica, sans-serif; font-size: 1.83em; line-height: 2em; color: #202020; font-weight: normal; } .title_22_normal_green { font-family:Arial, Helvetica, sans-serif; font-size: 1.83em; line-height: 2em; color: #03973f; font-weight: normal; } .title_22_normal_crimson { font-family:Arial, Helvetica, sans-serif; font-size: 1.83em; line-height: 2em; color: #c7252e; font-weight: normal; } .title_18_normal_dark { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color: #202020; font-weight: normal; } .title_18_normal_crimson { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color: #C7252E; font-weight: normal; } .title_18_bold_crimson { font-family:Arial, Helvetica, sans-serif; font-size: 1.55em; color: #C7252E; font-weight: bold; } .title_12_bold_dark { color: #202020; font-weight: bold; } .title_12_normal_dark { color: #202020; font-weight: bold; } .ingress_13_normal_dark { font-size: 1.08em; color: #202020; font-weight: normal;} .ingress_12_normal_dark { color: #202020; font-weight: bold;} .text_14_bold_white { font-size: 1.2em; color: #ffffff; font-weight: bold; } .text_14_normal_white { font-size: 1.2em; color: #ffffff; font-weight: normal; } .text_12_normal_dark { font-weight: normal; } .text_12_normal_crimson { font-weight: normal; color: #c7252e !important; text-decoration: underline !important; } .text_11_normal_darkgrey { font-size: 0.92em; color: #202020; font-weight: normal; } .text_11_normal_dark { font-size: 0.92em; color: #202020; font-weight: normal; } .text_11_normal_grey { font-size: 0.92em; color: #777777; font-weight: normal; } .text_11_italic_gray { font-size: 0.92em; color: #777777; font-weight: normal; font-style: italic; } .text_11_normal_blue { font-size: 0.92em; color: #006da7; font-weight: normal; } .title_4em_bold_white { font-family:Arial, Helvetica, sans-serif; font-size: 3.6em; line-height: 1.3em; color: #ffffff; font-weight: bold; } h1 { font-family:Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.3em; color: #202020; font-weight: normal; } h2.large { font-family:Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.3em; font-weight: normal; } h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color: #202020; font-weight: normal; } h3.large { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; color: #202020; font-weight: normal; } h3 { color: #202020; font-weight: bold; } .blissGreen { color: #03973f; font-weight:bold; } .blissCrimson { color: #c7252e; font-weight:bold; } .blissDarkgrey { color: #202020; font-weight:bold; } .puffer .title_18_normal_dark { font-weight:bold; } .puffer .title_18_normal_crimson { font-weight:bold; } b, strong, .b, .strong { font-weight: bold; } /*--- Footer Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer { clear: both; float: left; width: 889px; margin: 30px 19px 0 20px; font-size: .917em; color: #777777; } #footer div { width: 100%; position: relative; clear: both; float: left; text-align: center; } #footer span { margin: 0 13px 0 13px; } #footer div ul { position: relative; clear: both; } #footer a:link, #footer a:visited { padding-left: 10px; padding-right: 5px; background:transparent url("../img/linkSeparator.gif") no-repeat scroll 0px 1px; color: #777777 !important; text-decoration: underline !important; } #footer a:hover { text-decoration: none !important; } #footer a.selected { color:#202020 !important; text-decoration:none !important; } #footer a.selected:hover { color:#202020 !important; text-decoration:none !important; } #footer a.selected:visited { color:#202020 !important; text-decoration:none !important; } /*--- Color Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .black { background-color: #000000; color: #000000; } .dark { background-color: #202020; color: #202020; } .darkgrey { background-color: #202020; color: #202020; } .charcoal { background-color: #555555; color: #555555; } .grey { background-color: #777777; color: #777777; } .gray { background-color: #777777; color: #777777; } .lightgrey { background-color: #d1d1d1; color: #d1d1d1; } .white { background-color: #ffffff; color: #ffffff; } .butlerlightgreen { background-color: #edf3ef; color: #edf3ef; } .butlergreen { background-color: #d1e0d5; color: #d1e0d5; } .darkgreen { background-color: #217f2e; color: #217f2e; } .green { background-color: #03973f; color: #03973f; } .lightgreen { background-color: #cfe2d4; color: #cfe2d4; } .palegreen { background-color: #ecf3ee; color: #ecf3ee; } .ifblue { background-color: #148bca; color: #148bca; } .darkblue { background-color: #006da7; color: #006da7; } .blue { background-color: #148bca; color: #148bca; } .lightblue { background-color: #a2cae0; color: #a2cae0; } .crimson { background-color: #c7252e; color: #c7252e; } .brown { background-color: #cfc2ab; color: #cfc2ab; } .lightbrown { background-color: #f2eee4; color: #f2eee4; } .lightbeige { background-color: #f1f1ec; color: #f1f1ec; } .yellow { background-color: #fff6d9; color: #fff6d9; } .lightyellow { background-color: #fff6d9; color: #fff6d9; } /*--- Puffer Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- Highways ---*/ .highway { font-size: 0.92em; display:block; left: 0; float: left; height: 200px; width: 300px; margin-top: 10px; padding: 27px 0 27px 0; background: transparent url('../img/highway_back.png') no-repeat 0 0; overflow:hidden;} .highway div { display:block; padding: 0 25px 0 25px; } .highway h1, .highway h2.large { display:block; margin: 0px 0px -3px 0px; padding: 0; text-align:center; height: 30px; overflow:hidden; } .highway .hr { display: block; margin: 0px 0px 9px 0px; } .highway .hrfirst { display: block; margin: 0px 0px 10px 0px; } .highway .formpart { padding-left: 0; } .highway input { margin: 4px 0 0 0; } .highway select { margin: 4px 0 0 0; width: 170px; } .highway .radio { margin: 5px 0 5px 0; padding: 0 0 0 0; } .highway .radiolabel { margin-right: 3px; } .highway .textlabel { margin-right: 3px; } .highway strong { font-weight: bold; } .highway .spacing { display:block; margin: 10px 0 0 0; } .highway .submit { position:relative; top: 0px; margin: 0 0 0 5px; } .highway fieldset { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .highway .center { width: 100%; text-align:center; } .highwaylow { font-size: 0.92em; display:block; left: 0; float: left; height: 175px; width: 300px; margin-top: 10px; padding: 27px 0 27px 0; background: transparent url('../img/highway_back_medium.png') no-repeat 0 0; overflow:hidden;} .highwaylow div { display:block; padding: 0 25px 0 25px; } .highwaylow h1, .highwaylow h2.large { display:block; margin: 0px 0px -3px 0px; padding: 0; text-align:center; height: 30px; overflow:hidden; } .highwaylow .hr { display: block; margin: 0px 0px 9px 0px; } .highwaylow .hrfirst { display: block; margin: 0px 0px 10px 0px; } .highwaylow .formpart { padding-left: 0; } .highwaylow input { margin: 7px 0 0 0; } .highwaylow select { margin: 7px 0 0 0; width: 170px; } .highwaylow .radio { margin: 5px 0 5px 0; padding: 0 0 0 0; } .highwaylow .radiolabel { margin-right: 3px; } .highwaylow .textlabel { margin-right: 3px; } .highwaylow strong { font-weight: bold; } .highwaylow .spacing { display:block; margin: 10px 0 0 0; } .highwaylow .submit { position:relative; top: 0px; margin: 0 0 0 5px; } .highwaylow fieldset { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .highwaylow .center { width: 100%; text-align:center; } .highwaylower { font-size: 0.92em; display:block; left: 0; float: left; height: 155px; width: 300px; margin-top: 10px; padding: 27px 0 27px 0; background: transparent url('../img/highway_back_small.png') no-repeat 0 0; overflow:hidden;} .highwaylower div { display:block; padding: 0 25px 0 25px; } .highwaylower h1, .highwaylower h2.large { display:block; margin: 0px 0px -3px 0px; padding: 0; text-align:center; height: 30px; overflow:hidden; } .highwaylower .hr { display: block; margin: 0px 0px 9px 0px; } .highwaylower .hrfirst { display: block; margin: 0px 0px 10px 0px; } .highwaylower .formpart { padding-left: 0; } .highwaylower input { margin: 7px 0 0 0; } .highwaylower select { margin: 7px 0 0 0; width: 170px; } .highwaylower .radio { margin: 5px 0 5px 0; padding: 0 0 0 0; } .highwaylower .radiolabel { margin-right: 3px; } .highwaylower .textlabel { margin-right: 3px; } .highwaylower strong { font-weight: bold; } .highwaylower .spacing { display:block; margin: 10px 0 0 0; } .highwaylower .submit { position:relative; top: 0px; margin: 0 0 0 5px; } .highwaylower fieldset { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .highwaylower .center { width: 100%; text-align:center; } .wide { width: 600px; background: transparent url('../img/highway_back_wide.png') no-repeat 0 0; } .wide div { width: 250px; } .wide .hr { padding: 0;} #mainColumn .substart { position: relative; left: -5px; width: 452px; height: 92px; overflow: hidden; background: transparent url('../img/private_buy_online_maincolumn.jpg') no-repeat 0 0; } .substart { height: 100px; width: 555px; padding: 24px 0 0 0; background: transparent url('../img/highway_back_substart.png') no-repeat 0 0; } #rightColumn .highway { width: 255px; background: transparent url('../img/highway_back_narrow.png') no-repeat 0 0; } #rightColumn .highway div { width: 210px; } #rightColumn .highway .hr { padding: 0;} #rightColumn .highway .button { clear: both;} #rightColumn .highwaylow { width: 255px; background: transparent url('../img/highway_back_narrow_medium.png') no-repeat 0 0; } #rightColumn .highwaylow div { width: 210px; } #rightColumn .highwaylow .hr { padding: 0;} #rightColumn .highwaylow .button { clear: both;} #rightColumn .highwaylower { width: 255px; background: transparent url('../img/highway_back_narrow_small.png') no-repeat 0 0; } #rightColumn .highwaylower div { width: 210px; } #rightColumn .highwaylower .hr { padding: 0;} #rightColumn .highwaylower .button { clear: both;} .highway_contact_bottom { margin: 0 0 0 0; padding: 0 0 0 0; position:relative; left:-4px; top: -6px; height: 18px; position:relative; width: 260px; background: transparent url('../img/highway_contac_bottom.png') no-repeat 0 0; overflow:hidden; } .countbuybutton { width: 181px; background: transparent url('../img/button_count-buy_1033.png') no-repeat 0 0;} #mainColumn .private_buy_online { position: relative; left: -5px; width: 452px; height: 120px; overflow: hidden; background: transparent url('../img/private_buy_online_maincolumn.jpg') no-repeat 0 0; padding: 0px; } .private_buy_online { position: relative; left: -5px; width: 550px; height: 120px; overflow: hidden; background: transparent url('../img/private_buy_online.jpg') no-repeat 0 0; padding: 0px; } .private_buy_online .h1button { padding-top: 27px; margin-bottom: 5px;} .private_buy_online h1 { float: left; margin: 0px; padding: 0px; top: 0px; } .private_buy_online a { float: right; margin: 0px; padding: 0px; top: 0px; } /*--- Contact teaser (highway style) ---*/ .highway_contact { margin: 0 0 0 0; padding-bottom: 5px; position:relative; left:-4px; top: -6px; width: 260px; height:auto; background: transparent url('../img/highway_contact.png') no-repeat 0 0 !important; overflow:hidden; } .highway_contact div { width: 200px; } .highway_contact .hr { width: 160px; display: block; margin: 0px 0px 0px 0px; } #rightColumn .highway_contact_bottom, .highway_contact_bottom { margin: 0 0 0 0; padding: 0 0 0 0; position:relative; left:-4px; top: -6px; height: 18px; position:relative; width: 260px; background: transparent url('../img/highway_contac_bottom.png') no-repeat 0 0; overflow:hidden; } /*--- Boxes/Puffers ---*/ .puffer { float: left; clear: both; width: 100%; height:auto; padding: 12px 0 15px 0; margin-bottom: 15px; font-size: 0.92em; color: #555555; line-height:135%;} .puffer div { display:block; padding: 0 15px 0 15px; } .puffer ul.list { list-style-type:disc; margin: 0 0 15px 25px; } .butler_box { background-color: #ecf3ee; border-top: 4px solid #cfe2d4; color: #202020; } .butler_box div div { display:block; padding: 0; margin: 0 0 10px 0; } .butler_box a { padding: 2px 0 0 0; } .butler_box ul { display: block; clear: both; list-style-type:none; margin: 2px 0 15px 0; } .butler_box ul.list { list-style-type:disc; margin: 0 0 15px 25px; } .butler_box li { padding: 0; margin: 0 0 5px 0; } .butler_box .filelist { margin-bottom: 0 !important;} .yellow_box { background-color: #fff7d4; border-top: 4px solid #ffd200; color: #202020; } .yellow_box a { padding: 2px 0 0 0; } .yellow_box ul { display: block; clear: both; list-style-type:none; margin: 10px 0 15px 0; } .yellow_box ul.list { list-style-type:disc; margin: 0 0 15px 25px; } .yellow_box li { padding: 0; margin: 0; } .yellow_box li a { top: 0px } .yellow_box .filelist { margin-bottom: 0 !important;} #mainColumn .butler_box, .content_standard .butler_box { background-color: #ffffff; border-top: none; color: #202020; } #mainColumn .butler_box div ,.content_standard .butler_box div { margin: 0; padding: 0; } #mainColumn .butler_box a, .content_standard .butler_box a { padding: 2px 0 0 0;} #mainColumn .butler_box ul, .content_standard .butler_box ul { display: block; clear: both; list-style-type:none; margin: 10px 0 15px 0; } #mainColumn .butler_box li, .content_standard .butler_box li { padding: 0; margin: 0; } #mainColumn .butler_box li a, .content_standard .butler_box li a { top: -3px } .brown_box { background-color: #f2eee4; border-top: 4px solid #beaa78; } .brown_box .hr { background-color: #beaa78; color: #cfc2ab; } .yellowBox { background-color: #fff6d9; border-top: 4px solid #ffd200; } .yellowBox .title_18_normal_dark { color: #2e2e2e; } .yellowBox .hr { background-color: #ffd200; } .greenBox { background-color: #ecf3ee; border-top: 4px solid #cfe2d4; } .greenBox .title_18_normal_dark { color: #2e2e2e; } .greenBox .hr { background-color: #cfe2d4; } #mainColumn .teaser_yellow_line { font-size: 1em; line-height: 140%;} #mainColumn .teaser_yellow_line_portrait { font-size: 1em; line-height: 140%;} #mainColumn .teaser_yellow_line_portrait div { padding: 0 148px 0 0; } #substartColumn .teaser_yellow_line { font-size: 1em; line-height: 140%; } #substartColumn .teaser_yellow_line_portrait { font-size: 1em; line-height: 140%;} #substartColumn .teaser_yellow_line_portrait div { padding: 0 148px 0 0; } #rightColumn .teaser_yellow_line { color: #777777; } #rightColumn .teaser_yellow_line_portrait { color: #777777; } #rightColumn .teaser_yellow_line_portrait div { padding: 0 124px 0 0; } #rightColumn .listing_yellow_line { color: #777777; } .teaser_yellow_line { background-color: #ffffff; border-top: 1px solid #ffd200; margin-bottom: 0; } .teaser_yellow_line img { float:right; margin: 0 0 10px 10px; } .teaser_yellow_line a { padding: 2px 0 0 0; } .teaser_yellow_line .filelist { margin-bottom: 0 !important;} .teaser_yellow_line a.itemlink { text-decoration: underline !important;} .teaser_yellow_line a.itemlink:hover { text-decoration: none !important; } .teaser_yellow_line a.itemlink:visited { text-decoration: underline !important;} .teaser_yellow_line_portrait { background-color: #ffffff; border-top: 1px solid #ffd200; margin-bottom: 0; background-position: bottom right; background-repeat:no-repeat; } .teaser_yellow_line_portrait div { padding: 0 95px 0 0; } .teaser_yellow_line_portrait a { padding: 2px 0 0 0; } .teaser_yellow_line_portrait .filelist { margin-bottom: 0 !important;} .listing_yellow_line { background-color: #ffffff; border-top: 1px solid #ffd200; margin-bottom: 0; } .listing_yellow_line div { display:block; padding: 10px 0 15px 0; margin: 0; border-top: 1px solid #d0e0d5; } .listing_yellow_line .first { border-top: none; } .listing_yellow_line img { float:right; margin: 0 0 10px 10px; } .listing_yellow_line div a { padding: 2px 0 0 0; } .listing_yellow_line .filelist { margin-bottom: 0 !important;} #rightColumn .teaser_claims { color: #777777; } .teaser_claims { background-color: #ffffff; border-top: 1px solid #c7252e; margin-bottom: 0; } .teaser_claims img { float:right; margin: 0 0 10px 10px; } .teaser_claims a { padding: 2px 0 0 0; } .teaser_claims .filelist { margin-bottom: 0 !important;} .hr { height: 1px; width:auto; overflow:hidden; clear:both; margin: 15px 0 10px 0; } .teaser_yellow_line h2 { margin-bottom: 0px; } .puffer h2.title_18_normal_dark.teaser_sifr, .puffer h3.title_18_normal_dark.teaser_sifr { margin-bottom: 9px; } .teaser_yellow_line_portrait h2 { margin-bottom: 0px; } .listing_yellow_line h2 { margin-bottom: 0px; } .teaser_claims h2 { margin-bottom: 0px; } .teaser_yellow_line a:visited { color:#006da7 !important; text-decoration:none !important; } .teaser_yellow_line_portrait a:visited { color:#006da7 !important; text-decoration:none !important; } .teaser_claims a:visited { color:#006da7 !important; text-decoration:none !important; } .brown_box a:visited { color:#006da7 !important; text-decoration:none !important; } .greenBox a:visited { color:#006da7 !important; text-decoration:none !important; } .yellowBox a:visited { color:#006da7 !important; text-decoration:none !important; } .butler_box a:visited { color:#006da7 !important; text-decoration:none !important; } .teaser_claims a:visited { color:#006da7 !important; text-decoration:none !important; } .teaser_yellow_line a:hover { color:#006da7 !important; text-decoration:underline !important; } .teaser_yellow_line_portrait a:hover { color:#006da7 !important; text-decoration:underline !important; } .teaser_claims a:hover { color:#006da7 !important; text-decoration:underline !important; } .brown_box a:hover { color:#006da7 !important; text-decoration:underline !important; } .greenBox a:hover { color:#006da7 !important; text-decoration:underline !important; } .yellowBox a:hover { color:#006da7 !important; text-decoration:underline !important; } .butler_box a:hover { color:#006da7 !important; text-decoration:underline !important; } .teaser_claims a:hover { color:#006da7 !important; text-decoration:underline !important; } /*-- Products --*/ .product_offer { background-color: #ffffff; border: 1px solid #d1d1d1; } .product_offer img { float:right; margin: 0 0 10px 10px; } .product_offer a, .product_offer_box a { padding: 2px 0 0 0; text-decoration: none; } .product_offer a:hover, .product_offer_box a:hover { text-decoration: underline; } .product_offer_box { background-color: #ffffff; border: 1px solid #d1d1d1; float: right; margin-left: 12px; width: 45%;} .productLinks { width: 100%; border-top: 1px solid #edf3ef; padding-top: 10px; } .productLinks span { font-weight: bold; margin: 0 0 4px 0; padding: 0; display: block; } .productLinks ul li { background: url(../img/icon_pdf.gif) no-repeat; margin: 0; padding: 0 0 5px 20px; } /*-- Voting box --*/ .vote_box { background-color: #f2eee4; border-top: 4px solid #beaa78; color: #202020; padding: 0 0 5px 0; } .vote_box .hr { border-top: 1px solid #beaa78; height: 1px; display: block; margin: 10px 0 0 0; padding: 0 0 10px 0; overflow:hidden; } .vote_box .speciallink { margin: 0; padding: 10px 0 0 0; } .vote_box .comment { color: #777777; } .vote_box .error { padding: 15px; } .vote_box .formpart h3 { padding: 0; margin: 0; } .vote_box .formpart .formpart { padding: 0; margin: 0; } .vote_box a:visited { color:#006DA7 !important; } .voteResultBarBack { position: relative; float: left; width: 100%; height: 17px; background-color: #ffffff; overflow: hidden; margin: 10px 0 0 0; padding: 0 !important; } .voteResultBarBack .voteResultBar { position: relative; float: left; height: 15px; border: 1px solid #a59371; background-color: #c9b99a; padding: 0; margin: 0; } .voteResultBarBack .voteResultBar div.voteResultBarBgTop { clear: both; position: relative; float: left; width: 100%; height: 7px; background-color: #d7ccb8; padding: 0; margin: 0; } /*-- If direktsvar --*/ .direct-answer p { color: #555; margin: 0 0 3px 0; } .direct-answer form { padding-top: 5px; width: auto; overflow: hidden; } .direct-answer form input.text { width: 96%; } .direct-answer form input.ask-question { float: right; background: url(../img/button-ask-question.png) no-repeat; line-height: 1em; text-indent: -999em; width: 68px; height: 26px; border: none; margin-top: 5px; } /*-- Ask Lena --*/ .ask_lena_teaser_small {position: relative; width: 247px; height: 110px; background: transparent url('../img/ask_lena_teaser_small.jpg') no-repeat 0 0 ; padding: 0 !important; } .ask_lena_teaser_small .title {position: absolute; top: 28px; left: 28px; width: 105px; padding: 0; font-size: 1.2em; line-height: 1.3em; font-weight: bold; color: #202020; } .ask_lena_teaser_small .link {position: absolute; top: 68px; left: 28px; width: 105px; height: 15px; padding: 0; } .ask_lena_teaser_small .link a:visited {color: #006da7 !important; } .ask_lena_teaser_small .button {position: absolute; top: 0px; left: 0px; width: 247px; height: 110px; padding: 0; } .ask_lena_teaser_small .button img {width: 100%; height: 100%; border: none; } .ask_lena_teaser_large {position: relative; width: 443px; height: 130px; background: transparent url('../img/ask_lena_teaser_large.jpg') no-repeat 0 0 ; padding: 0 !important; } .ask_lena_teaser_large .title {position: absolute; top:36px; left: 48px; width: 120px; padding: 0; font-size: 1.3em; line-height: 1.4em; font-weight: bold; color: #202020; } .ask_lena_teaser_large .link {position: absolute; top: 81px; left: 48px; width: 120px; height: 15px; padding: 0; } .ask_lena_teaser_large .link a:visited {color: #006da7 !important; } .ask_lena_teaser_large .button {position: absolute; top: 0px; left: 0px; width: 443px; height: 120px; padding: 0; } .ask_lena_teaser_large .button img {width: 100%; height: 100%; border: none; } #wideRightColumn .ask_lena_teaser_small { width:286px; background: transparent url('../img/ask_lena_teaser_small_ext.jpg') no-repeat 0 0 ; } #wideRightColumn .ask_lena_teaser_small .title { left: 42px; } #wideRightColumn .ask_lena_teaser_small .link { left: 42px; } #wideColumn .ask_lena_teaser_large { width:587px; background: transparent url('../img/ask_lena_teaser_large_ext.jpg') no-repeat 0 0 ; } #wideColumn .ask_lena_teaser_large .title { left: 67px; } #wideColumn .ask_lena_teaser_large .link { left: 67px; } .ask_lena_teaser_large {position: relative; width: 443px; height: 130px; background: transparent url('../img/ask_lena_teaser_large.jpg') no-repeat 0 0 ; padding: 0 !important; } .ask_lena_teaser_large .title {position: absolute; top:36px; left: 48px; width: 120px; padding: 0; font-size: 1.3em; line-height: 1.4em; font-weight: bold; color: #202020; } .ask_lena_teaser_large .link {position: absolute; top: 81px; left: 48px; width: 120px; height: 15px; padding: 0; } .ask_lena_teaser_large .link a:visited {color: #006da7 !important; } .ask_lena_teaser_large .button {position: absolute; top: 0px; left: 0px; width: 443px; height: 120px; padding: 0; } .ask_lena_teaser_large .button img {width: 100%; height: 100%; border: none; } /*-- Crisis --*/ /* .crisis_box { background: none; border: 1px solid #000000; padding-bottom: 0px; } .crisis_box div { padding: 0 15px 0 15px; } .crisis_box div div { float: right; padding: 0 0 15px 15px; font-size: 1.09em; } */ .crisis_box { background: none; border: 1px solid #000000; padding-bottom: 0px; } .crisis_box div { padding: 0 15px 0px 15px; } .crisis_box div div { padding: 0px; color: #000000;} .crisis_box div p { margin: 0 0 15px 0; font-size: 1.09em; } .crisis_box div ul li { margin: 2px 0 0 0; font-size: 1.09em; } .crisis_box div div img { } .crisis_box div div span { display: block; margin: 0 0 15px 0; } /*--- Search Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #searchHead { background-color: #edf3ef; padding: 15px 15px 15px 15px; margin: 0; } #searchHead div { font-weight: bold; clear: left; margin: 0; } #searchHead div p { margin: 0; padding: 0; } #searchHead div label { font-weight: normal; padding: 0 5px 0 2px; } #searchSubHead { padding: 10px 0 10px 0; overflow: hidden; } #searchSubHead #subHeadLeft { clear: both; position: relative; float: left; } #searchSubHead #subHeadRight { position: relative; float: right; } #searchSubHead #subHeadRight strong { font-weight: bold; } #searchResults { clear: both; } #searchResults strong { font-weight: bold; } #searchResults a strong { font-weight: bold; } #searchResults .searchResult { clear: both; border-bottom: 1px solid #dfece2; padding: 5px 0 5px 0; } #searchResults .searchResult div { clear: both; padding: 3px 0; width: 100%; } #searchResults .searchResult div strong { font-weight: bold; } #searchResults .searchResult span { clear: both; display: block; font-size: 0.917em; color: #777777; padding: 5px 0 5px 0; width: 100%; } .searchResult a.bullettext { text-decoration: underline !important; } .searchResult a.bullettext:link { text-decoration: underline !important; } .searchResult a.bullettext:visited { text-decoration: underline !important; } .searchResult a.bullettext:hover { text-decoration: none !important; } /*--- Ask Lena Styles ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .ask_lena { background-image: url(../img/ask_lena_popup.png); background-repeat:no-repeat; text-align: left; margin: 0; padding: 0; } .ask_lena #shade { position: absolute; top: 258px; left: 30px; width: 215px; height: 10px; background-color: #fff; } .ask_lena #the_lena { position: absolute; top: 299px; left: 57px; width: 181px; height: 120px; border: none; margin: 0; padding: 0; } .ask_lena div { position: absolute; top: 432px; left: 30px; width: 240px; height: auto; border: none; margin: 0; padding: 0; } .ask_lena div div { position: static; } .ask_lena div div label { font-weight: bold; } .ask_lena div div .normalinput { position: relative; top: -4px; width: 98%; } #ask_lena_conversation { position: absolute; top: 30px; left: 30px; width: 237px; height: 223px; border: none; margin: 0; padding: 15px 0 0 0; overflow-x:hidden; overflow-y:scroll; background-image: none; background-color: #fff; } #ask_lena_conversation div { position: relative; top: 0; left: 0; width: 100%; height: auto; border: none; margin: 0; padding: 0 0 0 0; text-align: left; } #ask_lena_conversation div p { width: 80%; padding: 0 15px 0 15px; margin: 0 0 15px 0; } /*--- No Flash ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #noflash { width: 287px; height: 215px;margin: 0 0 15px 0; background: transparent; background-position: 0 0; background-repeat: no-repeat; } #noflash div { position: relative; top: 11px; left: 10px; width: 267px; height: 194px; margin: 0 0 0 0; padding: 0 0 0 0; background: transparent url('../img/noflash_back.png') no-repeat 0 0; } #noflash div div { position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0 13px 0 13px; padding: 10px 0 10px 0; background: none; font-size: 12px; } #noflash_big { width: 587px; height: 331px; margin: 0 0 15px 0; background: transparent; background-position: 0 0; background-repeat: no-repeat; } #noflash_big div { position: relative; top: 69px; left: 161px; width: 267px; height: 194px; margin: 0 0 0 0; padding: 0 0 0 0; background: transparent url('../img/noflash_back.png') no-repeat 0 0; } #noflash_big div div { position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0 13px 0 13px; padding: 10px 0 10px 0; background: none; font-size: 12px; } #noflash_medium { width: 442px; height: 249px; margin: 0 0 15px 0; background: transparent; background-position: 0 0; background-repeat: no-repeat; } #noflash_medium div { position: relative; top: 27px; left: 88px; width: 267px; height: 194px; margin: 0 0 0 0; padding: 0 0 0 0; background: transparent url('../img/noflash_back.png') no-repeat 0 0; } #noflash_medium div div { position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0 13px 0 13px; padding: 10px 0 10px 0; background: none; font-size: 12px; } #noflash_medium_classic { width: 442px; height: 332px; margin: 0 0 15px 0; background: transparent; background-position: 0 0; background-repeat: no-repeat; } #noflash_medium_classic div { position: relative; top: 69px; left: 88px; width: 267px; height: 194px; margin: 0 0 0 0; padding: 0 0 0 0; background: transparent url('../img/noflash_back.png') no-repeat 0 0; } #noflash_medium_classic div div { position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0 13px 0 13px; padding: 10px 0 10px 0; background: none; font-size: 12px; } #noflash div div h3, #noflash_big div div h3 { margin: 0 0 5px 0; color:#ffffff; } #noflash div div a:link, #noflash_big div div a:link { color: #ffffff; text-decoration: underline; } #noflash div div a:visited, #noflash_big div div a:visited { color: #ffffff !important; text-decoration: underline; } #noflash div div a:hover, #noflash_big div div a:hover { color: #ffffff !important; text-decoration: none; } /* ---> other.css <--- */ body #sharepointcontrols, .ms-MenuUIPopupBody { text-align: left; } #sharepointcontrols-right { float: right; } #sharepointcontrols-right .ms-siteactionsmenu DIV DIV DIV A { color: #ffffff } body div span.tracecontent { position: relative; top: 1000px; } div.emp div.ms-formfieldvaluecontainer { background-color: #ECECEC; } span.if-main-PageLayoutInformation { font-family: Tahoma; font-size: 8pt; } div.AspNet-WebPartZone-Horizontal div.AspNet-WebPart { float: left; } div.AspNet-WebPartZone-Vertical div.AspNet-WebPart { clear: both; } #MSO_tblPageBody { text-align: left; } /* ---> sIFR-screen.css <--- */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .blissGreen .sIFR-alternate { visibility: visible; font-size: 0.1em; line-height: 1em; } .blissDarkgrey .sIFR-alternate { visibility: visible; font-size: 0.1em; line-height: 1em; } .sIFR-hasFlash .title_22_normal_dark { font-size: 1.88em; line-height: 1.1em; } .sIFR-hasFlash .title_22_normal_green { font-size: 1.88em; line-height: 1.1em; } .sIFR-hasFlash .title_22_normal_crimson { font-size: 1.88em; line-height: 1.1em; } .sIFR-hasFlash .title_18_normal_dark { font-size: 1.55em; line-height: 1.1em; } .sIFR-hasFlash .title_18_normal_crimson { font-size: 1.55em; line-height: 1.1em; } .sIFR-hasFlash .title_18_bold_crimson { font-size: 1.55em; line-height: 1.1em; } .sIFR-hasFlash .formpuffer .title_18_normal_dark { padding-bottom: 2px; } /* hide sIFR before it has loaded----------------------*/ .sIFR-hasFlash .blissGreen, .sIFR-hasFlash .blissCrimson, .sIFR-hasFlash .blissDarkgrey, .sIFR-hasFlash .teaser_sifr, .sIFR-hasFlash .claims_sifr { visibility: hidden; } /* fix margin on puffer headers */ .sIFR-hasFlash .puffer h2.title_18_normal_dark.teaser_sifr, .sIFR-hasFlash .puffer h3.title_18_normal_dark.teaser_sifr { margin-bottom: 0 !important; }