/* Everybody: PLEASE USE -->->> 2 <<-<-- SPACES FOR IDENTATION INSTEAD OF TABS WHEN EDITING CSS FILES !!! */

.clearfloat:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.dn .hidden {
  display: none;
}

/* Header */

/*.dn .header_finance_link {
  float: right;
  margin-right: 8px;
}

.dn .header_finance_link a:first-of-type {
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  line-height: 44px;
  color: #ffffff;
  background-color: #000000;
  width: 40px;
  height: 42px;
  padding-left: 2px;
  border-radius: 50%;
}

.dn .header_finance_link a:last-of-type {
  color: rgba(255, 255, 255, 1);
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 15px;
  line-height: 20px;
  display: block;
}*/

.dn .header_investor_link {
  float: right;
}

.dn .header_investor_link a {
  display: block;
  width: 117px;
  height: 63px;
  margin-top: -2px;
}

html {
  -webkit-text-size-adjust: 100%;
}

html.js body.stickyNavigation > [class^="navigation__"].sticky {
  position: fixed;
  top: 32px !important;
  margin-top: 0;
}
html.js body.smakWrapper.stickyNavigation > [class^="navigation__"].sticky {
  top: 29px !important;
}

.award_top {
  background: #004f84;
}

.award_top p {
  font-family: 'Guardian Sans Cond Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #FFF;
  font-weight: 500;
  margin: 0;
}

.award_top .wrap {
  position: relative;
}

.award_top .award_circle {
  position: absolute;
  left: 245px;
  top: 20px;
  background: #de4a14;
  border-radius: 50%;
  width: 78px;
  height: 78px;
  z-index: 1;
}

.award_top .award_circle p {
  line-height: 15px;
  text-align: center;
  padding: 17px 10px;
}


@media only screen and (max-width: 750px) {
  .award_top .award_circle {
    display: none;
  }
}


.sticky_on {
  position: absolute;
  top: inherit !important;
}
.dn [role="navigation"] {
  padding-bottom: 60px;
}

/* Mobile OMS Header */

.dn .financial-data .col.onlyMobile {
  display: none;
}

.dn .financial-data .col.onlyMobile:last-child .copy {
  margin-right: 0;
}

.dn .financial-data .col.onlyMobile a,
.dn .financial-data .col.onlyMobile span {
  display: block;
}

.dn .financial-data .col.onlyMobile a:hover {
  opacity: 1;
}

.dn .financial-data .col.onlyMobile span {
  font-size: 15px;
  line-height: 14px;
  color: #80b7d5;
  font-weight: 400;
  text-align: right;
}

.dn .financial-data .col.onlyMobile span.percentage {
  font-size: 22px;
  color: #180c08;
  line-height: 24px;
}

.navigation__search label {
  margin-right: 15px;
}

.navigation__search .searchStringLinkWrapper {
  margin: 25px 0 15px;
}

.navigation__search .searchStringLink {
  display: block;
  width: 40%;
  max-width: 220px;
  float: left;
  font-size: 13px;
}

.navigation__search .searchStringLink:nth-child(2n) {
  width: 60%;
}

.navigation__search .proffLink,
.navigation__search .proffLink:visited {
  color: #992085;
}

@media only screen and (max-width: 768px) {

  .dn [role="banner"], [role="banner"].dn {
    padding-right: 0;
  }

  .dn .financial-data {
    height: 60px;
  }

  .dn .financial-data .col:not(.onlyMobile) .copy {
    max-width: 93px;
  }

  .dn .financial-data .col:not(.onlyMobile) .number {
    max-width: 140px;
  }

  .dn header .wrap {
    /*width: 94.27%;*/
    width: 100%;
    max-width: 724px;
  }

  .dn .header_finance_link {
    margin-top: 5px;
    margin-right: 0;
  }

  .dn .header_finance_link a:first-of-type {
    width: 30px;
    height: 30px;
    padding-left: 0;
    font-size: 16px;
    line-height: 32px;
  }

  .dn .header_finance_link a:last-of-type {
    font-size: 14px;
    line-height: 21px;
  }

  .navigation__search .searchStringLinkWrapper {
    display: none;
  }

}

@media only screen and (max-width: 750px) {

  .navigation.dn .navigation__toggle[class^="navigation__"] a.logged-in-user .logged-in-user-name {
    display: none;
  }

}

@media only screen and (max-width: 654px) {

  .dn [role="banner"] .logo, [role="banner"].dn .logo {
    background-size: cover;
    width: 86px;
    height: 55px;
    margin-left: 0;
  }

  .dn .financial-data .col.onlyMobile {
    display: block;
  }

}

@media only screen and (max-width: 600px) {

  html.js body.stickyNavigation > [class^="navigation__"] {
    overflow-y: auto;
  }

}

@media only screen and (max-width: 480px) {

  .dn [role="banner"] .logo, [role="banner"].dn .logo {
    background-size: cover;
  }

  .dn .financial-data {
    height: 58px;
  }

  .dn .financial-data .col.onlyMobile .copy {
    max-width: 75px;
  }

  .dn header .wrap {
    /*width: 97.5%;*/
    width: 100%;
    max-width: 468px;
  }

  .dn .header_finance_link a:last-of-type {
    font-size: 12px;
    line-height: 21px;
  }

  .dn .top_menu li {
    padding-right: 6px;
    margin-right: 6px;
  }

  html.bodyFixed, body.bodyFixed, html.bodyFixed nav.navigation {
    position: fixed;
    top: 0;
  }

  html.bodyFixed, body.bodyFixed {
    height: 100%;
  }

  html.js body.bodyFixed .right_side_navigation {
    top: 31px !important;
    margin-top: 1px;
  }


}

@media only screen and (max-width: 350px) {

  .dn .financial-data .col.onlyMobile .copy {
    max-width: 67px;
  }

  .dn .financial-data .col.onlyMobile .copy:first-child {
    margin-right: 5px;
  }

  .dn .financial-data .col.onlyMobile:last-child .copy {
    margin-right: 0;
  }

  .dn .financial-data .col.onlyMobile span {
    font-size: 14px;
  }

  .dn .financial-data .col.onlyMobile span.percentage {
    font-size: 22px;
    line-height: 23px;
  }

}

.drfront img.dn-lazy {
  border: 1px solid #eee;
  box-sizing: border-box;
}


/* Article slideshow */

.dn .slider, .dn .mobileSlider {
  background-color: #D6D6D6;
  border-image: url("../gfx/border-image-20px.gif") 20 0 20 0 repeat repeat;
  border-width: 20px 0;
  border-style: solid;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 27px;
  position: relative;
  padding: 22px;
  max-width: 1148px;
}

.dn .slider .story_picture .orange-bomb {
  display: none;
}

.dn .slider .story_picture + .media-heading + .headline.paid-article {
  background: none;
}

.dn .slider .element > .media-heading + .headline.paid-article {
  min-height: 45px;
}

.dn .slider .element > .media-heading + .headline.paid-article a {
  width: 85%;
}

.dn .dark.slider, .dn .dark.mobileSlider {
  background-color: #242424;
}

.drfront .dn .slider, .drfront .dn .mobileSlider {
  margin-top: 50px;
}

.dn .slider .centerbox {
  margin: 0 auto;
  overflow: hidden;
}

.dn .slider .viewport.wrap, .dn .mobileSlider .viewport.wrap {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.dn .slider .navigation {
  position: absolute;
}

.dn .slider .navigation:hover {
  opacity: 0.5;
  cursor: pointer;
}

.dn .slider .carousel-btn {
  padding: 0;
  top: 112px;
}

.dn .slider .carousel-btn.right {
  right: 22px;
  top: 112px;
}

.dn .slider .element_container {
  position: relative;
}

.dn .mobileSlider .owl-item {
  background: url(../gfx/dotted-border.png) repeat-y right 0;
}

.dn .slider .element, .dn .mobileSlider .element {
  overflow: hidden;
  word-wrap: break-word;
  float: left;
  padding-right: 16px;
  margin-right: 16px;
}

.dn .mobileSlider .element {
  padding-right: 16px;
  margin-right: 0;
}

.dn .slider .element {
  border-right: 1px dotted #B7B7B7;
  max-width: 361px;
}

.dn .slider .element h1 {
  margin-bottom: 0;
}

.dn .slider .element h1 a {
  color: #333333;
  display: block;
  font-family: 'Guardian Sans Cond Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 34px;
}

.dn .mobileSlider h1 {
  margin: 0;
}

.dn .mobileSlider h1 a {
  color: #333;
}

.dn .dark.slider .element h1 a, .dn .dark.mobileSlider h1 a {
  color: #FFFFFF;
}

.dn .slider .element .story_picture, .dn .mobileSlider .element .story_picture {
  display: block;
  position: relative;
  margin-bottom: 6px;
}

.dn .slider .element img {
  width: 100%;
}

.dn .mobileSlider .element .story_picture .video_container {
  width: 100%;
  padding-bottom: 65%;
  height: 0;
  position: relative;
}

.dn .slider .element h4.media-heading a {
  font-stretch: normal;
  font-style: normal;
  font-weight: 800;
  color: #80b7d5;
  font-family: 'Guardian Sans Cond Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.dn .dark.slider .element h4.media-heading a {
  color: #80b7d5;
}

.dn .slider .promo__action {
  background: url("../gfx/promo-action.png") no-repeat scroll 50% 50% #0078c8;
  border-radius: 50%;
  box-shadow: 0 11px 22px rgba(0, 0, 0, 0.25);
  display: block;
  height: 176px;
  position: absolute;
  width: 176px;
  z-index: 2;
  top: -70px;
  margin-left: -50px;
}

.dn .media-heading, .drfront .dn .media-heading {
  margin-bottom: 0px;
}

/* Owl Carousel styles */
.mobileSlider .owl-theme .owl-controls .owl-nav [class*='owl-'] {
  position: absolute;
  top: 50%;
  background: url("../gfx/carousel-btn-left.png") no-repeat scroll 50% 50% #000000;
  display: block;
  height: 60px;
  width: 38px;
  z-index: 2;
  padding: 0;
  margin: 0;
  font-size: 0;
  text-indent: -99999px;
  margin-top: -30px;
  border-radius: 0;
}

.mobileSlider .owl-theme .owl-controls .owl-nav .owl-prev {
  left: 0px;
}

.mobileSlider .owl-theme .owl-controls .owl-nav .owl-next {
  background-image: url("../gfx/carousel-btn-right.png");
  right: 0px;
}

.mobileSlider .owl-theme .owl-controls .owl-nav [class*='owl-']:hover  {
  background-color: #000;
  opacity: 0.5;
}
.mobileSlider .owl-theme .owl-dots {
  position: absolute;
  right: 0px;
  top: -24px;
}
.mobileSlider .owl-theme .owl-dots .owl-dot span {
  background: #ccc;
  width: 8px;
  height: 8px;
  margin: 5px 3px;
}
.mobileSlider .owl-theme .owl-dots .owl-dot.active span, .mobileSlider .owl-theme .owl-dots .owl-dot:hover span {
  background: #000;
}

@media only screen and (max-width: 480px) {

  .dn .slider {
    padding: 11px;
    max-width: 1170px;
    border-width: 11px 0;
    margin-bottom: 0;
  }

  .dn .slider .element h4.media-heading a {
    font-size: 18px;
    line-height: 1.2em;
  }

  .dn .slider .element h1 a {
    font-size: 26px;
    line-height: 34px;
  }
  .dn .mobileSlider h1 a {
    font-size: 23px;
  }

  .dn .slider .element {
    border: none !important;
    max-width: none;
    margin-right: 11px;
    padding-right: 0;
  }

  .dn .slider .carousel-btn {
    left: 0px;
  }

  .dn .slider .carousel-btn.right {
    right: 0px;
    left: auto;
  }

}

@media only screen and (max-width: 768px) {
  .dn .mobileSlider {
    background: none;
    border: 1px dotted #000;
    border-left: none;
    border-right: none;
    padding: 28px 10px 5px;
  }
  .dn .mobileSlider .element {
    padding-right: 8px;
  }

  .dn .mobileSlider h1 {
    line-height: 25px;
  }

  .dn .mobileSlider, .dn .dark.mobileSlider {
    background-color: #FFF;
  }

  .dn .mobileSlider h1 a, .dn .dark.mobileSlider h1 a {
    font-size: 27px;
    color: #333;
    font-weight: 500;
  }
}

/* Article slideshow Feature styles */

.dn .feature .slider .element h1 a {
  font-family: "Fedra Serif Display Regular", "Palatino Linotype", "Book Antiqua", Palatino, Times, serif;
  font-weight: normal;
  /*text-transform: uppercase;*/
}



/* Video */

.dn .article_video_left {
  clear: left;
  float: left;
  margin-right: 22px;
  margin-bottom: 1.58em;
}

.dn .article_video_center {
  clear: left;
  width: 100%;
  text-align: center;
  margin-bottom: 1.58em;
}

.dn .article_video_center object,
.dn .article_video_center .play-gallery {
  margin: 0 auto;
}

.dn .article_video_right {
  clear: left;
  float: right;
  margin-left: 22px;
  margin-bottom: 1.58em;
}



/* Polls */

/*
.dn .polls,
.dn .polls form,
.dn .polls label {
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.47826rem;
}
.dn */

.dn .box--info.polls ul {
  list-style-position: inside;
  list-style-type: none;
  padding-left: 0;
  font-family: "Guardian Text Egyptian Web",Georgia,Times,serif;
}

.dn .polls li p {
  margin-bottom: 0;
}



/* Proff element */

.dn .proffbox {
  width: 278px;
}

.dn .proffbox .list__header {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}

.dn .proffbox table {
  border-top: 1px dotted #b7b7b7;
  margin-bottom: 0;
}

.dn .proffbox th {
  text-align: left;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  border-bottom: 1px dotted #b7b7b7;
  padding-top: 6px;
}

.dn .proffbox td {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  padding: 7px 0 5px 0;
}

.dn .proffbox ul {
  list-style: none;
  list-style-position: inside;
  padding: 0;
}

.dn .proffbox li {
  display: inline;
  margin: 0 9px 0 0;
  padding-right: 9px;
  border-right: 1px solid #de4a14;
}

.dn .proffbox li:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}

