/*============================================================================================= * Customer Van Rossem Timeware * Project VRTsim * File html.css * Description General CSS formatting styles that are used throughout the web-site and that are not related to the primeFaces components. * Theme related styles (that are invoked by the primefaces generated elements) are not provided here but in * primefaces-modest/theme.css instead. Styles that override the Primefaces component structural css are provided in * components.css. * Author P.H. van Rossem, Van Rossem Timeware. * Copyright ©2008-2018 Van Rossem Timeware, 's-Hertogenbosch. All rights reserved. * Version 5.2 ================================================================================================= * History: 2.0 - PvR (03-08-2008): Initial build. * 3.0 - PvR (09-08-2011): PrimeFaces 2.2 version. * 3.2 - PvR (27-05-2012): Added table empty cell handling in CSS. * 4.0 - PvR (30-12-2012): HTML5/IE8 compatible version. * 4.4 - PvR (28-05-2014): Tab fonts and colors configurable. * 5.1 - PvR (05-12-2017): Added another bullet level for unordered lists. * 5.2 - PvR (25-08-2018): Cleanup database for GDPR: dropped tables Prospect, Contact, Subscription, Registration. ===============================================================================================*/ /* @todo 2: check for unused style classes */ body {font-family: Arial, Helvetica, sans-serif; font-size: 9pt} b {color: #247} img {border: 0} h2 {font-size: 12pt; font-weight: bold; color: #246; margin: 10px 0px} h3 {font-size: 10pt; font-weight: bold; color: #246; margin: 10px 0px} ul {list-style-image: url(/resources/images/bullet1.gif); margin-left: 1em; padding-left: 1em; padding-top: 3px} ol {margin-left: 1em; padding-left: 1em; padding-top: 3px} ul li ul, ol li ul {list-style-image: url(/resources/images/bullet2.gif)} ul li ul li ul, ul li ol li ul, ol li ul li ul, ol li ol li ul {list-style-image: url(/resources/images/bullet3.gif)} li {margin-left: 0em; margin-bottom: 0.3em} p {margin: 6px 0px} p a:link {font-weight: bold; text-decoration: none; color: #e85} p a:visited {font-weight: bold; text-decoration: none; color: #e85} p a:hover {font-weight: bold; text-decoration: underline; color: #e85} p a:active {font-weight: bold; text-decoration: none; color: #e85} a {outline: none} label {font-style: italic} table {empty-cells: show} iframe {border: none} input, textarea, select {font-family: inherit; font-size: 1.0em} /* @todo 2: add iOS scrolling: .scroller {padding: 15px; height: 98.5%; overflow: auto; -webkit-overflow-scrolling: touch} */ /* @todo 2: use justify style on all relevant pages */ .open {font-size: 10pt} .open p {margin: 12px 0px; line-height: 120%; text-align: justify} .open h2 {font-size: 13pt} .open h3 {font-size: 11pt} .one-column {max-width: 600px; margin: auto} .help-column {max-width: 800px; margin: auto} .justify p {text-align: justify} .txt-info {color: green} .txt-warn {color: brown} .txt-error {color: red} .txt-fatal {color: #900} .rounded {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px} .zoomed {zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: 0 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; } .short-tabs {tab-size: 4; -moz-tab-size: 4; -o-tab-size: 4} .tree-icon {padding: 3px 0px 3px 20px} .tree-icon-disabled {padding: 3px 0px 3px 20px; color: #888} /* @todo 2: move these styles to modules where needed */ .license-node-style {background: url("/resources/images/license.gif") no-repeat} .brand-node-style {background: url("/resources/images/brand.gif") no-repeat} .model-node-style {background: url("/resources/images/model.gif") no-repeat} .scope-node-style {background: url("/resources/images/scope.gif") no-repeat} .defsegment-node-style {background: url("/resources/images/def-segment.gif") no-repeat} .segment-node-style {background: url("/resources/images/segment.gif") no-repeat} .control-var-node-style {background: url("/resources/images/control.gif") no-repeat} .market-var-node-style {background: url("/resources/images/market.gif") no-repeat} .company-var-node-style {background: url("/resources/images/company.gif") no-repeat} .intervention-var-node-style {background: url("/resources/images/intervention.gif") no-repeat} .decision-var-node-style {background: url("/resources/images/decision.gif") no-repeat} .control-disabled-node-style {background: url("/resources/images/control-dis.gif") no-repeat} .market-disabled-node-style {background: url("/resources/images/market-dis.gif") no-repeat} .company-disabled-node-style {background: url("/resources/images/company-dis.gif") no-repeat} .intervention-disabled-node-style {background: url("/resources/images/intervention-dis.gif") no-repeat} .decision-disabled-node-style {background: url("/resources/images/decision-dis.gif") no-repeat} .activa-node-style {background: url("/resources/images/activa.gif") no-repeat} .passiva-node-style {background: url("/resources/images/passiva.gif") no-repeat} .turnover-node-style {background: url("/resources/images/turnover.gif") no-repeat} .cost-node-style {background: url("/resources/images/cost.gif") no-repeat} .func-node-style {background: url("/resources/images/function.gif") no-repeat} .animation-node-style {background: url("/resources/images/animation.gif") no-repeat} .rule-node-style {background: url("/resources/images/rule.gif") no-repeat} .leader-node-style {background: url("/resources/images/leader.gif") no-repeat} .team-node-style {background: url("/resources/images/team.gif") no-repeat} .mail-node-style {background: url("/resources/images/mail.gif") no-repeat} .data-node-style {background: url("/resources/images/data.gif") no-repeat} .table-node-style {background: url("/resources/images/table.gif") no-repeat} .line-node-style {background: url("/resources/images/line.gif") no-repeat} .bar-node-style {background: url("/resources/images/bar.gif") no-repeat} .pie-node-style {background: url("/resources/images/pie.gif") no-repeat} .donut-node-style {background: url("/resources/images/donut.gif") no-repeat} .bubble-node-style {background: url("/resources/images/bubble.gif") no-repeat} .finance-node-style {background: url("/resources/images/finance.gif") no-repeat} .alias-node-style {background: url("/resources/images/alias.gif") no-repeat} .game-node-style {background: url("/resources/images/game.gif") no-repeat} .export-node-style {background: url("/resources/images/folder.gif") no-repeat} .import-node-style {background: url("/resources/images/folder.gif") no-repeat} .booking-node-style {background: url("/resources/images/booking.gif") no-repeat} .event-node-style {background: url("/resources/images/event.gif") no-repeat} .file-node-style {background: url("/resources/images/file.gif") no-repeat} .news-node-style {background: url("/resources/images/news.gif") no-repeat} .enum-node-style {background: url("/resources/images/enum.gif") no-repeat} .const-node-style {background: url("/resources/images/constant.gif") no-repeat} .string-node-style {background: url("/resources/images/rule.gif") no-repeat} .variant-node-style {background: url("/resources/images/variant.gif") no-repeat} .link a:link {font-weight: bold; text-decoration: none; color: #e85} .link a:visited {font-weight: bold; text-decoration: none; color: #e85} .link a:hover {font-weight: bold; text-decoration: underline; color: #e85} .link a:active {font-weight: bold; text-decoration: none; color: #e85} .nolink a:link {font-weight: inherit; text-decoration: none; color: inherit} .nolink a:visited {font-weight: inherit; text-decoration: none; color: inherit} .nolink a:hover {font-weight: inherit; text-decoration: underline; color: inherit} .nolink a:active {font-weight: inherit; text-decoration: none; color: inherit} .smaller {font-size: 8pt; margin: 0px 0px} .banner {font-family: Verdana, Helvetica, Arial; font-size: 7pt; font-weight: bold; color: #237; background: #eef; width: 100%; height: 100%} .banner-left {position: absolute; top: 0px; left: 0px; width: 148px; height: 156px; background: transparent; border-bottom: 2px ridge white; border-right: 2px ridge white} .banner-mid {position: absolute; top: 0px; left: 150px; right: 152px; height: 156px; border-bottom: 2px ridge white} .banner-right {position: absolute; top: 0px; right: 0px; width: 150px; height: 156px; background: transparent; border-bottom: 2px ridge white; border-left: 2px ridge white} .banner-right a:link {text-decoration: none; font-weight: inherit; color: #237} .banner-right a:visited {text-decoration: none; font-weight: inherit; color: #237} .banner-right a:hover {text-decoration: underline; font-weight: inherit; color: #237} .banner-right a:active {text-decoration: none; font-weight: inherit; color: #237} .sidebar-left {position: absolute; top: 0px; left: 0px; width: 148px; height: 100%; background-color: #eef; border-right: 2px ridge white} .sidebar-menu {font-size: 8pt; font-weight: bold; padding: 8px} .sidebar-menu img {vertical-align: middle; border: 0} .sidebar-links {font-size: 9pt; font-weight: bold; padding: 8px} .sidebar-right {position: absolute; top: 0px; right: 0px; width: 150px; height: 100%; background-color: #eef; border-left: 2px ridge white; text-align: center} .menu-lev2 {font-family: Verdana, Helvetica, Arial; margin-left: 20px; line-height: 1.5em} .menu-lev2 a:link {text-decoration: none; color: inherit} .menu-lev2 a:visited {text-decoration: none; color: inherit} .menu-lev2 a:hover {text-decoration: underline; color: inherit} .menu-lev2 a:active {text-decoration: none; color: inherit} .main {font-size: 9pt; background: white url(/resources/images/bglogo.gif) no-repeat top center; padding: 12px} .team {font-size: 9pt; vertical-align: top; padding: 5px} .refs1 {text-align: center; vertical-align: top; background-color: #eef; padding-top: 5px; border-left: 2px ridge white} .refs2 {text-align: center; vertical-align: bottom; background-color: #eef; padding-bottom: 5px; border-left: 2px ridge white; border-bottom: 2px ridge white} .ads-below {text-align: center; font-style: italic; font-size: 7pt; padding-top: 4px} .ads-right {text-align: center; font-style: italic; font-size: 7pt; padding-left: 4px} .right {float: right; margin-left: 12px} .left {float: left; margin-right: 12px} .important {border: 2px solid black; padding: 5px; background-color: #fcc} .article {text-decoration: underline; color: #237; padding-top: 6px; padding-bottom: 2px} .indexheader {font-weight: bold; padding: 10px 0px 10px 10px; border-bottom: 2px groove #444} .scroller {overflow: auto; border: 1px solid gray; margin: 5px; padding: 5px; background-color: white} .table-input {padding: 0; border: none; background-color: transparent} .multi {border: 2px solid #060; } .program {border: 2px solid #a50; } .topaligned {vertical-align: top} .centeraligned {vertical-align: center} .rightaligned {text-align: right} .name {font-weight: bold; color: #44f} .mark {font-weight: bold; color: #f44} .report-msg-row {border: 2px solid #444} .report-section-row {background-color: #ffc; border-bottom: 1px solid #444; border-top: 2px solid #444; border-left: none; border-right: none; font-size: 9pt; font-weight: bold !important; padding: 2px 8px} .report-value-row {background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 8pt; padding: 2px 8px} .report-consolidated-row {background-color: #fcc; border-top: 2px solid #444; border-bottom: 2px solid #444; font-size: 9pt; font-weight: bold; padding: 2px 8px} .report-open-row {background-color: #ffc; border-top: 2px solid #444; font-size: 9pt; font-weight: bold; padding: 2px 8px} .report-close-row {background-color: #ffc; border-bottom: 2px solid #444; font-size: 9pt; font-weight: bold; padding: 2px 8px} .report-grandtotal-row {background-color: #dcd; border-top: 2px solid #444; border-bottom: 2px solid #444; font-size: 10pt; font-weight: bold; padding: 2px 8px} .report-description-text {font-weight: bold} .report-left-border {border-left: 1px solid black} .report-right-border {border-right: 1px solid black} .report-unreleased {color: #a00} .report-open {color: #080} .report-closed {color: #000} .entry-text {text-align: left; font-size: 11pt; font-weight: bold} .entry-small {text-align: left; font-size: 8pt; font-weight: normal; color: black} .entry-text-zh {text-align: left; font-size: 12pt; font-weight: bold} .entry-small-zh {text-align: left; font-size: 9pt; font-weight: normal; color: black} .tipped {position: relative; z-index: 24} .tipped:hover {z-index: 25} .tipped .tip {display: none} .tipped:hover .tip {display: block; position: absolute; top: 1em; left: 1em; width: 30em; border: 4px ridge #888; padding: 4px; font-size: 9pt; text-align: left; background-color: #ffd; z-index: 26; color: #630} .confirm {color: #24a}