body, html { width:100%; height: 100%; margin: 0; padding: 0; }
body { text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: 'Noto Sans', sans-serif; background-color: #fff; color: #1d2c4e; }
body, p, div { font-size: 14px; }
div { box-sizing: border-box; }
.small { font-size: .9em !important; }
.smaller { font-size: .95em !important; }
.larger { font-size: 1.1em !important; }
.large { font-size: 1.2em !important; }
.normal { font-weight: 400 !important; }
.strong, strong, b { font-weight: 700 !important; }
.em, em, p i { font-weight: 400 !important; font-style: italic; }
.emstrong { font-weight: 700 !important; font-style: italic; }
.col-blue { color: #a4b9cc !important; }
.col-green { color: #717c7e !important; }
.col-grey { color: #565656 !important; }
.col-link { color: #333 !important; }
.col-white { color: #ffffff !important; }
h1, .h1 { font-size: 1.5em; }
h2, .h2 { font-size: 1.3em; }
h3, .h3 { font-size: 1.2em; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: 'Noto Serif', serif; font-weight: 700; color: #1d2c4e; }
h1 a, h2 a, h3 a, h4 a { color: inherit !important; font-family: inherit !important; }
a img { border: 0; }
a { text-decoration: none; color: #1d2c4e }
a.link { color: #8C3128 !important; }
a.underline { text-decoration: none !important; border-bottom: 1px #ccc solid; }
.black { color: #000; }
.orange { color: #fec142; }
hr { height: 1px; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-color: #e2e6eb; box-sizing: content-box; -moz-box-sizing: content-box; }
/*
#home-header
Page header
#home-main
#home-columns
#home-column-sidebar-left [.home-sidebar]
#home-column-content
#home-column-sidebar-right [.home-sidebar]
#home-footer
.home-content: inside #home-header, #home-main, and #home-footer applies max-width to content inner areas
*/
.home-content { width: 1150px; margin: 0 auto; }
/* .home-content h1 { margin-left: 15px; margin-right: 15px; } */
#home-header { font-size: 1em; background-color: #f4f5f9; padding: 1em 0; }
#home-header a { color: #dedede; }
#home-header img.logo { display: inline; margin: 1.5em 0 .9em 0; }
#home-header img.menu-trigger { margin-top: 1em; }
#app-navpath { font-size: 1.1em !important; text-align: right; padding: .5em 1em; margin-top: .5em; }
#home-main { background-color: #fff; }
#home-column-wrapper { margin: 0 15px 0 15px; }
#home-columns { display: table; width: 100%; }
#home-column-content { min-height: 550px; vertical-align: top; display: table-cell; padding: 1em 1em 5em 1em; }
#home-column-sidebar-left { width: 15em; vertical-align: top; display: table-cell; padding: 1em 1em 5em 1em; background-color: #f3f3f3; }
#home-column-sidebar-right { width: 15em; vertical-align: top; display: table-cell; padding: 1em 0 5em 0; }
#home-column-content div.menu-entry { margin-bottom: .3em; }
#home-column-content div.menu-entry-level-1 { font-size: 1.3em; color: #1d2c4e !important; margin-bottom: .5em; }
#home-column-content div.menu-entry-level-1 a { border-bottom: 1px #ccc solid; }
#home-column-content div.menu-entry-level-2 { font-size: 1.1em; color: #333 !important; padding-left: 1em; margin-bottom: .5em }
#home-column-content div.menu-entry-level-3 { font-size: .95em; color: #333 !important; padding-left: 2em; }
#home-column-content div.menu-entry a { color: inherit; }
#home-column-content div.wgt-val { margin: .2em 0; }
#home-column-content div.wgt-separator { height: 1em; }
#home-footer { width: 100%; background-color: #1d2c4e; }
#home-footer hr { border-color: #c0c4d3; margin-bottom: .75em; }
#home-footer div.menu-group { vertical-align: top; margin: 1em 1em 2em .5em; max-width: 14em; display: inline-block; }
#home-footer div.menu-entry { margin-bottom: .3em; }
#home-footer div.menu-entry-level-1 a { font-size: 1em; font-weight: 700; color: #d3d8e8 !important; }
#home-footer div.menu-entry-level-2 a { font-size: .95em; color: #d3d8e8 !important; }
#home-footer div.menu-entry-level-3 a { font-size: .9em; color: #d3d8e8 !important; opacity: .95; }
div.boxed { background-color: #f8f8f8; padding: 1em; margin: 1em 0; box-sizing: border-box; }
div.home-menu-overlay { display: none; position: absolute !important; width: 17em; vertical-align: middle; z-index: 1000; background-color: #1d2c4e; }
div.home-menu-overlay div.menu-item, div.home-menu-overlay div.menu-close { font-size: .95em; padding: .75em .5em .75em 1.5em; color: #dedede; }
div.home-menu-overlay div.menu-item { border-bottom: 1px #f4f5f9 solid; margin-left: 5px; }
div.home-menu-overlay div.menu-close { color: white; }
div.home-menu-overlay div.menu-item a.menu-item-label { color: inherit; }
div.home-menu-overlay div.menu-item img.menu-item-img { float: right; }
div.home-menu-overlay div.menu-item img { display: block; }
div.home-menu-page { background-color: #1d2c4e; }
div.home-menu-page .separator { color: #aaa; }
div.home-menu-page div.menu-item { font-size: 1.1em; margin: .5em; display: inline-block; vertical-align: middle; }
div.home-menu-page div.menu-item a.menu-item-label { color: #fff; }
div.home-menu-page div.menu-item a.menu-item-label.hoverable:hover { border-bottom: 1px #dedede solid; }
div.home-menu-page div.menu-item img { display: inline; vertical-align: middle; margin-bottom: .1em; }
div.home-menu-page span.menu-item-index { vertical-align: top; font-size: .9em; }
form div.form-label, form div.form-label-left { padding: .4em; }
form div.error-msg { font-size: .95em; color: #aa2323; padding: .5em; text-align: left; height: 1.5em !important; }
label, .label { display: block; width: 15em; line-height: 1.5em; }
label.mandatory { font-weight: 700; color: #303030; opacity: 1; }
div.form-value { display: block; line-height: 1.5em; }
div.form-info { margin: .2em 0; opacity: .75; font-style: italic; font-size: .9em; }
form fieldset { border: 0; padding: 0; margin: 0; }
form fieldset legend { display: none; }
form input.text, form textarea, form select {
font-family: 'Noto Sans', sans-serif !important; font-size: 1em;
color: #444; border: 1px #999 solid; border-radius: 4px; padding: .5em .5em;
}
form input.full-width, form textarea.full-width { width: 90% !important; }
form div.text { background-color: white; border: 1px #aaa solid; padding: .1em; }
form input.invalid-input { background-color: #f5f5f6; }
.button { font-size: 1em; font-family: 'Noto Sans', sans-serif; font-weight: 700; letter-spacing: 1px; padding: .6em 2em; border: none; border-radius: 4px; margin: .5em .5em .5em 0; white-space: nowrap; }
.reset-btn { background-color: #fff; color: #4a5671 !important; border: 1px #4a5671 solid; } /* Clear form, back to parent page */
.action-btn, .normal-btn { background-color: #4a5671; color: #fff !important; border: 1px #4a5671 solid; } /* Save, submit */
.proceed-btn { background-color: #00766e !important; color: #fff !important; border: 1px #00aa9e solid; } /* Add-to-cart, next cart step, more... */
.more-btn { background-color: #ffdb5d; color: #000; } /* used in seminars and event pages */
a.button { position: relative; display: inline-block; }
a.button img { position: absolute; top: 7px; right: 7px; max-width: 18px; max-height: 18px; }
a.special-btn { font-size: .9em; display: block; padding-left: .5em; padding-right: 2.5em; margin: .75em 0; }
a.special-btn.hidden { display: none !important; }
a.special-btn.uni-pad { padding-left: 2.5em !important; }
a.special-btn.max-pad { padding-left: 5em !important; padding-right: 5em !important; }
a.online1-btn { background-color: #85a4a3; color: #fff !important; }
a.online2-btn { background-color: #cd4d05; color: #fff !important; }
.narrow-btn { padding: .4em !important; }
.plain-txt { font-size: .95em !important; padding: 0 !important; background: none !important; border: none; color: #444; border-bottom: 1px #ccc solid; }
input.flexwidth, textarea.flexwidth, select.flexwidth { width: 280px; }
/* Shopping cart start */
div.basket-item { margin: .5em 0 .5em 0; }
div.basket-item div { display: -moz-inline-stack; display: inline-block; vertical-align: middle; border: 0px #ccc solid; }
div.basket-item-title { width: 45%; }
div.basket-item-price { width: 10%; text-align: right; padding-right: 1em; }
div.basket-item-quantity { width: 20%; white-space: nowrap; }
div.basket-item-options { width: 20%; }
span.price { font-weight: 700; color: #222; }
/* Shopping cart end */
/* List items start */
.list-item-odd { background-color: #f8f8f8; }
.list-item-even { background-color: white; }
.list-item-img, .list-item-info { display: table-cell; vertical-align: top; }
.list-item-img-sm img { display: block; max-width: 64px; margin: 10px; }
.list-item-img-lrg img { display: block; max-width: 96px; margin: 14px; }
.list-item-info { padding: .7em .5em; }
.list-item-info .li-h1 { font-weight: 700; margin-bottom: .5em; }
.list-item-info .li-h2 { font-size: 0.9em; margin-bottom: .5em; }
.list-item-info .li-txt { font-size: 0.9em; color: #717c7e; margin-bottom: .5em; }
.slide-info .li-h1 { font-size: 1.25em; font-weight: 700; margin-bottom: .5em; }
.slide-info .li-h2 { font-size: 1.1em; font-weight: 400; }
div.list-item-img-event { font-weight: 700; height: 3em; color: white; vertical-align: middle; background-image: url('../img/bgrounds/event-dates.png'); background-position: bottom center; }
span.df-date { font-size: 1.2em; }
span.df-year { font-size: .9em; }
/* List items end */
div.plain-list-item { margin-bottom: .5em; }
.hov:hover { text-decoration: none !important; border-bottom: 1px #717c7e solid; }
/* Edition blocks start */
div.edition-block { display: inline-block; text-align: center; vertical-align: top; margin: 1em; max-width: 20em; }
div.thb img { max-width: 100px; max-height: 140px; }
/* Edition blocks end */
/* Slide show start */
div.hp-slide-container { display: none; }
span.hp-slide-dot { cursor: pointer; height: 12px; width: 12px; margin: 0 4px; background-color: #d3d8e8; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
span.hp-slide-active-dot { background-color: #1d2c4e; }
/* Slide show end */
/* Operation result start */
div#SERVER_MSG { font-size: 1.1em; }
div.op-result-success, div.op-result-error, div.op-result-warning, div.op-result-info { padding: .5em 1em .3em 1em; white-space: normal; }
div.op-result-success { color: #000; background-color: #c8e3b3; }
div.op-result-error { color: white; background-color: #be463b !important; }
div.op-result-warning, .warning { color: #241a1a !important; background-color: #f1dede !important; }
div.op-result-info { color: #232323; background-color: #eeebe0; }
ul.op-result-list { margin: 0; padding-left: 1em; }
div.op-result-success a, div.op-result-error a, div.op-result-warning a, div.op-result-info a { color: inherit; }
span.clear-msg { float: right; }
/* Operation result end */
div.data > div > div { padding: .3em .5em; background-color: #f9f9f9; border: .5px #fff solid; }
div.data > div > div.header { background-color: #eeeeee; font-weight: 700; }
div.data > div.active > div { background-color: #d9e1e2 !important; }
div.data > div.inactive > div { background-color: #fbd6ca !important; }
/* Index search results start */
div.isr-facet-container { position: relative; margin-bottom: .5em; }
span.isr-facet-index { font-size: .85em; font-weight: 700 !important; color: #8C3128; }
span.isr-match { font-weight: 700; color: #8C3128 !important; }
/* Index search results end */
/* Edition page start */
img.edition-image { display: block; width: 87.5%; }
div.edition-meta { display: inline-block; padding: .5em; margin: 0 .1em .3em 0; background-color: #ededed; color: #777; }
div.edition-meta-selected { color: white; border: 1px #b1c2d3 solid; background-color: #b1c2d3 !important; }
div.edition-meta a { color: inherit; }
/* Edition page start */
div.html h1, div.html h2, div.html h3 { font-weight: 700; }
div.html a { font-weight: 700; color: #8C3128; text-decoration: none; }
div.html a.button { display: inline-block; margin: 1em 0; background-color: #fac22a; color: #111; border-radius: 7px; }
div.html img { max-width: 100% !important; height: auto !important; }
div.html img.html-img { float: left; max-width: 220px !important; margin: 5px 15px 5px 0; }
/* Data tables start */
table.data-table th { font-weight: normal; color: #fff; background-color: #565656; }
table.data-table th, table.data-table td { padding: .2em .3em; }
table.data-table td { background-color: #f7f7f7; text-align: left; }
table.data-table td.info { background-color: #ffe3c3; }
table.data-table td, table.data-table td a { color: #333; }
table.data-table td.active { background-color: #C5D2D6; color: 454545; }
table.data-table td.inactive { background-color: #fbd6ca; color: 454545; }
table.data-table td.active a, table.data-table td.inactive a { color: inherit; }
/* Data tables end */
div.edition-hidden-area, div.edition-hidden-area-x { width: 100%; font-size: .9em; }
div.edition-hidden-area { display: none; max-height: 400px; overflow: auto; position: relative; background-color: white; border: 1px #f3f3f3 solid; }
div.edition-hidden-area-x { display: none; text-align: right; font-weight: normal; color: #777; padding: .3em 0 .2em 0; }
div.edition-hidden-area-x a { color: inherit; }
/* Table of contents page numbers start*/
div.edition-hidden-area p { margin: 0; padding: .3em 70px .3em 1em; border-bottom: 1px #f3f3f3 solid; }
div.edition-hidden-area span.page-no { position: absolute; right: 20px; color: #a4b9cc; }
/* Table of contents page numbers end */
/* TODO Needed block ? */
div.academy-info { display: table; border-bottom: 1px #eee solid; background-color: #fafafa; }
div.academy-info > div { display: table-row; }
div.academy-info > div > div { display: table-cell; vertical-align: middle; padding: .5em; }
/* Seminar and event common styles start */
.app-event-free-header { padding: 1em 1em 0 1em; }
.light-blue { background-color: #f4f5f9; }
.light-gray { background-color: #f8f8f8; }
.off-white { background-color: #faf9f6; }
div.light-blue-area, div.light-gray-area, div.off-white-area, div.white-area, div.msg-warning-area { padding: 1em; border-radius: 7px; margin-bottom: 1em; }
div.light-blue-area { background-color: #f4f5f9; }
div.light-gray-area { background-color: #f8f8f8; }
div.off-white-area { background-color: #faf9f6; }
div.msg-warning-area { font-size: 1.25em; background-color: #f1dede; }
.app-event-hideable-area { border: 1px #ddd solid; margin-bottom: 1em; }
.app-event-hideable-area .handle { font-weight: 700; border-bottom: 1px #ddd solid; padding: 0 1em; }
.app-event-hideable-area .info { padding: 0 1em 1em 1em; }
.app-event-announcement { padding: 1em; font-weight: 700; background-color: #edf0fa; margin-bottom: 1em; }
div.app-event-part { display: inline-block; width: 29%; vertical-align: top; background-color: #f4f5f9; margin: 1em; border-radius: 10px; }
div.app-event-part div.app-event-part-header { padding: .1em 1em; border-radius: 10px 10px 0 0; }
div.app-event-part div.app-event-part-header.app-event-part-session { background-color: #bbc391; }
div.app-event-part div.app-event-part-header.app-event-part-asset { background-color: #d3d3d3; }
div.app-event-part div.app-event-part-header.app-event-part-other { background-color: #faf0e6; }
div.app-event-part div.app-event-part-info { padding: .1em 1em 1em 1em; }
div.app-event-part-status { font-weight: 700; display: inline-block; padding: .25em .5em; margin-left: 1em; }
div.app-event-part-status img { width: 24px; height: 24px; vertical-align: middle; }
div.app-event-part-status.app-event-part-status-expired { color: #8c2c2c; }
div.app-event-part-status.app-event-part-status-running, div.app-event-part-status.app-event-part-status-in_progress { color: #1f4f1f; }
div.app-event-part-status.app-event-part-status-forthcoming { color: #1d2c4e; }
.app-event-first-item-false { border-top: 2px #ccc dashed; }
div#app-info-bnr { text-align: center; padding: 1em; margin: 1em 0; }
div#app-info-bnr img { padding: 2em; border: 1px #ababab solid; border-radius: 10px; }
.dashed { border: 2px #ccc dashed; }
.info-li { display: table; width: 100%; padding: 1em; }
.info-li-odd { background-color: #f7f7f7; }
.info-li-even { background-color: #fff; }
.info-li .info-li-img, .info-li .info-li-body { text-align: center; vertical-align: top; }
.info-li .info-li-img { display: table-cell; width: 300px; text-align: center; padding-right: .5em; }
.info-li .info-li-img img.med-img { border: 1px #ddd solid; border-radius: 10px; }
.info-li .info-li-img img.min-img { border: 1px #ddd solid; }
.info-li .info-li-body { display: table-cell; padding-left: 1em; }
.info-li .info-access, .info-access { font-weight: 700; color: #235c59; }
/* .info-li .info-button {} */
/* Seminar and event common styles start */
div.my-event-registration-block { display: table; width: 100%; margin-bottom: 1em; box-shadow: 0 2px 7px #ddd; }
div.my-event-registration-block > div { display: table-cell; padding: 1em 1em 1.5em 1em; vertical-align: top; }
div.my-event-registration-block > div.img { width: 50px; text-align: center; background-color: #ededed; }
div.my-event-registration-block > div.img.physical-att { background-color: #f8e4cd; }
div.my-event-registration-block > div.img.remote-att { background-color: #cdddec; }
div.my-event-registration-block > div.img.on_demand-att { background-color: #d2ddd2; }
div.my-event-registration-block > div.img img { display: block; width: 42px; height: 42px; }
div.my-event-registration-block > div.info hr { border-color: #d0d7e2; }
div.my-event-registration-block > div.toggle { width: 36px; text-align: center; vertical-align: top; padding: .25em; }
div.my-event-registration-block > div.toggle img { display: block; margin-top: .4em; }
div.my-event-registration-block.mini { box-shadow: 0 2px 4px #ddd; }
div.my-event-registration-block.mini > div { padding: .5em .75em; vertical-align: top; }
div.my-event-registration-block.mini > div.img { width: 36px; }
div.my-event-registration-block.mini > div.img img { display: block; width: 32px; height: 32px; }
div.my-event-registration-block.mini > div.info { padding-top: 1em; }
div.seminar-video-progress-bar { display: inline-block; margin: .5em 0; padding: 1px; }
div.seminar-video-progress-bar div.seminar-video-progress-point { display: inline-block; width: 5px; height: 30px; margin: 0 1px; border-radius: 5px; vertical-align: middle; }
div.seminar-video-progress-bar div.seminar-video-progress-point.visit-false { background-color: #ddd; }
div.seminar-video-progress-bar div.seminar-video-progress-point.visit-true { background-color: #00aa9e; }
div.seminar-video-progress-bar div.seminar-video-progress-point.visit-now { background-color: #333; }
@media only screen and (max-width: 1160px) {
.home-content { width: 100%; }
}
@media only screen and (max-width: 960px) {
#home-column-wrapper { margin: 0 !important; }
div.home-menu-page { display: none; }
#home-header img#home-menu-overlay-trigger { display: inline; }
.home-sidebar { display: none !important; }
div.html { text-align: left; }
div.basket-item div { display: block; width: 100%; padding: .5em 0 .5em 0; text-align: left !important; }
div.app-event-part { width: 40%; }
div.app-event-part-status { margin: 1em 0 0 0; }
div#app-info-bnr, div#app-info-bnr img { padding: 0 !important; }
}
@media only screen and (max-width: 640px) {
div.home-menu-overlay { width: 100% !important; }
div.home-menu-overlay div.menu-item { margin-right: 5px }
#home-footer div.menu-group { display: block; }
input.flexwidth, textarea.flexwidth, select.flexwidth { width: 95%; }
.info-li .info-li-img { width: 64px !important; }
div.html img.html-img { max-width: 170px !important; }
div.html iframe { max-width: 95%; }
div.my-event-registration-block > div { padding: .5em .75em; }
div.my-event-registration-block > div.img img { width: 32px; height: 32px; }
}
@media only screen and (max-width: 430px) {
div.app-event-part { display: block; width: auto; }
}
@media only screen and (max-width: 320px) {
input.flexwidth, textarea.flexwidth, select.flexwidth { width: 90%; }
div.html img.html-img { max-width: 120px !important; }
}