.dn .proffbox li a {
  color: #de4a14;
  font-size: 14px;
  line-height: 1.25em;
}

.dn .proffbox .fineprint {
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  line-height: 1.25em;
  color: #666666;
  display: block;
  margin: 1px 0;
}



/************** CSS FOR CAROUSEL START ***************/
/* CSS design for carousel group (carouselGroup.css) */

.dn div.carouselGroup {
  clear: both;
  overflow: hidden;
  margin: 0 0 20px 0;
  padding: 0;
}

.dn div.carouselGroup div.content {
  padding: 10px 10px 0 10px;
  border: 1px solid #D9D9D9;
}

.dn div.carouselGroup div.controller {
  border: 1px solid #D9D9D9;
  border-top: none;
  position: relative;
  height: 22px;
  overflow: hidden;
}

.dn div.carouselGroup div.controller .navigation {
  height: 10px;
  margin: 6px auto 6px auto;
}

.dn div.carouselGroup div.controller div.navigation a {
  width: 8px;
  height: 8px;
  float: left;
  margin: 1px 3px 1px 3px;
  background: url('../gfx/navigator.png') 0 0 no-repeat;
  display: block;
  font-size: 1px;
}

.dn div.carouselGroup div.controller div.navigation a:hover {
  background-position: 0 -8px;
}

.dn div.carouselGroup div.controller div.navigation a.active {
  background-position: 0 -16px;
}

.dn div.carouselGroup div.controller div.previousNext {
  width: 44px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 3px;
}

.dn div.carouselGroup div.controller div.previousNext div.previous {
  float: left;
  width: 22px;
  height: 16px;
  background: transparent url('../gfx/CarouselGroupPrevious.png') no-repeat scroll 0 0;
}

.dn div.carouselGroup div.controller div.previousNext div.next {
  float: left;
  width: 22px;
  height: 16px;
  background: transparent url('../gfx/CarouselGroupNext.png') no-repeat scroll 0 0;
}

.dn div.widget-div-main {
  position: relative;
  background-color: darkgray;
  height: 50px;
  border-style: solid;
  border-width: 1px;
  margin: 2px 2px 2px 2px;
}

.dn div.widget-div-main h1 {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 10px;
}

.dn div.widget-div-popup {
  border-style: solid;
  border-width: 1px;
  padding: 20px 10px 10px 30px;
  position: absolute;
  z-index: 10;
  height: auto;
  color: #FF0000;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  background-color: #dcdcdc;
  display: none;
}

.dn div.popup-panel {
  margin: 10px 0 0 0;
}

.dn button.popup-button {
  position: absolute;
  top: 0px;
  right: 0px;
}

/*error-style css*/

.dn .error-page .logo img {
  padding: 0px 0px 0px 10px;
}

.dn .error-page .subtitle img {
  padding: 0px 0px 0px 10px;
}

.dn .error-page .title {
  font-weight: bold;
  font-size: 20px;
}



/* FlexSlider Default Theme
.dn *********************************/
.dn .flexslider {
  margin: 0 0 60px;
  position: relative;
  zoom: 1;
}

.dn .flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.dn .loading .flex-viewport {
  max-height: 300px;
}

.dn .flexslider .slides {
  zoom: 1;
}

.dn .carousel li {
  margin-right: 5px
}



/*css for pagination in boostrap css. in boostrap 2.3 pagination support will be avialable. then we can remove this css*/
.dn .carousel-nav {
  text-align: center;
  border: none;
}

