@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { color: #000; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; line-height: 1.4em; margin: 0; padding: 0; } a:visited, a:link, a:hover { color: #084d92; text-decoration: none; } a:hover { color: #C41130; } img { border: none; } iframe { overflow: hidden; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { margin: 0px auto 0px auto; width: 985px; } #placeholder-top { background: url(images/background-top.jpg) no-repeat top; height: 140px; overflow: hidden;} .solships #placeholder-top { background: url(images/background-top-solships.jpg) no-repeat top; height: 140px; overflow: hidden;} #placeholder-left { clear: both; float: left; width: 235px; padding: 20px 0px 0px 0px; /*set min-height (for both ie and ff) to make sure it always takes place*/ min-height: 10px; height: auto !important; height: 10px; overflow: hidden; } #placeholder-right { float: right; padding: 20px 0px 0px 0px; /* the width should have been 270px, but is smaller to prevent IE6-dublicate text bug*/ width: 264px; /*set min-height (for both ie and ff) to make sure it always takes place*/ min-height: 10px; height: auto !important; height: 10px; overflow: hidden; } #placeholder-content, #placeholder-content-no-right { float: left; padding: 20px 30px 10px 30px; overflow: hidden; background: #F2F4F7; } #placeholder-content { width: 420px; min-height: 380px;} #placeholder-content-no-right { width: 690px; } #placeholder-bottom { clear: both; padding: 10px 0px 0px 0px; } #coretrek-colofon { text-align: right; font-size: 9px; margin-right: 45px;} #content-link { display: none; } /* -------------------------------------------------------------------------- */ /* General tile */ /* -------------------------------------------------------------------------- */ /* Tiles in top, bottom and content placeholders should not be styled using the general styles, so we reset these styles here. HTML element ID spesific styling, using the #html-element-id notion has precendence over styles set generally using only the css-class. If we want to override these styles later in the stylesheet, we must remember to use the full element path. */ #placeholder-top .tile-content, #placeholder-top .tile-common, #placeholder-top .tile-common h3, #placeholder-bottom .tile-content, #placeholder-bottom .tile-common, #placeholder-bottom .tile-common h3, #placeholder-content .tile-content, #placeholder-content .tile-common, #placeholder-content .tile-common h3, #placeholder-content-no-right .tile-content, #placeholder-content-no-right .tile-common, #placeholder-content-no-right .tile-common h3 { background: none; border: none; margin: 0; padding: 0; } .tile-common { margin-bottom: 20px; } #placeholder-content .tile-common, #placeholder-content-no-right .tile-common { margin-bottom: 30px; } #placeholder-left .tile-common, #placeholder-right .tile-common { margin-left: 20px; margin-right: 20px; } #placeholder-right .tile-common { margin-left: 15px;} .tile-common h3 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #525252; } .tile-content { padding: 0px 0px 0px 0px; } #placeholder-top h3 { display: none; } h1, #placeholder-content .sitemap h3 { font-size: 1.5em; line-height: 1.3em; margin-top: 0px;} h1, h2, #placeholder-content .sitemap h3 { color: #525252; } h2 { font-size: 16px;} .error { color: red; margin: 5px 0px 5px 0px;} /* -------------------------------------------------------------------------- */ /* General form elements (eg. input, submit, textarea ) */ /* -------------------------------------------------------------------------- */ input.submit { background: #C41130; color: #fff; border: none; } /* -------------------------------------------------------------------------- */ /* General inline listing (eg. horizontal menu, linktoolbar, sitelocator) */ /* -------------------------------------------------------------------------- */ .horizontal-menu h3, .linktoolbar h3, .sitelocator h3 { display: inline; float: left; margin: 0; padding: 0; } .linktoolbar ul, .sitelocator ul { display: inline; float: left; margin: 0; padding: 0; list-style-type: none; } .horizontal-menu li, .linktoolbar li, .sitelocator li { display: inline; } /* -------------------------------------------------------------------------- */ /* General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .entitycomment ul, .full-articlelist ul, .latestcomments-list ul, .small-articlelist ul, .link-collection ul, .vertical-menu ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0; } .entitycomment li, .latestcomments-list li, .small-articlelist li, .link-collection li, .vertical-menu li { margin: 0px 0px 5px 0px; } .full-articlelist li li, .latestcomments-list li li, .small-articlelist li li, .vertical-menu li li { padding-left: 10px; } /* -------------------------------------------------------------------------- */ /* Styling for spesific elements */ /* -------------------------------------------------------------------------- */ /* Some of these elements have been styled using id-context above. We therefore need to use the full id-element path to override these styles. */ /* -- Page header ----------------------------------------------------------- */ #placeholder-top .page-header { float: left;} #placeholder-top .page-header img { margin: 30px 0px 10px 34px; /*margin-bottom overrided in style-ie.css*/} .solships #placeholder-top .page-header img { margin: 10px 0 10px 40px; } #placeholder-top .page-header .logo { font-size: 1.85em; font-weight: bold; } /* -- Small search input in top placeholder --------------------------------- */ #placeholder-top .small-searchinput { float: right; clear: right; margin: 40px 0px 0px 0px; padding: 0px 20px 0px 0px;} /* -- Vertical menu in top placeholder (Quick links), styled as horizontal menu ------------------------------------ */ #placeholder-top .vertical-menu { float: right; padding: 0px 20px 0px 0px; margin: 20px 0px 0px 0px; } #placeholder-top .vertical-menu li { display: inline; margin-left: 10px;} #placeholder-top .vertical-menu a:link, #placeholder-top .vertical-menu a:visited, #placeholder-top .vertical-menu a:hover { color: #C41130;} /* -- Horizontal menu in top placeholder ------------------------------------ */ #placeholder-top .horizontal-menu { height: 25px; clear: both; float: left; width: 100%; background: #B9C7D4; } #placeholder-top.horizontal-menu h3 { display: none; } #placeholder-top .horizontal-menu ul { margin: 4px 0px 0px 15px; padding: 0px; } #placeholder-top .horizontal-menu li { padding: 0px 15px 0px 15px; border-right: 1px solid #fff; } #placeholder-top .horizontal-menu li.last { margin-right: 0px; border: none;} #placeholder-top .horizontal-menu a:link, #placeholder-top .horizontal-menu a:visited, #placeholder-top .horizontal-menu a:hover { font-size: 13px; color: #525252;} #placeholder-top .horizontal-menu li.main-active a:link, #placeholder-top .horizontal-menu li.main-active a:visited, #placeholder-top .horizontal-menu li.main-active a:hover, #placeholder-top .horizontal-menu li.active a:link, #placeholder-top .horizontal-menu li.active a:visited, #placeholder-top .horizontal-menu li.active a:hover { font-weight: bold;} /* -- Vertical menu in left placeholder ------------------------------------ */ #placeholder-left .vertical-menu { margin-left: 0px;} #placeholder-left .vertical-menu li { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 20px; border-bottom: 1px solid #B9C7D4; } #placeholder-left .vertical-menu ul ul { margin: 5px 0px 0px 0px; } #placeholder-left .vertical-menu li li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 20px; border: none; } #placeholder-left .vertical-menu h3 { display: none; } #placeholder-left .vertical-menu li.main-active a:link, #placeholder-left .vertical-menu li.main-active a:visited, #placeholder-left .vertical-menu li.main-active a:hover, #placeholder-left .vertical-menu li.active a:link, #placeholder-left .vertical-menu li.active a:visited, #placeholder-left .vertical-menu li.active a:hover { font-weight: bold;} #placeholder-left .vertical-menu li.main-active li a:link, #placeholder-left .vertical-menu li.main-active li a:visited, #placeholder-left .vertical-menu li.main-active li a:hover, #placeholder-left .vertical-menu li.active li a:link, #placeholder-left .vertical-menu li.active li a:visited, #placeholder-left .vertical-menu li.active li a:hover { font-weight: normal;} #placeholder-left .vertical-menu li li.active a:link, #placeholder-left .vertical-menu li li.active a:visited, #placeholder-left .vertical-menu li li.active a:hover { font-weight: bold;} /* -- Small articledisplay-nolayout in right and left placeholder --------------------- */ #placeholder-left .small-articledisplay p, #placeholder-right .small-articledisplay p { margin-top: 0px;} /* -- Small articledisplay-nolayout in left placeholder ------------------------------- */ #placeholder-left .small-articledisplay-nolayout { margin-left: 0px; } /* -- Small articledisplay in bottom placeholder ------------------------------------ */ #placeholder-bottom .small-articledisplay-nolayout { text-align: center; color: #4F6A7A;} #placeholder-bottom .small-articledisplay-nolayout p { margin-bottom: 0px;} #placeholder-bottom .small-articledisplay-nolayout a:link, #placeholder-bottom .small-articledisplay-nolayout a:visited, #placeholder-bottom .small-articledisplay-nolayout a:hover { margin-right: 20px;} /* -- Banner display in bottom placeholder ------------------------------------ */ /* The purpose of placing a banner that actually belongs in placeholder-left in placeholder-bottom, is to enable bottom alignement of the banner. In order to make the banner appear within the space of the left column, a negative margin (!) is used to move the image upwards. This is a super-hacktrick, very frowned upon, and will only align properly for images of size 203x223 pixels. */ #placeholder-bottom .small-articledisplay { float: left; margin: -244px 0px 0px 7px; } /* -- Linktoolbar ----------------------------------------------------------- */ .linktoolbar h3 { display: none; } .linktoolbar ul { float: right; } /* -- Sitelocator ----------------------------------------------------------- */ .sitelocator h3 { font-size: 1em; font-weight: normal; } /* -- Article display ------------------------------------------------------- */ .full-articledisplay { clear: both; } .full-articledisplay .topimage { margin-bottom: 10px; } .full-articledisplay .updated-date { margin-bottom: 10px; } .full-articledisplay .updated-label { margin-right: 7px; } /* -- Digest ---------------------------------------------------------------- */ h2.digest { font-size: 1em; } /* -- Latest comments list ---------------------------------------------------------- */ /*.latestcomments-list li { margin-bottom: 5px;}*/ /* --- Tooltip ----------------------------------------------------------*/ #tooltip, #tooltip a:link, #tooltip a:visited, #tooltip a:hover { color: #000; } #tooltip-top { background: url(images/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; } #tooltip-content { background: #E4E9EF; width: 250px; padding: 5px 10px 5px 10px; border-right: 1px solid #B9C7D4; border-bottom: 1px solid #B9C7D4; } /* -- Entity comment ---------------------------------------------------------- */ #container .entitycomment { margin: 50px 0px 0px 0px; } #container .entitycomment .error { color: red; } #container .entitycomment h2, #container .entitycomment li { margin: 0px -30px 0px -30px; } /*using minus margin to override padding on placeholder-content*/ #container .entitycomment h2 { font-size: 14px; padding: 0px 0px 10px 35px; } #container .entitycomment h2, #container .entitycomment li { border-bottom: 1px solid #B9C7D4; } #container .entitycomment li.odd { background: #E4E9EF;} #container .entitycomment li { padding: 10px 5px 0px 35px;} #container .entitycomment .entitycomment-byline { font-style: italic;} #container .entitycomment .captcha { margin: 5px 0px 5px 0px;} #container .entitycomment .entitycomment-form-content, #container .entitycomment .entitycomment-form-submit { margin-top: 10px;} #container .entitycomment .entitycomment-form-submit { padding-left: 95px;} /* -- Article list ---------------------------------------------------------- */ .full-articlelist { float: left; clear: left; width: 425px; } .full-articlelist ul, .full-articlelist-twocolumn ul { float: left; padding: 0; margin: 0; } .full-articlelist ul li { float: left; clear: both; width: 100%; padding-bottom: 10px;} .list-thumbnail-left { float: left; margin-right: 5px; margin-bottom: 5px; } .list-thumbnail-right { float: right; margin-left: 5px; margin-bottom: 5px; } .full-articlelist .text-wrapper { float: left; width: 310px; } .full-articlelist .text-wrapper.fullwidth { width: auto; } #placeholder-content-no-right .full-articlelist h3, #placeholder-content .full-articlelist h3 { float: left; width: 100%; } .full-articlelist ul p { float: left; clear: left; width: 100%; margin-top: 0px;} .full-articlelist .articlelist-link-internal, .full-articlelist-twocolumn .articlelist-link-internal { float: left; clear: left; width: 100%; } .full-articlelist .articlelist-link-internal ul li, .full-articlelist-twocolumn .articlelist-link-internal ul li { margin: 0px; padding: 0px; } .full-articlelist-twocolumn li.odd { float: left; clear: both; width: 48%; } .full-articlelist-twocolumn li.even { float: right; width: 48%; } /* -- Sitemap ---------------------------------------------------------- */ .sitemap li { margin-bottom: 5px;} .sitemap ul ul { margin-top: 5px;} .sitemap li a:link, .sitemap li a:visited, .sitemap li a:hover { font-weight: bold;} .sitemap li li a:link, .sitemap li li a:visited, .sitemap li li a:hover { font-weight: normal;} /* -- CALENDAR -- */ table.calendar-header { width: 100%; } table.calendar-layout { border-collapse: collapse; border-spacing: 0px; width: 100%; } .calendar-layout th { width: 12%; } .calendar-layout td { border: 1px solid #c2c2c2; text-align: center; } .datepicker .calendar-layout td.inactive, .calendar-layout td.inactive { background-color: #eee; } .calendar-header td { width: 124px; text-align: center; } .calendar-header td.next, .calendar-header td.previous { width: 28px; padding: 0px; } .small-calendar td.hasevents { background: #c41130; } .small-calendar td.hasevents a { color: #fff; } .small-calendar ul { list-style: none; margin: 5px 0; padding: 0; } .small-calendar ul li { padding: 0 0 0 10px; background: url(images/link_marker.gif) 0px 5px no-repeat; } .small-calendar input { color: #fff; width: 25px; border: none; background: #c41130;} .calendar_goto_links ul { margin: 0; } .small-calendar-popup { position: absolute; width: 250px; } .small-calendar-popup .top { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; height: 10px; text-align: right; } .small-calendar-popup .top a { font-size: 0.8em; padding-right: 15px; position: relative; top: 12px; left: -4px; background: url(images/small-close.gif) no-repeat right 2px; } .small-calendar-popup .content { background: #fff588; padding: 20px 10px 10px 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; } .small-calendar-popup .content h4 { margin: 0 0 0 0; } .small-calendar-popup .content { text-align: left; } .small-calendar-popup .content ul { margin: 5px 0 0 15px; padding: 0; } .small-calendar td.hasevents .top a, .small-calendar td.hasevents .content a { color: #000; } .small-calendarlist p { margin-top: 0; } /* --- Ticker Iframe ----------------------------------------------------------*/ #placeholder-right .iframe-tile { margin: 0px 0px 0px 5px; } /* --- Stock Info ----------------------------------------------------------*/ /*#placeholder-bottom .stockinfo { border: 1px solid #d0d0d0; background: transparent url(images/backgrad.png) top repeat-x; padding: 3px 10px 10px 8px; margin-left: 4px; margin-right: 14px;}*/ #placeholder-bottom .stockinfo { float: right; width: 224px; height: 90px; margin: -141px 7px 0px 0px; padding: 3px 10px 10px 8px; border: 1px solid #d0d0d0; background: url(images/backgrad.png) repeat-x; } /* See style-ie.css */ #placeholder-bottom .stockinfo h3 { margin-bottom: 3px; } #placeholder-bottom .stockinfo .tile-content { margin-bottom: 3px; } #placeholder-bottom .stockinfo table { width: 100%; margin-top: 5px;} #placeholder-bottom .stockinfo th { text-align: left; font-weight: normal; } #placeholder-bottom .stockinfo td { text-align: right; } /* --- Lightbox ---------------------------------------------------------------*/ #lightbox-overlay { z-index: 999; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; width: 650px; min-height: 450px; top: 50px; margin: auto; padding: 0px; overflow: auto; background: #fff; text-align: center; } #lightbox-spinner { background: #fff url(images/lightbox/spinner.gif) center no-repeat; width: 220px; height: 19px; margin: 15% auto; } #lightbox-close-container { float: right; } #lightbox-close { display: block; float: right; width: 60px; height: 15px; margin: 25px; text-transform: uppercase; text-decoration: none; font-size: 11px; color: #000; background: url(images/close-icon.png) no-repeat 50px 3px; } /* --- Slideshow (used in lightbox) --------------------------------------------*/ .slideshow h3 { font-size: 16px; border: none; margin: 20px 0px 0px 25px; } .slideshow-navigation { margin-bottom: 10px; width: 100%; clear: both;} .slideshow-navigation .slideshow-previous { float:left; margin: 0 0 0 10px; } .slideshow-navigation .slideshow-next { float:right; margin: 0 10px 0 0; } .slideshow-navigation .slideshow-next span.next { display: block; height: 33px; width: 33px; background: url(images/buttons-large.png) no-repeat -33px 0; } .slideshow-navigation .slideshow-previous span.previous { display: block; height: 33px; width: 33px; background: url(images/buttons-large.png) no-repeat 0 0; } /* .slideshow-navigation a.slideshow-previous:link, .slideshow-navigation a.slideshow-previous:visited, .slideshow-navigation a.slideshow-previous:hover { float: left; padding-left: 15px} .slideshow-navigation a.slideshow-next:link, .slideshow-navigation a.slideshow-next:visited, .slideshow-navigation a.slideshow-next:hover { float: right; padding-right: 15px;} */ .slideshow-image { clear: both; } .slideshow-image a { margin-bottom: 10px; } .slideshow-image-description { padding: 0px 10px 10px 10px; font-style: italic; } .thumbnails { position: relative; left: 5px; width:360px; height: 240px; overflow: hidden; } .thumbnails table { height: 120px; text-align: center;} .thumbnails td { padding:10px 0 0; display:block; float:left; width: 120px; height: 110px; background: url(images/thumbnail-canvas.png) no-repeat; } .prev-button, .next-button { display: block; width: 21px; height: 41px; cursor: pointer; background-repeat: no-repeat; } .prev-button { float: left; margin-top: 20px; background-image: url(images/prev-button.png); } .next-button { float: right; margin-top: -220px; background-image: url(images/next-button.png); } /* --- Slideshow (custom fading slideshow tile) -------------------------------*/ .image-rotator { float: left; clear: left; width: 100%; } #rotator { position: relative; display: none; } #rotator div { position: absolute; left: 0; top: 0; } .image-rotator .tile-content { overflow: hidden; } /* Article list navigation */ .list-navigation { clear: both; } /* World clock display */ #placeholder-left .world-clock { float: left; width: 215px; margin: 0; } .world-clock.tile-common h3 { float: left; color: #fff; width: 100%; height: 10px; margin-bottom: 2px; padding: 4px 0 8px 7px; background: url(images/worldclock-title.png) no-repeat; } .world-clock table { float: left; width: 100%; margin: 0; padding: 0; border-bottom: 2px solid #b8c0d0; } .world-clock td { margin: 0; padding: 3px; border-bottom: 1px solid #b8c0d0; } .world-clock td.location-name { width: 160px; padding-left: 10px; } .world-clock td.clock { width: 35px; padding-right: 10px; } .world-clock iframe { width: 35px; height: 16px; margin: 0; padding: 0; border: none; } /* Author box */ .authorbox { float:left; border:1px solid #B9C7D4; padding:5px; margin: 0 5px 3px 0; } .authorbox .time { display:block; padding: 0 0 2px 0; } .authorbox div.author { padding: 3px 0 0 0; border-top:3px solid #B9C7D4; } .authorbox div.author img { float:left; margin: 0 5px 0 0; } .authorbox span.author { display:block; float:left; font-size: 1.2em; font-weight:bold; } .authorbox span.email { display:block; font-size: 1.1em; } /* New form module, basic styling */ .ctwebform-table { border-collapse: collapse; } .ctwebform-table td { vertical-align:top; padding: 4px 5px 4px 0; } .ctwebform-table td span.ctwebform-element-validationerror { color: #ff0000; } .ctwebform-table hr { color: #B9C7D4; background-color: #B9C7D4; height:2px; border:none; } input.ctwebform-element-type-submit { margin: 5px 0 0 0; } /* RSS-feed reader */ #placeholder-left .small-rsslist { margin-left: 0; } #placeholder-left .small-rsslist h3 { margin-left: 20px; } #placeholder-left .small-rsslist li { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 20px; border-bottom: 1px solid #B9C7D4; } /* Birtday list tile */ #placeholder-left .birthdaylist { float: left; width: 215px; margin: 0px 0px 15px 0px; } #placeholder-right .birthdaylist { float: left; width: 230px; margin: 0px 0px 15px 15px; } .birthdaylist.tile-common h3 { float: left; color: #fff; width: 100%; height: 10px; margin-bottom: 2px; padding: 4px 0 8px 7px; background: #B8C0D0; } .birthdaylist table { float: left; width: 100%; margin: 0; padding: 0; border-bottom: 2px solid #b8c0d0; } .birthdaylist thead th { text-align: left; padding: 3px; color: #084D92; text-decoration: underline; } .birthdaylist td { margin: 0; padding: 3px; border-bottom: 1px solid #b8c0d0; } .birthdaylist td.name { width: 160px; padding-left: 10px; } .birthdaylist td.age { width: 35px; padding-right: 10px; }