/** * Tested on: IE11+, latest Chrome, Firefox, Opera, and Safari at March 2018 * * @version 4.0 * @author Damien Farah (adapted significantly from an original by Boris Vitez) * * Compress with http://www.csscompressor.com/ */ /* ::: Viewport declaration [http://dev.w3.org/csswg/css-device-adapt/] */ @-webkit-viewport { width:device-width; } @-moz-viewport { width:device-width; } @-ms-viewport { width:device-width; } @-o-viewport { width:device-width; } @viewport { width:device-width; } /* Added by Damien to set a base fontsize */ /* html { font-size:16px; } */ html { /* font-size:100%; */ height:100%; } body { position:relative; font-family:"Open Sans", Arial, san-serif; color:#372f32; font-size:1em; font-size:1rem; line-height:1.4em; line-height:1.4rem; -webkit-text-size-adjust:100%; padding:0px; margin:0px; outline:0; vertical-align:baseline; background:#fff; } html,body { width:100%; margin:0px; padding:0px; } #body { overflow:hidden; } /* We switch to display:table here otherwise cmsContent too wide for the screen width doesn't get the horizontal scrollbar */ #body.mf { display:table; overflow-x:auto; } div { /* Hide the blue flash that shows in mobiles when selecting items. */ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); } /*** The Main Layout Code ***/ * { vertical-align:baseline; font-family:inherit; font-style:inherit; outline:0; padding:0; margin:0; } /*-------------------------*/ /* Default "header" styles */ /*-------------------------*/ h1, .h1 { font-size:1.5em; font-size:1.5rem; font-weight:bold; line-height:2.25rem; margin-bottom:0.5em; color:#3a3a3a; } h2 { font-size:1.375em; font-size:1.375rem; font-weight:bold; line-height:2.125rem; margin-top:0.5em; margin-bottom:0.5em; color:#3a3a3a; } h3 { font-size:1.25em; font-size:1.25rem; font-weight:600; line-height:1.875rem; margin-top:0.5em; margin-bottom:0.5em; color:#3a3a3a; } h4 { font-size:1.125em; font-size:1.125rem; font-weight:300; line-height:1.875rem; margin-top:0.5em; margin-bottom:0.5em; color:#3a3a3a; } /* TODO: untouched - needs assessment */ h5 { font-size:1.0rem; font-weight:bold; font-style:italic; margin-bottom:1rem; } h6 { font-size:1.0rem; font-weight:normal; font-style:italic; margin-bottom:1rem; } /* Used in the titles in video boxes */ h6.videotitle { font-size:1.25em; font-size:1.25rem; font-weight:600; font-style:normal; line-height:1.875rem; margin-bottom:0.5em; color:#3a3a3a; } /*---------------------------------*/ /* OpenSans Fonts v15 = 11/10/2017 */ /*---------------------------------*/ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/fonts/opensans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/opensans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/opensans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/opensans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/fonts/opensans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/opensans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/opensans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/opensans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; letter-spacing:0.01em; font-weight: 400; src: url('/fonts/opensans/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/opensans/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/opensans/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/opensans/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/fonts/opensans/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/fonts/opensans/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/opensans/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/opensans/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/fonts/opensans/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/opensans/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/opensans/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/opensans/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/opensans/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /*----------------------*/ /* Custom BIS web fonts */ /*----------------------*/ @font-face { font-family: 'biswebfonts'; src: url('/fonts/biswebfonts/biswebfonts.eot?bqf9ce'); src: url('/fonts/biswebfonts/biswebfonts.eot?bqf9ce#iefix') format('embedded-opentype'), url('/fonts/biswebfonts/biswebfonts.ttf?bqf9ce') format('truetype'), url('/fonts/biswebfonts/biswebfonts.woff?bqf9ce') format('woff'), url('/fonts/biswebfonts/biswebfonts.svg?bqf9ce#biswebfonts') format('svg'); font-weight: normal; font-style: normal; } /* [class^="icon-"], [class*=" icon-"] { */ .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family:'biswebfonts' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1.8rem; /* Better Font Rendering =========== */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-calendar-full:before { content:"\d001";} .icon-chart-bars:before { content:"\d002"; } .icon-enter-down:before { content:"\d003"; } .icon-question-circle2:before { content:"\d004"; } .icon-link:before { content:"\d005"; } .icon-film-play:before { content:"\d006"; } .icon-explorer:before { content:"\e001"; } .icon-epub2:before { content:"\e002"; } .icon-podcast:before { content:"\e003"; } .icon-instagram:before { content:"\e004"; } .icon-home:before { content:"\f001"; } .icon-search:before { content:"\f002"; } .icon-chevron-left:before { content:"\f003"; } .icon-chevron-right:before { content:"\f004"; } .icon-chevron-up:before { content:"\f005"; } .icon-chevron-down:before { content:"\f006"; } .icon-external-link:before { content:"\f007"; } .icon-quote-left:before { content:"\f008"; } .icon-quote-right:before { content:"\f009"; } .icon-at:before { content:"\f00a"; } .icon-calendar:before { content:"\f00b"; } .icon-plus-circle:before { content:"\f00c"; } .icon-minus-circle:before { content:"\f00d"; } .icon-question-circle:before { content:"\f00e"; } .icon-sliders:before { content:"\f00f"; } .icon-twitter-square:before { content:"\f010"; } .icon-linkedin-square:before { content:"\f011"; } .icon-rss-square:before { content:"\f012"; } .icon-youtube-square:before { content:"\f013"; } .icon-envelope-square:before { content:"\f014"; } .icon-info-circle:before { content:"\f015"; } .icon-warning:before { content:"\f016"; } .icon-file-o:before { content:"\f017"; } .icon-print:before { content:"\f018"; } .icon-table:before { content:"\f019"; } .icon-file-pdf:before { content:"\f020"; color:#aa332f; } .icon-file-word:before { content:"\f021"; } .icon-file-excel:before { content:"\f022"; color:#0f8627; } .icon-file-archive:before { content:"\f023"; } .icon-file-generic:before { content:"\f024"; color:#cecece; } .icon-file-video:before { content:"\f025"; } .icon-caret-down:before { content:"\f0026"; } .icon-caret-up:before { content:"\f027"; } .icon-caret-left:before { content:"\f028"; } .icon-caret-right:before { content:"\f029"; } .icon-navicon:before { content:"\f02a"; } .icon-times-circle:before { content:"\f02b"; } .icon-sign-out:before { content:"\f030"; } /* iconbutton - like the stats buttons on the homepage. */ .defaultstyles .iconbutton { line-height:1em; font-size:2rem; color:#537947; vertical-align:middle; } .icon-alone { position:relative; width:1em; display:inline-block; } .icon-alone:before { position:absolute; } /*--------------*/ /* Page Message */ /*--------------*/ #body >#bispage >._pagemsgdiv { background-color:#369; border:1px solid #372f32; width:100%; } #body >#bispage >._pagemsgdiv .pagemsg { display:table-cell; color:whitesmoke; padding:15px; font-size:1rem; font-size:16px; width:100%; } #body >#bispage >._pagemsgdiv .pagemsg >a, #body >#bispage >._pagemsgdiv .pagemsg >a:link, #body >#bispage >._pagemsgdiv .pagemsg >a:hover { color:whitesmoke; text-decoration:underline; } #body >#bispage >#codemsg._pagemsgdiv { position:relative; box-sizing:border-box; overflow-y:hidden; display:none; } #body >#bispage >#codemsg._pagemsgdiv input { padding:5px 15px; } /* -- end Page Message CSS -- */ #pagecontent { position:relative; padding-top:0px; padding-bottom:80px; } /* This is here to make sure that "display-nojs" is hidden by default */ .display-nojs { display:none; } html.no-js .display-nojs { display:block; } /*-------------*/ /* Page Header */ /*-------------*/ /*::Logo, search boxes and hamburger::*/ /*::::::::::::::::::::::::::::::::::::*/ #page-header >#pagehdr1 { padding:20px 20px 0px 20px; } #page-header >#pagehdr1 >#pagehdr1table { display:table; width:100%; } #page-header >#pagehdr2 { position:relative; display:none; background-color:#dbdbdb; border-top: 3px solid #aa332f; z-index:10005; } /* At init time, hide all menus and hamburger icon */ /* #mobilemenu_hamburger { display:none; } */ /* #body.mf #mobilemenu_hamburger { display:block; } */ #page-header #hdr_tools { display:none; } #body.mf #page-header #hdr_tools { display:table-cell; vertical-align:middle; width:1%; } #page-header #hdr_search { display:table-cell; vertical-align:middle; width:1%; } #body #page-header #hdr_search { display:none; } /* Show the hdr_search div on all desktop pages - except those search page. */ #body.dt #pagecontent:not(.nosearch) #page-header #hdr_search { display:table-cell; } /* Hide the mobile friendly search and menu icons when appropriate. */ #body #pagecontent.nosearch #page-header #hdr_tool_search { display:none; } #body #pagecontent.nomenu #page-header #hdr_tool_hamburger { display:none; } /* BIS logo image */ #page-header #hdr_logo { display:table-cell; vertical-align:middle; width:1%; padding-bottom:20px; } #page-header #hdr_logo >a { color:#fff; } #page-header #hdr_logo >a >img { display:block; margin:10px 0px; } /*** Hamburger css ***/ /* Hamburger "spinner" definitition */ #page-header #hdr_tool_hamburger #mobilemenu_hamburger * { transition:all 0.3s; -webkit-transition:all 0.3s; box-sizing:border-box; } #page-header #hdr_tool_hamburger #mobilemenu_hamburger { position:relative; width:30px; height:30px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); } #page-header #hdr_tool_hamburger #mobilemenu_hamburger >#spinner { position:absolute; z-index:99; height:100%; width:100%; top:0px; left:0; cursor:pointer; } #page-header #hdr_tool_hamburger #mobilemenu_hamburger .spinner2 { position:absolute; height:4px; width:100%; background-color:#aa332f; border-radius: 15px; } #page-header #hdr_tool_hamburger #mobilemenu_hamburger >#spinner >.horizontal { position:relative; float:left; margin-top:7px; } #page-header #hdr_tool_hamburger #mobilemenu_hamburger >#spinner >.diagonal.part-1 { position:relative; float:left; } #page-header #hdr_tool_hamburger #mobilemenu_hamburger >#spinner >.diagonal.part-2 { position:relative; float:left; margin-top:6px; } #page-header #hdr_tool_hamburger.chosen #mobilemenu_hamburger >#spinner >.horizontal { opacity:0; } #page-header #hdr_tool_hamburger.chosen #mobilemenu_hamburger >#spinner >.diagonal.part-1 { transform:rotate(135deg); -webkit-transform:rotate(135deg);margin-top:10px; } #page-header #hdr_tool_hamburger.chosen #mobilemenu_hamburger >#spinner >.diagonal.part-2 { transform:rotate(-135deg); -webkit-transform:rotate(-135deg);margin-top:-16px; } #page-header form.hdr_searchform input.hdr_searchfield:hover, #page-header form.hdr_searchform input.hdr_searchfield:focus { border:1px solid #858082; color:#372f32; } #page-header form.hdr_searchform input.hdr_searchfield { width:100%; vertical-align:top; color:#999999; padding:0px 0.5rem; font-size:1rem; height:40px; border-radius:5px; background-color:rgba(0,0,0,0); box-sizing:border-box; border: 1px solid #a2a2a2; border-radius: 5px; min-width:270px; position:relative; z-index:3; } /* 10Apr18 Damien - to fix a IE9 bug with min-width issue on table-cell. */ #page-header #hdr_search form.hdr_searchform input.hdr_searchfield { width:270px; } #page-header .hdrtools_class { position:relative; display:table-cell; vertical-align:middle; padding: 20px 10px 30px 10px; border-top-left-radius:5px; border-top-right-radius:5px; height:100%; width:1%; cursor:pointer; transition:all 0.3s; } #page-header .hdrtools_class.chosen { background-color:#dbdbdb; } #page-header .hdrtools_class.chosen::after { content:""; position:absolute; bottom:-4px; height:5px; width:100%; background-color:#dbdbdb; z-index:10006; margin:0px -10px; } #page-header #hdr_search { display:table-cell; vertical-align:middle; width:1%; } #page-header #hdr_mobilesearch { padding:20px 0px; } #page-header form.hdr_searchform { display:table; border-spacing:10px 0px; } #page-header form.hdr_searchform >.hdr_searchboxdiv { display:table-cell; vertical-align:middle; width:100%; } #page-header form.hdr_searchform >.hdr_searchboxdiv >.hdr_searchbox { width:100%; font-size:1rem; border:0px none; background-color:white; border-radius:5px; z-index:1; } #page-header form.hdr_searchform >.hdr_searchbuttondiv { display:table-cell; vertical-align:middle; } #page-header form.hdr_searchform >.hdr_searchbuttondiv >.hdr_searchbutton { background:none; border:none; } #page-header .hdr_searchicon { font-size:30px; min-width:30px; color:#aa332f; } /* Don't show the header search icon on the search page. */ #_search_ #page-header #hdr_tool_search { display:none; } #page-header #hdr_tool_search >#hdr_tool_searchicon { position:relative; top:-3px; } #page-header #hdr_tool_search.chosen >#hdr_tool_searchicon { display:none; } #page-header #hdr_tool_search:not(.chosen) >#hdr_tool_searchiconX { display:none; } #page-header #hdr_tool_search #hdr_tool_searchiconX { width:30px; height:30px; cursor:pointer; } #page-header #hdr_tool_search #hdr_tool_searchiconX .spinner2 { position:absolute; height:4px; width:100%; background-color:#aa332f; border-radius: 15px; } #page-header #hdr_tool_search #hdr_tool_searchiconX >.diagonal.part-1 { position:relative; float:left; transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:10px; } #page-header #hdr_tool_search #hdr_tool_searchiconX >.diagonal.part-2 { position:relative; float:left; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); margin-top:-4px; } form .placeholder-wrapper { position:relative; display:inline-block; height:100%; width:100%; } form .placeholder-wrapper.bis_placeholder::after { content:attr(data-watermark); position:absolute; pointer-events:none; color:#dbdbdb; z-index:2; left:0.5em; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } /* Liquid layout, based on the 1 pixel overlap */ /* http://www.pmob.co.uk/temp/3colfixedtest_explained.htm */ /* column ordering: left, center, right */ #container { display:table; table-layout:fixed; width:100%; padding-top:2.5rem; padding-bottom:50px; } /* IE6 hack */ * html #container { position:relative; text-align:left; zoom:1; /* to force the IE hasLayout Property */ } #container >#left { display:table-cell; width:25%; vertical-align:top; z-index:200; } @media only screen and (max-width: 960px) { /* width below 960px */ #container >#left { display:none; } } #center { position:relative; display:table-cell; width:67%; z-index:100; } .login_container >#center { display:block; width:100%; } .search_container >#center { display:block; width:100%; } .bcbscommentupload_container.entryform >#center { display:block; width:100%; } .staffpage_container >#center { display:block; width:100%; } .sitemap_container >#center { display:block; width:100%; } /* Full width DocumentView layout - with slide-in left menu */ #body #container.full_width >#left { display:none; } #body.dt #container.full_width >#left { position:absolute; display:block; width:305px; z-index:10004; pointer-events:none; } #body.dt #container.full_width >#left.opened { pointer-events:all; } #container.full_width >#left >#leftmenuicons { position:absolute; left:-10000px; top:-32px; font-size:1.2rem; cursor:pointer; pointer-events:all; background-color:#aa332f; color:white; border-radius:2px; width:2.1rem; height:2.1rem; opacity:0.6; transition:opacity 0.4s ease;} #container.full_width >#left >#leftmenuicons:hover { opacity:1; } #container.full_width >#left >#leftmenuicons >#leftmenuicons_inner { position:absolute; top:0.2rem; left:.35rem; white-space:nowrap; } #container.full_width >#center { display:block; width:100%; } #container.full_width >#left >#navigation_local { overflow:hidden; } #container.full_width >#left >#navigation_local >#nav_local_menu { position:relative; right:310px; width:300px; transition:right 0.4s ease-out; box-shadow:2px 2px 3px rgba(0,0,0,0.6); } #container.full_width >#left.opened >#navigation_local >#nav_local_menu { right:0px; } #container.full_width >#left >#navigation_local >#nav_local_menu >#local_menu { margin:0px; margin-bottom:5px; } #body >#leftmenuoverlay { position:absolute; top:0px; width:100%; height:100%; z-index:10003; background-color:black; opacity:0; } /* Full width DocumentView layout - original */ /* #container.document_container.full_width >#left { display:none; } #container.document_container.full_width >#center { display:block; width:100%; } */ input[type=text], input[type=email], input[type=password], textarea { /* Remove shadows from input fields on Apple devices */ -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; vertical-align:top; color:#999999; padding: 0px 0.5rem; font-size: 1rem; font-weight:normal; height:2.5rem; background-color:white; box-sizing:border-box; border:1px solid #a2a2a2; border-radius:5px; } @-webkit-keyframes autofill { to { background:#fff; /* or transparent */ } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } #series_date_headings { font-size:0.9em; font-weight:bold; } /* Allow text selection in defaultstyles area */ .defaultstyles * { -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text; } /* Default table formats */ .defaultstyles table:not(.formtable) { border-collapse:collapse; border-spacing:0; font-size:0.875rem; line-height:1.4rem; } .defaultstyles table.formtable { border-collapse:separate; } /* A simple striped table has odd/even grey stripes. eg. /about/formerboard.htm */ .defaultstyles table.stripedtable { width:100%; font-size:0.9rem; } .defaultstyles table.stripedtable tr:nth-child(odd) { background-color: #f7f7f7; } .defaultstyles table.stripedtable tr:nth-child(even) { background-color: #eee; } .defaultstyles table.stripedtable tr >td { padding:5px 10px; } /* A simple border table has no background colour and collapsed, grey lines around the borders. eg. /statistics/count_rep_practices.htm */ .defaultstyles table.bordertable { background-color:none; } .defaultstyles table.bordertable tr >td { padding:5px; border:1px #a19d9e solid; } /* In a "datecolumn" table it is assumed that the first column is a date which should not wrap. */ .defaultstyles table.datecolumn tr td:first-child { white-space:nowrap; } /* Image styles */ .defaultstyles img { border:0px none; margin:0px; width:auto;max-width:100%; } .defaultstyles img.portrait { margin:10px 15px 15px 0px; max-width:none; float:left; } .defaultstyles img.portrait:after { content:''; clear:both; } .defaultstyles img.banner { margin:0px; max-width:100%; } /* Statistics graph CSS - will be eventually replaced by dynamic graphs for newer pages */ .defaultstyles div.statsimg { display:inline-block; border:1px dashed #737373; border-radius:7px; padding:15px; box-sizing:border-box; margin-bottom:15px; width:fit-content; } .defaultstyles div.statsimg a.imglink { border:none; text-decoration:none; padding:0px; } .defaultstyles div.statsimg a.imglink:hover { border:none; } .defaultstyles div.statsimg a.imglink:hover img { opacity:0.85; } .defaultstyles div.statsimg a.imglink img { max-width:100%; width:auto; height:auto; margin-bottom:15px; } /* No border on fieldset */ .defaultstyles fieldset { border:0px none; } /* HTML list styles */ .defaultstyles li { list-style-position:outside; margin-left:1.2rem; padding:0px; padding-left:0.5rem; margin-bottom:0.5rem; } .defaultstyles li:hover { background-color:#f3f3f3; } .defaultstyles li.singlelink >a, .defaultstyles li.singlelink >a:link, .defaultstyles li.singlelink >a:active { color:#372f32; font-weight:600; } .defaultstyles li.singlelink:hover >a { color:#aa332f; } .defaultstyles li >p:first-child { display:inline; } .defaultstyles ul ul { margin-left: 0px; } .defaultstyles ul ul li { list-style-type: circle; background: none; padding-left: 0px; } .defaultstyles ul ul ul li { list-style-type: disc; } /* fix line-spacing of text with sub and sup tags */ .defaultstyles sup, sub { font-size: .85em; height: 0; line-height: 1em; vertical-align: baseline; _vertical-align: bottom; /* IE6 hack */ position: relative; } .defaultstyles sup { bottom: 1ex; } .defaultstyles sub { top: .5ex; } .defaultstyles em { font-style: italic; } .right { float:right; } .left { float:left; } .inline { display:inline; } /* TODO: for redesign. */ .defaultstyles { line-height:1.8rem; } /* Default link css */ a, a:link, a:active { color:#372f32; text-decoration:none; } /* Primarily for menuitro etc. */ .defaultstyles a, .defaultstyles a:link, .defaultstyles a:active { color:#00407F; text-decoration:underline; } .defaultstyles a.dark, .defaultstyles a.dark:link, .defaultstyles a.dark:active { color:#372f32; } .defaultstyles a.dashed, .defaultstyles a.dashed:link, .defaultstyles a.dashed:active { border-bottom:1px dashed; text-decoration:none; } .defaultstyles a:hover, .defaultstyles a.dark:hover, #body .defaultstyles a.dashed:hover { color:#aa332f; } /* Default paragraph css */ .defaultstyles p, .defaultstyles pre, .defaultstyles ul { margin-bottom:1em; margin-bottom:1rem; } /* PDF image in document translations */ /* .cmsContent a.pdf { background: transparent url(/img/pdf_icon.gif) no-repeat scroll 0 1px; padding-left: 38px; } */ .defaultstyles a[href*=".pdf"]:not(.noicon), .defaultstyles a.icon_pdf, .defaultstyles a.icon_epub, .defaultstyles a[href*=".csv"]:not(.noicon), .defaultstyles a[href*=".xls"]:not(.noicon), .defaultstyles a[href*=".zip"]:not(.noicon) { position:relative; margin-left:1.3em; } .defaultstyles a.external { position:relative; margin-left:1.5em; } /* 18Nov14 Damien - Added for automatic pdf symbols in DocumentView and list content */ /* Note that the "display:inline-block;" is to prevent the underline showing on the ::after element */ /* .defaultstyles a[href*=".pdf"]::after, .list a[href*=".pdf"]:after, div[data-bisobj] a[href*=".pdf"]::after { font-family:'bis-webfonts'; content:"\e616"; display:inline-block; color:#aa332f; margin-left:0.2rem; text-decoration:none; } */ .defaultstyles a[href*=".pdf"]::before, .defaultstyles a.icon_pdf::before, .defaultstyles a[href*=".csv"]::before, .defaultstyles a[href*=".xls"]::before, .defaultstyles a[href*=".zip"]::before, .defaultstyles a.icon_epub::before, .defaultstyles a.external::before { content:none; position:absolute; /* top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); */ left:-1.2em; display:inline-block; /* so that the text-decoration css gets respected. */ text-indent:0; /* So we are not impacted by text-indent. See pdf links in footnotes of quarterly chapters */ font-family:'biswebfonts' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; text-decoration:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:inherit; speak:none; } .defaultstyles a[href*=".pdf"]:not(.noicon):not(.external)::before, .defaultstyles a.icon_pdf::before { content:"\f020"; color:#aa332f; } .defaultstyles a[href*=".csv"]:not(.noicon):not(.external)::before, .defaultstyles a[href*=".xls"]:not(.noicon):not(.external)::before { content:"\f022"; color:#0F8627; } .defaultstyles a[href*=".zip"]:not(.noicon):not(.external)::before { content:"\f023"; color:#d55b20; } .defaultstyles a.external::before { content:"\f007"; color:#aa332f; font-size:1.2em; vertical-align:middle; } .defaultstyles a.icon_epub::before { content:"\e002"; color:#85b916; font-size:1.2em; vertical-align:middle; } .defaultstyles #cmsContent { margin-top:1.5em; margin-top:1.5rem; } /* Default horizontal rule */ /* As hr element in IE always has height use div instead:
*/ .defaultstyles div.hr, .defaultstyles hr { display:block; margin-bottom:15px; font-size:0px; /* IE6 fix */ line-height:0px; height:0px; clear:both; border-top:2px solid #aa332f; width:100%; } /* ------------- */ /* List Filters */ /* ------------- */ /* Used in BCBS Comments upload & Reshub filters */ .defaultstyles .select2-selection.select2-selection--single { min-height:2.5rem; line-height:2.5rem; padding-left:5px; font-size:1rem; } .defaultstyles .select2-selection.select2-selection--single .select2-selection__rendered { line-height:2.5rem; text-overflow:ellipsis; } .defaultstyles .select2-selection.select2-selection--single .select2-selection__arrow { height:2.5rem; } /* eg. Used in BCBS Comments upload */ .list_filter { background-color:#f4f4f4; padding:20px 25px; margin-bottom:30px; } .list_filter label { font-size: 1em; font-weight: 600; margin-right:15px; } /* RSS link in lists */ .defaultstyles a.rss { display:block; text-decoration:none; line-height:1rem; } .defaultstyles a.rss :hover { text-decoration:none; border:0px; } /*.defaultstyles .list_rss_feeds .icon-rss-square { font-size:1.5rem; color:#f2b600; } */ .defaultstyles .icon-rss-square { font-size:1.5rem; color:#f2b600; } /*--------------*/ /* List results */ /*--------------*/ .defaultstyles div.list table { width:100%; border-spacing:0px 2px; border-collapse:separate; font-size:1rem; line-height:1.8rem; } .defaultstyles div.list table >thead >tr { background-color:#aa332f; } .defaultstyles div.list table >thead >tr >th { padding:2px 8px; text-align:left; color:#fff; } .defaultstyles div.list table tr >td { padding:10px 1.2rem; } .defaultstyles div.list table tr >td.item_date { width:10%; white-space:nowrap; } .defaultstyles div.list table tr.even, .defaultstyles .evenrowcolor { background-color:#f7f7f7; } .defaultstyles div.list table tr.odd, .defaultstyles .oddrowcolor { background-color:#eee; } .defaultstyles div.list table tr:hover { background:#ddd; } .defaultstyles div.list table >thead >tr:hover { background-color:#aa332f; } /* Redefine

titles in lists */ .defaultstyles div.list table tr >td >h4 { margin-bottom:5px; } .defaultstyles div.list table tr >td >h4 { font-weight:normal; font-size:1.0rem; margin-bottom:5px; } /* Redefine

paragraphs in lists */ .defaultstyles div.list table tr >td >p { margin-bottom:5px; } /* For Author pages research list */ .defaultstyles div.list table tr >td >.author_series { color:#a19d9e; margin-bottom:5px; } .defaultstyles div.list a.list_view_all { display:inline-block; color:white; background-color:#aa332f; font-size:0.9rem; font-weight:600; text-decoration:none; padding:5px 10px; border-radius:5px; margin:15px 0px; cursor:pointer; float:right; } .defaultstyles div.list a.list_view_all:after { content:''; clear:both; } /*----------------------*/ /* DocumentList results */ /*----------------------*/ .defaultstyles .documentList { color:#3a3a3a; } .defaultstyles .documentList a:not(:hover) { color:#3a3a3a; } .defaultstyles .documentList .title { line-height:1.4rem; } .defaultstyles .documentList .title a { font-size:1rem; font-weight:600; display:block; } .defaultstyles .documentList .info { font-size:0.9rem; line-height:1.4rem; } .defaultstyles .documentList .info p { margin-bottom:0.5rem; } .defaultstyles .documentList .info a { font-weight:600; } /* List containing translations */ .defaultstyles .documentList .info .translations ul.other_languages { display:inline; list-style-type:none; padding:0; margin:0; } .defaultstyles .documentList .info .translations ul.other_languages li { display:inline; background:none; padding:0; margin:0px 5px 0px 0px; } .defaultstyles .documentList .info .translations ul.other_languages li:after { content:","; } .defaultstyles .documentList .info .translations ul.other_languages li.last-child:after { content:none; } .defaultstyles.under500 .documentList .item_date { white-space:normal; padding:8px 0.2rem 8px 1rem; font-size:0.8rem; } /*-----------------*/ /* List navigation */ /*-----------------*/ .defaultstyles .paging { display:table; width:100%; vertical-align:bottom; margin-top:0.5rem; margin-bottom:0.5rem; } .defaultstyles .paging::after { content:""; display:block; clear:both; } /* .letters and .pages navigation lists */ .defaultstyles .paging >.pagingelements { display:table; } .defaultstyles .paging >.pagingelements >li { display:table-cell; } .defaultstyles .paging >.pagingelements >li { font-size:.9rem; /* line-height:1.8rem; */ float:left; border:1px solid #dbdbdb; background:#fff; width:1.55rem; height:2rem; margin:0px 0.25rem 0.25rem 0px; padding:2px 0px 0px 0px; text-align:center; } .defaultstyles .paging >.pagingelements >li >a >div { width:100%; height:100%; } .defaultstyles .paging >.pagingelements >li >a, .defaultstyles .paging >.pagingelements >li >a:visited { color:#003366; text-decoration:none; } .defaultstyles .paging >.pagingelements >li:hover { background-color:#003366; } .defaultstyles .paging >.pagingelements >li:hover >a { color:#fff; text-decoration:none; } .defaultstyles .paging >.pagingelements >li.current { color:#aa332f; font-weight:bold; border:1px solid #fff; } .defaultstyles .paging >.pagingelements >li.current:hover { background-color:#fff; } .defaultstyles .paging >.pages { float:right; } .defaultstyles .paging >.pages >li.separator { border:1px solid #fff; } .defaultstyles .paging >.pages >li.separator:hover { background-color:#fff; } /* removes focus */ .defaultstyles .paging >.pagingelements >li.disabled >a:focus { outline-style:none; } .defaultstyles .paging >.pagingelements >li.prev:hover { text-decoration:none; background:url("/img/nav_prev_h.gif") no-repeat scroll center center #003366; } .defaultstyles .paging >.pagingelements >li.prev { background:url("/img/nav_prev.gif") no-repeat scroll center center #fff; text-indent:-999em; } .defaultstyles .paging >.pagingelements >li.prev.disabled { background:url("/img/nav_prev_d.gif") no-repeat scroll center center #fff; } .defaultstyles .paging >.pagingelements >li.next:hover { background-color:#003366; text-decoration:none; background:url("/img/nav_next_h.gif") no-repeat scroll center center #003366; } .defaultstyles .paging >.pagingelements >li.next { background:url("/img/nav_next.gif") no-repeat scroll center center #fff; text-indent:-999em; } .defaultstyles .paging >.pagingelements >li.next.disabled { background: url("/img/nav_next_d.gif") no-repeat scroll center center #fff; } .defaultstyles .paging.paging_bottom .list_rss_feeds { display:none; } .defaultstyles .paging .list_rss_feeds { display:table-cell; vertical-align:bottom; } /* .pagingblk { padding-bottom:20px; } */ .pagingblk.pagingblk_bottom { padding-top:40px; } .pagingblk >div.title { padding-top:3px; margin-right:5px; } /*----------------------------------*/ /* DocumentView - dancing wait dots */ /*----------------------------------*/ .defaultstyles .wait-stage .dot-typing { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #cecece; color: #cecece; box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece; animation: dotTyping 1.5s infinite linear; margin-left: 1.2rem; margin-top: 40px; } @keyframes dotTyping { 0% { box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece; } 16.667% { box-shadow: 9984px -10px 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece; } 33.333% { box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece; } 50% { box-shadow: 9984px 0 0 0 #cecece, 9999px -10px 0 0 #cecece, 10014px 0 0 0 #cecece; } 66.667% { box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece; } 83.333% { box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px -10px 0 0 #cecece; } 100% { box-shadow: 9984px 0 0 0 #cecece, 9999px 0 0 0 #cecece, 10014px 0 0 0 #cecece; } } /* ------------------------------------------------------------------------- */ /* OLD Image popup CSS - used primarily in Quarterly report from 2008 - 2015 */ /* ------------------------------------------------------------------------- */ /* Photo-Caption PZ3 CSS (The Good Stuff) */ /* Borrowed from: http://randsco.com/index.php/2005/01/31/css_photo_caption_zoom */ .PZ3-l { float:left; margin-right:10px; } .PZ3-r { float:right; margin-left:10px; direction:rtl; } html > body .PZ3-r { position:relative; } .PZ3zoom { border:1px solid #369; } .PZ3zoom a, .PZ3zoom a:visited { display:block; padding:0; overflow:hidden; text-decoration:none; height:100%; width:100%; } html > body .PZ3-r a { right:0; } .PZ3zoom a:hover { position:absolute; z-index:999; padding:0; background:none; cursor:default; height:auto; width:auto; overflow:visible; border:1px solid #369; margin:-1px 0 0 -1px; } html > body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; } .PZ3zoom a img { border:0; height:100%; width:100%; } .PZ3zoom a:hover img { height: auto; width: auto; border: 0; } img.iPad { position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:10; } .PZ3zoom a:hover ~ img.iPad { display:block; } a:hover .PZ3cap, a:hover .PZ31cap { display:block; direction:ltr; font:10pt verdana,sans-serif; margin-top:-3px; background: #369; color:#fff; text-align:left; } a:hover .PZ3cap { padding: 3px 5px; } .PZ3inr { display:block; padding:2px 5px; } .noCap a:hover .PZ3cap { display:none; } .noBdr, .noBdr a:hover { border:0; } .Lnk a:hover { cursor:pointer; } /* End Photo-Caption Zoom CSS */ /* ------------------- */ /* Research Hub Styles */ /* ------------------- */ .reshublist_container div.list table tr td.reshub_title { padding:15px 15px 10px 16px; } /* cancel default margin for lists within the table */ .reshublist_container ul.reshub_paper_links { margin-bottom:0px; padding-left:1em; } .reshublist_container ul.reshub_authors { margin-bottom:0px; padding-left:0px; } .reshublist_container ul.reshub_authors li { background:none; } .reshublist_container #authorDirectoryListing, .reshublist_container #jelCodesListingOnHP { margin:10px 0px; } .reshublist_container #directoryListing, .reshublist_container #jelCodesListing { clear:both; padding-bottom:25px; } .reshublist_container #directoryListingBottom { clear:both; padding-bottom:40px; } .reshublist_container #jelCodesListing div, .reshublist_container #directoryListing div, .reshublist_container #directoryListingBottom div { /* float:left; */ } .reshublist_container #jelCodesListing div.title, .reshublist_container #directoryListing div.title, .reshublist_container #directoryListingBottom div.title, .reshublist_container #jelCodesListingOnHP div.title { padding-top:3px; margin-right:5px; } /* cancel margin for list filters by year */ .reshublist_container #seriesByYearTop p, .reshublist_container #seriesByYearBottom p, .reshublist_container #authorByYearTop p, .reshublist_container #authorByYearBottom p { margin-bottom:0px; } /* by Country/Institution */ .reshublist_container tr.reshub_institution_row { font-size:0.9rem; } .reshublist_container div.list table tr.item >td { padding:8px 1.2rem 0px 1.2rem; } .reshublist_container div.list table tr.item.reshub_institution_row >td { padding:0px 0.5rem 8px 0.7rem; } .reshublist_container tr.reshub_country { vertical-align:top; width:35%; } .reshublist_container .reshub_series { vertical-align:top; width:35%; } .reshublist_container .reshub_last_update { vertical-align:top; width:5%; } .reshublist_container .reshub_items_per_year { vertical-align:top; width:25%; } .reshublist_container td.reshub_institution { width:35%; } .reshublist_container table th.reshub_items_per_year p { text-align:right; } /* float elements to allow setting widths */ /* .reshublist_container div.paper_count_by_year span { float: left; width:2.8rem; } */ /* by Author list styles */ .reshublist_container .reshub_authors_name { width: 30%; } .reshublist_container .reshub_authors_series { width: 65%; } /* number of papers could be right-aligned */ .reshublist_container .reshub_authors_papers { width: 10%; text-align: right; } .reshublist_container #authorByName, .reshublist_container #authorNameSearch { margin-bottom: 15px; } .reshublist_container #authorNameSearch fieldset { padding: 0px; margin: 0px; border: none; } .reshublist_container #authorNameSearch fieldset input#author_name { width: 10em; } .reshublist_container ul.reshub_authors { margin-bottom: 0px; padding-left: 0px; } .reshublist_container ul.reshub_authors li { background: none; } .reshublist_container #reshub_institutions table.reshub { border-spacing:0px; } .reshublist_container #jel_classifications ul { margin:0px; background-color:#f4f4f4; padding:5px 10px; } .reshublist_container #jel_classifications ul.jel_level_one >li { margin-bottom:20px; } .reshublist_container #jel_classifications ul.jel_level_two >li { font-size:0.9rem; line-height:1.8rem; } .reshublist_container #jel_classifications.related_jel_classifications ul.jel_level_two >li { line-height:1.4rem; } /* highlight the title JEL Code */ .reshublist_container #jel_classifications .jeltitle { font-weight:600; } /* highlight currently selected JEL Code in the related list */ .reshublist_container #jel_classifications.related_jel_classifications li.current_jel { font-weight:bold; } .reshublist_container #jel_classifications.related_jel_classifications li.current_jel ul { font-weight:normal; } /* Create a spacer at the bottom of a list in the case that there is no paging data */ .reshublist_container .nopaging_spacer_bottom { height:40px; } /*-------------*/ /* Misc. rules */ /*-------------*/ .red { color:#aa332f; } .nowrap { white-space: nowrap; } /* needed for IE to explicitly clear the floats */ .clear-floats { clear:both; font-size:0px; height:0px; line-height:0px; } .clearfloats:after { content:''; display:block; clear:both; } .arrowlink { font-weight:600; color:#00407f; text-decoration:underline; } .arrowlink-arrow { display:inline-block; padding-left:0.2rem; color:#aa332f; top:0.05rem; position:relative; } /*---------------------------------------*/ /* Ad-hoc rules for specific pages/tasks */ /*---------------------------------------*/ /* ...for table in the /rss/index.htm page specifically */ table#list_rss_feeds { table-layout:fixed; } table#list_rss_feeds td { width:3em; padding:5px; vertical-align:middle; } table#list_rss_feeds td:first-child { padding:10px 20px; overflow:hidden; text-overflow:ellipsis; width:auto; } table#list_rss_feeds td.indent1 { padding-left:5vw; } table#list_rss_feeds td.indent2 { padding-left:8vw; } /* TODO - assess **********************************/ #series_date_headings { margin-bottom:5px; } /* fix for new IE8 page breaks */ #center br { line-height:0px; } /* Empty line */ /* More semantic than empty paragraph:

*/ div.empty_line { margin-bottom: 15px; font-size: 0px; /* IE6 fix */ line-height: 0px; height: 0px; clear: both; width: 100%; display: block; } /* end - assess **********************************/ /* --------------------------------- */ /* Generic CSS for content managers */ /* --------------------------------- */ /* Damien 11Jun14 */ .spacer-small { height:10px; } .spacer-medium { height:20px; } .spacer-large { height:30px; } .noMargin_noPad { padding:0px; margin:0px; } .author_content { display:table; } .author_content ul { padding:0px; margin-left:0px; } .author_photo { display:table; float:left; margin-right:20px; } .author_photo img.author_picture { border:0; margin:0px; margin-bottom:5px; } @media screen and (max-width: 500px) { /* only on screens below 500px */ .author_photo {display:none;} } /* --------------------- */ /* Generic center widths */ /* --------------------- */ /* eg. Used in pages that have a photo that needs to disapear in mobile friendly */ .twocols-bigphoto { display:block; } .col1-twocols-bigphoto { display:block; float:left; padding-right:15px; margin-bottom:10px; } #center.under600 .col1-twocols-bigphoto { float:none; } #center.under400 .col1-twocols-bigphoto { display:none; } .col2-twocols-bigphoto { display:block; vertical-align:top; } table.twocolumnsright { margin-left: 2%; } /* Tables for the AGM Agenda page */ table.agendatable td.col1 { width: 11%; } table.agendatable td.col2 { width: 14%; } /* ---------------------- */ /* BIS Objects global CSS */ /* ---------------------- */ /* Damien 11Jun14 */ .bisobj_parseerror { color:red; border:2px solid red; padding:5px; margin:10px 0px; font-size:1.5em; } /* -------------- */ /* To top of page */ /* -------------- */ #totop { display:none; height:40px; width:40px; position:absolute; right:20px; overflow:hidden; text-indent:100%; background:rgba(170, 51, 47, 0.8) url(/img/cd-top-arrow.svg) no-repeat center 50%; border-radius:5px; opacity:0; z-index:2000; } .no-touchevents #totop:hover { background-color:#aa332f; opacity:1; } @media only screen and (min-width: 768px) { #totop { right:20px; bottom:20px; } } @media only screen and (min-width: 1024px) { #totop { height:60px; width:60px; right:30px; bottom:30px; } } /* ----------------------------------------------------------------------------- */ /* Main menus CSS */ /* ----------------------------------------------------------------------------- */ /* --- GLOBAL definitions --- */ #nav_main_menu { position:relative; display:block; width:100%; /* z-index:10005; */ } #main_menu { touch-action:manipulation; width:100%; margin:0px; } #main_menu div { box-sizing:border-box; } /* Default list blocks */ #main_menu ul.menu { padding:0px; margin:0px; } /* Default menu link colors, sizes etc. */ #main_menu ul.menu >li >a { position:relative; display:block; color:#372f32; font-size:1rem; text-decoration:none; } /* Default link text div */ /* #main_menu ul.menu >li >a >.liblk >.litxt { position:relative; display:table-cell; width:100%; height:100%; padding:10px 20px; text-align:left; vertical-align:middle; z-index:100; } */ #main_menu ul.menu >li >a >.liblk >.litxt { position:relative; display:block; width:100%; height:100%; padding:12px 20px; text-align:left; vertical-align:middle; z-index:100; } /* --- DESKTOP definitions --- */ #body.dt #main_menu { position:static; display:block; box-sizing:border-box; width:100%; padding:0px 20px; margin:0px; background-color:#616161; border-bottom:2px solid white; } #body.dt #main_menu.menufloating { z-index:10015; } #body.dt #main_menu.menufloating:not(.menuabsolute) { position:fixed; top:0px; left:0px; box-shadow:3px 4px 5px rgba(0,0,0,0.6); -moz-box-shadow:3px 4px 5px rgba(0,0,0,0.6); -webkit-box-shadow:3px 4px 5px rgba(0,0,0,0.6); } #body.dt #main_menu.menuabsolute { position:absolute; top:0px; left:0px; right:0px; z-index:10015; } #body.mf #main_menu { position:static; } #main_menu >#dtmenu { display:table; table-layout:fixed; border-spacing:0px; width:100%; max-width:1200px; padding:0px; margin:0px auto; } /* All - Default li's::*/ #main_menu ul.menu >li { position:relative; padding:0px; margin:0px; border:0; list-style-type:none; cursor:pointer; background:none; /* Hide the blue flash that shows in mobiles when selecting items. */ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); } /* Hide the desktop "home" icon when in mobile friendly mode */ #body.mf #main_menu ul.menu.lvl1 >li#dthome { display:none !important; } #body.dt #main_menu ul.menu.lvl1 >li#dthome >a >.liblk >.litxt >.icon { line-height:inherit;} #body.dt #main_menu ul.menu.lvl1 >li#dthome >a >.liblk >.litxt >.icon::before { font-size:1.7rem; color:#afafaf; } /* All - "chosen" links */ #main_menu >#dtmenu >#megadiv1 ul.menu >li.chosen >a { background-color:white; color:#372f32; width:auto; } /* Level 0 ul */ /* Desktop - lvl0 shapes to contain the level 1 menu options. */ /* #main_menu >#dtmenu >ul.menu.lvl0 { padding:0px 20px; margin:0px auto; max-width:1250px; } */ #main_menu >#mfmenu ul.menu.lvl0 >#toptitle { border-top:3px solid #aa332f; z-index:10005; } /* Level 0 menu links */ /* Desktop - hide the level 0 title by default... it only gets shown in mobile mode. */ #main_menu >#dtmenu >ul.menu.lvl0 >li#toptitle >a { display:none; } /* Level 1 ul's */ /* Hide level 1 menu under dtmenu, unless in dt mode. */ #main_menu >#dtmenu ul.menu.lvl1 { position:relative; display:table; width:100%; width:calc(100% + 30px); margin-left:-15px; vertical-align:top;} #main_menu.menufloating >#dtmenu ul.menu.lvl1 { z-index:10005; } #main_menu >#mfmenu ul.menu.lvl1 { overflow:hidden; } /* Level 1 li's */ #main_menu >#dtmenu ul.menu.lvl1 >li { position:relative; display:table-cell; list-style:none; background:none; vertical-align:middle; padding:0px; } /* Level 1 submenu.chosen li's */ #main_menu >#dtmenu >ul.menu.lvl0 ul.menu.lvl1 >li.submenu.chosen { background-color:#aa332f; z-index:10018; } /* TODO Changed z-index 15Jan18 */ /* Level 1 li's - nav_on caret - identifying the level 1 menu of the current page. */ #main_menu >#dtmenu >ul.menu.lvl0 >li >ul.menu.lvl1 >li.submenu.nav_on::after { content:""; position:absolute; display:block; height:0px; width:0px; left:50%; bottom:0px; margin-left:-5px; border:8px solid rgba(255,255,255,0); border-bottom:10px solid white; } /* Level 1 menu introduction div (only shows under the megamenu area). */ #main_menu >#dtmenu ul.menu.lvl1 >li.submenu >div.menuintro { display:none; } /* Level 1 link text div */ #main_menu >#dtmenu ul.menu.lvl1 >li >a >.liblk >.litxt { display:block; width:100%; font-weight:normal; color:white; padding:12px 15px; text-align:center; } /* Level 2 & 3 ul's */ #main_menu >#dtmenu ul.menu.lvl1 ul.menu { display:none; } /* Level 2 & 3 links - Identify the currently selected menus */ #main_menu >#dtmenu >#megadiv1 ul.menu >li.nav_on >a { color:#aa332f; } /* Level 2 & 3 megamenu hover */ #main_menu >#dtmenu >#megadiv1 ul.menu >li >a:hover >.liblk >.litxt { /* transform: scale(1.03); */ text-decoration:underline; } /* Level 2 megamenu li's */ #main_menu >#dtmenu >#megadiv1 ul.menu.lvl2 >li::after { content:""; position:absolute; bottom:0px; width:100%; height:0px; border-top:1px solid #cacaca; border-bottom:1px solid #eaeaea; } /* Menu line definition */ /* Note that the "-webkit-transform:translateZ(0)" is needed to stop a pixel jump in Chrome, seen intermittently when the main_menu is in "fixed" state and menuline is in opacity transition. https://www.sitepoint.com/introduction-to-hardware-acceleration-css-animations/ */ #main_menu >#dtmenu >#menuline { position:absolute; display:none; pointer-events:none; background:white; border-bottom:1px solid #616161; border-radius:5px; top:40px; margin-left:0px; height:4px; -webkit-transform:translateZ(0); } /*** Megamenu div definitions ***/ #main_menu >#dtmenu >#megadiv1 { position:absolute; left:0px; right:0px; padding:0px; margin:0px; z-index:10005; display:none; width:100%; /*width:none; */border-top:2px solid white; background-color:#dbdbdb; table-layout:fixed; } #main_menu.expanded >#dtmenu >#megadiv1 { display:table; border-spacing:0px; } #main_menu >#dtmenu >#megadiv1 >#megadiv1-bckgrd { position:absolute; left:0px; z-index:1; width:50%; height:100%; background-color:#b7b7b7; } #main_menu >#dtmenu >#megadiv1 >#megadiv1-border { position:absolute; left:0px; bottom:-2px; z-index:2; display:block; width:100%; height:4px; background-color:white; border:none; border-bottom:1px solid #a4a4a4; box-shadow:3px 3px 5px rgba(0,0,0,0.6); -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.6); -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.6); } /* Icon/img arrow to indicate a submenu. */ /* #main_menu >#dtmenu >#megadiv1 ul.menu.lvl2 li.submenu >a >.liblk { background-image:url("/img/menu_arrow.gif"); background-repeat:no-repeat; background-position:right 30px center; padding-right:50px; } */ #main_menu >#dtmenu >#megadiv1 ul.menu.lvl2 li.submenu >a >.liblk >.litxt { padding-right:3rem; } #main_menu >#dtmenu >#megadiv1 ul.menu.lvl2 li.submenu >a >.liblk >.litxt::before { font-family:'biswebfonts' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; content:"\f004"; right:1rem; font-size:1.2rem; color:#aa332f; display:inline-block; text-decoration:none; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 { position:relative; z-index:2; display:block; max-width:1250px; margin:0px auto;} #main_menu >#dtmenu >#megadiv1 >#megadiv2 ul.menu.lvl3 { display:none; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 ul.menu.lvl4 { display:none; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 { display:table; table-layout:fixed; width:100%; } /*** Megamenu div1 - Area for level 1 menu introduction ***/ #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 >#mega_intro-outer { display:table-cell; width:33%; vertical-align:top; padding:20px 0px; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 >#mega_intro-outer >#mega_intro { display:block; overflow:hidden; width:100%; max-width:400px; vertical-align:top; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 >#mega_intro-outer .menuintro_inner { margin:0px 25px; overflow:hidden; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 >#mega_intro-outer .menuintro_inner img { box-sizing:border-box; width:auto; max-width:100%; height:auto; border:1px solid #dbdbdb; } /*** Megamenu div2 - Area for level 2 & 3 menus ***/ #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 >#mega_menus-div1 { display:table-cell; width:67%; vertical-align:top; background-color:#dbdbdb; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_menus-div2 { display:block; width:100%; vertical-align:top; padding:20px 0px; } /* In this section format */ #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_menus-div2 .menu-inthissection { display:block; margin-left:20px; margin-bottom: 15px; font-size:1rem; font-weight:bold; color:#372f32; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_menus { display:table; width:100%; vertical-align:top; padding: 0px 15px; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_lvl2-outer { display:table-cell; width:50%; vertical-align:top; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_lvl2-outer >#mega_lvl2 { display:inline; overflow:hidden; width:100%; max-width:400px; vertical-align:top; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_lvl3-outer >#mega_lvl3 { display:inline; overflow:hidden; width:100%; max-width:400px; vertical-align:top; height:100%; } /* Note that the background-color is set to "inherit" because of an IE bug which doesn't allow height 100% on ul elements. To fix this we set the background on the div parent and this div to "inherit". */ #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_lvl3-outer { position:relative; display:table-cell; background-color:inherit; width:50%; vertical-align:top; } #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_lvl3-outer.opened { background-color:white; } /* Continue the scratch line right across the bottom of the level 3 menu box so that it looks better. */ #main_menu >#dtmenu >#megadiv1 >#megadiv2 >#megadiv3 #mega_lvl3-outer.opened::after { content:""; position:absolute; bottom:0px; width:100%; height:0px; border-top:1px solid #cacaca; border-bottom:1px solid #eaeaea; } /* --- Main menus - Overlay definition --- */ /* I created this menu overlay to catch clicks elsewhere on the page (outside the menus themselves) in order to close the menus. I tried catching on "html" or "body", but found that apple Safari does not trigger click events on any element that does not have "cursor" set to pointer http://www.shdon.com/blog/2013/06/07/why-your-click-events-don-t-work-on-mobile-safari */ #body>.menuoverlay { position:absolute; left:0px; display:block; width:100%; height:100%; z-index:10004; cursor:pointer; /* Hide the blue flash that shows in mobiles when selecting items. */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } #body>.menuoverlay:focus, #body>.menuoverlay:active { background-color:none; } #body>#mo_upper { left:0px; top:0px; background-color:none; } #body>#mo_lower { background-color:#000000; opacity:0.6; } #body>#mfmo_lower { background-color:#000000; opacity:0; transition:opacity 0.5s linear; } #body>#mfmo_lower.darken { opacity:0.6; } /* --- MOBILEFRIENDLY definitions --- */ /* - Main menu block - */ #body.mf #main_menu >#dtmenu { display:none; } #body.mf #main_menu >#mfmenu { border-bottom:4px solid #aa332f; } #body.mf #main_menu >#mfmenu.mfshadow { box-shadow:3px 4px 5px rgba(0,0,0,0.6); -moz-box-shadow:3px 4px 5px rgba(0,0,0,0.6); -webkit-box-shadow:3px 4px 5px rgba(0,0,0,0.6); } /* Level all */ #main_menu >#mfmenu ul.menu >li { display:none; } #main_menu >#mfmenu ul.menu >li >a >.liblk { position:relative; display:block; width:100%; height:100%; margin:0px; padding:0px; } #main_menu >#mfmenu ul.menu >li.shownli:not(.chosen) { border-top:1px solid #e8e8e8; } /* The Home menu item stays grey. */ /* #main_menu >#mfmenu ul.menu.lvl0 >li >a >.liblk >.litxt { background-color:#dbdbdb; } */ #main_menu >#mfmenu ul.menu.lvl0 >li.shownli.chosen >a >.liblk >.litxt { color:#372f32; background-color:#dbdbdb; } #main_menu >#mfmenu ul.menu.lvl0 >li.submenu >a >.liblk >.licaret::after { border-top-color:#dbdbdb; } /* Highlight the "lowest" nav_on element in the menu. */ #main_menu >#mfmenu ul.menu >li.shownli.nav_on:not(.chosen) >a >.liblk >.litxt { background-color:#fff0f0; } #main_menu >#mfmenu ul.menu >li.shownli.nav_on:not(.chosen) >a >.liblk >.litxt::after { content:""; position:absolute; display:block; border-left:5px solid #aa332f; height:calc(100% + 2px); top:-1px; left:0px; } #main_menu >#mfmenu li >a >.liblk >.litxt { display:block; padding:20px 45px; background-color:white; } #main_menu >#mfmenu li.submenu >a >.liblk >.litxt { position:relative; z-index:100; transition:all 0.25s linear; padding-right:3.5rem; } #main_menu >#mfmenu li.submenu.titleblk >a >.liblk >.litxt { transition:all 0.25s linear; padding:20px; color:black; font-weight:bold; /* font-size:0.9rem; */ cursor:default; } #main_menu >#mfmenu li.submenu:not(.titleblk) >a >.liblk >.litxt::before { font-family:'biswebfonts' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1.5rem; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; content:"\f004"; right:1.5rem; font-size:1.4rem; color:#aa332f; } /* All "chosen" links which are not also "titleblk". */ #main_menu >#mfmenu li.submenu.chosen:not(.titleblk) >a { border-bottom:2px solid white; z-index:3; } #main_menu >#mfmenu li.submenu.chosen:not(.titleblk) >a >.liblk >.litxt { color:white; background-color:#aa332f; } #main_menu >#mfmenu li.submenu.chosen:not(.titleblk) >a >.liblk >.litxt::before { content:"\f003"; left:1rem; color:inherit; } /* The caret for the chosen, non-title-block divs is hidden behind the option and only drops down when the li is chosen. */ #main_menu >#mfmenu li.submenu >a >.liblk >.licaret { position:absolute; z-index:5; height:0px; width:0px; left:50%; bottom:-10px; padding:0px; margin-left:-8px; border:12px solid rgba(255,255,255,0); border-top-color:white; transition:bottom .25s linear; } #main_menu >#mfmenu li.submenu >a >.liblk >.licaret::after { content:""; position:absolute; height:0px; width:0px; border:8px solid rgba(255,255,255,0); border-top-color:#aa332f; left:50%; margin-left:-8px; bottom:-4px; } #main_menu >#mfmenu li.submenu.chosen:not(.titleblk) >a >.liblk >.licaret { bottom:-24px;} /* Level 1 menu links */ #main_menu >#mfmenu ul.menu.lvl1 >li >a { font-weight:normal; color:black; } /* Level 1 menu introduction (hide in mobile friendly. */ #main_menu >#mfmenu ul.menu.lvl1 >li.submenu >div.menuintro { display:none; } /* Level 1 li's */ #main_menu >#mfmenu ul.menu.lvl1 >li { width:100%; padding:0px; margin:0px; } /* Level 2 & 3 menu li's */ #main_menu >#mfmenu ul.menu >li ul.menu >li { z-index:0; } /* ---------- */ /* Local menu */ /* ---------- */ #local_menu { margin-right:40px; } #local_menu div { box-sizing:border-box; } /* Level 1 ul */ #local_menu >ul.localmenu.lvl1 { background-color:#f5f5f5; border-top: 5px solid #f5f5f5; } /* Default list blocks */ #local_menu ul.localmenu { padding:0px; margin:0px; } /* Default menu link colors, sizes etc. */ #local_menu ul.localmenu >li >a { position:relative; display:block; color:#372f32; font-size:1rem; text-decoration:none; } #local_menu ul.localmenu >li >a:hover { text-decoration:underline; } /* Level all li's */ #local_menu ul.localmenu >li { position:relative; padding:0px; margin:0px; border:0; list-style-type:none; background:none; /* Hide the blue flash that shows in mobiles when selecting items. */ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); } /* Level 1 li's */ #local_menu ul.localmenu.lvl1 >li { width:100%; padding:0px; margin:0px; } /* Level 2 & 3 menu li's */ #local_menu ul.localmenu >li ul.localmenu >li { border-top:1px solid #e8e8e8; z-index:0; } #local_menu ul.localmenu >li ul.localmenu >li:first-child { border-top:1px solid white; } /* All Level liblk and litxt styles. */ #local_menu ul.localmenu >li >a >.liblk { position:relative; display:block; width:100%; height:100%; margin:0px; padding:0px; } /* Style the "nav_on" item. */ #local_menu ul.localmenu >li.nav_on >a >.liblk >.litxt, #local_menu ul.localmenu >li.nav_on >.liblk >.litxt { font-weight:600; } #local_menu ul.localmenu >li.nav_on:not(.chosen) >a >.liblk >.litxt { background-color:#cecece; overflow:hidden; } #local_menu ul.localmenu >li.nav_on:not(.chosen) >a >.liblk >.litxt::after { content:""; position:absolute; display:block; height:calc(100% + 2px); top:-1px; left:0px; font-weight:600; border-left:4px solid #aa332f; } #local_menu li .liblk { position:relative; } /* #local_menu li >a >.liblk >.litxt { display:block; padding:20px 45px; } */ #local_menu li >a:hover >.liblk >.litxt { text-decoration:underline; } /* #local_menu li.submenu >a >.liblk >.litxt { position:relative; z-index:100; } */ #local_menu ul.localmenu >li >a >.liblk >.litxt, #local_menu li.submenu.titleblk >.liblk >.litxt { position:relative; width:100%; height:100%; padding:20px 20px 20px 20px; font-size:1rem; text-align:left; vertical-align:middle; z-index:100; } /* #local_menu ul.localmenu >li.titleblk >.liblk >.litxt { cursor:default; } */ #local_menu ul.localmenu >li.submenu >a >.liblk >.litxt { padding-right:3rem; } /* Add the submenu chevron */ #local_menu li.submenu >a >.liblk >.litxt::before { font-family:'biswebfonts' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; font-size:1.2rem; display:inline-block; text-decoration:none; } /* ... the chevron for the "non chosen submenu" items. */ #local_menu li.submenu:not(.chosen) >a >.liblk >.litxt::before { content:"\f004"; right:1.5rem; color:#aa332f; } /* All "chosen" items. */ #local_menu ul >li.submenu.chosen >a >.liblk >.litxt { padding-left:2.5rem; padding-right:2rem; } #local_menu ul.lvl1 >li.submenu.chosen >a >.liblk >.litxt, #local_menu ul.lvl1 >li.submenu.chosen >.liblk >.litxt { color:white; background-color:#822f2c; } #local_menu ul.lvl2 >li.submenu.chosen >a >.liblk >.litxt, #local_menu ul.lvl2 >li.submenu.chosen >.liblk >.litxt { color:white; background-color:#aa332f; } #local_menu ul.lvl3 >li.submenu.chosen >a >.liblk >.litxt, #local_menu ul.lvl3 >li.submenu.chosen >.liblk >.litxt { color:white; background-color:#ce4541; } /* ... the chevron for the chosen "non titleblk" items. */ #local_menu li.submenu.chosen:not(.titleblk) >a >.liblk >.litxt::before { content:"\f003"; left:0.8rem; color:white; } /* ... the caret for the chosen items. */ #local_menu li.submenu .liblk >.licaret { position:absolute; display:none; z-index:5; height:0px; width:0px; left:50%; bottom:-24px; padding:0px; margin-left:-8px; border:12px solid rgba(255,255,255,0); border-top-color:white; transition:bottom .25s linear; } #local_menu li.submenu .liblk >.licaret::after { content:""; position:absolute; height:0px; width:0px; border:10px solid rgba(255,255,255,0); border-top-color:#822f2c; left:50%; margin-left:-10px; bottom:-8px; } #local_menu ul.lvl2 >li.submenu .liblk >.licaret::after { border-top-color:#aa332f; } #local_menu ul.lvl3 >li.submenu .liblk >.licaret::after { border-top-color:#ce4541; } #local_menu li.submenu.chosen >a >.liblk >.licaret, #local_menu li.submenu.chosen.titleblk >.liblk >.licaret { display:block; /* bottom:-24px; */ } /* Level 1 menu links */ #local_menu ul.localmenu.lvl1 >li >a { font-weight:normal; color:black; } /* Level 1 menu introduction (hide in mobile friendly. */ #local_menu ul.localmenu.lvl1 >li.submenu >div.menuintro { display:none; } /* --- end menus ------------------------------------------------------------- */ /* ------------ */ /* Page framing */ /* ------------ */ /* .hdr-fullwidthdiv { width:100%; table-layout:fixed; box-sizing:border-box; } .hdr-fullwidthdiv >.pagediv-outer { display:block; max-width:1240px; margin:0px auto; } .hdr-fullwidthdiv >.pagediv-outer >.pagediv-inner { display:block; padding:0px 20px; } */ .fullwidth-outer { display:block; width:100%; padding:0px 20px; margin:0px; box-sizing:border-box; } .fullwidth-inner { display:table; table-layout:fixed; border-spacing:0px; width:100%; max-width:1200px; padding:0px; margin:0px auto; } /* ----------- */ /* Breadcrumbs */ /* ----------- */ #page-breadcrumbs #breadcrumbs { display:table; width:100%; padding:1em 0px; font-size:.85rem; line-height: 1.2rem; border-bottom:2px solid #aa332f; } #page-breadcrumbs #breadcrumbs ul { width:100%; margin:0px; padding:0px; } #page-breadcrumbs #breadcrumbs ul li { display:inline; float:left; margin:0px; padding:0px; list-style:none outside none; /* background:none; */ white-space:nowrap; font-weight:bold; } #page-breadcrumbs #breadcrumbs ul li:not(.last)::after { content:"/"; display:inline-block; padding:0px 0.5rem; color:#aa332f; } #page-breadcrumbs #breadcrumbs a { color:#372f32; font-weight:normal; text-decoration:underline; /* border-bottom:1px solid grey; */ } #page-breadcrumbs #breadcrumbs a:hover { color:black; } @media screen and (max-width: 865px) { #page-breadcrumbs #breadcrumbs ul li, #page-breadcrumbs #breadcrumbs ul li.parent::after { display:none; } #page-breadcrumbs #breadcrumbs ul li.parent { display:inline; float:left; padding-left:5px; background-image:none; } } /* Logout link - ("#logout_link" referenced in code) */ #page-breadcrumbs #breadcrumbs #logout_link { display:none; float:right; } #page-breadcrumbs #breadcrumbs #logout_link a { text-decoration:none; } #page-breadcrumbs #breadcrumbs #logout_word { margin-left:0.5em; text-decoration:underline; } #page-breadcrumbs #breadcrumbs #logout_icon { line-height:0px; font-size:1.2rem; vertical-align:middle; } @media screen and (max-width: 500px) { #page-breadcrumbs #breadcrumbs #logout_word { display:none; } } /* -------------*/ /* Extra title */ /* -------------*/ #extratitle-div { font-weight:lighter; font-size:1.125rem; line-height:1.8rem; margin-top:1rem; } /* --------------*/ /* Related info: */ /* --------------*/ #relatedinfo-div { width:100%; padding-top:40px; border-top:2px solid #aa332f; margin-top:50px; } #relatedinfo-div ul { margin-bottom:0px; } /* --------------------------- */ /* You might be interested in: */ /* --------------------------- */ #maybeinterestedin-div { display:block; width:100%; padding-top:40px; padding-bottom:40px; border-top:4px solid #aa332f; } #maybeinterestedin-div >h2:first-child { padding-bottom:10px; } #body.under850 #datablk-maybeinterestedin .columndivide >.cd-cell { display:block; width:100%; } /* -------------- */ /* Webpage footer */ /* -------------- */ #page-footer { position:relative; background-color:#616161; color:white; border-top:10px solid #aa332f; font-size:0.8rem; } .no-js #page-footer { visibility:visible; } .js #page-footer { visibility:hidden; } #footertable { display:table; border-spacing:0px; width:100%; font-size:12px; font-size:0.75rem; } .footercolumn { display:table-cell; width:30%; } .footercolumn li { margin-bottom:5px; } .footercolumn ul { white-space:nowrap; margin:0px; padding:0px; } .footercolumn ul li { padding:0px; list-style:none outside none; /* background:none; */ } /* hide the default bullet points */ #page-footer ul li a { color:white; text-decoration:none; } #page-footer ul li a.iconlink, #page-footer ul li a.iconlink:hover { text-decoration:none; } #page-footer ul li a:hover { text-decoration:underline; } #page-footer #footer-pagediv { display:table; width:100%; } #page-footer #footer-pagediv >#footer-leftdiv { display:inline-block; width:50%; padding-top:20px; } #page-footer #footer-pagediv >#footer-rightdiv { display:block; float:left; width:49%; padding:20px 0px; } #body.mf #page-footer #footer-pagediv >.footer-divblks { display:block; width:100%; } #page-footer .footercolumn .title, #page-footer #stayconnected .title { font-size:0.9rem; font-weight:bold; padding-bottom:1rem; } #page-footer #stayconnected { display:block; float:right; width:auto; margin-bottom:20px; } #body.mf #page-footer #stayconnected { float:unset; width:100%; } #page-footer #stayconnected .shareicons { position:relative; display:block; background-color:white; width:1.3rem; height:1.4rem; border-radius: 5px; } #page-footer #stayconnected .shareicons::before { position:absolute; top:-0.2rem; left:-0.2rem; font-size:1.8rem; color:#898989; } #page-footer #stayconnected >ul.sociallist { display:table; padding-bottom:5px; } #page-footer #stayconnected >ul.sociallist >li:not(:first-child) { padding-left:15px; } #page-footer #stayconnected >ul.sociallist >li { display:table-cell; vertical-align:middle; } #page-footer #stayconnected >ul#emailalert { display:table; width:100%; min-width:430px; border-top:2px solid white; padding:5px 0px; margin:5px 0px; } #body.mf #page-footer #stayconnected >ul#emailalert { min-width:0px; } #page-footer #stayconnected >ul#emailalert >li { display:table-cell; vertical-align:middle; } #page-footer #stayconnected >ul#emailalert >li:first-child { width:1%; padding-left:0.2rem; padding-top:5px; } #page-footer #stayconnected >ul#emailalert >li:not(:first-child) { width:auto; padding-left:10px; } /* Page share buttons */ #page-footer #sharethispage { position:absolute; top:-60px; display:block; /* width:100%; */ } #page-footer #sharethispage >ul.sociallist { display:table; width:1%; white-space:nowrap; color:#372f32; } #page-footer #sharethispage >ul.sociallist >li:not(:first-child) { padding-left:10px; } #page-footer #sharethispage >ul.sociallist >li { display:table-cell; vertical-align:middle; } #page-footer #sharethispage .shareicons { font-size:1.8rem; color:#aa332f; } /*--------------*/ /* DocumentView */ /*--------------*/ /* TODO: Assess */ #dv_seriesDate, .dv.chapterlist { width:100%; } /* #center table.documentChapters tr td.dv.chaptertitle { */ .dv.chaptertitle { text-align:right; width:5%; float:left; } #center table.documentChapters tr td.text_by_chapter { width:70%; } #center table.documentChapters tr td.languages { width:25%; white-space:nowrap; } /* end assess */ /* Language links in top of pages eg. Quarterlies */ .document_container #langlinks-div { position:absolute; display:block; right:0px; top:-2rem; } .document_container #langlinks-div a:hover .langlink-div { background-color:#dbdbdb; } .document_container #langlinks-div::after { content:''; clear:both; } .document_container #langlinks-div >.langlink-lnk {} .document_container #langlinks-div .langlink-div { display:inline-block; font-size:0.9rem; width:1.8rem; border:1px solid #a5a5a5; text-align:center; float:right; margin-left:5px; } /*------------------------------*/ /* DocumentView "Page info box" */ /*------------------------------*/ .document_container .pageinfoblk { display:table; table-layout:fixed; width:100%; box-sizing:border-box; border-spacing:0px; color:#372f32; background-color:#f5f5f5; border-top:3px solid #aa332f; padding:20px; margin-top:1rem; margin-bottom:2rem; font-size:0.9rem; font-weight:normal; } .document_container .pageinfoblk a:not(:hover) { color:#372f32; } .document_container .pageinfoblk >* { display:table-cell; vertical-align:top; } .document_container .pageinfoblk >.pdftxt >.langlinks { text-align:left; } .document_container .pageinfoblk >.pdftxt >.pdftitle >a >.pdfinfo { display:inline; font-weight:normal; } .document_container .pageinfoblk >.pdftxt >.pdfdocinfo >.date { display:inline-block; font-weight:600; } /* Language links in the page info block of normal documents eg. BIS papers. */ .document_container #langlinksInfoblk-div { display:block; } .document_container #langlinksInfoblk-div a:hover .langlink-div { background-color:#dbdbdb; } .document_container #langlinksInfoblk-div .langlink-div { display:inline-block; font-size:0.8rem; text-align:center; white-space:nowrap; margin-right:0.25rem; line-height:1rem; padding:0.25rem; } .document_container #langlinksInfoblk-div .langlink-div >.langlink-size { font-size:0.7rem; } .document_container .docinfoline >* { display:inline; } .document_container .pdftitle >* { display:inline-block; } .document_container .pdftitle_link { font-weight:600; } .document_container .pdftitle_pages { white-space:nowrap; } .document_container .icoblk { width:3em; } .document_container .icoblk:before { font-size:1.8rem; } .document_container .icoblk.bcbs_icoblk { position:relative; } .document_container .icoblk.bcbs_icoblk:before { position:absolute; left:0px; display:inline-block; width:2em; height:2em; color:white; font-size:0.9rem; font-weight:600; text-decoration:none; text-align:center; vertical-align:middle; line-height:2em; border-radius:40px; speak:none; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /*--------------------------------------------------*/ /* DocumentView "BCBS specific menu and info block" */ /*--------------------------------------------------*/ .document_container #bcbsheader { background-color:#f4f4f4; padding:15px 0px; border:1px solid #dbdbdb; margin-bottom:30px; } .document_container #bcbsheadertitle { padding-left:15px; padding-left:1.4vw; padding-bottom:15px; font-weight:bold; } .document_container .bcbsnavline { width:auto; border-bottom:1px solid #dbdbdb; margin:0px 15px; margin:0px 1.4vw; } .document_container #bcbsmenu.mf .bcbsnavline { position:relative; margin:0px 3vw; } .document_container #bcbsmenu.mf .bcbsnavline:after { content:''; position:absolute; left:50%; left:calc(50% - 14px); bottom:0px; width:0px; height:0px; border:14px solid rgba(255,255,255,0); border-bottom:14px solid #dbdbdb; } .document_container #bcbsmenu { position:relative; } .document_container #bcbsmenu >ul { position:relative; display:table; table-layout:fixed; width:100%; padding:0px; padding-bottom:20px; margin:0px auto; border-spacing:25px 0px; border-spacing:1.4vw 0px; } .document_container #bcbsmenu.mf >ul { position:absolute; left:-99999px; } .document_container #bcbsmenu >.bcbsmenuselect { display:none; } .document_container #bcbsmenu >.bcbsmenuselect >select { position:relative; } .document_container #bcbsmenu.mf >.bcbsmenuselect { display:block; padding:10px 3vw 30px 3vw;} .document_container #bcbsmenu.mf >.bcbsmenuselect .select2-container .select2-choice { height: 200px; } .document_container #bcbsmenu >ul >li { position: relative; display: table-cell; vertical-align: middle; list-style: none; padding:0px; margin:0px; background-color:white; border:2px solid #aa332f; border-radius: 5px; line-height: 1.3rem; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .document_container #bcbsmenu >ul >li.disabled { border-color:#dbdbdb; color:#dbdbdb; cursor:auto; } .document_container #bcbsmenu >ul >li.nav_on { background-color:#aa332f; color:white; } .document_container #bcbsmenu >ul >li#bcbslnk_pcon:not(.disabled), #bcbsmenu >ul >li#bcbslnk_ncon:not(.disabled) { border:2px solid #3a6bac; box-sizing:content-box; } .document_container #bcbsmenu >ul >li#bcbslnk_pcon.nav_on, #bcbsmenu >ul >li#bcbslnk_ncon.nav_on { background-color:#3a6bac; color:white; } .document_container #bcbsmenu >ul >li:not(#bcbslnk_thisversion).nav_on:after { content:''; position:absolute; left:50%; left:calc(50% - 14px); bottom:-23px; width:0px; height:0px; border:14px solid rgba(255,255,255,0); border-bottom:14px solid #dbdbdb; } .document_container #bcbsmenu >ul >li .liblk { display:table; vertical-align:middle; width:100%; border-spacing:5px 0px; } .document_container #bcbsmenu >ul >li .liblk .litxt { display:inline-block; text-align:center; font-size:0.9rem; line-height:1rem; padding:5px 0px; width:100%; } /* Overrides to the page info block specifically for BCBS */ .document_container .pageinfoblk .bcbspdfdocinfo { display:table; table-layout:fixed; width:100%; } .document_container .pageinfoblk .bcbspdfdocinfo * { font-size:0.85rem; } .document_container .pageinfoblk .bcbspdfdocinfo >* { display:table-cell; width:50%; } /* Definitions of BCBS pubication type icons */ .document_container .bcbs_icoblk.bcbs_standards:before { content:'S'; background-color:#954f7c; } .document_container .bcbs_icoblk.bcbs_guidelines:before { content:'G'; background-color:#d55b20; } .document_container .bcbs_icoblk.bcbs_others:before { content:'O'; background-color:#eaa121; } .document_container .bcbs_icoblk.bcbs_other:before { content:'O'; background-color:#eaa121; } .document_container .bcbs_icoblk.bcbs_sound_practices:before { content:'SP'; background-color:#427f6d; } .document_container .bcbs_icoblk.bcbs_faqs:before { content:'F'; background-color:#6a963b; } .document_container .bcbs_icoblk.bcbs_implementation:before { content:'I'; background-color:#633d83; } /* name changed */ .document_container .bcbs_icoblk.bcbs_implementation_reports:before { content:'I'; background-color:#633d83; } .document_container .bcbs_icoblk.bcbs_consultative:before { content:'C'; background-color:#3a6bac; } .document_container .bcbs_icoblk.bcbs_qis:before { content:'Q'; background-color:#784722; } .document_container .bcbs_icoblk.bcbs_newsletters:before { content:'N'; background-color:#53495b; } .document_container .bcbs_icoblk.bcbs_working_papers:before { content:'WP'; background-color:#d10074; } .document_container .versionlistitem >.icoblk.bcbs_icoblk { font-size:0.7rem; top: 0.5em; } .document_container .versionlistitem >.icoblk.bcbs_icoblk:before { font-size:0.8rem; } /* BCBS Version list formatting */ .document_container .bcbs_version .bcbs_versionblk { padding:15px 7px; } .document_container .bcbs_version div { font-size:0.9rem; font-weight:normal; } .document_container .bcbs_version >div:not(.nav_on) { display:none; } .document_container .bcbs_version .bcbspdfdocinfo { display:table; table-layout:fixed; width:100%; padding:15px 0px; } .document_container ul.versionlist { list-style:none; font-size:0px; margin:0px; padding:0px; } .document_container ul.versionlist >li { display:inline-block; width:50%; padding:10px; margin:0 0 2.5% 0; background:none; font-size:12.8px; font-size:0.8rem; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .document_container #center.under750 ul.versionlist >li { width:100%; } .document_container ul.versionlist >li.onlyone { width:100%; } .document_container ul.versionlist >li:hover { background-color: #ddd; } .document_container .versionlistitem div { font-size:0.9rem; font-weight:normal; } .document_container .versionlistitem >* { display:table-cell; vertical-align:top; } .document_container .versionlistitem { display:table; table-layout:fixed; width:100%; } .document_container .bcbs_summary_line >* { /* white-space:nowrap; */ float:left; } .document_container .bcbs_summary_line .bcbs_publication_type { min-width:15ch; padding-right:25px; } .document_container .bcbs_txthl { font-weight:600; } .document_container .bcbs_documentinfo { font-size:0.9rem; } /*----------------------------*/ /* DocumentView "Author list" */ /*----------------------------*/ #authoraboutblk { margin-top:40px; } #authoraboutblk >.title { font-weight:bold; padding-bottom:20px; } #authorboxgrp { width:100%; } #body #authorboxgrp .authorboxrow { margin-bottom:30px; } #authorboxgrp a { text-decoration:none; } #authorboxgrp .authorbox { display:table; min-height:90px; border-spacing:0px; } #authorboxgrp .authorbox >* { display:table-cell; vertical-align:top; padding:0px; } #authorboxgrp .authorbox .authorimgbox img { display:block; margin:0px; padding:0px; max-width:100px; height:90px; } #authorboxgrp .authorbox .authortxtbox { padding:10px 20px; } #authorboxgrp .authorbox .authortxtbox div { display:block; color:#372f32; font-size:0.9rem; font-weight:normal; line-height:1.5rem; } #authorboxgrp .authorbox .authortxtbox .authorname { font-size:1rem; font-weight:bold; } #authorboxgrp .authorbox .authortxtbox .authorrole { font-style:italic; } #authorboxgrp .authorbox .authortxtbox .authormore { text-decoration:underline; } /*---------------------------------------------------------*/ /* Selection page (cbanks.htm & author/index.htm) - tables */ /* + reshub pages */ /*---------------------------------------------------------*/ .selection_container >.defaultstyles table.selection_table { margin-bottom:15px; font-size:1rem; line-height:1.8rem; } .selection_container >.defaultstyles table.selection_table tr { background-color:#f7f7f7; } .selection_container >.defaultstyles table.selection_table tr:not(.index_letter):not(.empty_row):hover { background:#ddd; } .selection_container >.defaultstyles table.selection_table tr:nth-child(even) { background:#f7f7f7; } .selection_container >.defaultstyles table.selection_table tr:nth-child(odd) { background:#ececec; } .selection_container >.defaultstyles table.selection_table tr td { padding:15px; } .selection_container >.defaultstyles table.selection_table tr.index_letter { background-color:#aa332f; text-align:left; color:#fff; font-weight:600; } .selection_container >.defaultstyles table.selection_table tr.index_letter td { padding:10px 15px; font-size: 1.4rem; } .selection_container >.defaultstyles table.selection_table tr.empty_row { background-color:white; } .selection_container >.defaultstyles table.selection_table tr a:target { color:#003366; font-weight:bold; text-decoration:underline; } /*.selection_container >.defaultstyles .paging >.pagingelements >li { font-size:1rem; border:none; background:#fff; width:2rem; margin:0px 0 0.5rem 0px; padding: 4px 0px 0px 0px; text-align:center; }*/ .defaultstyles .paging >.letters >li { font-size:1rem; border:none; background:#fff; width:2rem; margin:0px 0 0.5rem 0px; padding: 4px 0px 0px 0px; text-align:center; } .defaultstyles .paging >.letters >li:hover { background-color:#204a87; text-decoration:none; } .defaultstyles .paging >.letters >li:hover >a { color:white !important; } .defaultstyles .paging >.letters >li:not(:first-child) { border-left:1px solid #dbdbdb; } .defaultstyles .paging >.letters >li >a:link, .defaultstyles .paging >.letters >li >a:active, .defaultstyles .paging >.letters >li >a:visited { color:#aa332f; text-decoration:none; } .defaultstyles .selection_table a:link, .defaultstyles .selection_table a:active, .defaultstyles .selection_table a:visited { font-weight:600; color:#372f32; } .defaultstyles .selection_table a:hover { font-weight:600; color:#aa332f; } /* Used in reshub pages */ .defaultstyles .paging >.letters >li.selected { background-color:#aa332f; color:white; } /* country page, author page */ /* Redesign: processed country */ .country_container >.defaultstyles .country_flag, .country_container >.defaultstyles .country_title { float:left; } .country_container >.defaultstyles .country_title h1 { margin-bottom:0.5rem; } .country_container >.defaultstyles .country_flag { width:100px; height:60px; font-size:0px; line-height:0px; } .country_container >.defaultstyles .country_institutions ul { margin:0px; padding:0px; } .country_container >.defaultstyles .country_institutions ul li { white-space:nowrap; list-style:none outside none; background:none; background-color:#fff; padding:0px 10px 0px 0px; } .country_container >.defaultstyles div.country_page_contents, .country_container >.defaultstyles div.country_lists { width:100%; } .country_container >.defaultstyles div.country_statistics_list { width:48%; margin-right:1.5%; } .country_container >.defaultstyles div.country_page_list { width:48%; float:left; margin-right:1.5%; } /*---------------*/ /* Authors pages */ /*---------------*/ .author_container #authortabs { margin-top:30px; } .author_container #authortabs .external_publications { margin-left:10px; margin-top:10px; } /* Authors "External publications" more/less toggle. */ .author_container ul.external_publications li:nth-child(n+6) { display:none; } .author_container #expub-menu-label { cursor: pointer; } .author_container #expub-menu-label:after { content:"more"; text-decoration:underline; color:#273366 }; .author_container #expub-menu-toggle { display:none; } /* hide the checkbox - we only use if for state. */ .author_container #expub-menu-toggle:checked ~ ul.external_publications li:nth-child(n+6) { display:list-item; } .author_container #expub-menu-toggle:checked ~ #expub-menu-label:after { content:"less"; } .author_container #authors { margin-bottom:20px; } .author_container #authors .directory_list_letter { font-size:1.5rem; font-weight:600; padding-left:1rem; margin-top:1.5rem; background-color:#aa332f; color:white; } .author_container #authors ul.author_list { padding:0; margin:5px 0; margin-bottom: 2rem; } .author_container #authors ul.author_list li { background:none; list-style:none outside none; padding-left:0px; padding:5px 5px; margin:0px; } /* -------------------- */ /* OLD Authors specific CSS */ /* TODO: assess. */ /* -------------------- */ /* author list page */ .authors_name { width:99%; } /* number of papers could be right-aligned */ .authors_papers { width:1%; text-align:right; } .job_title { font-weight:bold; } .department { font-style:italic; } .institution { font-style:italic; margin-bottom:15px; } .short_bio { margin-top: 15px; } /* spacing in external publications lists */ .external_publications li { margin-bottom:10px; } /****************************** * Document DataBlock objects * ******************************/ /*** Page Highlights ***/ #ddb-page_highlights { display:table; width:100%; table-layout:fixed; overflow:hidden; } #ddb-page_highlights .hlblk { display:table; table-layout:fixed; width:100%; width:calc(100% + 48px); border-spacing:24px 0px; margin:0px; margin-left:-24px; margin-bottom:20px; } #ddb-page_highlights .hlblk >a { text-decoration:none; } #ddb-page_highlights .hlcell { display:table-cell; vertical-align:top; width:50%; margin:0px; background-color:#aa332f; } .under450 #ddb-page_highlights .hlcell { display:block; width:100%; margin:0px; margin-bottom:25px; } #ddb-page_highlights .hlimg { display:block; padding:0px; margin:0px; overflow:hidden; background-color:white; } #ddb-page_highlights .hlimg >img { display:block; height:auto; width:auto; max-width:100%; margin:0px; padding:0px; border:none; border-bottom:2px solid white; } #ddb-page_highlights .hltxt { display:block; color:white; padding:15px; margin:0px; border:none; font-size:1rem; line-height:1.4rem; } #ddb-page_highlights .hltxt >.hltitle { display:inline; margin:0px; margin-right:10px; font-size:1.15rem; text-decoration:underline; font-weight:600; } #ddb-page_highlights .hltxt >.hldate { display:inline-block; } #ddb-page_highlights .hltxt >.hldivider { display:inline-block; } #ddb-page_highlights .hltxt >.hltype { display:inline-block; } #ddb-page_highlights .hltxt >.hlblurb { display:block; margin-top:10px; } #ddb-page_highlights a:hover .hlimg >img { opacity:0.9; } /* Generic page column shaping styling. Used in page boxes etc. */ .columndivide { display:table; table-layout:fixed; width:100%; overflow:visible; } #body.under900 .columndivide { display:block; border-spacing:0px; width:100%; margin:0px; } .columndivide.cd-spacing30 { border-spacing:30px 0px; width:100%; width:calc(100% + 60px); margin:0px 0px 0px -30px; } .columndivide.cd-spacing30 >.cd-cell:not(:first-child) { margin-top:30px; } .columndivide >* { display:table-cell; vertical-align:top; position:relative; } .columndivide.cd-2equal >.cd-cell { width:50%; } .columndivide.cd-3equal >.cd-cell { width:33%; } .columndivide.cd-hasheaders { margin-top:2.5rem; } #body.under900 .columndivide.cd-hasheaders { margin-top:0rem; } .columndivide >.cd-cell.cd-hasfooter { padding-bottom:4rem; } .columndivide >.cd-cell >.cd-header { position:absolute; top:-3em; top:-3rem; left:0px; } .columndivide.cd-3equal >.cd-cell >.cd-header.cd-header-2thirds { width:200%; width:calc(200% + 30px); } #body.under900 .columndivide.cd-3equal >.cd-cell >.cd-header.cd-header-2thirds { width:100%; } .columndivide >.cd-cell >.cd-footer { position:absolute; bottom:1em; bottom:1rem; left:0px; } #body.under900 .columndivide >.cd-cell { display:block; width:100%; } #body.under900 .columndivide >.cd-cell.cd-hasheader { margin-top:2.5em; margin-top:2.5rem; } #body.under900 .columndivide >.cd-cell.cd-hasheader:not(:first-child) { margin-top:4.5em; margin-top:4.5rem; } #body #center.under900 .columndivide >.cd-cell.cd-hasheader:not(:first-child) { margin-top:4.5em; margin-top:4.5rem; } /* Generic box link styling (when the whole box is a link). Used in "You may be interested in" and page & highlight boxes. */ .boxlink { position:relative; background-color:#efefef; border:1px solid #dbdbdb; padding-left:10px; border-spacing:15px; box-sizing:border-box; overflow:hidden; } .boxlink:after { content:''; position:absolute; height:calc(100% + 2px); height:30vh; top:-1px; left:0px; width:10px; background-color:#aa332f; } .boxnolink.boxlink:after { background-color:#616161; } .boxlink-inner { width:100%; height:100%; border-left:none; /* TODO: Needed for popup box (IE). Do they break anything?: */ display:table; } .boxlink img { display:block; margin:0px; padding:0px; } a.boxlink:hover { background-color:#e9e9e9; } a.boxlink:hover img { opacity:0.9; filter:alpha(opacity=90); } /* Also style a small version of the boxlink. eg. homepage stats buttons. */ a.boxlink.boxlinksmall { display:block; text-decoration:none; background-color:#ffffff; } /* invisible metrics gif image */ #metricsgif { font-size:0px; height:0px; visibility:hidden; } #metricsgif img { height:0px; overflow:hidden; } #childdocsblk .childdocgroup {} #childdocsblk .chaptergrouptitle { padding-top:2rem; border-top:2px solid #aa332f; margin-top:2rem; } #childdocsblk .childdoc { padding-left:10px; padding-bottom:1rem; margin-top:2rem; } #childdocsblk .childdoc:not(:last-child) { border-bottom:1px solid #e8e8e8; } #childdocsblk .childdoc .childdoc-titleline { display:table; width:100%; } #childdocsblk .childdoc .childdoc-title { display:table-cell; vertical-align:top; font-weight:600; } #childdocsblk .childdoc .childdoc-langs { display:table-cell; vertical-align:top; text-align:right; white-space:nowrap; padding-left:2rem; } #center.under600 #childdocsblk .childdoc .childdoc-column { display:block; vertical-align:top; text-align:left; padding:0px; } #childdocsblk .childdoc .childdoc-langs >a::before { font-size:1rem; } #childdocsblk .childdoc .childdoc-abstract { margin-top:0.5rem; } #childdocsblk .childdoc .authorline a { color:#696969; font-weight:normal; } #childdocsblk .childdoc .childdoc-authors .authorline { font-size:0.95rem; font-weight:normal; } /* ::: Tablet size :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::: Applied below 960px wide */ @media only screen and (max-width: 960px) { /* width below 960px */ /* 18Nov15 Damien - generic hide class */ .hideunder960 { display:none ! important; } #directoryListing { float:left; } #directoryListing div.title { margin-bottom:1em; } #directoryListing div.letters { float:left; } div#authors { clear:both; } /* ::: Misc */ #center .list_filter ul li a { width:49%; } .bp2-on { display:block; } .bp2-off { display:none; } } /* ::: Mobile friendly menus :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::: Applied only under 865px wide - This is the width that the main menu switches to hamburger. */ @media screen and (max-width: 865px) { #navigation_separator, #header_separator { display:none; } #center .list_filter ul li a { width:32%; } .bp2-on { display:none; } .bp2-off { display:block; } } /* ::: Applied below 600px wide. */ @media screen and (max-width: 600px) { /* 600 */ /* 2nd June. Juan -> Added a couple of styles for search.*/ .tfbutton { padding-right:15px; padding-left:15px; } .gssQWidth { width:100% ! important; } } @media only screen and (max-width:500px) { /* 18Nov15 Damien - generic hide class */ .hideunder500 { display:none ! important; } } /* Below 480px breakpoint */ @media screen and (max-width: 480px) { /* Generic 2 column table */ table.twocolumns { width:100%; float:left; } table.twocolumnsright { margin-left:0%; } } /* ::: Smartphone size :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::: Applied only under 400px wide */ @media screen and (max-width:400px) { /* ::: Enable IE 10/11 snap mode to work with RWD ::: See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */ @-ms-viewport { width:320px; } /* Juan: 28.04.2014. Making the tables smaller for smartphones with less than 400px */ /* 02.06.2014 Unfortunatelly tables are used also for design in many pages so it has to be applied to a class*/ table.contenttable { width:100%; border:0px; font-size:0.8em; } table.highlights { width: 100%; } }