.dn .carousel-nav a {
  margin: 15px 5px 0px;
  background: #666;
  color: #000;
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.dn .carousel-nav a:hover, .dn .carousel-nav a.active {
  background: #000;
}



/* css of carousel widget */
.dn div.wf-carousel {
  margin: 10px 0 0;
  padding: 0;
  position: relative;
}

.dn div.wf-carousel .scrollable {
  position: relative;
  overflow: hidden;
  height: 100px;
}

.dn div.wf-carousel.complex .tab-content {
  overflow: hidden;
}

.dn div.wf-carousel div.scrollable div.items {
  position: absolute;
}

.dn div.wf-carousel div.scrollable div.itemsHorizontal {
  width: 35000%;
  height: auto;
}

.dn div.wf-carousel div.scrollable div.itemsVertical {
  width: auto;
  height: 20000em;
}

.dn div.wf-carousel .scrollable .items div.item {
  position: relative;
  margin: 0 4px 0 0;
  border: 1px solid #333333;
  cursor: pointer;
  background: transparent url(../gfx/carousel/semi_transparent_bg.png) repeat;
  padding: 5px;
  display: block;
}

.dn div.wf-carousel .scrollable .items div.item:hover {
  background-color: #000000;
}

.dn div.wf-carousel .scrollable .items div.active {
  border: 1px solid #00A0EE;
}

.dn div.wf-carousel .scrollable .active {
  border: 1px solid #000;
  z-index: 9999;
  position: relative;
}

/* prev, .dn next, .dn prevPage and nextPage buttons */
.dn div.wf-carousel a.browse {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin: 0px 0px;
  cursor: pointer;
  font-size: 1px;
}

.dn div.wf-carousel a.right {
  background: url('../gfx/carousel/rightArrow.png') no-repeat;
}

.dn div.wf-carousel a.right:hover {
  background: url('../gfx/carousel/rightArrow.png') no-repeat;
}

.dn div.wf-carousel a.right:active {
  background: url('../gfx/carousel/rightArrow.png') no-repeat;
}

/* left */
.dn div.wf-carousel a.left {
  background: url('../gfx/carousel/leftArrow.png') no-repeat;
}

.dn div.wf-carousel a.left:hover {
  background: url('../gfx/carousel/leftArrow.png') no-repeat;
}

.dn div.wf-carousel a.left:active {
  background: url('../gfx/carousel/leftArrow.png') no-repeat;
}

/* up and down */
.dn div.wf-carousel a.up, .dn div.wf-carousel a.down {
  float: none;
  margin: 10px 50px;
}

.dn div.wf-carousel a.up:hover {
  background-position: -30px 0;
}

.dn div.wf-carousel a.up:active {
  background-position: -60px 0;
}

.dn div.wf-carousel a.down {
  background-position: 0 -30px;
}

.dn div.wf-carousel a.down:hover {
  background-position: -30px -30px;
}

.dn div.wf-carousel a.down:active {
  background-position: -60px -30px;
}

/* single tab */
.dn div.wf-carousel .indicator a {
  width: 10px;
  height: 10px;
  float: left;
  margin: 5px;
  background: url('../gfx/carousel/navi.png') 0 0 no-repeat;
  display: block;
  font-size: 1px;
}

/* mouseover state */
.dn div.wf-carousel .indicator a:hover {
  background-position: 0 -10px;
}

.dn div.wf-carousel .indicator a.active {
  background-position: 0 -20px;
}

/* main display */
.dn div.wf-carousel div.mainDisplayContainer {
  position: relative;
  overflow: hidden;
}

.dn div.wf-carousel div.mainDisplayContainer img.mainImage {
  width: 100%;
}

.dn div.wf-carousel div.mainDisplayContainer div.overlay {
  position: absolute;
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  background: transparent url(../gfx/carousel/semi_transparent_bg.png) repeat;
}

.dn div.wf-carousel div.mainDisplayContainer div.leftOverlay {
  left: 0;
  top: 0;
  width: 25%;
  height: 100%;
}

.dn div.wf-carousel div.mainDisplayContainer div.rightOverlay {
  right: 0;
  top: 0;
  width: 25%;
  height: 100%;
}

.dn div.wf-carousel div.mainDisplayContainer div.topOverlay {
  top: 0;
  left: 0;
  width: 100%;
  /* height:20%; */
}

.dn div.wf-carousel div.mainDisplayContainer div.bottomOverlay {
  bottom: 0;
  left: 0;
  width: 100%;
  /* height:20%; */
}

.dn div.wf-carousel div.mainDisplayContainer div.transparentContainer {
  background-color: #000000;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.dn div.wf-carousel div.mainDisplayContainer div.overlay h2 {
  font-size: 2em;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
}

.dn div.wf-carousel div.mainDisplayContainer div.overlay a {
  color: #FFFFFF;
  text-decoration: none;
}

.dn div.wf-carousel div.mainDisplayContainer div.overlay p {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.05em;
}

/* prev-next button over image */
.dn div.wf-carousel div.mainDisplayContainer div.prevNextButton {
  position: absolute;
  z-index: 10;
  width: 20px;
  height: 20px;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  cursor: pointer;
  display: block;
}

.dn div.wf-carousel div.mainDisplayContainer div.leftPrevNextButton {
  left: 0;
  top: 48%;
  margin-left: 2px;
  background: transparent url(../gfx/carousel/left_arrow.png) no-repeat scroll 0 0;
}

.dn div.wf-carousel div.mainDisplayContainer div.rightPrevNextButton {
  right: 0;
  top: 48%;
  margin-right: 2px;
  background: transparent url(../gfx/carousel/right_arrow.png) no-repeat scroll 0 0;
}

.dn div.wf-carousel div.mainDisplayContainer div.topPrevNextButton {
  top: 0;
  left: 48%;
  margin-top: 2px;
  background: transparent url(../gfx/carousel/top_arrow.png) no-repeat scroll 0 0;
}

.dn div.wf-carousel div.mainDisplayContainer div.bottomPrevNextButton {
  bottom: 0;
  left: 48%;
  margin-bottom: 2px;
  background: transparent url(../gfx/carousel/bottom_arrow.png) no-repeat scroll 0 0;
}

.dn div.wf-carousel div.filmstrip_bottom div.scrollable {
  margin-bottom: 5px;
}

.dn div.wf-carousel div.filmstrip_top div.scrollable {
  margin-top: 5px;
}

.dn div.wf-carousel div.mainDisplayContainer div.horizontalContainerOverlay {
  padding: 0;
  margin: 0;
}

.dn div.wf-carousel div.carouselFilmstrip {
  overflow: visible;
  position: absolute;
  z-index: 1;
}

/* left denotes filmstripPosition */
.dn div.wf-carousel div.filmstrip_left {
  top: 0;
  left: 0;
}

/* right denotes filmstripPosition */
.dn div.wf-carousel div.filmstrip_right {
  top: 0;
  right: 0;
}

/* top denotes filmstripPosition */
.dn div.wf-carousel div.filmstrip_top {
  top: 0;
  left: 0;
}

/* bottom denotes filmstripPosition */
.dn div.wf-carousel div.filmstrip_bottom {
  bottom: 0;
  left: 0;
}

.dn div.wf-carousel .scrollable .items div.item img {
  padding: 0;
  margin: 0;
  border: none;
}

.dn div.wf-carousel .scrollable .items div div.titleSide, .dn div.wf-carousel .scrollable .items div div.titleOver {
  position: absolute;
  border: none;
  padding: 0;
  margin: 0;
  float: none;
}

.dn div.wf-carousel .scrollable .items div div.titleSide {
  padding: 10px;
  overflow: hidden;
  top: 0;
  z-index: 2;
}

.dn div.wf-carousel .scrollable .items div div.titleOver {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  background: transparent url(../gfx/carousel/semi_transparent_bg.png) repeat;
}

.dn div.wf-carousel .scrollable .items div div.titleSide h4, .dn div.wf-carousel .scrollable .items div div.titleOver h4 {
  margin: 0;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFFFFF;
}

.dn div.wf-carousel .scrollable .items div div.titleSide h4 {
  top: 0;
}

.dn div.wf-carousel .scrollable .items div div.titleOver h4 {
  position: absolute;
  top: 0;
  padding: 2px;
  line-height: 1em;
  height: 75%;
  overflow: hidden;
}

.dn div.wf-carousel div.nav div.indicator {
  margin: 0pt auto;
}

.dn div.wf-carousel div.arrows {
  position: absolute;
  right: 0px;
  background-color: #FFFFFF;
}

.dn div.wf-carousel div.arrowsVertical a.left, .dn div.wf-carousel div.arrowsVertical a.left:hover, .dn div.wf-carousel div.arrowsVertical a.left:active {
  background: url('../gfx/carousel/upArrow.png') no-repeat;
}

.dn div.wf-carousel div.arrowsVertical a.right, .dn div.wf-carousel div.arrowsVertical a.right:hover, .dn div.wf-carousel div.arrowsVertical a.right:active {
  background: url('../gfx/carousel/downArrow.png') no-repeat;
}

/* horizontal represents overlayPattern */
.dn div.wf-carousel div.overlay div.infoWrapperFullHorizontal {
  float: left;
  width: 100%;
}

/* horizontal represents overlayPattern */
.dn div.wf-carousel div.overlay div.infoWrapperPartialHorizontal {
  float: left;
  width: 65%;
}

/* horizontal represents overlayPattern */
.dn div.wf-carousel div.overlay div.relatedItemsHorizontal {
  float: right;
  width: 35%;
}

/* vertical represents overlayPattern */
.dn div.wf-carousel div.overlay div.infoWrapperFullVertical {
  float: left;
  width: 100%;
}

/* vertical represents overlayPattern */
.dn div.wf-carousel div.overlay div.infoWrapperPartialVertical {
  float: left;
  width: 100%;
}

/* vertical represents overlayPattern */
.dn div.wf-carousel div.overlay div.relatedItemsVertical {
  float: left;
  width: 100%;
}

.dn div.wf-carousel div.overlay div.info {
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-top: 8px
}

.dn div.wf-carousel div.overlay ul.relatedItemList {
  list-style-type: square;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.dn div.wf-carousel div.overlay ul.relatedItemList li {
  margin: 0 0 5px 0;
}

.dn div.wf-carousel div.hiddenContainer {
  display: none;
  width: 0px;
  height: 0px;
}

.dn div.wf-carousel div.mainDisplayContainer a.playButton {
  position: absolute;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
}

.dn div.wf-carousel div.mainDisplayContainer a.playButton:hover {
  text-decoration: none;
}

.dn div.wf-carousel div.mainDisplayContainer a.playButton.small {
  background: transparent url('../gfx/carousel/Play25.png') no-repeat scroll 0 0;
  width: 25px;
  height: 25px;
  left: 45%;
  top: 44%;
}

.dn div.wf-carousel div.mainDisplayContainer a.playButton.medium {
  background: transparent url('../gfx/carousel/Play50.png') no-repeat scroll 0 0;
  width: 50px;
  height: 50px;
  left: 45%;
  top: 42%;
}

.dn div.wf-carousel div.mainDisplayContainer a.playButton.large {
  background: transparent url('../gfx/carousel/Play100.png') no-repeat scroll 0 0;
  width: 100px;
  height: 100px;
  left: 44%;
  top: 40%;
}

.dn div.wf-carousel a.browseFilmstripHorizontal {
  background: transparent url(../gfx/carousel/b_hori_large.png) no-repeat scroll -5px -5px;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1px;
  height: 20px;
  margin: 0;
  width: 20px;
  position: absolute;
}

.dn div.wf-carousel a.leftFilmstrip {
  left: -10px;
}

.dn div.wf-carousel a.leftFilmstrip:hover {
  background-position: -35px -5px;
  text-decoration: none;
}

.dn div.wf-carousel a.rightFilmstrip {
  background-position: -5px -35px;
  clear: right;
  right: -10px;
}

.dn div.wf-carousel a.rightFilmstrip:hover {
  background-position: -35px -35px;
  text-decoration: none;
}

.dn div.wf-carousel a.browseFilmstripVertical {
  background: transparent url(../gfx/carousel/b_vert_large.png) no-repeat scroll -20px 0;
  width: 20px;
  height: 20px;
  margin: 0;
  display: block;
  cursor: pointer;
  font-size: 1px;
  position: absolute;
}

.dn div.wf-carousel a.topFilmstrip {
  top: -14px;
}

.dn div.wf-carousel a.topFilmstrip:hover {
  background-position: -40px 0;
  text-decoration: none;
}

.dn div.wf-carousel a.bottomFilmstrip {
  background-position: -20px -20px;
  bottom: -10px;
  text-decoration: none;
}

.dn div.wf-carousel a.bottomFilmstrip:hover {
  background-position: -40px -20px;
}

.dn div.wf-carousel a.bottomFilmstrip.indicators {
  background-position: -20px -20px;
  bottom: 10px;
}

.dn div.wf-carousel a.bottomFilmstrip.indicators:hover {
  background-position: -40px -20px;
}

.dn div.wf-carousel a.browseFilmstripHorizontal.disabled, .dn div.wf-carousel a.browseFilmstripVertical.disabled {
  display: none;
}
/************** CSS FOR CAROUSEL END ***************/


/* Login forms. */

.dn .dn_login_form .radio {
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
}



/* Header login form. */
.dn .header_login_form {
  display: none;
  padding: 4%;
}

.shown .header_login_form {
  display: block;
}

.dn .header_login_form fieldset {
  margin-bottom: 0.35em;
}

.dn .header_login_form fieldset:nth-child(2) {
  margin-left: 7.23em;
}

.dn .header_login_form input[type=radio] {
  margin-right: 0.5em;
}

.dn .header_login_form label {
  float: left;
  width: 5.88em;
  max-width: 92%;
  text-align: right;
  margin-right: 1.35em;
  padding-top: 0.35em;
  white-space: nowrap;
}

@media only screen and (max-width: 1326px) {
  .dn .header_login_form label {
    text-align: left;
  }

  .dn .header_login_form fieldset:nth-child(2) {
    margin-left: 0;
  }
}

.dn .header_login_form label:nth-child(3),
.dn .header_login_form label:nth-child(5) {
  clear: left;
}

.dn .header_login_form .radio {
  margin-right: 1.17em;
  text-align: left;
  width: auto;
  font-size: 0.94em;
  line-height: 1.4em;
  padding-top: 0;
}

.dn .header_login_form .radio input {
  margin-left: 0.41em;
}

.dn .header_login_form input.username,
.dn .header_login_form input.password {
  width: 16.47em;
  max-width: 92%;
  height: 2.47em;
  margin-bottom: 0.94em;
}

.dn .header_login_form .errorMessage {
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #de4a14;
  display: none;
  margin-bottom: 0.94em;
}

.dn .header_login_form button {
  margin-top: 1.52em;
  display: block;
}

.dn .header_login_form .newUser {
  margin-left: 1.17em;
}

.dn .header_login_form .buyDN {
  display: none;
}


/* Spring login (www.dn.no/login). */
.dn .login_page {

}

.dn .login_page h1 {
  margin: 0 0 0.2em;
  border-bottom: 1px dotted #000000;
  padding-bottom: 5px;
  color: #de4a14;
}

.dn .login_page .login_type {
  margin: 0 0 0.5em;
}

.dn .login_page .login_type label {
  float: left;
  margin-right: 2em;
}

.dn .login_page .login_type input[type="radio"] {
  float: none;
}

.dn .login_page .credentials {
  margin: 0 0 0.5em;
}

.dn .login_page .credentials label,
.dn .login_page .credentials input {
  height: 2.47em;
}

.dn .login_page .credentials label {
  width: 7em;
  margin-right: 1em;
  line-height: 2.47em;
  float: left;
}

.dn .login_page .credentials input {
  max-width: 500px;
}

.dn .login_page .actions .btn.login {
  margin: 0 1.5em 0 0;
}

.dn .login_page .actions .nybruker {
  margin-left: 1.5em;
}

@media only screen and (max-width: 750px) {
  .dn .header_login_form .buyDN {
    display: table;
    border-bottom: 1px solid;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .dn .login_page .actions .btn.login {
    margin: 0 5px 0 0;
  }

  .dn .login_page .actions .nybruker {
    margin-left: 5px;
  }
}

@media only screen and (max-width: 400px) {
  .dn .login_page .actions .btn.login {
    margin: 0 2px 0 0;
  }

  .dn .login_page .actions .nybruker {
    margin-left: 2px;
  }
}

@media only screen and (max-width: 390px) {
  .dn .login_page .actions .forgotPassword {
   float: right;
   clear: both;
  }

  .dn .login_page .actions .nybruker {
    float: right;
    clear: both;
  }
}







/* Django Login/orderstuff */
/* Move form a bit higher up */
.dn div.order-digital-entrance,
.dn section.order-digital-entrance {
  margin-top: -20px;
}

/* Move form a bit higher up END */
/* Paste from digital_entrance.css under BEGIN */

.dn div.order-digital-entrance,
.dn section.order-digital-entrance {
  max-width: 1200px;
  position: relative;
  overflow: hidden;
  clear: both;
  margin-bottom: 16px;
}
.dn div.order-digital-entrance h1,
.dn section.order-digital-entrance h1 {
  font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.dn div.order-digital-entrance h1.header,
.dn section.order-digital-entrance h1.header {
  font-size: 18px;
  margin: 10px 0;
  display: inline-block;
}
.dn div.order-digital-entrance h1.header.subtitle,
.dn section.order-digital-entrance h1.header.subtitle {
  font-weight: normal;
}
.dn div.order-digital-entrance div.line,
.dn section.order-digital-entrance div.line {
  border-bottom: 1px dotted #777777;
  margin: 10px 0;
  width: 100%;
  float: left;
}
.dn div.order-digital-entrance div.line.full,
.dn section.order-digital-entrance div.line.full {
  border-bottom: 1px solid #0C0C0C;
  margin-top: 0;
  margin-bottom: 20px;
}
.dn div.order-digital-entrance div.column,
.dn section.order-digital-entrance div.column {
  font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  float: left;
  background-color: #F7F7F7;
  width: 100%;
  height: 70px;
  padding: 5px;
}
.dn div.order-digital-entrance div.column:hover,
.dn section.order-digital-entrance div.column:hover {
  background-color: #EAEAEA;
  border: 0;
}
.dn div.order-digital-entrance div.column.daily-access,
.dn section.order-digital-entrance div.column.daily-access {
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
}
.dn div.order-digital-entrance div.column.campaign a.button-redirect,
.dn section.order-digital-entrance div.column.campaign a.button-redirect {
  background-color: #F50B19;
}
.dn div.order-digital-entrance div.column.tall,
.dn section.order-digital-entrance div.column.tall {
  height: 90px;
}
.dn div.order-digital-entrance div.column.tall i,
.dn section.order-digital-entrance div.column.tall i,
.dn div.order-digital-entrance div.column.tall .offer,
.dn section.order-digital-entrance div.column.tall .offer {
  margin-top: 15px;
}
.dn div.order-digital-entrance div.column.login,
.dn section.order-digital-entrance div.column.login {
  background-color: #FFFFFF;
  height: auto;
}
.dn div.order-digital-entrance div.column.login:hover,
.dn section.order-digital-entrance div.column.login:hover {
  border: 0;
}
.dn div.order-digital-entrance div.column.login .login-wrapper,
.dn section.order-digital-entrance div.column.login .login-wrapper {
  float: right;
  height: auto;
  display: block;
}
.dn div.order-digital-entrance div.column.login .login-wrapper p#login-text-p,
.dn section.order-digital-entrance div.column.login .login-wrapper p#login-text-p {
  width: 350px;
  margin-top: -2px;
  line-height: 25px;
}
.dn div.order-digital-entrance div.column.login .login-wrapper i#icon-unlock-id-2,
.dn section.order-digital-entrance div.column.login .login-wrapper i#icon-unlock-id-2 {
  padding-top: 0;
  font-size: 30px;
  margin-top: -2px;
  /* To align with percent sign */

}
.dn div.order-digital-entrance div.column.login .login-wrapper a.button-redirect.login,
.dn section.order-digital-entrance div.column.login .login-wrapper a.button-redirect.login {
  margin-top: 0;
  padding: 11px 10px;
  height: 20px;
}
.dn div.order-digital-entrance div.column.login div#percent-id,
.dn section.order-digital-entrance div.column.login div#percent-id {
  font-size: 30px;
  margin-top: 0;
  padding-top: 0;
}
.dn div.order-digital-entrance div.column.login-form,
.dn section.order-digital-entrance div.column.login-form {
  width: 100%;
  max-width: none;
  background: transparent;
  height: auto;
}
.dn div.order-digital-entrance div.column .offer,
.dn section.order-digital-entrance div.column .offer {
  display: inline-block;
}
.dn div.order-digital-entrance div.column .offer h1,
.dn section.order-digital-entrance div.column .offer h1 {
  display: inline-block;
  min-width: 300px;
  margin: 10px 0 0;
}
.dn div.order-digital-entrance div.column .offer h1.price,
.dn section.order-digital-entrance div.column .offer h1.price {
  color: #666666;
  min-width: 130px;
  text-align: right;
}
.dn div.order-digital-entrance div.column .offer p,
.dn section.order-digital-entrance div.column .offer p {
  font-size: 17px;
  line-height: 23px;
  margin-left: 0;
  margin-top: 0;
}
.dn div.order-digital-entrance div.column .offer p.discount,
.dn section.order-digital-entrance div.column .offer p.discount {
  font-size: 13px;
  margin-top: -2px;
  margin-bottom: 10px;
  max-width: 520px;
  line-height: 25px;
}
.dn div.order-digital-entrance div.column .offer p span#discount-text-span,
.dn section.order-digital-entrance div.column .offer p span#discount-text-span {
  float: left;
}
.dn div.order-digital-entrance div.column i,
.dn section.order-digital-entrance div.column i {
  color: #CECECE;
  padding-top: 10px;
  width: 45px;
}
.dn div.order-digital-entrance div.column a.button-redirect,
.dn section.order-digital-entrance div.column a.button-redirect {
  float: right;
  background-color: #de4a14;
  color: white;
  padding: 10px;
  margin: 15px 24px 0 0;
  text-decoration: none;
  text-align: center;
  line-height: 17px;
  width: 200px;
  font-size: 17px;
}
.dn div.order-digital-entrance div.column a.button-redirect.gray,
.dn section.order-digital-entrance div.column a.button-redirect.gray {
  background: #D6D6D6;
  margin-right: 5px;
  color: black;
}
.dn div.order-digital-entrance div.column a.button-redirect.gray i,
.dn section.order-digital-entrance div.column a.button-redirect.gray i {
  color: black;
  width: auto;
}
.dn div.order-digital-entrance div.column a.button-redirect:hover,
.dn section.order-digital-entrance div.column a.button-redirect:hover {
  opacity: 1;
}
.dn div.order-digital-entrance div.column a.button-redirect i,
.dn section.order-digital-entrance div.column a.button-redirect i {
  color: white;
}
.dn div.order-digital-entrance div.column a.button-redirect span,
.dn section.order-digital-entrance div.column a.button-redirect span {
  font-size: 15px;
}
.dn div.order-digital-entrance div.column a.button-redirect.login,
.dn section.order-digital-entrance div.column a.button-redirect.login {
  background-color: #414141;
  margin-left: 10px;
  width: 120px;
}
.dn div.order-digital-entrance div.column .pull-left,
.dn section.order-digital-entrance div.column .pull-left {
  float: left;
}
.dn div.order-digital-entrance div.column .right-left,
.dn section.order-digital-entrance div.column .right-left {
  float: right;
}
.dn div.order-digital-entrance div.column .percent,
.dn section.order-digital-entrance div.column .percent {
  color: #CECECE;
  padding-top: 10px;
  font-size: 42px;
  font-weight: bold;
}
.dn div.order-digital-entrance div.column .login-icon p,
.dn section.order-digital-entrance div.column .login-icon p {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 23px;
}
.dn div.order-digital-entrance .compare-offers,
.dn section.order-digital-entrance .compare-offers {
  margin: 5px 20px 0 0;
}
.dn div.order-digital-entrance .compare-offers a,
.dn section.order-digital-entrance .compare-offers a {
  font-family: "Guardian Sans Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-size: 15px;
  line-height: 23px;
  color: #0078c8;
}
/* From dn.no project */
body.vpw-logged-in div.order-digital-entrance div.column.login,
body.vpw-logged-in section.order-digital-entrance div.column.login {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .dn div.order-digital-entrance,
  section.order-digital-entrance {
    height: auto;
    width: 100%;
    display: block;
  }
  .dn div.order-digital-entrance h1 span,
  section.order-digital-entrance h1 span {
    font-family: "Guardian Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
  }
  .dn div.order-digital-entrance div,
  section.order-digital-entrance div {
    height: auto;
  }
  .dn div.order-digital-entrance div.column,
  section.order-digital-entrance div.column {
    width: 98%;
    height: auto;
    padding: 0 10px;
    display: block;
  }
  .dn div.order-digital-entrance div.column.tall,
  section.order-digital-entrance div.column.tall {
    height: auto;
  }
  .dn div.order-digital-entrance div.column.tall a.button-redirect,
  section.order-digital-entrance div.column.tall a.button-redirect {
    width: 48%;
    padding: 10px 0;
    float: right;
  }
  .dn div.order-digital-entrance div.column.tall a.button-redirect.gray,
  section.order-digital-entrance div.column.tall a.button-redirect.gray {
    margin: 0;
    float: left;
  }
  .dn div.order-digital-entrance div.column .offer,
  section.order-digital-entrance div.column .offer {
    max-width: none;
    width: 90%;
  }
  .dn div.order-digital-entrance div.column .offer h1.title,
  section.order-digital-entrance div.column .offer h1.title {
    width: 50%;
  }
  .dn div.order-digital-entrance div.column .offer h1.price,
  section.order-digital-entrance div.column .offer h1.price {
    text-align: right;
    width: 30%;
  }
  .dn div.order-digital-entrance div.column .offer p .discount,
  section.order-digital-entrance div.column .offer p .discount {
    max-width: none;
  }
  .dn div.order-digital-entrance div.column a.button-redirect,
  section.order-digital-entrance div.column a.button-redirect {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 15px 0;
    float: left;
  }
  .dn div.order-digital-entrance div.column a.button-redirect.login,
  section.order-digital-entrance div.column a.button-redirect.login {
    width: 25%;
    float: right;
  }
  .dn div.order-digital-entrance div.column.login .login-wrapper,
  section.order-digital-entrance div.column.login .login-wrapper {
    float: left;
    width: 98%;
    display: block;
  }
  .dn div.order-digital-entrance div.column.login .login-wrapper .login-icon,
  section.order-digital-entrance div.column.login .login-wrapper .login-icon {
    margin-left: 0;
    float: left;
    width: 60%;
    max-width: none;
  }
  .dn div.order-digital-entrance div #subtext-for-offer-p-3,
  section.order-digital-entrance div #subtext-for-offer-p-3 {
    margin-left: 0;
  }
  .dn div.order-digital-entrance div #subtext-for-offer-p-1,
  section.order-digital-entrance div #subtext-for-offer-p-1 {
    margin-left: 0;
  }
  .dn div.order-digital-entrance div #subtext-for-offer-p-2,
  section.order-digital-entrance div #subtext-for-offer-p-2 {
    margin-left: -2px;
  }
  .dn div.order-digital-entrance .compare-offers,
  section.order-digital-entrance .compare-offers {
    float: left;
    text-align: right;
    width: 100%;
    max-width: none;
  }
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
  .dn div.order-digital-entrance div.column,
  section.order-digital-entrance div.column {
    width: 95%;
  }
  .dn div.order-digital-entrance div.column .offer,
  section.order-digital-entrance div.column .offer {
    width: 80%;
    min-width: none;
  }
  .dn div.order-digital-entrance div.column .offer h1.title,
  section.order-digital-entrance div.column .offer h1.title {
    width: 35%;
  }
  .dn div.order-digital-entrance div.column a.button-redirect,
  section.order-digital-entrance div.column a.button-redirect {
    width: 100%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
  .dn div.order-digital-entrance,
  section.order-digital-entrance {
    width: 100%;
  }
  .dn div.order-digital-entrance h1,
  section.order-digital-entrance h1 {
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 20px;
  }
  .dn div.order-digital-entrance h1.title.header,
  section.order-digital-entrance h1.title.header {
    background-color: #ffffff;
  }
  .dn div.order-digital-entrance h1 span,
  section.order-digital-entrance h1 span {
    font-weight: normal;
    float: none;
  }
  .dn div.order-digital-entrance div.column,
  section.order-digital-entrance div.column {
    width: auto;
  }
  .dn div.order-digital-entrance div.column a.button-redirect,
  section.order-digital-entrance div.column a.button-redirect {
    width: 100%;
  }
  .dn div.order-digital-entrance div.column div,
  section.order-digital-entrance div.column div {
    display: block;
    float: left;
    width: auto;
  }
  .dn div.order-digital-entrance div.column div i,
  section.order-digital-entrance div.column div i {
    font-size: 40px;
    margin: 10px 10px 0 0;
  }
  .dn div.order-digital-entrance div.column div#percent-id,
  section.order-digital-entrance div.column div#percent-id {
    width: auto;
    max-width: 20%;
    float: left;
    height: auto;
    line-height: normal;
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #cecece;
  }
  .dn div.order-digital-entrance div.column .offer,
  section.order-digital-entrance div.column .offer {
    width: 80%;
  }
  .dn div.order-digital-entrance div.column .offer h1,
  section.order-digital-entrance div.column .offer h1 {
    margin-left: 0;
  }
  .dn div.order-digital-entrance div.column .offer h1.title,
  section.order-digital-entrance div.column .offer h1.title {
    width: 100%;
    min-width: 0;
    text-align: left;
    margin-top: 20px;
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #000000;
  }
  .dn div.order-digital-entrance div.column .offer h1.price,
  section.order-digital-entrance div.column .offer h1.price {
    width: 100%;
    text-align: left;
    margin: 2px 0 0 0;
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
  }
  .dn div.order-digital-entrance div.column .offer p,
  section.order-digital-entrance div.column .offer p {
    text-align: left;
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
  }
  .dn div.order-digital-entrance div.column .offer #subtext-for-offer-p-1,
  section.order-digital-entrance div.column .offer #subtext-for-offer-p-1,
  .dn div.order-digital-entrance div.column .offer #subtext-for-offer-p-2,
  section.order-digital-entrance div.column .offer #subtext-for-offer-p-2,
  .dn div.order-digital-entrance div.column .offer #subtext-for-offer-p-3,
  section.order-digital-entrance div.column .offer #subtext-for-offer-p-3 {
    margin: 0 0 10px -50px;
  }
  .dn div.order-digital-entrance div.column .offer .discount,
  section.order-digital-entrance div.column .offer .discount {
    margin-top: 5px;
    margin-left: 10px;
    text-align: justify;
    width: auto;
    font-size: 12px;
  }
  .dn div.order-digital-entrance div.column.login div.login-wrapper,
  section.order-digital-entrance div.column.login div.login-wrapper {
    width: auto;
    min-width: 100%;
  }
  .dn div.order-digital-entrance div.column.login div.login-wrapper .login-icon,
  section.order-digital-entrance div.column.login div.login-wrapper .login-icon {
    width: 100%;
  }
  .dn div.order-digital-entrance div.column.login div.login-wrapper p#login-text-p,
  section.order-digital-entrance div.column.login div.login-wrapper p#login-text-p {
    width: auto;
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 15px 5px 10px 0;
  }
  .dn div.order-digital-entrance div.column.login div.login-wrapper a.button-redirect.login,
  section.order-digital-entrance div.column.login div.login-wrapper a.button-redirect.login {
    padding: 17px 0;
    background-color: #333333;
    width: 100%;
  }
  .dn div.order-digital-entrance div.column.login div.login-wrapper a.button-redirect.login i,
  section.order-digital-entrance div.column.login div.login-wrapper a.button-redirect.login i {
    font-size: 25px;
    margin: 0;
    line-height: 20px;
  }
  .dn div.order-digital-entrance div.column.login div.login-wrapper i#icon-unlock-id-2,
  section.order-digital-entrance div.column.login div.login-wrapper i#icon-unlock-id-2 {
    color: #cecece;
    font-size: 25px;
    margin: 15px 5px 10px 0;
    width: auto;
  }
  .dn div.order-digital-entrance div.column.login div.offer,
  section.order-digital-entrance div.column.login div.offer {
    max-width: 85%;
    width: auto;
    float: left;
  }
  .dn div.order-digital-entrance div.column.login div.offer p.discount,
  section.order-digital-entrance div.column.login div.offer p.discount {
    width: auto;
    margin: 0 0 0 5px;
  }
  .dn div.order-digital-entrance div.column a.button-redirect,
  section.order-digital-entrance div.column a.button-redirect {
    background-color: #de4a14;
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    padding: 17px 0;
    margin: 0 0 15px 0;
  }
  .dn div.order-digital-entrance div.column.digital,
  section.order-digital-entrance div.column.digital {
    border-bottom: 1px solid #bbbbbb;
  }
  .dn div.order-digital-entrance div.column i,
  section.order-digital-entrance div.column i {
    width: auto;
  }
  .dn div.order-digital-entrance div.compare-offers,
  section.order-digital-entrance div.compare-offers {
    margin-top: 0;
  }
  .dn div.order-digital-entrance div.compare-offers a,
  section.order-digital-entrance div.compare-offers a {
    display: block;
    font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: 15px;
    margin: 10px 5px 0 0;
  }
}

