@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* 1. General HTML elements */ /* -------------------------------------------------------------------------- */ html { height: 100%; } body { color: #000; font: 12px Arial; height: 100%; margin: 0; padding: 0; background: #ebe8e8 url(images/body-background.png) repeat-x; } img { border: 0; } h1 { font-size: 1.6em; font-weight: normal; margin: 0; } h2 { font-size: 1.3em; } h3, h4 { font-size: 1.0em; font-weight: normal; } a { color: #274486; text-decoration: none; } a:hover { text-decoration: underline; } hr { float: left; clear: left; width: 560px; margin: 0 0 20px; border: none; border-bottom: 2px solid #cdd3e2; } /* -------------------------------------------------------------------------- */ /* 2. Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { width: 930px; min-height: 100%; margin: 0 auto; padding: 0 25px; background: #fff; } #placeholder-top { float: left; clear: left; width: 930px; height: 171px; margin-top: 20px; padding: 0; overflow: hidden; background: url(images/top-background.png) no-repeat; } #placeholder-left { float: left; clear: left; width: 160px; margin-right: 25px; padding: 0; overflow: hidden; } #placeholder-right { float: right; clear: right; width: 160px; margin: 0; padding: 0; overflow: hidden; } #placeholder-content, #placeholder-content-no-right { float: left; width: 560px; margin: 0; padding: 0; overflow: hidden; } #placeholder-content-no-right { width: 745px; } #placeholder-bottom { float: left; clear: left; padding: 20px 185px; } #content-link { display: none; } #extra-5 { clear: both; height: 5px; } /* -------------------------------------------------------------------------- */ /* 3. Common tile styling */ /* -------------------------------------------------------------------------- */ .tile-top, .tile-content, .tile-bottom, .tile-common { float: left; overflow: hidden; } .tile-content { width: 100%; } #placeholder-left .tile-common, #placeholder-right .tile-common { margin-bottom: 10px; } #placeholder-left h3, #placeholder-right h3 { float: left; color: #fff; width: 144px; height: 20px; margin: 0; padding: 5px 0 0 10px; background: url(images/tile-header-blue.png) no-repeat; } #placeholder-left .tile-content, #placeholder-right .tile-content { margin-top: 2px; } #placeholder-left .tile-content h3, #placeholder-right .tile-content h3 { font-size: 1.2em; font-weight: normal; color: #000; height: auto; padding: 0 10px; background: none; } h3.folded { background-position: 0 -25px; } h3.unfolded { background-position: 0 -50px; } /* -------------------------------------------------------------------------- */ /* 4. Non tile spesific common styles */ /* -------------------------------------------------------------------------- */ .error { color: #f00; font-weight: bold; margin-bottom: 10px; } .message { color: #000; font-weight: bold; margin-bottom: 10px; } input.inputerror { border: 1px solid red; } input.textinput { font-size: 0.8em; height: 17px; padding: 3px 6px 0 6px; } input.submit, input[type=button], .ct-web-form input[type=submit] { color: #fff; font-size: 0.9em; width: 70px; height: 21px; padding-bottom: 3px; border: none; background: url(images/button.gif) no-repeat; } .ajax-button-not-visible { display: none; } .ajax-button-visible { display: block !important; } .button-next { display: block; height: 11px; width: 9px; background: url(images/calendar-next.png) no-repeat; } .button-previous { display: block; height: 11px; width: 9px; background: url(images/calendar-previous.png) no-repeat; } #tooltip-top { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; } #tooltip-content { background: #fff588; padding: 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; } .captcha-info { padding-left: 61px; } .captcha-regenerate, .captcha-info { font-weight: bold; font-size: .8em; } .error-container #placeholder-top { height: 60px; } #extended-debug-info { color: #aaa; } /*pre.cp-debug { position: absolute; top: 0px; left: 0px; color: #c00; }*/ /* -------------------------------------------------------------------------- */ /* 5. General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .linktoolbar ul, .full-articlelist ul, .small-articlelist ul, .projectlist ul, .vertical-menu ul, .linklist ul, .language-selector ul { list-style-type: none; margin: 0; padding: 0; } .full-articlelist li li, .small-articlelist li li, .vertical-menu li li { padding-left: 10px; } /* -------------------------------------------------------------------------- */ /* 6. Spesific styling for tiles and other components */ /* -------------------------------------------------------------------------- */ #ctstatistics-noscript-iframe { display: none; } /* -- PAGE HEADER -- */ #placeholder-top .page-header { float: left; width: 302px; height: 85px; margin: 13px 0 14px 18px; } /* -- LANGUAGE SELECTOR -- */ #placeholder-top .language-selector { float: right; font-size: 1.0em; text-transform: uppercase; margin: 18px 25px 0 0; } #placeholder-top .language-selector h3 { display: none; } #placeholder-top .language-selector a { color: #fff; font-size: 0.9em; letter-spacing: 0.15em; } #placeholder-top .language-selector ul, #placeholder-top .language-selector li { float: left; } #placeholder-top .language-selector li { margin-left: 10px; } /* -- ARTICLE SEARCH -- */ .small-searchinput h3 { display: none; } #placeholder-right .small-searchinput .tile-content { width: 160px; margin-top: 0; } .small-searchinput input.textinput { float: left; width: 112px; height: 19px; padding: 2px 8px; border: none; background: none; } .small-searchinput .blurred { color: #8c8c8c; text-transform: uppercase; } .small-searchinput .focused { color: #000; font-size: 0.9em; text-transform: none; } .small-searchinput .field-wrapper { float: left; margin-top: 2px; background: url(images/search-input.png) no-repeat; } .small-searchinput input.submit { float: left; color: #fff; font-size: 0; width: 28px; height: 25px; margin: 1px 0 0 4px; background: url(images/search-button.png) no-repeat; } /* -- MAIN MENU -- */ #placeholder-top .horizontal-menu { float: left; clear: left; width: 100%; height: 30px; background: url(images/mainmenu-background.png) repeat-x; } #placeholder-top .horizontal-menu .tile-content { height: 30px; } #placeholder-top .horizontal-menu h3 { display: none; } #placeholder-top .horizontal-menu ul { list-style-type: none; width: 100%; height: 16px; margin: 0; padding: 0; } #placeholder-top .horizontal-menu li { display: block; float: left; padding: 0; } #placeholder-top .horizontal-menu a { display: block; float: left; color: #fff; text-decoration: none; height: 14px; padding: 7px 10px; } #placeholder-top .horizontal-menu li.active, #placeholder-top .horizontal-menu li.main-active { border: 1px solid #41588d; background: url(images/mainmenu-active.png) no-repeat; } #placeholder-top .horizontal-menu li.active a, #placeholder-top .horizontal-menu li.main-active a { color: #000; } /* -- QUICK MENU -- */ #placeholder-top .vertical-menu { float: right; margin: 10px 10px 0 0; width:auto; } #placeholder-top .vertical-menu .tile-content { } #placeholder-top .vertical-menu h3 { display: none; } #placeholder-top .vertical-menu ul { list-style-type: none; width: 100%; margin: 0; padding: 0; } #placeholder-top .vertical-menu li { display: block; float: left; padding: 0 10px 0 0; background:none; } #placeholder-top .vertical-menu a { padding:0; width:auto; color:#ffffff; font-size:1.15em;} #placeholder-top .vertical-menu a:hover { text-decoration: underline; } /* -- SITELOCATOR -- */ #placeholder-top .sitelocator { float: left; clear: left; width: 735px; height: 18px; padding: 7px 0 0 10px; } #placeholder-top .sitelocator .tile-content { width: 650px; } #placeholder-top .sitelocator h3 { float: left; font-size: 0.8em; margin: 0; } #placeholder-top .sitelocator ul { float: left; margin: 0; padding: 0; list-style-type: none; } #placeholder-top .sitelocator li { float: left; font-size: 0.8em; margin-left: 10px; padding-right: 15px; background: url(images/sitelocator-delimiter.gif) 100% 2px no-repeat; } #placeholder-top .sitelocator li.first { margin-left: 4px; } #placeholder-top .sitelocator li.last { background: none; } /* -- SUB MENU -- */ .vertical-menu { width: 160px; } #placeholder-left .vertical-menu .tile-content { margin: 0; } .vertical-menu h3 { display: none; } .vertical-menu li { margin-bottom: 1px; background: #e1dede url(images/submenu-inactive.png) no-repeat; } .vertical-menu li.active, .vertical-menu li.main-active { border: 1px solid #41588d; background: #fff url(images/submenu-active.png) bottom no-repeat; } .vertical-menu li.active li, .vertical-menu li.main-active li, .vertical-menu li.main-active li.active { border: none; background: none; } .vertical-menu li.main-active li.active { color: #41588d; } .vertical-menu li li { margin-bottom: 5px; padding: 0; } .vertical-menu a { display: block; color: #000; text-decoration: none; width: 148px; padding: 6px 0 4px 10px; } .vertical-menu li li a { width: 120px; height: auto; padding: 0; } .vertical-menu li.active a { color: #41588d; } .vertical-menu li.active li a { color: #000; } /* .vertical-menu ul li.main-active.expanded, .vertical-menu ul li.active.expanded { font-weight:bold; } .vertical-menu ul li.main-active.expanded ul li, .vertical-menu ul li.active.expanded ul li { font-weight: normal; } */ .vertical-menu li ul { list-style: disc; padding-left: 26px; } .vertical-menu li ul li ul { width: 117px; padding-left: 15px; overflow: hidden; } .vertical-menu li ul li ul li.first { margin-top: 5px; } .vertical-menu li ul li ul li.last { margin-bottom: 0; } /* -- LINK ARTICLE DISPLAY -- */ .linklist li { float: left; margin-bottom: 1px; padding: 2px; border: 1px solid #cdd3e2; } .linklist h4 { color: #274486; font-size: 1em; cursor: pointer; width: 144px; height: 20px; margin: 0; padding: 5px 0 0 10px; background: url(images/tile-header-silver.png) no-repeat; } .linklist li.last { margin-bottom: 0; } .linklist .folded h4 { background-position: 0 -25px; } .linklist .unfolded h4 { background-position: 0 -50px; } .linklist .details { float: left; color: #274486; width: 134px; margin-top: 2px; padding: 0 10px; background: #d4dae7; overflow: hidden; } .linklist .details p { float: left; margin: 10px 0 0 0; } .linklist .details a { float: right; padding: 8px 25px 8px 0; background: url(images/orblink-arrow-blue.gif) no-repeat right; } /* -- NEWSLETTER FORM -- */ .newsletter-form { padding: 2px; border: 1px solid #cdd3e2; } .newsletter-form .tile-content { width: 142px; padding: 6px; background: #ecebeb; } .newsletter-subscription-categories { float: left; width: 142px; } #newsletter-form-register, .newsletter-form form, .newsletter-form input { float: left; } .newsletter-form label { float: left; font-size: 0.9em; margin: 8px 0 3px 0; } .newsletter-form label.email-address { margin-top: 0; } .newsletter-subscription-categories input { clear: left; } .newsletter-subscription-categories label { margin-top: 2px; } .newsletter-form .textinput { width: 127px; border: 1px solid #a5a5a5; } .newsletter-form .cpform-noborder { margin: 10px 12px 0 8px; } .newsletter-form .submit { float: right; margin: 7px 0; } /* -- ARTICLE DISPLAY -- */ #placeholder-content .full-articledisplay { width: 100%; padding-bottom: 20px; } .full-articledisplay .tile-content { clear: left; } #placeholder-content .full-articledisplay p { margin: 0; padding: 0 0 10px 0; } .full-articledisplay .main-content, .full-articledisplay .agenda-content { clear: left; margin-bottom: 20px; } .full-articledisplay h1 { float: left; clear: left; font-size: 2.0em; width: 100%; margin: 0 0 10px 0; } .full-articledisplay h1.illustrated { margin: 0 0 20px 0; padding: 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .full-articledisplay h2 { font-size: 1.4em; color: #828385; width: 560px; margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #d1d1d1; } .full-articledisplay .digest { font-size: 1.0em; color: #000; font-weight: bold; /*letter-spacing: 0.05em;*/ margin: 0 0 20px 0; padding: 0; border: none; } .full-articledisplay .longdesc { display: block; clear: left; font-style: italic; } .full-articledisplay img.portrait { float: left; width: 150px; margin-right: 20px; padding: 2px; border: 1px solid #ccc; } .full-articledisplay .author-label, .full-articledisplay .author-name { float: left; margin: 0 3px 10px 0; } .full-articledisplay .main-content ul li { padding-bottom: 1em; } .full-articledisplay .main-content blockquote { font-style: italic; margin: 1em; padding: 0 0 0 40px; background: url(images/quotes.gif) no-repeat; } .full-articledisplay .illustration { float: left; position: relative; width: 100%; margin-bottom: 20px; overflow: hidden; background-repeat: no-repeat; } .full-articledisplay .illustration.black h1, .full-articledisplay .illustration.black h2 { color: #fff; } .full-articledisplay .illustration.white h1, .full-articledisplay .illustration.white h2 { color: #000; } .full-articledisplay .illustration .veil { position: absolute; } .full-articledisplay .illustration.white .veil { background: #fff; } .full-articledisplay .illustration.black .veil { background: #000; } .full-articledisplay .illustration.heavy .veil { opacity: 0.65; filter: alpha(opacity=65); } .full-articledisplay .illustration.medium .veil { opacity: 0.50; filter: alpha(opacity=50); } .full-articledisplay .illustration.light .veil { opacity: 0.35; filter: alpha(opacity=35); } .full-articledisplay .illustration.top .veil { float: left; top: 0px; left: 0px; width: 559px; } .full-articledisplay .illustration.right .veil { float: right; top: 0px; right: 0px; width: 280px; height: 500px; } .full-articledisplay .illustration.bottom .veil { float: left; bottom: 0px; left: 0px; width: 559px; } .full-articledisplay .illustration.left .veil { float: left; top: 0px; left: 0px; width: 280px; height: 500px; } .full-articledisplay .illustration .container { position: absolute; padding: 10px 20px; } .full-articledisplay .illustration.top .container { float: left; top: 0px; left: 0px; width: 519px; } .full-articledisplay .illustration.right .container { float: right; top: 0px; right: 0px; width: 240px; } .full-articledisplay .illustration.bottom .container { float: left; bottom: 0px; left: 0px; width: 519px; } .full-articledisplay .illustration.left .container { float: left; top: 0px; left: 0px; width: 240px; } .full-articledisplay .illustration h1 { float: left; font-size: 1.8em; } .full-articledisplay .illustration h2 { float: left; clear: left; font-size: 0.9em; letter-spacing: 0; width: 100%; margin-bottom: 0; } /* .full-articledisplay .illustration.left h2, .full-articledisplay .illustration.right h2 { line-height: 2.0em; } */ .full-articledisplay .illustration.left h2, .full-articledisplay .illustration.right h2 { font-size:13px; line-height:1.4em; } .full-articledisplay .illustration img { margin: 0; } .full-articledisplay .illustration .image-text { font-style: italic; margin-top: 10px; } /* -- WEB FORM DISPLAY -- */ span.ctwebform-element-validationerror { color: red; margin-left: 10px; } /* -- INFO PANEL DISPLAY -- */ .info-panel { float: left; width: 560px; margin-bottom: 20px; overflow: hidden; background: url(images/infopanel.jpg) repeat-y; } .info-panel .left-pane { float: left; width: 312px; padding: 20px; } .info-panel .right-pane { float: right; width: 168px; padding: 20px; } .info-panel .item { float: left; clear: left; width: 282px; min-height: 35px; margin-bottom: 10px; padding-left: 50px; background-repeat: no-repeat; } .info-panel .number { background-image: url(images/icons/id-icon.gif); } .info-panel .type { background-image: url(images/icons/program-icon.gif); } .info-panel .project { background-image: url(images/icons/project-icon.gif); } .info-panel .target { background-image: url(images/icons/target-icon.gif); } .info-panel .gallery { background-image: url(images/icons/images-icon.gif); } .info-panel .video { background-image: url(images/icons/video-icon.gif); } .info-panel .info { background-image: url(images/icons/info-icon.gif); } .info-panel .back { background-image: url(images/icons/back-icon.gif); } .info-panel .departure { background-image: url(images/icons/departure-icon.gif); } .info-panel .return { background-image: url(images/icons/arrival-icon.gif); } .info-panel .deadline { background-image: url(images/icons/deadline-icon.gif); } .info-panel .activitydate { background-image: url(images/icons/calendar-icon.gif); } .info-panel .priceinfo { background-image: url(images/icons/price-icon.gif); } .info-panel h3 { float: left; font-size: 1.1em; font-weight: bold; width: 100%; margin: 0; } .info-panel span, .info-panel p, .info-panel .date { font-size: 0.9em; } .info-panel .date.undefined { font-style: italic; } .info-panel a { color: #000; } .info-panel .right-pane h3 { color: #ff8c00; font-size: 1.2em; width: 168px; } .info-panel .right-pane p { float: left; clear: left; color: #fff; font-size: 0.9em; font-weight: bold; width: 168px; padding: 0 0 16px 0; } .info-panel .right-pane a { display: block; float: left; clear: left; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; width: 160px; height: 25px; margin-top: 6px; padding: 9px 0px 0px 14px; background: url(images/proceed-button.gif) no-repeat; } /* -- MISSIONARY INFO CARD DISPLAY -- */ .info-card { float: left; width: 560px; margin-bottom: 20px; } .info-card .top, .info-card .bottom { float: left; width: 560px; height: 16px; background: url(images/info-card-bottom.png) no-repeat; } .info-card .top { background-image: url(images/info-card-top.png); } .info-card .content { float: left; width: 518px; padding: 10px 20px; border: 1px solid #ccc; border-width: 0 1px; } .info-card table { float: left; width: 338px; } .info-card th, .info-card td { text-align: left; vertical-align: top; padding: 5px; border-bottom: 1px solid #ccc; } .info-card tr.last th, .info-card tr.last td { border: none; } .info-card .content td span { float: left; clear: left; } /* -- SMALL ARTICLE DISPLAY -- */ #placeholder-left .small-articledisplay .tile-top, #placeholder-right .small-articledisplay .tile-top, #placeholder-right .small-articledisplay .tile-bottom, #placeholder-left .small-articledisplay .tile-bottom { display: none; } #placeholder-right .small-articledisplay .tile-content, #placeholder-left .small-articledisplay .tile-content { margin-top: 0; } .small-articledisplay .tile-content p { margin: 0; } #placeholder-bottom .small-articledisplay { width: 560px; } /* -- BANNER DISPLAY -- */ .banner-display { padding: 2px; border: 1px solid #cdd3e2; } .banner-display .tile-content { clear: left; width: 100%; } .banner-display .tile-content p { margin: 0; padding: 5px; } /* -- SUGGESTION FORM -- */ .suggestionform { padding: 2px; border: 1px solid #cdd3e2; } .suggestionform h3 { cursor: pointer; } .suggestionform .tile-content { width: 142px; padding: 6px; background-color: #ecebeb; display: none; } .suggestionform .tile-content form, .suggestionform .tile-content form div, .suggestionform .tile-content label, .suggestionform .tile-content input {} .suggestionform .tile-content input.textinput { width: 128px; margin-bottom: 5px; border: 1px solid #a5a5a5; } .suggestionform .tile-content textarea { width: 138px; margin: 0 0 5px 0; border: 1px solid #a5a5a5; } .suggestionform .captcha { width: 142px; margin-bottom: 5px; overflow: hidden; } .suggestionform .captcha .capctha-links { width: 100%; } .suggestionform .tile-content input.submit { float: right; } .suggestionform .tile-content label { font-size: 0.9em; } /* -- PROMO BANNERS -- */ .promo-banners { float: left; clear: left; margin-bottom: 20px; } .promo-banners ul.banners { float: left; list-style: none; margin: 0; padding: 0; } .promo-banners a { float: left; padding: 2px; border: 1px solid #cdd3e2; } .promo-banners li.banner { float: left; margin-right: 20px; } .promo-banners li.last.banner { margin-right: 0; } /* -- ARTICLE LIST -- */ .full-articlelist { clear: left; width: 100%; margin-bottom: 20px; } .full-articlelist .list-thumbnail-left { display: block; float: left; margin-right: 10px; } .full-articlelist .list-thumbnail-right { display: block; float: right; margin-left: 10px; } .full-articlelist .list-thumbnail-left.medium, .full-articlelist .list-thumbnail-right.medium, .full-articlelist .list-thumbnail-left.full, .full-articlelist .list-thumbnail-right.full { margin-bottom: 10px; } .full-articlelist ul li h3 { float: none; font-size: 1.5em; margin: 0 0 5px 0; padding: 0; } .full-articlelist ul, .full-articlelist ul li { float: left; clear: left; width: 100%; } .full-articlelist ul li { padding: 15px 0; } .full-articlelist p { font-size: 0.9em; font-weight: bold; margin: 0 0 5px 0; padding-left: 1px; } .articlelist-link-internal, .articlelist-link-internal ul { float: none; clear: none; padding: 0; } .articlelist-link-internal ul li { float: none; clear: none; font-size: 0.9em; width: 100%; padding: 0 0 0 2px; } .articlelist-link-internal ul li a { width: 100%; padding-right: 18px; background: url(images/link-arrow-blue.gif) no-repeat right; } .list-navigation, .list-navigation-text { float: left; clear: left; width: 100%; margin-bottom: 15px; } .list-navigation-text { margin-bottom: 10px; } .list-navigation ul.pages { float: left; list-style: none; margin: 3px 0; padding: 0; } .list-navigation li.page { display: block; float: left; margin-right: 4px; } .list-navigation li.page a, .list-navigation li.current span { display: block; float: left; color: #fff; font-size: 2.0em; font-weight: normal; height: 27px; padding: 2px 10px; background: #e7e7e6; } .list-navigation li.current span, .list-navigation li.page a:hover { background: #274486; } .list-navigation a.previous, .list-navigation a.next { display: block; float: left; width: 19px; height: 37px; margin-right: 4px; background: url(images/next-page-arrow.png) no-repeat; } .list-navigation a:hover.previous, .list-navigation a:hover.next { background-position: 0 -37px; } .list-navigation a.previous { background-image: url(images/previous-page-arrow.png); } .list-navigation span.delimiter, .list-navigation a.previous span, .list-navigation a.next span { display: none; } #placeholder-left .full-articlelist .tile-content { width: 160px; } #placeholder-left .full-articlelist ul li { width: auto; } /* -- META-DATA RELATIONS LIST -- */ .full.metadatarelationlist { width: 100%; } .full.metadatarelationlist ul { padding: 0; } .full.metadatarelationlist ul h1 { width: 100%; margin-bottom: 20px; padding: 5px 0; border: 1px solid #ccc; border-width: 1px 0; } .full.metadatarelationlist ul .digest { font-size: 1.0em; color: #000; font-weight: bold; letter-spacing: 0.05em; margin: 0 0 20px 0; padding: 0; border: none; } .full.metadatarelationlist ul img.portrait { float: left; margin: 0 40px 40px 0; } .full.metadatarelationlist ul .main-content { display: inline; } /* -- SEARCH RESULTS -- */ .search-result h1 { font-size: 2.05em; letter-spacing: 0; padding: 0 0 2px 14px; } .search-result h3.template-type { float: left; clear: left; color: #fff; width: 548px; height: 21px; padding: 4px 0 0 12px; background: url(images/search-group-background.png); } .search-result h3.template-type a { color: #fff; text-transform: uppercase; } .search-result h3.template-type span { margin-left: 5px; } .search-result .excerpt { float: left; clear: left; width: 100%; } .search-result .excerpt em { float: left; clear: left; padding-right: 5px; } .search-result .list-thumbnail-left, .search-result .list-thumbnail-right { display: none; } /* -- SMALL ARTICLE LIST -- */ .small-articlelist { padding: 2px; border: 1px solid #cdd3e2; } .small-articlelist .tile-content { width: 154px; } .small-articlelist li { margin-bottom: 1px; overflow: hidden; } .small-articlelist li.last { margin-bottom: 0; } .small-articlelist a { display: block; color: #000; padding: 4px 9px; border: 1px solid #ecebeb; background-color: #ecebeb; overflow: hidden; } .small-articlelist a:hover { text-decoration: none; border-color: #a0acc9; background-color: #cdd3e2; } .small-articlelist .newsarchivelink { float: left; margin-top: 1px; } .small-articlelist .newsarchivelink a { float: left; text-align: right; width: 118px; padding-right: 25px; background-image: url(images/link-arrow-gray.gif); background-position: 135px 8px; background-repeat: no-repeat; } .small-articlelist .newsarchivelink ul { float: left; } .small-articlelist .newsarchivelink ul li { float: left; margin: 0; } .small-articlelist .date { display: none; } #placeholder-content .small-articlelist .newsarchivelink a { background: url(images/link-arrow-blue.gif) right no-repeat; } /* -- PROJECT LIST -- */ .projectlist { width: 173px; } .projectlist, .projectlist.left { margin-right: 20px; } .projectlist.right { margin-right: 0; } .projectlist ul { padding: 0 2px; } .projectlist li { padding-bottom: 5px; } .projectlist a { display: block; } .projectlist a .number { color: #aaa; font-size: 0.8em; margin-right: 10px; } .projectlist h3, .projectlist h4 { color: #000; text-transform: uppercase; letter-spacing: 0.2em;} .projectlist h3 { font-size: 1.5em; width: 173px; margin: 0; padding-bottom: 3px; border-bottom: 1px solid #94a6cc; } .projectlist h4 { font-size: 1.0em; width: 171px; margin: 5px 0 6px 0; padding: 0 0 3px 2px; border-bottom: 1px dotted #94a6cc; font-weight: bold; } .projectlist h3 a, .projectlist h4 a { color: #000; } /* -- SMALL CALENDAR -- */ .small-calendar { padding: 2px; border: 1px solid #cdd3e2; } .small-calendar .tile-content { background: #ecebeb; } .small-calendar td.previous, .small-calendar td.next { width: 15px; } .small-calendar .button-next { display: block; height: 11px; width: 9px; background: url(images/calendar-next.png) no-repeat; } .small-calendar .button-previous { display: block; height: 11px; width: 9px; background: url(images/calendar-previous.png) no-repeat; } .small-calendar ul { list-style-type: none; } .small-calendar td.month { text-align: center; } .small-calendar .calendar-header { float: left; width: 154px; } .small-calendar .calendar-layout tr th { background: #aaa; } .small-calendar .calendar-layout { float: left; clear: left; } .calendar-layout { width: 100%; } .calendar-layout th { font-weight: normal; } .calendar-layout td { text-align: center; width: 20px; } .calendar-layout td.today { border: 1px solid #274486; } .calendar-layout td.hasevents { background: #274486; } .calendar-layout td.hasevents a { color: #fff; } .small-calendar-popup { position: absolute; width: 250px; border: 1px solid #000; background: #fff; color: #000; } .small-calendar-popup .top { width: 240px; padding: 5px; } .small-calendar-popup .top a { display: block; float: right; height: 14px; padding-right: 20px; background: url(images/close.gif) top right no-repeat; } .small-calendar-popup .top a:hover { background-position: right -14px; } .small-calendar-popup .content { margin-top: -5px; padding: 0 10px 10px 10px; } .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; } .calendar-layout td .small-calendar-popup a { color: #000; } /* -- LOGIN FORM -- */ .login-form .tile-content { height: 110px; } .login-form-link { padding-bottom: 10px; } #login-form-logout p { margin: 0; } /* -- ALBUM LIST --*/ .album-list { clear: both; width: 100%; } .album-list ul { margin: 0px; padding: 0px; } .album-list li { display: block; float: left; overflow: hidden; width: 150px; height: 126px; margin: 6px 7px 6px 6px; padding: 10px; background: url(images/album-canvas.png) no-repeat;} .album-list a { display: block; width: 150px; height: 125px; border: none; text-decoration: none; } .album-list .album-thumbnail { display: block; width: 150px; height: 80px; margin-bottom: 5px; cursor: pointer; overflow: hidden; background: #ccc; } .album-list .album-title { float: left; clear: left; font-size: 12px; color: #555; font-weight: normal; text-decoration: none; cursor: pointer; width: 100%;} .album-list .album-description { float: left; clear: left; font-size: 12px; color: #555; font-weight: normal; text-decoration: none; cursor: pointer; width: 100%;} .album-list .date { cursor: pointer; } /* -- LIGHTBOX --*/ #lightbox-overlay { z-index: 999; background-color: #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; top: 50px; overflow: auto; width: 810px; max-height: 90%; margin: auto; border: 1px solid #dedede; background: #fff; } #lightbox-spinner { background: #fff url(images/lightbox/spinner.gif) center no-repeat; width: 220px; height: 19px; margin: 15% auto; } #lightbox-container { padding: 15px 20px 10px 20px; } #lightbox-close-container { float: left; width: 100%; } #lightbox-close-container a { display: block; float: right; height: 14px; padding-right: 20px; background: url(images/close.gif) top right no-repeat; } #lightbox-close-container a:hover { text-decoration: none; background-position: right -14px; } #lightbox .tile-common { border: 0; } #lightbox-content { float: left; } #lightbox-content h3 { font-size: 2.0em; margin: 0; } /* -- SLIDESHOW -- */ .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 { float: left; white-space: nowrap; text-align: center; width: 240px; padding: 39px 0 0 10px; } .slideshow-thumbnails a { float: left; } .slideshow-thumbnails img { float: left; width: 50px; height: 50px; padding: 15px; } .slideshow-thumbnails div { float: left; width: 79px; background: url(images/thumbnail-canvas.png) no-repeat center; } .slideshow-thumbnails div.active { background: url(images/thumbnail-canvas-active.png) no-repeat center; } .slideshow-image { float: left; margin-bottom: 10px; } .slideshow-image img { float: left; margin-bottom: 10px; } .slideshow-image .properties { float: left; clear: left; width: 100%; } .slideshow-image .properties label { margin-right: 3px; } .slideshow-image .properties span { margin-right: 10px; } .slideshow-image .properties label, .slideshow-image .properties span { font-size: 0.9em; color: #555; } .slideshow h3 { color: #828385; padding-bottom: 5px; border-bottom: 1px solid #d1d1d1; } .slideshow .tile-content { width: 560px; overflow: hidden; } .slideshow-navigation { float: left; width: 100%; margin-top: 10px; } /* -- WEATHER FORECAST -- */ #placeholder-right .weather-forecast .tile-content, #placeholder-left .weather-forecast .tile-content { padding: 0 0 5px 0; background-color: #c1c1c1; } .weather-forecast h4 { color: #fff; font-size: 1.2em; font-weight: normal; letter-spacing: 4px; text-align: center; margin: 5px; } .weather-forecast ul { float: left; list-style-type: none; margin: 0px 0px 0px 2px; padding: 0px; } .weather-forecast ul li { display: block; float: left; margin: 1px; background: url(images/weather/day-background.png) no-repeat; } .weather-forecast ul li label { display: block; float: right; width: 100%; text-align: center; cursor: pointer; } .weather-forecast ul li .temp { display: block; float: right; letter-spacing: 0px; margin: 27px 2px 0px 0px; cursor: pointer; } .weather-forecast ul li.day a { text-decoration: none; } .weather-forecast a { display: block; float: left; color: #c00000; font-size: 9px; letter-spacing: 1px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: 5px 10px; } .weather-forecast a.credit { color: #fff; font-size: 11px; width: auto; height: auto; margin-left: 4px; } .weather-forecast a.symbol-1 { background-image: url(images/weather/symbol-01.png); } .weather-forecast a.symbol-2 { background-image: url(images/weather/symbol-02.png); } .weather-forecast a.symbol-3 { background-image: url(images/weather/symbol-03.png); } .weather-forecast a.symbol-4 { background-image: url(images/weather/symbol-04.png); } .weather-forecast a.symbol-5 { background-image: url(images/weather/symbol-05.png); } .weather-forecast a.symbol-6 { background-image: url(images/weather/symbol-06.png); } .weather-forecast a.symbol-7 { background-image: url(images/weather/symbol-07.png); } .weather-forecast a.symbol-8 { background-image: url(images/weather/symbol-08.png); } .weather-forecast a.symbol-9 { background-image: url(images/weather/symbol-09.png); } .weather-forecast a.symbol-10 { background-image: url(images/weather/symbol-10.png); } /* -- EMAIL THIS PAGE IN LIGHTBOX -- */ #lightbox .suggestionform label { display: block; } #lightbox .suggestionform input.textinput { width: 300px; margin-bottom: 5px; } #lightbox .suggestionform input.captcha { width: auto; } #lightbox .suggestionform textarea { width: 300px; } #lightbox .suggestionform h3 { display: none; } #lightbox .suggestionform { width: 320px; margin-left: auto; margin-right: auto; } /* -- LINK MAP -- */ .linkmap-display .tile-content { position: relative; } .linkmap-display a.maplink { position: absolute; font-size: 0.8em; text-decoration: none; padding: 2px 4px; } .linkmap-display a.maplink span { position: relative; z-index: 1; } /* Needed in order for link text to keep full opacity */ .linkmap-display a.maplink .link-veil { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 15px; border: 1px solid #555; background: #fff; } .linkmap-display a.maplink:hover .link-veil, .linkmap-display a.maplink.selected .link-veil { opacity: 0.4; filter: alpha(opacity=40);} .linkmap-display .fact-container { float: left; margin-top: 20px; min-height: 200px; } .linkmap-display #factbox { float: left; padding: 20px 0; border-top: 1px solid #cdd3e2; border-bottom: 1px solid #cdd3e2; } .linkmap-display #factbox img.thumbnail { float: left; width: 125px; height: 125px; } .linkmap-display #factbox .content { float: left; width: 405px; margin-left: 20px; } .linkmap-display #factbox h3 { float: left; clear: left; font-size: 1.2em; font-weight: bold; margin-top: 5px; } .linkmap-display #factbox p.digest { float: left; clear: left; margin: 0; } .linkmap-display #factbox .content ul { float: left; clear: left; margin: 0; padding: 0; list-style: none; } /* -- ERROR PAGE -- */ #container.error-container .page-header { display: none; } /* -- CORETREK COLOFON -- */ #coretrek-colofon { float: right; font-size: .85em; } #coretrek-colofon a { color: #ddd } /* WinOrg webform style */ .ct-web-form { position: relative; } .ct-web-form h2 { border-bottom:none; padding:0; margin: 10px 0 10px 0 } .ct-web-form .adduser { position: absolute; right:110px; top:170px; text-align:center; } .ct-web-form .adduser a:hover, .ct-web-form .adduser a { text-decoration:none; cursor:pointer; } .ct-web-form hr { margin: 20px 0 20px 0;} .ct-web-form .adduser #person-spinner { background:url("/themes/common/images/lightbox/spinner.gif") no-repeat; height:19px; left:-55px; position:absolute; top:65px; width:220px; } .ct-web-form input.validationError { border: 2px solid red; } .ct-web-form #validationErrorMsg { margin: 5px 0 0 0; font-size:1.2em; } span.exeptionError { font-size:1.4em; color: red;} /* Toolbar ----------------------------------------------------------------> */ /* Element height is overridden in IE stylesheets */ .linktoolbar a { padding: 0 0 0 25px; display: block; min-height: 16px; } .linktoolbar li { padding-bottom: 10px; } #placeholder-content-no-right .linktoolbar h3, #placeholder-content .linktoolbar h3 { display: none; } #placeholder-content-no-right .linktoolbar a, #placeholder-content .linktoolbar a { padding:0 15px 0.5em 20px; height: 16px; display: block; float: left; } #placeholder-content-no-right .linktoolbar li, #placeholder-content .linktoolbar li { white-space: nowrap; margin: 0; padding: 0; float: left; } #placeholder-content-no-right .linktoolbar ul, #placeholder-content .linktoolbar ul { margin: 0 0 0 0; padding: 0; list-style-type: none; } /* Using CSS sprite technique to limit the amount of requests done by a page load. All linktoolbar icons are collected into one image. We use background offset to control what image is visible. */ .font_size_link { background: url(images/linktoolbar/icons.gif) no-repeat left -251px; } .print_link { background: url(images/linktoolbar/icons.gif) no-repeat left -51px; } .tipafriend_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left top; } .facebook_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -200px; } .delicious_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -100px; } .kudos_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -300px; } .digg_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -150px; } .nettby_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -400px; } .reddit_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -450px; } .linkedin_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -350px; } .twitter_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -500px; }