/* POA - JOBS css - written and maintained by Internet Architects             */
/* Yahoo fonts.css integrated. (c) 2007, Yahoo! Inc. All rights reserved.     */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 01. less declarations                                                      */
/* hide elements from screen but not from source ............................ */
.hidden {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.hidden2 {
  position: absolute;
  top: auto;
  left: -999em;
  right: auto;
}
.hide {
  position: absolute;
  top: auto;
  height: 0;
  overflow: hidden;
  left: -999em;
  right: auto;
}
.show {
  position: static;
  height: auto;
  left: auto;
  right: auto;
  overflow: visible;
}
.hideText {
  text-indent: -999em;
  letter-spacing: -999em;
}
.jDisabled {
  color: #aaa;
  text-decoration: line-through;
}
/* variables ................................................................ */
/* to delete*/
/*#ba122b;*/
/* ************************************************************************** */
.noInset {
  -moz-box-shadow: inset 0 0 0 #fff;
  -o-box-shadow: inset 0 0 0 #fff;
  -webkit-box-shadow: inset 0 0 0 #fff;
  box-shadow: inset 0 0 0 #fff;
}
.noDrop {
  -moz-box-shadow: 0 0 0 #fff;
  -o-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
}
.ctaLink {
  float: left;
  color: #fff;
  background: #e4032c;
  font-size: 108%;
  padding: 0.4em 0.85em;
  text-decoration: none;
}
.insetBox {
  -moz-box-shadow: inset 0 0 2px #bbbbbb;
  -o-box-shadow: inset 0 0 2px #bbbbbb;
  -webkit-box-shadow: inset 0 0 2px #bbbbbb;
  box-shadow: inset 0 0 2px #bbbbbb;
  background: #f2f2f2;
}
/* clearfix class ........................................................... */
.clearfix {
  zoom: 1;
  display: inline-block;
  display: block;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 02. frame                                                                  */
/* site frame ............................................................... */
body.landingPage {
  background: #f5f3f3 url('img/bg-landingPage.gif') 0 0 repeat-x;
}
#pageContainer {
  width: 73.85em;
  margin: 0pt auto;
  position: relative;
  padding-top: 1px;
}
#pageContainer #poa-header {
  width: auto;
  margin: 1em 0em;
  margin-top: 3em;
}
#pageContainer #poa-site {
  width: auto;
  margin: 2em 0em;
  margin-bottom: 0;
}
#pageContainer #poa-footer {
  width: auto;
  margin: 1.5em 0em;
  margin-top: 0.5em;
  border-top: 1px solid #414A5A;
  padding-top: 0.75em;
  padding-bottom: 1em;
  background: none;
  overflow: hidden;
  text-align: left;
}
#pageContainer #poa-footer .legal {
  margin-right: 0.75em;
  float: left;
  padding-top: 1px;
}
#pageContainer #poa-site #pageMain {
  margin: 0em 0em;
}
#pageContainer #poa-site #pageFooter {
  border-top: 1px solid #414A5A;
  margin-top: 3em;
  clear: both;
}
/* grid one ................................................................. */
.grdOne {
  margin-left: 220px;
  border-left: 2px solid #e1e1e1;
}
.grdOne > * {
  margin-left: 1.7em;
}
/* level 1 page */
.level1Page .grdOne,
body.sitemapPage .grdOne,
body.inlandPage.regionPage .grdOne,
body.mobilitySection.shippingCompanyPage.overviewPage .grdOne {
  margin-left: 0;
  border: none;
}
.level1Page .grdOne > *,
body.sitemapPage .grdOne > *,
body.inlandPage.regionPage .grdOne > *,
body.mobilitySection.shippingCompanyPage.overviewPage .grdOne > * {
  margin-left: 0;
}
/* grid two right ........................................................... */
.grdTwoRight {
  margin-top: 1.25em;
}
.grdTwoRight .grdWrap1 {
  margin-right: 18.38461538em;
}
.grdTwoRight .grdWrap1 .context {
  width: 18.38461538em;
  margin-right: -18.38461538em;
  float: right;
}
.grdTwoRight .grdWrap1 .content {
  float: left;
  width: 100%;
  position: relative;
}
.grdTwoRight .grdWrap1 .context > * {
  margin-left: 1.7em;
}
/* home */
.homePage .grdTwoRight .grdWrap1 {
  margin-right: 25em;
}
.homePage .grdTwoRight .grdWrap1 .context {
  width: 25em;
  margin-right: -25em;
}
.homePage .grdTwoRight .grdWrap1 .context > * {
  margin-left: 1.7em;
}
.servicePage .grdTwoRight {
  background: #f5f3f3;
}
.servicePage .grdTwoRight .grdWrap1 {
  background: #fff;
}
.servicePage .grdTwoRight .grdWrap1 > .content > * {
  margin-right: 1.7em;
}
.servicePage .grdTwoRight .grdWrap1 .context > * {
  margin: 1em;
}
.servicePage .grdTwoRight .grdWrap1 .context .focus .heading span {
  color: #252525;
}
.servicePage .grdTwoRight .grdWrap1 .context .textblock {
  padding: 0 1em;
  border-bottom: 2px solid #fff;
  margin: 0;
  color: #252525;
}
.servicePage .grdTwoRight .grdWrap1 .context .focus .textblock {
  padding-left: 0;
}
.servicePage .grdTwoRight .grdWrap1 .context .focus a:hover * {
  color: #e4032c;
}
.servicePage .context .focusHeader {
  background: url("img/focus-header-arrow.gif") right top no-repeat;
  padding-right: 28px;
  padding-left: 0;
}
.focusHeader h2.heading {
  padding: 0 0 2px 0;
}
/* searchpage, newspage */
.searchPage .grdTwoRight .grdWrap1,
.newsPage .grdTwoRight .grdWrap1,
.mediaPage .grdTwoRight .grdWrap1,
.eventPage .grdTwoRight .grdWrap1,
.servicePage .grdTwoRight .grdWrap1,
.pubPage .grdTwoRight .grdWrap1 {
  margin-right: 18em;
}
.searchPage .grdTwoRight .grdWrap1 .content,
.newsPage .grdTwoRight .grdWrap1 .content,
.mediaPage .grdTwoRight .grdWrap1 .content,
.eventPage .grdTwoRight .grdWrap1 .content,
.servicePage .grdTwoRight .grdWrap1 .content,
.pubPage .grdTwoRight .grdWrap1 .content {
  /*margin-right:1.5em;*/
}
.searchPage .grdTwoRight .grdWrap1 .context,
.newsPage .grdTwoRight .grdWrap1 .context,
.mediaPage .grdTwoRight .grdWrap1 .context,
.eventPage .grdTwoRight .grdWrap1 .context,
.pubPage .grdTwoRight .grdWrap1 .context {
  width: 18em;
  margin-right: -18em !important;
  background: url("img/grid-border.gif") 0.75em top repeat-y;
}
.mediaPage .downloads {
  border: none;
  margin: 0;
}
.pubPage .modDetail.pub .modDetailHeader {
  margin-bottom: 1em;
}
/* grid two left ............................................................ */
.grdTwoLeft .grdWrap1 {
  margin-left: 18.38461538em;
}
.grdTwoLeft .grdWrap1 .navigation {
  width: 18.38461538em;
  margin-left: -18.38461538em;
  float: left;
}
.grdTwoLeft .grdWrap1 .content {
  float: right;
  width: 100%;
  position: relative;
}
.grdTwoLeft .grdWrap1 > .content > * {
  margin-left: 1.75em;
}
/* */
.grdTwoLeft {
  background: #f2f2f2;
}
.grdTwoLeft .grdWrap1 {
  background: #fff;
}
/* related content grid ..................................................... */
.hasRelated {
  overflow: hidden;
}
.hasRelated .actContent {
  float: left;
  width: 32.33076923em;
}
.hasRelated .actContent .textblock h2.heading {
  margin-top: 0;
}
.hasRelated .related {
  margin-left: 33.67692308em;
  padding-left: 1.5em;
  border-left: 1px solid #efefef;
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 03. headings links & buttons                                               */
/* general heading .......................................................... */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-family: 'ModeratBold', Arial;
}
/* content h1 */
.grdOne > h1 {
  margin-top: 2em;
}
.content > h1,
.grdOne > h1 {
  margin-bottom: 1em;
}
.content > h1 span,
.grdOne > h1 span {
  font-size: 182%;
  font-family: "ModeratBold", Arial;
}
h1.heading span {
  font-family: "ModeratBold", Arial;
  font-size: 182%;
}
/* basic link ............................................................... */
a {
  color: #e4032c;
}
a:hover {
  text-decoration: none;
}
/* rss link ................................................................. */
.rss a {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  height: 20px;
  width: 20px;
  background: url("img/icon-rss.gif") left top no-repeat;
  overflow: hidden;
}
/* back link ................................................................ */
.back {
  text-align: right;
}
.back a {
  padding-left: 10px;
  background: url("img/arrow-back.gif") left 0.35em no-repeat;
}
/* submit button ............................................................ */
.submit {
  background: black;
  color: #fff;
  border: none;
}
a.cta {
  background: #fff;
  border: 2px solid #414A5A;
  color: #414A5A;
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 04. navigation                                                             */
/* main navigation .......................................................... */
.navMain {
  border-bottom: 2px solid #414A5A;
}
.navMain ul {
  overflow: hidden;
}
.navMain li {
  float: left;
  margin: 0.5em 1.75em;
  margin-left: 0;
}
.navMain li .page {
  color: #414a5a;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  font-family: "Moderat", Arial;
  font-size: 146.5%;
  padding: 0.35em 0.55em;
}
.navMain li .page {
  -webkit-transition: background-color 0.35s ease-in-out;
  -moz-transition: background-color 0.35s ease-in-out;
  -o-transition: background-color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out;
}
.navMain li.active .page,
.navMain li a.page:hover {
  background: #e4032c;
}
.navMain li a.page:hover {
  background: #CFCFCF;
}
.navMain li.active .page {
  color: #fff;
}
/* breadcrumb ............................................................... */
.navBreadcrumb {
  margin: 1em 0;
}
.navBreadcrumb ul {
  overflow: hidden;
}
.navBreadcrumb ul li {
  float: left;
  background: url("img/breadcrumb-sep.gif") right center no-repeat;
  padding-right: 6px;
}
.navBreadcrumb ul li .page {
  color: #959595;
  margin: 0 0.5em;
}
.navBreadcrumb ul li a.page:hover {
  color: #414A5A;
}
.navBreadcrumb ul li.first .page {
  margin-left: 0;
}
.navBreadcrumb ul li.last {
  background: none;
  padding-right: 0;
}
.navBreadcrumb ul li.active {
  font-weight: 700;
  color: #555555;
}
/* secondary navigation ..................................................... */
.navSecond ul li {
  padding-right: 1px;
  background: url("img/nav-second-sep.gif") right center no-repeat;
  float: left;
}
.navSecond ul li .page {
  margin: 0 0.7em;
  color: #414a5a;
  font-size: 93%;
  text-decoration: none;
}
.navSecond ul li a.page:hover {
  color: #e4032c;
}
.navSecond ul li.last {
  background: none;
}
.navSecond ul li.last .page {
  margin-right: 0;
}
.navSecond ul li.active .page {
  font-weight: 700;
}
/* in header */
#pageHeader .navSecond {
  position: absolute;
  top: 1.15em;
  right: 19.5em;
}
/* in footer */
#poa-footer .navSecond {
  float: left;
}
#poa-footer .navSecond ul li,
#poa-footer .navSecond ul li.last {
  margin-left: 0;
  background: url("img/nav-second-footer-sep.gif") left center no-repeat;
  padding-left: 1px;
  padding-right: 0;
}
#poa-footer .navSecond ul li .page {
  margin: 0em 0.75em;
  color: #636363;
  text-decoration: underline;
}
#poa-footer .navSecond ul li a {
  font-size: 100%;
}
#poa-footer .navSecond ul li a.page:hover {
  color: #e4032c;
}
/* sub navigation ........................................................... */
.navSub ul {
  overflow: hidden;
  padding: 2px;
}
.navSub ul li {
  margin: 0;
  padding: 0.4em 1.25em;
  padding-right: 0.5em;
}
.navSub ul li.open1 {
  background: #fcfcfc;
}
.navSub ul li .page {
  display: block;
  color: #414a5a;
  text-decoration: none;
  font-weight: 700;
  padding-right: 18px;
}
.navSub ul li a.page:hover {
  background: transparent url('img/caret-right.svg') center right no-repeat;
}
.navSub ul li.open1 > .page,
.navSub ul li.active > .page,
.navSub ul li > a.page:hover,
.navSub ul li.open > .page {
  color: #e4032c;
}
.navSub ul li > a.page:hover,
.navSub ul li > span.page {
  background: url("img/caret-right.svg") right center no-repeat;
}
.navSub ul ul {
  padding: 0;
}
.navSub ul ul li {
  margin: 0.15em 0;
  padding-right: 0;
  padding-bottom: 0;
}
.navSub ul ul ul li .page {
  font-weight: 400;
}
/* in content */
.pdfList .navSub ul {
  padding: 0;
}
.pdfList .navSub ul li {
  background: #f2f2f2;
  border-bottom: 2px solid #fff;
  position: relative;
  padding: 0;
}
.pdfList .navSub ul li .page {
  display: block;
  font-weight: 400;
  /*height: 5px;*/
  padding: 7px 10px 3px 10px;
}
.pdfList .navSub ul li .action {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 5.5em;
  color: #fff;
  text-decoration: none;
  padding-top: 0.5em;
  padding-left: 40px;
  padding-right: 1em;
}
.pdfList .navSub ul li .action.remove {
  background: #a9a9a9 url(img/action-pdf-remove.png) 10px 6px no-repeat;
}
.pdfList .navSub ul li .action.add {
  background: #d20039 url(img/action-pdf-add.png) 10px 6px no-repeat;
}
.pdfList .navSub ul li ul li {
  border-top: 2px solid #fff;
  border-bottom-width: 0;
  margin: 0;
}
.pdfList .navSub ul li ul li .page {
  padding-left: 2em;
}
.pdfList .navSub ul li ul li ul li .page {
  padding-left: 3.25em;
}
/* drupal code */
.pdfList .navSub .flag-wrapper {
  position: static;
}
/* pdfList .................................................................. */
.pdfList .download {
  overflow: hidden;
  margin: 1.5em 0;
}
.pdfList .download a {
  float: right;
  background: #d20039;
  padding: 0.5em 0.75em;
  font-size: 116%;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
}
/* language navigation ...................................................... */
.meta .navLang {
  position: absolute;
  left: 0;
  top: 0.75em;
}
.meta .navLang li {
  float: left;
  text-transform: uppercase;
  padding-right: 1px;
  /*background:url("img/nav-lang-sep.gif") right center no-repeat;*/
}
.meta .navLang li .page {
  color: #414a5a;
  margin: 0 0.35em;
  text-decoration: none;
  font-size: 93%;
}
.meta .navLang li.last {
  padding-right: 0;
  background: none;
}
.meta .navLang li.last .page {
  margin-right: 0;
}
.meta .navLang li a.page:hover {
  color: #e4032c;
}
.meta .navLang li.active .page {
  font-weight: 700;
}
/* landing page */
.landingPage .navLang {
  margin: 1.5em 0;
}
.landingPage .navLang ul {
  overflow: hidden;
}
.landingPage .navLang ul li {
  width: 32%;
  margin: 0 2%;
  float: left;
}
.landingPage .navLang ul li.first,
.landingPage .navLang ul li.last {
  margin: 0;
}
.landingPage .navLang ul li a {
  display: block;
  padding: 1.5em;
  text-decoration: none;
}
.landingPage .navLang ul li a:hover {
  background: #fff;
  -moz-box-shadow: inset 1px 0 4px #bbbbbb;
  -o-box-shadow: inset 1px 0 4px #bbbbbb;
  -webkit-box-shadow: inset 1px 0 4px #bbbbbb;
  box-shadow: inset 1px 0 4px #bbbbbb;
}
.landingPage .navLang ul li a h1.heading {
  font-family: 'ModeratBold', Arial;
  color: #414a5a;
  font-size: 130%;
}
.landingPage .navLang ul li a:hover h1.heading {
  color: #e4032c;
}
.landingPage .navLang ul li a p {
  color: #414a5a;
}
.landingPage .navLang ul li a .more {
  margin-top: 1.3em;
}
.landingPage .navLang ul li a .more span {
  background: #e4032c;
  color: #fff;
  padding: 0.3em 1em;
}
/* sub filter ............................................................... */
.navFilter {
  margin-bottom: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #414A5A;
}
.navFilter:first-child {
  padding-top: 0;
  border-top: 0;
}
.navFilter .heading {
  margin-bottom: 0.75em;
}
.navFilter .heading span {
  font-size: 167%;
}
.navFilter ul li.all {
  position: relative;
}
.navFilter ul li.all .rss {
  position: absolute;
  right: 0.25em;
  top: 0.25em;
}
.navFilter ul li {
  margin: 0.3em 0;
  background: #ebebeb;
}
.navFilter ul li .page {
  color: #414a5a;
  text-decoration: none;
  display: block;
  background: #f5f3f3 url("img/filter-inactive.gif") 0.5em center no-repeat;
  padding: 0.35em 0.5em 0.35em 30px;
}
.navFilter ul li.active .page {
  background-image: url("img/filter-active.gif");
  color: #e4032c;
}
.navFilter ul li .page:hover {
  color: #e4032c;
}
.navFilter ul li .page span.extra {
  color: #636363;
}
/* anchor navigation ........................................................ */
.navAnchor {
  -moz-box-shadow: inset 0 0 2px #bbbbbb;
  -o-box-shadow: inset 0 0 2px #bbbbbb;
  -webkit-box-shadow: inset 0 0 2px #bbbbbb;
  box-shadow: inset 0 0 2px #bbbbbb;
  background: #f2f2f2;
  margin-top: 2em;
  margin-bottom: 2em;
  overflow: hidden;
  padding: 10px;
}
.navAnchor ul {
  margin: 0.75em;
}
.navAnchor ul li {
  margin: 0.5em 0;
  background: url(img/caret-right.svg) left 0.4em no-repeat;
  padding-left: 10px;
  background-size: 5px auto;
}
/* navTabs .................................................................. */
.tabpane {
  margin-bottom: 1.5em;
}
.tabpane:first-child {
  margin-top: 1.5em;
}
.tabpane .tabHeader .navTabs {
  overflow: hidden;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
  border-bottom: 0.15384615em solid #efefef;
}
.tabpane .tabHeader .navTabs ul li {
  float: left;
  margin-right: 0.3em;
  height: 100%;
}
.tabpane .tabHeader .navTabs ul li.application {
  float: right;
}
.tabpane .tabHeader .navTabs ul li.last {
  margin-right: 0;
}
.tabpane .tabHeader .navTabs ul li a {
  text-align: center;
  display: block;
  padding: 0.7em 1.5em;
  background: #ebebeb;
  color: #414a5a;
  text-decoration: none;
  font-weight: bold;
}
.tabpane .tabHeader .navTabs ul li a span.final {
  display: none;
}
.tabpane .tabHeader .navTabs ul li a:hover,
.tabpane .tabHeader .navTabs ul li.active a {
  background: #414A5A;
  color: #fff;
}
.tabpane .tabHeader .navTabs ul li.application a {
  color: #fff;
  padding-right: 4em;
  background: #e4032c url('img/application-active-arrow.gif') right center no-repeat;
}
.tabpane .tabHeader .navTabs ul li.application a:hover {
  background: #414a5a url('img/application-arrow.gif') right center no-repeat;
}
/* context variations */
body.mobilitySection .tabpane {
  padding: 0 !important;
}
body.mobilitySection .tabpane .tabHeader .navTabs {
  overflow: visible;
  zoom: 1;
  display: inline-block;
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 2px solid black;
}
body.mobilitySection .tabpane .tabHeader .navTabs:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
body.mobilitySection .tabpane .tabHeader .navTabs ul li {
  margin-right: 0;
  height: 100%;
}
body.mobilitySection .tabpane .tabHeader .navTabs ul li a {
  position: relative;
}
body.mobilitySection .tabpane .tabHeader .navTabs ul li.active a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 0 15px;
  border-color: #414A5A transparent transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -15px;
  z-index: 101;
}
/* context variations - shippingCompany detail */
body.mobilitySection .modDetail.shippingCompany .tabpane .tabHeader .navTabs ul li {
  border-right: 2px solid #b0b0b0;
}
body.mobilitySection .modDetail.shippingCompany .tabpane .tabHeader .navTabs ul li.last {
  border: none;
}
body.mobilitySection .modDetail.shippingCompany .tabpane .tabpane .tabHeader .navTabs ul li {
  border: none;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs {
  border-bottom: none;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li {
  width: 314px;
  margin-left: 9px;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li:first-child {
  margin-left: 0;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li a {
  display: block;
  padding: 0;
  padding-top: 258px;
  background: #fff;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li a span {
  display: block;
  font-family: 'ModeratBold', Arial;
  font-size: 162%;
  padding: 1em 0.5em;
  font-weigth: normal;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li a:hover span,
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li.active a span {
  background: #e4032c;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li.active a:after {
  border-color: #e4032c transparent transparent transparent;
  bottom: -9px;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li a {
  background: url(img/tab-mobility-1.jpg) left top no-repeat;
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li.terminals a {
  background-image: url(img/tab-mobility-2.jpg);
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li.intermodalConnections a {
  background-image: url(img/tab-mobility-3.jpg);
}
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li a:hover,
body.mobilitySection.level1Page #pageMain > .tabpane > .tabHeader .navTabs ul li.active a {
  background-position: -314px 0px;
}
/* context variations - tabpane within tabpane */
body.mobilitySection .filterBar .tabpane {
  margin: 0;
}
body.mobilitySection .filterBar .tabpane .tabHeader .navTabs {
  margin: 0;
  padding: 0;
  border: none;
}
body.mobilitySection .filterBar .tabpane .tabHeader .navTabs ul li {
  float: none;
}
body.mobilitySection .filterBar .tabpane .tabHeader .navTabs ul li a {
  background: #fff;
  color: #252525;
  text-align: left;
  padding: 0.5em 1.5em;
  font-weight: normal;
}
body.mobilitySection .filterBar .tabpane .tabHeader .navTabs ul li a:after {
  content: '';
  display: block;
  width: 8px;
  height: 11px;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -5px;
  background: url('img/nav-tab-arrow-right.png');
}
body.mobilitySection .filterBar .tabpane .tabHeader .navTabs ul li a:after {
  bottom: auto;
  left: auto;
  margin-left: auto;
  z-index: auto;
  border: none;
}
body.mobilitySection .filterBar .tabpane .tabHeader .navTabs ul li a:hover,
body.mobilitySection .filterBar .tabpane .tabHeader .navTabs ul li.active a {
  background: #f2f2f2;
}
/* footer */
.tabFooter .navTabs {
  display: inline-block;
  vertical-align: middle;
}
.tabFooter .navTabs ul {
  overflow: hidden;
}
.tabFooter .navTabs ul li {
  float: left;
  background: url("img/navAlt-sep.gif") right center no-repeat;
  padding: 0;
  padding-right: 1px;
}
.tabFooter .navTabs ul li .page {
  margin: 0 0.5em;
  color: #e4032c;
  text-decoration: underline;
}
.tabFooter .navTabs ul li a.page:hover {
  text-decoration: none;
}
.tabFooter .navTabs ul li.first .page {
  margin-left: 0;
}
.tabFooter .navTabs ul li.last {
  background: none;
}
.tabFooter .navTabs ul li.last .page {
  margin-right: 0;
}
.tabFooter .navTabs ul li.active .page {
  text-decoration: none;
  color: #414a5a;
  font-weight: 700;
}
.tabFooter .navTabs {
  overflow: hidden;
  float: left;
}
.tabFooter .navTabs ul li {
  float: left;
  margin-right: 0.4em;
}
.tabFooter .navTabs ul li a span.final {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
/* alternative navigation ................................................... */
.context .navAlt,
.navigation .navAlt {
  background: #414A5A;
  overflow: hidden;
  margin: 2em 0;
}
.context .navAlt .heading,
.navigation .navAlt .heading {
  margin: 1em 1.5em;
}
.context .navAlt .heading span,
.navigation .navAlt .heading span {
  color: #fff;
  font-size: 138.5%;
  font-family: 'ModeratBold', Arial;
}
.context .navAlt ul,
.navigation .navAlt ul {
  margin: 1em 1.5em;
}
.context .navAlt ul li,
.navigation .navAlt ul li {
  margin: 0.5em 0;
  background: url("img/arrow-alt.gif") left 0.35em no-repeat;
  padding-left: 10px;
}
.context .navAlt ul li .page,
.navigation .navAlt ul li .page {
  color: #fff;
}
/* in focus block */
.focusFooter .navAlt {
  display: inline-block;
  vertical-align: middle;
}
.focusFooter .navAlt ul {
  overflow: hidden;
}
.focusFooter .navAlt ul li {
  float: left;
  background: url("img/navAlt-sep.gif") right center no-repeat;
  padding-right: 1px;
}
.focusFooter .navAlt ul li a {
  margin: 0 0.5em;
}
.focusFooter .navAlt ul li.last {
  background: none;
}
.focusFooter .navAlt ul li.last a {
  margin-right: 0;
}
/* social navigation ........................................................ */
.navSocial {
  float: right;
  margin-top: 0.5em;
}
.navSocial * {
  display: inline-block;
  vertical-align: middle;
}
.navSocial .heading {
  line-height: 28px;
  float: left;
}
.navSocial .heading span {
  font-size: 116%;
  font-family: 'ModeratBold', Arial;
  color: #959595;
}
.navSocial ul li .page {
  height: 28px;
  display: block;
  text-indent: -999em;
  letter-spacing: -999em;
  text-decoration: none;
  margin-left: 0.75em;
}
.navSocial ul li.youtube .page {
  width: 23px;
  background: url("img/social-youtube.gif") left top no-repeat;
}
.navSocial ul li.twitter .page {
  width: 18px;
  background: url("img/social-twitter.gif") left top no-repeat;
}
.navSocial ul li.facebook .page {
  width: 25px;
  background: url("img/social-facebook.gif") left top no-repeat;
}
.navSocial ul li.linkedin .page {
  width: 25px;
  background: url("img/social-linkedin.gif") left top no-repeat;
}
/* alpha navigation ......................................................... */
.navAlpha {
  margin-top: 2em;
  border: 2px solid #e1e1e1;
  border-left-width: 0;
  border-right-width: 0;
  padding: 1em 0.75em;
  position: relative;
  overflow: hidden;
}
.navAlpha ul {
  float: right;
}
.navAlpha ul li.all {
  position: absolute;
  left: 0.75em;
  background: none;
}
.navAlpha ul li.all .page {
  margin-left: 0;
}
.navAlpha ul li {
  float: left;
  background: url("img/navAlt-sep.gif") right center no-repeat;
  padding-right: 1px;
}
.navAlpha ul li .page {
  margin: 0 0.5em;
  display: block;
}
.navAlpha ul li.last {
  background: none;
}
.navAlpha ul li.last .page {
  margin-right: 0;
}
.navAlpha ul li.active .page {
  font-weight: 700;
}
/* paging ................................................................... */
.navPaging {
  margin: 1em 0;
  position: relative;
}
.navPaging .result {
  margin-left: 0.5em;
}
.navPaging .navStep {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0.5em;
  top: 0;
}
.navPaging .navStep .pagePrev {
  float: left;
  background: url("img/navAlt-sep.gif") right center no-repeat;
  padding-right: 6px;
  margin-right: 6px;
}
.navPaging .pager {
  text-align: center;
  -moz-box-shadow: inset 0 0 2px #bbbbbb;
  -o-box-shadow: inset 0 0 2px #bbbbbb;
  -webkit-box-shadow: inset 0 0 2px #bbbbbb;
  box-shadow: inset 0 0 2px #bbbbbb;
  background: #f2f2f2;
  background: #fafafa;
}
.navPaging .pager * {
  display: inline-block;
}
.navPaging .pager a {
  text-decoration: none;
  color: #414a5a;
}
.navPaging .pager a:hover {
  color: #e4032c;
}
.navPaging .pager .pagePrev,
.navPaging .pager .pageNext,
.navPaging li .page,
.navPaging li.hellip {
  margin: 0.15em 0.15em;
  padding: 0 0.35em;
  text-align: center;
  font-weight: 700;
}
.navPaging .pager .pagePrev,
.navPaging .pager .pageNext {
  padding: 0.5em 1em;
}
.navPaging .pager .pager span.pagePrev,
.navPaging .pager span.pageNext {
  visibility: hidden;
}
.navPaging .pager li.active .page {
  color: #e4032c;
  background: #D8D8D8;
}
/* logo navigation .......................................................... */
.navLogo * {
  display: inline-block;
}
.navLogo li {
  margin-right: 1em;
}
/* carousel navigation ...................................................... */
.carousel a {
  text-decoration: none;
}
/*carnav for focus blocks*/
.carousel {
  position: relative;
}
.carousel ul {
  height: 314px;
}
.carousel .carNav ul {
  text-align: left;
  height: auto;
}
.carousel .carNav li {
  display: inline-block;
  width: 10px !important;
  height: 10px;
  margin-right: 10px;
}
.carousel .carNav li .page {
  text-indent: -9000em;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.6);
}
.carousel .carNav li .page:hover,
.carousel .carNav li.jActive .page {
  background: #fff;
}
/*carnav for li blocks*/
.carousel .focusFooter {
  position: relative;
}
.carousel .focusFooter ul {
  height: 208px;
}
.carousel .focusFooter .carNav {
  overflow: hidden;
  margin-top: 0.15em;
}
.carousel .focusFooter .carNav ul {
  height: auto;
}
.carousel .focusFooter .carNav li {
  float: left;
  margin-right: 0.25em;
}
.carousel .focusFooter .carNav li .page {
  display: block;
  padding: 3px 8px;
  line-height: 1em;
  color: #414A5A;
  background: #f2f2f2;
  font-family: 'ModeratBold', Arial;
  font-size: 116%;
  text-decoration: none;
}
.carousel .focusFooter .carNav li .page:hover,
.carousel .focusFooter .carNav li.jActive .page {
  background: #e4032c;
  color: #fff;
}
/*page specific locations*/
#pageHeader .carousel .carNav {
  position: absolute;
  bottom: 1em;
  left: 0;
  width: 30em;
}
#pageMain .carousel > ul {
  height: 314px;
}
#pageHeader .focusrow.carousel {
  height: 248px;
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel {
    height: 248px;
  }
}
#pageHeader .focusrow.carousel ul {
  height: 100%;
}
#pageHeader {
  /*background: url("site/carousel_overlay_g.png");*/
}
#pageHeader .carousel .carNav {
  margin: 0 0 0 60px;
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 05. simple content                                                         */
/* paragraph ................................................................ */
p {
  margin: 0.75em 0em;
}
/* text block ............................................................... */
.textblock {
  overflow: hidden;
  position: relative;
  display: block;
}
.detailPage .content .modDetailMain .textblock {
  overflow: visible;
}
.textblock.intro {
  max-width: 55.35em;
  overflow: visible;
}
.textblock.intro p {
  font-size: 116%;
}
.textblock .image {
  padding-top: 0.75em;
}
.textblock .image.leftFloat {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 0.5em;
}
.textblock .image.rightFloat {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
.textblock p {
  line-height: 1.35em;
      margin-right: 16px;
}
.textblock li {
  line-height: 1.35em;
  margin: 0.35em 0em;
}
.textblock ul li {
  padding-left: 1em;
  background: url("img/list-bullet.gif") left 0.45em no-repeat;
}
.textblock ol {
  list-style-type: none;
  counter-reset: list;
}
.textblock ol li {
  margin-left: 1.75em;
  position: relative;
  z-index: 10;
}
.textblock ol li:before {
  content: counter(list) ". ";
  counter-increment: list;
  color: #e4032c;
  position: absolute;
  left: -1.75em;
  top: 0;
}
.textblock h2.heading {
  font-family: 'ModeratBold', Arial;
  margin-top: 1.5em;
}
.textblock h2.heading span {
  font-size: 161.6%;
  font-weight: 400;
}
.textblock h3.heading {
  margin-top: 1em;
}
.textblock h3.heading span {
  font-size: 116%;
  font-family: 'ModeratBold', Arial;
}
.textblock h3.heading a {
  display: block;
}
.textblock div.back {
  position: absolute;
  top: 2em;
  right: 0;
}
.textblock div.back a {
  background: none;
  padding: 0;
  background: url("img/arrow-top.gif") right 0.5em no-repeat;
  padding-right: 12px;
}
.textblock a.back {
  background: url("img/arrow-top.gif") right 0.5em no-repeat;
  padding-right: 12px;
  display: block;
  text-align: right;
}
.textblock .button {
  background: #e4032c;
  color: #fff;
  padding: 0.25em 0.5em;
  text-decoration: none;
  font-size: 85%;
  display: inline-block;
}
.content .textblock.intro p {
  font-weight: 700;
  margin-top: 0;
}
/* related links, downloads, contacts ............................................................... */
.relatedLinks,
.downloads,
.actContent .contacts,
.actContent .moreInfo,
.actContent .gallery {
  margin-top: 1.5em;
  border-top: 1px solid #414A5A;
}
.actContent .contacts {
  padding-top: 0;
}
.relatedLinks h2.heading,
.downloads h2.heading,
.actContent .contacts h2.heading,
.actContent .moreInfo h2.heading,
.actContent .gallery h2.heading {
  font-family: 'ModeratBold', Arial;
  margin-top: 1.5em;
}
.relatedLinks h2.heading span,
.downloads h2.heading span,
.actContent .contacts h2.heading span,
.actContent .moreInfo h2.heading span,
.actContent .gallery h2.heading span {
  font-size: 161.6%;
  font-weight: 400;
}
/* relatedlinks */
.relatedLinks ul li,
.moreInfo ul li {
  margin-top: 0.75em;
}
.relatedLinks ul li a,
.moreInfo ul li a {
  font-weight: 700;
  background: transparent url('img/caret-right.svg') right center no-repeat;
  padding-right: 1.2em;
  text-decoration: none;
}
.relatedLinks ul li a:hover,
.moreInfo ul li a:hover {
  text-decoration: underline;
}
/* downloads */
.downloads {
  overflow: hidden;
}
.downloads .modListMain li {
  position: relative;
  overflow: hidden;
  margin-top: 0.75em;
  min-height: 40px;
}
.downloads .modListMain li.even {
  margin-left: 1em;
}
.downloads .modListMain li a {
  color: #414a5a;
  display: block;
  position: relative;
  text-decoration: none;
}
.downloads .modListMain li a .modDetailHeader {
  margin-left: 4em;
}
.downloads .modListMain li a .modDetailHeader h3.heading {
  font-size: 1em;
  font-family: arial, trebuchet MS, tahoma, helvetica, clean, sans-serif;
  font-weight: 700;
}
.downloads .modListMain li a:hover .modDetailHeader h3.heading {
  color: #e4032c;
}
.downloads .modListMain li a .modDetailHeader .meta {
  overflow: hidden;
}
.downloads .modListMain li a .modDetailHeader .meta .spec {
  float: left;
  margin-right: 0.5em;
  font-size: 0.8em;
}
.downloads .modListMain li a .modDetailHeader .meta .spec .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.downloads .modListMain li a .modDetailMain {
  position: absolute;
  top: 0;
  left: 0;
}
.downloads .modListHeader h3.heading {
  font-size: 138.5%;
  margin-top: 1.5em;
}
/* contact */
.contacts {
  padding-top: 0.75em;
}
.contacts > h2.heading span {
  font-size: 108%;
}
.contacts .contact.firstOfType {
  margin-top: 0;
  border: none;
}
.contacts .contact:first-of-type {
  margin-top: 0;
  border: none;
}
.contacts .contact {
  border-top: 1px solid #ccc;
  margin-top: 1em;
  padding-top: 1em;
}
.contacts .contact .image {
  top: 1.1em;
}
.contacts .contact .image img {
  max-width: 100%;
}
body.mediaPage .contacts {
  padding: 1em;
  background: #ebebeb;
}
body.mediaPage .contacts .contact:first-child {
  margin-top: 0;
}
.contact {
  overflow: hidden;
  position: relative;
  margin-top: 0.75em;
  min-height: 9.15384615em;
}
.contact .image {
  width: 9.15384615em;
  position: absolute;
  top: 0;
  left: 0;
}
.contact h3.heading {
  margin-left: 9.90384615em;
}
.contact h3.heading span {
  font-size: 131%;
}
.contact .fiche {
  margin-left: 9.90384615em;
}
.contact .fiche .specs .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.contact .fiche .specs .detail {
  line-height: 1.25em;
}
.contact .fiche .specs .telephone {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.contact .fiche .specs .telephone .detail {
  left: 9.90384615em;
  bottom: 0;
  font-weight: bold;
  min-height: 17px;
  line-height: 17px;
  background: transparent url('img/contact-tel.gif') 2px center no-repeat;
  padding-left: 20px;
}
.contact .fiche .specs .email {
  margin: 0.5em 0;
}
.contact .fiche .specs .email .detail {
  left: 9.90384615em;
  bottom: 1.5em;
  font-weight: bold;
  min-height: 17px;
  line-height: 17px;
  background: transparent url('img/contact-email.gif') 0 0.3em no-repeat;
  padding-left: 20px;
}
.contact .fiche .specs .url {
  margin-bottom: 0.5em;
}
.contact .fiche .specs .url .detail {
  left: 9.90384615em;
  bottom: 1.5em;
  font-weight: bold;
  min-height: 17px;
  line-height: 17px;
  background: transparent url('img/contact-url.gif') 0 0 no-repeat;
  padding-left: 20px;
}
.contact .fiche a {
  text-decoration: none;
  color: #414a5a;
}
.contact .fiche a:hover {
  color: #e4032c;
}
/* no image */
.contact.noImage h3.heading,
.contact.noImage .fiche {
  margin-left: 0;
}
/* share component */
.shareAll {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.shareAll .navShare {
  overflow: hidden;
}
.shareAll .navShare .heading {
  position: relative;
  background: none;
  color: #414A5A;
  padding: 0;
  float: left;
  top: 2px;
}
.shareAll .navShare .heading:before {
  display: none;
}
.shareAll .navShare .heading span {
  color: #414A5A;
  font-size: 16px;
}
.shareAll .navShare ul {
  float: left;
}
.shareAll .navShare li {
  float: left;
  margin-left: 10px;
}
.shareAll .navShare li > * {
  display: block;
  height: 28px;
  width: 28px;
  overflow: hidden;
  text-indent: 110%;
}
.shareAll .navShare li.facebook > * {
  background: url(img/icon-social-fb.png) no-repeat;
}
.shareAll .navShare li.twitter > * {
  background: url(img/icon-social-twitter.png) no-repeat;
}
.shareAll .navShare li.mail > * {
  background: url(img/icon-social-mail.png) no-repeat;
}
.shareAll .navShare li.linkedin > * {
  background: url(img/icon-social-linkedin.png) no-repeat;
}
/* testimonial .............................................................. */
/* testimonial list */
.peoplePage .testimonial {
  display: inline-block;
  vertical-align: top;
  width: 30.75%;
  margin-right: 3%;
  margin-bottom: 2em;
}
.peoplePage .testimonial:nth-child(3n) {
  margin-right: 0;
}
/* in carousel -> SHOULD BE CHANGED FOR JAVASCRIPT BEHAVIOR AFTERWARDS */
.focus.carousel .testimonial {
  display: block;
  width: 303px;
  overflow: hidden;
}
/* testimonial detail */
.content div.testimonial .modDetailHeader .heading {
  margin-bottom: 1em;
}
.content div.testimonial > .modDetailHeader .heading span {
  font-family: "ModeratBold", Arial;
  font-size: 182%;
}
.content div.testimonial > .modDetailHeader .heading span span {
  font-size: 100%;
}
.content div.testimonial .modDetailMain .intro {
  padding-bottom: 1em;
  border-bottom: 2px solid #E1E1E1;
  margin-bottom: 2em;
}
.content div.testimonial .modDetailMain .video {
  float: left;
  width: 36em;
  height: 295px;
  overflow: hidden;
}
.content div.testimonial .modDetailMain .fiche {
  margin-left: 38em;
  background: #F2F2F2;
  -moz-box-shadow: inset 0 0 2px #bbbbbb;
  -o-box-shadow: inset 0 0 2px #bbbbbb;
  -webkit-box-shadow: inset 0 0 2px #bbbbbb;
  box-shadow: inset 0 0 2px #bbbbbb;
  background: #f2f2f2;
  overflow: hidden;
  min-height: 295px;
  margin-bottom: 2em;
}
.content div.testimonial .modDetailMain .fiche .heading {
  margin: 1.5em;
}
.content div.testimonial .modDetailMain .fiche .heading span {
  font-size: 100%;
  text-transform: uppercase;
}
.content div.testimonial .modDetailMain .fiche .spec {
  border-bottom: 2px dotted #e1e1e1;
  padding-bottom: 0.75em;
  margin: 0em 1.5em;
  margin-bottom: 0.75em;
}
.content div.testimonial .modDetailMain .fiche .spec.hobby {
  border-bottom: none;
}
.content div.testimonial .modDetailMain .fiche .spec .caption {
  display: inline;
  float: none;
  width: auto;
  margin-right: 0.1em;
}
.content div.testimonial .modDetailMain .fiche .spec .detail {
  display: inline;
  margin-left: 0;
  font-weight: 700;
}
.content div.testimonial .modDetailMain .fiche .spec.knowledge .caption {
  display: block;
  margin-bottom: 0.15em;
}
.content div.testimonial .modDetailMain .quote {
  margin: 0.75em 0em;
  border-top: 2px dotted #E1E1E1;
  border-bottom: 2px dotted #E1E1E1;
  padding: 2em 0em;
  padding-top: 1.5em;
  float: left;
  width: 23em;
  margin-right: 6em;
}
.content div.testimonial .modDetailMain .quote p {
  font-size: 123.1%;
  font-family: "ModeratBold", Arial;
  font-weight: 400;
  margin: 0;
  line-height: 1.45em;
}
.content div.testimonial .modDetailMain .textblock {
  margin-bottom: 1.5em;
}
.homePage #pageMain .focusrow .focus {
  border-right: 1px solid #ccc;
  padding-right: 2%;
  width: 29.5%;
}
.homePage #pageMain .focusrow .focus.carousel {
  border-right: none;
  padding-right: 0;
}
.homePage #pageMain .focusrow .focus.carousel .focus {
  border-right: none;
  padding-right: 0;
}
/* level2page, contentPage */
body.level2Page .content .textblock.intro,
body.contentPage .content .textblock.intro,
.tabpane .tab .textblock.intro {
  margin-bottom: 1.5em;
  overflow: hidden;
}
body.level2Page .content .hasRelated .related .textblock.intro,
body.contentPage .content .hasRelated .related .textblock.intro,
.tabpane .tab .hasRelated .related .textblock.intro {
  margin-bottom: 0;
  overflow: visible;
}
body.level2Page .content .textblock.intro .image,
body.contentPage .content .textblock.intro .image {
  border-top: 3px solid #414A5A;
  float: right;
  margin-left: 0.75em;
  margin-bottom: 0.75em;
  margin-top: -0.75em;
  padding-top: 0;
}
body.level2Page .content .textblock.intro .image .caption,
body.contentPage .content .textblock.intro .image .caption,
.tabpane .tab .textblock.intro .image .caption {
  font-family: 'ModeratBold', Arial;
  font-size: 80%;
  color: #636363;
}
.tabpane .tab .textblock.intro .image {
  float: right;
  margin-left: 0.75em;
  margin-bottom: 0.75em;
  padding-top: 0;
}
/* table ....................................................................*/
.content table {
  border-top: 0.2em solid #D9D9D9;
  border-collapse: collapse;
  width: 100%;
}
.content table tbody tr.even {
  background: #636363;
}
.content table tbody tr td {
  border-bottom: 0.2em solid #D9D9D9;
  padding: 1em 0;
}
.content table tbody tr td.time {
  font-family: ModeratBold;
  width: 25%;
}
.content table tbody tr td.caption {
  width: 75%;
}
/* case ..................................................................... */
.focus.case {
  position: relative;
  height: 180px;
  overflow: hidden;
  margin-bottom: 1em;
}
.focus.case header {
  position: absolute;
  left: 0;
  top: 0;
  right: 45px;
}
.focus.case header img {
  display: block;
  max-width: 100%;
}
.focus.case > .main,
.focus.case > .main .image,
.focus.case > .main .image .graphic,
.focus.case .image img {
  width: 100%;
}
.focus.case .meta {
  position: absolute;
  right: 9px;
  bottom: 10px;
}
.focus.case .meta .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.focus.case .meta .detail {
  color: #bc0b3c;
  font-size: 72px;
  font-weight: 700;
  opacity: 0.5;
  line-height: 0.8em;
  font-family: "Moderat", Arial;
}
.focus.case .more {
  position: absolute;
  left: 9px;
  bottom: 6px;
}
.focus.case .more a {
  color: #fff;
  text-decoration: none;
  padding-right: 17px;
  font-size: 16px;
  font-family: "Moderat", Arial;
  background: url(img/case-arrow.png) right 4px no-repeat;
}
.focus.case .main h2 {
  position: absolute;
  left: 9px;
  bottom: 25px;
  right: 90px;
}
.focus.case .main h2 span {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1em;
  font-family: "ModeratBold", Arial;
}
.focus.case .main h2 span span {
  display: block;
}
.focus.case .main h2 span span.line1 {
  color: #414A5A;
}
.focus.case .main h2 span span.line2 {
  color: #fff;
}
/* on homepage */
.homePage .focus.case {
  height: 270px;
}
.homePage .focus.case .main h2 {
  left: 15px;
  bottom: 41px;
  right: 90px;
}
.homePage .focus.case .main h2 span {
  font-size: 22px;
}
.homePage .focus.case .more {
  left: 15px;
  bottom: 17px;
}
.homePage .focus.case .meta {
  /*right:auto; bottom:auto; left:15px; top:95px;*/
}
.homePage .focus.case .meta .detail {
  /*font-size:87px;*/
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 06. components                                                             */
/* banners .................................................................. */
.homePage .context .banner {
  border-top: 2px solid #e1e1e1;
  padding-top: 2em;
}
/* page header */
#pageHeader .banner {
  border-top: 3px solid #414A5A;
  position: relative;
}
#pageHeader .banner img {
  width: 100%;
}
#pageHeader .banner .heading {
  position: absolute;
  left: 1em;
  bottom: 1.25em;
}
#pageHeader .banner .heading span {
  font-family: "Moderat", Arial;
  font-size: 200%;
  background: #c2103d;
  color: #fff;
  font-weight: 400;
  padding: 0 0.25em;
  line-height: 1.1em;
  text-transform: uppercase;
}
/* landingPage .................................................................. */
.landingPage #pageMain {
  border-top: 3px solid #414A5A;
}
.landingPage .siteLabel {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
/* tooltips ................................................................. */
*:hover > .tooltip {
  display: block;
}
.tooltip {
  z-index: 1999;
  background-color: #f9f9f9;
  display: none;
  color: #414A5A;
  font-size: 100%;
  width: 200px;
  padding: 13px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 50%;
  margin-left: -113px;
}
.tooltip:after {
  display: block;
  content: " ";
  height: 15px;
  width: 32px;
  background: url(img/tooltip-arrow.png) no-repeat;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -16px;
}
.tooltip h1 {
  font-family: Arial;
  font-size: 108%;
  font-weight: bold;
  color: #666;
  margin-bottom: 0.25em;
}
.tooltip p {
  font-size: 93%;
  color: #414A5A;
  font-weight: bold;
  margin: 0;
  text-transform: none;
}
.tooltip.left {
  left: 0;
  margin-left: 0;
}
.tooltip.left:after {
  left: 0;
  margin-left: 0;
}
.tooltip.right {
  right: 0;
  margin-left: 0;
  left: auto;
}
.tooltip.right:after {
  right: 0;
  left: auto;
  margin-left: 0;
}
/* site section ............................................................. */
#pageMain div.section {
  margin-bottom: 1.5em;
}
#pageMain div.section > h2.heading,
#pageMain div.section > h3.heading {
  margin-bottom: 0.5em;
}
#pageMain div.section > h2.heading span,
#pageMain div.section > h3.heading span {
  font-size: 161.6%;
  font-family: 'ModeratBold', Arial;
}
/* carousel ................................................................. */
#pageHeader .focusrow.carousel {
  position: relative;
  margin: 0;
  margin-bottom: 1em;
  margin-top: -3px;
}
#pageHeader .focusrow.carousel li {
  width: 73.85em;
  overflow: hidden;
}
#pageHeader .focusrow.carousel li .focus {
  position: relative;
  width: 420px;
  height: 24em;
  border-bottom: 0;
  padding: 0;
  margin: 0 46.85em 0 0;
  display: none;
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel li .focus {
    height: 426px;
    width: 84vw;
  }
}
#pageHeader .focusrow.carousel li .focus .after {
  content: "";
  display: block;
  position: absolute;
  left: 38px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #E4032C;
  z-index: 2;
  width: 262px;
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel li .focus .after {
    background: unset;
    left: 0;
  }
}
#pageHeader .focusrow.carousel li .focus:first-child {
  display: block;
}
#pageHeader .focusrow.carousel li .focus .image {
  position: absolute;
  left: 0;
  top: 0;
  background: url('img/banner_overlay.png');
  width: 960px;
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel li .focus .image {
    background: #e4032c;
    /*url('img/banner_overlay_small.png');*/
    background-size: 100% 100%;
    /*height: 426px;
    	width: 100vw;*/
    height: 477px;
    width: 576px;
  }
}
#pageHeader .focusrow.carousel li .focus .image img {
  display: block;
  z-index: -1;
  position: relative;
  background-color: #e4032c;
  width: 576px;
  float: right;
  top: 0px;
  /*left: 13vw;*/
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel li .focus .image img {
    top: 178px;
  }
}
#pageHeader .focusrow.carousel li .focus .focusHeader {
  margin: 1.75em 4.75em 4.75em 4.75em;
  margin-bottom: 0.5em;
  background: none;
  padding-left: 0;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel li .focus .focusHeader {
    margin: 1.75em 4.75em 4.75em 1.75em;
    margin-bottom: 0.5em;
  }
}
#pageHeader .focusrow.carousel li .focus .focusHeader .heading span {
  color: #fff;
  /*font-size:200%;
	font-weight:700;*/
  width: 262px;
  font-size: 26px;
  font-weight: bold;
  line-height: 31px;
  margin-bottom: 22px;
}
#pageHeader .focusrow.carousel li .focus .focusHeader .heading span:before {
  content: '';
  display: none;
}
#pageHeader .focusrow.carousel li .focus .focusMain {
  margin: 1.75em;
  margin-top: 0.5em;
  color: #fff;
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel li .focus .focusMain {
    margin: 0;
    margin-top: 0.5em;
  }
}
#pageHeader .focusrow.carousel li .focus .focusMain .textblock {
  position: relative;
  z-index: 3;
  /*width: 220px !important; 576px*/
  margin: 0 0 0 39px !important;
  font-size: 13px;
  line-height: 18px;
  color: white;
  max-width: 300px;
}
@media screen and (max-width: 576px) {
  #pageHeader .focusrow.carousel li .focus .focusMain .textblock {
    margin: 0 0 0 1.75em !important;
    max-width: 520px;
  }
}
#pageHeader .focusrow.carousel li .focus .focusMain p {
  /*margin:0 3.75em 0 2.75em;*/
  font-size: 14px;
  font-weight: normal;
  line-height: 1.15em;
  position: relative;
}
#pageHeader .carousel .carNav {
  z-index: 3;
}
@media screen and (max-width: 576px) {
  #pageHeader .carousel .carNav {
    bottom: 1em;
    margin: 0 0 0 1.75em;
  }
}
/* focus .................................................................... */
.focus > a {
  text-decoration: none;
}
.focus .focusHeader {
  background: url("img/focus-header.gif") left top no-repeat;
  padding-left: 30px;
  background-size: 17px 17px;
  background-position-y: 6px;
}
.focus .focusHeader .heading a {
  background: url("img/focus-header-arrow.gif") left top no-repeat;
  margin-left: 0px;
  padding-left: 30px;
}
.focus .focusHeader {
  overflow: hidden;
  margin-bottom: 1.25em;
}
.focus .focusHeader .heading span {
  font-size: 22px;
}
.focus .focusHeader .heading a {
  color: #414a5a;
  text-decoration: none;
}
.focus .focusHeader .heading a:hover {
  color: #e4032c;
}
.focus .focusFooter .more a {
  font-family: Arial;
  color: #e4032c;
  padding-right: 18px;
  font-weight: 700;
  text-decoration: none;
  top: -5px;
  left: 8px;
  display: inline-block;
  position: relative;
}
.focus .focusFooter .more a:after {
  content: '';
  background: url("img/brandedarrowright.svg") right 0.25em no-repeat;
  width: 18px;
  height: 21px;
  position: relative;
  display: inline-block;
  top: 5px;
  left: 4px;
}
.focus .focusFooter .more a:hover {
  text-decoration: underline;
}
.focus .focusFooter .navSub {
  -moz-box-shadow: inset 0 0 0 #fff;
  -o-box-shadow: inset 0 0 0 #fff;
  -webkit-box-shadow: inset 0 0 0 #fff;
  box-shadow: inset 0 0 0 #fff;
  background: none;
}
.focus .focusFooter .navSub ul {
  padding: 0;
}
.focus .focusFooter .navSub ul li {
  display: inline;
  padding: 0;
}
.focus .focusFooter .navSub ul li .page {
  text-decoration: underline;
  font-weight: 400;
  margin-right: 0.5em;
  color: #636363;
}
.focus .focusFooter .navSub ul li a.page:hover {
  background: none;
  padding-right: 0;
}
/* page outro ............................................................... */
.pageOutro {
  border-top: 2px solid #e1e1e1;
  padding-top: 1em;
}
.pageOutro .back a {
  background: url(img/back-to-top.png) right top no-repeat;
  padding-right: 28px;
  color: #898989;
  text-decoration: none;
  min-height: 22px;
  line-height: 22px;
  display: inline-block;
}
.pageOutro .share {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.pageOutro .navPaging .pager {
  -moz-box-shadow: inset 0 0 0 #fff;
  -o-box-shadow: inset 0 0 0 #fff;
  -webkit-box-shadow: inset 0 0 0 #fff;
  box-shadow: inset 0 0 0 #fff;
}
.pageOutro .navPaging .pager a,
.pageOutro .navPaging .pager span {
  color: #d20039;
  visibility: visible;
  padding: 0.25em 1em;
  margin: 0;
}
.pageOutro .navPaging .pager .pagePrev {
  border-right: 1px solid #959595;
  background: url(img/caret-left_grey.svg) left center no-repeat;
  padding-left: 20px;
}
.pageOutro .navPaging .pager .pageNext {
  background: url(img/caret-right_grey.svg) right center no-repeat;
  padding-right: 20px;
}
/* focus (sublevel) ......................................................... */
.focus.subLevel {
  border-bottom: 1px solid #e8e5e5;
  padding-bottom: 1.25em;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  width: 23.45em;
  overflow: hidden;
}
.focus.subLevel a {
  display: block;
  padding-top: 30px;
  color: #414a5a;
  /*border-top:3px solid #414A5A;*/
  text-decoration: none;
}
.focus.subLevel a:hover {
  /*border-top:3px solid @colorBase;*/
}
.focus.subLevel a .focusHeader {
  background: none;
  padding-left: 0;
  margin-bottom: 0;
  /*&:before{
		content: '';
		background: unset;
	    width: unset;
	    height: unset;
	    border-radius: unset;
	    position: unset;
	    display: none;
	};*/
}
.focus.subLevel a .heading span:before {
  content: '';
  background: unset;
  width: unset;
  height: unset;
  border-radius: unset;
  position: unset;
  display: none;
}
.focus.subLevel a:hover .focusHeader h2.heading {
  color: #e4032c;
}
.focus.subLevel a:hover p {
  color: #e4032c;
}
.focus.subLevel a .heading {
  background: url("img/brandedarrow.svg") right top no-repeat;
  padding-right: 28px;
  margin-top: 4px;
}
.focus.subLevel a .heading span {
  font-family: "ModeratBold";
  font-size: 138.5%;
  display: block;
  margin-right: 11px;
  word-break: break-word;
}
.focus.subLevel a .image {
  position: absolute;
  left: 0;
  top: 3px;
  margin: 0 !important;
  float: none !important;
}
.focus.subLevel a .image img {
  display: block;
}
.focus.subLevel a .focusMain {
  min-height: 5em;
}
.focus.subLevel .focusFooter .more {
  display: inline;
  color: #e4032c;
  font-weight: 700;
  padding-right: 20px;
  background: url("img/focus-more.gif") right center no-repeat;
}
.focus.subLevel .focusFooter .navSub ul li {
  background: url("img/link-sep-focus.gif") right 7px no-repeat;
  padding-right: 8px;
  display: inline-block;
}
.focus.subLevel .focusFooter .navSub ul li.last {
  background: none;
  padding-right: 0;
}
.focus.subLevel .focusFooter .navSub ul li a {
  color: #8A8A8A !important;
  border-top: 0;
  display: inline;
  padding-top: 0;
  margin-right: 0;
  padding-right: 0;
}
.focus.subLevel .focusFooter .navSub ul li a:hover {
  text-decoration: none;
}
/* on homepage */
body.homePage .focus.subLevel a {
  padding-top: 97px;
}
body.level1Page .focus.subLevel a {
  padding-top: 27px;
}
body.homePage .content .focus.subLevel:nth-child(2n+1),
body.homePage .content .focus.subLevel.removeMargin,
body.level1Page #pageMain .focusrow {
  margin-left: 0;
}
body.level1Page #pageMain .focus {
  display: inline-block;
  float: none;
  margin-left: 1.45em;
  vertical-align: top;
  width: 31.65%;
}
body.level1Page #pageMain .focus:first-child {
  margin-left: 0;
}
body.level1Page #pageMain .focus:nth-child(3n+1) {
  margin-left: 0;
}
body.level1Page #pageMain .focusCount3 {
  margin-left: 0;
}
/* report */
.report #pageMain .focusrow {
  background: none;
  padding: 0;
}
.report #pageMain .focusrow {
  margin-left: 0.75em;
  vertical-align: top;
}
.report #pageMain .focusrow .focus.subLevel {
  margin-left: 0.75em;
  width: 224px;
  display: inline-block;
  float: none;
}
.report #pageMain .focusrow .focus.subLevel a {
  position: static;
  padding-top: 135px;
}
/* report home */
.report #pageMain .focusrow.topRow {
  overflow: hidden;
  margin-left: 0;
}
.report #pageMain .focusrow.topRow .focus {
  border: 2px solid #e1e1e1;
  border-left-width: 0;
  border-right-width: 0;
  width: 49%;
  float: left;
  min-height: 214px;
  position: relative;
}
.report #pageMain .focusrow.topRow .focus .focusHeader {
  background: none;
  padding: 0;
  margin: 1em 0;
}
.report #pageMain .focusrow.topRow .focus .focusHeader .heading span {
  font-family: "Moderat", Arial;
  font-size: 213%;
}
.report #pageMain .focusrow.topRow .focus .focusMain .textblock p {
  margin-top: 0;
}
.report #pageMain .focusrow.topRow .focus .more a {
  background: none;
  text-decoration: underline;
  color: #d20039;
}
/* report home gallery */
.report #pageMain .focusrow.topRow .focus.gallery {
  background: #f2f2f2;
}
.report #pageMain .focusrow.topRow .focus.gallery .image {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.report #pageMain .focusrow.topRow .focus.gallery .focusHeader {
  margin-right: 345px;
  margin-left: 1em;
  text-align: right;
  margin-bottom: 0;
}
.report #pageMain .focusrow.topRow .focus.gallery .focusHeader span:after {
  content: url(img/focus-gallery-more.png);
}
.report #pageMain .focusrow.topRow .focus.gallery .focusHeader .heading span {
  font-family: "Moderat", Arial;
  font-size: 224%;
  font-weight: 700;
  text-transform: uppercase;
}
/**/
.report #pageMain .focusrow.topRow + .focusrow {
  margin: 0;
  margin-left: -1.3em;
}
.report #pageMain .focusrow.topRow + .focusrow .focus {
  margin-left: 16px;
  width: 308px;
  height: 190px;
  float: left;
  display: inline;
}
.report #pageMain .focusrow.topRow + .focusrow .focus a {
  padding-top: 0;
}
.report #pageMain .focusrow.topRow + .focusrow .focus .heading {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(194, 16, 61, 0.85);
  padding: 0.75em 1em;
  padding-right: 40px;
}
.report #pageMain .focusrow.topRow + .focusrow .focus .heading:before {
  content: "";
  display: block;
  background: url(img/report-focus-home-heading.png) left top no-repeat;
  width: 22px;
  height: 23px;
  right: 1em;
  top: 50%;
  margin-top: -11px;
  position: absolute;
}
.report #pageMain .focusrow.topRow + .focusrow .focus .heading span {
  color: #fff;
  font-weight: 400;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf {
  width: 635px;
  background: #f2f2f2;
  position: relative;
  padding-bottom: 1em;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .focusHeader {
  background: none;
  padding: 0;
  margin: 0;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .focusHeader .heading {
  position: static;
  background: none;
  margin: 1em 1.5em;
  margin-right: 21em;
  padding: 0;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .focusHeader .heading:before {
  display: none;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .focusHeader .heading span {
  color: #414A5A;
  font-family: "Moderat", Arial;
  font-size: 213%;
  font-weight: 700;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .focusMain .textblock p {
  margin: 1em 1.5em;
  margin-right: 21em;
  margin-top: 0;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule {
  right: 1em;
  top: 1em;
  position: absolute;
  width: 19em;
  border-left: 1px solid #ccc;
  padding-left: 1em;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .frmBox .frmRow {
  margin: 0.15em 0;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule a {
  color: #d20039;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module {
  border: none;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module .heading {
  margin: 0.5em 0;
  margin-bottom: 0.25em;
  padding: 0;
  position: relative;
  background: none;
  border-top: 1px solid #ccc;
  margin-top: -0.75em;
  padding-top: 0.5em;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module .heading:before {
  display: none;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module .heading span {
  color: #414A5A;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module .flyout {
  display: none;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module .add a {
  margin: 0;
  display: block;
  padding-top: 0.35em;
  padding-bottom: 0.35em;
  color: #fff;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module .fiche {
  margin: 0;
  margin-top: 0.25em;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .module .download {
  margin: 0;
}
.report #pageMain .focusrow.topRow + .focusrow .focus.pdf .pdfModule .moduleFooter {
  margin: 0;
  margin-top: 0.5em;
  padding-top: 0.5em;
}
/* bottom row */
.report #pageMain .focusrow.bottomRow {
  border-top: 2px solid #e1e1e1;
  padding-top: 1.5em;
  overflow: hidden;
  margin-left: 0;
}
.report #pageMain .focusrow.bottomRow .focus .focusHeader {
  background: none;
  padding: 0;
}
.report #pageMain .focusrow.bottomRow .focus .focusHeader .heading span {
  text-transform: uppercase;
  font-family: "Moderat", Arial;
  font-size: 167%;
  font-weight: 400;
}
.report #pageMain .focusrow.bottomRow .focus .focusMain .image {
  float: left;
}
.report #pageMain .focusrow.bottomRow .focus .focusMain .textblock {
  margin-left: 100px;
  overflow: visible;
}
.report #pageMain .focusrow.bottomRow .focus .focusMain .textblock p {
  margin-top: 0;
}
.report #pageMain .focusrow.bottomRow .focus .focusFooter .more {
  margin-left: 100px;
}
.report #pageMain .focusrow.bottomRow .focus .focusFooter .more a {
  color: #d20039;
  text-decoration: underline;
  background: none;
  padding: 0;
}
/* navigation */
.navigation .pdfModule {
  margin: 0.75em;
  border-top: 1px solid #ccc;
  padding-top: 1.5em;
}
.navigation .pdfModule .module {
  background: #fff;
}
.navigation .pdfModule .module .moduleHeader .heading {
  margin: 0.75em 1em;
}
body.homePage .content .focus.subLevel:nth-last-child(-n+2) {
  border-bottom: none;
}
body.level2Page .focus a {
  padding-top: 0;
  border-top: 0;
}
body.level2Page .focus a:hover {
  border-top: 0;
}
.report.pdf #pageMain .focusrow.topRow .focusFooter .download a {
  display: inline-block;
  background: url(img/arrow-small-white-right.png) no-repeat 100% 8px #d20039;
  border-right: 0.75em solid #d20039;
  padding: 0.5em 1.5em 0.5em 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.report.pdf #pageMain .focusrow.secondRow {
  margin-left: 0;
}
.report.pdf #pageMain .focusrow.secondRow .focus {
  height: auto;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer {
  margin: 0;
  width: 100%;
  margin-top: 3em;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusMain {
  padding: 1em;
  background-color: #f2f2f2;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter {
  margin-top: 3em;
  overflow: hidden;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare {
  overflow: hidden;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare .heading {
  position: relative;
  background: none;
  color: #414A5A;
  padding: 0;
  float: left;
  top: 2px;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare .heading:before {
  display: none;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare .heading span {
  color: #414A5A;
  font-size: 16px;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare ul {
  float: left;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare li {
  float: left;
  margin-left: 10px;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare li > * {
  display: block;
  height: 28px;
  width: 28px;
  overflow: hidden;
  text-indent: 110%;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare li.facebook > * {
  background: url(img/icon-social-fb.png) no-repeat;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare li.twitter > * {
  background: url(img/icon-social-twitter.png) no-repeat;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare li.mail > * {
  background: url(img/icon-social-mail.png) no-repeat;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare li.linkedin > * {
  background: url(img/icon-social-linkedin.png) no-repeat;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .navShare {
  float: left;
  width: 40%;
  margin-top: 8px;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .meta {
  float: right;
  width: 60%;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .meta .spec.link .label {
  font-family: "ModeratBold", Arial;
  font-size: 16px;
  float: left;
  position: relative;
  top: 12px;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .meta .spec.link .value {
  border: 2px solid #cccccc;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 507px;
  font-size: 16px;
  padding: 10px;
  float: left;
  margin-left: 10px;
}
.report.pdf #pageMain .focusrow .focus.pdfViewer .focusFooter .meta .spec.link .value a {
  color: #9c9c9c;
  text-decoration: none;
}
/* focus (logos) ......................................................... */
.focus.logos .focusHeader {
  background: transparent;
  padding-left: 0;
}
.focus.logos .focusMain .image {
  margin: 0.5em 0;
}
.focus.logos .focusMain .image .graphic {
  text-align: center;
}
.focus.logos .focusMain .image .graphic img {
  display: inline;
}
/* focus row ................................................................ */
.focusrow {
  overflow: hidden;
  margin: 1.5em 0em;
}
.focusrow .focus {
  margin-left: 2%;
  float: left;
  min-height: 5em;
  padding-bottom: 0.75em;
  border-bottom: 2px solid #e1e1e1;
}
.focusrow .focus:first-child {
  margin-left: 0;
}
#pageMain .focusrow {
  background: #ECECEE;
  padding: 1em;
}
body.level1Page #pageMain .focusrow,
body.level2Page #pageMain .focusrow {
  background-color: transparent;
  padding: 0;
}
body.level2Page #pageMain .focusrow {
  margin-left: 1.1em;
}
body.level2Page #pageMain .focusrow .focus:first-child,
body.level2Page #pageMain .focusrow .focus {
  margin-left: 0.65em;
  display: inline-block;
  float: none;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #E6E2E2;
}
#pageMain .focusrow .focus,
#pageMain .focusrow .carousel {
  border-bottom: 0;
  padding-bottom: 0;
  width: 31.5%;
}
#pageMain .focusrow .focus a .focusHeader h2.heading {
  color: #414a5a;
  background-position-x: calc(90%);
}
#pageMain .focusrow .focus a:hover .focusHeader h2.heading {
  color: #e4032c;
}
#pageMain .focusrow .focus a .focusMain .image {
  float: left;
  margin: 0.75em 0.75em 0 0;
}
#pageMain .focusrow .focus a .focusMain .image img {
  display: block;
}
#pageMain .focusrow .carousel {
  margin-left: 2%;
  float: left;
}
#pageMain .focusrow .carousel .focus {
  width: 22.992em;
  margin-left: 0;
  border: none;
}
#pageMain .focusrow .carousel .focus .focusMain .image {
  height: 11.5em;
  padding-bottom: 1em;
  background: transparent url('img/bg-didyouknow.gif') center bottom no-repeat;
}
#pageMain .focusrow .carousel .focus .focusMain .image .graphic img {
  max-height: 11.5em;
  display: block;
  margin: 0 auto;
}
#pageMain .focusrow .carousel .carNav ul {
  text-align: center;
}
#pageMain .focusrow .carousel .carNav ul li {
  margin: 0;
  margin-left: 9px;
}
#pageMain .focusrow .carousel .carNav ul li:first-child {
  margin-left: 0;
}
#pageMain .focusrow .carousel .focusFigures .textblock p {
  text-align: center;
}
/* home */
.homePage #pageMain .focusrow .carousel .focus {
  width: 100%;
}
/* quicklinks ................................................................ */
.quicklinks .focusMain li {
  margin-bottom: 0.75em;
}
.quicklinks .focusMain li a {
  text-decoration: none;
  display: block;
  padding-left: 22px;
  background: transparent url('img/caret-right.svg') left 0.25em no-repeat;
  color: #414A5A !important;
}
.quicklinks .focusMain li a h3.heading {
  color: #e4032c;
  font-weight: 300;
}
.quicklinks .focusMain li a:hover h3.heading {
  text-decoration: underline;
}
.quicklinks .focusMain li a .textblock p {
  margin: 0.5em 0 0 0;
}
/* tab ...................................................................... */
.tabpane .tabMain .tab {
  position: relative;
  zoom: 1;
  display: inline-block;
  display: block;
}
.tabpane .tabMain .tab:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.tabpane .tabMain .tab > h3 {
  position: absolute;
  left: -999em;
  padding-top: 1em;
}
.tabpane .tabMain .tab > h3.heading:first-child span {
  font-size: 167%;
}
.tabpane .tabFooter {
  overflow: hidden;
  border-top: 0.15384615em solid #efefef;
  padding-top: 0.2em;
  margin-top: 0.2em;
}
.tabpane .tabFooter .back {
  float: right;
}
.tabpane .tabMain .ui-tabs-hide {
  display: none;
}
.tabpane .tabMain .textblock,
.tabpane .tabMain .gallery,
.tabpane .tabMain .moreInfo,
.tabpane .tabMain .relatedLinks,
.tabpane .tabMain .downloads,
.tabpane .tabMain .contacts {
  margin-bottom: 1.5em;
  padding-top: 1em;
}
/* focus (news) ............................................................. */
.modDetail.news.recent.active .heading {
  color: #e4032c;
}
.focus.recentNews {
  position: relative;
}
.focus.recentNews .focusHeader .heading {
  float: left;
  margin-right: 1em;
}
.focus.recentNews .focusHeader .rss {
  float: left;
  margin-top: 0.35em;
}
.focus.recentNews .focusFooter .more {
  position: absolute;
  top: 0.5em;
  right: 0;
}
.context .focus.recentNews .shortlist .modDetailHeader {
  margin-bottom: 0;
}
.context .focus.recentNews .shortlist .modDetailHeader .meta {
  top: 0;
}
.context .focus.recentNews .shortlist .modDetailHeader .meta .date .detail {
  color: #e4032c;
}
.context .focus.recentNews .shortlist .modListMain li {
  border-bottom-width: 0;
  padding-bottom: 0;
}
.context .focus.recentNews .shortlist .modListMain li a .modDetailHeader .heading span {
  font-size: 123.1%;
}
.context .focus.recentNews {
  margin-bottom: 1em;
}
.context .focus.recentNews .focusFooter .more {
  position: static;
}
body.homePage .context .focus.recentNews .focusFooter .more {
  position: absolute;
}
/* news overview */
body.newsPage .focus.recentNews {
  padding-top: 1.5em;
  border-top: 1px solid #E6E2E2;
}
body.detailPage .focus.recentNews {
  padding: 1.5em 0;
  border-top: 1px solid #E6E2E2;
  border-bottom: 1px solid #E6E2E2;
  overflow: hidden;
}
body.detailPage .navigation .focus.recentNews {
  padding: 1em;
  border-top: 0;
  border-bottom: 0;
}
body.detailPage .focus.recentNews .focusHeader,
body.newsPage .focus.recentNews .focusHeader {
  margin-bottom: 0.75em;
}
body.detailPage .focus.recentNews .focusMain .textblock p,
body.newsPage .focus.recentNews .focusMain .textblock p {
  margin-top: 0;
}
body.detailPage .focus.recentNews .focusMain .news .modListMain li,
body.newsPage .focus.recentNews .focusMain .news .modListMain li {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0.35em;
}
body.detailPage .focus.recentNews .focusMain .news .modListMain li .modDetailHeader .heading span,
body.newsPage .focus.recentNews .focusMain .news .modListMain li .modDetailHeader .heading span {
  font-size: 100%;
}
body.detailPage .focus.recentNews .focusFooter .cta,
body.newsPage .focus.recentNews .focusFooter .cta {
  float: right;
  margin-top: 0.75em;
}
body.detailPage .focus.recentNews .focusFooter .cta a,
body.newsPage .focus.recentNews .focusFooter .cta a {
  display: block;
  background: #e4032c;
  color: #fff;
  text-decoration: none;
  padding: 0.2em 0.5em;
}
body.detailPage .focus.recentNews .focusFooter .cta a:hover,
body.newsPage .focus.recentNews .focusFooter .cta a:hover {
  background: #636363;
}
body.newsPage .rss {
  position: absolute;
  top: 0.25em;
  right: 0;
}
body.servicePage .news.modList {
  margin-right: 2em;
}
body.servicePage .news .modListMain li {
  border-bottom: 0;
}
.news .download .modListMain li {
  background: none;
  padding-left: 0;
}
.focus.logos {
  padding-bottom: 1em;
  border-bottom: 1px solid #E6E2E2;
}
/* focus (events) ........................................................... */
.focus.focusEvent {
  position: relative;
}
.hasRelated .focus.focusEvent .focusHeader {
  margin-top: 1em;
}
.focus.focusEvent .focusHeader .heading {
  float: left;
  margin-right: 1em;
}
.focus.focusEvent .focusHeader .rss {
  float: left;
  margin-top: 0.35em;
}
.focus.focusEvent .focusFooter .more {
  position: absolute;
  top: 0.5em;
  right: 0;
}
/* focus doc center ......................................................... */
.focus.docCenter {
  border: 1px solid #414A5A;
  border-left-width: 0;
  border-right-width: 0;
}
.focus.docCenter .focusHeader {
  background: none;
  padding: 0;
  margin: 1em 0;
}
.focus.docCenter .focusMain {
  overflow: hidden;
  margin-bottom: 1.5em;
  background: url("img/black-spacer.gif") 50% top repeat-y;
}
.focus.docCenter .focusMain .textblock {
  width: 45%;
  float: left;
}
.focus.docCenter .focusMain .textblock p {
  margin-top: 0;
}
.focus.docCenter .focusMain .contact {
  width: 45%;
  float: right;
  margin-top: 0;
}
.focus.docCenter .focusMain .contact * {
  margin-left: 0;
}
.focus.docCenter .focusMain .contact .specs .telephone {
  margin-top: 1em;
}
.pubPage #pageMain .focusrow {
  background: none;
  margin-top: 0;
  margin-left: 0.75em;
  padding: 0;
  vertical-align: top;
}
.pubPage #pageMain .focusrow .focus {
  margin-left: 1em;
  float: none;
  display: inline-block;
  width: 16.95em;
}
.pubPage #pageMain .focusrow .focus:first-child {
  margin-left: 1em;
}
.pubPage #pageMain .focusrow .focus a {
  padding-top: 0;
  border-top: 0;
}
.pubPage #pageMain .focusrow .focus a .image {
  float: left !important;
  position: static !important;
  margin-top: 1em !important;
  margin-right: 1em !important;
}
.pubPage .grdTwoLeft {
  margin-top: 1.5em;
}
/* eventextra, serviceextra */
.navigation .eventExtra .header h2.heading,
.navigation .serviceExtra .header h2.heading {
  padding: 0.7em;
  background: #e1e1e1;
  margin-bottom: 0.15384615em;
}
.navigation .eventExtra .header h2.heading span,
.navigation .serviceExtra .header h2.heading span {
  font-size: 167%;
  font-weight: 300;
}
.navigation .eventExtra .header h2.heading span span,
.navigation .serviceExtra .header h2.heading span span {
  font-size: 100%;
}
.navigation .eventExtra .header h2.heading span .tem {
  font-size: 77%;
}
.navigation .eventExtra .header .add {
  padding: 1em;
}
.navigation .eventExtra .header .add a {
  display: block;
  padding-left: 20px;
  background: transparent url('img/icon-calendar.gif') center left no-repeat;
}
.navigation .eventExtra .header .add a:hover {
  color: #e4032c;
}
.navigation .eventExtra .main h3.heading,
.navigation .serviceExtra .main h3.heading {
  padding: 0 0.7em 0.7em 0.7em;
}
.navigation .eventExtra .main h3.heading span,
.navigation .serviceExtra .main h3.heading span {
  font-family: ModeratBold;
  color: #414a5a;
  font-size: 133%;
}
.navigation .eventExtra .main .meta,
.navigation .serviceExtra .main .meta {
  padding: 0.7em 0.7em 0.2em 0.7em;
  overflow: hidden;
}
.navigation .eventExtra .main .meta .spec,
.navigation .serviceExtra .main .meta .spec {
  overflow: hidden;
  margin-bottom: 0.5em;
}
.navigation .eventExtra .main .meta .spec .caption,
.navigation .serviceExtra .main .meta .spec .caption {
  font-weight: 700;
  float: left;
  width: 40%;
  line-height: 1.15em;
}
.navigation .eventExtra .main .meta .spec .detail,
.navigation .serviceExtra .main .meta .spec .detail {
  float: left;
  width: 60%;
  line-height: 1.25em;
}
.navigation .eventExtra .main .meta .spec.group {
  border-bottom: 1px solid #CDCBCC;
  padding-bottom: 1.5em;
}
.navigation .eventExtra .footer {
  margin-top: 1.5em;
  background: #e4032c;
  color: #fff;
  padding: 0 0.7em 0.7em 0.7em;
  text-align: center;
}
.navigation .eventExtra .footer:hover {
  background: #e1e1e1;
}
.navigation .eventExtra .footer:hover .cta a {
  color: #414a5a;
}
.navigation .eventExtra .footer .cta a {
  padding: 0.7em 0 0.2em 0;
  color: #fff;
  font-family: ModeratBold;
  text-decoration: none;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.navigation .eventExtra .footer .finalDate {
  font-size: 0.8em;
}
/* events:calendar */
.context .calendar {
  border-top: 1px solid #414A5A;
  border-bottom: 1px solid #414A5A;
  margin: 1.5em 0;
  padding: 1.5em 0;
}
.context .calendar h2.heading {
  margin-bottom: 0.75em;
}
.context .calendar h2.heading span {
  font-size: 167%;
}
.context .calendar .date-nav-wrapper .date-nav {
  background: #F1F1F1;
  overflow: hidden;
  height: 2.65em;
}
.context .calendar .date-nav-wrapper .date-nav .date-prev {
  width: 15%;
  height: 100%;
  float: left;
  background: transparent url('img/caret-left_red.svg') center 18px no-repeat;
  background-size: 16px 16px;
}
.context .calendar .date-nav-wrapper .date-nav .date-heading {
  padding: 0.7em 0;
  width: 100%;
  float: left;
  text-align: center;
}
.context .calendar .date-nav-wrapper .date-nav .date-heading h3 a {
  text-decoration: none;
  display: inline;
  color: #414a5a;
}
.context .calendar .date-nav-wrapper .date-nav .date-heading h3 a:hover {
  color: #e4032c;
}
.context .calendar .date-nav-wrapper .date-nav .date-next {
  width: 15%;
  height: 100%;
  float: left;
  background: transparent url('img/caret-right_red.svg') center 18px no-repeat;
  background-size: 16px 16px;
}
.context .calendar .date-nav-wrapper .date-nav span,
.context .calendar .date-nav-wrapper .date-nav a {
  display: block;
  height: 100%;
  width: 100%;
}
.context .calendar .date-nav-wrapper .date-nav .date-prev span a,
.context .calendar .date-nav-wrapper .date-nav .date-next span a {
  padding: 0.7em 0.8em;
  text-indent: -9000em;
}
.context .calendar .calendar-calendar table {
  border-top: 0;
  margin-top: 0.7em;
  width: 100%;
  border-collapse: collapse;
}
.context .calendar .calendar-calendar table thead tr {
  background: transparent;
}
.context .calendar .calendar-calendar table thead tr th {
  text-align: center;
  font-family: arial;
  text-transform: none;
  font-size: 100%;
  padding: 0;
  font-weight: 700;
  background: transparent;
}
.context .calendar .calendar-calendar table tr td {
  padding: 6px 5px 0 5px;
  border-bottom: 0;
}
.context .calendar .calendar-calendar table tr td.empty .calendar-empty,
.context .calendar .calendar-calendar table tr td .month {
  margin: 0.2em 0 0 0.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  border-bottom: 0;
  font-size: 95%;
}
.context .calendar .calendar-calendar table tr td.active .month,
.context .calendar .calendar-calendar table tr td.active .month a {
  background: #e4032c;
  color: #fff;
}
.context .calendar .calendar-calendar table tr td.mon .month,
.context .calendar .calendar-calendar table tr td.mon .calendar-empty {
  margin-left: 0;
}
.context .calendar .calendar-calendar table tr td.past {
  color: gray !important;
}
.context .calendar .calendar-calendar table tr td.has-no-events .calendar-empty,
.context .calendar .calendar-calendar table tr td.has-events .calendar-empty {
  display: none;
}
.context .calendar .calendar-calendar table tr td.has-events a {
  display: block;
  text-align: center;
  height: 100%;
  line-height: 1.5em;
  text-decoration: none;
}
/* focus (events & news) ........................................................... */
#pageMain .focusrow.newsAndEvents {
  position: relative;
  border-top: 1px solid #414A5A;
  /*border-bottom:1px solid #414A5A;*/
  overflow: hidden;
  background: url("img/black-sep.gif") 499px 1.5em no-repeat;
  margin-bottom: 3em;
}
#pageMain .focusrow.newsAndEvents:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #414A5A;
  bottom: -1.5em;
  left: 0;
  right: 0;
}
#pageMain .focusrow.newsAndEvents .focus.recentNews {
  margin: 1.5em 0;
  margin-bottom: 0;
  float: left;
  width: 479px;
  margin-right: -1px;
  overflow: hidden;
  padding-right: 1.5em;
}
#pageMain .focusrow.newsAndEvents .focus.focusEvent {
  margin: 1.5em 0;
  margin-bottom: 0;
  margin-left: 500px;
  /*overflow:hidden;*/
  padding-left: 20px;
  display: block;
  width: auto;
}
#pageMain .focusrow.newsAndEvents .focus.recentNews .focusFooter .more {
  top: 1em;
  right: 1.5em;
}
#pageMain .focusrow.newsAndEvents .focus.focusEvent .focusFooter .more {
  top: 1em;
}
/* focus (contacts & focusPub) ........................................................... */
body.level1Page #pageMain .focusrow .focus.contacts {
  background: #ebebeb;
  float: left;
  width: 34.448em;
  overflow: hidden;
  padding: 1em 2% 1em 1em;
}
body.level1Page #pageMain .focusrow .focus.focusPub {
  background: #ebebeb;
  width: 34.448em;
  overflow: hidden;
  padding: 1em 1em 1em 2%;
  margin-left: 0;
}
#pageMain .focusrow .focus.contacts li {
  padding-left: 0;
}
#pageMain .focusrow .focus.contacts li a {
  padding-left: 20px;
  background: url("img/news-item-arrow.gif") left 0.35em no-repeat;
  color: #e4032c;
  font-weight: 700;
  text-decoration: none;
}
#pageMain .focusrow .focus.contacts li a:hover {
  text-decoration: underline;
}
.focus.focusPub {
  position: relative;
}
#pageMain .focusrow .focus.focusPub .focusMain li {
  width: 48%;
  margin-left: 4%;
  float: left;
}
#pageMain .focusrow .focus.focusPub .focusMain li:first-child {
  margin-left: 0;
}
.focus.focusPub .focusMain li a .modDetailHeader {
  position: relative;
}
.focus.focusPub .focusMain li a .modDetailHeader h3.heading {
  margin-left: 6em;
  color: #414a5a;
}
.focus.focusPub .focusMain li a:hover .modDetailHeader h3.heading {
  color: #e4032c;
}
.focus.focusPub .focusMain li a .modDetailHeader h3.heading span {
  font-size: 115%;
}
.focus.focusPub .focusMain li a .modDetailHeader .image {
  position: absolute;
  top: 0;
  left: 0;
}
.focus.focusPub .focusMain li a .modDetailMain {
  margin-left: 6em;
}
.focus.focusPub .focusMain li a .modDetailMain .textblock {
  font-size: 100%;
  color: #414a5a;
}
.focus.focusPub .focusFooter .more {
  position: absolute;
  top: 1em;
  right: 1em;
}
body.level1Page #pageMain .focusrow .focus.contacts {
  float: left;
  display: inline;
  margin: 0;
}
body.level1Page #pageMain .focusrow .focus.contacts ul li {
  background: none;
}
body.level1Page #pageMain .focusrow .focus.focusPub {
  float: left;
  display: inline;
  margin: 0;
}
/* publications ..................................................................... */
#pageMain .pubs .modListHeader h2.heading span {
  font-size: 167%;
}
#pageMain .pubs .modListMain .section > h3.heading {
  margin-top: 1.5em;
}
#pageMain .pubs .modListMain .section > h3.heading span {
  font-size: 116%;
  color: #282828;
}
#pageMain .pubs .modListMain li {
  margin-top: 0.75em;
}
#pageMain .pubs .modListMain li a {
  overflow: hidden;
  display: block;
  min-height: 95px;
  text-decoration: none;
}
#pageMain .pubs .modListMain li a .modDetailHeader {
  position: relative;
}
#pageMain .pubs .modListMain li a .modDetailHeader h3.heading {
  margin-left: 6em;
  color: #414a5a;
}
#pageMain .pubs .modListMain li a:hover .modDetailHeader h3.heading {
  color: #e4032c;
}
#pageMain .pubs .modListMain li a .modDetailHeader h3.heading span {
  font-size: 115%;
}
#pageMain .pubs .modListMain li a .modDetailHeader .image {
  position: absolute;
  top: 0;
  left: 0;
}
#pageMain .pubs .modListMain li a .modDetailMain {
  margin-left: 6em;
}
#pageMain .pubs .modListMain li a .modDetailMain .textblock {
  /*font-size:85%;*/
  color: #414a5a;
}
#pageMain .pubs .modListMain li a .modDetailMain .textblock.intro p {
  font-weight: 400;
}
body.pubPage #pageMain .pubs.interestingPublications .modListMain li {
  padding-right: 1em;
}
body.pubPage #pageMain .pubs.interestingPublications .modListMain li a {
  min-height: 220px;
}
body.pubPage #pageMain .pubs.interestingPublications .modListMain li {
  margin-top: 0.75em;
  background-color: #f2f2f2;
}
body.pubPage #pageMain .pubs.interestingPublications .modListMain li a .modDetailMain {
  margin-left: 180px;
}
body.pubPage #pageMain .pubs.interestingPublications .modListMain li a .modDetailHeader {
  padding-top: 1em;
}
body.pubPage #pageMain .pubs.interestingPublications .modListMain li a .modDetailHeader h3.heading {
  margin-left: 180px;
}
body.pubPage.detailPage .pub .modDetailMain .textblock.intro {
  width: 34em;
  float: left;
}
body.pubPage.detailPage .pub .modDetailMain .fiche {
  margin-left: 35em;
  border-top: 3px solid #414A5A;
  border-bottom: 3px solid #414A5A;
  top: 0;
  right: 0;
  margin-bottom: 0.75em;
  padding: 1em 0.35em;
}
body.pubPage.detailPage .pub .modDetailMain .fiche:after {
  clear: both;
  content: ".";
  display: block;
  height: 1px;
}
body.pubPage.detailPage .pub .modDetailMain .fiche .meta .spec {
  margin-bottom: 0.5em;
}
body.pubPage.detailPage .pub .modDetailMain .fiche .meta .spec .caption {
  display: block;
  font-weight: 700;
  font-size: 110%;
  margin-bottom: 0.2em;
}
body.pubPage.detailPage .pub .modDetailMain .fiche .download {
  float: right;
  margin-top: 0.75em;
}
body.pubPage.detailPage .pub .modDetailMain .fiche .download a {
  display: block;
  background: #e4032c;
  color: #fff;
  text-decoration: none;
  padding: 0.2em 0.5em;
}
body.pubPage.detailPage .pub .modDetailMain .fiche .download a:hover {
  background: #636363;
  color: #414a5a;
}
.modList.pubs.reports {
  margin-bottom: 1.5em;
}
/* report ................................................................... */
.modDetail.report {
  position: relative;
}
.modDetail.report .modDetailHeader {
  margin-bottom: 1em;
}
.modDetail.report .modDetailHeader .image {
  position: absolute;
  left: 0;
  top: 0;
}
div.modDetail.report .textblock.intro .image {
  float: right;
  position: static;
  margin-left: 1em;
  margin-top: -0.5em;
}
/* contactOverview .......................................................... */
.contactOverview h2.heading span {
  font-size: 133%;
}
.contactOverview h2.heading span a {
  color: #414a5a;
  text-decoration: none;
}
.contactOverview h2.heading span a:hover {
  color: #e4032c;
}
.contactOverview h2.heading span a span {
  font-size: 100% !important;
}
.contactOverview .textblock ul li {
  padding-left: 20px;
  background: url("img/news-item-arrow.gif") left 0.35em no-repeat;
}
.contactOverview .textblock ul li a {
  text-decoration: none;
}
.contactOverview .textblock ul li a:hover {
  text-decoration: underline;
}
/* contactDetail ..................................................................... */
.contactDetail h2.heading span {
  font-size: 133% !important;
}
.contactDetail h2.heading span span {
  font-size: 100% !important;
}
/* contactPagel ..................................................................... */
body.contactPage .content .contactDetail ul li {
  border-top: 1px solid #323232;
  padding-top: 1em;
  min-height: 9.15385em;
  height: auto;
  margin-top: 1em;
}
body.contactPage .content .contactDetail ul li:first-child {
  border: none;
  padding-top: 0;
}
body.contactPage .context .focus {
  background: #f5f3f3;
  border-top: 2px solid #f5f3f3;
  padding: 1em;
}
body.contactPage .context .focus .focusHeader {
  background: transparent;
  padding-left: 0;
}
body.contactPage .context .focus .contact {
  height: auto;
}
body.contactPage .context .focus .contact h3.heading {
  margin-left: 0;
}
body.contactPage .context .focus .contact .fiche {
  margin-left: 0;
}
body.contactPage .context .focus .contact .fiche .specs .spec {
  margin-top: 0.2em;
}
body.contactPage .context .focus .contact .fiche .specs .spec.address {
  margin: 1em 0;
  line-height: 1.25em;
}
body.contactPage .context .focus .contact .fiche .specs .telephone .detail {
  font-size: 116%;
}
body.contactPage .context .focus .contact .fiche .specs .telephone .detail,
body.contactPage .context .focus .contact .fiche .specs .email .detail {
  position: static;
  left: auto;
  bottom: auto;
}
body.contactPage .context .focus .contact .fiche .specs .email .detail a {
  line-height: 100%;
}
body.contactPage .context .map {
  background: #f5f3f3;
  padding: 1em;
}
body.contactPage .context .map .resize {
  overflow: hidden;
  margin-top: 0.5em;
}
body.contactPage .context .map .resize a {
  float: right;
  color: #414a5a;
  background: transparent url('img/icon-enlarge.gif') left center no-repeat;
  padding-left: 15px;
  text-decoration: none;
}
body.contactPage .context .map .resize a:hover {
  color: #e4032c;
}
/* contactLanding ..................................................................... */
body.contactLanding .tel {
  background: url('img/contact-tel.gif') no-repeat;
  margin-top: 1em;
}
body.contactLanding .tel span {
  padding-left: 20px;
  font-weight: bold;
}
body.contactLanding .email {
  background: url('img/contact-email.gif') no-repeat 0 5px;
  margin-top: 1em;
}
body.contactLanding .email a {
  padding-left: 20px;
  font-weight: bold;
}
body.contactLanding .navSocial {
  float: none;
}
body.contactLanding .navSocial ul li {
  width: 48%;
  float: left;
}
body.contactLanding .navSocial ul li .page {
  text-indent: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  margin: 1em 0 0 0;
  width: auto;
  height: auto;
  padding: 10px;
  padding-left: 33px;
}
body.contactLanding .navSocial ul li .page:hover {
  text-decoration: none;
}
body.contactLanding .navSocial ul li.twitter .page {
  background: url('img/icon-social-twitter.png') no-repeat;
}
body.contactLanding .navSocial ul li.facebook .page {
  background: url('img/icon-social-fb.png') no-repeat;
}
body.contactLanding .navSocial ul li.linkedIn .page {
  background: url('img/icon-social-linkedin.png') no-repeat;
}
body.contactLanding .navSocial ul li.instagram .page {
  background: url('img/icon-social-instagram.png') no-repeat;
}
body.contactLanding .navSocial ul li.youku .page {
  background: url('img/icon-social-youku.png') no-repeat;
}
body.contactLanding .navSocial ul li.weibo .page {
  background: url('img/icon-social-weibo.png') no-repeat;
}
body.contactLanding .navSocial ul li.youtube .page {
  background: url('img/icon-social-youtube.png') no-repeat;
}
/* contactLevel2 ..................................................................... */
body.contactLevel2 .overview .section,
body.contactLevel3 .overview .section {
  border-bottom: 2px solid #414a5a;
  margin-bottom: 2em !important;
  width: 45em;
}
body.contactLevel2 .overview .section .heading,
body.contactLevel3 .overview .section .heading {
  padding-bottom: 1em;
}
body.contactLevel2 .overview li.contact,
body.contactLevel3 .overview li.contact {
  border-top: 2px solid #bbb;
  padding-top: 2em;
  margin-bottom: 2em;
  width: 45em;
}
body.contactLevel2 .overview li.contact:first-child,
body.contactLevel3 .overview li.contact:first-child {
  border: none;
  padding-top: 0;
}
body.contactLevel2 .overview li.contact h3.heading,
body.contactLevel3 .overview li.contact h3.heading {
  margin-left: 11.9em;
}
body.contactLevel2 .overview li.contact .modDetailHeader .image,
body.contactLevel3 .overview li.contact .modDetailHeader .image {
  background: url('img/contact-no-picture.png') top left no-repeat;
  width: 120px;
  height: 120px;
  top: 2em;
}
body.contactLevel2 .overview li.contact:first-child .modDetailHeader .image,
body.contactLevel3 .overview li.contact:first-child .modDetailHeader .image {
  top: 0;
}
body.contactLevel2 .overview li.contact .modDetailHeader img,
body.contactLevel3 .overview li.contact .modDetailHeader img {
  width: 120px;
  height: 120px;
}
body.contactLevel2 .overview li.contact span.tagLine,
body.contactLevel3 .overview li.contact span.tagLine {
  margin-left: 10.81818182em;
  padding-left: 1em;
  display: block;
}
body.contactLevel2 .overview li.contact .modDetailMain,
body.contactLevel3 .overview li.contact .modDetailMain {
  margin-left: 10.81818182em;
  padding-left: 1em;
}
body.contactLevel2 .overview li.contact .modDetailMain .contactOptions,
body.contactLevel3 .overview li.contact .modDetailMain .contactOptions {
  margin: 1em 0 1em 0;
}
body.contactLevel2 .overview li.contact .modDetailMain .contactOptions .caption,
body.contactLevel3 .overview li.contact .modDetailMain .contactOptions .caption {
  display: none;
}
body.contactLevel2 .overview li.contact .modDetailMain .contactOptions .tel,
body.contactLevel3 .overview li.contact .modDetailMain .contactOptions .tel {
  background: url('img/contact-tel.gif') no-repeat;
}
body.contactLevel2 .overview li.contact .modDetailMain .contactOptions .tel .detail,
body.contactLevel3 .overview li.contact .modDetailMain .contactOptions .tel .detail {
  padding-left: 20px;
  font-weight: bold;
}
body.contactLevel2 .overview li.contact .modDetailMain .contactOptions .email,
body.contactLevel3 .overview li.contact .modDetailMain .contactOptions .email {
  background: url('img/contact-email.gif') no-repeat 0 5px;
}
body.contactLevel2 .overview li.contact .modDetailMain .contactOptions .email .detail,
body.contactLevel3 .overview li.contact .modDetailMain .contactOptions .email .detail {
  padding-left: 20px;
  font-weight: bold;
}
/* contactForm ..................................................................... */
body.contactForm #pageMain .frmBox {
  background: none;
  -moz-box-shadow: 0 0 0 #fff;
  -o-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: none;
}
body.contactForm .formHeader > .spec {
  border-bottom: 2px solid #bbb;
  padding-bottom: 2em;
  margin-bottom: 2em;
  width: 45em;
}
body.contactForm .formHeader .spec .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.contactForm .formHeader .modDetailHeader h3.heading {
  margin-left: 11.9em;
}
body.contactForm .formHeader .modDetailHeader .image {
  background: url('img/contact-no-picture.png') top left no-repeat;
  width: 120px;
  height: 120px;
}
body.contactForm .formHeader .modDetailHeader img {
  width: 120px;
  height: 120px;
}
body.contactForm .formHeader .modDetailHeader span.tagLine {
  margin-left: 10.81818182em;
  padding-left: 1em;
  display: block;
}
body.contactForm .formHeader .modDetailMain {
  margin-left: 10.81818182em;
  padding-left: 1em;
}
body.contactForm .formHeader .modDetailMain .contactOptions {
  margin: 1em 0 1em 0;
}
body.contactForm .formHeader .modDetailMain .contactOptions .caption {
  display: none;
}
body.contactForm .formHeader .modDetailMain .contactOptions .tel {
  background: url('img/contact-tel.gif') no-repeat;
}
body.contactForm .formHeader .modDetailMain .contactOptions .tel .detail {
  padding-left: 20px;
  font-weight: bold;
}
body.contactForm .formHeader .modDetailMain .contactOptions .email {
  background: url('img/contact-email.gif') no-repeat 0 5px;
}
body.contactForm .formHeader .modDetailMain .contactOptions .email .detail {
  padding-left: 20px;
  font-weight: bold;
}
body.contactForm #pageMain .frmBox .formMain {
  margin: 0;
}
body.contactForm #pageMain .frmBox .formFooter {
  margin: 0;
}
body.contactForm #pageMain .frmBox .formFooter input {
  float: none;
}
body.contactForm #pageMain .frmBox .inputElement .caption {
  float: none;
  width: auto;
  text-align: left;
}
body.contactForm #pageMain .frmBox .inputElement .detail {
  margin: 0.5em 0 1em 0;
}
body.contactForm #pageMain .frmBox .notify.error {
  -moz-box-shadow: 1px 1px 3px #bbbbbb;
  -o-box-shadow: 1px 1px 3px #bbbbbb;
  -webkit-box-shadow: 1px 1px 3px #bbbbbb;
  box-shadow: 1px 1px 3px #bbbbbb;
  background: #fbe3e1 url('img/icon-error.png') 15px 10px no-repeat;
  padding: 1em 1em 1em 5em;
  border: 1px solid #ebcac7;
  width: 38.7em;
}
body.contactForm #pageMain .frmBox .notify.error li {
  list-style-type: disc;
  margin-left: 2em;
}
body.contactForm #pageMain .frmBox .inputElement.error {
  padding-left: 20px;
  background: url('img/icon-input-error.png') 0px 28px no-repeat;
}
body.contactForm #pageMain .frmBox .inputElement.error input {
  border: 2px solid #be0630;
}
body.contactForm #pageMain .frmBox .feedback.true {
  padding-left: 20px;
  color: #be0630;
  margin-top: -8px;
}
body.contactForm #pageMain .frmBox .inputElement.success {
  padding-left: 20px;
  background: url('img/icon-input-success.png') 0px 28px no-repeat;
}
body.contactForm #pageMain .frmBox .notify.success {
  -moz-box-shadow: 1px 1px 3px #bbbbbb;
  -o-box-shadow: 1px 1px 3px #bbbbbb;
  -webkit-box-shadow: 1px 1px 3px #bbbbbb;
  box-shadow: 1px 1px 3px #bbbbbb;
  background: #e2fbe1 url('img/icon-error.png') 15px 10px no-repeat;
  padding: 1em 1em 1em 5em;
  border: 1px solid #c7ebc7;
  width: 38.7em;
}
body.contactForm #pageMain .frmBox .notify.success li {
  list-style-type: disc;
  margin-left: 2em;
}
/* myPort ..................................................................... */
#pageMain .myPort .frmBox {
  background: #EBEBEB;
}
#pageMain .myPort .frmBox .formHeader {
  margin: 1.5em 2.5em;
}
#pageMain .myPort .frmBox .formHeader h3.heading span {
  font-size: 133%;
}
#pageMain .myPort .frmBox form {
  margin: 1.5em 1.5em;
}
#pageMain .myPort .frmBox form .formMain {
  overflow: hidden;
}
#pageMain .myPort .frmBox form .formMain .frmRow {
  width: 45%;
  margin-left: 10%;
  float: left;
}
#pageMain .myPort .frmBox form .formMain .frmRow:first-child {
  margin-left: 0;
}
#pageMain .myPort .frmBox form .formMain .frmRow .inputElement .caption {
  font-size: 110%;
  font-family: "ModeratBold", Arial;
  margin-bottom: 1em;
  float: none;
  text-align: left;
}
#pageMain .myPort .frmBox form .formMain .frmRow .inputElement .detail {
  margin-left: 0;
}
#pageMain .myPort .frmBox form .formFooter {
  overflow: hidden;
}
#pageMain .myPort .frmBox form .formFooter .frmActions .advance .submit {
  float: right;
  background: #e4032c;
  padding: 0.2em 0.5em;
  cursor: pointer;
}
#pageMain .myPort .frmBox form .formFooter .frmActions .advance .submit:hover {
  background: #636363;
}
#pageMain .myPort .focusFooter .more {
  margin-top: 0.5em;
}
form .frmRow .checkboxes .detail .controls .control {
  background: none;
  padding: 0.35em 0.5em;
  margin-bottom: 0.75em;
}
form .frmRow .checkboxes .detail .controls .control label {
  display: block;
  padding-left: 30px;
  background: transparent url("img/filter-inactive.gif") left center no-repeat;
}
form .frmRow .checkboxes .detail .controls .control label.checked {
  background: transparent url("img/filter-active.gif") left center no-repeat;
}
form .frmRow .checkboxes .detail .controls .control label .extra {
  margin-left: 0.25em;
}
form .frmRow .checkboxes .detail .controls .control input {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
/* news ..................................................................... */
.news .modListMain li {
  padding-left: 20px;
  background: url("img/caret-right.svg") left 0.35em no-repeat;
  border-bottom: 1px solid #e6e2e2;
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
  background-position-x: 4px;
}
.news .modListMain li a .modDetailHeader .heading {
  margin-bottom: 0.5em;
}
.news .modListMain li a .modDetailHeader .heading span {
  font-size: 123.1%;
}
.news .modListMain li a .modDetailHeader .heading {
  text-decoration: none;
  color: #414a5a;
}
.news .modListMain li a:hover .modDetailHeader .heading {
  color: #e4032c;
}
.news .modListMain li a .modDetailHeader .meta {
  float: left;
  /*background:url("img/news-meta-sep.gif") right center no-repeat;*/
  margin-right: 0.5em;
  padding-right: 0.5em;
  position: relative;
  top: 0.5em;
}
.news .modListMain li a .modDetailHeader .date .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.news .modListMain li a .modDetailHeader .date .detail span {
  margin-right: 0.15em;
  color: #e4032c;
}
.news .modListMain li a .modDetailMain .textblock p {
  margin: 0;
  font-size: 100%;
  line-height: 1.25em;
  color: #414a5a;
  font-weight: 400;
}
.news .modListMain li a:hover .modDetailMain .textblock p {
  color: #e4032c;
}
.news .downloads .modListMain li {
  background: none;
  padding-left: 0;
  border: none;
}
.grdTwoLeft .content .news .modDetailHeader .meta {
  background: url("img/news-meta-sep.gif") no-repeat scroll right center transparent;
  float: left;
  margin-right: 0.5em;
  padding-right: 0.5em;
  position: relative;
  top: 1.1em;
}
.grdTwoLeft .content .news .modDetailHeader .meta .spec .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.grdTwoLeft .content .news .modDetailHeader .meta .spec .detail span {
  margin-right: 0.25em;
}
.grdTwoLeft .content .news .modDetailMain .textblock.intro p {
  margin-top: 0;
  font-weight: 400;
}
.grdTwoLeft .content .news .modDetailMain .textblock.intro:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grdTwoLeft .content .news .modDetailMain .textblock.intro {
  display: inline-block;
  display: block;
}
.grdTwoLeft .content .news .modDetailMain .textblock.intro .image {
  float: right;
  margin-bottom: 0.75em;
}
.grdTwoLeft .content .news .modDetailMain .textblock.intro .image .image {
  margin: 0;
}
.news .modDetailHeader {
  margin-bottom: 1em;
}
/* related */
.grdTwoLeft .content .related .news .modDetailMain .textblock.intro:after {
  clear: none;
}
.grdTwoLeft .content .news .related .focusEvent li,
.grdTwoLeft .content .news .related .focusPub li {
  background: none;
}
.grdTwoLeft .content .news .related .modDetailHeader .meta {
  position: static;
}
.grdTwoLeft .content .related .news .modDetailHeader .meta {
  position: relative;
  top: 0.5em;
}
.hasRelated .focus.recentNews .focusHeader {
  margin-top: 1em;
}
.hasRelated .focus.focusPub .focusHeader {
  margin-top: 1em;
}
/* gallery .................................................................. */
.modDetail.gallery .modDetailHeader {
  margin-bottom: 1em;
}
/* gallery */
div.gallery {
  overflow: hidden;
}
div.gallery ul li {
  float: left;
  margin-right: 0.65em;
  margin-top: 0.75em;
}
div.gallery ul li .image .graphic a {
  background: #efefef;
  display: block;
  margin-bottom: 0.7em;
  text-align: center;
}
div.gallery ul li .image .graphic a:hover {
  background: #e4032c;
  padding-bottom: 0.5em;
  margin-bottom: 0.2em;
}
div.gallery ul li .image .graphic a img {
  display: inline !important;
}
/* gallery page */
body.gallery .gallery ul {
  margin-left: -0.85em;
}
body.gallery .gallery ul li {
  margin-right: 0.85em;
}
body.gallery .gallery.full ul {
  margin-left: -10px;
  width: 970px;
}
body.gallery .gallery.full ul li {
  width: 184px;
  margin-left: 10px;
  margin-right: 0;
}
/* event .................................................................... */
.events .modListHeader .navFilter {
  position: absolute;
  top: 0;
  right: 0;
}
.events .modListHeader .navFilter h2.heading {
  display: inline;
}
.events .modListHeader .navFilter h2.heading span {
  font-size: 100%;
  font-weight: normal;
  font-family: arial, trebuchet MS, tahoma, helvetica, clean, sans-serif;
}
.events .modListHeader .navFilter ul {
  display: inline;
}
.events .modListHeader .navFilter ul li {
  display: inline;
  background: transparent;
}
.events .modListHeader .navFilter ul li.first {
  padding-right: 8px;
  background: transparent url('img/separator-dash.gif') right center no-repeat;
  margin-right: 3px;
}
.events .modListHeader .navFilter ul li a {
  padding: 0 0.2em;
  color: #e4032c;
  background: transparent;
  display: inline;
  text-decoration: none;
}
.events .modListHeader .navFilter ul li a:hover {
  text-decoration: underline;
}
.events .modListHeader .navFilter ul li span {
  padding: 0 0.2em;
  font-weight: normal;
  color: #414A5A;
  background: transparent;
  display: inline;
}
.events .modListMain li {
  padding-left: 4.5em;
  position: relative;
  border-bottom: 1px solid #e6e2e2;
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
  overflow: hidden;
}
.events .modListMain li:last-child {
  margin-bottom: 0;
}
.events .modListMain li .image {
  float: right;
  margin-left: 1em;
}
.events .modListMain li a .modDetailHeader .heading {
  margin-bottom: 0.5em;
}
.events .modListMain li a .modDetailHeader .heading span {
  font-size: 123.1%;
}
.events .modListMain li a .modDetailHeader .heading {
  text-decoration: none;
  color: #414a5a;
}
.events .modListMain li a:hover .modDetailHeader .heading {
  color: #e4032c;
}
.events .modListMain li a .modDetailHeader .meta .date .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.events .modListMain li a .modDetailHeader .meta .date {
  position: absolute;
  left: 0;
  top: 0;
  width: 4em;
}
.events .modListMain li a .modDetailHeader .meta .date .day {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  font-size: 197%;
  display: block;
  line-height: 1em;
  color: #414a5a;
}
.events .modListMain li a .modDetailHeader .meta .date .weekday {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.events .modListMain li a .modDetailHeader .meta .date .month {
  margin-top: 1.7em;
}
.events .modListMain li a .modDetailHeader .meta .date .month,
.events .modListMain li a .modDetailHeader .meta .date .year {
  display: block;
  color: #9b8c8c;
  font-size: 108%;
  line-height: 1.15em;
}
.events .modListMain li a:hover .modDetailHeader .meta .date .day,
.events .modListMain li a:hover .modDetailHeader .meta .date .month,
.events .modListMain li a:hover .modDetailHeader .meta .date .year {
  color: #e4032c;
}
.events .modListMain li a .modDetailMain .textblock p {
  margin: 0;
  font-size: 100%;
  line-height: 1.25em;
  color: #252525;
  font-weight: 400;
}
.event .downloads .modListMain li {
  background: none;
  padding-left: 0;
}
/* chinese date */
.langCH .events .modListMain li a .modDetailHeader .meta .date .day {
  top: auto;
  bottom: 0;
}
.langCH .events .modListMain li a .modDetailHeader .meta .date .month {
  margin-top: 0;
}
.langCH .events .modListMain li a .modDetailHeader .meta .date .year {
  position: absolute;
  top: 0;
  left: 0;
}
.langCH .events .modListMain li a .modDetailHeader .meta .date {
  padding-bottom: 2.1em;
  padding-top: 1.5em;
  width: 4.35em;
}
.langCH .events .modListMain li {
  padding-left: 4.75em;
}
/* services .................................................................... */
.services .modListHeader h1.heading {
  margin-bottom: 1em;
}
.services .modListMain .service {
  padding-left: 20px;
  background: url("img/news-item-arrow.gif") left 0.35em no-repeat;
  margin-bottom: 0.75em;
}
.services .modListMain .service a {
  color: #414a5a;
}
.services .modListMain .service a .modDetailHeader h3.heading {
  margin-bottom: 0.5em;
}
.services .modListMain .service a:hover .modDetailHeader h3.heading {
  color: #e4032c;
}
.services .modListMain .service a .modDetailHeader .heading span {
  font-size: 123.1%;
}
.services .modListMain .service a .modDetailHeader .heading span a {
  text-decoration: none;
  color: #414a5a;
}
.services .modListMain .service a .modDetailHeader .heading span a:hover {
  color: #e4032c;
}
.services .modListMain .service a .modDetailMain .textblock p {
  margin: 0;
  font-size: 100%;
  line-height: 1.25em;
  color: #414a5a;
  font-weight: 400;
}
.services .modListMain .service a .modDetailMain .textblock p .match {
  color: #e4032c;
  font-weight: 700;
}
.services .modListMain .service a:hover .modDetailMain .textblock p {
  color: #e4032c;
}
.services .modListMain .service a .modDetailFooter .navBreadcrumb {
  margin-top: 0.35em;
}
/* pdf module ............................................................... */
#pageMain .pdfModule .frmBox.search {
  border: 1px solid #ccc;
  background: #fff;
  -moz-box-shadow: inset 0 0 0 #fff;
  -o-box-shadow: inset 0 0 0 #fff;
  -webkit-box-shadow: inset 0 0 0 #fff;
  box-shadow: inset 0 0 0 #fff;
  position: relative;
  min-height: 0;
  margin-top: 0;
}
#pageMain .pdfModule .frmBox.search * {
  display: block;
}
#pageMain .pdfModule .frmBox.search .formMain {
  margin: 0;
}
#pageMain .pdfModule .frmBox.search .frmRow {
  margin: 0.25em 0;
}
#pageMain .pdfModule .frmBox.search .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
#pageMain .pdfModule .frmBox.search .control input {
  -moz-box-shadow: 0 0 0 #fff;
  -o-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  border: none;
  color: #131333;
  font-style: italic;
}
#pageMain .pdfModule .frmBox.search .formFooter {
  margin: 0;
}
#pageMain .pdfModule .frmBox.search .formFooter .submit {
  background: #ffffff url(img/pdf-search-submit.png) center center no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  text-indent: -999em;
  letter-spacing: -999em;
}
.pdfModule .module {
  border: 1px solid #ccc;
  position: relative;
}
.pdfModule .module .moduleHeader .heading {
  margin: 0.5em 1em;
  font-family: "Moderat", Arial;
}
.pdfModule .module .moduleHeader .heading span {
  font-size: 138.5%;
  font-weight: 400;
}
.pdfModule .module .moduleMain .notify {
  margin: 0.5em 1em;
  padding: 0.55em 0.75em;
  padding-left: 38px;
  background: #01a185 url(img/pdf-confirm.png) 10px center no-repeat;
}
.pdfModule .module .moduleMain .notify .heading span {
  font-size: 100%;
  color: #fff;
}
.pdfModule .module .moduleMain .fiche {
  margin: 0.75em 1em;
  margin-bottom: 0;
}
.pdfModule .module .moduleMain .fiche .spec {
  overflow: hidden;
}
.pdfModule .module .moduleMain .fiche .spec .caption {
  float: left;
  line-height: 1.25em;
}
.pdfModule .module .moduleMain .fiche .spec .detail {
  float: right;
  color: #959595;
}
.pdfModule .module .moduleMain .add a {
  margin: 0.5em 1em;
  padding: 0.55em 0.75em;
  padding-left: 38px;
  background: #d20039 url(img/action-pdf-add.png) 10px center no-repeat;
  display: block;
  color: #fff;
  text-decoration: none;
}
.pdfModule .module .moduleMain .download {
  margin: 0 1em;
  text-align: right;
  color: #959595;
}
.pdfModule .module .moduleFooter {
  margin: 1em;
  margin-top: 0.75em;
  border-top: 1px dashed #ccc;
  padding-top: 0.75em;
  text-align: center;
}
.pdfModule .module .flyout {
  position: absolute;
  right: 1em;
  top: 0.75em;
  z-index: 100;
  cursor: pointer;
}
.pdfModule .module .flyout .content {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
  border: 1px solid #a9a9a9;
  background: #e8e8e8;
  -moz-box-shadow: 0 0 3px rgba(64, 64, 64, 0.5);
  -o-box-shadow: 0 0 3px rgba(64, 64, 64, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(64, 64, 64, 0.5);
  box-shadow: 0 0 3px rgba(64, 64, 64, 0.5);
}
.pdfModule .module .flyout .content:before {
  content: "";
  background: url(img/pdf-flyout-arrow.png) left top no-repeat;
  width: 11px;
  height: 19px;
  position: absolute;
  right: -11px;
  top: 3em;
}
.pdfModule .module .flyout .content .textblock {
  margin: 1em;
  overflow: visible;
}
.pdfModule .module .flyout .content .close {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
.pdfModule .module .flyout .content .close a {
  display: block;
  background: url(img/pdf-close-flyout.png) left top no-repeat;
  width: 26px;
  height: 26px;
  text-indent: -999em;
  letter-spacing: -999em;
}
.pdfModule .module .flyout.jOpen .content {
  left: auto !important;
  right: 30px !important;
  top: -3em;
  width: 20em !important;
  z-index: 100;
}
/* .pageIntro */
.pageIntro {
  zoom: 1;
  display: inline-block;
  display: block;
}
.pageIntro:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.pageIntro .pdfModule {
  float: right;
  margin-left: 1.5em;
  width: 20em;
}
/* sitemap .................................................................. */
.sitemap .siteSection {
  margin-top: 1.5em;
}
.sitemap .siteSection h2.heading {
  background: #f5f3f3;
  border-top: 2px solid #efefef;
  padding: 0.5em 1em;
}
.sitemap .siteSection h2.heading span {
  font-size: 133%;
}
.sitemap .siteSection h2.heading span a {
  color: #414a5a;
  text-decoration: none;
}
.sitemap .siteSection h2.heading span a:hover {
  color: #e4032c;
}
.sitemap .siteSection ul {
  overflow: hidden;
  padding-left: 1em;
}
.sitemap .siteSection ul li {
  margin-top: 0.75em;
  float: left;
  width: 15%;
  margin-left: 2%;
}
.sitemap .siteSection ul li:nth-child(6n+1) {
  margin-left: 0;
}
.sitemap .siteSection ul li h3.heading {
  background: transparent url('img/sitemap-header-arrow.gif') right bottom no-repeat;
}
.sitemap .siteSection ul li h3.heading span {
  font-size: 133%;
  font-family: "ModeratBold", Arial;
  color: #414a5a;
}
.sitemap .siteSection ul li h3.heading span a {
  display: block;
  text-decoration: none;
  color: #414a5a;
}
.sitemap .siteSection ul li h3.heading span a:hover {
  color: #e4032c;
}
.sitemap .siteSection .level1 {
  overflow: hidden;
  margin-top: 0.75em;
}
.sitemap .siteSection .level1 h3.heading {
  width: 20.5%;
  float: left;
  padding-left: 1.5%;
}
.sitemap .siteSection .level1 h3.heading span {
  font-size: 125%;
}
.sitemap .siteSection .level1 h3.heading span a {
  color: #414a5a;
  text-decoration: none;
}
.sitemap .siteSection .level1 h3.heading span a:hover {
  color: #e4032c;
}
.sitemap .siteSection .level1 ul {
  padding-left: 0;
  width: 78%;
  float: left;
  overflow: hidden;
}
.sitemap .siteSection .level1 ul li {
  width: 27.33%;
  margin: 0 0 0.75em 0;
  padding: 0 2% 0 0;
  float: left;
}
.sitemap .siteSection .level1 > ul > li {
  min-height: 0px !important;
}
.sitemap .siteSection .level1 > ul > li {
  border-bottom: 1px solid #414A5A;
  padding-bottom: 0.75em;
}
/*.sitemap .siteSection .level1 > ul > li:nth-last-child(-n+3) {border-bottom:none; padding-bottom:0;}*/
.sitemap .siteSection .level1 ul li h4.heading span {
  font-family: "ModeratBold", Arial;
  color: #414a5a;
  font-size: 120%;
}
.sitemap .siteSection .level1 ul li h4.heading span a {
  color: #414a5a;
  text-decoration: none;
}
.sitemap .siteSection .level1 ul li h4.heading span a:hover {
  color: #e4032c;
}
.sitemap .siteSection .level1 ul li .level2 ul {
  width: 100%;
  float: none;
}
.sitemap .siteSection .level1 ul li .level2 ul li {
  border-bottom: 0;
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: 0.35em;
}
.sitemap .siteSection .level1 ul li .level2 ul li a {
  color: #414a5a;
  text-decoration: none;
}
.sitemap .siteSection .level1 ul li .level2 ul li a:hover {
  color: #e4032c;
}
.sitemap .siteSection .level2 {
  padding-left: 1.5em;
  border-left: 1px solid #EBEBEB;
}
.sitemap .siteSection .level2 .heading {
  margin-bottom: 0.5em;
}
.sitemap .siteSection .level2 ul li {
  border: none;
}
/* modDetail ................................................................ */
li.modDetail > a {
  text-decoration: none;
}
li.modDetail > a:hover {
  color: #e4032c;
}
li.modDetail.event > a:hover .meta .detail span {
  color: #e4032c;
}
/* imageFocus ............................................................... */
.imageFocus a {
  display: block;
  text-decoration: none;
  color: #414a5a;
}
.imageFocus a:hover {
  color: #e4032c;
}
.imageFocus a .image {
  overflow: hidden;
}
.imageFocus a .image img {
  display: block;
}
.context .imageFocus {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #414A5A;
  padding-bottom: 1.5em;
}
.context .imageFocus .focusHeader {
  background: url("img/focus-header-arrow.gif") right bottom no-repeat;
  padding-left: 0;
}
.context .imageFocus .focusHeader:hover {
  background-image: url("img/focus-header-arrow-active.gif");
}
/* overlays ................................................................. */
.overlay {
  display: none;
}
.jPop .overlay {
  margin-left: 0;
  left: 30%;
  width: 50em;
}
.jPop #overlays {
  background: rgba(0, 0, 0, 0.7);
  text-align: left;
}
.jPop #overlays {
  z-index: 10000;
}
.overlay {
  background: #fff;
}
.overlay .frmBox {
  margin: 1em;
  background: #fff;
}
.overlay .frmBox .formHeader {
  position: relative;
  border-bottom: 2px solid #E1E1E1;
  margin: 1.75em;
  margin-bottom: 1.5em;
  padding-bottom: 1.75em;
}
.overlay .frmBox .formHeader .heading span {
  font-family: "Moderat";
  font-size: 161.6%;
  font-weight: 400;
}
.overlay .frmBox .formHeader .close {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.overlay .frmBox .formHeader .requiredNotification {
  position: absolute;
  top: 0.6em;
  right: 0;
}
.overlay .frmBox .formMain {
  margin-left: 0;
  margin-right: 0;
}
.overlay .frmBox .formMain .textblock {
  margin-left: 1.75em;
  margin-right: 1.75em;
  margin-bottom: 1.5em;
}
.overlay .frmBox .formMain .textblock p {
  margin: 0;
}
.overlay .frmBox .formMain .frmRow {
  margin: 0;
  padding: 0.75em 1.75em;
  background: #f7f7f7;
}
.overlay .frmBox .formMain .frmRow:nth-child(2) {
  border-top: 2px solid #ebebeb;
}
.overlay .frmBox .formMain .frmRow:last-child {
  border-bottom: 2px solid #ebebeb;
  padding-top: 0em;
}
.overlay .frmBox .formMain .frmRow:last-child .inputElement {
  border-top: 2px dotted #ebebeb;
  padding-top: 0.75em;
}
.overlay .frmBox .formMain .frmRow:last-child .inputElement .detail {
  margin-left: 0;
}
.overlay .frmBox .formFooter {
  margin: 1.5em 1.75em;
}
.overlay .frmBox .formFooter a {
  float: none;
}
.overlay .frmBox .formFooter .abort {
  float: left;
}
.overlay .notify {
  background: #f7f7f7;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
  padding: 1em 1.75em;
}
.overlay .notify p,
.overlay .notify .heading span {
  color: #636363;
}
.overlayUpToDateConfirm .frmBox .formFooter .abort {
  float: right;
  color: #636363;
}
.overlayUpToDateConfirm .frmBox .formFooter .abort a {
  background: url("img/navAlt-sep.gif") left center no-repeat;
  padding-left: 0.75em;
  margin-left: 0.25em;
}
.jPop .overlay.overlaySurvey {
  padding: 3em;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  top: 50%;
  margin-top: -135px;
}
.overlaySurvey p {
  font-size: 16px;
  text-align: center;
  line-height: 1.35em;
}
.overlaySurvey .header {
  position: relative;
  min-height: 30px;
}
.overlaySurvey .header .heading {
  font-size: 16px;
  text-align: center;
  padding: 0 30px;
  font-size: 18px;
}
.overlaySurvey .header .btnClose {
  top: -15px;
  right: -15px;
  position: absolute;
}
.overlaySurvey .footer {
  text-align: center;
  margin-top: 2em;
}
.overlaySurvey .btnConfirm,
.overlaySurvey .btnCancel {
  background: #e4032c;
  color: #fff;
  padding: 0.75em 1em;
  text-decoration: none;
  display: inline-block;
  margin-right: 1em;
  font-size: 16px;
}
.overlaySurvey .btnCancel {
  background: #414A5A;
}
.overlaySurvey .checkbox {
  margin-top: 1.5em;
  font-size: 14px;
}
.overlaySurvey .checkbox input {
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.overlaySurvey .btnClose {
  width: 15px;
  height: 15px;
  background: url(img/close.png) no-repeat 50% 50%;
  display: block;
  text-indent: -999em;
  letter-spacing: -999em;
  float: right;
}
/* search ................................................................... */
.search {
  border: 2px solid #d7d7d7;
  position: relative;
  width: 18em;
  padding-left: 24px;
  min-height: 24px;
  line-height: 24px;
}
.search * {
  display: inline;
}
.search .inputElement .caption {
  float: none;
  position: static;
}
.search .inputElement .detail {
  margin-left: 0;
}
.search label {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.search .form-text {
  border: none;
  padding: 0em 0.25em;
  line-height: 24px;
  height: 24px;
}
.search .submit {
  background: url("img/search.gif") left top no-repeat;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border: none;
  text-indent: 24px;
  position: absolute;
  right: 0;
  top: 0;
  float: none;
  text-indent: -999em;
  letter-spacing: -999em;
}
.search .abort {
  position: absolute;
  left: 26em;
  top: 0;
  width: 20em;
}
/* poa-header */
#pageHeader .search {
  position: absolute;
  right: 0;
  top: 0.75em;
  padding-left: 0;
}
#pageHeader .search .form-text {
  width: 15em;
  border: 1px solid #fff;
}
/* poa-site */
#pageMain .frmBox.search {
  width: auto;
  margin-bottom: 1.5em;
  margin-top: 2em;
  padding-left: 0;
  line-height: 13px;
}
#pageMain .frmBox.search .inputElement .caption {
  float: left;
  width: auto;
  margin-right: 0.5em;
}
#pageMain .frmBox.search .inputElement .caption .label {
  position: static !important;
  line-height: 1.6em;
}
#pageMain .frmBox.search .inputElement .detail {
  margin-left: 0.5em;
}
#pageMain .frmBox.search .inputElement .detail .form-text {
  padding: 0;
}
#pageMain .frmBox.search .formFooter {
  margin: 1em;
  float: left;
}
#pageMain .frmBox.search .formFooter .abort {
  margin-left: 1em;
  position: relative;
  top: 3px;
  right: auto;
  left: auto;
  bottom: auto;
}
#pageMain .frmBox.search .formFooter .advance,
#pageMain .frmBox.search .formFooter .abort {
  float: left;
}
#pageMain .frmBox.search .formMain {
  float: left;
  margin-bottom: 0em;
}
#pageMain .frmBox.search .formFooter input {
  position: static;
  width: auto;
  height: auto;
  letter-spacing: normal;
  text-indent: 0;
  float: left;
}
#pageMain .frmBox.search .form-text {
  width: 22.5em;
  border: 1px solid #fff;
  font-size: 100%;
}
#pageMain .frmBox.search .search-form {
  margin: 0;
}
/* grdTwoLeft*/
#pageMain .grdTwoLeft .frmBox.search {
  margin-top: 0;
}
/* search results ........................................................... */
body.searchPage #pageMain h1.heading span {
  font-size: 100%;
  font-weight: 300;
  font-family: Arial;
}
body.searchPage #pageMain .grdOne {
  margin-left: 0;
  margin-top: 1.25em;
  border: none;
}
body.searchPage #pageMain .grdOne > * {
  margin-left: 0;
}
.results .modListMain .result {
  padding-left: 20px;
  background: url("img/caret-right.svg") left 0.35em no-repeat;
  margin-bottom: 0.75em;
}
.results .modListMain .result .modDetailHeader h3.heading {
  margin-bottom: 0.5em;
}
.results .modListMain .result .modDetailHeader .heading span {
  font-size: 123.1%;
}
.results .modListMain .result .modDetailHeader .heading span a {
  text-decoration: none;
  color: #414a5a;
}
.results .modListMain .result .modDetailHeader .heading span a:hover {
  color: #e4032c;
}
.results .modListMain .result .modDetailMain .textblock p {
  margin: 0;
  font-size: 100%;
  line-height: 1.25em;
  color: #414a5a;
}
.results .modListMain .result .modDetailMain .textblock p .match {
  color: #e4032c;
  font-weight: 700;
}
.results .modListMain .result .modDetailFooter .navBreadcrumb {
  margin-top: 0.35em;
}
.results .modListMain .result .modDetailFooter .navBreadcrumb .page {
  text-decoration: none;
}
/* .......................................................................... */
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 07. form structure                                                         */
/* formbox .................................................................. */
#pageMain .frmBox {
  /*.insetBox;*/
  background: #f2f2f2;
  overflow: hidden;
  /*padding: 1em;*/
}
/* TH-EDIT : added padding, could not test local */
#pageMain .frmBox .formMain {
  margin: 1em;
}
#pageMain .frmBox .frmRow {
  margin: 0.75em 0;
}
#pageMain .frmBox .formFooter {
  margin: 1em 1em 2em 15em;
  overflow: hidden;
}
#pageMain .frmBox .formFooter a {
  float: left;
}
#pageMain .frmBox .formFooter input {
  background: #e4032c;
  color: #fff;
  padding: 0.5em 0.75em;
  border: none;
  float: right;
  position: static;
  height: 28px;
}
#pageMain .frmBox .formFooter input[disabled="disabled"] {
  opacity: 0.5;
}
/* input element ............................................................ */
#pageMain .inputElement .caption {
  float: left;
  width: 12em;
  text-align: right;
  position: relative;
}
#pageMain .inputElement .caption .required {
  position: absolute;
  right: -1em;
  top: 0;
}
#pageMain .inputElement .detail {
  margin-left: 14em;
}
#pageMain .inputElement .detail select {
  width: 20.75em;
  padding: 0.5em;
  height: 34px;
}
#pageMain .inputElement .detail .form-text {
  width: 20em;
  padding: 0.5em 0.75em;
  height: 28px;
}
#pageMain .inputElement .detail textarea {
  width: 35em;
  height: 12em;
}
#pageMain .inputElement .detail .grippie {
  width: 35em;
}
#pageMain .inputElement .detail .form-text,
#pageMain .inputElement .detail textarea,
#pageMain .inputElement .detail select {
  border: 1px solid #d7d7d7;
  /*.drop(0,0);*/
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* webform */
#pageMain .webform-client-form .frmRow {
  margin: 1.25em 0em;
}
#pageMain .webform-client-form .inputElement .caption {
  float: none;
  width: auto;
  text-align: left;
  margin-bottom: 5px;
}
#pageMain .webform-client-form .inputElement .caption label {
  line-height: 1.25em;
}
#pageMain .webform-client-form .inputElement .caption .required {
  position: static;
}
#pageMain .webform-client-form .inputElement .detail {
  margin-left: 0;
}
/* checkbox ................................................................. */
.checkboxes .detail .control {
  position: relative;
  width: 100%;
  padding: 0.25em 0em;
  margin: 0.25em 0;
  padding-left: 30px;
}
.checkboxes .detail .control input {
  position: absolute;
  left: 0.25em;
  top: 0.25em;
}
/* radiolist ................................................................ */
.radio .detail .control {
  position: relative;
  padding: 0.25em 0em;
  margin: 0.25em 0;
  padding-left: 30px;
}
.radio .detail .control input {
  position: absolute;
  left: 0.25em;
  top: 0.25em;
}
/* webform grid ............................................................. */
#pageMain .inputElement.webform-grid .detail table.sticky-header {
  display: none;
}
#pageMain .inputElement.webform-grid .detail table {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
}
#pageMain .inputElement.webform-grid .detail table tr td,
#pageMain .inputElement.webform-grid .detail table tr th {
  padding: 0.5em 1em;
}
#pageMain .inputElement.webform-grid .detail table tr td {
  border: 1px solid #ccc;
}
#pageMain .inputElement.webform-grid .detail table tr td.webform-grid-option {
  text-align: center;
}
#pageMain .inputElement.webform-grid .detail table tr th {
  background-color: #434343;
  color: #fff;
}
/* fieldset ................................................................. */
fieldset {
  position: relative;
  margin: 0em;
  margin-bottom: 1.5em;
  border-top: 2px dotted #e1e1e1;
  padding-top: 1px;
}
fieldset .legend {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0.5em;
  font-size: 161.6%;
  font-family: "Moderat";
  color: #414a5a;
}
fieldset .legend a {
  color: #414a5a;
  text-decoration: none;
  font-size: 100%;
}
fieldset .fsContent {
  margin-top: 3.25em;
}
.formMain fieldset:first-child {
  border-top: none;
}
/* collapsible fieldset */
html.js fieldset.collapsible.collapsed {
  height: auto;
  overflow: visible;
}
fieldset.collapsible .legend a {
  padding-left: 13px;
  background: url(img/fieldset-excol.png) 0px -71px no-repeat;
}
fieldset.collapsible.collapsed .legend a {
  background-position: -51px 9px;
}
fieldset.collapsible {
  overflow: hidden;
  padding-top: 3.75em;
}
fieldset.collapsible .fsContent {
  overflow: hidden;
  margin-top: 0;
}
/* form error ............................................................... */
.formError {
  background: url("img/arrow-red-big.gif") left top no-repeat;
  padding-left: 60px;
  margin: 1.5em 1em;
  min-height: 41px;
}
.formError p,
.formError li {
  color: #e4032c;
}
.formError li {
  margin: 0.15em 0em;
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 10. sections                                                               */
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
/* carousel style */
.jcarousel-container {
  overflow: hidden;
}
/* overwrite system.messages.css*/
ul li.leaf,
#poa-footer .navSecond ul li {
  list-style-type: none;
  list-style-image: none;
}
.profile h3 {
  border-bottom: 0;
}
.pdf-viewer iframe {
  width: 100%;
  height: 800px;
}
#poa-site #pageMain div.focusrow div.focus.focus_block a div.focusMain div {
  color: #414A5A;
}
/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
/* 11. mobility platform                                                      */
/* autocomplete ............................................................. */
.ui-autocomplete {
  background-color: #fff;
  padding: 6px 0;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 200px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100 !important;
}
.ui-autocomplete li {
  margin: 0 6px !important;
  width: auto !important;
  display: block;
  float: none !important;
}
.ui-autocomplete li a,
.ui-autocomplete li > div {
  cursor: pointer;
  padding: 8px !important;
  display: block;
  font-size: 93%;
  color: #666;
  font-weight: bold;
}
.ui-autocomplete li a.ui-state-hover,
.ui-autocomplete li > div:hover {
  background-color: #f5f5f5;
  color: #414A5A;
  font-weight: bold !important;
  margin: 0 !important;
}
.ui-autocomplete li.country {
  border-bottom: 1px solid #f5f5f5;
}
.ui-autocomplete li.country {
  padding-left: 120px;
  position: relative;
}
.ui-autocomplete li.country > h1 {
  position: absolute;
  left: 0;
  font-size: 93%;
  color: #666;
  font-weight: normal;
  font-family: arial;
  padding-left: 19px;
  padding-top: 16px;
}
.ui-autocomplete li.country ul {
  border-left: 1px solid #f5f5f5;
  padding: 6px 0;
}
.ui-autocomplete li.country ul li {
  margin: 0 6px;
}
.ui-autocomplete li.country ul li a {
  font-size: 93%;
  color: #666;
  font-weight: bold;
  display: block;
  padding: 10px 12px;
}
.ui-autocomplete.countries > li {
  margin: 0;
}
.ui-autocomplete.countries {
  padding: 0;
  width: 340px;
}
/* focus - inland ......................................................... */
.focus.inland,
#pageMain .focusrow .focus.inland {
  border: 1px solid #d1d1d1;
  background-color: #e9e9e9;
  -moz-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -o-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -webkit-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  min-height: 272px;
}
.focus.inland .focusHeader {
  padding: 9px 8px;
  margin-bottom: 13px;
  background: url(img/focus-divider.png) left bottom repeat-x;
}
.focus.inland .focusHeader .heading span {
  font-size: 18px;
}
.focus.inland .focusFooter {
  background: #fff;
  border-top: 1px solid #d1d1d1;
  padding: 9px;
}
.focus.inland .focusFooter .more a {
  color: #252525;
  background: url(img/focus-inland-arrow.png) right -35px no-repeat;
}
.focus.inland .focusFooter .more a:hover {
  color: #e4032c;
  text-decoration: none;
  background-position: right -8px;
}
.focus.inland .spec .caption {
  font-size: 93%;
  line-height: 2.45em;
  width: 30px;
  float: left;
  text-align: center;
}
.focus.inland .spec .detail {
  line-height: 2.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 38px;
  font-weight: 700;
}
.focus.inland .lnkSwitch {
  position: absolute;
  left: 2px;
  top: 29px;
}
body.level1Page .focus.inland .lnkSwitch {
  display: none;
}
.focus.inland .lnkSwitch a {
  text-indent: -999em;
  letter-spacing: -999em;
  overflow: hidden;
  display: block;
  width: 27px;
  height: 26px;
  background: url(img/inland-switch.png) left top no-repeat;
}
#pageMain .focus.inland .frmBox {
  background: none;
  border: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
}
#pageMain .focus.inland .frmBox .formMain {
  position: relative;
  margin: 0px 9px;
  z-index: 20;
}
#pageMain .focus.inland .frmBox .formMain > *:first-child {
  margin-bottom: 25px;
}
#pageMain .focus.inland .frmBox .frmRow {
  margin: 0;
  position: relative;
}
#pageMain .focus.inland .inputElement .caption {
  width: 30px;
  font-size: 93%;
}
#pageMain .focus.inland .inputElement .caption .label {
  line-height: 2.45em;
  text-align: center;
  display: block;
}
#pageMain .focus.inland .inputElement .caption .label .required {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
#pageMain .focus.inland .inputElement .detail {
  margin-left: 38px;
  font-size: 93%;
}
#pageMain .focus.inland .inputElement .detail .form-text {
  border: 2px solid #d7d7d7;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 20em;
  padding: 5px 3px;
  padding-left: 52px;
}
#pageMain .focus.inland .inputElement .detail .control {
  width: 18em;
}
#pageMain .focus.inland .inputElement .detail .control .preloader {
  display: none;
  height: 14px;
  width: 14px;
  background: url(img/loading.gif) no-repeat;
  position: absolute;
  right: 34px;
  top: 8px;
}
body.mobilitySection.inlandPage.overviewPage #pageMain .focus.inland .inputElement .detail .control .preloader {
  right: 17px;
}
#pageMain .focus.inland .dropdown {
  position: absolute;
  left: 44px;
  top: 5px;
}
#pageMain .focus.inland .dropdown .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
#pageMain .focus.inland .dropdown .detail {
  margin: 0;
}
#pageMain .focus.inland .dropdown .detail .control {
  width: auto;
}
#pageMain .focus.inland .dropdown .detail select {
  width: 40px;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#pageMain .focus.inland .flyout.region {
  width: 36px;
}
#pageMain .focus.inland .flyout.region h1 {
  background: #d4d4d4 url(img/filter-region-arrow.png) right 7px no-repeat;
  padding: 3px 4px;
  text-align: center;
  padding-right: 14px;
  border-radius: 2px;
}
#pageMain .focus.inland .flyout.region h1 span {
  font-size: 93%;
  color: #3d3d3d;
  font-family: Arial;
}
#pageMain .focus.inland .flyout.region ul {
  /*display:none;*/
  z-index: 5;
  position: absolute;
  left: 0;
  margin-top: 8px;
  background: #fff;
  min-width: 120px;
  /*width:200px;*/
  max-width: 210px;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}