/* Paste from digital_entrance.css under END */
/* Django Login/orderstuff END */


/* Django snippet service */

.dn section.orderflow-service {
  overflow: hidden;
}
.dn section.orderflow-service .confirm {
  float: left;
}
.dn section.orderflow-service h1.confirm {
  margin: 0;
  font-family: "Guardian Sans", Arial;
  color: #de4a14;
  font-weight: 600;
  font-size: 30px;
}
.dn section.orderflow-service p.confirm {
  margin-right: 10px;
  width: 90%;
  font-family: "Guardian Text Egyptian Web", Georgia, serif;
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 20px;
}
.dn section.orderflow-service i.big.confirm {
  font-size: 40px;
  color: #6bb733;
  max-width: 40px;
  font-family: FontAwesome;
  margin: 0 15px 0 0;
}
.dn section.orderflow-service div.doted-line {
  border-bottom: 1px dotted #808080;
  float: left;
  margin: 5px 0;
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 480px) and (max-width: 850px) {
  .dn section.orderflow-service p.confirm {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .dn section.orderflow-service p.confirm {
    width: 75%;
  }
}
@media (max-width: 350px) {
  .dn section.orderflow-service p.confirm {
    width: 58%;
    font-size: 12px;
  }
}

/* Django snippet service END */


/* Search */

.dn #search_result,
.dn #searchform {
  margin: 0 auto 1.58em auto;
  max-width: 1190px;
  position: relative;
  -moz-box-sizing: border-box;
  max-width: 1190px;
  padding: 0 11px;
}

