html,
legend {
color: #000
}
fieldset,
iframe,
img,
span.dijitReset.dijitInline.dijitSelectLabel {
border: 0
}
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
padding: 0;
margin: 0
}
a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
text-decoration: none
}
.clearfix:after,
.container-fluid:after,
.container:after,
.row:after,
hr {
clear: both
}
#pagebody,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}
.mfp-wrap,
.tooltipster-grow {
-webkit-backface-visibility: hidden
}
*,
.mfp-container,
::after,
::before,
input[type=search] {
box-sizing: border-box
}
.clearfix:after,
.invisible {
visibility: hidden
}
.mfp-counter,
.nowrap,
table .nowrap {
white-space: nowrap
}
.epoHomeNews__btn-wrap,
.epoHomeNews__updates {
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
html {
background: #fff
}
body,
body.popup {
background-color: #fff
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: 400
}
ol,
ul {
list-style: none
}
caption,
th {
text-align: left
}
q:after,
q:before {
content: ''
}
abbr,
acronym {
border: 0;
font-variant: normal
}
sub {
vertical-align: text-bottom
}
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
font-weight: inherit
}
#yui3-css-stamp.cssreset {
display: none
}
body {
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #0b2a43;
overflow-x: hidden
}
p {
line-height: 23px;
margin-bottom: 1.5em
}
iframe {
width: 100%
}
#winConsole {
position: absolute;
left: 10px;
top: 0;
width: 200px;
height: 400px;
overflow: auto;
background-color: #000;
color: #fff;
border: 1px solid gold;
padding: 20px 4px 4px
}
#pagebody,
.mfp-bg,
div.pageWrap {
overflow: hidden
}
#winConsole .log {
color: #fff;
font-size: 10px;
margin: 0
}
#winConsole h2 {
position: fixed;
top: 2px;
left: 20px
}
blockquote {
margin: 1em 3em;
display: block
}
strong {
font-weight: 700 !important
}
em {
font-style: italic !important
}
.h1,
h1 {
font-size: 32px;
font-weight: 400;
line-height: 40px;
margin-top: 38px;
margin-bottom: 50px
}
.h2,
.h3,
.h3.red,
h2,
h3,
h3.red {
font-size: 18px;
line-height: 23px
}
h1.entryPage {
font-weight: 700
}
.h2,
.h3,
h2,
h3 {
font-weight: 400;
margin-bottom: 10px
}
.h2,
h2 {
color: #be0f05
}
.h2 a,
.h2 a:visited,
h2 a,
h2 a:visited {
color: #be0f05 !important
}
#pagebody ul li a,
.epoPatentsContainer ul li a,
.error,
.h4,
.h5,
.h6,
.marker-notYetDone,
a.mail,
a.teaser,
h4,
h5,
h6 {
font-weight: 700
}
.h3.red,
h3.red {
color: #be0f05
}
.h4+img,
h4+img {
margin-top: 13px
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
font-size: 15px;
line-height: 23px
}
#epoSplashScreenLayer a,
#epoSplashScreenLayer span span,
.epoMenu .chp,
.epoMenu.noColumn .epoSquareList li,
.epoStage .stageTeaserContainer .teaser .textContainer button,
.epoToolBar ul,
.epoToolBar ul li.line,
.iconMarkAsSeen,
.iconMarkAsUnSeen,
.loginImg,
.modAppNav li.bendl,
.modAppNav li.bendr,
.modAppNav ul,
.resLstIco span,
.resSorting,
.resWeightIndicator,
.searchresult li ul li,
.smartCard,
.smartCardHighlight,
.smartCardInactive,
a,
a span.new,
a.mail,
button.bck span,
button.fwd span,
div.epoFilterBar ul.pipe li,
div.epoImageTeaserInner.skinPatents button,
span.arrow,
span.bckInactive,
span.divisional,
span.earlierApplication,
span.ext,
span.firstpageInactive,
span.fwdInactive,
span.hideHistoryEnabled,
span.hideHistoryHighlight,
span.lastpageInactive,
span.listIconLargeDisabled,
span.listIconSmallDisabled,
span.paginationFirstInactive,
span.paginationLastInactive,
span.paginationNextInactive,
span.paginationPreviousInactive,
span.prf,
span.reportErrorEnabled,
span.reportErrorHighlight,
span.showHistoryEnabled2,
span.showHistoryHighlight,
span.showResult {
background-image: url(../images/icon_sprite.gif);
background-repeat: no-repeat
}
a.dwn,
a.jumpToNextImportantEvent,
a.mda,
a.mda-large,
span.document-forward,
span.document-reverse,
span.thumb-down,
span.thumb-up {
background-image: url(../images/icon_sprite_ext.gif);
background-repeat: no-repeat
}
#epoBreadcrumbs li:after,
#hofSlider .next a:before,
#hofSlider .prev a:before,
#pagebody ul li a.paginationNext:after,
#pagebody ul li a.paginationPrevious:before,
#pagebody ul li:before,
.accordion-header h4:after,
.epoFatFooter ul.socialMedia>li,
.epoMetaNavigation .flyoutContainer .languageActuator>a:after,
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu a:after,
.select2-container--default .select2-selection--multiple .select2-selection__choice:after,
.select2-container--default .select2-selection--single .select2-selection__arrow:before,
.socialMedia a:before,
.tooltipActuator,
a.call:before,
a.download:before,
a.ext:before,
a.faq:before,
a.int:before,
a.mail:before,
a.pdf:before,
a.question:before,
a.rss:after,
a.top:before,
a.xls:before,
button.icon:after,
button.icon:before,
h2 a:before,
span.bla:before,
span.call:before,
ul.iconBar>li>a {
background-image: url(../images/icon_sprite_rebrush.gif);
background-repeat: no-repeat
}
.epoToolBar ul li span.firstFollow {
background-image: url(../images/icon_sprite.gif);
background-repeat: no-repeat
}
a.call,
a.int,
a.mail,
a.nne,
a.question,
span.call {
background-image: none
}
.error {
color: #e00
}
a:active,
a:focus,
a:hover,
h2 a:active,
h2 a:focus,
h2 a:hover {
color: #be0f05
}
a,
a:link,
a:visited {
color: #0b2a43
}
.btn,
a span.new {
text-decoration: none !important
}
h2 a,
h2 a:link,
h2 a:visited {
position: relative;
padding-left: 15px
}
a.ext,
a.faq,
a.int,
a.prf,
a.top,
span.ext,
span.prf {
padding-left: 1em
}
h2 a:before,
h2 a:link:before,
h2 a:visited:before {
background-position: 0 -7002px !important;
content: " ";
display: block;
height: 13px;
left: 0;
position: absolute;
top: 3px;
width: 13px
}
a.faq:before,
a.mail:before,
a.pdf:before,
a.top:before,
a.xls:before {
content: " ";
display: block;
height: 17px;
width: 17px;
top: 0
}
a.top {
position: relative
}
a.top:before {
background-position: 0 -3239px !important;
position: absolute;
left: 0
}
a.top:focus:before,
a.top:hover:before {
background-position: 0 -7550px !important
}
a.faq {
position: relative
}
a.faq:before {
background-position: 0 -3129px !important;
position: absolute;
left: 0
}
a.faq:focus:before,
a.faq:hover:before {
background-position: 0 -7440px !important
}
a.pdf,
a.xls {
position: relative;
margin-left: 1.5em
}
a.fwd,
a.tif {
margin-left: .1em
}
a.pdf:before,
a.xls:before {
background-position: 0 -3464px !important;
position: absolute;
left: -20px
}
a.pdf:focus:before,
a.pdf:hover:before,
a.xls:focus:before,
a.xls:hover:before {
background-position: 0 -7775px !important
}
a.mail {
position: relative
}
a.mail:before {
background-position: 0 -2912px !important;
position: absolute;
left: 0
}
a.ext:before,
a.int:before {
content: " ";
display: block;
height: 13px;
width: 13px;
top: 3px
}
a.mail:focus:before,
a.mail:hover:before {
background-position: 0 -7223px !important
}
a.ext {
position: relative
}
a.ext:before {
background-position: 0 -3024px !important;
position: absolute;
left: 0
}
a.ext:focus:before,
a.ext:hover:before {
background-position: 0 -7335px !important
}
span.ext {
background-position: 0 -27447px !important
}
a.prf {
background-position: 0 -27552px !important
}
span.prf {
background-position: 0 -27614px !important
}
a.prf:focus,
a.prf:hover {
background-position: 0 -27702px !important
}
.epoAccordionContainer a.int {
display: inline-block
}
a.int {
position: relative
}
a.int:before {
background-position: 0 -4801px !important;
position: absolute;
left: 0
}
a.call:before,
a.question:before,
span.call:before {
display: block;
height: 20px;
left: 0;
content: " "
}
a.int:focus:before,
a.int:hover:before {
background-position: 0 -5644px !important
}
.promoItem a.int:before {
background-position: 0 -4802px !important
}
.promoItem a.int:hover:before {
background-position: 0 -5645px !important
}
a.call,
span.call {
position: relative;
padding-left: 27px
}
a.call:before,
span.call:before {
background-position: 0 -3694px !important;
width: 16px;
position: absolute;
top: 2px
}
a.call:focus:before,
a.call:hover:before {
background-position: 0 -8005px !important
}
a.question {
position: relative;
padding-left: 26px
}
a.question:before {
background-position: 0 -3922px !important;
width: 13px;
position: absolute;
top: -1px
}
a span.new,
a.rss {
position: relative
}
a.question:focus:before,
a.question:hover:before {
background-position: 0 -8233px !important
}
a.mail {
background-position: 0 -29451px !important;
padding: 0 .8333em .8333em 27px !important
}
a.mail:focus,
a.mail:hover {
background-position: 0 -29386px !important
}
a span.new {
background-position: right -24096px !important;
width: 1.4em;
display: inline-block;
cursor: pointer;
top: -.1em;
text-indent: -99999px
}
a.rss {
padding-right: 34px
}
a.rss:after {
background-position: left -816px !important;
content: " ";
display: block;
width: 20px;
height: 25px;
top: 0;
right: 0;
position: absolute
}
.mfp-container:before,
.mfp-figure:after {
content: ''
}
div#body,
div.pageWrap {
position: relative
}
a.rss:focus:after,
a.rss:hover:after {
background-position: left -9708px !important
}
a.tif {
background-position: 0 -7002px !important;
padding-left: 1.8em
}
a.nne {
padding-left: 0 !important
}
a.bck {
background-position: 0 -6596px !important;
padding-left: 1em
}
a.bck:focus,
a.bck:hover {
background-position: 0 -12200px !important
}
a.fwd {
background-position: 0 -6796px !important;
padding-left: 13px
}
a.firstpage,
a.lastpage {
padding-left: 1em;
margin-left: .1em
}
a.fwd:focus,
a.fwd:hover {
background-position: 0 -12394px !important
}
a.firstpage {
background-position: 0 -24021px !important
}
a.firstpage:focus,
a.firstpage:hover {
background-position: 0 -23717px !important
}
a.lastpage {
background-position: 0 -24201px !important
}
a.lastpage:focus,
a.lastpage:hover {
background-position: 0 -23645px !important
}
a.listIconLarge {
background-position: 0 -24936px !important;
padding-left: 1.7em
}
a.listIconLarge:focus,
a.listIconLarge:hover {
background-position: 0 -25011px !important
}
span.listIconLargeDisabled {
background-position: 0 -25077px !important;
padding-left: 1.7em
}
a.earlierApplication,
span.earlierApplication {
background-position: 0 -25446px !important;
padding-left: 1.2em
}
a.divisional,
span.divisional {
background-position: 0 -25639px !important;
padding-left: 1.2em
}
a.listIconSmall {
background-position: 0 -25157px !important;
padding-left: 1.2em
}
a.listIconSmall:focus,
a.listIconSmall:hover {
background-position: 0 -25300px !important
}
span.listIconSmallDisabled {
background-position: 0 -25234px !important;
padding-left: 1.2em
}
a.bck span,
a.firstpage span,
a.fwd span,
a.lastpage span {
display: block;
text-indent: -10000px
}
span.firstpageInactive {
background-position: 0 -23797px !important;
display: block;
height: 17px;
width: 13px
}
span.bckInactive {
background-position: 0 -23971px !important;
display: block;
height: 17px;
width: 8px
}
span.fwdInactive {
background-position: 3px -23928px !important;
display: block;
height: 17px;
width: 13px
}
span.lastpageInactive {
background-position: 0 -23877px !important;
display: block;
height: 17px;
width: 13px
}
a.teaser {
display: block;
margin-bottom: .8em
}
a.teaserAltColor {
color: #2b333e !important
}
.smartCard {
background-position: 0 -26887px !important;
padding-left: 16px !important
}
.smartCardInactive {
background-position: 0 -26815px !important;
padding-left: 16px !important
}
.smartCard:focus,
.smartCard:hover,
.smartCardHighlight {
background-position: 0 -26959px !important;
padding-left: 16px !important
}
#pagebody p a {
text-decoration: underline
}
#epoImageTeaserNavigation li a,
.epoTeaserWrap .container a,
.mfp-close,
a.more:visited,
ul.epoFAQUL a {
text-decoration: none
}
a.ptn {
background-position: 2px -16396px !important;
padding-left: 2.16667em
}
a.ptn.active,
a.ptn:hover {
background-position: 2px -16196px !important
}
a.add {
background-position: 0 -7788px !important
}
a.add:focus,
a.add:hover {
background-position: 0 -11567px !important
}
span.add {
background-position: 0 -11767px !important
}
a.del {
background-position: 0 -7988px !important
}
a.del:focus,
a.del:hover {
background-position: 0 -10768px !important
}
span.del {
background-position: 0 -10968px !important
}
a.edt {
background-position: 0 -7587px !important
}
a.edt:focus,
a.edt:hover {
background-position: 0 -11166px !important
}
span.edt {
background-position: 0 -11366px !important
}
a.xpt {
background-position: 0 -8187px !important
}
a.xpt:focus,
a.xpt:hover {
background-position: 0 -9179px !important
}
span.xpt {
background-position: 0 -9361px !important
}
a.ipt {
background-position: 0 -10171px !important
}
a.ipt:focus,
a.ipt:hover {
background-position: 0 -10369px !important
}
span.ipt {
background-position: 0 -10569px !important
}
a.prt {
background-position: 0 -9557px !important
}
a.prt:focus,
a.prt:hover {
background-position: 0 -9779px !important
}
span.prt {
background-position: 0 -9979px !important
}
a.hnd {
background-position: 0 -16601px !important
}
a.hnd:focus,
a.hnd:hover {
background-position: 0 -16801px !important
}
span.hnd {
background-position: 0 -17000px !important
}
a.msn {
background-position: 0 -26460px !important
}
a.msn:focus,
a.msn:hover {
background-position: 0 -26580px !important
}
span.msn {
background-position: 0 -26520px !important
}
a.mus {
background-position: 0 -26640px !important
}
a.mus:focus,
a.mus:hover {
background-position: 0 -26760px !important
}
span.mus {
background-position: 0 -26700px !important
}
a.addFav {
background-position: 0 -16000px !important
}
a.addFav:focus,
a.addFav:hover,
a.addFavSelected {
background-position: 0 -16200px !important
}
span.addFav {
background-position: 0 -16400px !important
}
a.addFavSelected:focus,
a.addFavSelected:hover {
background-position: 0 -16000px !important;
color: #0e2034 !important
}
a.resLstBack {
background-position: 0 -15596px !important
}
a.resLstBack:focus,
a.resLstBack:hover {
background-position: 0 -15796px !important
}
a.resLstNext {
background-position: 0 -6798px !important
}
a.resLstNext:focus,
a.resLstNext:hover {
background-position: 0 -12396px !important
}
span.resLstNext {
background-position: 0 -18596px !important
}
a.resLstPrev {
background-position: right -6697px !important
}
a.resLstPrev:focus,
a.resLstPrev:hover {
background-position: right -12297px !important
}
span.resLstPrev {
background-position: right -18497px !important
}
a.normLstRes {
background-position: 0 -17800px !important
}
a.normLstRes:focus,
a.normLstRes:hover {
background-position: 0 -18000px !important
}
span.normLstRes {
background-position: 0 -18200px !important
}
a.extLstRes {
background-position: 0 -18800px !important
}
a.extLstRes:focus,
a.extLstRes:hover {
background-position: 0 -19000px !important
}
span.extLstRes {
background-position: 0 -19200px !important
}
a.rfnLst {
background-position: 0 -17200px !important
}
a.rfnLst:focus,
a.rfnLst:hover {
background-position: 0 -17400px !important
}
span.rfnLst {
background-position: 0 -17600px !important
}
a.hideHistoryEnabled,
a.hideHistoryEnabled:focus,
a.hideHistoryEnabled:hover,
span.hideHistoryEnabled {
background-position: 0 -24355px !important
}
a.hideHistoryHighlight,
a.hideHistoryHighlight:focus,
a.hideHistoryHighlight:hover,
span.hideHistoryHighlight {
background-position: 0 -24557px !important
}
a.reportErrorEnabled2,
a.reportErrorEnabled2:focus,
a.reportErrorEnabled2:hover,
span.reportErrorEnabled2 {
background-position: 0 -24464px !important
}
a.reportErrorHighlight,
a.reportErrorHighlight:focus,
a.reportErrorHighlight:hover,
span.reportErrorHighlight {
background-position: 0 -24840px !important
}
a.showHistoryEnabled,
a.showHistoryEnabled:focus,
a.showHistoryEnabled:hover,
span.showHistoryEnabled {
background-position: 0 -24656px !important
}
a.showHistoryHighlight,
a.showHistoryHighlight:focus,
a.showHistoryHighlight:hover,
span.showHistoryHighlight {
background-position: 0 -24757px !important
}
a.showResult,
a.showResult:focus,
a.showResult:hover,
span.showResult {
background-position: 0 -24860px !important
}
a.maximize {
background-position: 0 -22600px !important
}
a.maximize:focus,
a.maximize:hover {
background-position: 0 -22800px !important
}
span.maximize {
background-position: 0 -23000px !important
}
a.load {
background-position: 0 -22000px !important
}
a.load:focus,
a.load:hover {
background-position: 0 -22200px !important
}
span.load {
background-position: 0 -22400px !important
}
a.resLstPrev,
span.resLstPrev {
padding-right: 1.6667em
}
a.more:focus {
color: inherit;
outline: 0
}
a.more {
background-position: 0 -8985px;
padding-left: .916em
}
a.more:hover {
outline: 0
}
a.more.active,
a.moreActive {
background-position: 0 -8794px;
outline: 0
}
a.dwn {
background-position: 0 -4496px;
padding-left: 15px
}
a.dwn:focus,
a.dwn:hover {
background-position: 0 -4996px
}
a.mda {
background-position: 0 -7428px;
padding-left: 1.2em
}
a.mda:focus,
a.mda:hover {
background-position: 0 -7679px
}
a.mda-large {
background-position: -1px -6832px;
display: block;
height: 48px;
margin-left: 50px;
text-indent: -9999px;
width: 48px
}
a.mda-large:focus,
a.mda-large:hover {
background-position: -1px -7184px
}
label.selectMultiple {
vertical-align: top
}
div.pageWrap {
background-color: #fff;
margin: 0 auto 30px;
width: 993px;
width: 66.2em
}
.hide {
position: absolute;
left: -9999px
}
hr {
background: #37414e;
border: none;
height: 1px;
margin: 1.25em 0
}
div.columnWrap+hr {
margin-top: 0
}
#pagebody {
padding: .916em 0 2em;
width: 37.26666666em
}
#pagebody.wide {
width: 100%
}
#pagebody.twoColumns {
width: 590px
}
.clearfix:after {
height: 0
}
.right {
text-align: right
}
span.arrow {
display: inline-block;
width: 1em;
height: 1em
}
.overlay,
.soft-out {
display: none
}
span.arrowTop {
background-position: 0 -25896px
}
span.arrowTop:focus,
span.arrowTop:hover,
span.arrowTopHighlight {
background-position: 0 -25863px
}
span.arrowTopInactive {
background-position: 0 -25942px
}
span.arrowBottom {
background-position: 0 -25721px
}
span.arrowBottom:focus,
span.arrowBottom:hover,
span.arrowBottomHighlight {
background-position: 0 -25820px
}
span.arrowBottomInactive {
background-position: 1px -25774px
}
span.arrowRight {
background-position: 0 -26420px
}
span.arrowRight:focus,
span.arrowRight:hover,
span.arrowRightHighlight {
background-position: 0 -26340px
}
span.arrowRightInactive {
background-position: 1px -26380px
}
span.arrowLeft {
background-position: 0 -26300px
}
span.arrowLeft:focus,
span.arrowLeft:hover,
span.arrowLeftHighlight {
background-position: 0 -26220px
}
span.arrowLeftInactive {
background-position: 1px -26260px
}
fieldset.outlined {
padding: 0 1em 1em;
margin: 1.2em 0;
border: .1em solid #ccc !important
}
fieldset.outlined legend {
color: #0e2034;
margin-left: -.2em;
padding: .2em
}
fieldset.outlined legend span {
margin-left: .2em
}
fieldset.outlined textarea {
width: 98% !important
}
fieldset input.fullWidth {
width: 100%
}
.centerText {
text-align: center
}
.moveRight {
padding-left: 5px
}
.overlay {
background: rgba(0, 0, 0, .3);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000
}
.overlay .spinner {
background: url(../../../modules/epogui/images/ajax-loader.gif) 50% 50% no-repeat;
position: absolute;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
width: 32px;
height: 32px
}
.marginBottom {
margin-bottom: 30px
}
.alignRight {
text-align: right
}
.alignLeft {
text-align: left
}
.marker-done {
background-color: green
}
.marker-notInLayout {
background-color: #00a
}
.marker-notYetDone {
color: #fff;
background-color: #9b6c4a
}
div.epoContentWrap {
margin-left: 14.466666em;
position: relative
}
div.epoContext {
float: right;
padding: 1.583em 0 0;
position: relative;
width: 13.4em
}
div.epoContext.epoContextNarrow {
width: 11.4em
}
.mfp-bg,
.mfp-wrap {
width: 100%;
position: fixed;
left: 0;
top: 0;
height: 100%
}
.mfp-bg {
z-index: 1042;
background: #0b0b0b;
opacity: .8
}
.mfp-wrap {
z-index: 1043;
outline: 0 !important
}
.mfp-container,
.mfp-content {
position: relative;
margin: 0 auto
}
.mfp-container {
height: 100%;
left: 0;
padding: 0 8px;
text-align: center;
top: 0;
width: 1100px
}
.mfp-container:before {
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
display: inline-block;
vertical-align: middle;
text-align: left;
z-index: 1045
}
.mfp-close,
.mfp-preloader {
text-align: center;
position: absolute
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #ccc;
top: 50%;
width: auto;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-close,
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
.mfp-figure:after,
.mfp-iframe-scaler iframe {
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
position: absolute;
left: 0
}
button.mfp-arrow:hover,
button.mfp-close:hover {
background-color: transparent
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
right: 0;
top: 0;
opacity: .65;
padding: 0 0 18px 10px;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px
}
.mfp-figure,
img.mfp-img {
line-height: 0
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: -55px 0 0;
top: 50%;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1
}
.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: inset transparent
}
.mfp-arrow .mfp-a,
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow .mfp-b,
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-image-holder .mfp-content,
img.mfp-img {
max-width: 100%
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
display: block;
top: 0;
width: 100%;
height: 100%;
background: #000
}
.mfp-figure:after,
img.mfp-img {
width: auto;
height: auto;
display: block
}
img.mfp-img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 14px;
margin: 0 auto
}
.mfp-figure:after {
top: 40px;
bottom: 40px;
right: 0;
z-index: -1;
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-figure figure figcaption {
margin-top: 0;
padding: 0
}
.mfp-bottom-bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
font-size: 12px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.epo40ReadMore,
.white-popup {
background: #fff;
margin: 20px auto;
max-width: 560px;
padding: 20px;
position: relative;
width: auto;
box-sizing: unset
}
.epo40ReadMore {
padding-top: 25px;
padding-bottom: 23px
}
.epo40ReadMore h2 {
margin-bottom: 19px
}
.epo40ReadMore p:last-child,
.white-popup p:last-child {
margin-bottom: 0
}
.epo40ReadMore p>a.int,
.white-popup p>a.int {
font-size: 13px;
font-weight: 700
}
.epo40ReadMore>p+p {
margin-bottom: 7px
}
.epo40ReadMore>p+p+p {
margin-bottom: 0
}
.indendBox {
padding-left: 27px;
margin-bottom: 1em
}
.legalHint {
font-size: 13px
}
.row {
margin-left: -10px;
margin-right: -10px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
content: " ";
display: table
}
.clearerLeft,
dl.epoImageTextList dt {
clear: left
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important
}
.affix {
position: fixed
}
div.epoImageTeaserInnerEntrypage {
top: 137px !important
}
div.epoHomeImageWrap div.epoImageTeaserInner {
position: relative;
top: -28.15em;
left: 1.2em;
width: 60em
}
div.epoImageTeaserInner div.linkBlock {
margin-bottom: 16px
}
div.epoImageTeaserInnerDark h2,
div.epoImageTeaserInnerDark h4,
div.epoImageTeaserInnerDark p,
div.epoTeaserInnerDark h2,
div.epoTeaserInnerDark h4,
div.epoTeaserInnerDark p {
color: #000 !important
}
div.epoHomeWrap {
margin-top: 15px;
padding-left: 15px;
padding-right: 15px
}
div.epoHomeImageWrap a,
div.epoHomeImageWrap h1,
div.epoHomeImageWrap h2,
div.epoHomeImageWrap p,
div.epoImageTeaserInner h2,
div.epoImageTeaserInner h4,
div.epoImageTeaserInner p {
color: #fff
}
div.epoImageTeaserInner.dark h2,
div.epoImageTeaserInner.dark p {
color: #192b42
}
div.epoImageTeaserInner.dark .playBtn {
top: 140px;
left: 32%
}
div.epoImageTeaserInner.skinPatents .contentBox {
color: #fff;
width: 45%
}
div.epoImageTeaserInner.skinPatents .contentBox h2 {
font-size: 22px
}
div.epoImageTeaserInner.skinPatents .contentBox p {
font-size: 16px;
font-weight: 700;
line-height: 22px
}
div.epoImageTeaserInner.skinPatents button {
background-color: #be0f05;
background-position: 10px -27988px;
border: none;
color: #fff;
font-size: 1.25em;
font-weight: 700;
padding: 9px 6px 11px 21px
}
div.epoImageTeaserInner.skinPatents button:hover {
background-position: 10px -27988px
}
img.entryImage,
img.entrybImage,
img.startImage {
width: 100%
}
img.entrybImage {
margin-bottom: 10px
}
img.entrybImage.skinPatents {
margin-bottom: 2em
}
div.epoImageTeaserInner p.announcement {
font-weight: 700;
margin: 2em 0 .25em;
font-size: 14px
}
.epoPatentsContainer {
width: 964px;
margin: 0 auto
}
.epoContentWrapEntrypage h2 {
margin-bottom: 25px
}
div.epoImageTeaserInner .type3 {
width: 24em
}
div.epoImageTeaserInner .type3 h2 {
margin-bottom: 1.4em !important
}
div.epoImageTeaserInner .type3 h4 {
margin-bottom: 1.1em !important
}
div.epoImageTeaserInner .type3 p {
font-weight: 400
}
div.epoImageTeaserInner a {
font-size: 1.083em;
line-height: 1.75em
}
div.epoImageTeaserInner a.int {
font-size: 15px
}
div.epoImageTeaserInner ul li a.int {
font-size: 13px
}
div.epoImageTeaserInner div.floatLeft {
margin-right: 4.5em
}
div.epoImageTeaserInner h1 {
border: 0;
font-size: 2.083em;
margin-bottom: 1.47em
}
div.epoImageTeaserInner h2 {
font-size: 1.5em;
margin-bottom: .35em
}
div.epoImageTeaserInner.entrypage h2 {
font-size: 1.333em;
margin-bottom: 20px
}
div.epoImageTeaserInner {
position: absolute;
z-index: 2;
padding-left: 25px;
padding-top: 43px;
width: 450px;
top: 0
}
div.epoImageTeaserInner li {
margin-left: 0 !important;
padding-left: 0 !important
}
div.epoImageTeaserInner li:before {
background-image: none !important
}
div.epoImageTeaserInnerEntrypage a,
div.epoImageTeaserInnerEntrypage a:visited {
color: #fff !important
}
div.epoHomeImageWrap div.column {
float: left
}
div.epoHomeImageWrap div.lastChild {
background-color: #404955;
width: 20.5em;
left: .084em;
position: relative
}
div.epoHomeImageWrap div.lastChild .light {
background-color: #4c6382
}
div.epoHomeImageWrap div.lastChild div.teaserBlock {
height: 13.75em;
padding: 1.25em 1.25em 0
}
div.epoHomeImageWrap div.lastChild h2 {
margin-bottom: .9em
}
div.epoHomeImageWrap div.lastChild span {
border: 1px solid #fff;
display: inline-block;
margin-top: 1px;
padding: .2em .8em .3em .4em
}
div.epoHomeImageWrap div.lastChild span a {
background-position: 0 -998px;
margin: .2em;
padding-left: 1.4em;
font-size: 1em;
text-decoration: none;
font-weight: 700
}
div.epoHomeImageWrap div.lastChild span:hover {
background-color: #fff
}
div.epoHomeImageWrap div.lastChild span:hover a {
color: #2a323d !important;
background-position: 0 -196px
}
#epoImageTeaserNavigation {
display: none;
position: relative;
top: 28.74em;
left: 1.25em;
width: 60em
}
div.epoEntrybWrap p {
margin-bottom: 30px
}
div.epoEntrybWrap .epoTeaser h2 {
margin-bottom: 15px;
font-size: 18px;
font-weight: 400;
line-height: 23px
}
div.epoEntrybWrap .epoTeaser h2+img {
margin-bottom: 10px
}
#epoImageTeaserNavigation li {
float: left;
line-height: 3.294em;
background-color: #1f252f;
opacity: .7;
width: 18.674em;
margin-right: 1px;
color: #caced3;
padding-left: 1.166em
}
#epoImageTeaserNavigation li.active,
#epoImageTeaserNavigation li:hover {
opacity: .85;
cursor: pointer
}
#epoImageTeaserNavigation li a {
background-position: 0 -5398px;
padding-left: 1em;
margin-left: -.2em;
font-size: 1.083em;
font-weight: 700;
color: #dcdee1
}
#epoImageTeaserNavigation li.active a,
#epoImageTeaserNavigation li:hover a {
background-position: 0 -5597px;
color: #fff
}
div.epoImageTeaserInner ul li a.int::before {
background-position: 0 -11390px !important
}
div.epoImageTeaserInner a.int:before {
background-position: 0 -5862px !important
}
div.epoImageTeaserInner a.int:hover:before {
background-position: 0 -5418px !important
}
div.epoImageTeaserInner .linkBlock a:hover {
color: #647593 !important
}
div.epoImageTeaserInner.epoImageTeaserInnerDark .linkBlock a:hover {
color: #ccc !important
}
div.epoImageTeaserInner .linkBlock a.int:hover:before {
background-position: 0 -12154px !important
}
div.epoImageTeaserInner.epoImageTeaserInnerDark a.int:before {
background-position: 0 -12042px !important
}
div.epoImageTeaserInner.epoImageTeaserInnerDark a.int:hover:before {
background-position: 0 -5418px !important
}
div.epoImageTeaserInner.epoImageTeaserInnerDark ul li a.int:before {
background-position: 0 -11934px !important
}
div.epoImageTeaserInner.epoImageTeaserInnerDark ul li a.int:hover:before {
background-position: 0 -11826px !important
}
div.epoImageTeaserInner a {
color: #fff
}
div.epoImageTeaserInner a:hover {
color: #ccc !important
}
div.epoImageTeaserInnerDark a,
div.epoImageTeaserInnerDark a:link,
div.epoImageTeaserInnerDark a:visited,
div.epoTeaserInnerDark a,
div.epoTeaserInnerDark a:link,
div.epoTeaserInnerDark a:visited {
color: #000 !important
}
div.epoImageTeaserInnerDark a:active,
div.epoImageTeaserInnerDark a:hover,
div.epoTeaserInnerDark a:active,
div.epoTeaserInnerDark a:hover {
color: #ccc !important
}
.animationTeaser h1 {
margin-top: 0;
margin-bottom: 20px
}
.animationTeaser ul+h3,
.epoBanner+.epoContentWrap.compact {
margin-top: 30px
}
.animationTeaser .contentBox {
padding: 25px 25px 0;
background: linear-gradient(to bottom, #cbcbcb 0, #f3f3f3 100%) rgba(0, 0, 0, 0);
height: 41.8328em;
position: relative
}
.animationTeaser .animationItems .item {
position: absolute
}
.animationTeaser .animationItems .statisticDescription {
color: #404955
}
.animationTeaser .animationItems .statisticDescription,
.animationTeaser .animationItems .statisticLabel,
.animationTeaser .animationItems .statisticValue {
position: absolute;
z-index: 99;
font-size: 12px
}
.animationTeaser .animationItems .statisticLabel {
font-weight: 700
}
.animationTeaser .animationItems .statisticValue {
color: #fff;
font-weight: 700;
white-space: nowrap
}
.animationTeaser .animationItems .statisticValue.statisticAnimation {
opacity: .5
}
.animationTeaser .animationItems .statisticValue .statisticAddional {
display: block
}
.animationTeaser .note {
bottom: 8px;
position: absolute;
margin-bottom: 0;
font-size: 12px
}
.animationTeaser+.staticTeaser.col-xs-6 .epoImageTeaser {
margin-bottom: 15px
}
.staticTeaser.col-xs-6 div.epoImageTeaserInner {
width: 250px
}
.epoContentWrap.compact .epoTeaser {
margin-bottom: 30px
}
.epoContentWrap.compact .epoTeaser img {
margin-bottom: 10px
}
.epoTeaserWrap {
margin-bottom: 3em
}
.epoTeaserWrap .container a {
color: #fff
}
.epoTeaserWrap .container .inner {
background-color: #536274;
height: 6.6666em;
margin-top: -6.6666em;
padding: .6666em 1em;
position: relative
}
.epoTeaserWrap .container .inner p {
font-size: 13px !important;
line-height: 21px !important;
margin-bottom: 0
}
.epoTeaserWrap .container .inner h3 {
font-size: 15px !important;
font-weight: 700;
line-height: 20px
}
.epoTeaserWrap .container img {
width: 100%
}
.epoTeaserWrap .special .container .inner {
background-color: #efefef;
height: 100%;
margin-top: 0
}
.epoTeaserWrap .special .container .inner h3 {
font-size: 18px;
line-height: 26px;
margin-top: 19px;
margin-bottom: 20px
}
.epoTeaserWrap .special .container .inner select {
width: 100%;
background-color: #fff
}
.epoTeaserWrap .special .container .inner .select2-container,
.epoTeaserWrap .special .container .inner .select2-container--default .select2-selection--single {
background-color: #fff
}
.epoHomeNewsWrap h2 {
color: #be0f05;
font-size: 18px;
margin-bottom: 14px
}
.epoHomeNewsWrap dl dt {
font-weight: 400;
font-size: 13px;
margin-bottom: 8px
}
.epoHomeNewsWrap dl dd {
margin-bottom: 23px
}
.epoHomeNewsWrap a {
font-weight: 700
}
.epoHomeNewsWrap a.rss {
padding-top: 2px;
position: relative;
top: -33px;
float: right;
font-size: 13px
}
.epoContentWrap.entrypage.epoContentWrapEntrypage.row {
margin-left: -10px
}
.epoContentWrapEntrypage dl dt {
font-size: 13px;
line-height: 18px
}
.epoStage {
height: 430px;
height: 28.6666666em
}
.epoStage .stageTeaserContainer .animationStage .teaser {
opacity: 0;
z-index: 0;
position: absolute;
transition: opacity 2s, z-index 2s
}
.epoStage .stageTeaserContainer .animationStage .state-active {
opacity: 1;
z-index: 100
}
.epoStage .stageTeaserContainer .animationStage .teaser img {
height: 22.867em;
width: 47.8em
}
.epoStage .stageTeaserContainer .animationStage .textContainer {
position: absolute;
top: 2em;
width: 25.8323em
}
.epoStage .stageTeaserContainer .animationStage .teaser.positionRight .textContainer {
left: 23.9em;
width: 23em
}
.epoStage .stageTeaserContainer .animationStage .teaser.positionLeft .textContainer {
left: 1.66em
}
.epoStage .stageTeaserContainer .animationStage .teaser.colorLight .textContainer * {
color: #fff
}
.epoStage .stageTeaserContainer .animationStage .teaser.colorDark .textContainer,
.epoStage .stageTeaserContainer .animationStage .teaser.colorLight .textContainer {
top: 6px
}
.epoStage .stageTeaserContainer .animationStage .teaser.colorDark .textContainer h1,
.epoStage .stageTeaserContainer .animationStage .teaser.colorLight .textContainer h1 {
margin-bottom: 16px
}
.epoStage .stageTeaserContainer .animationStage .textContainer button {
background-color: #be0f05;
font-weight: 700;
font-size: 15px
}
.epoStage .animationStageLinkList {
display: table;
margin-top: 23.064em;
width: 100%
}
.epoStage .animationStageLinkList li {
background-color: #647593;
border-right: 2px solid #fff;
color: #fff;
display: table-cell;
font-size: 14px;
font-weight: 700;
height: 3.466em;
text-align: center;
vertical-align: middle;
width: 25%
}
.epoStage .animationStageLinkList li:last-child {
border-right: 0
}
.epoStage .animationStageLinkList li.state-active {
background-color: #dee1e5;
color: #0b2a43
}
.epoStage .animationStageLinkList li:hover {
background-color: #425060;
color: #fff;
cursor: pointer
}
.epoStage .animationStageLinkList li span {
display: inline-block
}
.accordion {
margin-bottom: 2em
}
.accordion .accordion-item {
border-bottom: .13332em solid #fff
}
.accordion .accordion-item-active .accordion-header {
transition: .25s
}
.accordion .accordion-item .accordion-header-icon {
display: none
}
.accordion .accordion-header {
padding: .73326em 1em .6666em;
background-color: #efefef;
cursor: pointer;
transition: .25s
}
.tooltipster-fall,
.tooltipster-grow-show {
-moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.accordion .accordion-header.accordion-header-active {
cursor: auto
}
.epoStage .accordion .accordion-header {
background-color: #7d89a5
}
.accordion .accordion-header h4 {
color: #2a323d;
font-size: 15px;
font-weight: 700;
margin-bottom: 0;
position: relative
}
.accordion .accordion-header h4:after {
background-position: left -4380px;
content: " ";
height: 10px;
margin-top: 5px;
position: absolute;
right: 0;
width: 12px
}
.epoStage .accordion .accordion-header h4 {
color: #fff
}
.accordion .accordion-item-active .accordion-header h4 {
color: #2a323d
}
.accordion .accordion-header-active h4:after {
background-position: left -4485px
}
.epoStage .accordion .accordion-item-active .accordion-header h4 {
color: #fff
}
.epoStage .accordion .accordion-header h4:after {
background-position: left -9110px
}
.epoStage .accordion .accordion-item-active .accordion-header h4:after {
background-position: left -9219px
}
.accordion .accordion-content {
display: none;
padding: 1.26654em 1em 1em;
line-height: 1.45em
}
.epoStage .accordion .accordion-content {
color: #fff;
background-color: #677593;
height: 17.266em
}
.accordion .accordion-content ul li {
margin-bottom: .93324em
}
.accordion .accordion-content ul li a {
color: #0b2a43
}
.epoStage .accordion .accordion-content ul li a,
div.promo .teaser a,
div.promo .teaser div.inset,
div.promo .teaser h5 {
color: #fff
}
body.popup div.content {
padding: 1.67em 1.67em 0
}
div.promoItemGroup {
background-color: #efefef;
margin-bottom: 2px;
padding: 13px 15px
}
div.promoItemGroup.marginTop {
margin-top: 35px
}
div.promoItemGroup.marginBottom {
margin-bottom: 35px
}
div.promo .teaser h5,
div.promoItemGroup.imageTeaser h4 {
margin-bottom: 0
}
div.promoItemGroup.imageTeaser {
background-color: #536274;
padding: 0
}
div.promoItemGroup a.pdf:before {
background-position: 1px -9827px !important
}
div.promoItemGroup a.pdf:hover:before {
background-position: 1px -9940px !important
}
div.promoItemGroup a.ext:before {
top: 2px
}
div.promoItemGroup.imageTeaser a {
padding: 0;
color: #fff
}
div.promoItemGroup.imageTeaser a img {
width: 100%
}
div.promoItemGroup.imageTeaser a .inner {
padding: 5px 15px 15px
}
div.promoItemGroup.imageTeaser a .inner h4 {
font-size: 13px;
font-weight: 400
}
#pagebody ol.lower-alpha>li:before,
#pagebody ul.no-list a,
div.promo .teaser div.inset h5,
div.promo h4,
div.promoItemGroup a,
dl dd,
p.summary {
font-weight: 700
}
div.promoItemGroup.imageTeaser a .inner p {
font-size: 15px;
font-weight: 700;
margin-bottom: 0
}
div.promo .teaser {
padding: 0;
margin-top: 28px
}
div.promo .teaser div.inset {
background-color: #536274;
padding: 20px 15px
}
div.promo .teaser div.inset a {
background-image: none
}
div.promo div.inset p {
margin-bottom: 1.2em
}
div.promo .teaser div.inset a.btn {
width: 100%;
background-color: #fff;
color: #425060
}
div.promo .teaser div.inset a.btn:hover {
background-color: #425060;
color: #fff
}
div.promo .accordionTeaser h4,
div.promo .serviceTeaser h4,
div.promoItemGroup a:active {
color: #be0f05
}
div.promo h4 {
font-size: 15px;
margin-bottom: 20px
}
div.promo p,
div.promo ul {
font-size: 13px;
line-height: 18px
}
div.promo .promoItem {
margin-bottom: 7px
}
div.promo .imageTeaser a.imageLink,
div.promo a.textLink {
padding-left: 0 !important
}
div.promo .imageTeaser a.imageLink {
margin-bottom: 10px;
display: block
}
div.promoItemGroup a {
padding-left: 1.4em;
display: inline-block
}
div.promoItemGroup a:before {
margin-top: 1px
}
div.promoItemGroup a.pdf {
padding-left: 0
}
.promoItemGroup.teaser a:before {
background-position: 0 -11389px !important
}
.promoItemGroup.teaser a:hover {
color: #ccc
}
.promoItemGroup.teaser a:hover:before {
background-position: 0 -11825px !important
}
.promoItemGroup.teaser a+ul {
margin-top: 1em
}
.epoAnnualReportTeaser {
position: relative;
margin: 1.25em 0
}
#annualReportTeaserMod {
width: 557px;
overflow: hidden;
border: 0;
padding: 0;
margin: 0
}
#annualReportTeaserModImgWrapper {
width: 40.8em;
overflow: hidden;
border: 0;
padding: 0;
margin: 0;
position: relative
}
.no-js #annualReportTeaserModImgWrapper {
width: 62.6em;
overflow-x: auto !important;
padding: 0 0 .66em;
margin: 0
}
#annualReportTeaserModScrollable {
width: 1600px
}
div#pagebody.wide div#body.clearfix p#missingLanguageInfo {
margin-top: 1em
}
.teaserModImg {
padding: 0;
margin: 0 .45em;
float: left
}
.teaserModContent {
position: absolute;
top: 10px;
left: 50%;
margin-left: -42.5%;
width: 85%;
padding: .33em 0;
background-color: #fff;
min-height: 1.25em;
text-align: center;
-ms-filter: "alpha(Opacity=85)";
-moz-opacity: .85;
-khtml-opacity: .85;
opacity: .85
}
.teaserModContent:hover {
-ms-filter: "alpha(Opacity=95)";
-moz-opacity: .95;
-khtml-opacity: .95;
opacity: .95
}
.teaserModContent a {
color: #333
}
div.teaserModImgContent {
position: relative
}
div.teaserModImgContent img {
border: 2px solid transparent
}
img.activeThumb {
border: 2px solid #be0f05 !important
}
td.teaserModNav {
width: 1em;
background-color: #efefef;
padding: .5em;
margin: 0
}
td.teaserModNav a.pageNavPrevious {
background-position: 0 -6593px;
top: 30px
}
td.teaserModNav a.pageNavNext {
background-position: 0 -6794px;
top: 30px
}
td.teaserModNav a.pageNavPrevious:hover {
background-position: 0 -12197px !important
}
td.teaserModNav a.pageNavNext:hover {
background-position: 0 -12392px !important
}
td.teaserModNav:hover {
background-color: #cacaca;
cursor: pointer
}
.linkListDPL li,
dd.highlightArea,
dt.highlightArea {
background-color: #efefef
}
td.teaserModNav a.pageNavPrevious.inactive {
background-position: 0 -18392px !important;
height: 15px
}
td.teaserModNav a.pageNavNext.inactive {
background-position: 0 -18592px !important;
height: 15px
}
td.teaserModImage {
margin: 0;
padding: 0 .5em;
overflow: hidden
}
div.teaserModNavWrapper td {
border: 0
}
td.teaserModNav a.pageNavNext,
td.teaserModNav a.pageNavPrevious {
overflow: hidden;
position: absolute;
text-indent: 5px;
width: 5px
}
.no-js td.teaserModNav {
display: none;
margin: 0;
padding: 0
}
button.fwd {
padding: 0 .6em !important
}
button.fwd span {
background-position: right -7195px !important;
padding-right: 2em;
margin-left: .1em
}
button.bck {
padding: 0 .6em !important
}
button.bck span {
background-position: 0 -7397px !important;
padding-left: 1.2em;
margin-left: .1em
}
img.contentImage {
float: right;
margin: 0 0 1.25em 2.58em
}
h1+img {
margin-bottom: 22px
}
#pagebody p+h2,
#pagebody p+h3,
#pagebody p+h4,
#pagebody p+h5,
#pagebody p+h6 {
margin-top: 1.4em
}
p+ul {
margin-top: -.5em
}
#pagebody ol>li {
list-style-position: outside;
list-style-type: decimal;
margin-left: 17px;
padding-left: 0
}
#pagebody .ol-container ol>li {
overflow: hidden;
list-style-position: inside;
margin-left: 0
}
#pagebody ul>li {
list-style-position: outside;
list-style-type: unset;
margin-left: 0;
overflow: hidden;
padding-left: 24px!important;
position: relative;
}
#pagebody .accordion-content ul>li {
padding-left: 1em !important;
}
ul.sitemap,
ul.sitemap li {
list-style-type: none
}
#pagebody li p+ul {
margin-top: -17px
}
#pagebody ol.lower-alpha {
list-style: none;
padding: 0;
margin: 0;
counter-reset: listStyle
}
#pagebody ol.lower-alpha>li {
list-style: none;
position: relative
}
#pagebody ol.lower-alpha>li:before {
content: counter(listStyle, lower-alpha);
counter-increment: listStyle;
position: absolute;
left: -10px
}
#pagebody ul.checklist li:before {
background-position: 0 -3575px;
width: 20px
}
#pagebody ol.no-list>li,
#pagebody ol.noBullets>li,
#pagebody ul.no-list>li,
#pagebody ul.noBullets>li,
ul.select2-selection__rendered li {
margin-left: 0 !important;
padding-left: 0 !important
}
#pagebody ol.no-list>li:before,
#pagebody ol.noBullets>li:before,
#pagebody ul.no-list>li:before,
#pagebody ul.noBullets>li:before,
ul.select2-selection__rendered li:before {
background-image: none !important
}
#pagebody ul>li:before {
content: " ";
height: 20px;
width: 10px;
display: block;
background-position: 0 -4480px;
position: absolute;
left: -18px;
left: 0;
}
#pagebody ol,
#pagebody ul {
margin-bottom: 1.4em
}
#pagebody ol ol,
#pagebody ol ul,
#pagebody ul ol,
#pagebody ul ul {
margin-bottom: 0;
margin-top: 10px
}
#pagebody ol li,
#pagebody ul li {
padding-left: 5px;
line-height: 23px;
margin-bottom: 8px
}
#pagebody ol li li,
#pagebody ul li li {
margin-left: 30px
}
#pagebody ol li li li,
#pagebody ul li li li {
margin-left: 40px
}
#pagebody ol li li li li,
#pagebody ul li li li li {
margin-left: 60px
}
p.summary {
margin-bottom: .5em
}
dl {
margin-bottom: 1em
}
dl dt {
margin-bottom: 5px
}
dl dd {
margin-bottom: 25px
}
dl.epoImageTextList {
border-bottom: .083em solid #aaadb1;
margin-bottom: 1em;
padding-bottom: 0
}
dl.epoImageTextList dd,
dl.epoImageTextList dt {
float: left
}
dl.epoImageTextList dd {
width: 350px;
margin-left: 1.25em;
font-weight: 400
}
.linkListDPL li,
td a,
ul.epoFAQUL a {
font-weight: 700
}
dl.epoImageTextList img {
display: block;
width: 186px
}
dl.epoImageTextList h2 {
margin-bottom: .2em
}
.linkListDPL li {
margin-bottom: .8em !important;
margin-left: 0
}
.epoTeaser {
margin-bottom: 1.25em;
overflow: hidden;
padding-bottom: .25em
}
.epoTeaser h2+img {
margin-bottom: 1em
}
.teaserImage+h2 {
margin-top: 1em
}
.epoTeaser img.solo {
margin: 1em 0
}
.epoContent td p,
td p {
margin-bottom: 0
}
.home .epoTeaser {
border-bottom: 0
}
.middleDiv {
border-right: 1px solid #aaadb1;
padding-right: 1.25em
}
.caption {
font-size: 95%
}
.float-right,
.floatRight,
.floatr {
float: right !important
}
.float-left,
.floatLeft,
.floatl {
float: left !important
}
.clearerRight {
clear: right
}
ul.epoFAQUL a:hover {
text-decoration: underline
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 1.4em
}
table+.epoActionBar {
margin-top: -1.5em;
border-top: .083em solid #fff
}
td,
th {
vertical-align: top;
text-align: left
}
td {
border-bottom: 1px solid #37414e;
font-size: 13px;
line-height: 18px;
padding: 12px 15px
}
td a.ext,
td a.int,
td a.pdf,
td a.tiff {
text-decoration: none
}
th {
background-color: #c9cbce;
color: #0e2034;
font-weight: 400;
font-size: 15px;
line-height: 23px;
padding: 8px 15px
}
th a,
th a:link,
th a:visited {
font-weight: 700;
text-decoration: underline
}
.wrap,
table .wrap {
white-space: normal
}
table .iconContainer {
width: .3em
}
caption {
position: absolute;
left: -300em
}
table.smallFont td,
table.smallFont th {
padding: 6px 4px;
font-size: 12px
}
table.smallFont td h4,
table.smallFont th h4 {
font-size: 12px;
line-height: 17px
}
table.smallFont td {
padding: 6px 4px
}
table.layout td,
table.layout th {
padding-left: 0;
padding-right: 0
}
.floatContainer {
margin-bottom: 1.6em
}
.pdfContainer {
width: 100%
}
.searchresult li {
margin-bottom: 1.833em
}
.searchresult li a.headlink {
font-weight: 700
}
.searchresult li a.urllink {
font-size: 11px
}
.searchresult span {
display: block
}
.searchresult+.epoFilterBar {
margin-top: -.416em
}
.recommended .highlight,
.searchresult .highlight {
background-color: #acaeb2;
color: #fff;
display: inline
}
.searchresult li ul li {
padding: 0 .4em 0 .6em;
float: left;
background-position: 0 -8595px;
margin-bottom: 0
}
.searchresult li ul li.firstChild {
background: 0 0;
padding-left: 0
}
.search .epoFilterBar {
padding-left: 0;
padding-right: 0;
margin-bottom: .416em;
border-top: .0833em solid #acaeb2
}
.search .epoFilterBar li ul,
.search .epoFilterBar ul.pipe {
margin-top: 0
}
.search .epoFilterBar .floatRight {
margin-right: .266em
}
.search .epoFilterBar .pager {
position: relative;
top: .333em
}
.search h2 {
position: relative;
top: 1.832em;
left: .999em
}
.recommended {
border: 1px solid #e5e7eb;
padding: 42px 1.249em 1.249em;
margin-top: -1.667em
}
.search .searchstring input.text {
margin-right: .833em;
width: 41em
}
table.resLst {
margin-top: 1.4em
}
.epoToolBar ul li span.resCurrent {
color: #0e2034;
padding: 0 .83335em
}
.numberRes a {
padding-left: 1.6em;
display: block
}
table.application span.resNumber {
color: #0e2034;
display: block;
float: left
}
table.application .resLstIco {
width: 1.67em
}
table.application .resLstIco a.iconMarkAsSeen,
table.application .resLstIco a.iconMarkAsUnSeen,
table.application .resLstIco a.iconPatentList,
table.application .resLstIco a.iconPatentListMonitorLoggedOut,
table.application .resLstIco a.iconPatentListMonitorMonitored,
table.application .resLstIco a.iconPatentListMonitorNotMonitored,
table.application .resLstIco a.iconPatentListSelected {
background-color: #fff;
display: block;
height: 1.67em;
padding: 0;
text-indent: -1000em;
width: 1.67em
}
table.application a.iconPatentList {
background-position: 0 -16000px
}
table.application a.iconPatentList:focus,
table.application a.iconPatentList:hover,
table.application a.iconPatentListSelected,
table.application a.iconPatentListSelected:focus,
table.application a.iconPatentListSelected:hover {
background-position: 0 -16200px
}
table.application a.iconPatentListMonitorLoggedOut,
table.application a.iconPatentListMonitorLoggedOut:focus,
table.application a.iconPatentListMonitorLoggedOut:hover {
background-position: 0 -26009px
}
table.application a.iconPatentListMonitorMonitored,
table.application a.iconPatentListMonitorMonitored:focus,
table.application a.iconPatentListMonitorMonitored:hover {
background-position: 0 -26076px
}
table.application a.iconPatentListMonitorNotMonitored,
table.application a.iconPatentListMonitorNotMonitored:focus,
table.application a.iconPatentListMonitorNotMonitored:hover {
background-position: 0 -26141px
}
table.application a.iconMarkAsSeen {
background-position: 0 -27028px
}
table.application a.iconMarkAsUnSeen {
background-position: 0 -27209px
}
table.application .icoOwner {
background-position: 3px -19800px
}
table.application .icoReg {
background-position: 3px -20399px
}
table.application .icoHndl {
background-position: 3px -16600px
}
table.application.docList td {
border-bottom: .083em solid #9b9ea3
}
table.application.docList tfoot td {
border-bottom: 0;
font-weight: 700;
text-align: right
}
table.application .resSorting {
padding-right: 1.4em
}
table.application a.asc {
background-position: right -21198px
}
table.application a.desc {
background-position: right -21398px
}
pre.code-xml {
background: #e4e6e7;
border: 1px solid #aaadb1;
overflow: auto;
margin-bottom: 25px
}
pre.code-xml .green {
color: #178a43
}
pre.code-xml .blue {
color: #188587
}
#refineSearch .epoMulticolLeft label,
#refineSearch .epoMulticolRight label {
display: block
}
#refineSearch .epoMulticolLeft input,
#refineSearch .epoMulticolRight input {
margin-bottom: .91em;
width: 23.636em
}
a.refineSearch {
margin-bottom: 10px;
display: block;
font-weight: 700
}
div.websiteAreas .floatLeft {
padding-right: 2.3em
}
div.websiteAreas div.floatLeft fieldset {
margin: 1.083em -.0833em 2em .916em;
padding: 0
}
div.websiteAreas div.floatLeft {
width: 14em
}
div.noFlashPlayer {
color: red;
background-color: #efefef;
width: 559px;
height: 315px
}
.clearbreak {
clear: both;
line-height: 0;
height: 0
}
.equalHeightTeaserSet .epoTeaser {
border: 1px solid #d4d5d9;
float: left;
padding: 9px 20px 0 25px;
width: 224px
}
.equalHeightTeaserSet .epoTeaser:first-child {
margin-right: 30px
}
.wide .divColumn h3 {
margin-top: .55em
}
.wide h3.first {
margin-top: 0;
margin-bottom: .7em
}
.wide h3 {
margin-bottom: 1.25em
}
.wide img:first-child {
margin-top: .3em
}
.wide .divColumn p:first-child {
margin-top: 1.1em !important
}
.wide .tabContent img {
margin-top: 1.5em
}
.wide .fileContainer {
margin: 1em 0 .7em
}
.wide p+.fileContainer {
margin-top: -.4em
}
.wide .fileContainer ul {
margin-bottom: 0 !important
}
.wide .fileContainer a {
margin-right: .2em
}
.wide .fileContainer li {
margin-right: 1.667em
}
.wide .columnWrap div.divColumn {
float: left;
width: 558px;
padding-right: 1.25em
}
.wide .columnWrap div.divColumn.lastChild {
width: 187px;
padding-right: 0
}
img.float-left,
img.floatl {
margin-right: 12px;
margin-bottom: 10px
}
img.float-right,
img.floatRight,
img.floatr {
margin-left: 12px;
margin-bottom: 10px
}
div.epoContentNavigationContainer {
float: right;
width: 230px;
margin-left: 10px
}
div.epoContentNavigationElement {
padding: 15px;
margin-bottom: 1.65em;
background-color: #efefef;
font-size: 13px;
line-height: 18px
}
div.epoContentNavigationElement h4 {
margin-bottom: 18px;
font-size: 16px
}
#pagebody div.epoContentNavigationElement ul,
div.epoContentNavigationElement ul {
margin-bottom: -.4em
}
#pagebody div.epoContentNavigationElement ul ul,
div.epoContentNavigationElement ul ul {
margin-bottom: 0
}
div.epoContentNavigationElement li {
display: list-item;
margin-bottom: 12px;
margin-left: 0 !important
}
div.epoContentNavigationElement li:before {
background-image: none !important
}
div.epoContentNavigationElement li.active {
font-weight: 400
}
div.epoContentNavigationElement ul ul {
padding-left: 20px;
margin-top: 3px !important
}
div.epoContentNavigationElement ul ul li:last-child {
margin-bottom: .2em
}
div.epoContentNavigationElement span {
padding-right: 1em
}
div.epoContentNavigationElement a,
div.epoContentNavigationElement a.pdf:focus,
div.epoContentNavigationElement a.pdf:hover,
div.epoContentNavigationElement a:link,
div.epoContentNavigationElement a:visited {
text-decoration: none;
font-weight: 700;
display: inline-block;
line-height: 18px
}
div.epoContentNavigationElement span.text {
margin-left: 1.5em;
display: block
}
.epoFatFooter {
background-color: #eaebed
}
.epoFatFooter .inner {
width: 993px;
width: 66.2em;
margin: 0 auto;
padding-bottom: 55px;
padding-top: 60px
}
.epoFatFooter .divColumn {
float: left;
width: 25%
}
.epoFatFooter h2 {
font-size: 18px;
margin-bottom: 21px
}
.epoFatFooter a {
font-size: 15px;
font-weight: 700;
text-decoration: none
}
.epoFatFooter ul {
margin-bottom: 30px
}
.epoFatFooter ul li {
margin-bottom: 12px
}
.epoFatFooter ul.socialMedia ul {
margin-left: 34px
}
.epoFatFooter ul.socialMedia ul a {
font-weight: 400;
font-size: 13px
}
.epoFatFooter ul.socialMedia li.facebook {
background-position: 0 -100px !important
}
.epoFatFooter ul.socialMedia li.linkedin {
background-position: 0 -340px !important
}
.epoFatFooter ul.socialMedia li.youtube {
background-position: 0 -457px !important
}
.epoFatFooter ul.socialMedia li.instagram {
background-image: url(../images/Instagram20x20.png);
padding-bottom: 5px;
height: 100%
}
.epoFatFooter ul.socialMedia li.twitter {
background-position: 0 -220px !important
}
.epoFatFooter ul.socialMedia li.xing {
background-position: 0 -695px !important
}
.epoFatFooter ul.socialMedia li.google {
background-position: 0 -575px !important
}
.epoMetaFooter {
background-color: #2a323d;
color: #fff;
font-size: 13px
}
.epoMetaFooter .inner {
height: 40px;
margin: 0 auto;
padding-top: 12px;
width: 993px;
width: 75em
}
.epoMetaFooter .inner ul li {
display: inline-block;
margin-right: 25px
}
.epoMetaFooter .inner ul li:last-child {
float: right;
margin-right: 0
}
.epoMetaFooter .inner ul li a {
color: #fff;
text-decoration: none
}
.epoTeaser.ar2013 ul {
margin-bottom: 13px !important
}
.epoTeaser h2 {
margin-top: 0
}
.epoTeaser form {
margin-bottom: .5em
}
.epoImageTeaserList fieldset {
padding-bottom: .5em
}
.epoImageTeaserList img {
margin-bottom: .4em
}
.epoImageTeaserList h4 {
margin-bottom: 0
}
.epoImageTeaserList dd {
margin-bottom: 2em
}
div.compact,
div.compactBox {
margin-left: 0 !important;
overflow: hidden
}
div.compact div.divColumn,
div.compactBox div.divColumn {
float: left;
overflow: hidden;
padding-bottom: 32767px;
margin-bottom: -32767px;
width: 19.417em;
padding-left: 1.25em
}
div.compact div.lastChild,
div.compactBox div.lastChild {
border-right: 0;
width: 18.167em;
margin-right: 0
}
div.compact div.divColumn div.epoTeaser,
div.compactBox div.divColumn div.epoTeaser {
width: 19em;
overflow: hidden;
border: 0
}
div.compact div.divColumn div.epoTeaser img {
margin-top: .2em;
margin-bottom: .5em
}
div.compactBox div.divColumn {
width: 23.25em;
padding-left: 0
}
div.compactBox div.lastChild {
padding-left: 1.25em
}
div.compactBox div.divColumn div.epoTeaser {
position: relative;
width: 23.25em;
height: 22em;
margin-bottom: .916em;
overflow: hidden;
border: 0
}
div.compactBox .epoTeaser h2,
div.compactBox .epoTeaser img,
div.compactBox .epoTeaser ul {
position: absolute
}
div.compactBox .epoTeaser h2 {
top: .8em;
left: 1.25em;
z-index: 99
}
div.compactBox div.divColumn div.epoTeaser ul {
bottom: 1.25em;
left: 1.25em;
margin-bottom: 0 !important;
z-index: 99
}
div.compactBoxSmall {
position: relative;
width: 171px;
height: 171px;
margin-bottom: 1.25em;
padding-bottom: 0;
border: 0
}
.eia,
.noBorder {
border-bottom: 0 !important
}
div.compactBoxSmall h4,
div.compactBoxSmall img,
div.compactBoxSmall ul {
position: absolute
}
div.compactBoxSmall h4 {
top: 10px;
left: 15px;
z-index: 99;
line-height: 18px
}
div.compactBoxSmall ul {
bottom: 1.25em;
left: 1.25em;
margin-bottom: 0 !important;
z-index: 99
}
.innerAccordionTeaser {
margin-bottom: .83333em;
padding: .416665em 1em .416665em .416665em
}
.epoAccordionContainerWide .winner {
background-color: #be0f05
}
.epoAccordionContainerWide .winner * {
color: #fff !important
}
.noBorder {
margin-bottom: -1.25em !important
}
.trippleTeaserContainer img {
margin-bottom: 10px;
width: 100%
}
.pageTeaserContent {
margin-top: 21px
}
.pageTeaserContent div#teaserText {
background-color: #fff;
left: 20px;
opacity: .8;
padding: 18px 21px 16px;
position: absolute;
top: 42px;
width: 300px;
z-index: 100
}
.pageTeaserContent div#teaserText h3 {
line-height: 26px;
margin-bottom: 15px
}
.pageTeaserContent div#teaserText a {
font-weight: 700
}
.pageTeaserContent div#teaserText p {
margin-bottom: 0
}
.pageTeaserContent div#teaserText .cite {
font-style: italic
}
.epoBanner {
margin: 0 auto;
position: relative;
width: 964px
}
.epoBanner .contentBox {
position: absolute;
top: 1.25em;
left: 1.25em;
background: rgba(255, 255, 255, .85);
width: 21.666em;
padding: 1.3em 1.667em .8em
}
.epoBanner .contentBox h1 {
border: 0;
margin-bottom: .3em;
margin-top: 0
}
.epoBanner .contentBox p {
margin-bottom: 0
}
.epoDownloadsContainer {
margin-bottom: 16px
}
.epoBanner.skinPatents {
margin-bottom: 26px
}
.epoBanner.skinPatents button {
background-color: #be0f05;
color: #fff;
font-weight: 700;
padding: 10px 20px
}
.epoBanner.skinPatents .contentBox h1 {
color: #fff
}
.epoMetaNavigation .flyoutContainer .select2-container .select2-selection--single .select2-selection__rendered:hover,
.epoMetaNavigation .flyoutContainer .select2-container--default.select2-container--open .select2-selection__rendered {
color: #be0f04
}
.epoBanner.skinPatents .contentBox {
position: absolute;
top: -37px;
left: auto;
background: 0 0;
width: 21.666em;
padding: 1.3em 1.667em .8em
}
#epoBreadcrumbs li:last-child:after,
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu .dropdown-menu li a:after {
background-image: none
}
.epoHeader {
background-color: #dee1e5
}
.epoHeader .inner {
width: 993px;
width: 66.2em;
margin: 0 auto
}
.epoHeader .inner .column {
float: left
}
#epoHeaderMetaNav,
.epoHeader .inner .column:last-child {
float: right
}
.epoLogo:active,
.epoLogo:focus,
.epoLogo:hover {
outline: 0
}
.epoLogo img {
margin: 11px 0;
height: 6em
}
.epoMetaNavigation {
margin-top: 15px
}
.epoMetaNavigation a {
font-weight: 700;
font-size: 13px;
margin-left: 30px;
text-decoration: none;
padding-bottom: 10px
}
.epoMetaNavigation .flyoutContainer {
margin-top: 17px;
margin-right: -13px;
position: relative;
padding-right: 0
}
.epoMetaNavigation .flyoutContainer .select2-container,
.epoMetaNavigation .flyoutContainer .select2-container--default .select2-selection--single {
background-color: transparent;
outline: 0;
width: 84px !important
}
.epoMetaNavigation .flyoutContainer .select2-container .select2-selection--single .select2-selection__rendered {
font-weight: 700;
font-size: 13px;
padding-right: 0
}
.epoMetaNavigation .flyoutContainer .select2-container .select2-selection--single:hover .select2-selection__arrow:before {
background-position: 0 -8895px
}
.epoMetaNavigation .flyoutContainer .select2-container--default .select2-selection--single .select2-selection__arrow:before {
background-position: left -4584px
}
.epoMetaNavigation .flyoutContainer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
background-position: left -8895px
}
.epoNavigation {
background-color: #2a323d
}
.epoNavigation .inner {
width: 993px;
width: 66.2em;
margin: 0 auto
}
.epoPageContentHeader h1 {
margin: .6em 0 0;
float: left;
width: 550px
}
.epoPageContentHeader h2 {
width: 201px;
margin: 1.6em 0 0 1em;
float: left
}
.epoPageContentHeader .print {
float: right
}
.epoPageContentHeader ul.iconBar {
margin-top: 35px
}
.epoContentLeft {
width: 13.4em;
float: left;
padding: 11px 0 0;
margin: 0;
clear: both
}
.epoContentLeft>ul {
border-top: 1px solid #37414e
}
.epoContentLeft ul li {
border-bottom: 1px solid #37414e
}
.epoContentLeft ul li a:hover {
background-color: #2a323d !important;
color: #fff
}
.epoContentLeft ul li a {
display: block;
font-weight: 700;
text-decoration: none;
padding: 10px 15px 9px
}
.epoContentLeft ul li li li a {
padding-left: 30px
}
.epoContentLeft ul li li {
border-bottom: 0
}
.epoContentLeft ul li.state-selected {
background-color: #dee1e5
}
.epoContentLeft ul li.state-selected ul {
background-color: #fff;
border-top: 1px solid #37414e
}
.epoContentLeft ul li.state-selected ul a {
font-weight: 400
}
#epoBreadcrumbs li a,
ul.iconBar a,
ul.iconBar>li>a,
ul.sitemap a {
font-weight: 700;
text-decoration: none
}
.epoContentLeft ul li.state-selected li.state-selected ul {
border-top: 0
}
ul.iconBar {
display: inline-block;
margin-bottom: 49px;
margin-top: 50px;
text-align: right;
vertical-align: bottom;
width: 100%
}
ul.iconBar ul {
margin-bottom: 0
}
ul.iconBar>li {
display: inline-block;
margin-left: 10px;
position: relative
}
ul.iconBar>li>a {
font-size: 13px;
padding: 5px 5px 11px 27px
}
ul.iconBar li.print>a {
background-position: 0 -934px
}
ul.iconBar li.print>a:hover {
background-position: 0 -5177px
}
ul.iconBar li.share>a {
background-position: 0 -1054px
}
ul.iconBar li.share>a:hover {
background-position: 0 -5297px
}
ul.iconBar ul.socialMedia {
background-color: #d9dde2;
border-image: none;
display: none;
min-width: 100%;
padding: 14px 14px 0;
position: absolute;
right: 0;
text-align: left;
top: 28px;
z-index: 2
}
ul.iconBar li.share:hover ul.socialMedia {
display: block
}
ul.iconBar ul.socialMedia li {
display: block;
margin-bottom: 14px
}
ul.iconBar ul.socialMedia li a {
padding-left: 32px;
font-size: 13px;
line-height: 18px;
position: relative
}
#epoBreadcrumbs li:after,
ul.iconBar ul.socialMedia li a:before {
display: block;
position: absolute;
height: 20px;
content: " "
}
ul.iconBar ul.socialMedia li a:before {
width: 20px;
top: -3px
}
ul.iconBar ul.socialMedia li.facebook a:before {
background-position: 0 -100px
}
ul.iconBar ul.socialMedia li.xing a:before {
background-position: 0 -696px
}
ul.iconBar ul.socialMedia li.linkedin a:before {
background-position: 0 -340px
}
ul.iconBar ul.socialMedia li.googleplus a:before {
background-position: 0 -575px
}
ul.iconBar ul.socialMedia li.twitter a:before {
background-position: 0 -220px
}
ul#epoBreadcrumbs {
font-size: 13px;
margin: 0 0 11px -.09em
}
#epoBreadcrumbs li {
color: #0e2034;
padding-left: 5px;
display: inline-block;
line-height: 25px;
padding-right: 14px;
position: relative
}
#epoBreadcrumbs li:after {
background-position: left -4793px;
width: 5px;
top: 0;
right: 0
}
.m-tabcontainer {
margin-bottom: 20px
}
.m-tabcontainer__inner {
position: relative;
background-color: #fff
}
.m-tabcontainer__inner ul.r-tabs-nav {
width: 100%;
margin: 0 0 20px;
padding: 0;
font-size: 0
}
#pagebody .m-tabcontainer__inner ul.r-tabs-nav>li {
padding-left: 0 !important
}
.m-tabcontainer__inner ul.r-tabs-nav li {
position: relative;
display: inline-block;
list-style: none;
border-top: 1px solid #2a323d;
border-left: 1px solid #2a323d;
border-right: 1px solid #2a323d;
text-align: center;
margin-right: 1px;
vertical-align: bottom;
padding-left: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important
}
.m-tabcontainer__inner ul.r-tabs-nav li:before {
background-image: none !important
}
.m-tabcontainer__inner ul.r-tabs-nav li a,
.m-tabcontainer__inner ul.r-tabs-nav li a:active,
.m-tabcontainer__inner ul.r-tabs-nav li a:focus,
.m-tabcontainer__inner ul.r-tabs-nav li a:visited {
background-color: #2a323d;
display: inline-block;
width: 100%;
color: #fff;
height: 100%;
font-weight: 700;
padding: 7px 12px;
text-decoration: none;
font-size: 14px;
line-height: 18px;
outline: 0
}
.m-tabcontainer__inner ul.r-tabs-nav li a:hover,
.m-tabcontainer__inner ul.r-tabs-nav li.active a,
.m-tabcontainer__inner ul.r-tabs-nav li.active a:active,
.m-tabcontainer__inner ul.r-tabs-nav li.active a:focus,
.m-tabcontainer__inner ul.r-tabs-nav li.active a:visited {
background-color: #fff;
color: #2a323d
}
.m-tabcontainer.oarTabs .m-tabcontainer__inner,
.m-tabcontainer.oarTabs .m-tabcontainer__inner ul.r-tabs-nav li a:hover,
.m-tabcontainer.oarTabs .m-tabcontainer__inner ul.r-tabs-nav li.active a,
.m-tabcontainer.oarTabs .m-tabcontainer__inner ul.r-tabs-nav li.active a:active,
.m-tabcontainer.oarTabs .m-tabcontainer__inner ul.r-tabs-nav li.active a:focus,
.m-tabcontainer.oarTabs .m-tabcontainer__inner ul.r-tabs-nav li.active a:visited {
background-color: transparent
}
.m-tabcontainer.m-tabcontainer--twotabs .r-tabs-nav li {
width: 49.8%
}
.m-tabcontainer.m-tabcontainer--threetabs .r-tabs-nav li {
width: 33.1%
}
.m-tabcontainer.m-tabcontainer--fourtabs .r-tabs-nav li {
width: 24.8%
}
.m-tabcontainer.m-tabcontainer--fivetabs .r-tabs-nav li {
width: 19.8%
}
.m-tabcontainer.m-tabcontainer--sixtabs .r-tabs-nav li {
width: 16.4%
}
.m-tabcontainer .tabscontent {
padding: 20px 0
}
.checklist+.m-tabcontainer {
margin-top: 34px
}
.m-tabcontainer+.no-list a {
font-size: 13px
}
.m-tabcontainer+.no-list a.pdf:before {
left: -20px
}
.m-tabcontainer.oarTabs.m-tabcontainer--fourtabs .r-tabs-nav li {
width: 24.7%
}
.m-tabcontainer.oarTabs .tabscontent {
height: 428px
}
.search fieldset {
background-color: #fff;
margin: 48px auto 0 83px;
width: 468px;
width: 28.363636363636363em;
height: 2.6666em;
padding-top: 2px;
padding-bottom: 0
}
.search fieldset input {
border: 0;
font-size: 14px;
padding-left: 1.1428571428571428em;
height: 2em;
width: 15.71em;
color: #37414e
}
::-webkit-input-placeholder {
color: #37414e
}
:-moz-placeholder {
color: #37414e
}
::-moz-placeholder {
color: #37414e
}
:-ms-input-placeholder {
color: #37414e
}
::-ms-input-placeholder {
color: #37414e
}
:placeholder-shown {
color: #37414e
}
.search fieldset button {
height: 36px;
height: 2.6em;
margin-right: .12121212121212122em;
margin-left: -.18181818181818182em;
width: 100px;
width: 7.0606060606060606em
}
#widget_patent_form,
#widget_search_form {
border: 0;
width: auto;
float: left
}
#patent_form,
#widget_patent_form_dropdown,
#widget_search_form_dropdown,
.search_form {
width: 23.6em;
color: #93969c
}
#professional_form {
width: 100%
}
ul.sitemap li {
margin-left: 0
}
ul.sitemap li ul {
margin-top: .5em
}
ul.sitemap ul ul {
margin-left: 7em
}
ul.sitemap a {
display: block;
border-bottom: solid 1px #aaadb1;
padding: .1em 0;
font-size: 1.6em
}
ul.sitemap a:hover {
text-decoration: underline
}
ul.sitemap ul a {
color: #be0f05;
font-size: 1.25em
}
ul.sitemap ul ul a {
color: #0e2034;
font-size: 1em
}
ul.sitemap ul ul ul a {
font-weight: 400
}
figure {
display: table
}
figure figcaption {
background-color: #efefef;
caption-side: bottom;
display: table-caption;
margin-top: -5px;
padding: 10px
}
figure figcaption em {
display: block;
line-height: 23px;
margin-bottom: 1em
}
figure figcaption p {
font-size: 13px;
line-height: 23px;
margin-bottom: 0
}
figure.float-left,
figure.floatl,
img.floatl {
margin: 0 1em 0 0
}
figure.float-right,
figure.floatr,
img.floatr {
margin: 0 0 0 1em
}
div.article {
margin-bottom: 2em
}
div.article img {
margin-top: 5px
}
.mainNavi ul {
display: table;
width: 100%
}
.mainNavi ul li {
display: table-cell;
text-align: center
}
.m-top-navigation .navbar a,
.m-top-navigation .navbar a:hover {
text-decoration: none
}
.m-top-navigation .navbar-collapse {
padding: 0;
border: 0
}
.m-top-navigation .navbar-collapse .navbar-nav {
display: table;
width: 100%
}
.m-top-navigation .navbar-collapse .navbar-nav>li {
display: table-cell;
text-align: center
}
.m-top-navigation .navbar-collapse .navbar-nav li.m-top-navigation__firstlevel.state-active>.dropdown-menu {
display: block
}
.m-top-navigation .navbar-collapse .navbar-nav li a {
display: block;
padding: 15px 5px;
font-weight: 700;
color: #fff
}
.m-top-navigation .navbar-collapse .navbar-nav li.m-top-navigation__firstlevel.state-active a,
.m-top-navigation .navbar-collapse .navbar-nav li.m-top-navigation__firstlevel.state-selected a {
background-color: #fff;
color: #2a323d
}
.m-top-navigation .navbar-collapse .navbar-nav li.m-top-navigation__firstlevel>.dropdown-menu {
background-color: #fff;
position: absolute;
top: 166px;
left: 0;
min-width: auto;
width: 100%;
min-height: 250px;
height: auto;
z-index: 1000;
float: left;
padding: 24px 20px;
margin: 0;
list-style: none;
text-align: left;
border-bottom: 2px solid #2a323d;
font-size: 13px
}
.m-top-navigation .navbar-collapse .navbar-nav li.m-top-navigation__firstlevel>.dropdown-menu .inner {
width: 77em
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu a {
color: #0090c5
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel {
list-style: none;
float: left;
margin: 0;
padding: 0;
position: relative;
width: 358px
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li {
float: none;
border-right: 0
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li a {
color: #231f20;
padding: 8px 8px 3px 15px;
font-size: 15px;
font-weight: 400;
height: 35px;
width: 100%
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li:hover a {
color: #2a323d;
position: relative;
z-index: 60
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu a {
position: relative
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu a::after {
background-position: left -2689px;
content: " ";
display: block;
height: 15px;
position: absolute;
right: 0;
top: 9px;
width: 15px
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu:hover a,
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li:hover a {
background-color: #dee1e5
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li:hover a:hover {
background-color: #2a323d;
color: #fff
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li:hover a:hover:after {
background-position: 0 -5860px
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu.state-active>.dropdown-menu {
display: block
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu .dropdown-menu {
position: absolute;
top: 0;
z-index: 50;
padding: 0 0 0 20px;
left: 358px
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu .dropdown-menu li a {
background-image: none;
background-color: #fff
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu ul.m-top-navigation__secondlevel li.dropdown-submenu .dropdown-menu li:hover a {
color: #fff;
background-color: #2a323d
}
.dropdown-menu {
background-color: #fff;
display: none;
float: left;
left: 0;
list-style: none;
padding: 5px 0;
position: absolute;
text-align: left;
width: 358px;
z-index: 1000
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teasercontainer {
float: right
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teaser {
background-color: #536274;
margin-bottom: 30px;
width: 218px
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teaser a {
padding: 0;
color: #fff;
display: inline;
background-color: transparent
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teaser a .innerTeaser {
padding: 13px 18px
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teaser a .innerTeaser p {
color: #fff;
font-weight: 700;
font-size: 15px;
margin-bottom: 0
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teaser a .innerTeaser h3 {
color: #fff;
font-weight: 400;
font-size: 13px
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teaser a .innerTeaser .btn {
margin-top: 23px;
background-color: #fff;
color: #536274;
width: 100%
}
.m-top-navigation .navbar-collapse .navbar-nav li .dropdown-menu .m-top-navigation__teaser a .innerTeaser .btn:hover {
background-color: #425060;
color: #fff
}
fieldset {
margin-bottom: 2em
}
input.submit {
background-position: 0 0;
background-repeat: repeat;
overflow: hidden
}
div.epoContentWrap button:hover,
input.submit:hover {
cursor: pointer;
background-position: 0 -84px
}
textarea {
width: 100%
}
div.modFeedback textarea {
height: 4.386em
}
input.text,
select,
table.dijitSelect .dijitButtonContents,
textarea {
background-color: #efefef;
border: 0;
padding: 10px 20px 11px 9px
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
background-color: #efefef;
width: 100% !important
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 40px;
padding-top: 6px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: 0;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field:-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
background-color: #dee1e5
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field:-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.select2-container--classic .select2-results>.select2-results__options,
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-selection--single {
background-color: #efefef
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #838990;
line-height: 28px
}
.flyoutContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #0b2a43
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
background-position: 0 -2470px;
content: " ";
display: block;
height: 14px;
margin-top: 9px;
width: 14px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
background-position: 0 -2579px
}
.select2-container--default .select2-selection--multiple {
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 5px 10px 10px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
margin-top: 5px;
margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #dee1e5;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 5px 27px 5px 10px !important;
position: relative;
font-size: 13px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:after {
background-position: 0 -10532px;
content: " ";
width: 10px;
height: 10px;
display: block;
position: absolute;
margin-top: -5px;
right: 10px;
top: 50%
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
text-indent: -1000px;
font-weight: 700;
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
float: right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: 0 0;
border: 0;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #e6e9ed;
color: #be0f05
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
#pagebody .epoFilterBar ul li.act span,
#pagebody .epoFilterBar ul li.separator span,
ul.pager {
line-height: normal
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: 0;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent;
border-style: solid;
border-width: 5px 4px 0;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: 0;
border-right: 1px solid #aaa;
border-radius: 4px 0 0 4px;
left: 1px;
right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: 0 0;
border: 0
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888;
border-width: 0 4px 5px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
background-repeat: repeat-x
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x
}
.select2-container--classic .select2-selection--multiple {
background-color: #efefef;
cursor: text;
outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom: 0
}
.select2-container--classic .select2-dropdown--below {
border-top: 0
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #e6e9ed;
color: #2a323d
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb
}
select:-ms-expand {
display: none
}
fieldset span.checkbox,
fieldset span.radio {
display: inline-block
}
fieldset.break span.checkbox,
fieldset.break span.radio {
display: block;
margin-bottom: .4em
}
.checkbox>label,
.radio>label {
position: relative;
display: block;
padding-left: 20px;
margin-right: 15px
}
label.break {
display: block
}
div.formElement span.exampleInput {
float: right
}
div.modPublication dl dd,
div.modPublication dl dt,
div.modPublication table.layout div.dijitCheckBox,
div.modPublicationTabs fieldset.search li,
form.inline div.formElement,
form.inline div.formElement *,
ul.pager li {
float: left
}
div.formElement100 {
clear: both;
margin: 5px 0;
padding: 5px 0
}
div.formElement100 span.text {
display: block;
padding: 0 2px 0 3px
}
div.formElement100 span.text input.text {
margin: .2em -1px .2em -3px
}
div.formElement100 span.textarea {
display: block;
padding: 0 7px 0 3px
}
div.formElement100 span.textarea textarea {
display: block;
margin: .2em -5px .2em -3px;
width: 100%
}
form.inline div.formElement {
margin-right: 5px
}
form.inline div.formElement label,
form.inline div.formElement span.inputtext,
form.inline div.formElement span.submit {
margin-right: 10px
}
input[type=checkbox],
input[type=radio] {
float: left;
position: relative;
top: 2px
}
.btn,
a.btn,
a.btn:visited,
button {
background-color: #647593;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
font-weight: 700;
font-size: 14px
}
.btn {
padding: 9px 20px;
text-align: center
}
button {
padding: .6428571428571429em 1.5714285714285714em;
position: relative
}
a.btn.secondary:hover,
a.btn:hover,
button.secondary:hover,
button:hover,
input.btn.secondary:hover,
input.btn:hover {
background-color: #425060;
color: #fff
}
a.btn.secondary,
button.secondary,
input.secondary {
background-color: #71767c
}
a.btn.tertiary,
button.tertiary,
input.tertiary {
background-color: #fff;
color: #425060
}
a.btn.tertiary:hover,
button.tertiary:hover,
input.btn.tertiary:hover {
background-color: #425060;
color: #fff
}
a.btn.disabled,
a.btn.disabled:hover,
button.secondary:disabled,
button.secondary:disabled:hover,
button:disabled,
button:disabled:hover,
input.secondary:disabled:hover,
input:disabled,
input:disabled:hover {
background-color: #dee1e5
}
button.icon:after,
button.icon:before {
content: " ";
display: block;
width: 15px;
height: 20px;
position: absolute;
top: 10px
}
button.arrow-right:after {
background-position: 0 -5860px
}
button.arrow-left {
padding-left: 40px
}
button.arrow-left:after {
background-position: 0 -5971px;
left: 22px
}
button.arrow-right {
padding-right: 40px
}
button.right:after {
right: 14px
}
div.modFeedback div.floatRight {
margin-bottom: 1.25em
}
div.modFeedback div.floatRight.lowBottom {
margin-bottom: .833em
}
div.modFeedback div.floatRight ul {
margin-bottom: 0 !important
}
div.modFeedback fieldset {
margin-bottom: 0;
padding-bottom: 1.25em
}
div.modFeedback hr {
margin: 0 0 .916em
}
div.modFeedback h3 {
clear: both
}
p.greybar {
background: #efefef;
font-weight: 700;
padding: .263em .439em;
margin: 0
}
div.modPublication h2,
div.modPublication h4 {
margin-bottom: 0
}
div.modPublication p.marginBottom {
margin-bottom: .75em
}
div.modPublication dl img {
border: 1px solid #000
}
div.modPublication dl dt {
margin-right: .8333em
}
div.modPublication dl dd {
width: 18.333em
}
div.modPublication ul {
margin-bottom: 0 !important
}
div.modPublication table.layout th.firstChild {
padding-left: 1em
}
div.modPublication table.layout dl {
width: 31.583em
}
div.modPublication table.layout tbody td {
border-bottom: 1px solid #aaadb1;
padding: 1.666em 0
}
div.modPublication table.layout div.dijitCheckBox+a.pdf {
display: inline-block;
width: 80%
}
div.modPublicationTabs fieldset.search input.text {
width: 29.25em
}
div.modPublicationTabs ul.pager {
margin-bottom: .1em !important
}
div.modPublicationTabs .tab3 .floatRight {
margin-bottom: 0
}
div.modPublicationTabs .tab3 .floatRight:first-child,
div.modPublicationTabs ul {
margin-bottom: 1.5em
}
div.modPublicationTabs #modPublicationTabsSearch table.dijitSelect.noMargin {
margin: 0 !important
}
ul.pager {
padding: .3em 0
}
ul.pager li {
padding: 0 .2em;
border: 1px solid #fff
}
ul.pager li.firstChild {
padding: 0
}
.float-right ul.pager,
.floatRight ul.pager,
.floatr ul.pager {
float: right;
margin-right: -.8333em
}
ul.pager li.act {
border: 1px solid #2a323d;
margin: -.15em 0;
padding-top: .2em;
padding-bottom: .2em;
cursor: default !important;
font-weight: 700
}
ul.pager li a:hover {
text-decoration: underline !important;
cursor: pointer;
color: #c02019 !important
}
.epoFilterBar ul.pipe li a,
.epoToolBar a,
.epoToolBar ul li span.firstFollow,
div.epoBarPdf a,
div.epoBarPdf a:link,
div.epoBarPdf a:visited,
div.pagination a,
ul.pager li a.bck:hover,
ul.pager li a.fwd:hover,
ul.pager li a:link,
ul.pager li a:visited {
text-decoration: none
}
ul.pager li a:link,
ul.pager li a:visited {
color: #303f4d
}
ul.pager li a.bck,
ul.pager li a.fwd,
ul.pager li span.bck,
ul.pager li span.fwd {
float: left;
height: 1.4em;
margin-top: 0
}
ul.pager li a.bck,
ul.pager li span.bck {
margin-right: -.666em !important
}
ul.pager li a.fwd,
ul.pager li span.fwd {
margin-left: -.333em
}
ul.pager li span.fwd {
padding-right: 1em
}
ul.pager li span.bck {
padding-left: 1em
}
.search .epoFilterBar ul.pager {
padding: .333em 0;
position: static
}
.epoFilterBar ul.pager li {
border-color: #e3e7eb
}
.epoFilterBar ul.pager li.act {
border-color: #2a323d
}
.awardFooter span,
.awardFooter ul {
float: left
}
.awardFooter ul {
margin-bottom: -1em !important
}
.awardFooter ul li {
float: left;
padding-left: .83333em
}
.awardFooter ul li span {
position: absolute;
left: -9999px
}
div.epoImageGallery ul li {
display: inline-block;
width: 49%
}
div.epoImageGallery ul li a.selected,
div.epoImageGallery ul li a:focus,
div.epoImageGallery ul li a:hover {
background: #be0f05;
opacity: .7
}
.epoActionBar ul,
.epoFilterBar ul,
.epoToolBar ul {
margin-bottom: 0 !important
}
.epoActionBar li,
.epoToolBar li {
float: left;
margin-right: 3px;
padding-left: 0 !important;
margin-left: 0 !important;
margin-bottom: 0 !important
}
.epoActionBar li:before,
.epoToolBar li:before {
background-image: none !important
}
.epoToolBar.useInContentArea {
margin-bottom: 1.5em
}
.epoActionBar,
.epoFilterBar {
background-color: #e5e7eb;
line-height: 1.92em;
padding: .2em .3em .2em .6em
}
.epoSortBar {
background-color: #fff
}
.epoActionBar .column30,
.epoFilterBar .column30 {
width: 28%
}
.epoActionBar .column50,
.epoFilterBar .column50 {
width: 48%
}
.epoActionBar .column70,
.epoFilterBar .column70 {
width: 68%
}
.epoActionBar .column100,
.epoFilterBar .column100 {
width: 100%
}
.epoActionBar .floatRight,
.epoFilterBar .floatRight {
text-align: right
}
.epoActionBar .floatLeft .epoFilterBar .floatLeft {
text-align: left
}
.epoActionBar div.formElement,
.epoFilterBar div.formElement {
display: inline;
vertical-align: middle
}
.epoActionBar label,
.epoFilterBar label {
margin-right: 0
}
.epoActionBar *,
.epoFilterBar * {
vertical-align: middle
}
.epoActionBar p,
.epoFilterBar p {
margin-bottom: 0
}
.epoActionBar ul.pipe li,
.epoFilterBar ul.pipe li {
display: inline;
background-position: left -14210px;
padding: 0 .5em
}
#pagebody .epoActionBar ul li a,
#pagebody .epoFilterBar ul li a {
line-height: normal
}
.epoFilterBar ul.pager {
display: inline-block;
float: none;
margin: 0;
vertical-align: middle
}
.firstChildToolbar {
margin-top: -2em
}
.epoToolBar {
font-size: 13px
}
.epoToolBar a,
.epoToolBar ul li span.firstFollow {
margin: 0 0 0 .0833em;
padding-left: 1.6667em
}
.epoToolBar ul li span.firstFollow {
color: #b1b5b8;
line-height: 1.4em
}
.epoToolBar a:hover {
color: #c02019
}
.epoToolBar input.submit {
padding-left: .25em;
padding-right: .25em
}
.epoToolBar fieldset {
margin: 0;
padding: 0
}
.epoToolBar ul {
width: 100%;
border-bottom: 1px solid #37414e !important
}
.epoToolBar ul li {
height: 1.333em;
padding: .916667em 1.6667em 30px 0 !important
}
.epoToolBar ul li.separator {
position: relative;
width: 1px
}
.epoToolBar ul li.separatorFirst {
padding-right: 13px !important
}
.epoToolBar ul li.separatorLast {
padding-right: 0;
margin-right: 0
}
.epoToolBar ul li.separatorLast span {
left: 0
}
.epoToolBar ul li.separator span {
background-color: #37414e;
bottom: 0;
height: .5em;
left: -1px;
padding: 0;
position: absolute;
text-indent: -1000em;
width: 1px
}
.epoToolBar ul li.separator.last {
padding-right: 0 !important
}
.epoToolBar ul li.separator.last span {
left: 2px
}
.epoToolBar li.lastItem,
.epoToolBar li.prt {
margin: 0 !important;
padding-right: 1.1em !important
}
.epoToolBar li.iconOnly a,
.epoToolBar li.iconOnly span {
display: inline-block;
margin-right: 0;
overflow: hidden;
padding-left: 1.25em !important;
width: 0
}
.epoToolBar li.compact {
padding: .916667em 0 1.1111em
}
#courseFilterOpts .tooltipActuator,
#pagebody .tooltipActuator {
background-position: 0 -4147px;
width: 2em;
height: 1.4em;
display: inline-block;
cursor: pointer;
top: -3px;
position: relative;
text-indent: -99999px
}
#pagebody label+.tooltipActuator {
margin-left: -5px
}
#courseFilterOpts label+.tooltipActuator {
margin-left: 6px
}
#courseFilterOpts .tooltipActuator:hover,
#pagebody .tooltipActuator:hover {
background-position: 0 -8458px
}
.tooltipster-default {
background-color: #c9cbce;
color: #0b2a43;
max-width: 260px
}
.tooltipster-default .tooltipster-content {
font-size: 14px;
line-height: 16px;
padding: 9px 15px;
overflow: hidden
}
.tooltipster-default h4 {
color: #be0f04 !important;
font-weight: 400;
margin-bottom: 10px
}
ul.addresshori p,
ul.modpartner p a {
color: #000
}
.tooltipster-default p {
margin-bottom: 8px
}
.tooltipster-icon {
cursor: help;
margin-left: 4px
}
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
line-height: 24px
}
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity
}
.tooltipster-fade-show {
opacity: 1
}
.tooltipster-grow {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform
}
.tooltipster-grow-show {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform
}
.tooltipster-swing-show {
opacity: 1;
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-o-transform: rotateZ(0);
-ms-transform: rotateZ(0);
transform: rotateZ(0);
-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}
.tooltipster-fall {
top: 0;
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0
}
.tooltipster-slide {
left: -40px;
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0
}
.tooltipster-content-changing {
opacity: .5;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
ul.modpartner h3 {
margin-top: 1.4166em
}
ul.modpartner h3.firstChild {
margin-top: 0
}
ul.modpartner p {
margin: 0 0 .166em;
color: #000
}
ul.modpartner li {
float: left;
width: 22em
}
ul.modpartner li.firstChild {
padding: 0 1.25em 0 0;
margin: 0 1.25em 0 0;
border-right: .0833em solid #fff
}
ul.addresshori {
margin-left: -2.5em
}
ul.addresshori li {
float: left;
margin-left: 2.5em
}
ul.addresshori h4 {
margin-bottom: 0
}
div.downloadbox {
background-color: #efefef;
font-size: 13px;
margin-bottom: 1em;
padding: 15px 15px 10px
}
div.downloadbox ul {
margin-bottom: 0
}
div.downloadbox ul li {
margin-bottom: 14px
}
div.downloadbox a {
font-weight: 700
}
div.downloadbox a.pdf {
padding-left: 16px;
margin-left: 0
}
div.downloadbox a.pdf:before {
left: -2px;
background-position: 2px -9827px !important
}
div.downloadbox a.pdf:hover:before {
background-position: 2px -9940px !important
}
div.downloadbox a.int {
padding-left: 16px
}
div.downloadbox a.int:before {
background-position: 2px -4801px !important
}
div.downloadbox a.int:hover:before {
background-position: 2px -5644px !important
}
div.downloadbox h2 {
margin-bottom: 22px;
color: #0b2a43
}
div.downloadbox a+p {
margin: 4px 0 12px 17px;
line-height: 14px
}
#pagebody div.epoBar ul li a,
div.epoBar {
line-height: 1.67em
}
div.epoBar {
background: #e5e7eb;
overflow: hidden;
padding: .58em 1.25em .17em
}
div.epoBarFilterIndex,
div.epoBarPagination,
div.epoBarSort {
background: #fff
}
div.epoBar input,
span.dijitReset.dijitInline.dijitSelectLabel {
font-size: 1em
}
div.epoBar div.formElement,
div.epoBar div.formElement label,
div.epoBar div.formElement span {
float: left
}
div.epoBar div.formElement span.inputsubmit,
div.epoBar div.formElement span.inputtext,
div.epoBar div.formElement span.select {
padding: 1px 0 0
}
div.epoBar div.formElement span.checkbox,
div.epoBar div.formElement span.radio {
padding: 3px 0 0
}
div.epoBar div.primary div.formElement label,
div.epoBar div.primary div.formElement span.inputsubmit,
div.epoBar div.primary div.formElement span.inputtext,
div.epoBar div.primary div.formElement span.select {
margin: 0 .83em 0 0
}
div.epoBar div.primary div.formElement span.checkbox,
div.epoBar div.primary div.formElement span.radio {
margin: 0 .42em 0 0
}
div.epoBar div.secondary div.formElement label,
div.epoBar div.secondary div.formElement span.checkbox,
div.epoBar div.secondary div.formElement span.inputsubmit,
div.epoBar div.secondary div.formElement span.inputtext,
div.epoBar div.secondary div.formElement span.radio,
div.epoBar div.secondary div.formElement span.select {
margin: 0 0 0 .83em
}
div.epoBar div.secondary div.formElement span.checkbox,
div.epoBar div.secondary div.formElement span.radio {
margin: 0 0 0 .42em
}
div.epoBar div.formElement select {
float: left;
width: auto !important
}
div.epoBar span.select table.dijitSelect {
margin: 0
}
div.epoBar div.formElement input.text {
height: 1.17em
}
div.epoBar div.formElement input.submit {
font-size: .92em
}
div.epoBar div.column50 {
width: 50%
}
div.epoBar div.column100 {
width: 100%
}
div.epoBar label.grid {
width: 16em
}
div.epoBar div.primary {
float: left
}
div.epoBar div.secondary {
float: right
}
div.epoBar div.epoBarNewline {
clear: right
}
div.epoBar div.primary div.epoBarNewline {
clear: left
}
div.epoBar div.epoBarItem {
float: left;
min-height: 1.67em;
padding-bottom: .42em
}
div.epoBar div.primary div.epoBarItem {
margin-left: 0;
margin-right: 1.25em
}
div.epoBar div.primary div.epoBarItemForm {
margin-right: .42em
}
div.epoBar div.secondary div.epoBarItem {
margin-left: 1.25em;
margin-right: 0
}
div.epoBar div.secondary div.epoBarItemForm {
margin-left: .42em
}
#pagebody div.epoBar div.epoBarItem ul,
div.epoBar div.epoBarItem ul {
margin: 0
}
div.epoBar div.epoBarItem ul.actions li,
div.epoBar div.epoBarItem ul.actions li a {
float: left;
line-height: 1.66em
}
div.epoBar div.epoBarItem ul.actions li {
margin-right: 2.5em
}
div.epoBar div.epoBarItem ul.actions li a {
padding-left: 2.33em
}
div.epoBarItemIndex span,
div.epoBarItemIndex ul,
div.epoBarItemIndex ul li,
div.epoBarItemIndex ul li a,
div.epoBarItemIndex ul li em {
float: left
}
#pagebody div.secondary div.epoBarItemIndex ul,
div.secondary div.epoBarItemIndex ul {
margin-left: .83em
}
div.epoBarItemIndex ul li {
padding: 0 .42em
}
div.epoBarItemIndex ul li em {
border: 1px solid #0e2034;
font-style: normal !important;
font-weight: 700;
height: 1.33em;
line-height: 1.33em;
margin: 1px -.42em;
padding: 0 .33em;
position: relative
}
#pagebody ul li span.actionBarContainer a {
line-height: 1.67em
}
body span.actionBarContainer,
body span.actionBarContainer span,
span.actionBarContainer {
font-weight: 400
}
span.actionBarContainer span {
border: 0;
font-weight: 400
}
div.epoBarFilter {
margin-bottom: 1.25em
}
div.epoBarSort+div.epoBarFilter {
margin-bottom: 0
}
div.epoBarFilter p {
line-height: 1.25em;
margin: 0
}
div.epoBarPdf div.pagination {
margin-right: 5.83em
}
div.pagination {
padding: 0 2.92em;
position: relative
}
div.pagination a.paginationFirst,
div.pagination a.paginationLast,
div.pagination a.paginationNext,
div.pagination a.paginationPrevious,
div.pagination span.paginationFirstInactive,
div.pagination span.paginationLastInactive,
div.pagination span.paginationNextInactive,
div.pagination span.paginationPreviousInactive {
overflow: hidden;
position: absolute;
text-indent: 5px;
width: 5px
}
div.pagination a.paginationFirst,
div.pagination span.paginationFirstInactive {
background-position: 0 -24017px;
width: 7px;
text-indent: 7px;
left: 0
}
div.pagination a.paginationPrevious,
div.pagination span.paginationPreviousInactive {
background-position: 0 -6593px;
left: 1.25em
}
div.pagination a.paginationPrevious:focus,
div.pagination a.paginationPrevious:hover {
background-position: 0 -12197px !important
}
div.pagination a.paginationNext,
div.pagination span.paginationNextInactive {
background-position: 0 -6794px;
right: 1.25em
}
div.pagination a.paginationNext:focus,
div.pagination a.paginationNext:hover {
background-position: 0 -12392px !important
}
div.pagination a.paginationLast,
div.pagination span.paginationLastInactive {
background-position: 0 -24198px;
width: 7px;
text-indent: 7px;
right: 0
}
div.pagination a.paginationLast:hover,
div.pagination span.paginationLast:hover {
background-position: 0 -23642px !important
}
div.pagination a.paginationFirst:hover,
div.pagination span.paginationFirst:hover {
background-position: 0 -23713px !important
}
div.pagination span.paginationFirstInactive {
background-position: 0 -23794px !important
}
div.pagination a.paginationPrevious.inactive,
div.pagination span.paginationPreviousInactive {
background-position: 0 -23968px !important
}
div.pagination a.paginationNext.inactive,
div.pagination span.paginationLastInactive {
background-position: 0 -23874px !important
}
div.pagination span.paginationNextInactive {
background-position: 0 -23925px !important
}
div.paginationPage {
margin: -.08em 0
}
div.paginationPage div.gotoPage input.text {
height: 1.17em;
text-align: center;
width: 4ex
}
div.epoBarFilter div.pagination a.paginationPrevious {
background-position: 0 -6594px
}
div.epoBarFilter div.pagination a.paginationPrevious:focus,
div.epoBarFilter div.pagination a.paginationPrevious:hover {
background-position: 0 -12198px !important
}
div.epoBarFilter div.pagination a.paginationNext {
background-position: 0 -6795px
}
div.epoBarFilter div.pagination a.paginationNext:focus,
div.epoBarFilter div.pagination a.paginationNext:hover {
background-position: 0 -12393px !important
}
div.paginationPN {
padding: 0
}
div.paginationPN a {
background-image: none
}
div.paginationPN a.paginationNext,
div.paginationPN a.paginationPrevious {
left: 0;
overflow-x: visible;
position: relative;
right: 0;
text-decoration: none;
text-indent: 0;
width: auto;
float: left
}
div.paginationPN a.paginationPrevious {
margin-right: .83em;
padding-left: 1.25em
}
div.paginationPN a.paginationNext {
margin-left: .83em;
padding-right: 1.25em
}
div.paginationPN a.paginationNext span.icon,
div.paginationPN a.paginationPrevious span.icon {
background: url(../images/icon_sprite.gif) no-repeat;
height: 100%;
overflow: hidden;
position: absolute;
text-indent: 5px;
top: 0;
width: 5px
}
div.paginationPN a.paginationPrevious span.icon {
background-position: 0 -6593px;
left: 0
}
div.paginationPN a.paginationPrevious:focus span.icon,
div.paginationPN a.paginationPrevious:hover span.icon {
background-position: 0 -12197px
}
div.paginationPN a.paginationNext span.icon {
background-position: 0 -6794px;
right: 0
}
div.paginationPN a.paginationNext:focus span.icon,
div.paginationPN a.paginationNext:hover span.icon {
background-position: 0 -12392px
}
div.paginationChapter div.gotoChapter {
float: left
}
div.paginationChapter a.paginationPrevious {
padding-left: 0;
padding-right: 1.25em
}
div.paginationChapter a.paginationNext {
padding-left: 1.25em;
padding-right: 0
}
div.paginationChapter a.paginationPrevious span.icon {
left: auto;
right: 0
}
div.paginationChapter a.paginationNext span.icon {
left: 0;
right: auto
}
div.paginationChapter div.gotoChapter label {
position: absolute;
left: -1000em
}
div.paginationChapter div.gotoChapter table.dijitSelect {
margin: .08em 0
}
div.paginationResults {
margin: 0 0 0 1.25em;
padding: 0 .83em;
position: relative
}
div.paginationResults a.paginationPrevious {
left: 0
}
div.paginationResults a.paginationNext {
right: 0
}
div.paginationResults ul,
div.paginationResults ul li,
div.paginationResults ul li a,
div.paginationResults ul li em {
float: left
}
div.paginationResults ul li {
padding: 0 .42em
}
div.paginationResults ul li a.active,
div.paginationResults ul li em {
border: 1px solid #0e2034;
font-style: normal !important;
font-weight: 700;
height: 1.33em;
line-height: 1.33em;
margin: 1px -.42em;
padding: 0 .33em;
position: relative
}
div.paginationResults ul li a.active {
line-height: 16px !important
}
div.paginationSlider {
padding-bottom: .42em
}
div.paginationSlider div.slider {
border-bottom: 1px solid #0e2034;
bottom: 0;
height: .42em;
left: 0;
position: absolute;
width: 100%
}
div.paginationSlider div.slider a.knob {
background-position: 0 -23600px;
bottom: -1px;
height: 5px;
left: 0;
position: absolute;
width: 9px
}
div.paginationSlider div.slider a.knob span {
background-color: #fff;
border: 1px solid #0e2034;
bottom: 0;
display: none;
left: 10px;
padding: 2px;
position: absolute;
white-space: nowrap
}
div.paginationSlider div.slider a.knob:hover span {
display: block
}
div.pageFaq h3 {
font-size: 100%
}
div.pageFaq div.answers h3 {
border-bottom: .083em solid #aaadb1;
margin-bottom: 1.5em;
padding-bottom: .4em
}
body.present div.overlay {
background-color: #fff;
opacity: .8;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999
}
body.present #epoLogo,
body.present h1 {
position: relative;
z-index: 1000
}
div.modSidequote {
font-size: 20px;
font-weight: 700;
padding: .5em
}
div.modSidequote.move {
margin-top: 10em
}
div.bannerCollection {
margin: 1.5em 1.25em 1.85em
}
div.bannerCollection .divColumn {
float: left
}
div.bannerCollection .animationTeaser {
background: #cbcbcb;
background: -moz-linear-gradient(top, #cbcbcb 0, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cbcbcb), color-stop(100%, #f3f3f3));
background: -webkit-linear-gradient(top, #cbcbcb 0, #f3f3f3 100%);
background: -o-linear-gradient(top, #cbcbcb 0, #f3f3f3 100%);
background: -ms-linear-gradient(top, #cbcbcb 0, #f3f3f3 100%);
background: linear-gradient(to bottom, #cbcbcb 0, #f3f3f3 100%);
height: 41.8328em;
margin-right: .833324em;
position: relative;
width: 40em
}
div.bannerCollection .epo40Teaser {
background-color: #be0f04;
color: #fff;
height: 41.8328em;
margin-right: .833324em;
position: relative;
width: 40em
}
div.bannerCollection .animationTeaser ul li a,
div.bannerCollection .epo40Teaser ul li a {
color: #fff;
font-size: 1.083em;
line-height: 1.75em
}
div.bannerCollection .animationTeaser .animationItems,
div.bannerCollection .epo40Teaser .animationItems {
position: relative;
width: 450px;
height: 268px
}
div.bannerCollection .animationTeaser .animationItems .item {
position: absolute
}
div.bannerCollection .animationTeaser .animationItem {
opacity: 0;
display: none
}
div.bannerCollection .animationTeaser .animationItems span {
display: block
}
div.bannerCollection .animationTeaser .animationItems .statisticAddional {
display: none
}
div.bannerCollection .animationTeaser .animationItems .statisticImage {
position: absolute;
left: 0;
top: 0
}
div.bannerCollection .animationTeaser .animationItems .statisticDescription,
div.bannerCollection .animationTeaser .animationItems .statisticLabel,
div.bannerCollection .animationTeaser .animationItems .statisticValue {
position: absolute;
z-index: 99
}
div.bannerCollection .animationTeaser .animationItems .statisticLabel {
font-weight: 700
}
div.bannerCollection .animationTeaser .animationItems .statisticValue {
color: #fff;
white-space: nowrap;
font-weight: 700
}
div.bannerCollection .animationTeaser .animationItems .statisticDescription {
color: #404955
}
.imageTeaserCollection .overlay a,
.imageTeaserCollection .overlay a:active,
.imageTeaserCollection .overlay a:visited,
.imageTeaserCollection .overlay h3,
div.bannerCollection .epo40Teaser a,
div.bannerCollection .epo40Teaser h1,
div.bannerCollection .epo40Teaser h3 {
color: #fff
}
div.bannerCollection .animationTeaser .contentBox,
div.bannerCollection .epo40Teaser .contentBox {
padding: 1.25em
}
div.bannerCollection .animationTeaser .contentBox ul,
div.bannerCollection .epo40Teaser ul {
margin-bottom: 1em
}
div.bannerCollection .animationTeaser .note {
bottom: .2499972em;
position: absolute
}
div.bannerCollection .epo40Teaser img {
bottom: 0;
left: 0;
position: absolute
}
div.bannerCollection .animationTeaser h1,
div.bannerCollection .epo40Teaser h1 {
font-size: 1.9166452em;
margin-bottom: .4999944em;
border-bottom: 0
}
div.bannerCollection .staticTeaser {
width: 38.5829em;
margin-left: .833324em;
position: relative
}
div.bannerCollection .staticTeaser div.epoImageTeaser {
height: auto;
margin-bottom: 1.2499em;
width: auto
}
div.bannerCollection .staticTeaser div.epoImageTeaser div.epoImageTeaserInner {
height: auto;
left: 1.2em;
top: 1.2em;
width: 17.499804em
}
.staticTeaser div.epoImageTeaser div.epoImageTeaserInner {
padding-top: 31px
}
div.bannerCollection .staticTeaser div.epoImageTeaser img.startImage {
height: auto;
width: 38.5829em
}
div.bannerCollection .staticTeaser .epoTeaser {
border-bottom: 0
}
div.bannerCollection .staticTeaser .epoTeaser img {
margin-bottom: .833324em
}
div.bannerCollection .staticTeaser .epoTeaser h2 {
margin-bottom: .3333296em
}
.tabContent .animatedStatistic .bannerCollection .animationTeaser {
background-image: none;
height: auto;
margin: 0 auto
}
.tabContent .animatedStatistic .bannerCollection img {
margin-top: 0
}
.tabContent .animatedStatistic .bannerCollection p.note {
padding-bottom: 1em;
padding-left: 0
}
.staticTeaser .col-xs-6 .epoTeaser img {
margin-bottom: 12px
}
.staticTeaser .col-xs-6 .epoTeaser p+ul {
margin-top: -12px
}
.imageTeaserCollection {
margin-bottom: 1.3333em
}
.imageTeaserCollection.ar2013 {
margin-bottom: 15px
}
.imageTeaserCollection .divColumn {
float: left;
position: relative
}
.imageTeaserCollection .left {
margin-right: 7px
}
.imageTeaserCollection .right {
margin-left: 6px
}
.imageTeaserCollection.ar2013 .right {
margin-left: 8px
}
.imageTeaserCollection.ar2013 .overlay {
bottom: auto;
display: block
}
.imageTeaserCollection.ar2013 .overlay h3 a {
font-size: 18px
}
.imageTeaserCollection .right .overlay {
text-align: left
}
.imageTeaserCollection img {
margin-top: 0 !important
}
.imageTeaserCollection .overlay {
background-color: #1f252f;
color: #fff;
left: 0;
-ms-filter: "alpha(Opacity=85)";
-moz-opacity: .85;
-khtml-opacity: .85;
opacity: .85;
position: absolute;
top: 0;
width: 100%
}
.imageTeaserCollection .overlay .inner {
padding: .3333em 1.25em 0
}
.imageTeaserCollection a.int {
background-position: 0 -998px !important
}
.imageTeaserCollection .overlay h3 {
margin-bottom: .24999em
}
.videoOverlay {
position: absolute;
top: 50%;
left: 50%;
margin: -1.9999776em 0 0 -1.9999776em
}
div.animatedStatistic {
background: #cbcbcb;
background: -moz-linear-gradient(top, #f3f3f3 0, #cbcbcb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(100%, #cbcbcb));
background: -webkit-linear-gradient(top, #f3f3f3 0, #cbcbcb 100%);
background: -o-linear-gradient(top, #f3f3f3 0, #cbcbcb 100%);
background: -ms-linear-gradient(top, #f3f3f3 0, #cbcbcb 100%);
background: linear-gradient(to bottom, #f3f3f3 0, #cbcbcb 100%);
position: relative;
width: 63.417em
}
div.animatedStatistic h2 {
font-size: 1.6em;
line-height: .85em;
color: #0e2034;
padding: 1.05em 1.05em .5em;
margin: 0
}
div.animatedStatistic p {
padding-left: 1.667em;
padding-right: 1.667em;
font-size: 1.1em;
line-height: 1.25em
}
ul.eventOverview>li {
float: left;
width: 50%
}
ul.eventOverview>li dt {
font-weight: 400
}
ul.eventOverview>li dd {
font-weight: 700
}
table.eventSearchResult td {
padding-left: .5em;
padding-right: 0
}
table.eventSearchResult td:first-child {
padding-left: 0
}
table.eventSearchResult td.status {
width: 15px
}
table.eventSearchResult tr.resultDiscription td {
border: 0;
padding-top: 15px
}
#pagebody .eventSearchResult .epoevent,
#pagebody .eventSearchResult .epoevent:focus,
#pagebody .eventSearchResult .epoevent:hover {
background-image: url(../images/icon_sprite_ext.gif);
background-position: 0 -3500px
}
#pagebody .eventSearchResult thead .epoevent {
position: relative;
top: -1px
}
#pagebody .eventSearchResult .available,
#pagebody .eventSearchResult .available:focus,
#pagebody .eventSearchResult .available:hover {
background-image: url(../images/icon_sprite_ext.gif);
background-position: 0 -2500px
}
#pagebody .eventSearchResult .notavailable,
#pagebody .eventSearchResult .notavailable:focus,
#pagebody .eventSearchResult .notavailable:hover {
background-image: url(../images/icon_sprite_ext.gif);
background-position: 0 -3000px
}
#pagebody .eventSearchResult thead td {
padding-bottom: 10px
}
#pagebody .eventSearchResult thead span.item {
margin-right: 10px
}
#pagebody .eventSearchResult thead span.item span {
padding-left: 20px;
padding-bottom: 5px;
text-indent: -9999px;
display: inline-block
}
.eventSearch>h1 {
height: 22px;
display: block
}
#template,
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li .filter a.delete,
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li .tooltip,
.eventSearch #matchingEvents,
.eventSearch #xhrErrorMessage {
display: none
}
.eventSearch #xhrErrorMessage {
color: red;
font-weight: 700
}
.eventSearch #eventsearch {
margin-bottom: 20px
}
.eventSearch #eventsearch div.epoBarSearchDetails {
padding: 0;
line-height: 1em
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul {
width: 100%
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li {
box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
border: 1px solid #fff;
margin-bottom: -32767px;
padding-top: .58em;
padding-bottom: 32757px;
width: 25%
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.active {
border: 1px solid #2a323d;
background-color: #f7f9fa;
margin-left: 0
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li+li {
border-left-width: 0
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li+li.active,
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.active+li {
border-left-width: 1px
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li:first-child {
border-left-width: 0
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.active:first-child {
border-left-width: 1px
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.lastChild {
border-right-width: 0
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.lastChild.active {
border-right-width: 1px
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li>div {
margin: 0 1.25em
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.filtrate h4 {
color: #be0f05
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li .filter {
padding-right: 15px;
position: relative;
height: 3em;
overflow: hidden;
margin-bottom: 1em
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li .filter.enlarged {
height: 4.5em
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li .filter ul {
width: 143px
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.filtrate .filter a.delete {
background: url(../images/icon_sprite_ext.gif) 0 -4000px no-repeat;
position: absolute;
right: 0;
top: 2px;
display: block;
width: 10px;
height: 10px
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.filtrate .filter>ul>li {
display: inline-block;
padding-right: 5px;
line-height: 1.5em
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.filtrate .filter a.delete span {
display: none
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.filtrate .filter ul:after {
content: '...';
bottom: 0;
left: 0;
position: absolute;
z-index: 1;
display: block;
width: 100%;
height: 1.5em;
background-color: #e5e7eb
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.filtrate .filter>ul>li:after {
content: ','
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.filtrate .filter>ul>li.lastChild:after {
content: '';
left: 0;
position: absolute;
z-index: 2;
display: block;
width: 100%;
height: 3em;
background-color: #e5e7eb
}
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.active .filter ul:after,
.eventSearch #eventsearch div.epoBarSearchDetails>ul>li.active .filter>ul>li.lastChild:after {
background-color: #f7f9fa
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm {
padding: 0;
position: absolute;
width: 762px;
z-index: 1000
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul {
width: 100%;
margin: 0
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li {
background-color: #f7f9fa;
border: 1px solid #2a323d;
display: none;
padding: 1.667em 1.25em
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li ul>li {
position: relative;
padding-left: 20px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li ul>li>div.dijitCheckBox {
position: absolute;
left: 0;
top: 2px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li .modTabs {
margin-left: -15px;
margin-bottom: 0
}
.eventSearch #eventsearch div.modPublicationTabs .tab3 .floatRight:first-child {
margin-bottom: 0
}
.eventSearch #eventsearch div.modPublicationTabs div.tab3 input.submit {
width: auto
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li .modTabs div.active:first-child div.tabTitle {
border-left: 0
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li .modTabs .tabContent {
padding: 0 15px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li .modTabs.fiveTabs div.tabContent {
width: 731px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm .fourCols .col {
width: 25%;
float: left
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm .fourCols .col.size2cols {
width: 50%;
float: left
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm .fourCols .col.size3cols {
width: 75%;
float: left
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm.calc-helper {
left: -9999px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm.calc-helper>ul>li,
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li.active {
display: block
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li>fieldset {
padding-bottom: 0
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li>fieldset .formElement ul {
padding-bottom: 1.6em
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li.active>.legend {
background-color: #f7f9fa;
display: block;
height: 2px;
left: 0;
position: absolute;
top: -1px;
width: 189px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li:first-child.active>.legend {
margin-left: 1px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li:first-child+li+li.active>.legend,
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li:first-child+li.active>.legend {
width: 188px;
margin-left: 1px
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li.active.location>.legend {
left: 25%
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li.active.provider>.legend {
left: 50%
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li.active.targetgroup>.legend {
left: 75%
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li.active>.legend span {
display: none
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li label.header,
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li label.strong {
font-weight: 700
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li .inputtext {
margin-right: .83em
}
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li div.formElement,
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li div.formElement label,
.eventSearch #eventsearch div.epoBarSearchDetailsForm>ul>li div.formElement span {
float: none
}
.eventSearch .calendarContainer .eventCalendar {
margin-bottom: 10px;
padding: 0 20px;
position: relative
}
.eventSearch .calendarContainer li {
float: left;
margin-right: 10px
}
.eventSearch .calendarContainer span.eventIsEpoOwn {
color: #be0f05;
font-weight: 700
}
.eventSearch .calendarContainer span.eventIsNotEpoOwn {
font-weight: 700
}
.eventSearch .primary .inputtext input {
width: 31em
}
.eventSearch .calendarContainer h2 {
margin-left: 5px;
font-size: 15px;
margin-top: 10px;
margin-bottom: 0
}
.eventSearch .calendarContainer table {
margin-left: 10px;
width: 731px
}
.eventSearch .calendarContainer table * {
white-space: normal;
line-height: 16px;
font-size: 12px
}
.eventSearch .calendarContainer table h3 a {
font-size: 1.25em
}
#targetGroupList li {
float: left;
width: 210px;
padding-right: 10px;
display: block
}
.eventSearch .countryList {
margin-left: 15px
}
.eventSearch .countryList li {
float: left
}
.eventSearch .event-choice li {
padding-left: 0 !important
}
.headlineContainer h2 {
width: 93%;
margin-right: 0 !important
}
div.guidelines .marker_text-added {
background-color: #c3f788
}
div.guidelines .marker_text-deleted {
background-color: #fff;
color: #bd0f04;
text-decoration: line-through
}
div.guidelines .marker_list-change {
list-style: lower-roman
}
div.guidelines .marker_list-change li.marker_text-added .li-content {
text-decoration: none;
color: #000
}
div.guidelines li.marker_text-added {
color: #c3f788
}
div.guidelines li.marker_text-added .li-content,
div.guidelines li.marker_text-deleted .li-content {
background-color: #fff;
color: #0e2034;
display: block
}
div.guidelines .navigation li {
font-weight: 700;
position: relative
}
div.guidelines .navigation li a span.content:before,
div.guidelines .navigation li span span.content:before {
position: relative;
top: 0;
left: -6px;
vertical-align: middle;
display: inline-block;
width: 4px;
height: 4px;
background: #0e2034;
content: ""
}
div.guidelines .navigation li a,
div.guidelines .navigation li span {
background-color: #f4f5f7;
display: block;
font-size: 15px;
line-height: 24px;
margin-bottom: 2px;
padding: 1px 0 1px 10px
}
div.guidelines .navigation li li a,
div.guidelines .navigation li li span {
padding-left: 20px
}
div.guidelines .navigation li li li a,
div.guidelines .navigation li li li span {
padding-left: 30px
}
span.document-forward,
span.document-reverse {
height: 17px;
width: 17px;
position: absolute;
top: 0;
padding: 0 !important
}
span.document-forward {
background-position: 0 -4898px;
right: 10px
}
span.document-reverse {
background-position: 0 -4696px;
right: 60px
}
.scrollContainer {
padding-top: 40px
}
.scrollContainer,
.scrollContainer .displayNone {
display: none
}
.scrollContainer .yearContent ul {
margin: 0 0 2.74985em 1em
}
.scrollContainer .yearContent ul.single {
margin: 0
}
.scrollContainer .yearContent ul li {
display: inline-block;
width: 20.066em;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.scrollContainer .yearContent ul li.center {
width: 23.5089em;
padding: 0 1.8em
}
.scrollContainer .yearContent ul.single li {
width: 100%
}
.scrollContainer .yearContent ul.single li .layerImageContainer {
position: relative
}
.scrollContainer .yearContent ul.single li .layerImageContainer img {
margin-bottom: 0
}
.scrollContainer .yearContent ul.single li .layerImageContainer .layer {
bottom: 0;
color: #fff;
font-weight: 700;
position: absolute;
top: 340px;
width: 100%
}
.scrollContainer .yearContent ul.single li .layer>span {
float: left;
font-size: 19px;
height: 40px;
width: 50em;
display: block;
padding: 9px 15px 0;
background-color: #dee1e5;
color: #2d475c;
font-weight: 400
}
.scrollContainer .yearContent ul.single li .layer a {
background-color: #be0f04;
display: block;
float: right;
height: 40px;
width: 43px;
position: relative
}
.scrollContainer .yearContent ul.single li p {
padding: 10px 15px;
margin-bottom: 35px
}
.scrollContainer .yearContent ul li.hasQuote {
height: 220px
}
.scrollContainer .yearContent ul li blockquote {
font-size: 40px;
font-weight: 700;
color: #dee1e5;
display: block;
margin: 0 0 5px
}
.scrollContainer .yearContent ul li span.caption {
font-style: italic
}
.scrollContainer .yearContent ul li quote:before {
content: "\00BB"
}
.scrollContainer .yearContent ul li quote:after {
content: "\00AB"
}
.scrollContainer .yearContent ul li h2 {
color: #0e2034;
font-size: 19px;
margin-bottom: 3px;
margin-top: -1px
}
.scrollContainer .yearContent ul li img {
margin-bottom: 8px
}
.scrollContainer .yearContent ul li p {
line-height: 16px;
margin-bottom: 0
}
.scrollContainer .yearContent .jumpToNextImportantEvent span {
background-color: #be0f04;
color: #fff;
font-weight: 400;
font-size: 12px;
height: 40px;
padding: 4px 5px 0 15px;
position: absolute;
line-height: 16px;
right: 2.8666em;
width: 100px
}
.scrollContainer .yearContent .jumpToNextImportantEvent:hover span {
text-decoration: underline
}
#timeHeader ul li a,
.epoTimeline .year,
span.oar,
span.oar a {
text-decoration: none
}
.epoTimeline .year {
color: #fff;
display: block;
font-weight: 700;
width: 40px;
height: 40px;
border-radius: 20px;
background-color: #be0f04;
text-align: center;
line-height: 40px;
margin: 0 auto 14px
}
#timeHeader,
#timeHeader:after,
header {
background-color: #fff
}
.epoTimeline .year,
.epoTimeline .year:active {
outline: 0
}
.epoTimeline .year.line:after {
border-left: 1px solid #ccc !important
}
.epoTimeline .year:after {
border-left: 1px solid #ccc;
content: "";
height: 0;
left: -14px;
position: relative;
top: 27px;
width: 1px
}
.epoTimeline .year.last:after {
border-left: 0
}
header {
margin-bottom: 23px
}
#timeHeader {
border-top: 10px solid #fff;
width: 993px;
width: 66.2em;
top: 0
}
#timeHeader:after {
content: url(../../../modules/epogui/images/timeline_big.png);
position: relative;
top: 8px;
-moz-box-shadow: 0 3px 3px #ccc;
-webkit-box-shadow: 0 3px 5px #ccc;
box-shadow: 0 3px 5px #ccc
}
#timeHeader.fixTimeHeader {
position: fixed;
z-index: 2
}
#timeHeader ul li {
display: inline-block;
text-align: center;
width: 8em
}
#timeHeader ul li a {
font-size: 15px
}
#timeHeader ul li a.active {
color: #be0f04
}
.epoTimeline .topBar {
border-top: 1px solid #fff;
height: 2px;
position: fixed;
top: 0;
width: 993px;
width: 66.2em
}
.epoTimelineHeadText {
margin-top: 15px;
text-align: center;
position: relative
}
.epoTimelineHeadText h1 {
margin-left: auto;
margin-right: auto;
margin-bottom: 16px
}
.epoTimelineHeadText h1+p {
margin-bottom: 53px
}
.epoTimelineHeadText p {
width: 70%;
margin: 0 auto 3em;
font-size: 15px;
color: #717681
}
#hofSlider #stage {
margin: 0 14px 6px;
position: relative
}
#hofSlider #stage li {
display: none
}
#hofSlider #stage li#image0 {
display: block
}
#hofSlider #stage .textContainer {
color: #fff;
left: 80px;
position: absolute;
top: 0;
width: 550px
}
#hofSlider #stage .textContainer h1 {
border-bottom: medium none;
color: #fff;
font-weight: 700;
line-height: 30px;
margin-bottom: 11px
}
#hofSlider #stage .textContainer p {
font-size: 16px;
margin-bottom: 20px
}
#hofSlider #thumbs {
margin-left: 9px
}
#hofSlider #thumbs li {
border: 3px solid #fff;
float: left;
margin-right: 6px;
padding: 2px;
position: relative
}
#hofSlider #thumbs li.active p,
#hofSlider #thumbs li:hover p {
background-color: #dee1e5;
color: #0e2034
}
#hofSlider #thumbs li a,
#hofSlider #thumbs li p,
.officialjournal .yearChoice a {
color: #fff;
text-decoration: none
}
#hofSlider #thumbs li a {
display: block
}
#hofSlider #thumbs li p {
background-color: #657692;
display: block;
font-size: 13px;
height: 46px;
line-height: 18px;
margin: 0;
padding: 6px 11px 5px;
width: 124px
}
#hofSlider #thumbs li.first p {
width: 123px
}
#hofSlider #thumbs li img {
margin-bottom: -5px
}
#hofSlider .next,
#hofSlider .prev {
margin-top: -16px;
position: absolute;
top: 50%
}
#hofSlider .prev {
left: 15px
}
#hofSlider .next {
right: 15px
}
#hofSlider .next a,
#hofSlider .prev a {
display: block;
height: 30px;
width: 30px;
outline: 0;
background-color: #fff;
border-radius: 15px;
position: relative
}
#hofSlider .next a:hover,
#hofSlider .prev a:hover {
background-color: #425060
}
#hofSlider .next a:before,
#hofSlider .prev a:before {
content: " ";
display: block;
height: 20px;
width: 20px;
position: absolute;
z-index: 100;
top: 1px
}
#hofSlider .prev a:before {
background-position: 11px -2796px
}
#hofSlider .next a:before {
background-position: 12px -2684px;
top: 2px
}
#hofSlider .prev a:hover:before {
background-position: 11px -5966px
}
#hofSlider .next a:hover:before {
background-position: 12px -5855px;
top: 2px
}
.hofTeaser {
margin: 0 14px
}
.hofTeaser hr {
margin: 25px 0 15px
}
.hofTeaser h3 {
margin-bottom: 13px
}
.hofTeaser .column {
float: left;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.hofTeaser .column:last-child {
padding-left: 14px;
padding-right: 60px
}
.hofTeaser .column .logo {
margin-top: 30px
}
.hofTeaser .column address {
margin-bottom: 8px
}
.epoTimeline a.int:before {
background-position: 6px -4801px !important
}
.epoTimeline a.int:hover:before {
background-position: 6px -5644px !important
}
.scrollContainer .yearContent .jumpToNextImportantEvent {
background-position: 8px -5612px
}
.scrollContainer .yearContent .jumpToNextImportantEvent span {
display: none
}
.scrollContainer .yearContent a.jumpToNextImportantEvent:hover span {
display: block
}
.officialjournal .yearChoice {
background-color: #f4f5f7;
margin-top: 25px
}
.officialjournal .yearChoice td {
border-color: #fff;
padding: 10px 4px
}
.officialjournal .yearChoice tr td:first-child {
padding-left: 8px
}
.officialjournal .yearChoice tr td:last-child {
padding-right: 8px
}
.officialjournal .yearChoice a {
background-color: #7d838b;
display: block;
width: 47px;
height: 20px;
padding-top: 5px;
text-align: center
}
.officialjournal .yearChoice a:hover {
background-color: #2a323d
}
.officialjournal .epoMulticolLeft h4 {
margin-bottom: 0
}
.officialjournal .epoMulticolLeft h4+a {
padding-bottom: 1em;
display: inline-block
}
table.officialJournal {
margin-bottom: 1.6em
}
table.officialJournal tbody th {
background-color: transparent;
border-bottom: .083em solid #37414e;
text-transform: uppercase
}
table.officialJournal tr.headline th {
background-color: #37414e;
color: #0e2034;
font-weight: 700;
text-transform: inherit;
border: 0;
margin-top: -1px
}
table.officialJournal tr.info td {
font-weight: 700;
padding: 8px 0
}
.officialjournal div.epoToolBar h3 {
font-weight: 700;
font-size: 13px
}
.officialjournal div.epoToolBar a.paginationNext,
.officialjournal div.epoToolBar a.paginationPrevious,
.officialjournal div.epoToolBar span.paginationNext,
.officialjournal div.epoToolBar span.paginationPrevious {
position: relative;
font-weight: 700;
background-image: none
}
.officialjournal div.epoToolBar a.paginationNext:after,
.officialjournal div.epoToolBar a.paginationPrevious:before,
.officialjournal div.epoToolBar span.paginationNext:after,
.officialjournal div.epoToolBar span.paginationPrevious:before {
content: " ";
display: block;
width: 10px;
height: 10px;
position: absolute;
top: 2px
}
#oar-loading-spinner,
img.playBtn {
top: 50%;
left: 50%;
position: absolute
}
.officialjournal div.epoToolBar a.paginationNext:after,
.officialjournal div.epoToolBar span.paginationNext:after {
right: 0
}
.officialjournal div.epoToolBar a.paginationNext {
padding-right: 21px
}
.officialjournal div.epoToolBar a.paginationNext:after {
background-position: 0 -4800px
}
.officialjournal div.epoToolBar a.paginationNext:hover:after {
background-position: 0 -5643px
}
.officialjournal div.epoToolBar a.paginationPrevious:before {
background-position: 0 -4909px
}
.officialjournal div.epoToolBar a.paginationPrevious:hover:before {
background-position: 0 -5752px
}
.officialjournal .detailsHead {
margin: 20px 0 25px
}
.officialjournal .detailsHead .information {
font-weight: 700
}
.officialjournal .details h4 {
margin-bottom: 0
}
.officialjournal h4+table {
margin-top: 10px
}
.officialjournal .prt {
padding-left: 20px;
margin-right: 20px
}
.officialjournal ul.special {
margin-top: 10px !important
}
.officialjournal ul.special li {
margin: 5px 0
}
.officialjournal .guidelines .navigation {
margin-bottom: 0 !important
}
.officialjournal h4.indent {
margin-left: 34px
}
.officialjournal h4.indentSmall {
margin-left: 11px
}
.linkBar {
bottom: 18px;
position: absolute;
padding-top: 15px
}
span.oar {
display: inline-block;
text-align: center;
padding: 3px 0;
width: 203px
}
span.oar:first-child {
margin-right: 20px
}
img.playBtn {
margin-left: -24px;
margin-top: -24px
}
.oar2013-image {
cursor: pointer
}
#oar-loading-spinner {
margin-top: -16px;
margin-left: -16px
}
#oar-layer {
background-color: #0e2034;
height: 100%;
-ms-filter: "alpha(Opacity=7)";
-moz-opacity: .7;
-khtml-opacity: .7;
opacity: .7;
margin-top: 20px;
position: absolute;
top: 0;
width: 100%
}
h1.oar2013 {
width: 455px
}
.feedbackform ul {
float: left
}
.feedbackform ul li {
float: left;
margin-right: 1px
}
.feedbackform ul li label {
font-weight: 700
}
.feedbackform fieldset {
padding-bottom: 0
}
.feedbackform span.thumb-down,
.feedbackform span.thumb-up {
width: 23px;
height: 18px;
display: block;
float: left
}
.feedbackform span.thumb-up {
background-position: 0 -7971px;
position: relative;
left: -4px
}
.feedbackform span.thumb-down {
background-position: 0 -7850px
}
.feedbackform label {
font-weight: 700
}
.feedbackform .indicator {
margin-left: -10px;
margin-top: 20px
}
.feedbackform .indicator li {
float: left;
font-size: 15px;
font-weight: 700;
padding-right: 10px
}
.feedbackform .indicator li.active {
color: #be0f05
}
.feedbackform .indicator li:after {
content: ">";
color: #0e2034;
position: relative;
left: 10px
}
.feedbackform .indicator li:last-child:after {
content: ""
}
div.highlightBlock {
background-color: #efefef;
padding: 15px;
margin-bottom: 2em
}
div.highlightBlock label {
display: inline-block;
margin-left: 1em
}
div.highlightBlock .margin-left {
margin-left: 2em
}
div.highlightBlock ul.no-list a {
font-weight: 700;
font-size: 13px
}
div.highlightBlock p+form {
margin-bottom: 5px;
margin-top: -9px
}
div.highlightBlock p+ul {
margin-top: -15px
}
.teaserImage+div.highlightBlock {
margin-top: -5px
}
@media print {
.clear,
.epoLine {
clear: both
}
body {
font-size: 10px;
color: #0e2034
}
div.pageWrap {
width: 993px
}
table,
table.application,
table.applicationRedesign {
width: 100%
}
.epoHeader form.search {
display: none
}
ul#epoBreadcrumbs {
margin-left: 0;
margin-right: 0
}
#epoBreadcrumbs li:after {
content: ">";
font-size: 10px
}
#epoBreadcrumbs li:last-child:after {
content: ""
}
#pagebody ul>li {
list-style-type: initial
}
#epoBreadcrumbs li:first-child {
padding-left: 0
}
#epoBreadcrumbs li a {
font-weight: 400
}
a,
a:visited {
color: #0e2034;
text-decoration: underline
}
a:active,
a:focus,
a:hover {
color: #be0f05;
text-decoration: none
}
a.copy,
a.copy:visited {
color: #000;
text-decoration: underline
}
a.copy:active,
a.copy:focus,
a.copy:hover {
color: #be0f05;
text-decoration: none
}
a.caption,
a.caption:visited {
color: #000;
font-size: .95em;
line-height: 125%;
text-decoration: underline
}
a.caption:active,
a.caption:focus,
a.caption:hover {
color: #be0f05;
text-decoration: none
}
.topofpage {
margin-top: 8px
}
.topofpage a,
a:active {
color: #71767c;
font-size: .95em;
margin-right: .5em;
text-decoration: none
}
.topofpage a:hover,
a:active,
a:focus {
color: #be0f05;
text-decoration: underline
}
a.epoTeaEvent:link,
a.epoTeaEvent:visited {
font-weight: 700;
display: block;
color: #0e2034;
text-decoration: underline;
font-size: 100%
}
a.epoTeaEvent:active,
a.epoTeaEvent:focus,
a.epoTeaEvent:hover {
font-weight: 700;
display: block;
color: #be0f05;
text-decoration: none;
font-size: 100%
}
ul.copy {
margin: 3px 0 0;
padding: 0;
list-style-type: none
}
ul.copy li {
color: #000;
line-height: 150%
}
ul.copy li a,
ul.copy li a:visited {
color: #000;
text-decoration: underline
}
ul.copy li a:active,
ul.copy li a:focus,
ul.copy li a:hover {
color: #be0f05;
text-decoration: none
}
ul.bullet,
ul.bulletsub {
list-style-type: square;
color: #000;
line-height: 165%
}
ul.bullet {
margin: 8px 0 0 1.25em;
padding: 0
}
.list,
ul.bulletsub {
margin: 0 0 0 1.3em;
padding: 0
}
.more,
.topofpage {
float: right;
text-align: right
}
td,
th,
tr.thbg {
text-align: left
}
.hide {
display: none
}
.space {
margin: 0 .5em
}
.devider {
margin-right: .5em
}
.epoLine {
padding: 0;
margin: 15px 0 8px;
color: #aaadb1;
height: 1px;
border: 0;
border-top: solid 1px
}
td,
th {
padding: 3px 14px;
border: 1px solid #0e2034
}
table {
border-collapse: collapse
}
th {
color: #0e2034
}
td {
color: #000
}
tr.thbg {
background: #c9cbce;
color: #0e2034;
font-weight: 700
}
tr.tabbg {
background-color: #e4e6e7
}
table.applicationRedesign a {
text-decoration: none
}
table.applicationRedesign thead {
display: table-header-group
}
img {
border: 0
}
img.copy {
float: left;
margin: 3px 15px 5px 0
}
img.arrowl {
margin: 0 3px 1px 8px
}
img.arrowr {
margin: 0 8px 1px 3px
}
div.imgcaption {
float: left;
width: 48%;
margin: 9px 0 15px
}
div.imgcaption2 {
float: left;
width: 50%;
margin: 0 15px 15px 0
}
img.captionBild {
margin: 0 0 5px;
width: 249px;
display: block;
padding: 1px 0 0
}
input,
select {
width: 12em
}
#epoChannelNav,
#epoChannelNavHome,
#epoContentNav,
#epoContentRight,
#epoContentRightBox,
#epoIndexNav,
#epoMetaNav,
#epoMetaNavContainer,
#print,
#promo,
#promoImportantBlue,
#promoImportantGrey,
#promoImportantRed,
.epoContentLeft,
div.promo {
display: none
}
div.captionCopy {
float: left;
margin: 0
}
form {
padding: 0;
margin: 0
}
form label,
input {
font-size: 100%
}
label {
line-height: 150%
}
select {
font-size: .95em
}
input.go,
input.teaGo {
width: 2.2em
}
#epoHeader {
position: relative;
width: 100%;
height: 82px;
float: right
}
.epologo {
padding: 0 15px;
margin: 0;
float: right;
text-align: right
}
#epoContentCenterRight {
margin: 0;
padding: 0
}
.epoPrint {
margin-bottom: 15px
}
.epoPrintBold {
font-weight: 700
}
#epoContentCenter {
margin-right: 15px;
margin-left: 15px;
padding: 0
}
.epoHomeLine {
padding: 0;
margin: 15px 0 8px;
color: #d4d6d8;
height: 1px;
border: 0;
border-top: solid 1px;
clear: both
}
.updates {
margin: 0 0 10px
}
.news {
margin: 0 15px 15px
}
.news img {
margin-bottom: 5px;
float: left;
margin-right: 15px
}
h1,
h2,
h3 {
page-break-after: avoid
}
blockquote,
img,
ol,
p,
pre,
td,
tr,
ul {
page-break-inside: avoid
}
}
.epoHomeNewsWrap {
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.epoHomeNews__news {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 20px
}
.epoHomeNews__updates {
border-left: 1px solid;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 20px
}
.epoHomeNews__btn-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 23px
}
.epoHomeNews__btn {
background: #dee1e5;
display: block;
padding: .75rem 2rem;
position: relative;
width: 100%
}
.epoHomeNews__btn .fa {
margin-top: -.5em;
position: absolute;
top: 50%
}
.epoHomeNews__btn .fa-refresh {
font-size: 1.25rem;
left: .5rem
}
.epoHomeNews__btn .fa-newspaper-o {
font-size: 1.2rem;
left: .3rem
}
.epoHomeNews__btn .fa-angle-right {
font-size: 1.5rem;
right: .5rem
}
.rss_link::after {
content: "\f143";
font-family: FontAwesome;
font-size: 18px;
padding-left: 5px
}
.rss_link:hover {
color: #be0f05
}
/*CAECM-3913 New learning and events page*/
.epoar18-btn,.epoar18-slider .owl-nav>*,a.epoar18-btn{background:none;border:0;color:inherit;font:inherit;padding:0}.epoar18-section__head .epoar18-section__hdln h1,.epoar18-section__head .epoar18-section__hdln h2,.epoar18-section__head .epoar18-section__hdln h3,.epoar18-tsr__content .epoar18-tsr__head h1,.epoar18-tsr__content .epoar18-tsr__head h2,.epoar18-tsr__content .epoar18-tsr__head h3,.epoar18-tsr__content .epoar18-tsr__text>:first-child,.epoar18-tsr__content .epoar18-tsr__text>:last-child,.epoar18-tsr__media img{margin:0!important;padding:0!important}.epoar18-btn,.epoar18-slider .owl-nav>*,a.epoar18-btn{border-radius:0;display:inline-block;font-size:.875rem;font-weight:700;line-height:1.2;padding:.625rem 1.25rem;cursor:pointer;text-decoration:none;text-align:inherit;transition:background .4s,color .2s;vertical-align:middle;background-color:#be0f04;color:#fff}.epoar18-btn:hover,.epoar18-slider .owl-nav>:hover,a.epoar18-btn:hover{background-color:#303846;color:#fff}.epoar18-btn--icon,.epoar18-slider .owl-nav>*,a.epoar18-btn--icon{padding:0}.epoar18-btn--secondary,a.epoar18-btn--secondary{background-color:#647592;color:#fff}.epoar18-btn--secondary:hover,a.epoar18-btn--secondary:hover{background-color:#303846}.epoar18-btn--dark,.epoar18-slider .owl-nav>*,a.epoar18-btn--dark{background-color:#0b2a43;color:#fff}.epoar18-btn--dark:hover,.epoar18-slider .owl-nav>:hover,a.epoar18-btn--dark:hover{background-color:#12456f}.epoar18-btn--inverted,a.epoar18-btn--inverted{background-color:#fff;color:#0b2a43}.epoar18-btn--inverted:hover,a.epoar18-btn--inverted:hover{background-color:#be0f04;color:#fff}.epoar18-btn>.epoar18-icon-combi,.epoar18-slider .owl-nav>*>.epoar18-icon-combi,a.epoar18-btn>.epoar18-icon-combi{margin-left:-.625rem}.epoar18-btn--full-width,a.epoar18-btn--full-width{width:100%}.epoar18-btn:disabled,.epoar18-slider .owl-nav>:disabled,a.epoar18-btn:disabled{cursor:not-allowed}.epoar18-container{margin:4.0625rem 0}.epoar18-container:first-of-type{margin-top:0}.epoar18-container:last-of-type{margin-bottom:0}.epoar18-hdln-h2,h2.epoar18-hdln{color:#0b2a43;font-size:1.5rem;font-weight:700;margin-bottom:1em}.epoar18-hdln-h3,h3.epoar18-hdln{color:#0b2a43;font-size:1.125rem;font-weight:700;margin-bottom:.5em}.epoar18-search{background-color:#eaebed;margin:15px 0;padding:30px}.epoar18-search__form{display:flex}.epoar18-search__text{border:thin solid #dde1e4;flex-grow:1;margin-right:15px;padding:0 1rem}.epoar18-search__text::-webkit-input-placeholder{color:#0b2a43;opacity:.5}.epoar18-search__text:-ms-input-placeholder{color:#0b2a43;opacity:.5}.epoar18-search__text::-ms-input-placeholder{color:#0b2a43;opacity:.5}.epoar18-search__text::placeholder{color:#0b2a43;opacity:.5}.epoar18-search__button{background-color:#647592}.epoar18-search__button:hover{background-color:#435060}.epoar18-section--light{background:#eaebed;padding:1.875rem}.epoar18-section--divider>article{border-top:thin solid #eaebed;padding-bottom:3.75rem;padding-top:3.75rem}.epoar18-section--divider>article:last-child{padding-bottom:0}.epoar18-section__head{display:flex;justify-content:space-between;margin-bottom:1.875rem}.epoar18-section__head .epoar18-section__link{display:inline-block;align-self:flex-end}.epoar18-slider{padding:0 1.875rem;display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.epoar18-slider__item{margin:0 .46875rem}.epoar18-slider .owl-nav{bottom:0;left:0;position:absolute;right:0;top:0;align-items:center;display:flex;justify-content:space-between;width:100%;z-index:-5}.epoar18-slider .owl-nav>*{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAAXNSR0IArs4c6QAAAGJJREFUKBVjYICC////NwDxXCBmhInhpKGKgRQYENYEVAZShAzwawKqZATiUU04AsKLCWfkkCKBw/Q5IHEMc3Aoxh6RQ1Ex0MdMjIyM/4H0YyTfzwOyU6DiSMJoTKCHicpAACW4arh2SMzVAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:50%;border-radius:50%;height:2.1875rem;text-indent:-9999px;overflow:hidden;width:2.1875rem}.epoar18-slider .owl-nav .owl-prev{margin-left:-.81019rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.epoar18-slider .owl-nav .owl-next{margin-right:-.81019rem}.epoar18-slider .owl-dots{display:flex;justify-content:center}.epoar18-slider .owl-dots>*{background:#0b2a43;display:inline-block;height:.25rem;margin:0 .3125rem;opacity:.15;width:2.5rem}.epoar18-slider .owl-dots>:hover{opacity:.3}.epoar18-slider .owl-dots>.active{opacity:1}.epoar18-slider .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.epoar18-slider .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.epoar18-slider .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.epoar18-slider .owl-item,.epoar18-slider .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}.epoar18-slider .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.epoar18-slider .owl-item img{display:block;width:100%}.epoar18-slider .owl-dots.disabled,.epoar18-slider .owl-nav.disabled{display:none}.epoar18-slider .owl-dot,.epoar18-slider .owl-nav .owl-next,.epoar18-slider .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.epoar18-slider .owl-nav button.owl-next,.epoar18-slider .owl-nav button.owl-prev,.epoar18-slider button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit}.epoar18-slider.owl-loaded{display:block}.epoar18-slider.owl-loading{opacity:0;display:block}.epoar18-slider.owl-hidden{opacity:0}.epoar18-slider.owl-refresh .owl-item{visibility:hidden}.epoar18-slider.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.epoar18-slider.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.epoar18-slider.owl-rtl{direction:rtl}.epoar18-slider.owl-rtl .owl-item{float:right}.epoar18-slider--fullwidth{padding:0}.epoar18-slider--fullwidth .owl-nav{position:static}.epoar18-slider--fullwidth .owl-next{margin:0!important;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%) translateY(-1rem) scale(.85)!important;transform:translateY(-50%) translateY(-1rem) scale(.85)!important}.epoar18-slider--fullwidth .owl-prev{left:10px;margin:0!important;position:absolute;top:50%;-webkit-transform:translateY(-50%) translateY(-1rem) scale(.85) rotate(180deg)!important;transform:translateY(-50%) translateY(-1rem) scale(.85) rotate(180deg)!important}.epoar18-slider--fullwidth .epoar18-tsr__content{padding-left:60px}.epoar18-slider--fullwidth .owl-dot{background-color:#2a323d!important;border-radius:100%;height:10px;opacity:1;width:10px}.epoar18-slider--fullwidth .owl-dot.active,.epoar18-slider--fullwidth .owl-dot:hover{background-color:#be0f04!important;opacity:1}.no-js .owl-carousel{display:block}.epoar18-tsr{height:100%;position:relative;margin-bottom:1.25rem}.epoar18-tsr__content{display:flex;flex-direction:column;padding:1.875rem;position:relative;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.epoar18-tsr__content>*{flex:0 0 auto;width:100%}.epoar18-tsr__content .epoar18-tsr__text{margin-top:.9375rem}.epoar18-tsr__content .epoar18-tsr__foot{margin-top:1.25rem;align-self:flex-end}.epoar18-tsr__content.pull-right{right:0}.epoar18-tsr__text{flex-grow:1}.epoar18-tsr__media+.epoar18-tsr__content{position:absolute;top:0}.epoar18-tsr__media img{display:block;width:100%}.epoar18-tsr__video{background-color:#b3b3b3;height:100%;left:0;position:absolute;top:0;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateX(100%);transform:translateX(100%);width:100%;z-index:1}.epoar18-tsr__video video{height:100%;left:50%;max-width:100%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.epoar18-tsr__video{background-color:hsla(0,0%,54.9%,.5);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}}.epoar18-tsr__close{height:25px;cursor:pointer;position:absolute;right:1rem;top:1rem;width:25px}.epoar18-tsr__close svg{height:100%;width:100%}.epoar18-tsr__tag{position:absolute;top:0;background:hsla(0,0%,100%,.7);display:inline-block;font-size:.6875rem;margin:1.25rem;padding:.3125rem .625rem}.epoar18-tsr--play .epoar18-tsr__content{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.epoar18-tsr--play .epoar18-tsr__video{-webkit-transform:translateX(0);transform:translateX(0)}.epoar18-tsr--overlay .epoar18-tsr__content{bottom:0;left:0;position:absolute;right:0;top:60%;background:hsla(0,0%,100%,.7);padding-top:1.25rem}.epoar18-tsr--overlay .epoar18-tsr__foot{align-self:flex-end}.epoar18-tsr--blank .epoar18-tsr__content{height:100%;padding:0}.epoar18-tsr--inverted .epoar18-tsr__content,.epoar18-tsr--inverted .epoar18-tsr__head h2,.epoar18-tsr--inverted .epoar18-tsr__head h3{color:#fff}.epoar18-tsr--bottom{position:relative}.epoar18-tsr--bottom .epoar18-tsr__content{border:thin solid #dde1e4;background-color:#dde1e4;display:flex;flex-direction:column;justify-content:flex-end;height:18rem;position:static;width:100%}.epoar18-tsr--bottom .epoar18-tsr__media{height:150px;position:absolute;right:1px;top:1px;z-index:1;width:150px}.epoar18-tsr--bottom .epoar18-tsr__text{flex-grow:0}.eposp23-row--stretch{align-items:stretch;display:flex}.eposp23-row--stretch .epoar18-tsr__foot{margin-top:0}.vid-ar-2019-icon{background-image:url(../img/vid_ar2018.png)!important;background-position:50%;background-repeat:no-repeat;background-size:20px!important}
.epoar18-btn a { color:#FFF;}
/*CAECM-5060 add inverted color for carousel when background is 'black'*/
.epoar18-tsr--inverted .epoar18-tsr__content,
.epoar18-tsr--inverted .epoar18-tsr__head h2,
.epoar18-tsr--inverted .epoar18-tsr__head h3 {
color: #fff;
}
.epoar18-btn--inverted,
a.epoar18-btn--inverted {
background-color: #fff;
color: #0b2a43;
}
.epoar18-btn--inverted:hover,
a.epoar18-btn--inverted:hover {
background-color: #be0f04;
color: #fff;
}
.rate-head-col-xs-6 {
display: flex;
align-items: center;
justify-content: space-around;
padding-left: 0px;
padding-right: 20px;
width: 50%;
text-align:center;
flex-direction: row;
}
.rate-col-xs-6 {
display: flex;
align-items: center;
justify-content: space-around;
padding-left: 16px;
padding-right: 0px;
width: 50%;
flex-direction: row;
}
.rate-head-col-xs-9 {
display: flex;
align-items: end;
justify-content: space-between;
padding-left: 0px;
padding-right: 10px;
width: 75%;
text-align:center;
flex-direction: row;
font-size:11
}
.rate-col-xs-9 {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 10px;
padding-right: 0px;
width: 75%;
flex-direction: row;
}
.rate-head-col-xs-10 {
display: flex;
align-items: end;
justify-content: space-evenly;
padding-left: 20px;
padding-right: 5px;
width: 83.33333333% ;
text-align:center;
flex-direction: row;
font-size:11
}
.rate-col-xs-10 {
display: flex;
align-items: center;
justify-content: space-around;
padding-left: 45px;
padding-right: 0px;
width: 83.33333333%;
flex-direction: row;
}
.rate-head-col-xs-11 {
display: flex;
align-items: end;
justify-content: space-evenly;
padding-left: 10px;
padding-right: 5px;
width: 91.66666667%;
text-align:center;
flex-direction: row;
font-size:11
}
.rate-col-xs-11 {
display: flex;
align-items: center;
justify-content: space-around;
padding-left: 55px;
padding-right: 0px;
width: 91.66666667%;
flex-direction: row;
}
.rate-head-col-xs-12 {
display: flex;
align-items: end;
justify-content: space-around;
padding-left: 0px;
padding-right: 10px;
width: 100%;
text-align: center;
flex-direction: row;
font-size:11
}
.rate-col-xs-12 {
display: flex;
align-items: end;
justify-content: space-around;
padding-left: 10px;
padding-right: 0px;
width: 100%;
flex-direction: row;
}
.row-rate{
display: flex;
margin-left: -10px;
margin-right: -10px
}
.matomo_banner{
display: none;
position: fixed;
box-sizing: border-box;
background-color: #084fa6;
transform: translateX(-50%);
left: 50%;
bottom: 0;
// width: 100.4em;
width:85%;
padding: 20px
}
.banner_text h3{
margin: 0px;
color: #ffffff;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.banner_text p{
margin: 5px 0px;
font-size: 15px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}
.banner_text a{
text-decoration: underline;
color: #ffffff;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}
.ok_button{
background-color: #ffffff;
border: none;
margin-top: 10px;
font-weight: bold;
padding: 8px 15px;
cursor: pointer;
color: #000000;
border-radius: 4px;
}
.decline_button{
background-color: #084fa6;
border: none;
margin-top: 10px;
font-weight: bold;
padding: 8px 15px;
cursor: pointer;
color: #ffffff;
border-radius: 4px;
}
.matomo_table{
border-color: #084fa6;
margin-bottom: 0em;
border-bottom: 1px;
}
.matomo_table_line{
border-bottom: 0px;
}