/* ======================= GENERAL PAGE STRUCTURE ======================= */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #454647; line-height: 1.5; margin: 0 0 20px 0; padding: 0; background: #fff url(images/menu-bg.png) 0px 88px repeat-x; } #container { width: 948px; margin-left: auto; margin-right: auto; overflow: hidden; } #placeholder-top { float: left; padding: 0 1px; overflow: hidden; } #placeholder-left { float:left; width: 200px; min-height: 400px; overflow: hidden; } #placeholder-content, #placeholder-content-left-right-1-right-2, #placeholder-content-left-right-1, #placeholder-content-left, #placeholder-content-right-1-right-2, #placeholder-content-right-1 { float: left; width: 376px; margin: 0px 12px 0px 12px; overflow: hidden; } #placeholder-content-left-right-1-right-2 { width: 924px; } #placeholder-content-left-right-1 { width: 750px; } #placeholder-content-left { width: 576px; } #placeholder-content-right-1-right-2 { width: 724px; } #placeholder-content-right-1 { width: 550px; } #placeholder-content-container, #placeholder-content-left-right-1-right-2-container, #placeholder-content-left-right-1-container, #placeholder-content-left-container, #placeholder-content-right-1-right-2-container, #placeholder-content-right-1-container { min-height: 400px; background: url(images/placeholder-content-bg.png) left -22px no-repeat; } /* used to prevent html-comment bug */ #extra-1 { height: 1px; } #placeholder-content-left-right-1-right-2-container { background: url(images/placeholder-content-left-right-1-right-2-bg.png) left -22px no-repeat; } #placeholder-content-left-right-1-container { background: url(images/placeholder-content-left-right-1-bg.png) left -22px no-repeat; } #placeholder-content-left-container { background: url(images/placeholder-content-left-bg.png) left -22px no-repeat; } #placeholder-content-right-1-right-2-container { background: url(images/placeholder-content-right-1-right-2-bg.png) left -22px no-repeat; } #placeholder-content-right-1-container { background: url(images/placeholder-content-right-1-bg.png) left -22px no-repeat; } .frontpage #placeholder-content, .frontpage #placeholder-content-left-right-1-right-2, .frontpage #placeholder-content-left-right-1, .frontpage #placeholder-content-left, .frontpage #placeholder-content-right-1-right-2, .frontpage #placeholder-content-right-1 { width: 400px; margin: 0px; } .frontpage #placeholder-content-left-right-1-right-2 { width: 948px; } .frontpage #placeholder-content-left-right-1 { width: 774px; } .frontpage #placeholder-content-left { width: 600px; } .frontpage #placeholder-content-right-1-right-2 { width: 748px; } .frontpage #placeholder-content-right-1 { width: 574px; } .frontpage #placeholder-content-container, .frontpage #placeholder-content-left-right-1-right-2-container, .frontpage #placeholder-content-left-right-1-container, .frontpage #placeholder-content-left-container, .frontpage #placeholder-content-right-1-right-2-container, .frontpage #placeholder-content-right-1-container { background: none; } #placeholder-right-1, #placeholder-right-1-right-2 { float: left; width: 174px; min-height: 400px; overflow: hidden; } #placeholder-right-1-right-2 { width: 348px; } #placeholder-right-2 { float: left; width: 174px; min-height: 400px; overflow: hidden; } #placeholder-bottom { clear: both; margin: 0px 1px 0px 1px; padding-bottom: 10px; padding-top: 2px; } #placeholder-bottom-end { clear: both; height: 1px; background: url(images/bottom-bg.gif) #fff repeat-x; } #placeholder-left .tile-content, #placeholder-right-1 .tile-content, #placeholder-right-1-right-2 .tile-content, #placeholder-right-2 .tile-content { padding: 7px 12px; overflow: hidden; } #placeholder-left .dropdown-categorymenu .tile-content, #placeholder-left .show-wysiwyg .tile-content, #placeholder-right-1 .dropdown-categorymenu .tile-content, #placeholder-right-1 .show-wysiwyg .tile-content, #placeholder-right-1-right-2 .dropdown-categorymenu .tile-content, #placeholder-right-1-right-2 .show-wysiwyg .tile-content, #placeholder-right-2 .dropdown-categorymenu .tile-content, #placeholder-right-2 .show-wysiwyg .tile-content { padding-top: 4px; padding-bottom: 4px; } #placeholder-left .tile-common, #placeholder-right-1 .tile-common, #placeholder-right-1-right-2 .tile-common, #placeholder-right-2 .tile-common { margin: 12px; } #placeholder-content .tile-common, #placeholder-content-left-right-1-right-2 .tile-common, #placeholder-content-left-right-1 .tile-common, #placeholder-content-left .tile-common, #placeholder-content-right-1-right-2 .tile-common, #placeholder-content-right-1 .tile-common { margin: 12px; } #placeholder-right-1 .tile-common, #placeholder-right-2 .tile-common { float: right; padding-top: 5px; background: url(images/tile-bg-right-top.gif) no-repeat; } #placeholder-right-1 .tile-content, #placeholder-right-2 .tile-content, #placeholder-right-1 h3, #placeholder-right-2 h3 { float: left; width: 126px; overflow: hidden; background: url(images/tile-bg-right-content.gif) repeat-y; } #placeholder-right-1 .full-articlelist h3, #placeholder-right-2 .full-articlelist h3 { background: transparent; padding-left: 0px; } #placeholder-right-1 h3, #placeholder-right-2 h3 { width: 126px; } #placeholder-right-1-right-2 .tile-common { float: right; padding-top: 5px; background: url(images/tile-bg-right1-right2-top.gif) no-repeat; } #placeholder-right-1-right-2 .tile-content, #placeholder-right-1-right-2 h3 { float: left; width: 300px; background: url(images/tile-bg-right1-right2-content.gif) repeat-y;} #placeholder-right-1-right-2 h3 { width: 312px; padding-top: 20px; } #placeholder-right-1 .tile-bottom, #placeholder-right-2 .tile-bottom { clear: both; width: 150px; height: 5px; background: url(images/tile-bottom-right.gif) left top no-repeat; } #placeholder-right-1-right-2 .tile-bottom { float: left; width: 324px; height: 5px; background: url(images/tile-bottom-right1-right2.gif) left top no-repeat; } #placeholder-bottom .tile-content { margin: 0; padding: 5px 10px; } #placeholder-bottom .tile-content p { margin: 0; padding: .5em 0; } /* ======================= LOOK AND FEEL (COLORS/FONT/BORDERS) ======================= */ /* ------ HTML TAGS LOOK'N'FEEL ------ */ body.calendarbody { background: #fff; } h1, .HEADER { font-size: 1.8em; font-weight: normal; } h2 { font-size: 1.4em; font-weight: normal; } h3, .HEADER2 { font-size: 1.2em; font-weight: bold; } div.hr { background: url(images/horizontal-line.gif) left center repeat-x; height: 16px; clear: both; } a:link, a:visited, a:hover { color: #0a4793; text-decoration: underline; } a:hover { text-decoration: underline; } img { border: 0; } ul, ul li { display: block; list-style: none; padding: 0; margin: 0; } form { margin: 0; padding: 0; } input, textarea, select { padding: 3px; border: 1px solid #dcddde; } select { padding: 1px; font-size: 10px; } /* ------ COMMON TILE LOOK'N'FEEL ------ */ input.submit, .cpform-button { font-size: 11px; font-weight: normal; color: #fff; width: auto; height: auto; margin: 0; padding: 1px 1px 0 1px; border: none; background: #abaeb0; } .cpform-button { margin-right: 4px; } span.required-field { color: #f00; font-weight: bold; } #placeholder-content h1, #placeholder-content-left-right-1-right-2 h1, #placeholder-content-left-right-1 h1, #placeholder-content-left h1, #placeholder-content-right-1-right-2 h1, #placeholder-content-right-1 h1 { margin: 0; padding: 0; line-height: 1.2em; padding-bottom: 0.6em; } .show-wysiwyg p { margin-top: 0; } .front-container-bg-content { background: url(images/front-container-bg-content.gif) repeat-y; } .front-container-bg-content-right-2 { background: url(images/front-container-bg-content-right-2.gif) repeat-y; } .front-container-bg-content-right-1 { background: url(images/front-container-bg-content-right-1.gif) repeat-y; } .front-container-bg-content-right-1-right-2 { background: url(images/front-container-bg-content-right-1-right-2.gif) repeat-y; } .front-container-bg-left-content { background: url(images/front-container-bg-left-content.gif) repeat-y; } .front-container-bg-left-content-right-2 { background: url(images/front-container-bg-left-content-right-2.gif) repeat-y; } .front-container-bg-left-content-right-1 { background: url(images/front-container-bg-left-content-right-1.gif) repeat-y; } .front-container-bg-left-content-right-1-right-2 { background: url(images/front-container-bg-left-content-right-1-right-2.gif) repeat-y; } .container-bg-content { background: url(images/container-bg-content.gif) repeat-y; } .container-bg-content-right-2 { background: url(images/container-bg-content-right-2.gif) repeat-y; } .container-bg-content-right-1 { background: url(images/container-bg-content-right-1.gif) repeat-y; } .container-bg-content-right-1-right-2 { background: url(images/container-bg-content-right-1-right-2.gif) repeat-y; } .container-bg-left-content { background: url(images/container-bg-left-content.gif) repeat-y; } .container-bg-left-content-right-2 { background: url(images/container-bg-left-content-right-2.gif) repeat-y; } .container-bg-left-content-right-1 { background: url(images/container-bg-left-content-right-1.gif) repeat-y; } .container-bg-left-content-right-1-right-2 { background: url(images/container-bg-left-content-right-1-right-2.gif) repeat-y; } #placeholder-top { background: url(images/top-bg.png) no-repeat; } #placeholder-bottom { background: url(images/bottom-bg.gif) #fff repeat-x; } #placeholder-left h3, #placeholder-right-1 h3, #placeholder-right-1-right-2 h3, #placeholder-right-2 h3 { font-size: 1.2em; padding: 0 0 0 12px; margin: 0; } #placeholder-right-1 h3, #placeholder-right-2 h3 { padding-right: 12px; } #placeholder-right-1 .small-articledisplay-nolayout div.tile-content, #placeholder-right-1-right-2 .small-articledisplay-nolayout div.tile-content, #placeholder-right-2 .small-articledisplay-nolayout div.tile-content { background: none; border: none; padding: 0px; width: 150px; } #placeholder-right-1-right-2 .small-articledisplay-nolayout div.tile-content { width: 324px; } #placeholder-right-1-right-2 .small-articledisplay-nolayout h3, #placeholder-right-1 .small-articledisplay-nolayout h3, #placeholder-right-2 .small-articledisplay-nolayout h3 { background: none; padding-left: 0px; } #placeholder-left .small-articledisplay-nolayout, #placeholder-right-1 .small-articledisplay-nolayout, #placeholder-right-1-right-2 .small-articledisplay-nolayout, #placeholder-right-2 .small-articledisplay-nolayout { background: none; padding: 0px; } #placeholder-left .small-articledisplay-nolayout .tile-bottom, #placeholder-right-1 .small-articledisplay-nolayout .tile-bottom, #placeholder-right-1-right-2 .small-articledisplay-nolayout .tile-bottom, #placeholder-right-2 .small-articledisplay-nolayout .tile-bottom { background: none; height: 0px; } .small-articledisplay-nolayout p { margin: 0; padding: 0; } #placeholder-left h3, #placeholder-right-1 h3, #placeholder-right-2 h3, #placeholder-right-1-right-2 h3 { color: #d52e50; } /* ======================= SPECIAL COREPUBLISH ELEMENT STRUCTURE ======================= */ .cpform-noborder { border: 0; margin-right: 70px; } .list-thumbnail-left { float: left; padding-right: 10px; } .list-thumbnail-right { float: right; padding-left: 10px; } .list-thumbnail-center { text-align: center; padding-bottom: 10px; } span.ajax-button-not-visible { display: none; } span.ajax-button-visible { display: inline !important; } #extended-debug-info { margin-top: 100px; font-family: monospace; } .programmatic-clearboth { height: 0px; width: 0px; overflow: hidden; clear: both; } .javascript-popup { display: none; left: 300px; top: 100px; } /* ======================= SPECIFIC TILE STYLING ======================= */ #placeholder-top .tile-common { float: right; padding: 0px 20px; } /* ----------------------------------- */ #placeholder-top .language-selector h3 { display: none; } #placeholder-top .language-selector { } #placeholder-top .language-selector ul, #placeholder-top .language-selector li { display: inline; padding-left: 5px; } /* ----------------------------------- */ #placeholder-top .page-header span.logo { font-size: 1em; } #placeholder-top .page-header span.logo a:link, #placeholder-top .page-header span.logo a:visited, #placeholder-top .page-header span.logo a:hover { } #placeholder-top .page-header { float: left; } #placeholder-top .page-header span.logo { padding: 0; margin: 0; } /* ----------------------------------- */ #placeholder-top .font-selector li { background: url(images/zoom-in.png) left center no-repeat; padding-left: 20px; padding-top: 3px; } /* ----------------------------------- */ .horizontal-menu div.icon { display: none; } #placeholder-top .horizontal-menu h3 { display: none; } #placeholder-top .horizontal-menu { width: 914px; float: left; padding-left: 10px; margin-top: 2px; } #placeholder-top .horizontal-menu ul, #placeholder-top .horizontal-menu li { float: left; list-style: none; margin: 0; padding: 0; } #placeholder-top .horizontal-menu ul { height: 25px; } #placeholder-top .horizontal-menu li { height: 23px; background: url(images/vertical-line.gif) right top repeat-y; } #placeholder-top .horizontal-menu a { display: block; color: #454647; padding: 3px 10px 0px 10px; text-decoration: none; } #placeholder-top .horizontal-menu li.active a, #placeholder-top .horizontal-menu li.main-active a { font-weight: bold; } #placeholder-top .horizontal-menu .loginsymbol { float: right; margin: 8px 0px 0px 0px; } #placeholder-top .horizontal-menu .loginsymbol a { padding: 0px; } .table-articleinfo { clear: both; } /* ----------------------------------- */ .sitemap ul li { display: list-item; list-style: square; list-style-position: outside; margin: 0 2em; padding: 0; } /* -- GENERAL ARTICLE DISPLAY -- */ .illustration { float: left; margin-bottom: 20px; } .illustration.full { width: 100%; } .illustration.right { float: right; } .illustration.shared.right { padding-left: 20px; } .illustration.shared.left { padding-right: 20px; } .illustration span { float: left; clear: left; font-size: 0.8em; width: 100%; margin-top: 5px; } .illustration img { float: left; clear: left; } .authors { margin-bottom: 20px; } .authors.full { width: 100%; } .digest p { margin: 0; } .details { padding-bottom: 18px; } .details .date { clear: left; /*padding-bottom: 20px; */ } .details .date label { display: block; float: left; font-weight: bold; text-align: right; width: 80px; margin-right: 3px; } /*.details .date span { display: block; float: left; }*/ .details .location { clear: left; /* margin-bottom: 20px; */ } .details .location label { display: block; float: left; font-weight: bold; margin-right: 3px; } .main-content ol, .main-content ul, .ctsitebase-articledisplay-body ol, .ctsitebase-articledisplay-body ul { margin: 1em 2em; padding: 0; } .main-content table, .ctsitebase-articledisplay-body table { margin-bottom: 20px; } .main-content li ol, .main-content li ul, .ctsitebase-articledisplay-body li ol, .ctsitebase-articledisplay-body li ul { margin: 0 0 0 3.0em; } .related-articles { float: left; clear: both; width: 100%; margin-bottom: 20px; } .related-articles h3 { margin: 0 0 10px 0; } .related-articles ul { float: left; clear: left; margin: 0; width: 100%; } .related-articles li { float: left; clear: left; list-style-type: none; width: 100%; margin-bottom: 20px; } .related-articles li h3 { margin: 0; } .related-articles ul.two-column li { width: 45%; } .related-articles ul.two-column li.even { float: right; clear: right; } .related-articles a { text-decoration: none; } .related-articles a.readmore { display: block; } .related-articles img.thumbnail { float: left; width: 75px; margin-right: 10px; } .related-articles p { display: inline; } .related-articles .authors { margin: 0; } .related-articles span.date { font-weight: normal; margin-right: 5px; } .related-articles ul.simple li { margin-bottom: 5px; } .related-articles ul.simple li a { display: block; font-size: 1em; padding: 0 5px 0 25px; background: url(images/icons/link.png) no-repeat; } .related-articles ul.simple li span.date { margin-left: 25px; } .related-articles .digest { font-weight: normal; margin: 5px 0 0 0; } .related-articles .digest p { margin: 0; } .related-attachements { float: left; clear: both; width: 100%; margin-bottom: 20px; } .related-attachements h3 { margin: 0 0 10px 0; } .related-attachements ul { float: left; clear: left; margin: 0; width: 100%; } .related-attachements a { text-decoration: none; } .related-attachements li { margin-bottom: 5px; } .related-attachements li a { padding: 0 5px 5px 25px; background-repeat: no-repeat; } .related-attachements li a.unknown { background-image: url(images/icons/unknown.png); } .related-attachements li a.image { background-image: url(images/icons/image.png); } .related-attachements li a.pdf { background-image: url(images/icons/pdf.png); } .related-attachements li a.word { background-image: url(images/icons/word.png); } .related-attachements li a.excel { background-image: url(images/icons/excel.png); } .related-attachements li a.ppt { background-image: url(images/icons/ppt.png); } .related-attachements li a.odt { background-image: url(images/icons/odt.png); } .related-attachements li a.ods { background-image: url(images/icons/ods.png); } .related-attachements li a.odp { background-image: url(images/icons/odp.png); } .related-attachements li a.flash { background-image: url(images/icons/flash.png); } .related-attachements li a.zip { background-image: url(images/icons/zip.png); } .related-attachements li a.internal { background-image: url(images/icons/link.png); } .related-attachements li a.external { background-image: url(images/icons/external.png); } .related-attachements li a.author { background-image: url(images/icons/user.png); } .related-attachements li span.filesize { color: #939598; } .ctform { float: left; clear: left; width: 100%; margin-bottom: 20px; } .servicebox { clear: both; width: 100%; margin-bottom: 20px; } /* Intentionally set as clear: both; instead of clear: left; */ .publishinfo { float: left; color: #939598; font-size: 0.9em; } .bottomlinks { float: right; } .bottomlink-back { margin-left: 12px; padding-left: 12px; background: url(images/icon-leftarrow.gif) no-repeat 0px 3px; } .bottomlink-top { margin-left: 12px; padding-left: 12px; background: url(images/icon-uparrow.gif) no-repeat 0px 3px; } .bottomlink-print { margin-left: 12px; padding-left: 16px; background: url(images/icon-print.gif) no-repeat 0px 1px; } /* -- FULL ARTICLE DISPLAY -- */ .full-articledisplay h1 { color: #013e76; } .full-articledisplay h2 { margin: 0; } .full-articledisplay .digest { font-size: 1em; font-weight: bold; padding-bottom: 20px; } .full-articledisplay .digest p { padding: 0; } .full-articledisplay .ctsitebase-articledisplay-body, .full-articledisplay .main-content { clear: left; margin-bottom: 20px; } .full-articledisplay .main-content p { margin: 0 0 1em 0; padding: 0; } .full-articledisplay .ctsitebase-articledisplay-body h2, .full-articledisplay .main-content h2 { font-size: 1.4em; margin: 0; } .full-articledisplay .ctsitebase-articledisplay-body h3, .full-articledisplay .main-content h3 { margin: 0; } .full-articledisplay .ctsitebase-articledisplay-body ul li, .full-articledisplay .main-content ul li { display: list-item; list-style-type: disc; } .full-articledisplay .ctsitebase-articledisplay-body ul li li, .full-articledisplay .main-content ul li li { list-style-type: circle; } .full-articledisplay .ctsitebase-articledisplay-body ul li li li, .full-articledisplay .main-content ul li li li { list-style-type: square; } .full-articledisplay .emailform { float: left; clear: left; width: 100%; margin-bottom: 20px; } .full-articledisplay .emailform h3 { float: left; clear: left; margin: 0 0 10px 0; } .full-articledisplay .emailform form { float: left; clear: left; margin: 0; } .full-articledisplay table.webform { float: left; clear: left; width: 100%; border: 0; } .full-articledisplay .hr { display: none; } /* -- SMALL ARTICLE DISPLAY -- */ .small-articledisplay .main-content ul, .small-articledisplay-nolayout .main-content ul { margin: 1.5em; } .small-articledisplay .main-content ul li, .small-articledisplay-nolayout .main-content ul li { display: list-item; list-style-type: disc; } /* 2010.03.22 commented out as it messes with opportunity to create a banner such as "Fastlegenytt", and jfv cant remember what the intention was with theese lines. :-) Clean up after a few months. #placeholder-top .small-articledisplay, #placeholder-top .small-articledisplay-nolayout { height: 88px; padding: 0 11px; overflow: hidden; } */ .frontpage .sitelocator { display: none; } .sitelocator { padding: 5px 0px 0px 2px; font-size: 11px; background-color: #f9fafa; } .sitelocator a, .sitelocator a:visited, .sitelocator a:hover { color: #b0b1b3; text-decoration: none; } .sitelocator a.last, .sitelocator a.last:visited, .sitelocator a.last:hover { color: #d52e50; } .blalys h3 { background-color: #f00; color: #fff; } /* -- VERTICAL MENU -- */ .vertical-menu div.icon { display: none; } .vertical-menu .tile-content { padding: 0 0; } .vertical-menu ul { line-height: 1.1; } .vertical-menu li { padding-left: 0px; padding-top: 7px; } .vertical-menu li li { border-bottom: 0; margin-right: 0px; margin-left: -10px; padding-left: 25px; } .vertical-menu li li li { border-bottom: 0; margin-right: 0px; margin-left: -30px; padding-left: 45px; } .vertical-menu li.first { border: 0; padding-top: 0px; } .vertical-menu li li.first { padding-top: 7px; } .vertical-menu li.uplevel { border: 0; padding-bottom: 7px; padding-top: 0px; } .vertical-menu a, .vertical-menu a:visited, .vertical-menu a:hover { color: #454647; } .vertical-menu a.main-active, .vertical-menu a.in-backtrace, .vertical-menu a.active { font-weight: bold; } .vertical-menu a:hover, .vertical-menu a.active, .vertical-menu a.active:visited, .vertical-menu h3 a, .vertical-menu h3 a:visited, .vertical-menu h3 a:hover { color: #d52e50; } .vertical-menu li.has-children div.icon.has-children { display: inline; background: url(images/menu-arrow.png) right center no-repeat; padding-left: 4px; } #placeholder-content .linktoolbar h3, #placeholder-content-no-right .linktoolbar h3 { display: none; } #placeholder-content .linktoolbar, #placeholder-content-no-right .linktoolbar { text-align: right; font-size: 80%; } #placeholder-bottom a { font-weight: bold; } .articlelist-latest .tile-content, .articlelist-latest-all .tile-content { padding-bottom: 0px; } .articlelist-latest li, .articlelist-latest-all li { margin-bottom: 8px; padding-left: 8px; background: url(images/arrow.gif) no-repeat 0px 4px; } .full-articlelist h3 { margin: 0 0 10px 0; } .articlelist-ingress { margin-bottom: 10px; } .smallheader { font-size: 0.9em; margin-bottom: 4px; } /* ----------------------------------- */ .articlelist-thumbnail-, .articlelist-thumbnail-right { float: right; margin-left: 5px; } .articlelist-thumbnail-left { float: left; margin-right: 5px; } #placeholder-right-1 .articlelist-thumbnail-, #placeholder-right-2 .articlelist-thumbnail-, #placeholder-right-1 .articlelist-thumbnail-right, #placeholder-right-2 .articlelist-thumbnail-right, #placeholder-right-1 .articlelist-thumbnail-left, #placeholder-right-2 .articlelist-thumbnail-left { float: none; margin-left: 0px; } .hntilecontainer .articlelist-thumbnail-, .hntilecontainer .articlelist-thumbnail-right, .hntilecontainer .articlelist-thumbnail-left { display: none; } /* ----------------------------------- */ .article-alphabetical-letters { margin: 10px 0px 10px 0px; } .article-alphabetical-list .letter-links{ margin: 5px 0px 5px 0px; font-weight: bold; } .article-alphabetical-list .tile-content{ padding: 0px 0px 10px 0px; } /* ----------------------------------- */ #coretrek-colofon { position: absolute; padding: .5em 10px; margin: 10px 0; } /* ----------------------------------- */ .newsletter-form .tile-content input.textinput, .login-form .tile-content input.textinput, .suggestionform .tile-content input.textinput, .small-searchinput .tile-content input.textinput, .webier-list-search input.textinput { margin-bottom: .5em; } .newsletter-form .tile-content span { margin: 1em 0; } .newsletter-form .tile-content input.textinput { width: 99%; } .newsletter-form .tile-content .newsletter-subscription-categories { margin: 4px 0; } .newsletter-form .tile-content .message, .newsletter-form .tile-content .error { margin: 0 0 4px 0; font-weight: bold; } .newsletter-form .tile-content .error { color: red; } .suggestionform .tile-content textarea { width: 95%; font-size: 120%; } /* ----------------------------------- */ #placeholder-top .small-searchinput { float: right; background: url(images/small-searchinput.png) center center no-repeat; /*width: 135px;*/ height: 31px; } #placeholder-top .small-searchinput h3 { display: none; } #placeholder-top .small-searchinput .tile-content input.textinput { margin: 7px 0 0 0px; } .small-searchinput .tile-content input.textinput { width: 80px; padding: 0px; float: left; } #placeholder-left .small-searchinput .tile-content input.textinput{ width: 100px; } .small-searchinput .tile-content input.submit { float: left; width: 48px; margin: 1px 0px 0px 2px; } #placeholder-top .small-searchinput .tile-content input.submit { margin: 8px 0px 0px 3px; } #placeholder-top .small-articledisplay { border-left: 1px #93b6d5 solid; } #placeholder-top .language-selector { height: 27px; padding-top: 3px; width: 366px; text-align: right; } #placeholder-top .small-articledisplay, #placeholder-top .small-searchinput, #placeholder-top .font-selector, #placeholder-top .page-header, #placeholder-top .hnlogo { overflow: hidden; } #placeholder-top .page-header { padding-top: 9px; padding-bottom: 9px; height: 70px; width: 500px; } #placeholder-top .small-searchinput { padding-top: 11px; height: 43px; } #placeholder-top .font-selector { padding-top: 15px; padding-left: 0px; height: auto; } #placeholder-top .hnlogo { margin: 15px 0px 0px 0px; padding: 0px 10px 0px 0px; height: auto; } #placeholder-top .small-articledisplay { margin: 20px 0px 20px 0px; height: 23px; } /* ----------------------------------- */ #placeholder-right .newsarchivelink li, #placeholder-left .newsarchivelink li { margin: 0 0 -1em 0; padding-top: 1em; border-top: #c8d6dc dashed 1px; } /* ----------------------------------- */ .small-articledisplay p { padding: 0; padding-bottom: 10px; margin: 0; } /* ----------------------------------- */ .list-navigation, .list-navigation-text { text-align: center; } /* ----------------------------------- */ /* ----------------------------------- */ #login-form-changepassword, #login-form-lostpassword-container { display: none; } /* ----------------------------------- */ .full-searchinput { margin-bottom: 30px; } .full-searchinput input.textinput { width: 300px; } /* ----------------------------------- */ .datepicker-popup { display: none; padding: 10px; margin-left: 10px; background: url(images/popup_calendar.png); border: 2px solid #fff; width: 200px; text-align: center; } .datepicker { display: inline; padding-right: 20px; } .datepicker input { width: 75px; } .advanced-searchinput select { width: 400px; } .advanced-searchinput input.searchstring { width: 335px; } .datepicker-nav { display: inline; } .datepicker-nav a:link, .datepicker-nav a:visited, .datepicker-nav a:hover { text-decoration: none; } .datepicker-previousyear { padding-right: 5px; } .datepicker-nextyear { padding-left: 5px; } .datepicker-popup table.calendar-header { font-weight: bold; } .datepicker-nav { font-size: .75em; } .datepicker-nav a:link, .datepicker-nav a:visited, .datepicker-nav a:hover { text-decoration: none; } .datepicker-previousyear { padding-right: 5px; } .datepicker-nextyear { padding-left: 5px; } .advanced-searchinput select, .advanced-searchinput input { margin-top: 5px; } /* ----------------------------------- */ .articleinfo-pubdate { font-size: 11px; color: #b0b1b3; } /* ----------------------------------- */ .horizontal-tile-separator { height: 1px; margin: 0px 1px 0px 2px; background: url(images/horizontal-line.gif) repeat-x; clear: both; overflow: hidden; } /* ----------------------------------- */ .linklist { width: 130px; font-size: 0.9em; } #placeholder-left .linklist { width: 150px; } #placeholder-right-1-right-2 .linklist { width: 304px; } /* ----------------------------------- */ .calendar-upcoming li { margin-top: 12px; } .calendar-upcoming li.first { margin-top: 0px; } .calendar-year h3 { float: left; } .calendar-year .navigation { clear: both; float: left; } .calendar-year .navigation a:link, .calendar-year .navigation a:visited, .calendar-year .navigation a:hover { font-weight: bold; } .calendar-year .directedit { clear: both; text-align: right; } .calendar-year td.monthheader { font-weight: bold; color: #0a4793; } .calendarlinks td { padding-bottom: 4px; } /* ----------------------------------- */ #placeholder-bottom .disclaimer { padding-top: 5px; } #placeholder-bottom .disclaimer .links { width: 200px; float: left; } #placeholder-bottom .disclaimer .links div { float: left; padding-left: 16px; padding-right: 12px; } #placeholder-bottom .disclaimer .links .contact { background: url(images/contact-icon.png) 0px 2px no-repeat; } #placeholder-bottom .disclaimer .links .sitemap { background: url(images/sitemap-icon.png) 0px 2px no-repeat; } #placeholder-bottom .disclaimer a { color: #d52e50; } #placeholder-bottom .disclaimer .text { float: right; width: 720px; color: #b6b6b8; } #placeholder-bottom .disclaimer .text p { display: inline; } /* ----------------------------------- */ /* Removing underline for header links etc */ .page-header a, .page-header a:visited, .page-header a:hover, .font-selector a, .font-selector a:visited, .font-selector a:hover, .language-selector a, .language-selector a:visited, .language-selector a:hover, .vertical-menu a, .vertical-menu a:visited, .vertical-menu a:hover, .sitelocator a, .sitelocator a:visited, .sitelocator a:hover, .articlelist-row h3 a, .articlelist-row h3 a:visited, .articlelist-row h3 a:hover, .disclaimer a, .disclaimer a:visited, .disclaimer a:hover, .bottomlinks a, .bottomlinks a:visited, .bottomlinks a:hover, .calendarlink a, .calendarlink a:visited, .calendarlink a:hover { text-decoration: none; } /* ----------------------------------- */ .calendar-month h3 { color: #a04662; } .calendar { border: none; width: 130px; text-align:center; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; } .monthyear { font-size: 12px; } .calendar_td_border { border: none; background-color: #fff; color: #d52e50; text-transform: lowercase; font-weight: bold; font-size: 12px; } .calendar_date { font-size: 10px; color: #9D9D9D; text-align:center; } .calendarlink { background: url(images/calendarlink-bg.gif) no-repeat; height: 41px; width: 130px; margin-top: 5px; padding: 3px; text-align: center; font-size: 12px; font-weight: bold; } .calendarlink a, .calendarlink a:visited { color: #d52e50; } .calendar_activity { font-size: 11px; text-align:center; } .calendar_day { background-color: #FFFFFF; font-size: 11px; text-align:center; color: #454647; } .calendar_today { background-color: #99cc99; font-size: 11px; text-align:center; } .calendar_activity a, .calendar_activity a:visited, .calendar_today a, .calendar_today a:visited { text-decoration: underline; font-weight: bold; } .calendar_active_saturday, .calendar_active_sunday, .webier-date { background-color: #ffffff; font-size: 11px; text-align:center; color: #939598; } .calendar_border_forrige { border: none; } .calendar_border_neste { border: none; } .calendar_border_forrige a, .calendar_border_forrige a:visited, .calendar_border_forrige a:hover, .calendar_border_neste a, .calendar_border_neste a:visited, .calendar_border_neste a:hover { text-decoration: none; } .calendar_bottom_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: none; width: 100%; } .calendar_default_day, .calendar_default_weekend { background-color: #ffffff; font-size: 11px; text-align:center; } .calendar_day, .calendar_activity, .calendar_today, .calendar_active_saturday, .calendar_active_sunday, .calendar_default_day, .calendar_default_weekend { width: 15px; height: 16px; } /* ------------------------------------------ */ .hntilecontainer { padding: 12px; } .frontpage .hntilecontainer { background-color: #f9fafa; margin-left: 1px; overflow: hidden; } .hntilecontainer-menu { background: url(images/btn-tailcontainer-bg.gif) left bottom repeat-x; height: 28px; } .hntilecontainer-menu ul, .hntilecontainer-menu li { float: left; list-style: none; margin: 0; padding: 0; } .hntilecontainer-menu ul.single, .hntilecontainer-menu li.single { float: none; } .hntilecontainer-menu ul { } .hntilecontainer-menu li { height: 28px; background: url(images/btn-tailcontainer-left.gif) left top no-repeat; } .hntilecontainer-menu a { display: block; color: #454647; height: 23px; background: url(images/btn-tailcontainer-right.gif) right top no-repeat; padding: 5px 12px 0px 12px; text-decoration: none; } .hntilecontainer-menu li.active a, .hntilecontainer-menu li a:hover { } .hntilecontainer-menu li.active { background: url(images/btn-tailcontainer-left-active.gif) left top no-repeat; } .hntilecontainer-menu li.active a { color: #042E63; background: url(images/btn-tailcontainer-right-active.gif) right top no-repeat; } .hntilecontainer-content, .hntilecontainer-content-loading { clear: both; border: 1px #dcddde solid; border-top: none; background-color: #fff; } .hntilecontainer-content-loading { background: #fff url(images/loader.gif) center 20px no-repeat; text-align: center; padding-top: 57px; padding-bottom: 12px; } #container .hntilecontainer-content { margin-top: 0px; padding-top: 12px; } /* ======================= DIRECT EDIT ======================= */ div.directedit-link-container { text-align: right; } div.directedit-link-container ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; } div.directedit-link-container li { display: inline !important; } .small-articledisplay div.directedit-link-container li { display: block; padding-bottom: 2px; } div.directedit-link-container li a:link, div.directedit-link-container li a:visited, div.directedit-link-container li a:hover { padding: 0px 0px 4px 20px; margin-left: -5px; height: 16px; text-transform: none; background-repeat: no-repeat; border: 0px; text-decoration: none; } div.directedit-link-container li span { display: none; } div.directedit-link-container li a.edit-article { background-image: url(images/directedit/article-edit.gif); } div.directedit-link-container li a.new-article { background-image: url(images/directedit/article-new.gif); } div.directedit-link-container li a.delete-article { background-image: url(images/directedit/article-delete.gif); } div.directedit-link-container li a.new-category { background-image: url(images/directedit/category-new.gif); } div.directedit-link-container li a.edit-category { background-image: url(images/directedit/category-edit.gif); } div.directedit-link-container li a.delete-category { background-image: url(images/directedit/category-delete.gif); } /********************************************/ #placeholder-content-right-1-right-2 .webier-list-search { width: 680px; overflow: hidden; margin-top: 20px; } .webier-list-search .tile-content{ background-image: url(images/advanced-search-top.gif); background-position: top; background-repeat: no-repeat; background-color: #f3f3f3; margin-top: 0px; } .webier-list-search .tile-bottom{ background-image: url(images/advanced-search-bottom.gif); background-position: top; background-repeat: no-repeat; height: 7px; } .webier-list-search input.textinput { width: 225px; padding: 0px; margin: .5em 0 0 8px; } .webier-list-search input.submit { margin-bottom: 2px; } #placeholder-content-right-1-right-2 .webier-list-search h1 { padding-bottom: 0px; margin-bottom: 0px; } .webier-list .parents { font-weight: bold; } .webier-list table { margin-left: -10px; } .webier-list table.webier { margin-left: 0px; } .webier-list table td.webier-main { border: 1px solid #DCDDDE; padding: 10px; } .webier-list table.webier td{ } .webier-list .webierimage { margin-left: 15px; } /*****************************/ .sitemap .submenu-dot { background-image: url(images/sitemap-point.gif); background-repeat: no-repeat; width: 14px; } .sitemap .submenu-dot-down { background-image: url(images/sitemap-down.gif); background-repeat: repeat-y; } .sitemap .submenu-dot-last { background-image: url(images/sitemap-bottom.gif); background-repeat: no-repeat; } .sitemap .space { width: 14px; } /* ==== DIRECT EDIT 2 SPECIFIC DEFINITIONS ==== */ .ctsitebase-articledisplay-directedit-button { text-align:right; } /* General de2 styles when beeing edited */ .ctsitebase-articledisplay-header-de2, .ctsitebase-articledisplay-ingress-de2, .ctsitebase-articledisplay-body-de2 { border: 1px dotted gray; padding:2px; -moz-user-modify: read-write; -moz-user-input: enabled; -moz-user-select: normal; -moz-outline: dotted gray 1px; } /* ==== SEARCH LOG ==== */ .searchlog-container .searchtable td, .searchlog-container .searchtable th { padding: 3px; } .searchlog-container .searchtable td.count, .searchlog-container .searchtable td.percent { text-align: right; } .button-small-next { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -15px top; } .button-small-previous { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat; } .button-small-last { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -45px top; } .button-small-first { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat -30px top; } .button-next { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat -25px -15px; } .button-previous { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat 0 -15px; } /* ==== LIGHTBOX ==== */ #lightbox-overlay { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #lightbox { overflow: auto; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; margin: auto; } #lightbox-spinner { background: url(images/spinner-large.gif) no-repeat center center; } #lightbox-container { padding: 0; top: 25px; } #lightbox-close-container { z-index: 1000; position: absolute; right: 0; } #lightbox-close span { display:none; } #lightbox-close { display: block; width: 30px; height: 30px; margin: 3px 12px 0 0; } #lightbox-start { height: 26px; background: url(images/lightbox/start-center.png) repeat-x; position: relative; margin: 0 51px 0 39px; } #lightbox-start div.left { background: url(images/lightbox/start-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: -6px; width: 38px; } #lightbox-start div.right { z-index: 100; background: url(images/lightbox/start-right.png) no-repeat; position: absolute; right: -50px; top: 0px; bottom: -24px; width: 50px; } #lightbox-outer-content { border: 1px solid #fff; padding: 0 10px 0 10px; background: #fff; position: relative; margin: 0 26px 0 14px; } #lightbox-content { } #lightbox-content-left { background: url(images/lightbox/content-left.png) repeat-y; position: absolute; left: 0px; top: 32px; bottom: 34px; width: 14px; } #lightbox-content-right { background: url(images/lightbox/content-right.png) repeat-y; position: absolute; right: 12px; top: 50px; bottom: 34px; width: 14px; } #lightbox-end { height: 34px; background: url(images/lightbox/end-center.png) repeat-x; position: relative; margin: 0 50px 0 38px; } #lightbox-end div.left { background: url(images/lightbox/end-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: 0px; width: 38px; } #lightbox-end div.right { background: url(images/lightbox/end-right.png) no-repeat; position: absolute; right: -38px; top: 0px; bottom: 0px; width: 38px; } #lightbox .tile-common { border: 0px; } #lightbox .tile-bottom {clear: both;} /* === SLIDESHOW ==== */ .slideshow { width: 800px;} .slideshow-previous span { display: none; } .slideshow-next span { display: none; } .slideshow-next { float: right; } .slideshow-previous { float: left; } .slideshow-before { padding-top: 10px; clear: both; } .slideshow-thumbnails { white-space: nowrap; overflow: hidden; text-align: center; } .slideshow-thumbnails img { width: 50px; height: 50px; padding: 10px; } .slideshow-thumbnails div { background: url(images/thumbnail-canvas.png) no-repeat center; width: 100px; float: left; } .slideshow-thumbnails div.active { background: url(images/thumbnail-canvas-active.png) no-repeat center; } .slideshow-image { text-align: center; margin-bottom: 30px; } .imagegallerylink { float: left; height: 22px; width: 100%; margin-bottom: 10px; background: url(images/slideshow.png) no-repeat left; } .imagegallerylink a:link, .imagegallerylink a:visited, .imagegallerylink a:hover { padding: 0 0 0 25px; } #gullapp { background-image: url(http://www.unn.no/getfile.php/UNN-Internett/Fagfolk/Fastlegenytt/Adminfiler%20Fastlegenytt/gullapp.png); background-repeat: no-repeat; height: 220px; padding-top: 0px; padding-right: 25px; padding-bottom: 10px; padding-left: 20px; } /* Entity comments --------------------------------------------------------> */ #placeholder-content .entitycomment, #placeholder-content-left-right-1-right-2 .entitycomment, #placeholder-content-left-right-1 .entitycomment, #placeholder-content-left .entitycomment, #placeholder-content-right-1-right-2 .entitycomment, #placeholder-content-right-1 .entitycomment { float: left; clear: left; width: 100%; margin: 20px 0 40px; } .entitycomment button { margin-right: 7px; padding: 0px 10px; border: none; font-size: 11px; color: white; background: #ABAEB0; } .entitycomment .entity-comment-post-tag-offensive a { background: #ABAEB0; padding: 2px 16px 1px; font-size: 11px; color: white; text-decoration: none; } .entitycomment table { margin-top: 5px; } .entitycommentlist li h3 { float: left; margin: 0 0 3px; padding-top: 0; } .entitycomment .tile-content .entitycommentlist li p { clear: both; margin-bottom: 0; } .entitycomment ul { margin: 0 0 30px 0; list-style-type: none; padding: 0; } .entitycomment li.first { border-top: 2px solid #c1c1c1; padding-top: 10px; } .entitycomment li { border-bottom: 2px solid #c1c1c1; padding: 0 0 10px 0; margin: 0 0 10px 0; } .entitycomment-urls, .entitycomment-byline { color: #666; font-size: 0.9em; font-style: italic; clear: both; } .entitycomment-form-submit { margin-top: 10px; } .entitycomment-form-content label { display: block; padding-top: 5px; padding-right: 5px; } .entitycomment-form-content input { width: 246px; margin-bottom: 4px; } .entitycomment-form-content textarea { width: 246px; height: 100px; margin-bottom: 4px; } .entitycomment-form-content .submit { width: auto; padding: 0 12px; } #entitycomment-form-message { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; background: #ffffa1; font-weight: bold; } #entitycomment-form-error { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; } .entity-comment-post-tag-offensive { float: right; } #placeholder-content .entity-comment-post-tag-offensive .button-wrapper, #placeholder-content-no-right .entity-comment-post-tag-offensive .button-wrapper { margin-right: 0; } .entitycomment-form-content input.captchainput { width: 100px; } .entity-comment-post-tag-offensive .button-after { height: 10px; position: static; clear: both; display: block; } #placeholder-content .entitycomment-tools span.button-wrapper, #placeholder-content-no-right .entitycomment-tools span.button-wrapper { margin: 10px 0 0 0; padding: 0; } .entitycomment-tools span.button-after { display: block; clear: both; } /* -- entity comment tree list -- */ .entitycomment .treelist div.post-body { margin: 0 0 10px 0; padding: 2px; } .entitycomment .treelist ul { margin: 0 0 10px 0; padding: 0; } .entitycomment .treelist li { border: 0; padding: 0; margin: 0; } .entitycomment .treelist ul li { margin-left: 20px; padding: 0; } .entitycomment .treelist .headerblock { margin: 19px 0 7px; padding: 7px 0 0 0; border-top: 2px solid #c2c2c2; background: url(images/tile-content-bg.png) repeat-x bottom; } .entitycomment .treelist .headerblock div { clear:both; } .entitycomment .treelist .headerblock h3, .entitycomment .treelist li.collapsed .headerblock .entitycomment-byline, .entitycomment .treelist li.collapsed .headerblock .entitycomment-urls { display: inline; clear:none; padding-left: 10px; } .entitycomment-trackback-link { float: right; clear: both; padding-top: 15px; } .entitycomment-form { clear: both; } .entitycomment-form-quoted { font-style: italic; margin-bottom: 20px; } .entitycomment .treelist .headerblock, .entitycomment .treelist .entitycomment-byline, .entitycomment .treelist .entitycomment-urls, .entitycomment .treelist .headerblock a:link, .entitycomment .treelist .headerblock a:visited, .entitycomment .treelist .headerblock a:hover { color: #000; } .entitycomment .treelist li.collapsed .headerblock, .entitycomment .treelist li.collapsed .entitycomment-byline, .entitycomment .treelist li.collapsed .entitycomment-urls, .entitycomment .treelist li.collapsed .headerblock a:link, .entitycomment .treelist li.collapsed .headerblock a:visited, .entitycomment .treelist li.collapsed .headerblock a:hover { color: #888; } .entitycomment .treelist .entitycomment-byline { padding-top: 3px; } .entitycomment .treelist li { clear: both; } .entitycomment .treelist h3 { font-size: 1em; } .entitycomment .treelist a.toggler { float: left; margin-right: 10px; width: 16px; height: 16px; display: block; background: url(images/comments/expand_collapse.png) no-repeat; } .entitycomment .treelist li.collapsed a.toggler { background: url(images/comments/expand_collapse.png) no-repeat -16px; } .entitycomment .treelist a.toggler span { display: none; } .entitycomment .treelist li.collapsed .headerblock { background: #eee; margin-bottom: 10px; border: 0;} .entitycomment .treelist li.collapsed .entitycomment-urls, .entitycomment .treelist li.collapsed div.post-content, .entitycomment .treelist li.collapsed li { display: none; } .entitycomment .treelist div.post-body .buttons { float: left; } #lightbox-content .lightbox-entitycomment-form { width: 400px; } #lightbox-content .entitycomment-form-submit { margin-top: 10px; } #lightbox-content .entitycomment-form-submit .button-after { display: block; clear: both; } #lightbox-content .entitycomment-form-content textarea { width: 396px; } /* == RSS LIST =========================== */ .small-rsslist ul a, .small-rsslist ul span { display: block; font-size: 9px; font-family: verdana,helvetica,sans-serif; font-weight: normal; color: black; } .small-rsslist ul a { font-weight: bold; font-size: 11px; line-height: 1.3em; text-decoration: none; } .small-rsslist ul span.date { margin-bottom: 7px; font-style: italic; } /* == ADDED BY HELSE NORD =================== */ #faktabox { background-color: #d8e3e9; border: 1px solid #585858; } #faktabox h4 { font-size:large; color:#0c2d83; } #faktabox ul { padding-left: 13px; list-style-type: square; } /* ============== END ======================= */ /* == 20100625 - Customization for widther search field ======= */ #placeholder-top .language-selector { float: left; width: 281px; padding-right: 5px; } #placeholder-top .hnlogo { float: left; width: 90px; margin: 0; } #placeholder-top .small-searchinput { float: right; width:205px; /*orig 135px*/ } #placeholder-top .small-searchinput .tile-content input.textinput { width: 150px; /* orig 80px */ } #placeholder-top .font-selector { float: right; padding-right: 6px; white-space: nowrap; } /* == 20100706 - Smaller fonts for image description == */ .picturetext { font-size: 10px; }