.dn #search_result input[type=text],
.dn #searchform input[type=text] {
  display: inline-block;
  vertical-align: middle;
  background: none repeat scroll 0 0 #f7f7f7;
  color: #0078c8;
  padding: 0.5em;
  margin-top: 0.3529em;
  margin-bottom: 0.79em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  opacity: 1.0;
}

.dn #search_result input[type=text] {
  margin-top: 0;
  height: 2.1176em;
}

.dn #search_result input[type=submit],
.dn #searchform input[type=button] {
  float: right;
  background-color: #0078c8;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.58rem;
  margin-bottom: 0;
  padding: 11px 22px 10px 22px;
  text-align: center;
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

.dn #search_result input[type=submit] {
  float: left;
  margin: 0;
  padding: 0 22px;
  height: 36px;
}

.dn #search_result input[type=submit]::-moz-focus-inner {
  border: 0;
}

.dn #search_result .pageblock_header {
  display: none;
}

.dn #search_result fieldset:first-child table {
  width: 100%;
}

.dn #search_result fieldset:first-child td:first-child {
  display: none;
}

.dn #search_result fieldset:first-child td:nth-child(2) {
  padding-right: 2%;
  width: 94%
}

.dn #search_result fieldset td {
  vertical-align: top;
}

.dn #search_result #advanced_form {
  border-top: 1px dotted #b7b7b7;
  padding-top: 1.58em
}

