/* ------------------------------------------------------------ STRUCTURE: - typography - forms - menus - general menus - tabs (products) - accordion - framework - contents (miscellaneous elements) ------------------------------------------------------------ */ /*------------------------------------------------------------ Typography ------------------------------------------------------------*/ body { background: #bfc0c4 url(../images/bg_body.gif);} h2,h3,h4,h5,h6, .style2,.style3,.style4,.style5,.style6, a.read-more, a.add-more, a.backward, a.about, div.country.hover, div.country.hover a, a.main_country:hover, a.main_country_subtext:hover, .linklist-headings a:hover, .article strong, .mini_article strong, .loud {color: #7bc144;} .loud_original {color: #7bc144;} a.forward, a.about:hover, .highlight, .highlight a.read-more {background-color: #7bc144; color: white;} div.forwardbutton {background-color:#7bc144; border-color: #7bc144;} div.backwardbutton {border-color: #7bc144;} div.linklist.corporate a.read-more {background: url(../images/read_more_corporate.gif) no-repeat 0 .2em;} a.read-more { background: url(../images/read_more.gif) no-repeat 0 .2em;} a.add-more { background: url(../images/add.png) no-repeat 0 .2em;} .highlight a.read-more {background: url(../images/read_more_highlight.gif) no-repeat left;} a.forward {background: url(../images/forwardarrow.gif) no-repeat right; } a.backward {background: white url(../images/backwardarrow.gif) no-repeat 3px;} a.about {background: #e6e6e6 url(../images/forwardarrow.gif) no-repeat right;} a.about:hover {background: url(../images/forwardarrow.gif) no-repeat right;} a.main_country { background: url(../images/forwardarrow_big_black.gif) no-repeat left;} div.country.hover a.main_country{background: url(../images/forwardarrow_big_green.gif) no-repeat left;} ul.bullets { list-style-image: url(../images/list_bullet.gif);} .highlight ul.bullets, .highlight div.editor ul {list-style-image: url(../images/list_bullet_highlight.gif);} .black {color: #000000;} .bodytextcolor {color: #4d4f53;} /* Linklist hover rightmenu */ .rightmenu li.link_hover, .rightmenu li.link_hover a.read-more {cursor:pointer; background-color: #7bc144; color: white;} .rightmenu li.link_hover a.read-more:hover {color:white; padding: 6px 0; background: transparent url(../images/forwardarrow_white.gif) no-repeat scroll right center;} .rightmenu li.link_hover a.read-more { color: white; background: url( ../images/forwardarrow_white.gif ) no-repeat right;} /* Editor - text controllers -------------------------------------------------------------- */ .editor ul { list-style-image: url(../images/list_bullet_small.gif);} /*------------------------------------------------------------ Forms -------------------------------------------------------------- */ input.text, textarea, select { background: white url(../images/input_text_bg.gif) repeat-x top left;} .text:focus, textarea:focus, select:focus{ border: 1px solid #7bc144;} .submitButton, .resetButton {background-color: #7bc144; color: white;} input.submitButton, input.resetButton {background-image: url(../images/button_background.gif);} /* Formbuilder*/ #formBuilder .required { background: url(../images/star.gif) no-repeat right;} #formBuilder label.required {background: url(../images/star.gif) no-repeat 160px ;} #formBuilder label.required_rightCol {background: url(../images/star.gif) no-repeat 100px ;} /* login (pnl) */ .login label.required, .tracking label.required {background: url(../images/star.gif) no-repeat right center; padding-right: 0px; margin-right: 5px; width: 100px; display: block; float: left;} .login input.text { width: 100px; } .tracking input.text { width: 120px; } .login input.checkbox, .tracking input.checkbox { margin-right: 8px; margin-left: 0; padding: 0 !important; position: relative; left: -1px;} .login, .tracking { background: #e6e6e6; } .login label.error, .tracking label.error { clear: both; } .login .formwrap, .tracking .formwrap { padding: 10px; } .tracking h2.style4 { padding-bottom: 0.3em; } /*------------------------------------------------------------ Menus ------------------------------------------------------------*/ .menuitem ul li.active a {color: #7bc144;} .hover .menuitem ul li.active, .menuitem ul.items li.hover, .product-group li.hover, ul.menu-main li a:hover, ul.menu-main li.path a, ul.items li.hover a, .product-group.hover .menuitem ul li.active a, .product.hover .menuitem ul li.active a, div.menuitem ul.items li.hover_back, div.menuitem ul.items li.hover_back a {background-color: #7bc144; color: white;} ul.menu-main li a:hover, ul.menu-main li.path a{ background: url(../images/menu_main_left.png) no-repeat left top;} ul.menu-main li a:hover span, ul.menu-main li.path a span {background:url("../images/menu_main.png") no-repeat right top; } .menuitem ul li a { background: #e6e6e6 url( ../images/forwardarrow.gif ) no-repeat right;} ul.items li.hover a, .product-group.hover .menuitem ul li.active a, .product.hover .menuitem ul li.active a { color: white; background: url( ../images/forwardarrow_white.gif ) no-repeat right;} .style4.narrow { min-height: 0 !important; } div.menuitem ul.items li.with_link_back a { background: #e6e6e6 url( ../images/backwardarrow.gif ) no-repeat right;} div.menuitem ul.items li.hover_back a { background: url( ../images/backwardarrow_white.gif ) no-repeat right;} /* MenuTop modifications for specialists */ .framework.header.specialist ul.menu-top li {background: url(../images/menu_top_spacer_specialist.gif) no-repeat left; background-position: 11px 5px;} /* MenuMainMinisite -------------------------------------------------------------- */ ul.menu-main-minisite li a{background: url(../images/menu_main_minisite_blur.png) no-repeat left 4px;} ul.menu-main-minisite li a span{background: url(../images/menu_main_minisite_blur.png) no-repeat right 4px;} ul.menu-main-minisite li a:hover, ul.menu-main-minisite li.path a{background: url(../images/menu_main_minisite_left.png) no-repeat left 2px;} ul.menu-main-minisite li a:hover span, ul.menu-main-minisite li.path a span {background:url(../images/menu_main_minisite.png) no-repeat right 2px; } ul.menu-main-minisite li.dark-shortcut a{background: url(../images/menu_main_minisite_dark_left.png) no-repeat left 4px;} ul.menu-main-minisite li.dark-shortcut a span{background: url(../images/menu_main_minisite_dark.png) repeat-x right 4px;} ul.menu-main-minisite li.dark-shortcut a:hover{background: url(../../bring/images/menu_main_minisite_dark_left.png) no-repeat left 4px;} ul.menu-main-minisite li.dark-shortcut a:hover span {background: url(../../bring/images/menu_main_minisite_dark.png) repeat-x right 4px;} /* Accordion default styles -------------------------------------------------------------- */ .vertical-tabs { background: white url( ../images/accordion_top.gif ) no-repeat top left;} .vertical-tabs li .heading { background:#e6e6e6 url( ../images/accordion_tab.gif) repeat-x top left;} .vertical-tabs li.selected .heading.selected { background: url( ../images/accordion_tab_active.gif ) repeat-x; } .linklist.corporate .vertical-tabs li.selected .heading.selected {background: url( ../images/accordion_tab_active_login.gif ) repeat-x; } .vertical-tabs li .heading .wrapper span.tab-left { background: url(../images/accordion_tab_left.gif ) repeat-y;} .vertical-tabs li .heading .wrapper span.tab-right { background: url(../images/accordion_tab_right.gif ) repeat-y;} .vertical-tabs li .heading .wrapper span.tab-title { background: url(../images/accordion_arrowDown.gif ) no-repeat 615px 10px;} .vertical-tabs li.selected .heading.selected .wrapper span.tab-title { background: url(../images/accordion_arrowUp.gif ) no-repeat 615px 10px;} .vertical-tabs li.selected .heading.selected .heading-btm { background: #e6e6e6 url(../images/accordion_tab_active_btm.gif ) no-repeat top left;} /* Tab content -------------------------------------------------------------- */ .vertical-tabs li.selected .tabcontent-btm { background: url( ../images/accordion_content_btm.gif ) no-repeat;} .vertical-tabs li .tab-container-btm { background: url( ../images/accordion_btm.gif ) no-repeat top left; } .rightcol .vertical-tabs { background: url( ../images/accordion_top_312.gif ) no-repeat top left;} .rightcol .vertical-tabs li .heading .wrapper span.tab-title {background: url(../images/accordion_arrowDown.gif ) no-repeat 283px 10px;} .rightcol .vertical-tabs li.selected .heading.selected .wrapper span.tab-title {background: url(../images/accordion_arrowUp.gif ) no-repeat 283px 10px;} .rightcol .vertical-tabs li .heading.selected .heading-btm {background: #e6e6e6 url(../images/accordion_tab_active_btm_312.gif ) no-repeat top left;} .rightcol .vertical-tabs li.selected .tabcontent-btm {background: url(../images/accordion_content_btm_312.gif ) no-repeat;} .rightcol .vertical-tabs li .tab-container-btm {background: url( ../images/accordion_btm_312.gif ) no-repeat top left; } .rightcol .vertical-tabs li.selected .tab-container-btm {background: none;} /* Dropdown for skjulte produkter */ div.dropdown-prod-head.selected {background: white url( ../images/hide_hidden_products_background.gif) no-repeat right;} /*------------------------------------------------------------ Framework -------------------------------------------------------------- */ .framework.header {background: url(../images/bg_top.png) repeat-x; background-position: 0px -10px;} .framework.header.specialist {background: url(../images/bg_top_specialist.png) repeat-x; background-position: 0px 40px;} .framework.header.minisite {background: url(../images/bg_top_minisite.png) repeat-x; background-position: 0px 0px;} .framework.header .container.header { background: url(../images/bg_top_mid.png) repeat-x; background-position: 0px -10px;} .framework.header.specialist .container.header { background: url(../images/bg_top_mid_specialist.png) repeat-x; background-position: 0px 40px;} .framework.header.minisite .container.header { background: url(../images/bg_top_mid_minisite.png) repeat-x; background-position: 0px 0px;} /*----------------------------------------------------------- Content.css - miscellaneous objects/elements on the site -------------------------------------------------------------- */ /* General button styling ---------------------------------------------------------------*/ a.btn-glossy{background:url(../images/btn-right.png) no-repeat scroll right top;} a.btn-glossy.arrow{background:url(../images/btn-right-arrow.png) no-repeat scroll right top;} a.btn-glossy span{background:url(../images/btn-left.png) no-repeat 0 0;} span.btn-glossy-small-outer { background: transparent url(../images/btn-small-right.png) no-repeat right; } span.btn-glossy-small-inner { background: transparent url(../images/btn-small-left.png) no-repeat left; } span.btn-glossy-outer { background: transparent url(../images/btn-right.png) no-repeat right; } span.btn-glossy-inner { background: transparent url(../images/btn-left.png) no-repeat left; } span.btn-glossy-arrow { background:transparent url(../images/btn-right-arrow.png) no-repeat right center; } span.btn-glossy-large-outer { background: transparent url(../images/btn-large-right.png) no-repeat right; } span.btn-glossy-large-inner { background: transparent url(../images/btn-large-left.png) no-repeat left; } span.btn-glossy-large-arrow { background: transparent url(../images/btn-large-right-arrow.png) no-repeat right center; } /* more generic backbutton */ div.backbutton a{background: #e6e6e6 url( ../images/backwardarrow.gif ) no-repeat center right;} /* News archive ------------------------------------------------------------*/ span.current {color: white; background-color: #7bc144;} a.current, .lastpage, .nextpage {color: #7bc144;} #articlelist .hover, #articlelist .hover .style3 a, #articlelist.news-teasers .hover, .job-link-list .hover {background-color:#7bc144; color: white;} #articlelist .hover div.date {background-color:#7bc144; color: #e6e6e6;} a.read-more:hover, /* read more satt inn 20 august pga IE6 hover bug (ink skal være grønn no matter what :))*/ a.add-more:hover, .contentheading a, .latest-news li a:focus, .latest-news li a:hover, .printerfriendlybox a, table.availablepositions tr a:hover {color:#7bc144;} /* Sharing icons */ a.print { color: #7bc144; background: url(../images/icon_print.png) no-repeat 0 .2em;} a.tip-friend { color: #7bc144; background: url(../images/icon_tipfriend.png) no-repeat 0 .2em;} /* Archive.css og newsold.css */ .lastpage{background: url(../images/read_less.gif) no-repeat left;padding-left: 16px;} .nextpage{padding-right: 16px;background: url(../images/read_more.gif) no-repeat right;} /* Searchresults -------------------------------------------------------------- */ span.searchindex.active, div.navigationMenuPrevious a, div.navigationMenuMiddle a:hover, div.navigationMenuNext a, .searchresultpath a:hover, .hover .searchresultpath a, .searchresultheader a:hover {color: #7bc144;} div.navigationMenuPrevious a {background: url( ../images/read_less.gif ) no-repeat left; } div.navigationMenuNext a { background: url( ../images/read_more.gif ) no-repeat right;} /* Service ---------------------------------------------------------------*/ .textInput:focus {border-color: #7bc144;} .searchButton {background-color: #7bc144; color: white;} /* FAQ ---------------------------------------------------------------*/ li.faq div.question.hover, li.faq div.question.hover a, li.faq div.question.selected_question, li.faq div.question.selected_question a {background-color: #7bc144; color: white; display: block;} li.faq div.question { background: #e6e6e6 url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; } li.faq div.question.hover { background: url( ../images/accordion_arrowDownHover.gif) no-repeat scroll 610px 10px;} li.faq div.question.selected_question { background: url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} /* faqguide ---------------------------------------------------------------*/ .faqguide div.phone span{ color:#7BC144; } div#faq-container{background-color: #7BC144;} .faqguide-faq-link a:hover{background-color: #7BC144;} .faqguide-faq-link a.open{ background-color: #7BC144;} /* Messages ---------------------------------------------------------------*/ li.msg div.message { background: #e6e6e6 url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; } li.msg div.message.hover { background: url( ../images/accordion_arrowDownHover.gif) no-repeat scroll 610px 10px;} li.msg div.message.selected_message { background: #7bc144 url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} li.msg div.message_important { background: #fdbb2f url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px;} li.msg div.message_important.selected_message { background: #7bc144 url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} li.msg div.message_important span.image { background: url( ../images/important.gif) no-repeat scroll 10px center;} li.msg div.message_important_no_expand span.image { background: url( ../images/important.gif) no-repeat scroll 10px center;} .printerfriendlybox { background: white url(../images/printericon.gif) no-repeat left;} /* contactMe ----------------------------------------------------------------*/ #contactMe .required { background: url(../images/star.gif) no-repeat right;} #contactMe label.required_rightCol {background: url(../images/star.gif) no-repeat 95px ;} /* loadNomination ----------------------------------------------------------------*/ #loadNomination .required, #dialogRegistration .required { background: url(../images/star.gif) no-repeat right;} #loadNomination label.required_rightCol, #dialogRegistration label.required_rightCol {background: url(../images/star.gif) no-repeat 160px ;} /* OMA ---------------------------------------------------------------*/ div.innlogging dl dd.link a.action_link { background: #ee3226 url(../images/forwardarrow_white.gif) no-repeat scroll 175px 50%; } /* Slideshow ------------------------------------------------------------*/ a.selectedThumb {border:2px solid #7bc144;} a.unSelectedThumb{border:1px solid #999a9c;} #slideshow .arrowL {background: url(../images/slideView_arrows.gif) no-repeat 0px 30px;left: 0px;} #slideshow .arrowR {background: url(../images/slideView_arrows.gif) -40px 30px no-repeat;right: 0px;} /* Tipafriend ---------------------------------------------------------------*/ .jqmClose.closetext{background: url(../images/close_button.gif) no-repeat scroll 0px 50%;} /* Direct Order ---------------------------------------------------------------*/ .direct-order-vertical-tabs li .heading .wrapper span.tab-title span.direct-order-style4 { color: #7bc144;} .direct-order-vertical-tabs li.selected .heading.selected .wrapper span.tab-title span.direct-order-style4 { color: #fff;} .direct-order-vertical-tabs li .heading {height: 31px; padding: 0; margin: 0; background:#e6e6e6 url( ../images/accordion_tab_direct_order.gif) repeat-x top left;} .direct-order-vertical-tabs li.selected .heading.selected {height: 37px; background: url( ../images/accordion_tab_direct_order_active.gif ) repeat-x; } /* Howto inside ui tabs ---------------------------------------------------------------*/ .ui-tabs-panel .editor ol.tab-howto { color: #7bc144;} /* Related customer cases for products ---------------------------------------------------------------*/ /*.customercase p {color:#7bc144;} .customercase.hover{background-color:#7bc144;} .customercase.hover p, .customercase.hover a{color:#fff;} */ /*nned to put this here and not screen.css because of IE6*/ /* Related contact point on top for products ---------------------------------------------------------------*/ .contact-top #contact-us, .contact-top .phone {color: #7bc144;} /* JQuery autocomplete styles ---------------------------------------------------------------*/ .ac_over { background-color: #7bc144; } /* Quickpoll ---------------------------------------------------------------*/ .poll .resultBarOuter { border-color: #7BC144; } .poll .resultBarInner { background-color: #7BC144;} .poll .score { color: #7BC144; } /* Link group ---------------------------------------------------------------*/ .linkgroup li a:hover { background: #e6e6e6 url( ../images/forwardarrow.gif ) no-repeat right; } /* Share bar ---------------------------------------------------------------*/ .sharebar .print a, .sharebar .tip a, .sharebar .email a, .sharebar .sms a, .sharebar .download a { color: #7BC144; } .big_share_print { background-image: url(../images/icon_print_l.png) } .big_share_tip { background-image: url(../images/icon_tip_l.png) } .big_share_email { background-image: url(../images/icon_email_l.png) } .big_share_sms { background-image: url(../images/icon_sms_l.png) } .big_share_download { background-image: url(../images/icon_download_l.png) } /* Kampanjemal D */ .videoAndDescription .descriptionBg { background-color: #7bc144; color: white; } #no-flash-message { border:1px solid #7BC144; }