#pageMain .focus.inland .flyout.region ul li {
  padding: 8px 10px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#pageMain .focus.inland .flyout.region ul li .code {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
}
#pageMain .focus.inland .flyout.region ul li:hover {
  background: #f5f5f5;
  cursor: pointer;
}
#pageMain .focus.inland .frmBox .formFooter {
  margin-left: 47px;
  margin-top: 13px;
  margin-bottom: 13px;
  overflow: visible;
}
#pageMain .focus.inland .frmBox .formFooter input {
  float: none;
  text-align: left;
  width: 225px;
  font-size: 116%;
  font-weight: 700;
  padding: 6px 10px;
  background: #d20039 url(img/intraport-button-arrow.png) right 6px no-repeat;
  -moz-box-shadow: 0 0 7px rgba(0,0,0,.21), inset 3px 4px 76px rgba(0,0,0,.14), inset 0 0 2px #fff;
  -o-box-shadow: 0 0 7px rgba(0,0,0,.21), inset 3px 4px 76px rgba(0,0,0,.14), inset 0 0 2px #fff;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,.21), inset 3px 4px 76px rgba(0,0,0,.14), inset 0 0 2px #fff;
  box-shadow: 0 0 7px rgba(0,0,0,.21), inset 3px 4px 76px rgba(0,0,0,.14), inset 0 0 2px #fff;
}
#pageMain .focus.inland .frmBox .formFooter input.disabled {
  opacity: 0.5;
}
body.level1Page .focus.inland,
body.level1Page #pageMain .focusrow .focus.inland {
  background: url(img/focus-inland-bg.jpg) center top no-repeat;
  position: relative;
  min-height: 260px;
  padding-bottom: 37px;
}
body.level1Page .focus.inland .focusHeader {
  background: none;
}
body.level1Page #pageMain .focus.inland .frmBox .formMain > .spec {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.level1Page #pageMain .focus.inland .frmBox .formMain > .frmRow {
  margin-top: 85px;
}
body.level1Page .focus.inland .focusFooter {
  background: url(img/focus-inland-footer-bg.jpg) left top repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
body.level1Page .focus.inland .focusFooter a {
  font-size: 14px;
}
/* focus intraport .......................................................... */
.focus.intraport,
#pageMain .focusrow .focus.intraport {
  border: 1px solid #d1d1d1;
  background: #c4c2c8;
}
body.level1Page #pageMain .focusrow .focus.intraport {
  width: 31.5%;
  min-height: 272px;
}
.focus.intraport .focusHeader {
  padding: 9px 8px;
  background: url(img/focus-divider.png) left bottom repeat-x;
  margin: 0;
}
.focus.intraport .focusHeader .heading span {
  font-size: 18px;
}
.focus.intraport .focusHeader .heading span:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  margin-left: 5px;
  vertical-align: middle;
  background: url(img/focus-intraport-arrow.png) left -35px no-repeat;
}
.focus.intraport a:hover .focusHeader .heading span:after {
  background-position: left top;
}
.focus.intraport .image img {
  width: 99%;
}
#pageMain .focusrow .focus.intraport a .focusMain .image {
  margin: 0;
}
.focus.intraport .focusFooter {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.level1Page .focus.intraport .focusHeader {
  background: none;
}
body.level1Page .focus.intraport .focusHeader .heading span:after {
  display: none;
}
body.level1Page #pageMain .focus.intraport {
  position: relative;
  min-height: 0;
  margin-left: 0;
  border: 1px solid #d1d1d1;
  padding: 1em;
  background: #f9f9f9;
}
body.level1Page #pageMain .focus.intraport > a {
  min-height: 260px;
  padding-bottom: 37px;
  display: block;
}
body.level1Page #pageMain .focus.intraport .focusMain .textblock ul li {
  margin: 4px 0px;
  padding: 0;
  background: none;
}
body.level1Page #pageMain .focus.intraport .focusMain .textblock ul li a {
  color: #414A5A;
  font-weight: 400;
  background: url(img/focus-inland-arrow.png) right -35px no-repeat;
  padding-right: 18px;
}
body.level1Page #pageMain .focus.intraport .focusMain .textblock ul li a:hover {
  background-position: right -8px;
  color: #e4032c;
  text-decoration: none;
}
body.level1Page .focus.intraport .focusFooter {
  left: 0 !important;
  right: 0 !important;
  bottom: 0;
  border-top: 1px solid #acbab9;
  padding: 9px;
  background: #c4c2c8;
}
body.level1Page .focus.intraport .focusFooter .more a {
  color: #252525;
  font-size: 14px;
  background: url(img/focus-inland-arrow.png) right -35px no-repeat;
}
body.level1Page .focus.intraport .focusFooter .more a:hover {
  color: #e4032c;
  text-decoration: none;
  background-position: right -8px;
}
/* focus departures ......................................................... */
#pageMain .focusrow .focus.departuresArrivals {
  position: relative;
  background: url(img/focus-departures-bg.jpg) center top no-repeat;
  border: 1px solid #d1d1d1;
}
body.level1Page #pageMain .focusrow .focus.departuresArrivals {
  width: 31.45%;
}
.focus.departuresArrivals > a {
  min-height: 260px;
  padding-bottom: 37px;
  display: block;
}
.focus.departuresArrivals .focusHeader {
  background: none;
  padding: 9px 8px;
}
.focus.departuresArrivals .focusHeader .heading span {
  font-size: 18px;
}
.focus.departuresArrivals .focusFooter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #acbab9;
  padding: 9px;
  background: url(img/focus-inland-footer-bg.jpg) left top repeat;
}
.focus.departuresArrivals .focusFooter .more a {
  color: #252525;
  font-size: 14px;
  background: url(img/focus-inland-arrow.png) right -35px no-repeat;
}
.focus.departuresArrivals .focusFooter .more a:hover {
  color: #e4032c;
  text-decoration: none;
  background-position: right -8px;
}
/* focus mobility ........................................................... */
body.level1Page #pageMain .focusrow.sep {
  border-top: 2px solid #414A5A;
  padding-top: 22px;
}
body.level1Page #pageMain .focusrow:first-child {
  margin-bottom: 22px;
}
.focus.mobility,
body.level1Page #pageMain .focusrow .focus.mobility {
  position: relative;
  background: #f0f0f0;
  padding-left: 380px;
  padding-right: 30px;
  width: auto;
  float: none;
  margin-bottom: 30px;
}
.focus.mobility .focusHeader {
  background: none;
  padding: 0;
  margin-top: 40px;
  margin-bottom: 10px;
}
.focus.mobility .focusHeader .heading {
  padding: 0;
}
.focus.mobility .focusHeader .heading span {
  font-size: 191%;
  color: #252525;
}
.focus.mobility .focusMain .textblock {
  margin-bottom: 10px;
}
.focus.mobility .focusMain .textblock p {
  margin: 0;
  font-size: 138.5%;
}
.focus.mobility .focusMain .image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  width: 330px;
  overflow: hidden;
}
.focus.mobility .focusMain .image img {
  width: 100%;
  display: block;
}
.focus.mobility .focusFooter {
  margin-bottom: 30px;
}
.focus.mobility .focusFooter .more a {
  font-size: 123.1%;
}
.focusrow.v12.ll .focus.mobility,
body.level1Page #pageMain .focusrow.focusrow.v12.ll .focus.mobility {
  float: left;
  width: 405px;
  margin-left: 30px;
  padding-left: 30px;
}
.focusrow.v12.ll .focus.mobility:first-child,
body.level1Page #pageMain .focusrow.focusrow.v12.ll .focus.mobility:first-child {
  margin-left: 0;
}
.focusrow.v12.ll .focus.mobility .focusHeader,
body.level1Page #pageMain .focusrow.focusrow.v12.ll .focus.mobility .focusHeader {
  margin-top: 30px;
}
/* intraport - overview page ................................................ */
.intraportGridTwoRight .grdWrap1 {
  margin: 0;
  padding-right: 320px;
}
.intraportGridTwoRight .grdWrap1 .content {
  position: relative;
  z-index: 2;
}
.intraportGridTwoRight .grdWrap1 .content:after {
  content: "";
  display: block;
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  width: 8px;
  background: url(img/intraport-vertical-shade.png) right top repeat-y;
}
.intraportGridTwoRight .grdWrap1 .context {
  width: 320px;
  margin-right: -320px;
  position: relative;
  /*z-index:1;*/
}
.intraportGridTwoRight .grdWrap1 .context > .filters {
  margin-left: 0;
}
.intraportGridTwoRight .grdWrap1 .context > .search {
  margin-left: 0;
}
.intraportPage .grdTwoRight .grdWrap1 {
  margin: 0;
  padding-right: 320px;
}
.intraportPage .grdTwoRight .grdWrap1 .content {
  position: relative;
  z-index: 2;
}
.intraportPage .grdTwoRight .grdWrap1 .content:after {
  content: "";
  display: block;
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  width: 8px;
  background: url(img/intraport-vertical-shade.png) right top repeat-y;
}
.intraportPage .grdTwoRight .grdWrap1 .context {
  width: 320px;
  margin-right: -320px;
  position: relative;
  /*z-index:1;*/
}
.intraportPage .grdTwoRight .grdWrap1 .context > .filters {
  margin-left: 0;
}
.intraportPage .grdTwoRight .grdWrap1 .context > .search {
  margin-left: 0;
}
.operatorPage .grdTwoRight .grdWrap1 {
  margin: 0;
  padding-right: 320px;
}
.operatorPage .grdTwoRight .grdWrap1 .content {
  position: relative;
  z-index: 2;
}
.operatorPage .grdTwoRight .grdWrap1 .content:after {
  content: "";
  display: block;
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  width: 8px;
  background: url(img/intraport-vertical-shade.png) right top repeat-y;
}
.operatorPage .grdTwoRight .grdWrap1 .context {
  width: 320px;
  margin-right: -320px;
  position: relative;
  /*z-index:1;*/
}
.operatorPage .grdTwoRight .grdWrap1 .context > .filters {
  margin-left: 0;
}
.operatorPage .grdTwoRight .grdWrap1 .context > .search {
  margin-left: 0;
}
/* intraport - filters ...................................................... */
.intraportPage .filters {
  background: #c4c2c8;
  padding: 14px 20px;
}
.intraportPage .filters .navFilter {
  border: none;
  background: url(img/focus-divider.png) left top repeat-x;
}
.intraportPage .filters .navFilter:first-child {
  background: none;
}
.intraportPage .filters .navFilter .heading span {
  font-size: 18px;
  font-family: Arial;
}
.intraportPage .filters .navFilter ul {
  zoom: 1;
  display: inline-block;
  display: block;
  margin-left: -1.5%;
  background: none;
}
.intraportPage .filters .navFilter ul:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.intraportPage .filters .navFilter ul li {
  float: left;
  width: 48.5%;
  margin: 2px 0px;
  margin-left: 1.5%;
  background: none;
}
.intraportPage .filters .navFilter ul li:nth-child(2n+1),
.intraportPage .filters .navFilter ul li.nthChild3 {
  clear: left;
}
.intraportPage .filters .navFilter ul li .page {
  /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
  cursor: pointer;
}
.intraportPage .filters .navFilter ul li.active .page {
  background-color: #d9d9d9;
}
.intraportPage .filters .navFilter.toggle ul li.active .page {
  background-color: transparent;
}
.intraportPage .filters .navFilter.tagged ul {
  margin-left: -7px;
}
.intraportPage .filters .navFilter.tagged li {
  width: auto;
  position: relative;
  z-index: 10;
}
.intraportPage .filters .navFilter.tagged li .page {
  padding: 0.75em 1em;
  display: block;
  background: #e4032c;
  text-decoration: none;
  color: white;
  font-weight: 700;
  position: relative;
}
.intraportFilters {
  background: #c4c2c8;
  padding: 14px 20px;
}
.intraportFilters .navFilter {
  border: none;
  background: url(img/focus-divider.png) left top repeat-x;
}
.intraportFilters .navFilter:first-child {
  background: none;
}
.intraportFilters .navFilter .heading span {
  font-size: 18px;
  font-family: Arial;
}
.intraportFilters .navFilter ul {
  zoom: 1;
  display: inline-block;
  display: block;
  margin-left: -1.5%;
  background: none;
}
.intraportFilters .navFilter ul:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.intraportFilters .navFilter ul li {
  float: left;
  width: 48.5%;
  margin: 2px 0px;
  margin-left: 1.5%;
  background: none;
}
.intraportFilters .navFilter ul li:nth-child(2n+1),
.intraportFilters .navFilter ul li.nthChild3 {
  clear: left;
}
.intraportFilters .navFilter ul li .page {
  /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
  cursor: pointer;
}
.intraportFilters .navFilter ul li.active .page {
  background-color: #d9d9d9;
}
.intraportFilters .navFilter.toggle ul li.active .page {
  background-color: transparent;
}
.intraportFilters .navFilter.tagged ul {
  margin-left: -7px;
}
.intraportFilters .navFilter.tagged li {
  width: auto;
  position: relative;
  z-index: 10;
}
.intraportFilters .navFilter.tagged li .page {
  padding: 0.75em 1em;
  display: block;
  background: #e4032c;
  text-decoration: none;
  color: white;
  font-weight: 700;
  position: relative;
}
.toggleFilter .heading span {
  font-family: Arial;
  font-size: 18px;
}
.toggleFilter ul {
  border-radius: 3px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  margin: 0;
  background-color: #f1efef;
}
.toggleFilter ul li {
  margin: 0;
  float: left;
  clear: none !important;
  width: 25%;
  height: 36px;
  background: none;
}
.toggleFilter ul li .page {
  background: none;
  font-size: 16px;
  font-weight: 700;
  border-left: 1px solid #dbdbdb;
  padding: 8px 4px;
  padding-top: 9px;
  text-align: center;
}
.toggleFilter ul li.containerVessel .page {
  background: url(img/filter-toggle.png) center -178px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.toggleFilter ul li.containerVessel:hover .page,
.toggleFilter .intraportPage .navFilter.toggle ul li.containerVessel.active .page {
  background-position: center -218px;
}
.toggleFilter ul li.barge .page {
  background: url(img/filter-toggle.png) center 14px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.toggleFilter ul li.barge:hover .page,
.toggleFilter .intraportPage .navFilter.toggle ul li.barge.active .page {
  background-position: center -31px;
}
.toggleFilter ul li.sea .page {
  background: url(img/filter-toggle.png) center -177px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.toggleFilter ul li.sea:hover .page,
.toggleFilter .intraportPage .navFilter.toggle ul li.sea.active .page {
  background-position: center -217px;
}
.toggleFilter ul li.train .page {
  background: url(img/filter-toggle.png) center -84px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.toggleFilter ul li.train:hover .page,
.toggleFilter .intraportPage .navFilter.toggle ul li.train.active .page {
  background-position: center -129px;
}
.toggleFilter ul li.first .page {
  border-left: none;
}
.toggleFilter ul li.active {
  background-color: #fff;
  position: relative;
}
.toggleFilter ul li.active:after {
  content: '';
  display: block;
  background: #e4032c;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  position: absolute;
}
.intraportPage .navFilter.toggle .heading span {
  font-family: Arial;
  font-size: 18px;
}
.intraportPage .navFilter.toggle ul {
  border-radius: 3px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  margin: 0;
  background-color: #f1efef;
}
.intraportPage .navFilter.toggle ul li {
  margin: 0;
  float: left;
  clear: none !important;
  width: 25%;
  height: 36px;
  background: none;
}
.intraportPage .navFilter.toggle ul li .page {
  background: none;
  font-size: 16px;
  font-weight: 700;
  border-left: 1px solid #dbdbdb;
  padding: 8px 4px;
  padding-top: 9px;
  text-align: center;
}
.intraportPage .navFilter.toggle ul li.containerVessel .page {
  background: url(img/filter-toggle.png) center -178px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.intraportPage .navFilter.toggle ul li.containerVessel:hover .page,
.intraportPage .navFilter.toggle .intraportPage .navFilter.toggle ul li.containerVessel.active .page {
  background-position: center -218px;
}
.intraportPage .navFilter.toggle ul li.barge .page {
  background: url(img/filter-toggle.png) center 14px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.intraportPage .navFilter.toggle ul li.barge:hover .page,
.intraportPage .navFilter.toggle .intraportPage .navFilter.toggle ul li.barge.active .page {
  background-position: center -31px;
}
.intraportPage .navFilter.toggle ul li.sea .page {
  background: url(img/filter-toggle.png) center -177px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.intraportPage .navFilter.toggle ul li.sea:hover .page,
.intraportPage .navFilter.toggle .intraportPage .navFilter.toggle ul li.sea.active .page {
  background-position: center -217px;
}
.intraportPage .navFilter.toggle ul li.train .page {
  background: url(img/filter-toggle.png) center -84px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
.intraportPage .navFilter.toggle ul li.train:hover .page,
.intraportPage .navFilter.toggle .intraportPage .navFilter.toggle ul li.train.active .page {
  background-position: center -129px;
}
.intraportPage .navFilter.toggle ul li.first .page {
  border-left: none;
}
.intraportPage .navFilter.toggle ul li.active {
  background-color: #fff;
  position: relative;
}
.intraportPage .navFilter.toggle ul li.active:after {
  content: '';
  display: block;
  background: #e4032c;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  position: absolute;
}
/* intraport - search ....................................................... */
.intraportSearch {
  zoom: 1;
  display: inline-block;
  display: block;
  border: none;
  background-color: #e9e9e9;
  -moz-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -o-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -webkit-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  margin-top: 0;
  position: relative;
  padding: 14px 20px;
  overflow: visible;
}
.intraportSearch:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.intraportSearch * {
  display: block;
}
.intraportSearch form {
  position: relative;
}
.intraportSearch .formMain {
  margin: 0;
  float: left;
  display: block;
}
.intraportSearch .formMain .frmRow {
  margin: 0;
}
.intraportSearch .inputElement .caption {
  margin-bottom: 11px;
  height: 22px;
  float: none;
  width: auto;
  text-align: left;
}
.intraportSearch .inputElement .caption .label {
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 1.25em;
}
.intraportSearch .inputElement .detail {
  margin-left: 0;
}
.intraportSearch .inputElement .detail .form-text {
  width: 12em;
  padding: 2px 4px;
  font-weight: 700;
  font-size: 123.1%;
  font-family: Arial;
  background-image: none;
}
.intraportSearch .formFooter {
  margin: 0;
  position: absolute;
  right: 0px;
  top: 33px;
}
.intraportSearch .formFooter input {
  padding: 6px 9px;
}
.intraportSearch #autocomplete {
  background-color: #fff;
  padding: 6px 0;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 200px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100 !important;
  border: none;
}
.intraportSearch #autocomplete li {
  margin: 0 6px !important;
  width: auto !important;
  display: block;
  float: none !important;
}
.intraportSearch #autocomplete li a,
.intraportSearch #autocomplete li > div {
  cursor: pointer;
  padding: 8px !important;
  display: block;
  font-size: 93%;
  color: #666;
  font-weight: bold;
}
.intraportSearch #autocomplete li a.ui-state-hover,
.intraportSearch #autocomplete li > div:hover {
  background-color: #f5f5f5;
  color: #414A5A;
  font-weight: bold !important;
  margin: 0 !important;
}
.intraportSearch #autocomplete li.country {
  border-bottom: 1px solid #f5f5f5;
}
.intraportSearch #autocomplete li.country {
  padding-left: 120px;
  position: relative;
}
.intraportSearch #autocomplete li.country > h1 {
  position: absolute;
  left: 0;
  font-size: 93%;
  color: #666;
  font-weight: normal;
  font-family: arial;
  padding-left: 19px;
  padding-top: 16px;
}
.intraportSearch #autocomplete li.country ul {
  border-left: 1px solid #f5f5f5;
  padding: 6px 0;
}
.intraportSearch #autocomplete li.country ul li {
  margin: 0 6px;
}
.intraportSearch #autocomplete li.country ul li a {
  font-size: 93%;
  color: #666;
  font-weight: bold;
  display: block;
  padding: 10px 12px;
}
.intraportSearch #autocomplete.countries > li {
  margin: 0;
}
.intraportSearch #autocomplete.countries {
  padding: 0;
  width: 340px;
}
.intraportSearch #autocomplete li {
  white-space: normal;
}
.intraportPage #pageMain .frmBox.search {
  zoom: 1;
  display: inline-block;
  display: block;
  border: none;
  background-color: #e9e9e9;
  -moz-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -o-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -webkit-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  margin-top: 0;
  position: relative;
  padding: 14px 20px;
  overflow: visible;
}
.intraportPage #pageMain .frmBox.search:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.intraportPage #pageMain .frmBox.search * {
  display: block;
}
.intraportPage #pageMain .frmBox.search form {
  position: relative;
}
.intraportPage #pageMain .frmBox.search .formMain {
  margin: 0;
  float: left;
  display: block;
}
.intraportPage #pageMain .frmBox.search .formMain .frmRow {
  margin: 0;
}
.intraportPage #pageMain .frmBox.search .inputElement .caption {
  margin-bottom: 11px;
  height: 22px;
  float: none;
  width: auto;
  text-align: left;
}
.intraportPage #pageMain .frmBox.search .inputElement .caption .label {
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 1.25em;
}
.intraportPage #pageMain .frmBox.search .inputElement .detail {
  margin-left: 0;
}
.intraportPage #pageMain .frmBox.search .inputElement .detail .form-text {
  width: 12em;
  padding: 2px 4px;
  font-weight: 700;
  font-size: 123.1%;
  font-family: Arial;
  background-image: none;
}
.intraportPage #pageMain .frmBox.search .formFooter {
  margin: 0;
  position: absolute;
  right: 0px;
  top: 33px;
}
.intraportPage #pageMain .frmBox.search .formFooter input {
  padding: 6px 9px;
}
.intraportPage #pageMain .frmBox.search #autocomplete {
  background-color: #fff;
  padding: 6px 0;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 200px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100 !important;
  border: none;
}
.intraportPage #pageMain .frmBox.search #autocomplete li {
  margin: 0 6px !important;
  width: auto !important;
  display: block;
  float: none !important;
}
.intraportPage #pageMain .frmBox.search #autocomplete li a,
.intraportPage #pageMain .frmBox.search #autocomplete li > div {
  cursor: pointer;
  padding: 8px !important;
  display: block;
  font-size: 93%;
  color: #666;
  font-weight: bold;
}
.intraportPage #pageMain .frmBox.search #autocomplete li a.ui-state-hover,
.intraportPage #pageMain .frmBox.search #autocomplete li > div:hover {
  background-color: #f5f5f5;
  color: #414A5A;
  font-weight: bold !important;
  margin: 0 !important;
}
.intraportPage #pageMain .frmBox.search #autocomplete li.country {
  border-bottom: 1px solid #f5f5f5;
}
.intraportPage #pageMain .frmBox.search #autocomplete li.country {
  padding-left: 120px;
  position: relative;
}
.intraportPage #pageMain .frmBox.search #autocomplete li.country > h1 {
  position: absolute;
  left: 0;
  font-size: 93%;
  color: #666;
  font-weight: normal;
  font-family: arial;
  padding-left: 19px;
  padding-top: 16px;
}
.intraportPage #pageMain .frmBox.search #autocomplete li.country ul {
  border-left: 1px solid #f5f5f5;
  padding: 6px 0;
}
.intraportPage #pageMain .frmBox.search #autocomplete li.country ul li {
  margin: 0 6px;
}
.intraportPage #pageMain .frmBox.search #autocomplete li.country ul li a {
  font-size: 93%;
  color: #666;
  font-weight: bold;
  display: block;
  padding: 10px 12px;
}
.intraportPage #pageMain .frmBox.search #autocomplete.countries > li {
  margin: 0;
}
.intraportPage #pageMain .frmBox.search #autocomplete.countries {
  padding: 0;
  width: 340px;
}
.intraportPage #pageMain .frmBox.search #autocomplete li {
  white-space: normal;
}
/* terminals ............................................................... */
.modList.terminals > .modListHeader {
  padding: 12px 17px;
  padding-left: 0;
  position: relative;
}
.modList.terminals > .modListHeader .heading span {
  font-size: 182%;
  font-family: Arial;
}
.modList.terminals > .modListHeader .all {
  position: absolute;
  top: 20px;
  right: 10px;
}
.modList.terminals > .modListHeader .all a {
  padding-right: 20px;
  font-weight: 700;
  font-size: 108%;
  text-decoration: none;
  background: url(img/arrow-all.png) right 3px no-repeat;
}
.modList.terminals > .modListHeader .all a:hover {
  background-position: right -35px;
  color: #414A5A;
}
.modList.terminals > .modListHeader .viewToggle {
  position: absolute;
  right: 0;
  top: 18px;
}
.modList.terminals > .modListHeader .viewToggle li {
  float: left;
  border-left: 1px solid #999;
  padding: 0 8px;
}
.modList.terminals > .modListHeader .viewToggle li:first-child {
  border-left-width: 0;
}
.modList.terminals td > div.terminal {
  border-top: 1px solid #CBCBCB;
}
.modList.terminals ul > li.terminal {
  border-top: 1px solid #CBCBCB;
}
.modList.terminals .terminal > a {
  display: block;
  overflow: hidden;
  padding: 15px 12px;
  /*padding-left:312px;*/
  position: relative;
  color: #414A5A;
  text-decoration: none;
}
.modList.terminals .terminal > a:hover {
  -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  -o-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  color: #e4032c;
}
.modList.terminals .terminal .modDetailHeader {
  padding-left: 85px;
  position: relative;
  /*float:left; width:195px; margin-left:-300px;*/
  margin-bottom: 14px;
}
.modList.terminals .terminal .modDetailHeader .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 700;
  color: #e4032c;
  text-decoration: underline;
}
.modList.terminals .terminal .modDetailHeader .reference {
  position: absolute;
  left: 2px;
  top: -2px;
  background: url(img/intraport-reference-bg.png) left top no-repeat;
  width: 34px;
  height: 44px;
  overflow: hidden;
}
.modList.terminals .terminal a:hover .modDetailHeader .reference {
  background-position: left bottom;
}
.modList.terminals .terminal .modDetailHeader .reference .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.modList.terminals .terminal .modDetailHeader .reference .detail {
  font-size: 197%;
  line-height: 1.25em;
  font-family: "ModeratBold", Arial;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-top: 1px;
}
.modList.terminals .terminal .modDetailMain .contact {
  margin: 0;
  min-height: 0;
  float: right;
  width: 360px;
}
.modList.terminals .terminal .modDetailMain .contact .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.modList.terminals .terminal .modDetailMain .contact .fiche {
  margin: 0;
}
.terminal .modDetailMain .contact .fiche .telephone .detail {
  background: url(img/contact-icon-phone.png) 2px -50px no-repeat;
}
.terminal a:hover .modDetailMain .contact .fiche .telephone .detail {
  background-position: -48px 0px;
}
.terminal .modDetailMain .contact .fiche .email .detail {
  background: url(img/contact-icon-mail.png) 0px -54px no-repeat;
}
.terminal a:hover .modDetailMain .contact .fiche .email .detail {
  background-position: -47px 4px;
}
.terminal .modDetailMain .contact .fiche .url .detail {
  background: url(img/contact-icon-web.png) 0px -50px no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.terminal a:hover .modDetailMain .contact .fiche .url .detail {
  background-position: -45px 1px;
}
.modList.terminals .terminal .modDetailMain > .fiche {
  /*position:absolute; left:100px; top:53px;*/
  float: left;
  clear: left;
  /*margin-left:-213px;*/
  padding-left: 85px;
}
.modList.terminals .terminal .modDetailMain > .fiche .spec {
  float: left;
  margin-right: 9px;
}
.modList.terminals .terminal .modDetailMain > .fiche .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.modList.terminals .terminal .modDetailMain > .fiche .detail {
  width: 31px;
  height: 27px;
  text-indent: -999em;
  letter-spacing: -999em;
}
.modList.terminals .terminal .modDetailMain > .fiche .railLength .detail {
  width: 20px;
  background: url(img/intraport-transport-type-icons.png) left top no-repeat;
}
.modList.terminals .terminal a:hover .modDetailMain > .fiche .railLength .detail {
  background-position: left -27px;
}
.modList.terminals .terminal .modDetailMain > .fiche .moorLength .detail {
  background: url(img/intraport-transport-type-icons.png) -21px top no-repeat;
}
.modList.terminals .terminal a:hover .modDetailMain > .fiche .moorLength .detail {
  background-position: -21px -27px;
}
.modList.terminals .terminal .modDetailMain > .fiche .seaLength .detail {
  width: 26px;
  background: url(img/intraport-transport-type-icons.png) -52px top no-repeat;
}
.modList.terminals .terminal a:hover .modDetailMain > .fiche .seaLength .detail {
  background-position: -52px -27px;
}
.modList.terminals table {
  border: none;
}
.modList.terminals table td {
  border: none;
}
.modList.terminals > .modListFooter .more {
  border: 1px solid #f5f5f5;
  margin-right: 10px;
  margin-top: 15px;
}
.modList.terminals > .modListFooter .more a {
  text-decoration: none;
  font-weight: 700;
  display: block;
  padding: 5px;
  text-align: center;
}
.modList.terminals > .modListFooter .more a:hover {
  color: #414A5A;
}
.modList.terminals.viewList table td,
.modList.terminals.viewList table th {
  display: none;
}
.modList.terminals.viewList table tr.terminalRow td:first-child,
.modList.terminals.viewList table th:first-child {
  display: block;
}
.modList.terminals.viewList table td {
  padding: 0;
}
.inlandPage.overviewPage .modList.terminals {
  background: #f9f9f9;
  padding-bottom: 30px;
}
.inlandPage.overviewPage .modList.terminals > .modListHeader {
  margin-left: 8px;
}
.inlandPage.overviewPage .modList.terminals .terminal > a {
  padding-left: 12px;
}
.inlandPage.overviewPage .modList.terminals .terminal .modDetailHeader {
  width: auto;
  float: none;
  padding-left: 45px;
  margin-left: 0;
}
.inlandPage.overviewPage .modList.terminals .terminal .modDetailMain {
  margin-left: 45px;
}
.inlandPage.regionPage .modList.terminals > .modListHeader {
  padding-left: 1em;
  padding-right: 1em;
  background: #f9f9f9;
  overflow: hidden;
}
.inlandPage.regionPage .modList.terminals > .modListHeader .heading {
  float: left;
}
.inlandPage.regionPage .modList.terminals > .modListHeader .note {
  float: right;
  margin-top: 10px;
}
.route {
  margin-top: 13px;
  overflow: hidden;
  padding-bottom: 20px;
  color: #414A5A;
}
.route .spec {
  float: left;
  position: relative;
  padding-top: 19px;
  border-bottom: 10px solid #fff;
}
.route .spec .caption {
  position: absolute;
  top: auto;
  left: -999em;
  right: auto;
}
.route .spec .detail {
  position: absolute;
  top: auto;
  left: -999em;
  right: auto;
}
.route .start {
  width: 32px;
  border-bottom-color: #c20035;
}
.route .start:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 0px;
  display: block;
  width: 20px;
  height: 18px;
  background: url(img/timeline-icon-poa.png) left top no-repeat;
}
.route .start .caption {
  left: 0;
  top: auto;
  bottom: -28px;
  white-space: nowrap;
  font-size: 108%;
  font-weight: 700;
}
.route .barge {
  min-width: 200px;
  width: 340px;
  border-bottom-color: #da7919;
}
.route .barge:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 5px;
  display: block;
  width: 95px;
  height: 18px;
  background: url(img/timeline-icon-boat.png) left top no-repeat;
}
.route .barge:after {
  content: "";
  position: absolute;
  display: block;
  right: 4px;
  top: 4px;
  width: 27px;
  height: 22px;
  background: url(img/timeline-icon-unload.png) left top no-repeat;
}
.route .barge .detail {
  position: absolute;
  left: 107px;
  top: 4px;
  font-size: 12px;
}
.route .road {
  min-width: 120px;
  width: 155px;
  border-bottom-color: #989918;
}
.route .road:before {
  content: "";
  position: absolute;
  right: 8px;
  top: 3px;
  display: block;
  width: 57px;
  height: 23px;
  background: url(img/timeline-icon-truck.png) left top no-repeat;
}
.route .road .detail {
  position: absolute;
  left: auto;
  right: 69px;
  top: 4px;
  font-size: 12px;
}
.route .train {
  min-width: 170px;
  width: 340px;
  border-bottom-color: #f5da29;
}
.route .train:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 3px;
  display: block;
  width: 50px;
  height: 22px;
  background: url(img/timeline-icon-train.png) left top no-repeat;
}
.route .train:after {
  content: "";
  position: absolute;
  display: block;
  right: 4px;
  top: 4px;
  width: 27px;
  height: 22px;
  background: url(img/timeline-icon-unload.png) left top no-repeat;
}
.route .train .detail {
  position: absolute;
  left: 70px;
  top: 4px;
  font-size: 12px;
}
.route .end {
  width: 32px;
  border-bottom-color: #008248;
}
.route .end:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 0px;
  display: block;
  width: 15px;
  height: 24px;
  background: url(img/timeline-icon-end.png) left top no-repeat;
}
.route .end .caption {
  left: auto;
  right: 0;
  top: auto;
  bottom: -28px;
  white-space: nowrap;
  font-size: 108%;
  font-weight: 700;
}
/* isTerminal */
.modList.terminals.viewList.terminal .route .barge {
  width: 525px;
}
.modList.terminals.viewList.terminal .route .road {
  display: none;
}
.modList.terminals.viewList.terminal .route .train {
  width: 525px;
}
.modList.terminals.viewList.terminal .route .end {
  width: 0;
}
.modList.terminals.viewList.terminal .route .end:before {
  background: none;
}
/* reversed view */
.modList.terminals.viewList.toAntwerp .route .end .caption {
  left: 0;
  right: auto;
}
.modList.terminals.viewList.toAntwerp .route .start .caption {
  left: auto;
  right: 0;
}
.modList.terminals.viewList.toAntwerp .route .road:before {
  left: 8px;
  right: auto;
}
.modList.terminals.viewList.toAntwerp .route .road .detail {
  left: 69px;
  right: auto;
}
.modList.terminals.viewList.toAntwerp .route .train:before {
  left: auto;
  right: 8px;
}
.modList.terminals.viewList.toAntwerp .route .train .detail {
  left: auto;
  right: 70px;
}
.modList.terminals.viewList.toAntwerp .route .train:after {
  left: 4px;
  right: auto;
}
.modList.terminals.viewList.toAntwerp .route .barge:before {
  left: auto;
  right: 8px;
}
.modList.terminals.viewList.toAntwerp .route .barge .detail {
  left: auto;
  right: 107px;
}
.modList.terminals.viewList.toAntwerp .route .barge:after {
  left: 4px;
  right: auto;
}
/* grid view */
.modList.terminals.viewGrid .terminal {
  border: none;
  padding: 0;
  overflow: visible;
}
.inlandPage.overviewPage .modList.terminals.viewGrid .terminal > a {
  padding: 0;
  overflow: visible;
}
.modList.terminals.viewGrid .terminal > a:hover {
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modList.terminals.viewGrid .terminal .modDetailHeader {
  float: none;
  width: auto;
}
.modList.terminals.viewGrid .terminal .modDetailMain {
  margin-left: 0;
}
.modList.terminals.viewGrid .terminal .route {
  margin-top: 2px;
  padding: 0;
  position: relative;
  overflow: visible;
}
.modList.terminals.viewGrid .terminal .route:first-child {
  margin-top: 0px;
}
.modList.terminals.viewGrid .terminal .route:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: -8px;
  width: 564px;
  height: 1px;
  background: #e4e4e4;
  border-top: 5px solid #f9f9f9;
  border-bottom: 5px solid #f9f9f9;
}
.modList.terminals.viewGrid .terminal .route:last-child:after {
  border: none;
}
.modList.terminals.viewGrid .terminal .route .spec {
  border: none;
  float: none;
}
.modList.terminals.viewGrid .terminal .route .spec.start,
.modList.terminals.viewGrid .terminal .route .spec.end,
.modList.terminals.viewGrid .terminal .route .spec.road {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.modList.terminals.viewGrid .terminal .route .spec.barge {
  padding: 0;
}
.modList.terminals.viewGrid .terminal .route .spec.barge:after {
  display: none;
}
.modList.terminals.viewGrid .terminal .route .spec.barge:before {
  top: 11px;
  left: 2px;
  background: url(img/gridview-icon-boat.png) left top no-repeat;
  width: 56px;
  height: 11px;
}
.modList.terminals.viewGrid .terminal .route .spec.barge .detail {
  position: static;
  padding-left: 75px;
  line-height: 38px;
}
.modList.terminals.viewGrid .terminal .route .spec.train {
  padding: 0;
}
.modList.terminals.viewGrid .terminal .route .spec.train:before {
  top: 10px;
  left: 2px;
  background: url(img/gridview-icon-train.png) left top no-repeat;
  width: 63px;
  height: 15px;
}
.modList.terminals.viewGrid .terminal .route .spec.train:after {
  display: none;
}
.modList.terminals.viewGrid .terminal .route .spec.train .detail {
  position: static;
  padding-left: 75px;
  line-height: 38px;
}
.modList.terminals.viewGrid .modListHeader {
  margin-bottom: 15px;
}
.modList.terminals.viewGrid .table {
  margin: 10px 12px;
}
.modList.terminals.viewGrid table {
  border-collapse: separate;
}
.modList.terminals.viewGrid table td {
  padding: 0;
  width: 40px;
  text-align: center;
  background: url(img/gridview-border.png) left top repeat-y;
  vertical-align: bottom;
  height: 40px;
}
.modList.terminals.viewGrid table th {
  font-size: 93%;
  color: #666666;
  font-weight: 700;
  /*border-bottom:14px solid #f9f9f9;*/
}
.modList.terminals.viewGrid table td > span {
  display: block;
  margin: 0px 1px;
  margin-bottom: 4px;
  border-bottom: 10px solid #ff0000;
  font-size: 116%;
  padding: 1px 3px;
  padding-top: 2px;
  text-align: center;
  font-weight: 700;
  line-height: 1em;
}
.modList.terminals.viewGrid table td.barge > span {
  border-bottom-color: #da7919;
}
.modList.terminals.viewGrid table td.train > span {
  border-bottom-color: #f5da29;
}
.modList.terminals.viewGrid table .terminalRow td:first-child {
  width: auto;
  text-align: left;
}
.modList.terminals.viewGrid table .terminalRow td,
.modList.terminals.viewGrid table .first td {
  /*border-top:14px solid #f9f9f9;*/
  background-position: left 14px;
  background-repeat: no-repeat;
  height: 76px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: bottom;
}
.modList.terminals.viewGrid table .terminalRow td:first-child {
  background: none;
  height: auto;
  vertical-align: top;
  padding-top: 14px;
}
/* table mixin .............................................................. */
/* backland region terminals ................................................ */
.modList.terminals.viewTable > .heading {
  margin: 1em 0;
}
.modList.terminals.viewTable > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.modList.terminals.viewTable > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.modList.terminals.viewTable > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.modList.terminals.viewTable > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.modList.terminals.viewTable table {
  width: 100%;
}
.modList.terminals.viewTable table thead {
  background: #e1e1e1;
}
.modList.terminals.viewTable table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.modList.terminals.viewTable table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.modList.terminals.viewTable table.sortable thead th.headerSortDown,
.modList.terminals.viewTable table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.modList.terminals.viewTable table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.modList.terminals.viewTable table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.modList.terminals.viewTable table.sortable thead th a {
  display: none;
}
.modList.terminals.viewTable table tbody td.location a {
  color: #252525;
}
.modList.terminals.viewTable table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.modList.terminals.viewTable table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.modList.terminals.viewTable table tbody td .spec.lineType .caption,
.modList.terminals.viewTable table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.modList.terminals.viewTable table tbody td .spec.lineType {
  display: inline-block;
}
.modList.terminals.viewTable table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.modList.terminals.viewTable table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.modList.terminals.viewTable table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.modList.terminals.viewTable table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.modList.terminals.viewTable table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.modList.terminals.viewTable table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.modList.terminals.viewTable table thead th:nth-child(1) {
  width: 40%;
}
.modList.terminals.viewTable table thead th:nth-child(2) {
  width: 29%;
}
.modList.terminals.viewTable table thead th:nth-child(3) {
  width: 18%;
}
.modList.terminals.viewTable table thead th:nth-child(4) {
  width: 13%;
  text-align: center;
}
.modList.terminals.viewTable table tbody td:first-child {
  font-weight: bold;
}
/* detail contact block ..................................................... */
/* terminal detail .......................................................... */
.terminalDetailPage {
  position: relative;
}
.terminalDetailPage .modDetailHeader {
  padding-right: 415px;
}
.terminalDetailPage .modDetailHeader > h1.heading {
  margin-bottom: 4px;
}
.terminalDetailPage .modDetailHeader > h1.heading span {
  font-size: 231%;
}
.terminalDetailPage .modDetailHeader .tags .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.terminalDetailPage .modDetailHeader .tags li {
  background: #5f696b;
  position: relative;
  border-radius: 3px;
  padding: 4px 6px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  text-transform: uppercase;
}
.terminalDetailPage .modDetailHeader .tags li > * {
  font-size: 13px;
}
.terminalDetailPage .contact {
  min-height: 0;
}
.terminalDetailPage .contact .heading {
  margin-left: 0;
}
.terminalDetailPage .contact .fiche {
  margin-left: 0;
}
.terminalDetailPage .modDetailMain .contacts {
  padding: 20px 0 0 0;
  overflow: hidden;
}
.terminalDetailPage .modDetailMain .contacts > .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 400;
}
.terminalDetailPage .modDetailMain .contacts .contact {
  margin-top: 0;
  border: none;
}
.terminalDetailPage .modDetailMain .contacts li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.terminalDetailPage .modDetailMain .contacts li:nth-child(2n+3) {
  clear: left;
}
.terminalDetailPage .modDetailMain .contact a {
  color: #B9112B;
  text-decoration: underline;
}
.terminalDetailPage .modDetailMain .contact a:hover {
  color: #414A5A;
}
.terminalDetailPage .modDetailMain .wrap > .contact .specs {
  overflow: hidden;
}
.terminalDetailPage .modDetailMain .wrap > .contact .spec {
  margin: 0;
  margin-left: 50%;
  margin-top: 5px;
}
.terminalDetailPage .modDetailMain .wrap > .contact .address {
  float: left;
  width: 215px;
  margin-left: 0;
}
.terminalDetailPage .modDetailMain > .contact {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 415px;
}
.terminalDetailPage .modDetailMain > .contact .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.terminalDetailPage .modDetailMain > .contact .address .detail {
  font-size: 138.5%;
}
.terminalDetailPage .modDetailMain > .contact .fiche {
  overflow: hidden;
}
.terminalDetailPage .modDetailMain > .contact .fiche .spec {
  margin: 0;
  padding-top: 2px;
  margin-bottom: 5px;
  margin-left: 235px;
}
.terminalDetailPage .modDetailMain > .contact .fiche .address {
  float: left;
  width: 220px;
  padding-top: 0;
  margin-left: 0;
}
.terminalDetailPage .modDetailMain > .wrap {
  /*position:absolute; right:0; top:0; width:390px;*/
  float: right;
  width: 390px;
  position: relative;
  top: -79px;
}
.terminalDetailPage .modDetailMain > .wrap.contactWrap {
  position: static;
  width: auto;
  margin-right: 415px;
  float: none;
}
.terminalDetailPage .modDetailMain > .wrap .image img {
  width: 100%;
  display: block;
}
.terminalDetailPage .modDetailMain > .wrap .map {
  border: 1px solid #ebebeb;
  margin-top: 10px;
}
.terminalDetailPage .modDetailMain > .wrap .textblock {
  padding: 9px 17px;
  background: #f6f6f6;
}
.terminalDetailPage .modDetailMain > .wrap .textblock p {
  margin: 10px 0px;
  font-size: 100%;
  line-height: 1.45em;
  color: #272323;
}
.terminalDetailPage .modDetailMain {
  padding-top: 1px;
}
.terminalDetailPage .modDetailMain > .fiche .stats {
  overflow: hidden;
  background: #e9e9e9;
  margin: 30px 415px 30px 0px;
}
.terminalDetailPage .modDetailMain > .fiche .specificities {
  background: #fff;
  overflow: hidden;
  margin: 30px 0px;
  min-height: 75px;
}
.terminalDetailPage .modDetailMain > .fiche .specificities .caption {
  font-size: 131%;
  font-family: "ModeratBold", Arial;
  font-weight: 700;
  margin-bottom: 5px;
}
.terminalDetailPage .modDetailMain > .fiche .specificities .detail ul {
  overflow: hidden;
}
.terminalDetailPage .modDetailMain > .fiche .specificities .detail li {
  float: left;
  width: 25%;
  margin: 5px 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
}
.terminalDetailPage .modDetailMain > .fiche .specificities .detail li > * {
  display: block;
  padding-left: 20px;
  line-height: 1.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 93%;
  color: #acacac;
  text-decoration: none;
}
.terminalDetailPage .modDetailMain > .fiche .specificities .detail li > span {
  background: url(img/fiche-specificity-check-green.png) left 2px no-repeat;
  color: #1d1d1b;
}
.terminalDetailPage .modDetailMain > .fiche .wrap {
  margin: 10px 0px;
  margin-left: 15px;
  float: left;
  overflow: hidden;
  width: 250px;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec {
  position: relative;
  padding-left: 63px;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec:first-child {
  margin-bottom: 12px;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec .caption {
  background: #fefefe;
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 61px;
  text-indent: -999em;
  letter-spacing: -999em;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec .detail {
  background: #fefefe;
  padding: 10px;
  height: 35px;
  font-size: 108%;
  font-weight: 700;
  vertical-align: middle;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec .detail span {
  font-size: 108%;
  display: block;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec.availability .detail {
  line-height: 35px;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec.railLength .caption {
  background: #fefefe url(img/spec-icon-train.png) center center no-repeat;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec.moorLength .caption {
  background: #fefefe url(img/spec-icon-barge.png) center center no-repeat;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec.containerCapacity .caption {
  background: #fefefe url(img/spec-icon-container.png) center center no-repeat;
}
.terminalDetailPage .modDetailMain > .fiche .wrap .spec.availability .caption {
  background: #fefefe url(img/spec-icon-time.png) center center no-repeat;
}
.terminalDetailPage .modDetailMain > .lines > .heading {
  margin: 1em 0;
}
.terminalDetailPage .modDetailMain > .lines > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.terminalDetailPage .modDetailMain > .lines > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.terminalDetailPage .modDetailMain > .lines > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.terminalDetailPage .modDetailMain > .lines > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.terminalDetailPage .modDetailMain > .lines table {
  width: 100%;
}
.terminalDetailPage .modDetailMain > .lines table thead {
  background: #e1e1e1;
}
.terminalDetailPage .modDetailMain > .lines table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.terminalDetailPage .modDetailMain > .lines table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.terminalDetailPage .modDetailMain > .lines table.sortable thead th.headerSortDown,
.terminalDetailPage .modDetailMain > .lines table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.terminalDetailPage .modDetailMain > .lines table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.terminalDetailPage .modDetailMain > .lines table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.terminalDetailPage .modDetailMain > .lines table.sortable thead th a {
  display: none;
}
.terminalDetailPage .modDetailMain > .lines table tbody td.location a {
  color: #252525;
}
.terminalDetailPage .modDetailMain > .lines table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.terminalDetailPage .modDetailMain > .lines table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.terminalDetailPage .modDetailMain > .lines table tbody td .spec.lineType .caption,
.terminalDetailPage .modDetailMain > .lines table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.terminalDetailPage .modDetailMain > .lines table tbody td .spec.lineType {
  display: inline-block;
}
.terminalDetailPage .modDetailMain > .lines table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.terminalDetailPage .modDetailMain > .lines table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.terminalDetailPage .modDetailMain > .lines table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.terminalDetailPage .modDetailMain > .lines table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.terminalDetailPage .modDetailMain > .lines table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.terminalDetailPage .modDetailMain > .lines table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.terminalDetailPage .modDetailMain > .lines > .cluster table thead th:nth-child(1) {
  width: 40%;
}
.terminalDetailPage .modDetailMain > .lines > .cluster table thead th:nth-child(2) {
  width: 30%;
}
.terminalDetailPage .modDetailMain > .lines > .cluster table thead th:nth-child(3) {
  width: 30%;
}
.detailPage .terminal {
  position: relative;
}
.detailPage .terminal .modDetailHeader {
  padding-right: 415px;
}
.detailPage .terminal .modDetailHeader > h1.heading {
  margin-bottom: 4px;
}
.detailPage .terminal .modDetailHeader > h1.heading span {
  font-size: 231%;
}
.detailPage .terminal .modDetailHeader .tags .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.detailPage .terminal .modDetailHeader .tags li {
  background: #5f696b;
  position: relative;
  border-radius: 3px;
  padding: 4px 6px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  text-transform: uppercase;
}
.detailPage .terminal .modDetailHeader .tags li > * {
  font-size: 13px;
}
.detailPage .terminal .contact {
  min-height: 0;
}
.detailPage .terminal .contact .heading {
  margin-left: 0;
}
.detailPage .terminal .contact .fiche {
  margin-left: 0;
}
.detailPage .terminal .modDetailMain .contacts {
  padding: 20px 0 0 0;
  overflow: hidden;
}
.detailPage .terminal .modDetailMain .contacts > .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 400;
}
.detailPage .terminal .modDetailMain .contacts .contact {
  margin-top: 0;
  border: none;
}
.detailPage .terminal .modDetailMain .contacts li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.detailPage .terminal .modDetailMain .contacts li:nth-child(2n+3) {
  clear: left;
}
.detailPage .terminal .modDetailMain .contact a {
  color: #B9112B;
  text-decoration: underline;
}
.detailPage .terminal .modDetailMain .contact a:hover {
  color: #414A5A;
}
.detailPage .terminal .modDetailMain .wrap > .contact .specs {
  overflow: hidden;
}
.detailPage .terminal .modDetailMain .wrap > .contact .spec {
  margin: 0;
  margin-left: 50%;
  margin-top: 5px;
}
.detailPage .terminal .modDetailMain .wrap > .contact .address {
  float: left;
  width: 215px;
  margin-left: 0;
}
.detailPage .terminal .modDetailMain > .contact {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 415px;
}
.detailPage .terminal .modDetailMain > .contact .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.detailPage .terminal .modDetailMain > .contact .address .detail {
  font-size: 138.5%;
}
.detailPage .terminal .modDetailMain > .contact .fiche {
  overflow: hidden;
}
.detailPage .terminal .modDetailMain > .contact .fiche .spec {
  margin: 0;
  padding-top: 2px;
  margin-bottom: 5px;
  margin-left: 235px;
}
.detailPage .terminal .modDetailMain > .contact .fiche .address {
  float: left;
  width: 220px;
  padding-top: 0;
  margin-left: 0;
}
.detailPage .terminal .modDetailMain > .wrap {
  /*position:absolute; right:0; top:0; width:390px;*/
  float: right;
  width: 390px;
  position: relative;
  top: -79px;
}
.detailPage .terminal .modDetailMain > .wrap.contactWrap {
  position: static;
  width: auto;
  margin-right: 415px;
  float: none;
}
.detailPage .terminal .modDetailMain > .wrap .image img {
  width: 100%;
  display: block;
}
.detailPage .terminal .modDetailMain > .wrap .map {
  border: 1px solid #ebebeb;
  margin-top: 10px;
}
.detailPage .terminal .modDetailMain > .wrap .textblock {
  padding: 9px 17px;
  background: #f6f6f6;
}
.detailPage .terminal .modDetailMain > .wrap .textblock p {
  margin: 10px 0px;
  font-size: 100%;
  line-height: 1.45em;
  color: #272323;
}
.detailPage .terminal .modDetailMain {
  padding-top: 1px;
}
.detailPage .terminal .modDetailMain > .fiche .stats {
  overflow: hidden;
  background: #e9e9e9;
  margin: 30px 415px 30px 0px;
}
.detailPage .terminal .modDetailMain > .fiche .specificities {
  background: #fff;
  overflow: hidden;
  margin: 30px 0px;
  min-height: 75px;
}
.detailPage .terminal .modDetailMain > .fiche .specificities .caption {
  font-size: 131%;
  font-family: "ModeratBold", Arial;
  font-weight: 700;
  margin-bottom: 5px;
}
.detailPage .terminal .modDetailMain > .fiche .specificities .detail ul {
  overflow: hidden;
}
.detailPage .terminal .modDetailMain > .fiche .specificities .detail li {
  float: left;
  width: 25%;
  margin: 5px 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
}
.detailPage .terminal .modDetailMain > .fiche .specificities .detail li > * {
  display: block;
  padding-left: 20px;
  line-height: 1.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 93%;
  color: #acacac;
  text-decoration: none;
}
.detailPage .terminal .modDetailMain > .fiche .specificities .detail li > span {
  background: url(img/fiche-specificity-check-green.png) left 2px no-repeat;
  color: #1d1d1b;
}
.detailPage .terminal .modDetailMain > .fiche .wrap {
  margin: 10px 0px;
  margin-left: 15px;
  float: left;
  overflow: hidden;
  width: 250px;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec {
  position: relative;
  padding-left: 63px;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec:first-child {
  margin-bottom: 12px;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec .caption {
  background: #fefefe;
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 61px;
  text-indent: -999em;
  letter-spacing: -999em;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec .detail {
  background: #fefefe;
  padding: 10px;
  height: 35px;
  font-size: 108%;
  font-weight: 700;
  vertical-align: middle;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec .detail span {
  font-size: 108%;
  display: block;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec.availability .detail {
  line-height: 35px;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec.railLength .caption {
  background: #fefefe url(img/spec-icon-train.png) center center no-repeat;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec.moorLength .caption {
  background: #fefefe url(img/spec-icon-barge.png) center center no-repeat;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec.containerCapacity .caption {
  background: #fefefe url(img/spec-icon-container.png) center center no-repeat;
}
.detailPage .terminal .modDetailMain > .fiche .wrap .spec.availability .caption {
  background: #fefefe url(img/spec-icon-time.png) center center no-repeat;
}
.detailPage .terminal .modDetailMain > .lines > .heading {
  margin: 1em 0;
}
.detailPage .terminal .modDetailMain > .lines > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.detailPage .terminal .modDetailMain > .lines > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.detailPage .terminal .modDetailMain > .lines > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.detailPage .terminal .modDetailMain > .lines > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.detailPage .terminal .modDetailMain > .lines table {
  width: 100%;
}
.detailPage .terminal .modDetailMain > .lines table thead {
  background: #e1e1e1;
}
.detailPage .terminal .modDetailMain > .lines table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.detailPage .terminal .modDetailMain > .lines table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.detailPage .terminal .modDetailMain > .lines table.sortable thead th.headerSortDown,
.detailPage .terminal .modDetailMain > .lines table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.detailPage .terminal .modDetailMain > .lines table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.detailPage .terminal .modDetailMain > .lines table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.detailPage .terminal .modDetailMain > .lines table.sortable thead th a {
  display: none;
}
.detailPage .terminal .modDetailMain > .lines table tbody td.location a {
  color: #252525;
}
.detailPage .terminal .modDetailMain > .lines table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.detailPage .terminal .modDetailMain > .lines table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.detailPage .terminal .modDetailMain > .lines table tbody td .spec.lineType .caption,
.detailPage .terminal .modDetailMain > .lines table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.detailPage .terminal .modDetailMain > .lines table tbody td .spec.lineType {
  display: inline-block;
}
.detailPage .terminal .modDetailMain > .lines table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.detailPage .terminal .modDetailMain > .lines table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.detailPage .terminal .modDetailMain > .lines table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.detailPage .terminal .modDetailMain > .lines table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.detailPage .terminal .modDetailMain > .lines table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.detailPage .terminal .modDetailMain > .lines table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.detailPage .terminal .modDetailMain > .lines > .cluster table thead th:nth-child(1) {
  width: 40%;
}
.detailPage .terminal .modDetailMain > .lines > .cluster table thead th:nth-child(2) {
  width: 30%;
}
.detailPage .terminal .modDetailMain > .lines > .cluster table thead th:nth-child(3) {
  width: 30%;
}
/* inland - overview page ................................................. */
body.inlandPage.overviewPage .grdTwoLeft {
  background: none;
  padding-left: 320px;
  position: relative;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 {
  margin: 0;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .content {
  position: relative;
  z-index: 2;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .content > * {
  margin-left: 0;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .content .report {
  margin-top: 25px;
  padding: 0;
  margin-bottom: 15px;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .navigation {
  width: 320px;
  margin-left: -320px;
  z-index: 1;
  padding-bottom: 60px;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .navigation > * {
  margin-right: 20px;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .navigation > .filters {
  margin-right: 0;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .navigation .find-carrier a {
  color: #414A5A;
  background: url(img/focus-inland-arrow.png) right -35px no-repeat;
  display: inline-block;
  padding-right: 20px;
  text-decoration: none;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .navigation .find-carrier a:hover {
  background-position: right -8px;
  color: #e4032c;
  text-decoration: none;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .navigation > .notify {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  margin: 0;
}
body.inlandPage.overviewPage .grdTwoLeft .grdWrap1 .navigation > .links {
  border-left: 1px solid #D1D1D1;
}
body.inlandPage.overviewPage .filters > * {
  padding: 10px 9px;
}
body.inlandPage.overviewPage .filters .navFilter.toggle {
  background: #c4c2c8;
  position: relative;
  margin-bottom: 0;
}
body.inlandPage.overviewPage .filters .navFilter.toggle .heading span {
  font-family: Arial;
  font-size: 18px;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul {
  border-radius: 3px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  margin: 0;
  background-color: #f1efef;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li {
  margin: 0;
  float: left;
  clear: none !important;
  width: 25%;
  height: 36px;
  background: none;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li .page {
  background: none;
  font-size: 16px;
  font-weight: 700;
  border-left: 1px solid #dbdbdb;
  padding: 8px 4px;
  padding-top: 9px;
  text-align: center;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.containerVessel .page {
  background: url(img/filter-toggle.png) center -178px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.containerVessel:hover .page,
body.inlandPage.overviewPage .filters .navFilter.toggle .intraportPage .navFilter.toggle ul li.containerVessel.active .page {
  background-position: center -218px;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.barge .page {
  background: url(img/filter-toggle.png) center 14px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.barge:hover .page,
body.inlandPage.overviewPage .filters .navFilter.toggle .intraportPage .navFilter.toggle ul li.barge.active .page {
  background-position: center -31px;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.sea .page {
  background: url(img/filter-toggle.png) center -177px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.sea:hover .page,
body.inlandPage.overviewPage .filters .navFilter.toggle .intraportPage .navFilter.toggle ul li.sea.active .page {
  background-position: center -217px;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.train .page {
  background: url(img/filter-toggle.png) center -84px no-repeat;
  text-indent: -999em;
  letter-spacing: -999em;
  padding: 0;
  width: 100%;
  height: 100%;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.train:hover .page,
body.inlandPage.overviewPage .filters .navFilter.toggle .intraportPage .navFilter.toggle ul li.train.active .page {
  background-position: center -129px;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.first .page {
  border-left: none;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.active {
  background-color: #fff;
  position: relative;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li.active:after {
  content: '';
  display: block;
  background: #e4032c;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  position: absolute;
}
body.inlandPage.overviewPage .filters .filterExtendedGate {
  background: #c4c2c8;
}
body.inlandPage.overviewPage .filters .filterEmptyDepots {
  background: #dbdbdb;
  margin-top: 20px;
}
body.inlandPage.overviewPage .filters .navFilter.toggle ul li {
  width: 33.333333333%;
}
body.inlandPage.overviewPage .filters .navFilter.toggle:after {
  content: '';
  display: block;
  height: 2px;
  background: url(img/focus-divider.png) left bottom repeat-x;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .heading span {
  font-family: Arial;
  font-size: 18px;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox {
  background: none;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox .formMain {
  margin: 0;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox .formMain .inputElement .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox .formMain .inputElement .detail {
  margin-left: 0em;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox .formMain .inputElement.dropdown select {
  width: 100%;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox .formMain .lnkClear {
  margin-top: 0.75em;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox .formMain .lnkClear a {
  display: block;
  padding-left: 18px;
  background: url(img/trash-red.png) 0 1px no-repeat;
}
body.inlandPage.overviewPage #pageMain .filters .filterEmptyDepots > .frmBox .formFooter {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.inlandPage.overviewPage #pageMain .navigation .report {
  margin-top: 20px;
  margin-bottom: 20px;
  background: none;
  padding: 10px 9px;
  border: 1px solid #d1d1d1;
}
body.inlandPage.overviewPage #pageMain .navigation .find-carrier {
  margin-top: 20px;
  margin-bottom: 20px;
  background: none;
  padding: 10px 9px;
  border: 1px solid #d1d1d1;
}
.mapPopup {
  padding: 5px 60px 5px 5px;
  position: relative;
}
.gm-style .gm-style-iw {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  white-space: nowrap;
}
.mapPopup h1 {
  font-size: 15px;
  font-family: arial, trebuchet MS, tahoma, helvetica, clean, sans-serif;
  margin-top: 0;
}
.mapPopup .address p {
  margin-bottom: 0;
  margin-top: 5px;
}
.mapPopup .icons {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.mapPopup .icon img {
  width: 20px;
  margin-left: 5px;
}
/* map ...................................................................... */
.map {
  position: relative;
  border-bottom: 3px solid #414A5A;
}
.map .mapCanvas {
  width: 100%;
  height: 290px;
  display: block;
  background: #e5e3df;
}
.map #mapsOverview,
.map .image img {
  width: 175px;
  height: 120px;
  display: block;
  z-index: 99;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.25);
  -o-box-shadow: 3px 4px 5px rgba(0,0,0,.25);
  -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.25);
  box-shadow: 3px 4px 5px rgba(0,0,0,.25);
}
/* filter bar ............................................................... */
.filterBar {
  position: relative;
}
.filterBar > header {
  margin-bottom: 1em;
  zoom: 1;
  display: inline-block;
  display: block;
}
.filterBar > header:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.filterBar > header .heading {
  float: left;
  margin-right: 1em;
  padding: 0.5em 0;
}
.filterBar > header .lnkEdit {
  float: right;
}
.filterBar > header .lnkEdit a {
  padding: 0em 1em;
  height: 42px;
  line-height: 42px;
  display: block;
  background: #e4032c;
  text-decoration: none;
  color: white;
  font-weight: 700;
  position: relative;
}
.filterBar.jOpen > header .lnkEdit a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 0 15px;
  border-color: #e4032c transparent transparent transparent;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -15px;
  z-index: 101;
}
.filterBar > header .heading > span {
  font-size: 182%;
  font-family: Arial;
}
.filterBar > header .heading .lnkSwitch {
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #999;
  margin-left: 10px;
  padding-left: 10px;
}
.filterBar > header .heading .lnkSwitch a {
  font-size: 13px;
  font-weight: normal;
  position: relative;
  top: -5px;
}
.filterBar > header .heading .lnkSwitch a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url(img/switch-arrow.png) no-repeat;
  width: 18px;
  height: 14px;
}
.filterBar > header .start {
  padding-right: 20px;
  background: url("img/focus-more.gif") right center no-repeat;
}
.filterBar > header .start + a {
  display: inline-block;
  background: #ffffff url("img/focus-more.gif") right center no-repeat;
  width: 0;
  height: 20px;
  overflow: hidden;
  padding-left: 14px;
  box-sizing: border-box;
  margin-left: -19px;
  position: relative;
  top: 1px;
}
.filterBar > .main {
  border: 1px solid #ba122b;
  position: absolute;
  top: auto;
  height: 0;
  overflow: hidden;
  left: -999em;
  right: auto;
  z-index: 100;
  padding: 1.5em 1em;
  background: #f2f2f2;
}
.filterBar.jOpen > .main {
  position: static;
  height: auto;
  left: auto;
  right: auto;
  overflow: visible;
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  z-index: 100;
}
body.mobilitySection.level1Page .filterBar > header {
  margin-bottom: 0;
}
body.mobilitySection.level1Page .filterBar > header .heading {
  padding: 0;
}
body.mobilitySection.level1Page .filterBar > .main {
  border: none;
  position: static;
  height: auto;
  overflow: visible;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  z-index: auto;
}
.filterBar > .main .lnkClose {
  position: absolute;
  top: auto;
  height: 0;
  overflow: hidden;
  left: -999em;
  right: auto;
}
.filterBar > .main {
  zoom: 1;
  display: inline-block;
  display: block;
}
.filterBar > .main:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.filterBar > .main > * {
  float: left;
  width: 30%;
}
#pageMain .filterBar .formMain {
  margin: 0;
}
#pageMain .filterBar .inputElement .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
#pageMain .filterBar .inputElement .detail {
  margin-left: 0;
}
#pageMain .filterBar .inputElement .detail .form-text,
#pageMain .filterBar .inputElement .detail select {
  width: 100%;
}
#pageMain .filterBar > .main .frmRow {
  margin-bottom: 0.5em;
}
.filterBar > .main .or {
  width: 5%;
  margin-top: 2.5em;
  text-align: center;
}
.filterBar > .main .showAll {
  margin-top: 2.5em;
  text-align: center;
}
.filterBar > .main .destinationTerminal .frmRow .inputElement.dropdown {
  width: 34%;
  float: left;
}
.filterBar > .main .destinationTerminal .frmRow .inputElement {
  width: 64%;
  float: right;
}
#pageMain .filterBar .formFooter {
  margin: 1em 0 0;
}
#pageMain .filterBar .formFooter {
  position: absolute;
  top: auto;
  height: 0;
  overflow: hidden;
  left: -999em;
  right: auto;
}
#pageMain .filterBar .formFooter input.disabled {
  opacity: 0.5;
}
#pageMain .filterBar .frmBox {
  overflow: visible;
  zoom: 1;
  display: inline-block;
  display: block;
  background: inherit;
}
#pageMain .filterBar .frmBox:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.filterBar .tabpane .tabHeader {
  float: left;
  width: 200px;
  padding: 1.5em 0;
  background: #fff;
}
.filterBar .tabpane .tabMain {
  float: right;
  width: 730px;
}
.filterBar .tabpane .tabMain ul {
  padding: 1em 0;
  overflow: hidden;
}
.filterBar .tabpane .tabMain ul li {
  float: left;
  width: 35%;
  margin: 0.25em 10% 0.25em 5%;
}
.filterBar .tabpane .tabMain ul li a {
  display: block;
  padding: 0.75em;
}
.filterBar .tabpane .tabMain ul li a:hover {
  color: #fff;
  background: #e4032c;
}
.filterBar .countryList {
  float: left;
  width: 200px;
  background: #fff;
  padding: 1.5em 0;
}
.filterBar .countryList a {
  display: block;
  padding: 0.5em 1.5em;
  color: #252525;
  text-decoration: none;
}
.filterBar .countryList a:hover {
  background: #f2f2f2;
}
.regionFlyoutMixin > header {
  margin: 0.75em 0 0.5em;
}
.regionFlyoutMixin > header a {
  padding: 0em 0.75em;
  line-height: 28px;
  height: 28px;
  border: 1px solid #d7d7d7;
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-decoration: none;
  background: #fff;
  position: relative;
}
.regionFlyoutMixin > header a:after {
  content: '';
  display: block;
  width: 17px;
  height: 8px;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -4px;
  background: url('img/nav-tab-arrow-bottom.png');
}
.regionFlyoutMixin > .main {
  position: absolute;
  top: auto;
  height: 0;
  overflow: hidden;
  left: -999em;
  right: auto;
  border: 1px solid #e4032c;
  z-index: 10;
  background: #f2f2f2;
}
.regionFlyoutMixin.jOpen > header {
  border-bottom: 1px solid #ba122b;
  margin-bottom: 0;
  padding-bottom: 1px;
}
.regionFlyoutMixin.jOpen > .main {
  position: static;
  height: auto;
  left: auto;
  right: auto;
  overflow: visible;
  position: absolute;
  left: 1em;
  right: 1em;
}
.filterBar .regionFlyout > header {
  margin: 0.75em 0 0.5em;
}
.filterBar .regionFlyout > header a {
  padding: 0em 0.75em;
  line-height: 28px;
  height: 28px;
  border: 1px solid #d7d7d7;
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-decoration: none;
  background: #fff;
  position: relative;
}
.filterBar .regionFlyout > header a:after {
  content: '';
  display: block;
  width: 17px;
  height: 8px;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -4px;
  background: url('img/nav-tab-arrow-bottom.png');
}
.filterBar .regionFlyout > .main {
  position: absolute;
  top: auto;
  height: 0;
  overflow: hidden;
  left: -999em;
  right: auto;
  border: 1px solid #e4032c;
  z-index: 10;
  background: #f2f2f2;
}
.filterBar .regionFlyout.jOpen > header {
  border-bottom: 1px solid #ba122b;
  margin-bottom: 0;
  padding-bottom: 1px;
}
.filterBar .regionFlyout.jOpen > .main {
  position: static;
  height: auto;
  left: auto;
  right: auto;
  overflow: visible;
  position: absolute;
  left: 1em;
  right: 1em;
}
.filterBar .regionCountryFlyout > header {
  margin: 0.75em 0 0.5em;
}
.filterBar .regionCountryFlyout > header a {
  padding: 0em 0.75em;
  line-height: 28px;
  height: 28px;
  border: 1px solid #d7d7d7;
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-decoration: none;
  background: #fff;
  position: relative;
}
.filterBar .regionCountryFlyout > header a:after {
  content: '';
  display: block;
  width: 17px;
  height: 8px;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -4px;
  background: url('img/nav-tab-arrow-bottom.png');
}
.filterBar .regionCountryFlyout > .main {
  position: absolute;
  top: auto;
  height: 0;
  overflow: hidden;
  left: -999em;
  right: auto;
  border: 1px solid #e4032c;
  z-index: 10;
  background: #f2f2f2;
}
.filterBar .regionCountryFlyout.jOpen > header {
  border-bottom: 1px solid #ba122b;
  margin-bottom: 0;
  padding-bottom: 1px;
}
.filterBar .regionCountryFlyout.jOpen > .main {
  position: static;
  height: auto;
  left: auto;
  right: auto;
  overflow: visible;
  position: absolute;
  left: 1em;
  right: 1em;
}
.filterBar .regionCountryFlyout .tabpane .tabHeader {
  padding-bottom: 0.5em;
}
.filterBar .regionCountryFlyout .countryList {
  padding-top: 0.5em;
  margin-top: 2px;
}
/* road travel .............................................................. */
.focus.roadTravel {
  border: 1px solid #d1d1d1;
  margin-top: 20px;
}
.focus.roadTravel .focusHeader {
  background: none;
  padding: 0;
  margin: 9px;
}
.focus.roadTravel .focusHeader .heading span {
  font-size: 18px;
  font-family: Arial;
}
.focus.roadTravel .focusMain {
  margin: 9px;
}
.focus.roadTravel .focusMain .distanceInlands {
  background: url(img/focus-truck.png) left top no-repeat;
  padding-top: 32px;
  margin: 4px;
  position: relative;
}
.focus.roadTravel .focusMain .distanceInlands .caption {
  border-top: 9px solid #6c4651;
  padding-top: 5px;
  font-family: Arial;
  font-weight: 700;
  font-size: 12px;
}
.focus.roadTravel .focusMain .distanceInlands .detail {
  position: absolute;
  right: 2px;
  top: 13px;
  font-size: 12px;
  font-weight: 700;
}
.focus.roadTravel .focusFooter {
  border-top: 1px solid #d1d1d1;
  padding: 9px;
  background: #f9f9f9;
}
.focus.roadTravel .focusFooter .more {
  margin: 4px 0px;
}
.focus.roadTravel .focusFooter .more a {
  color: #414A5A;
  font-weight: 400;
  background: url(img/focus-inland-arrow.png) right -35px no-repeat;
}
.focus.roadTravel .focusFooter .more a:hover {
  background-position: right -8px;
  color: #e4032c;
  text-decoration: none;
}
/* operator ................................................................. */
.modList.operators {
  border-top: 3px solid #414A5A;
  background: #f9f9f9;
  clear: both;
}
.modList.operators > .modListHeader {
  border-bottom: 1px solid #DFDFDF;
  padding: 12px 17px;
  position: relative;
}
.modList.operators > .modListHeader .heading span {
  font-family: Arial;
  font-size: 182%;
}
.modList.operators > .modListHeader h1.heading + h2.heading {
  margin: 0.75em 0 0.25em;
}
.modList.operators > .modListHeader h1.heading + h2.heading span {
  font-family: Arial;
  font-size: 18px;
}
li.operator {
  border-top: 1px solid #c9c9c9;
}
li.operator:first-child {
  border-top: none;
}
li.operator > a {
  display: block;
  overflow: hidden;
  padding: 15px 12px;
  padding-right: 18px;
  position: relative;
  color: #414A5A;
  text-decoration: none;
  padding-left: 360px;
}
li.operator > a:hover {
  -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  -o-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  box-shadow: inset 0 0 5px rgba(0,0,0,.25);
  color: #e4032c;
}
li.operator .modDetailHeader {
  position: relative;
  float: left;
  width: 330px;
  margin-left: 18px;
  margin-top: 13px;
}
li.operator .modDetailHeader .heading {
  color: #e4032c;
}
li.operator .modDetailHeader .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 700;
  color: #e4032c;
  text-decoration: underline;
}
li.operator .modDetailMain .contact {
  float: left;
  clear: left;
  width: 340px;
  margin-left: -342px;
  min-height: 0;
}
li.operator .modDetailMain .contact > .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
li.operator .modDetailMain .contact .fiche {
  margin-left: 0;
}
li.operator .modDetailMain .contact .fiche .telephone .detail {
  background: url(img/contact-icon-phone.png) 2px -50px no-repeat;
}
li.operator a:hover .modDetailMain .contact .fiche .telephone .detail {
  background-position: -48px 0px;
}
li.operator .modDetailMain .contact .fiche .email .detail {
  background: url(img/contact-icon-mail.png) 0px -54px no-repeat;
}
li.operator a:hover .modDetailMain .contact .fiche .email .detail {
  background-position: -47px 4px;
}
li.operator .modDetailMain .contact .fiche .url .detail {
  background: url(img/contact-icon-web.png) 0px -50px no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
li.operator a:hover .modDetailMain .contact .fiche .url .detail {
  background-position: -45px 1px;
}
li.operator .route {
  margin-bottom: 14px;
}
li.operator .table {
  background: #fefefe;
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 6px 8px;
  padding-bottom: 10px;
  color: #414A5A;
}
li.operator .table table {
  width: 100%;
}
li.operator .table table th {
  font-size: 93%;
  color: #666666;
  text-align: center;
  padding: 4px 4px;
}
li.operator .table table tr td {
  border-left: 1px solid #e4e4e4;
  padding: 0px 1px;
  width: 14.28%;
  border-bottom: 9px solid #fff;
}
li.operator .table table tr td:first-child {
  border-left: none;
}
li.operator .table table tr td > span {
  display: block;
  border-bottom: 10px solid #fff;
  font-size: 123.1%;
  padding: 4px 18px;
  text-align: center;
  font-weight: 700;
}
li.operator .table table tr td.barge > span {
  border-bottom-color: #da7919;
}
li.operator .table table tr td.train > span {
  border-bottom-color: #f5da29;
}
li.operator .table table tr td.from > span {
  background: url(img/timetable-arrows.png) -42px 3px no-repeat;
  text-align: right;
}
li.operator .table table tr td.to > span {
  background: url(img/timetable-arrows.png) 8px -47px no-repeat;
  text-align: right;
}
li.operator .route {
  width: 566px;
}
li.operator .route .barge {
  width: 502px;
}
li.operator .route .train {
  width: 502px;
}
.operatorPage.overviewPage li.operator a {
  padding: 20px 20px;
}
.operatorPage.overviewPage li.operator .modDetailHeader {
  margin-left: 0;
  width: 165px;
  margin-top: 0px;
}
.operatorPage.overviewPage li.operator .modDetailHeader .heading span {
  /*font-weight:400; text-decoration:none; color:#1d1d1b*/
}
.operatorPage.overviewPage li.operator .modDetailHeader .image {
  position: absolute;
  left: 190px;
  top: 0;
}
.operatorPage.overviewPage li.operator .modDetailHeader .image img {
  width: 104px;
}
.operatorPage.overviewPage li.operator a:hover .modDetailHeader .heading span {
  color: #e4032c;
}
.operatorPage.overviewPage li.operator .modDetailMain .contact {
  margin-left: 0;
  float: right;
  clear: none;
  width: 230px;
  margin-top: 0;
}
.operatorPage.overviewPage li.operator .modDetailMain > .fiche {
  float: left;
  clear: left;
  margin-top: 14px;
  margin-left: 2px;
}
.operatorPage.overviewPage li.operator .modDetailMain > .fiche .spec {
  float: left;
  margin-right: 9px;
}
.operatorPage.overviewPage li.operator .modDetailMain > .fiche .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.operatorPage.overviewPage li.operator .modDetailMain > .fiche .train .detail {
  text-indent: -999em;
  letter-spacing: -999em;
  width: 20px;
  height: 27px;
  background: url(img/intraport-transport-type-icons.png) left top no-repeat;
}
.operatorPage.overviewPage li.operator a:hover .modDetailMain > .fiche .train .detail {
  background-position: left -27px;
}
.operatorPage.overviewPage li.operator .modDetailMain > .fiche .barge .detail {
  text-indent: -999em;
  letter-spacing: -999em;
  width: 31px;
  height: 27px;
  background: url(img/intraport-transport-type-icons.png) -21px top no-repeat;
}
.operatorPage.overviewPage li.operator a:hover .modDetailMain > .fiche .barge .detail {
  background-position: -21px -27px;
}
.mobilitySection.inlandPage.detailPage li.operator .modDetailMain {
  width: 566px;
  margin-left: 360px;
  padding-bottom: 10px;
}
.mobilitySection.inlandPage.detailPage li.operator .modDetailMain .contact {
  float: left;
  clear: left;
  width: 320px;
  margin-left: -342px;
  min-height: 0;
}
.mobilitySection.inlandPage.detailPage li.operator .modDetailMain .contact a {
  text-decoration: none;
}
.mobilitySection.inlandPage.detailPage li.operator .modDetailMain .contact h3.heading {
  margin-left: 0;
  color: #252525;
  font-family: arial, 'trebuchet MS', tahoma, helvetica, clean, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 17px;
}
.mobilitySection.inlandPage.detailPage li.operator .modDetailMain .contact h3.heading:hover {
  color: #e4032c;
}
.mobilitySection.inlandPage.detailPage li.operator .modDetailMain .contact h3.heading span {
  font-size: 13px !important;
  text-decoration: none;
}
/* nav az mixin ............................................................. */
/* operator list ............................................................ */
.operatorPage.detailPage .operator {
  position: relative;
}
.operatorPage.detailPage .operator .modDetailHeader {
  padding-right: 415px;
}
.operatorPage.detailPage .operator .modDetailHeader > h1.heading {
  margin-bottom: 4px;
}
.operatorPage.detailPage .operator .modDetailHeader > h1.heading span {
  font-size: 231%;
}
.operatorPage.detailPage .operator .modDetailHeader .tags .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.operatorPage.detailPage .operator .modDetailHeader .tags li {
  background: #5f696b;
  position: relative;
  border-radius: 3px;
  padding: 4px 6px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  text-transform: uppercase;
}
.operatorPage.detailPage .operator .modDetailHeader .tags li > * {
  font-size: 13px;
}
.operatorPage.detailPage .operator .contact {
  min-height: 0;
}
.operatorPage.detailPage .operator .contact .heading {
  margin-left: 0;
}
.operatorPage.detailPage .operator .contact .fiche {
  margin-left: 0;
}
.operatorPage.detailPage .operator .modDetailMain .contacts {
  padding: 20px 0 0 0;
  overflow: hidden;
}
.operatorPage.detailPage .operator .modDetailMain .contacts > .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 400;
}
.operatorPage.detailPage .operator .modDetailMain .contacts .contact {
  margin-top: 0;
  border: none;
}
.operatorPage.detailPage .operator .modDetailMain .contacts li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.operatorPage.detailPage .operator .modDetailMain .contacts li:nth-child(2n+3) {
  clear: left;
}
.operatorPage.detailPage .operator .modDetailMain .contact a {
  color: #B9112B;
  text-decoration: underline;
}
.operatorPage.detailPage .operator .modDetailMain .contact a:hover {
  color: #414A5A;
}
.operatorPage.detailPage .operator .modDetailMain .wrap > .contact .specs {
  overflow: hidden;
}
.operatorPage.detailPage .operator .modDetailMain .wrap > .contact .spec {
  margin: 0;
  margin-left: 50%;
  margin-top: 5px;
}
.operatorPage.detailPage .operator .modDetailMain .wrap > .contact .address {
  float: left;
  width: 215px;
  margin-left: 0;
}
.operatorPage.detailPage .operator .modDetailMain > .contact {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 415px;
}
.operatorPage.detailPage .operator .modDetailMain > .contact .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.operatorPage.detailPage .operator .modDetailMain > .contact .address .detail {
  font-size: 138.5%;
}
.operatorPage.detailPage .operator .modDetailMain > .contact .fiche {
  overflow: hidden;
}
.operatorPage.detailPage .operator .modDetailMain > .contact .fiche .spec {
  margin: 0;
  padding-top: 2px;
  margin-bottom: 5px;
  margin-left: 235px;
}
.operatorPage.detailPage .operator .modDetailMain > .contact .fiche .address {
  float: left;
  width: 220px;
  padding-top: 0;
  margin-left: 0;
}
.operatorPage.detailPage .operator .modDetailMain > .wrap {
  /*position:absolute; right:0; top:0; width:390px;*/
  float: right;
  width: 390px;
  position: relative;
  top: -79px;
}
.operatorPage.detailPage .operator .modDetailMain > .wrap.contactWrap {
  position: static;
  width: auto;
  margin-right: 415px;
  float: none;
}
.operatorPage.detailPage .operator .modDetailMain > .wrap .image img {
  width: 100%;
  display: block;
}
.operatorPage.detailPage .operator .modDetailMain > .wrap .map {
  border: 1px solid #ebebeb;
  margin-top: 10px;
}
.operatorPage.detailPage .operator .modDetailMain > .wrap .textblock {
  padding: 9px 17px;
  background: #f6f6f6;
}
.operatorPage.detailPage .operator .modDetailMain > .wrap .textblock p {
  margin: 10px 0px;
  font-size: 100%;
  line-height: 1.45em;
  color: #272323;
}
.operatorPage.detailPage .operator .modDetailMain {
  padding-top: 1px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .stats {
  overflow: hidden;
  background: #e9e9e9;
  margin: 30px 415px 30px 0px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .specificities {
  background: #fff;
  overflow: hidden;
  margin: 30px 0px;
  min-height: 75px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .specificities .caption {
  font-size: 131%;
  font-family: "ModeratBold", Arial;
  font-weight: 700;
  margin-bottom: 5px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .specificities .detail ul {
  overflow: hidden;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .specificities .detail li {
  float: left;
  width: 25%;
  margin: 5px 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .specificities .detail li > * {
  display: block;
  padding-left: 20px;
  line-height: 1.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 93%;
  color: #acacac;
  text-decoration: none;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .specificities .detail li > span {
  background: url(img/fiche-specificity-check-green.png) left 2px no-repeat;
  color: #1d1d1b;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap {
  margin: 10px 0px;
  margin-left: 15px;
  float: left;
  overflow: hidden;
  width: 250px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec {
  position: relative;
  padding-left: 63px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec:first-child {
  margin-bottom: 12px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec .caption {
  background: #fefefe;
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 61px;
  text-indent: -999em;
  letter-spacing: -999em;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec .detail {
  background: #fefefe;
  padding: 10px;
  height: 35px;
  font-size: 108%;
  font-weight: 700;
  vertical-align: middle;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec .detail span {
  font-size: 108%;
  display: block;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec.availability .detail {
  line-height: 35px;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec.railLength .caption {
  background: #fefefe url(img/spec-icon-train.png) center center no-repeat;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec.moorLength .caption {
  background: #fefefe url(img/spec-icon-barge.png) center center no-repeat;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec.containerCapacity .caption {
  background: #fefefe url(img/spec-icon-container.png) center center no-repeat;
}
.operatorPage.detailPage .operator .modDetailMain > .fiche .wrap .spec.availability .caption {
  background: #fefefe url(img/spec-icon-time.png) center center no-repeat;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .heading {
  margin: 1em 0;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table {
  width: 100%;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table thead {
  background: #e1e1e1;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table.sortable thead th.headerSortDown,
.operatorPage.detailPage .operator .modDetailMain > .lines table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table.sortable thead th a {
  display: none;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td.location a {
  color: #252525;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td .spec.lineType .caption,
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td .spec.lineType {
  display: inline-block;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.operatorPage.detailPage .operator .modDetailMain > .lines table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .cluster table thead th:nth-child(1) {
  width: 40%;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .cluster table thead th:nth-child(2) {
  width: 30%;
}
.operatorPage.detailPage .operator .modDetailMain > .lines > .cluster table thead th:nth-child(3) {
  width: 30%;
}
.operatorPage.detailPage .operator .modDetailMain > .wrap {
  top: -38px;
}
.operatorPage .filters {
  background: #c4c2c8;
  padding: 14px 20px;
}
.operatorPage .filters .navFilter {
  border: none;
  background: url(img/focus-divider.png) left top repeat-x;
}
.operatorPage .filters .navFilter:first-child {
  background: none;
}
.operatorPage .filters .navFilter .heading span {
  font-size: 18px;
  font-family: Arial;
}
.operatorPage .filters .navFilter ul {
  zoom: 1;
  display: inline-block;
  display: block;
  margin-left: -1.5%;
  background: none;
}
.operatorPage .filters .navFilter ul:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.operatorPage .filters .navFilter ul li {
  float: left;
  width: 48.5%;
  margin: 2px 0px;
  margin-left: 1.5%;
  background: none;
}
.operatorPage .filters .navFilter ul li:nth-child(2n+1),
.operatorPage .filters .navFilter ul li.nthChild3 {
  clear: left;
}
.operatorPage .filters .navFilter ul li .page {
  /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
  cursor: pointer;
}
.operatorPage .filters .navFilter ul li.active .page {
  background-color: #d9d9d9;
}
.operatorPage .filters .navFilter.toggle ul li.active .page {
  background-color: transparent;
}
.operatorPage .filters .navFilter.tagged ul {
  margin-left: -7px;
}
.operatorPage .filters .navFilter.tagged li {
  width: auto;
  position: relative;
  z-index: 10;
}
.operatorPage .filters .navFilter.tagged li .page {
  padding: 0.75em 1em;
  display: block;
  background: #e4032c;
  text-decoration: none;
  color: white;
  font-weight: 700;
  position: relative;
}
.operatorPage #pageMain .frmBox.search {
  zoom: 1;
  display: inline-block;
  display: block;
  border: none;
  background-color: #e9e9e9;
  -moz-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -o-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  -webkit-box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  box-shadow: inset 2px 4px 60px rgba(0,0,0,.05);
  margin-top: 0;
  position: relative;
  padding: 14px 20px;
  overflow: visible;
}
.operatorPage #pageMain .frmBox.search:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.operatorPage #pageMain .frmBox.search * {
  display: block;
}
.operatorPage #pageMain .frmBox.search form {
  position: relative;
}
.operatorPage #pageMain .frmBox.search .formMain {
  margin: 0;
  float: left;
  display: block;
}
.operatorPage #pageMain .frmBox.search .formMain .frmRow {
  margin: 0;
}
.operatorPage #pageMain .frmBox.search .inputElement .caption {
  margin-bottom: 11px;
  height: 22px;
  float: none;
  width: auto;
  text-align: left;
}
.operatorPage #pageMain .frmBox.search .inputElement .caption .label {
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 1.25em;
}
.operatorPage #pageMain .frmBox.search .inputElement .detail {
  margin-left: 0;
}
.operatorPage #pageMain .frmBox.search .inputElement .detail .form-text {
  width: 12em;
  padding: 2px 4px;
  font-weight: 700;
  font-size: 123.1%;
  font-family: Arial;
  background-image: none;
}
.operatorPage #pageMain .frmBox.search .formFooter {
  margin: 0;
  position: absolute;
  right: 0px;
  top: 33px;
}
.operatorPage #pageMain .frmBox.search .formFooter input {
  padding: 6px 9px;
}
.operatorPage #pageMain .frmBox.search #autocomplete {
  background-color: #fff;
  padding: 6px 0;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 200px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100 !important;
  border: none;
}
.operatorPage #pageMain .frmBox.search #autocomplete li {
  margin: 0 6px !important;
  width: auto !important;
  display: block;
  float: none !important;
}
.operatorPage #pageMain .frmBox.search #autocomplete li a,
.operatorPage #pageMain .frmBox.search #autocomplete li > div {
  cursor: pointer;
  padding: 8px !important;
  display: block;
  font-size: 93%;
  color: #666;
  font-weight: bold;
}
.operatorPage #pageMain .frmBox.search #autocomplete li a.ui-state-hover,
.operatorPage #pageMain .frmBox.search #autocomplete li > div:hover {
  background-color: #f5f5f5;
  color: #414A5A;
  font-weight: bold !important;
  margin: 0 !important;
}
.operatorPage #pageMain .frmBox.search #autocomplete li.country {
  border-bottom: 1px solid #f5f5f5;
}
.operatorPage #pageMain .frmBox.search #autocomplete li.country {
  padding-left: 120px;
  position: relative;
}
.operatorPage #pageMain .frmBox.search #autocomplete li.country > h1 {
  position: absolute;
  left: 0;
  font-size: 93%;
  color: #666;
  font-weight: normal;
  font-family: arial;
  padding-left: 19px;
  padding-top: 16px;
}
.operatorPage #pageMain .frmBox.search #autocomplete li.country ul {
  border-left: 1px solid #f5f5f5;
  padding: 6px 0;
}
.operatorPage #pageMain .frmBox.search #autocomplete li.country ul li {
  margin: 0 6px;
}
.operatorPage #pageMain .frmBox.search #autocomplete li.country ul li a {
  font-size: 93%;
  color: #666;
  font-weight: bold;
  display: block;
  padding: 10px 12px;
}
.operatorPage #pageMain .frmBox.search #autocomplete.countries > li {
  margin: 0;
}
.operatorPage #pageMain .frmBox.search #autocomplete.countries {
  padding: 0;
  width: 340px;
}
.operatorPage #pageMain .frmBox.search #autocomplete li {
  white-space: normal;
}
.operatorPage .filters .navFilter ul li {
  float: none;
  width: auto;
}
.operatorPage.overviewPage .modList.operators {
  margin-right: 20px;
  background: none;
  border: none;
}
.operatorPage.overviewPage .modList.operators .modListHeader {
  border: none;
  padding: 12px 0px;
  position: relative;
}
.operatorPage.overviewPage .modList.operators .modListHeader .all {
  position: absolute;
  right: 10px;
  top: 20px;
}
.operatorPage.overviewPage .modList.operators .modListHeader .all a {
  background: url("img/arrow-all.png") right 3px no-repeat;
  font-size: 108%;
  font-weight: 700;
  padding-right: 22px;
  text-decoration: none;
}
.operatorPage.overviewPage .modList.operators .modListHeader .all a:hover {
  background-position: right -35px;
  color: #414A5A;
}
.operatorPage.overviewPage .modList .navAZ {
  overflow: hidden;
  margin-top: 1em;
}
.operatorPage.overviewPage .modList .navAZ .heading {
  float: left;
  margin-right: 4px;
}
.operatorPage.overviewPage .modList .navAZ .heading span {
  font-size: 93%;
  font-weight: 400;
  font-family: Arial;
}
.operatorPage.overviewPage .modList .navAZ li {
  float: left;
}
.operatorPage.overviewPage .modList .navAZ li .page {
  font-size: 93%;
  font-weight: 700;
  padding: 0px 6px;
  color: #414A5A000;
  text-decoration: none;
}
.operatorPage.overviewPage .modList .navAZ li .page:hover {
  color: #e4032c;
}
.operatorPage.overviewPage .modList.operators section {
  /*border:1px solid #f5f5f5;*/
  border-top: 3px solid #414A5A;
  margin-bottom: 30px;
}
.operatorPage.overviewPage .modList.operators section > .heading {
  margin: 8px 10px;
}
.operatorPage.overviewPage .modList.operators section > .heading span {
  font-size: 216%;
}
.operatorPage.overviewPage .operator {
  border-top: 1px solid #dbdbdb;
}
/* customs declarant ........................................................ */
.customsDeclarantPage.detailPage .customsDeclarant {
  position: relative;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailHeader {
  padding-right: 415px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailHeader > h1.heading {
  margin-bottom: 4px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailHeader > h1.heading span {
  font-size: 231%;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailHeader .tags .caption {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailHeader .tags li {
  background: #5f696b;
  position: relative;
  border-radius: 3px;
  padding: 4px 6px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  text-transform: uppercase;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailHeader .tags li > * {
  font-size: 13px;
}
.customsDeclarantPage.detailPage .customsDeclarant .contact {
  min-height: 0;
}
.customsDeclarantPage.detailPage .customsDeclarant .contact .heading {
  margin-left: 0;
}
.customsDeclarantPage.detailPage .customsDeclarant .contact .fiche {
  margin-left: 0;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .contacts {
  padding: 20px 0 0 0;
  overflow: hidden;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .contacts > .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 400;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .contacts .contact {
  margin-top: 0;
  border: none;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .contacts li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .contacts li:nth-child(2n+3) {
  clear: left;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .contact a {
  color: #B9112B;
  text-decoration: underline;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .contact a:hover {
  color: #414A5A;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .wrap > .contact .specs {
  overflow: hidden;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .wrap > .contact .spec {
  margin: 0;
  margin-left: 50%;
  margin-top: 5px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain .wrap > .contact .address {
  float: left;
  width: 215px;
  margin-left: 0;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .contact {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 415px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .contact .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .contact .address .detail {
  font-size: 138.5%;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .contact .fiche {
  overflow: hidden;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .contact .fiche .spec {
  margin: 0;
  padding-top: 2px;
  margin-bottom: 5px;
  margin-left: 235px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .contact .fiche .address {
  float: left;
  width: 220px;
  padding-top: 0;
  margin-left: 0;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .wrap {
  /*position:absolute; right:0; top:0; width:390px;*/
  float: right;
  width: 390px;
  position: relative;
  top: -79px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .wrap.contactWrap {
  position: static;
  width: auto;
  margin-right: 415px;
  float: none;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .wrap .image img {
  width: 100%;
  display: block;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .wrap .map {
  border: 1px solid #ebebeb;
  margin-top: 10px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .wrap .textblock {
  padding: 9px 17px;
  background: #f6f6f6;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .wrap .textblock p {
  margin: 10px 0px;
  font-size: 100%;
  line-height: 1.45em;
  color: #272323;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain {
  padding-top: 1px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .stats {
  overflow: hidden;
  background: #e9e9e9;
  margin: 30px 415px 30px 0px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .specificities {
  background: #fff;
  overflow: hidden;
  margin: 30px 0px;
  min-height: 75px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .specificities .caption {
  font-size: 131%;
  font-family: "ModeratBold", Arial;
  font-weight: 700;
  margin-bottom: 5px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .specificities .detail ul {
  overflow: hidden;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .specificities .detail li {
  float: left;
  width: 25%;
  margin: 5px 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .specificities .detail li > * {
  display: block;
  padding-left: 20px;
  line-height: 1.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 93%;
  color: #acacac;
  text-decoration: none;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .specificities .detail li > span {
  background: url(img/fiche-specificity-check-green.png) left 2px no-repeat;
  color: #1d1d1b;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap {
  margin: 10px 0px;
  margin-left: 15px;
  float: left;
  overflow: hidden;
  width: 250px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec {
  position: relative;
  padding-left: 63px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec:first-child {
  margin-bottom: 12px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec .caption {
  background: #fefefe;
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 61px;
  text-indent: -999em;
  letter-spacing: -999em;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec .detail {
  background: #fefefe;
  padding: 10px;
  height: 35px;
  font-size: 108%;
  font-weight: 700;
  vertical-align: middle;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec .detail span {
  font-size: 108%;
  display: block;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec.availability .detail {
  line-height: 35px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec.railLength .caption {
  background: #fefefe url(img/spec-icon-train.png) center center no-repeat;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec.moorLength .caption {
  background: #fefefe url(img/spec-icon-barge.png) center center no-repeat;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec.containerCapacity .caption {
  background: #fefefe url(img/spec-icon-container.png) center center no-repeat;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .fiche .wrap .spec.availability .caption {
  background: #fefefe url(img/spec-icon-time.png) center center no-repeat;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .heading {
  margin: 1em 0;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table {
  width: 100%;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table thead {
  background: #e1e1e1;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table.sortable thead th.headerSortDown,
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table.sortable thead th a {
  display: none;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td.location a {
  color: #252525;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td .spec.lineType .caption,
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td .spec.lineType {
  display: inline-block;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .cluster table thead th:nth-child(1) {
  width: 40%;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .cluster table thead th:nth-child(2) {
  width: 30%;
}
.customsDeclarantPage.detailPage .customsDeclarant .modDetailMain > .lines > .cluster table thead th:nth-child(3) {
  width: 30%;
}
/* shippingCompanies ........................................................ */
.modList.shippingCompanies > .modListHeader > .heading {
  margin: 1em 0;
}
.modList.shippingCompanies > .modListHeader > .heading span {
  font-family: Arial;
  font-size: 182%;
}
.modList.shippingCompanies > .modListMain > ul {
  overflow: hidden;
}
.modList.shippingCompanies > .modListMain > ul > * {
  width: 32.36111111%;
  margin-left: 1.45833333%;
  float: left;
  clear: none;
}
.modList.shippingCompanies > .modListMain > ul > *:nth-child( 3n + 1) {
  margin-left: 0;
  clear: left;
}
.modList.shippingCompanies > .modListMain > section > ul {
  overflow: hidden;
}
.modList.shippingCompanies > .modListMain > section > ul > * {
  width: 32.36111111%;
  margin-left: 1.45833333%;
  float: left;
  clear: none;
}
.modList.shippingCompanies > .modListMain > section > ul > *:nth-child( 3n + 1) {
  margin-left: 0;
  clear: left;
}
.modList.shippingCompanies > .modListMain > section > .heading {
  margin: 1em 0;
}
.modList.shippingCompanies > .modListMain > section > .heading span {
  font-size: 131%;
}
.mobilitySection.inlandPage.detailPage .modList.shippingCompanies {
  border-top: 3px solid #414A5A;
  margin-top: 1.5em;
}
/* shippingCompany .......................................................... */
body.shippingCompanyPage.detailPage .shippingCompany .contact {
  min-height: 0;
}
body.shippingCompanyPage.detailPage .shippingCompany .contact .heading {
  margin-left: 0;
}
body.shippingCompanyPage.detailPage .shippingCompany .contact .fiche {
  margin-left: 0;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .contacts {
  padding: 20px 0 0 0;
  overflow: hidden;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .contacts > .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 400;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .contacts .contact {
  margin-top: 0;
  border: none;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .contacts li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .contacts li:nth-child(2n+3) {
  clear: left;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .contact a {
  color: #B9112B;
  text-decoration: underline;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .contact a:hover {
  color: #414A5A;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .wrap > .contact .specs {
  overflow: hidden;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .wrap > .contact .spec {
  margin: 0;
  margin-left: 50%;
  margin-top: 5px;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .wrap > .contact .address {
  float: left;
  width: 215px;
  margin-left: 0;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .contact {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 415px;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .contact .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .contact .address .detail {
  font-size: 138.5%;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .contact .fiche {
  overflow: hidden;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .contact .fiche .spec {
  margin: 0;
  padding-top: 2px;
  margin-bottom: 5px;
  margin-left: 235px;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .contact .fiche .address {
  float: left;
  width: 220px;
  padding-top: 0;
  margin-left: 0;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .wrap {
  /*position:absolute; right:0; top:0; width:390px;*/
  float: right;
  width: 390px;
  position: relative;
  top: -79px;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .wrap.contactWrap {
  position: static;
  width: auto;
  margin-right: 415px;
  float: none;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .wrap .image img {
  width: 100%;
  display: block;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .wrap .map {
  border: 1px solid #ebebeb;
  margin-top: 10px;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .wrap .textblock {
  padding: 9px 17px;
  background: #f6f6f6;
}
body.shippingCompanyPage.detailPage .shippingCompany .modDetailMain .tab > .wrap .textblock p {
  margin: 10px 0px;
  font-size: 100%;
  line-height: 1.45em;
  color: #272323;
}
body.shippingCompanyPage.detailPage .modDetail.shippingCompany > .modDetailHeader img {
  vertical-align: bottom;
  height: 1.3em;
}
body.shippingCompanyPage.detailPage .modDetail.shippingCompany > .modDetailMain .tab > .wrap.contactWrap {
  border-bottom: 1px solid #7f7f7f;
  margin-bottom: 20px;
}
.modListMain ul li.modDetail.shippingCompany {
  background: #f9f9f9;
  padding: 1em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modListMain ul li.modDetail.shippingCompany > .modDetailHeader .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 700;
  color: #e4032c;
  text-decoration: underline;
}
.modListMain ul li.modDetail.shippingCompany > .modDetailMain .contact {
  min-height: 6.07692308em;
}
.modListMain ul li.modDetail.shippingCompany > .modDetailMain .contact .fiche {
  margin-left: 0;
}
.modListMain ul li.modDetail.shippingCompany > .modDetailMain .pickupDropoff ul {
  overflow: hidden;
}
.modListMain ul li.modDetail.shippingCompany > .modDetailMain .pickupDropoff ul li {
  float: left;
  width: 49%;
  padding: 0.5em 0.75em;
  padding-left: 24px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fefefe;
}
.modListMain ul li.modDetail.shippingCompany > .modDetailMain .pickupDropoff ul li:first-child {
  margin-right: 2%;
}
.modListMain ul li.modDetail.shippingCompany > .modDetailMain .pickupDropoff ul li {
  background: #fefefe url(img/fiche-specificity-check-green.png) 7px center no-repeat;
}
body.shippingCompanyPage.overviewPage .modList .navAZ {
  overflow: hidden;
  margin-top: 1em;
}
body.shippingCompanyPage.overviewPage .modList .navAZ .heading {
  float: left;
  margin-right: 4px;
}
body.shippingCompanyPage.overviewPage .modList .navAZ .heading span {
  font-size: 93%;
  font-weight: 400;
  font-family: Arial;
}
body.shippingCompanyPage.overviewPage .modList .navAZ li {
  float: left;
}
body.shippingCompanyPage.overviewPage .modList .navAZ li .page {
  font-size: 93%;
  font-weight: 700;
  padding: 0px 6px;
  color: #414A5A000;
  text-decoration: none;
}
body.shippingCompanyPage.overviewPage .modList .navAZ li .page:hover {
  color: #e4032c;
}
/* extendedGateSupplierPage ................................................. */
.extendedGateSupplierPage.detailPage .modDetail .contact {
  min-height: 0;
}
.extendedGateSupplierPage.detailPage .modDetail .contact .heading {
  margin-left: 0;
}
.extendedGateSupplierPage.detailPage .modDetail .contact .fiche {
  margin-left: 0;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .contacts {
  padding: 20px 0 0 0;
  overflow: hidden;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .contacts > .heading span {
  font-size: 138.5%;
  font-family: Arial;
  font-weight: 400;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .contacts .contact {
  margin-top: 0;
  border: none;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .contacts li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .contacts li:nth-child(2n+3) {
  clear: left;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .contact a {
  color: #B9112B;
  text-decoration: underline;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .contact a:hover {
  color: #414A5A;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .wrap > .contact .specs {
  overflow: hidden;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .wrap > .contact .spec {
  margin: 0;
  margin-left: 50%;
  margin-top: 5px;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain .wrap > .contact .address {
  float: left;
  width: 215px;
  margin-left: 0;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .contact {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 415px;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .contact .heading {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .contact .address .detail {
  font-size: 138.5%;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .contact .fiche {
  overflow: hidden;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .contact .fiche .spec {
  margin: 0;
  padding-top: 2px;
  margin-bottom: 5px;
  margin-left: 235px;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .contact .fiche .address {
  float: left;
  width: 220px;
  padding-top: 0;
  margin-left: 0;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .wrap {
  /*position:absolute; right:0; top:0; width:390px;*/
  float: right;
  width: 390px;
  position: relative;
  top: -79px;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .wrap.contactWrap {
  position: static;
  width: auto;
  margin-right: 415px;
  float: none;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .wrap .image img {
  width: 100%;
  display: block;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .wrap .map {
  border: 1px solid #ebebeb;
  margin-top: 10px;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .wrap .textblock {
  padding: 9px 17px;
  background: #f6f6f6;
}
.extendedGateSupplierPage.detailPage .modDetail .modDetailMain > .wrap .textblock p {
  margin: 10px 0px;
  font-size: 100%;
  line-height: 1.45em;
  color: #272323;
}
/* emptyDepotNetwork ........................................................ */
.emptyDepotNetwork > .heading {
  margin: 1em 0;
}
.emptyDepotNetwork > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.emptyDepotNetwork > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.emptyDepotNetwork > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.emptyDepotNetwork > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.emptyDepotNetwork table {
  width: 100%;
}
.emptyDepotNetwork table thead {
  background: #e1e1e1;
}
.emptyDepotNetwork table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.emptyDepotNetwork table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.emptyDepotNetwork table.sortable thead th.headerSortDown,
.emptyDepotNetwork table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.emptyDepotNetwork table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.emptyDepotNetwork table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.emptyDepotNetwork table.sortable thead th a {
  display: none;
}
.emptyDepotNetwork table tbody td.location a {
  color: #252525;
}
.emptyDepotNetwork table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.emptyDepotNetwork table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.emptyDepotNetwork table tbody td .spec.lineType .caption,
.emptyDepotNetwork table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.emptyDepotNetwork table tbody td .spec.lineType {
  display: inline-block;
}
.emptyDepotNetwork table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.emptyDepotNetwork table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.emptyDepotNetwork table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.emptyDepotNetwork table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.emptyDepotNetwork table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.emptyDepotNetwork table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.emptyDepotNetwork table thead th:nth-child(1) {
  width: 40%;
}
.emptyDepotNetwork table thead th:nth-child(2) {
  width: 24%;
}
.emptyDepotNetwork table thead th:nth-child(3) {
  width: 18%;
}
.emptyDepotNetwork table thead th:nth-child(4) {
  width: 18%;
}
.emptyDepotNetwork table tbody td.pickup,
.emptyDepotNetwork table tbody td.dropoff {
  padding: 0.75em 1em;
}
.emptyDepotNetwork table tbody td.pickup span,
.emptyDepotNetwork table tbody td.dropoff span {
  padding: 0.4em 0.75em;
  background: #979a1e;
  font-weight: bold;
  color: white;
}
/* extendedGateNetwork ...................................................... */
.extendedGateNetwork > .heading {
  margin: 1em 0;
}
.extendedGateNetwork > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.extendedGateNetwork > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.extendedGateNetwork > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.extendedGateNetwork > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.extendedGateNetwork table {
  width: 100%;
}
.extendedGateNetwork table thead {
  background: #e1e1e1;
}
.extendedGateNetwork table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.extendedGateNetwork table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.extendedGateNetwork table.sortable thead th.headerSortDown,
.extendedGateNetwork table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.extendedGateNetwork table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.extendedGateNetwork table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.extendedGateNetwork table.sortable thead th a {
  display: none;
}
.extendedGateNetwork table tbody td.location a {
  color: #252525;
}
.extendedGateNetwork table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.extendedGateNetwork table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.extendedGateNetwork table tbody td .spec.lineType .caption,
.extendedGateNetwork table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.extendedGateNetwork table tbody td .spec.lineType {
  display: inline-block;
}
.extendedGateNetwork table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.extendedGateNetwork table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.extendedGateNetwork table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.extendedGateNetwork table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.extendedGateNetwork table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.extendedGateNetwork table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.extendedGateNetwork table thead th:nth-child(1) {
  width: 40%;
}
.extendedGateNetwork table thead th:nth-child(2) {
  width: 60%;
}
/* linerServiceTables ....................................................... */
.linerServiceTables > .heading {
  margin: 1em 0;
}
.linerServiceTables > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.linerServiceTables > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.linerServiceTables > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.linerServiceTables > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.linerServiceTables table {
  width: 100%;
}
.linerServiceTables table thead {
  background: #e1e1e1;
}
.linerServiceTables table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.linerServiceTables table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.linerServiceTables table.sortable thead th.headerSortDown,
.linerServiceTables table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.linerServiceTables table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.linerServiceTables table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.linerServiceTables table.sortable thead th a {
  display: none;
}
.linerServiceTables table tbody td.location a {
  color: #252525;
}
.linerServiceTables table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.linerServiceTables table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.linerServiceTables table tbody td .spec.lineType .caption,
.linerServiceTables table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.linerServiceTables table tbody td .spec.lineType {
  display: inline-block;
}
.linerServiceTables table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.linerServiceTables table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.linerServiceTables table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.linerServiceTables table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.linerServiceTables table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.linerServiceTables table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.linerServiceTables {
  position: relative;
}
.linerServiceTables > header .lnkEdit a {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0;
}
.linerServiceTables > header .lnkEdit a {
  padding: 0em 1em;
  height: 35px;
  line-height: 35px;
  background: #e4032c;
  text-decoration: none;
  color: white;
  font-weight: 700;
}
.linerServices .cluster {
  margin-bottom: 2em;
}
.linerServices .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.linerServices .cluster > .heading > span {
  font-size: 138.5%;
  font-family: Arial;
}
/* linerServices ............................................................ */
.linerServices > .heading {
  margin: 1em 0;
}
.linerServices > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.linerServices > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
.linerServices > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.linerServices > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
.linerServices table {
  width: 100%;
}
.linerServices table thead {
  background: #e1e1e1;
}
.linerServices table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
.linerServices table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.linerServices table.sortable thead th.headerSortDown,
.linerServices table.sortable thead th.headerSortUp {
  color: #e4032c;
}
.linerServices table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
.linerServices table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
.linerServices table.sortable thead th a {
  display: none;
}
.linerServices table tbody td.location a {
  color: #252525;
}
.linerServices table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.linerServices table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.linerServices table tbody td .spec.lineType .caption,
.linerServices table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
.linerServices table tbody td .spec.lineType {
  display: inline-block;
}
.linerServices table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
.linerServices table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
.linerServices table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
.linerServices table tbody td .spec.lineType.train {
  background-position: center -90px;
}
.linerServices table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
.linerServices table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
.linerServices > .heading {
  margin: 1em 0;
}
.linerServices > .heading span {
  font-size: 182%;
  font-family: Arial;
}
.linerServices > div {
  margin-bottom: 3em;
}
.linerServices > div.shippingAreaSelector {
  border-top: 3px solid #414A5A;
}
.linerServices > div > header > .heading {
  padding: 1em;
  background: #f9f9f9;
}
.linerServices > div > header > .heading > span {
  font-size: 138.5%;
  font-family: Arial;
}
.linerServices > div.linerServiceTables > .main {
  border-top: 3px solid #414A5A;
}
.linerServices > div.linerServiceTables > header {
  margin-top: 0.5em;
}
.linerServices .shippingAreaSelector > .main {
  overflow: hidden;
}
.linerServices .shippingAreaSelector > .main > .cluster {
  width: 25%;
  float: left;
  padding: 0 1px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.linerServices .shippingAreaSelector > .main > .cluster:nth-child(1) {
  padding-left: 0;
}
.linerServices .shippingAreaSelector > .main > .cluster:nth-child(4) {
  padding-right: 0;
}
.linerServices .shippingAreaSelector > .main > .cluster > .heading {
  background: #e1e1e1;
  padding: 1em;
  border-bottom: 1px solid #e4032c;
  font-family: Arial;
  line-height: 1;
}
.linerServices .shippingAreaSelector > .main > .cluster > .heading * {
  line-height: 1;
}
.linerServices .shippingAreaSelector > .main > .cluster > ul li {
  line-height: 1;
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.linerServices .shippingAreaSelector > .main > .cluster > ul li * {
  line-height: 1;
}
.linerServices .shippingAreaSelector > .main > .cluster > ul li:nth-child(2n) {
  background: #f9f9f9;
}
.linerServices .shippingArea > .main {
  overflow: hidden;
}
.linerServices .shippingArea > .main > .cluster {
  width: 25%;
  float: left;
  padding: 0 1px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.linerServices .shippingArea > .main > .cluster:nth-child(1) {
  padding-left: 0;
}
.linerServices .shippingArea > .main > .cluster:nth-child(4) {
  padding-right: 0;
}
.linerServices .shippingArea > .main > .cluster > .heading {
  background: #e1e1e1;
  padding: 1em;
  border-bottom: 1px solid #e4032c;
  font-family: Arial;
  line-height: 1;
}
.linerServices .shippingArea > .main > .cluster > .heading * {
  line-height: 1;
}
.linerServices .shippingArea > .main > .cluster > ul li {
  line-height: 1;
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
.linerServices .shippingArea > .main > .cluster > ul li * {
  line-height: 1;
}
.linerServices .shippingArea > .main > .cluster > ul li:nth-child(2n) {
  background: #f9f9f9;
}
/* seaPage boatingArea */
body.mobilitySection.seaPage.boatingPage .boatingArea > .heading {
  margin: 1em 0;
}
body.mobilitySection.seaPage.boatingPage .boatingArea > .heading span {
  font-size: 182%;
  font-family: Arial;
}
body.mobilitySection.seaPage.boatingPage .boatingArea > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
body.mobilitySection.seaPage.boatingPage .boatingArea > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
body.mobilitySection.seaPage.boatingPage .boatingArea > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table {
  width: 100%;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table thead {
  background: #e1e1e1;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table.sortable thead th.headerSortDown,
body.mobilitySection.seaPage.boatingPage .boatingArea table.sortable thead th.headerSortUp {
  color: #e4032c;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table.sortable thead th a {
  display: none;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td.location a {
  color: #252525;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td .spec.lineType .caption,
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td .spec.lineType {
  display: inline-block;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td .spec.lineType.train {
  background-position: center -90px;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table thead th:nth-child(1) {
  width: 40%;
}
body.mobilitySection.seaPage.boatingPage .boatingArea table thead th:nth-child(2) {
  width: 60%;
}
/* seaPage port */
body.mobilitySection.seaPage.portPage .port > .heading {
  margin: 1em 0;
}
body.mobilitySection.seaPage.portPage .port > .heading span {
  font-size: 182%;
  font-family: Arial;
}
body.mobilitySection.seaPage.portPage .port > .cluster {
  margin-bottom: 3em;
  border-top: 3px solid #414A5A;
}
body.mobilitySection.seaPage.portPage .port > .cluster > .heading {
  padding: 1em;
  background: #f9f9f9;
}
body.mobilitySection.seaPage.portPage .port > .cluster > .heading span {
  font-size: 138.5%;
  font-family: Arial;
}
body.mobilitySection.seaPage.portPage .port table {
  width: 100%;
}
body.mobilitySection.seaPage.portPage .port table thead {
  background: #e1e1e1;
}
body.mobilitySection.seaPage.portPage .port table thead th {
  padding: 1em 1.5em 1em 1em;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4032c;
  position: relative;
}
body.mobilitySection.seaPage.portPage .port table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
body.mobilitySection.seaPage.portPage .port table.sortable thead th.headerSortDown,
body.mobilitySection.seaPage.portPage .port table.sortable thead th.headerSortUp {
  color: #e4032c;
}
body.mobilitySection.seaPage.portPage .port table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
body.mobilitySection.seaPage.portPage .port table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
body.mobilitySection.seaPage.portPage .port table.sortable thead th a {
  display: none;
}
body.mobilitySection.seaPage.portPage .port table tbody td.location a {
  color: #252525;
}
body.mobilitySection.seaPage.portPage .port table tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
body.mobilitySection.seaPage.portPage .port table tbody td {
  padding: 0.75em 1em;
  border-bottom: 1px solid #e6e6e6;
}
body.mobilitySection.seaPage.portPage .port table tbody td .spec.lineType .caption,
body.mobilitySection.seaPage.portPage .port table tbody td .spec.lineType .detail {
  position: absolute !important;
  top: auto;
  left: -999em !important;
  right: auto !important;
}
body.mobilitySection.seaPage.portPage .port table tbody td .spec.lineType {
  display: inline-block;
}
body.mobilitySection.seaPage.portPage .port table tbody td .spec.lineType {
  width: 60px;
  height: 24px;
  background: url(img/filter-toggle.png) no-repeat;
}
body.mobilitySection.seaPage.portPage .port table tbody td .spec.lineType.barge {
  background-position: center 8px;
}
body.mobilitySection.seaPage.portPage .port table tbody td .spec.lineType.sea {
  background-position: center -183px;
}
body.mobilitySection.seaPage.portPage .port table tbody td .spec.lineType.train {
  background-position: center -90px;
}
body.mobilitySection.seaPage.portPage .port table tbody td span.yes {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
  width: 14px;
  height: 15px;
  background: url(img/terminals-check.png) no-repeat;
  margin: 0 auto;
}
body.mobilitySection.seaPage.portPage .port table tbody td span.no {
  text-indent: -999em;
  letter-spacing: -999em;
  display: block;
}
body.mobilitySection.seaPage.portPage .port .table > .heading {
  padding: 1em;
  background: #f9f9f9;
}
body.mobilitySection.seaPage.portPage .port .table > .heading > span {
  font-size: 138.5%;
  font-family: Arial;
}
/* seaPage land */
body.mobilitySection.seaPage.landPage .land > .heading {
  background: #e1e1e1;
  padding: 1em;
  border-bottom: 1px solid #e4032c;
  font-family: Arial;
  line-height: 1;
}
body.mobilitySection.seaPage.landPage .land > .heading > span {
  font-size: 138.5%;
  font-family: Arial;
}
body.mobilitySection.seaPage.landPage .land ul {
  overflow: hidden;
}
body.mobilitySection.seaPage.landPage .land ul li {
  float: left;
  width: 25%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}
body.mobilitySection.seaPage.landPage .land ul li a {
  padding: 0.75em 1em;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
body.mobilitySection.seaPage.landPage .land ul li * {
  line-height: 1;
}
body.mobilitySection.seaPage.landPage .land ul li:nth-child(1n) {
  padding-left: 2px;
}
body.mobilitySection.seaPage.landPage .land ul li:nth-child(4n+1) {
  padding-left: 0;
}
body.mobilitySection.seaPage.landPage .land ul li:nth-child(8n+5) a,
body.mobilitySection.seaPage.landPage .land ul li:nth-child(8n+6) a,
body.mobilitySection.seaPage.landPage .land ul li:nth-child(8n+7) a,
body.mobilitySection.seaPage.landPage .land ul li:nth-child(8n+8) a {
  background: #f9f9f9;
}
/* time table style ......................................................... */
.timetable {
  background: #fefefe;
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 6px 8px;
  padding-bottom: 10px;
  color: #414A5A;
}
.timetable table {
  width: 100%;
}
.timetable table th {
  font-size: 93%;
  color: #666666;
  text-align: center;
  padding: 4px 4px;
}
.timetable table tr td {
  border-left: 1px solid #e4e4e4;
  padding: 0px 1px;
  width: 14.28%;
  border-bottom: 9px solid #fff;
}
.timetable table tr td:first-child {
  border-left: none;
}
.timetable table tr td > span {
  display: block;
  border-bottom: 10px solid #fff;
  font-size: 123.1%;
  padding: 4px 18px;
  text-align: center;
  font-weight: 700;
}
.timetable table tr td.barge > span {
  border-bottom-color: #da7919;
}
.timetable table tr td.train > span {
  border-bottom-color: #f5da29;
}
/* notifications ............................................................ */
/* disclaimer */
.notify.disclaimer {
  margin: 13px 0px;
}
.notify.disclaimer p {
  font-size: 100%;
  color: #a7a7a7;
  font-weight: 700;
  margin: 0;
}
.context .notify.disclaimer {
  margin-left: 20px;
}
/* not found */
.notify.notFound {
  margin: 17px 0px;
}
.notify.notFound p {
  font-size: 123.1%;
  font-weight: 700;
  text-align: center;
}
.mobilitySection .notify {
  background: #f9f9f9;
  padding: 1em;
  font-family: Arial;
}
.mobilitySection .notify .heading {
  font-family: Arial;
  color: #e4032c;
}
/* inland pager ........................................................... */
.navPaging .pager {
  border: 1px solid #f5f5f5;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
.navPaging .pager li .page {
  padding: 2px 7px;
}
.navPaging .pager li.active .page {
  background: #e4032c;
  color: #fff;
}
.navPaging .pager .pagePrev {
  padding-left: 20px;
  background: url(img/caret-left_grey.svg) left 8px no-repeat;
  background-size: 10px auto;
}
.navPaging .pager .pagePrev:hover {
  padding-left: 20px;
  color: #e4032c;
  background: url(img/caret-left_red.svg) left 8px no-repeat;
  background-size: 10px auto;
}
.navPaging .pager .pageNext {
  padding-right: 20px;
  background: url(img/caret-right_grey.svg) right 8px no-repeat;
  background-size: 10px auto;
}
.navPaging .pager .pageNext:hover {
  padding-right: 20px;
  color: #e4032c;
  background: url(img/caret-right_red.svg) right 8px no-repeat;
  background-size: 10px auto;
}
/* back link ................................................................ */
.inlandBack {
  border-top: 1px solid #252525;
  padding: 10px;
  margin-top: 22px;
  text-align: left;
}
.inlandBack a {
  background: url(img/focus-intraport-arrow-left.png) left 0px no-repeat;
  padding-left: 23px;
  text-decoration: none;
  font-weight: 700;
}
.inlandBack a:hover {
  background-position: left -35px;
  color: #414A5A;
  text-decoration: none;
}
.inlandPage.detailPage .back {
  border-top: 1px solid #252525;
  padding: 10px;
  margin-top: 22px;
  text-align: left;
}
.inlandPage.detailPage .back a {
  background: url(img/focus-intraport-arrow-left.png) left 0px no-repeat;
  padding-left: 23px;
  text-decoration: none;
  font-weight: 700;
}
.inlandPage.detailPage .back a:hover {
  background-position: left -35px;
  color: #414A5A;
  text-decoration: none;
}
.intraportPage.detailPage .back {
  border-top: 1px solid #252525;
  padding: 10px;
  margin-top: 22px;
  text-align: left;
}
.intraportPage.detailPage .back a {
  background: url(img/focus-intraport-arrow-left.png) left 0px no-repeat;
  padding-left: 23px;
  text-decoration: none;
  font-weight: 700;
}
.intraportPage.detailPage .back a:hover {
  background-position: left -35px;
  color: #414A5A;
  text-decoration: none;
}
.operatorPage.detailPage .back {
  border-top: 1px solid #252525;
  padding: 10px;
  margin-top: 22px;
  text-align: left;
}
.operatorPage.detailPage .back a {
  background: url(img/focus-intraport-arrow-left.png) left 0px no-repeat;
  padding-left: 23px;
  text-decoration: none;
  font-weight: 700;
}
.operatorPage.detailPage .back a:hover {
  background-position: left -35px;
  color: #414A5A;
  text-decoration: none;
}
.customsDeclarantPage.detailPage .back {
  border-top: 1px solid #252525;
  padding: 10px;
  margin-top: 22px;
  text-align: left;
}
.customsDeclarantPage.detailPage .back a {
  background: url(img/focus-intraport-arrow-left.png) left 0px no-repeat;
  padding-left: 23px;
  text-decoration: none;
  font-weight: 700;
}
.customsDeclarantPage.detailPage .back a:hover {
  background-position: left -35px;
  color: #414A5A;
  text-decoration: none;
}
.inlandPage.detailPage #pageContainer #poa-site #pageFooter,
.operatorPage.detailPage #pageContainer #poa-site #pageFooter,
.intraportPage.detailPage #pageContainer #poa-site #pageFooter,
.customsDeclarantPage.detailPage #pageContainer #poa-site #pageFooter {
  margin-top: 5px;
}
/* focus - associations ..................................................... */
.grdTwoRight .grdWrap1 .context > .focus.links {
  margin-left: 1px;
}
.focus.links {
  border: 1px solid #d1d1d1;
  margin-top: 25px;
  padding: 15px 20px;
  border-left: none;
}
.focus.links .focusHeader {
  padding: 0;
  background: none;
}
.focus.links .focusMain li {
  margin: 6px 0px;
}
.focus.links .focusMain li a {
  font-weight: 700;
  font-size: 108%;
  color: #B9112B;
  text-decoration: none;
  padding-right: 20px;
  background: url(img/focus-inland-arrow.png) right -8px no-repeat;
}
.focus.links .focusMain li a:hover {
  color: #414A5A;
  background-position: right -35px;
}
.intraportPage iframe {
  width: 100%;
  height: 570px;
  display: block;
}
.intraportPage.detailPage iframe {
  height: 300px;
}
#pageMain .focusrow {
  overflow: visible;
  zoom: 1;
  display: inline-block;
  display: block;
}
#pageMain .focusrow:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.level1Page #pageMain .focusrow .focus.subLevel {
  z-index: 2;
}
/* lightbox ................................................................ */
#cboxTitle {
  background: #fff;
  font-size: 14px;
}
/* action links */
#pageMain .action-links {
  text-align: right;
}
#pageMain .action-links li {
  display: inline-block;
}
#pageMain .action-links li a {
  background: #ba122b;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  height: 42px;
  line-height: 42px;
  padding: 0 1em;
  position: relative;
  text-decoration: none;
}
table.sortable thead th {
  position: relative;
}
table.sortable thead th:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background: url(img/sort.png) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
table.sortable thead th.headerSortDown,
table.sortable thead th.headerSortUp {
  color: #e4032c;
}
table.sortable thead th.headerSortDown:after {
  background: url(img/sort-down.png) no-repeat 50% 50%;
}
table.sortable thead th.headerSortUp:after {
  background: url(img/sort-up.png) no-repeat 50% 50%;
}
table.sortable thead th a {
  display: none;
}