.dn #search_result label {
  margin-right: 0.5em;
}

.dn #search_result #more_options {
  color: #0078c8;
  font-weight: 900;
  cursor: pointer;
  margin-bottom: 0;
}

.dn #search_result input[type=radio] {
  margin-right: 0.75em;
}

.dn #search_result input[type=checkbox] {
  float: left;
  margin-right: 0.75em;
}

.dn #search_result select {
  height: 2.3em;
  border: none;
  background: none repeat scroll 0 0 #f7f7f7;
  color: #0078c8;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 0;
}

.dn #search_result .navbar {
  border-bottom: 1px dotted #b7b7b7;
  border-top: 1px dotted #b7b7b7;
  color: #666666;
  font-weight: 900;
  padding: 0.4em 0 0.25em;
  margin-bottom: 0;
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.dn #search_result .navbar:last-child {
  border-top: none;
}

.dn #search_result .navbar .results a {
  color: #0078c8;
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.58em;
  padding: 0 6px;
}

.dn #search_result .result {
  border-bottom: 1px dotted #B7B7B7;
  padding: 1em 0;
}

.dn #search_result .result h2 {
  font-family: 'Guardian Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.2em;
  font-weight: 700;
}

.dn #search_result .result p,
.dn #search_result .did_you_mean {
  margin-bottom: 0;
}

.dn #search_result .result .date_and_publication {
  font-family: 'Guardian Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  color: #de4a14;
}

.dn #search_result .result .articleType,
.dn #search_result .result .showPublication {
  color: #666666;
  font-weight: 700;
}

.dn .search-form-errors {
  border: none;
  font-size: 14px;
  line-height: 1.2em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  color: #ff0000;
}

.dn .search-form-errors h4 {
  font-size: 14px;
  line-height: 1.2em;
}

.dn .search-form-errors ul {
  padding: 0;
}

.dn .search_result_proff_link {
  font-size: 12px;
  line-height: 1.2em;
  display: block;
  margin-bottom: 10px;
}

.dn #search_result #advanced_form .errormsg {
  color: red;
  font-weight: normal;
}






/* Jobscroller  */

.dn.dnscroller {
  background-color: #666668;
  font-family: 'Guardian Sans Cond Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 15px 0 0 0;
  margin-bottom: 53px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.drfront .dn.dnscroller {
  margin-bottom: 0;
}

.dn.dnscroller .dnjobb-logo {
  background-repeat: no-repeat;
  float: left;
  width: 130px;
  height: 35px;
}

.dn.dnscroller.vertical .dnjobb-logo {
  display: block;
  float: none;
  margin-left: 10px;
}

.dn.dnscroller .head_title {
  font-family: "Guardian Sans Cond Web","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 44px;
  line-height: 42px;
  font-weight: 200;
  color: #208ed1;
  cursor: pointer;
}

.dn.dnscroller .showAll {
  float: right;
  color: #FFF;
  margin: 8px 9px 0 0;
  cursor: pointer;
  font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dn.dnscroller .categories {
  list-style: none;
  list-style-position: inside;
  margin: 5px 0 3px 0;
  padding: 0;
}

.dn.dnscroller .categories li {
  font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
  cursor: pointer;
  float: left;
}

.dn.dnscroller .categories li.active, .dn.dnscroller .categories li:hover {
  text-decoration: underline;
}
.dn.dnscroller .categories li:first-of-type:hover {
  text-decoration: none;
}

.dn.dnscroller .content {
  background-color: #666668;
  overflow: hidden;
  position: relative;
  clear: both;
}

.dn.dnscroller .content .job-element {
  overflow: hidden;
}

.dn.dnscroller .content .scrollarea .job-element .logo {
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  max-width: 135px;
  height: 60px;
  float: none;
  border: 5px solid #FFF;
  margin: 0 0 10px;
}

.dn.dnscroller.vertical .content .scrollarea .job-element .logo {
  width: 105px;
  height: 40px;
}

.dn.dnscroller.horizontal .content .scrollarea .job-element .title {
  width: 145px;
}

.dn.dnscroller .content .scrollarea .job-element:hover .title {
  text-decoration: underline;
}

.dn.dnscroller .content .scrollarea.vertical .job-element .logo {
  margin-bottom: 0;
}

.dn.dnscroller .dnjobbTop {
  padding: 0 15px;
}

.dn.dnscroller form {
  margin: 0;
}

.dn.dnscroller .dnscrollerSearch {
  position: relative;
  background: #FFF;
  width: 70%;
  float: left;
}

.dn.dnscroller.vertical .dnscrollerSearch {
  width: 100%;
}

.dn.dnscroller .dnscrollerSearch i {
  position: absolute;
  right: 11px;
  top: 7px;
  font-size: 17px;
  color: #0077c9;
}

.dn.dnscroller input {
  border: none;
  height: 32px;
}

.dn.dnscroller fieldset {
  padding: 9px 2.66%;
}

.dn.dnscroller input[type=text] {
  width: 85%;
  font-size: 15px;
  line-height: 15px;
}

.dn.dnscroller input[type=submit] {
  position: relative;
  background: none;
  width: 15%;
  font-size: 0;
  float: right;
  padding: 0;
  line-height: 15px;
  z-index: 9;
}

.dn.dnscroller a.btn {
  background: #373236;
  width: 100%;
  font-size: 17px;
  line-height: 23px;
  padding: 12px 0 12px 0;
  font-weight: normal;
}

.dn.dnscroller .content .job-element .company {
  color: #666666;
  font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dn.dnscroller .content .job-element a {
  color: #FFF;
}

.dn.dnscroller .content .vertical {
  top: 0px;
  height: 230px;
  position: relative;
  padding: 0 10px;
}

.dn.dnscroller.vertical .content .job-element {
  padding: 12px 0;
  border-bottom: 1px solid #bbbcbe;
}

.dn.dnscroller.vertical .content .scrollarea .job-element .inner {
  display: table;
  width: 100%;
}

.dn.dnscroller.vertical .content .scrollarea .job-element .inner-cell {
  display: table-cell;
  vertical-align: middle;
}

.dn.dnscroller.vertical .content .scrollarea .job-element .inner-cell:first-of-type {
  width: 115px;
  padding-right: 13px;
}

.dn.dnscroller.vertical input[type=submit] {
  float: right;
}

.dn.dnscroller.horizontal .categories {
  margin-top: 7px;
  float: left;
  width: 65%;
}

.dn.dnscroller.horizontal .categories li {
  margin-left: 3.10%;
}

.dn.dnscroller .categories li:first-of-type {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 0;
  cursor: auto;
}

.dn.dnscroller.horizontal .categories li:first-of-type {
  font-size: 11px;
}

.dn.dnscroller.vertical .categories li {
  margin-left: 3.10%;
}

.dn.dnscroller.horizontal .content {
  width: 10000%;
  padding: 14px 0;
  position: relative;
}

.dn.dnscroller.horizontal .jobscrollerWrapper {
  position: relative;
  padding-top: 20px;
}

.dn.dnscroller .jobscrollerWrapper i {
  font-size: 20px;
  color: #FFF;
  cursor: pointer;
  margin-left: 10px;
}

.dn.dnscroller.horizontal .jobscrollerWrapper i {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 10;
}

.dn.dnscroller.horizontal .jobscrollerWrapper i.rightArrow {
  left: inherit;
  right: 10px;
}

.dn.dnscroller.vertical .jobscrollerWrapper i {
  display: block;
  text-align: center;
  margin: 5px 0;
}

.dn.dnscroller.horizontal .content .scrollarea {
  position: relative;
}

.dn.dnscroller .content .job-element {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}

.dn.dnscroller .content .job-element .title {
  position:relative;
  overflow: hidden;
  line-height: 20px;     /* fallback */
  max-height: 40px;      /* fallback */
}

.dn.dnscroller .content .job-element .title .remaining-content {
  display:none;
}

.dn.dnscroller.horizontal .content .job-element {
  padding: 0 7px;
  display: table-cell;
  vertical-align: top;
  width: 192px;
}

.dn.dnscroller.horizontal fieldset {
  padding: 0 0.75%;
}

.dn.dnscroller.horizontal .advertise {
  float: right;
  font-size: 17px;
  color: #FFF;
  margin-top: 5px;
  font-family: "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 920px) {

  .dn.dnscroller.horizontal .categories {
    float: none;
    clear: both;
    margin: 0;
    width: auto;
  }

  .dn.dnscroller .advertise {
    float: none;
    margin: 0 0 0 9px;
    margin-left: 9px;
  }

}

@media only screen and (max-width: 480px) {

  .dn.dnscroller .dnjobbTop {
    padding: 0 5px;
  }

  /*.dn.dnscroller.horizontal .jobscrollerWrapper {
    padding: 0 10px;
  }*/

  .dn.dnscroller .dnjobb-logo {
    width: 122px;
    height: 30px;
    margin-bottom: 9px;
  }

  .dn.dnscroller .dnjobb-logo svg {
    width: 116px;
    height: 30px;
  }

  .dn.dnscroller .categories {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .dn.dnscroller.horizontal .categories {
    float: left;
    width: auto;
    display: table;
  }

  .dn.dnscroller .advertise {
    display: none;
    float: left;
    clear: none;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 8px;
  }

  .dn.dnscroller.horizontal .categories li {
    display: table-cell;
    float: none;
    padding-right: 6px;
    font-size: 14px;
    line-height: 22px;
  }

  .dn.dnscroller.horizontal .categories li:first-of-type {
    padding-left: 0px;
  }

  .dn.dnscroller .categories li:nth-child(n + 4) {
    display: none;
  }

  .dn.dnscroller.horizontal .content {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dn.dnscroller.horizontal fieldset {
    padding: 0;
  }

  .dn.dnscroller .dnscrollerSearch {
    width: 100%;
  }

  .dn.dnscroller.horizontal input[type="text"] {
    max-width: none;
    width: 80%;
  }

  .dn.dnscroller.horizontal input[type=submit] {
    width: 20%;
    float: right;
  }

  .dn.dnscroller.horizontal .showAll {
    clear: both;
    float: none;
    display: block;
    width: 100%;
    background-color: #373236;
    font-size: 17px;
    line-height: 23px;
    padding: 12px 0 12px 0;
    color: #FFF;
    text-align: center;
  }

}

@media only screen and (max-width: 375px) {

  .dn.dnscroller.horizontal .categories li {
    font-size: 13px;
  }

}

@media only screen and (min-width: 481px) {

  .dn.dnscroller.horizontal .showAll {
    display: none;
  }

}



/*  */

body:not(.vpw-logged-in) .only-when-logged-in {
  display: none !important;
}

body.vpw-logged-in .only-when-logged-out {
  display: none !important;
}

body:not(.vpw-daypass-user) .only-when-daypass-user {
  display: none !important;
}

body:not(.vpw-free-user) .only-when-free-user {
  display: none !important;
}

body.vpw-daypass-user .only-when-not-daypass-user {
  display: none !important;
}

body.vpw-free-user .only-when-not-free-user {
  display: none !important;
}

body:not(.vpw-mobile-user) .only-when-mobile-user {
  display: none !important;
}

body.vpw-mobile-user .only-when-not-mobile-user {
  display: none !important;
}

.dn [role="navigation"] .expired{
  color: #bf2500;
}

.dn #emailFormPageTools .error {
  color: red
}


.dn .remove_favorite_article {
  float:right;
  background: url('../gfx/remove_article_24.png') 0 0 no-repeat;
  width: 24px;
  height: 24px;
}


/* Horseshoe stuff */
body.horseshoe-ad #default-outer .horseshoe_edge_wrapper {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  vertical-align: top;
}

.dn-drfront #default-outer .horseshoe_edge_wrapper img,
.dn #default-outer .horseshoe_edge_wrapper img,
.dn-drfront #default-outer .horseshoe_edge_wrapper object,
.dn #default-outer .horseshoe_edge_wrapper object,
.dn-drfront #default-outer .horseshoe_edge_wrapper embed,
.dn #default-outer .horseshoe_edge_wrapper embed,
.dn-drfront #default-outer .horseshoe_edge_wrapper iframe,
.dn #default-outer .horseshoe_edge_wrapper iframe {
  max-width: none;
}

.dn-drfront #default-outer .horseshoe_left,
.dn-drfront #default-outer .horseshoe_right,
.dn #default-outer .horseshoe_left,
.dn #default-outer .horseshoe_right {
  position: absolute;
  z-index: 1;
  top: 0;
}

.dn-drfront #default-outer .horseshoe_left,
.dn #default-outer .horseshoe_left {
  right: -4px;
}

.dn-drfront #default-outer .horseshoe_right,
.dn #default-outer .horseshoe_right {
  left: -4px;
}

body.horseshoe-ad #default-outer.dn .ad {
  margin-bottom: 0;
}

body.horseshoe-ad.dn-drfront #default-outer.dn .ad {
  margin-bottom: 1px;
}

body.horseshoe-ad.dn-drfront .drfront > .articles {
  padding: 0;
}

#default-outer .ad.wallpaperAdTrigger {
  display: none;
}

.dn .widget.invisibleWidget {
  display: none;
}

.dn .ad.hidePreviewAd {
  display: none !important;
}

/*
body:not(.horseshoe-ad) .horseshoe_edge_wrapper {
  display: none !important;
}
*/

/*
body.horseshoe-ad .dn.horseshoe #default-outer > .ad {
  max-width: none;
}
*/
body.horseshoe-ad #default-outer{
  overflow: visible;
}

/*Horseshoe and wallpaper: header and content adaption*/

body.horseshoe-ad .dn-content
body.horseshoe-ad .editorial,
body.horseshoe-ad #editorial,
body.wallpaper-ad .dn-content,
body.wallpaper-ad .editorial,
body.wallpaper-ad #editorial {
  margin: auto;
  max-width: 1214px;
  background-color: #ffffff;
  border: 1px solid white;
}

body.horseshoe-ad.dn-drfront > header,
body.horseshoe-ad.dn-drfront > nav,
body.horseshoe-ad.dn-drfront > .drfront,
body.horseshoe-ad.dn-drfront > .dn-content,
body.horseshoe-ad .dn-headers,
body.wallpaper-ad .dn-headers,
body.wallpaper-ad .dn-content,
body.wallpaper-ad > footer,
body.wallpaper-ad.dn-drfront > .drfront,
body.wallpaper-ad.dn-drfront > .dn-content {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 1214px;
}


/* Wallpaper ads */
/* Wallpaper ad*/
#dn-wallpaperad{
  display:none;
  height:1080px;
  position:absolute;
  width:100%;
  z-index:1;
  cursor:pointer;
}

body.wallpaper-ad #dn-wallpaperad{
  display:block;
}

body.wallpaper-ad .dn-content,
body.wallpaper-ad .editorial,
body.wallpaper-ad #editorial,
body.wallpaper-ad .dn-content,
body.wallpaper-ad footer,
body.wallpaper-ad.dn-drfront > .drfront,
body.wallpaper-ad.dn-drfront > .dn-content {
  position:relative;
  z-index:3;
}

body.wallpaper-ad.newsletterPopUp .editorial,
body.wallpaper-ad.newsletterPopUp #editorial {
  position: static;
}

body.wallpaper-ad footer {
  position: inherit;
}

body.wallpaper-ad .dn-headers{
  border-left:1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  position:relative;
  z-index:4;
}

body.wallpaper-ad .widget.ad{
  position:relative;
  z-index:2;
}


body.wallpaper-ad .dn #default-outer {
  min-height: 300px;

}

body.wallpaper-ad #default-outer.dn .ad{
	margin: 0px auto;
}

body.wallpaper-ad #default-outer.dn > .ad {
  display: block !important;
}

body.wallpaper-ad #default-outer.dn > .ad div {
  line-height: 0;
}

body.wallpaper-ad .container {
  background-color: transparent;
}

body.wallpaper-ad.dn-drfront > header.header2 {
  background-color: white;
}

body.wallpaper-ad.dn-drfront.stickyNavigation > .navigation {
  max-width: none;
}

body.wallpaper-ad .dn-content,
body.wallpaper-ad.dn-drfront > .drfront {
  margin-top: -18px !important;
  margin-bottom: 0 !important;
  padding-top: 18px;
  background-color: #ffffff;
}

body.wallpaper-ad.dn-drfront > .drfront > .articles {
  padding-left: 0;
  padding-right: 0;
}

/*Full-width ads*/
body.full-width-ad #default-outer {
  overflow: hidden;
}

body.full-width-ad #default-outer .ad {
  width: 1920px;
  max-width: none;
  margin: 5px -960px;
}

#default-outer > div.widget.ad.wallpaperAdTrigger {
  display: none !important;
}

/* melde-av */
.dn .unsubscribe_me {
  margin: auto;
  max-width: 1192px;
}



/*Responsive iFrame width*/

iframe, object, embed {
  max-width: 100%;
}



/* Newsletter Signup form */

.dn .newsletter_signup .headline {
  font-family: "Guardian Sans Cond Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 11px;
  color: #de4a14;
}

.dn .newsletter_signup form {
  border-width: 1px 0;
  border-style: dotted;
  border-color: #b7b7b7;
  background-color: #f7f7f7;
  padding: 17px 10px 10px 10px;
}

.dn .newsletter_signup label,
.dn .newsletter_signup .response {
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 17px;
  line-height: 17px;
  color: #737373;
  margin-bottom: 10px;
}

.dn .newsletter_signup input[type=email] {
  width: 202px;
  height: 38px;
  padding: 7px 11px 4px 11px;
  color: #dedede;
  border-color: #e4e4e4;
  float: left;
}

.dn .newsletter_signup input[type=email]:focus {
  color: #333333;
  border-color: #9e9e9e;
}

.dn .newsletter_signup input[type=email]:hover {
  border-color: #9e9e9e;
}

.dn .newsletter_signup .btn {
  float: right;
  width: 106px;
  height: 38px;
  padding: 7px 22px 4px 22px;
}

.dn .newsletter_signup .response {
  display: none;
  margin-bottom: 0;
  padding-left: 22px;
  text-indent: -10px;
}

.dn .newsletter_signup .response:before {
  font-family: "FontAwesome";
  padding-right: 5px;
}

.dn .newsletter_signup .response.error {
  color: #de4a14;
}


.dn .matogvin_search_box {
  float: left;
}

.dn .matogvin_search_box {
  width: 48%;
  border-top: 1px dotted #d7d7d7;
  padding: 20px 1%;
}

.dn .matogvin_search_box label {
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 1%;
  margin-bottom: 1%;
  overflow: hidden;
  padding-top: 3px;
  padding-bottom: 3px;
}

.dn .matogvin_search_box label:before {
  font-family: "fontawesome";
}

.dn .matogvin_search_box input[type=text] {
  width: 83%;
  height: 38px;
  color: #d6d6d6;
  margin-right: 1%;
  float: left;
}
.dn .matogvin_search_box input[type=text]:focus {
  color: #000000;
}

.dn .matogvin_search_box input[type=submit] {
  margin: 0;
}

/* Article proff search form */

.dn .proff_search {
  clear: both;
  width: 100%;
  border-top: 1px dotted #d7d7d7;
  border-bottom: 1px dotted #d7d7d7;
  padding: 20px 0;
}

.dn .proff_search label {
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  float: left;
  width: 16.25%;
  margin-right: 1.76%;
  margin-bottom: 0;
  overflow: hidden;
  padding-top: 7px;
}

.dn .proff_search label:before {
  font-family: "fontawesome";
}

.dn .proff_search input[type=text] {
  width: 75.16%;
  height: 38px;
  color: #d6d6d6;
  margin-right: 0.67%;
  margin-bottom: 0;
  float: left;
}

.dn .proff_search input[type=text]:focus {
  color: #000000;
}

.dn .proff_search input[type=submit] {
  width: 6.06%;
  overflow: hidden;
  padding: 0;
  height: 38px;
  float: right;
}

.dn .headline.breakingAlert.feedbackWrapper {
  font-family: "Guardian Sans Cond Web","Helvetica Neue","FontAwesome",Helvetica,Arial,sans-serif;
  background-color: rgba(34, 34, 34, 0.85);
}

.dn .headline.breakingAlert.feedbackWrapper .title {
  font-size: 20px;
  font-weight: 300;
}

.dn .headline.breakingAlert.feedbackWrapper .remove a {
  display: block;
  width: 25px;
  height: 25px;
  font-size: 0;
  line-height: 25px;
  text-align: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

.dn .headline.breakingAlert.feedbackWrapper .remove a:before {
  content: "\f00d";
  font-size: 15px;
  font-weight: normal;
  color: #FFF;
}

.dn .headline.breakingAlert.feedbackWrapper .remove a:hover {
  background: #bf2500;
  opacity: 1;
}

.dn .headline.breakingAlert.feedbackWrapper a {
  color: #FFF;
}

@media only screen and (max-width: 1214px) {

  .dn .proff_search label {
    padding-top: 0;
    width: 12%;
    padding-left: 22px;
    text-indent: -11px;
  }

  .dn .proff_search input[type=text] {
    width: 77%;
  }

  .navigation__search label {
    font-size: 1.6rem;
  }

  .navigation__search label {
    margin-right: 10px;
  }

  .navigation__search .searchStringLink {
    font-size: 12px;
  }

}

@media only screen and (max-width: 1000px) {

  .dn .proff_search label {
    width: auto;
    padding-left: 0;
    text-indent: 0;
    float: none;
    margin-bottom: 5px;
  }

  .dn .proff_search input[type=text] {
    width: 93%;
  }

  .dn .matogvin_search_box {
	float:none;
  }

}

@media only screen and (max-width: 992px) {

  .dn .matogvin_search_box {
    width:98%;
  }

}

@media only screen and (max-width: 768px) {

  .dn .proff_search input[type=text] {
    width: 87%;
  }

  .dn .proff_search input[type=submit] {
    width: 10%;
  }

}

@media only screen and (max-width: 580px) {

  .dn .matogvin_search_box input[type=text] {
    width:81%;
  }

}

@media only screen and (max-width: 480px) {

  .dn .proff_search {
    padding: 10px 0;
  }

  .dn .proff_search input[type=text] {
    width: 80%;
  }

  .dn .proff_search input[type=submit] {
    width: 15%;
  }

  .dn .matogvin_search_box input[type=text] {
    width:72%;
  }

  .dn .headline.breakingAlert.feedbackWrapper .title {
    font-size: 17px;
  }

}

@media only screen and (max-width: 350px) {

  .dn .headline.breakingAlert.feedbackWrapper .title {
    font-size: 16px;
    clear: none;
  }

}

@media only screen and (min-width: 700px) {

  .dn .headline.breakingAlert.feedbackWrapper {
    width: 390px;
  }

}

@media only screen and (max-width: 768px) and (min-width: 481px) {

  .dn .headline.breakingAlert.feedbackWrapper .wrap {
    padding-left: 11px;
    padding-right: 11px;
  }

}


/* Error pages */

.dn .error_page {
  background: #FFF;
  width: 100%;
  max-width: 1214px;
  text-align: center;
  margin-top: -18px;
  padding-top: 60px;
  padding-bottom: 65px;
}

.dn .error_page .error_page_wrapper {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.dn .error_page .deadend {
  margin: 0 auto 40px auto;
  background-image: url("../gfx/DeadEnd.png");
  background-size: 100% 100%;
  width: 201px;
  height: 181px;
}

.dn .error_page.noaccess .deadend {
  background-image: url("../gfx/NoAccess.png");
}

.dn .error_page h1 {
  color: #de4a14;
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 45px;
  margin: 0 0 21px 0;
  padding-bottom: 25px;
  border-bottom: 1px dotted #000000;
}

.dn .error_page h1 span {
  font-family: "Guardian Sans Cond Web","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 45px;
  display: block;
}

.dn .error_page p {
  margin-bottom: 25px;
  color: #737373;
}

.dn .error_page form {
  margin-bottom: 30px;
}

.dn .error_page input[type=text] {
  width: 90.42%;
  height: 40px;
  float: left;
  margin-bottom: 0;
}

.dn .error_page input[type=submit] {
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  width: 8.42%;
  float: right;
}

.dn .error_page .boxlink {
  display: inline-block;
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 17px;
  line-height: 17px;
  color: #797979;
  background-color: #d6d6d6;
  width: 49.42%;
  padding-top: 11px;
  padding-bottom: 13px;
}

.dn .error_page .boxlink span {
  font-family: "FontAwesome";
}



/* Error pages tablet/mobile styles */

@media only screen and (max-width: 768px) {

  .dn .error_page {
    padding-top: 20px;
    padding-bottom: 40px;
  }

}

@media only screen and (max-width: 450px) {

  .dn .error_page .deadend {
    margin: 0 auto 20px auto;
    width: 131px;
    height: 112px;
  }

  .dn .error_page h1 {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }

  .dn .error_page h1 span {
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 7px;
  }

  .dn .error_page p {
    margin-bottom: 21px;
  }

  .dn .error_page form {
    margin-bottom: 21px;
  }

  .dn .error_page input[type=text] {
    width: 85.04%;
  }

  .dn .error_page input[type=submit] {
    width: 13.78%;
  }

  .dn .error_page .boxlink {
    width: 100%;
    margin-bottom: 10px;
  }

  .dn .error_page .boxlink:last-of-type {
    float: none;
    margin-bottom: 0;
  }

}



/* facebook like button */

.fb-like {
  margin: 0 auto 30px auto;
}



/* Styles for minleseliste */

.reading_list .addedArticles {
  padding-left: 270px;
  padding-top: 18px;
  font-size: 30px;
}

.reading_list .actions {
  float: right;
}

.reading_list .title {
  float: left;
}

.reading_list .lead {
  clear: both;
}

.reading_list .actions .mark {
  font: bold 17px "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
}

.reading_list .actions .remove {
  font: bold 17px "Guardian Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #de4a14;
  margin-left: 10px;
}

.reading_list .marked_read .title .entry-title a,
.reading_list .marked_read .mark,
.reading_list .marked_read .lead,
.reading_list .marked_read .lead p {
  color: #bbbbbb;
}

.reading_list .title .entry-title a {
  cursor: pointer;
}



/* Skrapelodd */

.dn .skrapelodd label {
  clear: left;
}

.dn .skrapelodd input[type=text] {
  width: 118px;
  display: block;
  float: left;
  margin-right: 10px;
}

.dn .skrapelodd input[type=submit] {
  clear: left;
  display: block;
}

.dn .skrapelodd input[readonly] {
  opacity: 1;
}

.dn .skrapelodd .faksimile {
  display: block;
  margin-bottom: 20px;
}

.dn .skrapelodd .error_message {
  margin: 0;
  padding-top: 9px;
  color: #ff0000;
  font-weight: bold;
}

/* Avoid getting a 20px white-space at the bottom of every page because of TNS. */
#unispring-tp {
  position: absolute;
  height: 0;
}

/* DN.no wrapped in app */

html.dnno-app [role="banner"].dn {
  display: none;
}

html.dnno-app nav.navigation {
  position: fixed;
  top: 0;
  z-index: 200;
}

/* Spacing on top for article pages */
html.dnno-app #default-outer {
  margin-top: 33px;
}

html.dnno-app #top_menu.top_menu {
  margin-top: 47px;
  /* To negate spacing on top on front page */
  margin-bottom: -33px;
}

html.dnno-app #top_menu.top_menu li {
  margin-bottom: 8px;
}

html.dnno-app .navigation .navigation__toggle[class^="navigation__"] li {
  margin-right: 10px;
}



/* Show a spinning icon on top of a DN element. */
.dn-disabled,
.dn-loading {
  position: relative;
  box-sizing: border-box;
}

.dn-disabled::before,
.dn-loading::before {
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  z-index: 1;
  content: '';
  background-color: rgba(255, 255, 255, 0.7);
  display: block;
}

body.dn-loading::after,
.dn-loading::after {
  position: absolute;
  display: block;
  content: "\f021";
  top: 50%;
  left: 50%;
  margin-left: -8px !important;
  margin-top: -10px !important;
  font-size: 20px;
  line-height: 1em;
  color: #999;
  z-index: 11;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;

  -webkit-animation: dn-spin 2s infinite linear;
  animation: dn-spin 2s infinite linear;
}

body.dn-loading::after {
  position: fixed;
}


@keyframes dn-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@media only screen {
  .print_logo, .print_smak_logo {
    display:none;
  }

}

/* Notification for Cookie Uses */

.cookieInfo {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.95);
  width: 100%;
  font-family: 'Guardian Sans Cond Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
  padding: 8px 0;
  z-index: 1000;
}

.cookieInfo p {
  color: #FFF;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  margin: 0;
}

.cookieInfo .showDetails, .cookieInfo .showDetails:visited, .cookieInfo .showDetails:hover {
  color: #DE4A14;
  text-decoration: none;
  padding-left: 2px;
}

.cookieInfo .closeCookie {
  color: #b7b7b7;
  cursor: pointer;
  margin-left: 42px;
}

@media only screen and (max-width: 480px) {

  .cookieInfo .wrap {
    padding-left: 11px;
    padding-right: 11px;
  }

  .cookieInfo, .cookieInfo p {
    font-size: 14px;
    line-height: 17px;
  }

}

/* Navigation Icon with SVG */

.dn .navigation_mymenu a.login.toggle, .dn .navigation_mymenu a.logged-in-user,
.dn .smak_menubar .navigation_mymenu a.login.toggle, .dn .smak_menubar .navigation_mymenu a.logged-in-user {
  background: none !important;
  padding-left: 0;
}

.dn .navigation_mymenu a.login.toggle svg, .dn .navigation_mymenu a.logged-in-user svg {
  margin-right: 2px;
  vertical-align: bottom;
}

.dn .smak_menubar path {
  fill: #000;
}

@media only screen and (max-width: 767px) {

  .dn .navigation .navigation__toggle[class^="navigation__"] a.logged-in-user, .navigation.dn .navigation__toggle[class^="navigation__"] a.logged-in-user {
    width: 18px;
    margin: 0;
  }

}

/* Footer feedback form */

.dn[role="contentinfo"] textarea {
  background-color: #333333;
  border: none;
  font-family: "Guardian Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  overflow: auto;
  resize: vertical;
}

/*Footer always bottom if small amount of body content*/

@media only screen and (min-width: 62em) {
  html.main_login_page_header {
    height: 100%;
  }

  body.main_login_page {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    position: relative;
    min-height: 100%;
    padding-bottom: 342px;
  }

  body.main_login_page footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

/*Privacy Policy*/
.dn .navigation,
nav.navigation {
  overflow: visible;
}

.dn .navigation_mymenu a.logged-in-user .warning_alert {
  position: absolute;
  bottom: 13px;
  margin-left: -25px;
}

.dn [role="navigation"] li.privacy-policy {
  background: #e8b9b9;
  border-bottom: 1px dotted #808080;
  font-size: 15px;
  color: #111111;
  padding: 12px 20px 10px;
}

.dn [role="navigation"] li.privacy-policy .warning {
  margin-right: 4px;
  vertical-align: text-top;
}

.dn [role="navigation"] li.privacy-policy a {
  display: inline;
  border: none;
  font-size: 15px;
  text-decoration: underline;
  padding: 0;
}

.dn [role="navigation"] li.privacy-policy a:hover {
  background: none;
}

.dn [role="navigation"] li.privacy-policy .close {
  position: absolute;
  right: 12px;
  cursor: pointer;
}



/* Everybody: PLEASE USE -->->> 2 <<-<-- SPACES FOR IDENTATION INSTEAD OF TABS WHEN EDITING CSS FILES !!! */