body {
  margin: 0;
  background: transparent;
  width: 1280px;
  height: 720px;
}

td {
  vertical-align: top;
  color: #ffffff;
}

div {
  overflow: hidden;
  position: absolute;
  font-size: 20px;
  font-family: ZDFType, Tiresias, sans-serif;
  margin: 0;
  padding: 0;
  z-index: 0;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

div.logo {
  left: 64px;
  top: 36px;
  width: 61px;
  height: 35px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.logotxt {
  left: 125px;
  top: 45px;
  width: 121px;
  height: 19px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -100px -220px;
  display: none;
}

div.loading {
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -90px 0px;
  display: none;
}

div.hasvid {
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -200px 0px;
}

div.hassched {
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -225px 0px;
}

div.shadebg {
  background-color: #000000;
  opacity: 0.6;
}

/* vertical align bottom via table */
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table.valign {
  width: 100%;
  height: 100%;
}

table.valign td {
  width: 100%;
  height: 100%;
}

table.valign.top td {
  vertical-align: top;
}

table.valign.bottom td {
  vertical-align: bottom;
}

#appscreen,
#player {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
}

#appscreen {
  background-color: #0d1118;
}

div.scene {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
}

div.scenecontainer {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 1px;
}

div.button {
  margin-top: 6px;
  margin-left: 6px;
  padding-top: 14px;
  height: 40px;
  font-size: 22px;
  line-height: 27px;
  color: #404349;
  background-color: #ffffff;
}

div.button.focus {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 20px;
  height: 46px;
  font-size: 23px;
  color: #ffffff;
  background-color: #fa7d19;
}

div.button div.menuelemicon {
  left: 13px;
  top: 11px;
}

div.button.focus div.menuelemicon {
  top: 17px;
}

div.screenhead div.button {
  padding-left: 48px;
  width: 140px;
}

div.screenhead div.button.focus {
  width: 152px;
}

div.screenhead.login div.button {
  padding-left: 16px;
  padding-right: 16px;
  width: auto;
}

div.screenhead.login div.button.focus {
  padding-left: 22px;
  padding-right: 22px;
  width: auto;
}

div.foot span.label {
  color: #ffffff;
  background-color: #fa7d19;
  padding: 4px 9px;
  margin-right: 2px;
  font-weight: bold;
}

div.popup,
div.popupbg {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
}

div.popupbg {
  background-color: #34393f;
  opacity: 0.8;
}

div.popup div.popupbuttons {
  top: 587px;
  left: 180px;
  width: 700px;
  height: 133px;
}

div.popup div.popupwrapper,
div.popup div.popupoverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 133px;
}

div.popup div.popupoverlay {
  background-image: url(popup_overlay.png);
}

div.popup div.button {
  margin-top: 40px;
  margin-left: 0;
  padding-top: 0;
  height: 65px;
  line-height: 65px;
  text-align: center;
}

div.popup div.textcontainer {
  left: 180px;
  top: 0px;
  width: 700px;
  height: 720px;
  background-color: #34393f;
}

div.popup div.textcontainer div.text {
  left: 30px;
  width: 640px;
  font-size: 22px;
  line-height: 32px;
  color: #ffffff;
}
div.popup.vidqual div.textcontainer div.text {
  color: #a9aaac;
}

div.popup div.textcontainer div.text p {
  margin: 0px 0px 16px 0px;
  color: #ffffff;
}
div.popup.vidqual div.textcontainer div.text p {
  font-size: 24px;
  line-height: 32px;
  margin: 31px 0 42px;
}
div.popup.vidqual div.textcontainer div.text p span.currentvidqual {
  float: right;
}

div.popup div.textcontainer div.text h1 {
  font-size: 40px;
  margin: 20px 0px 16px 0px;
  font-weight: normal;
  line-height: 48px;
  color: #ffffff;
}

div.popup div.textcontainer div.text h2 {
  font-size: 32px;
  margin: 16px 0px 16px 0px;
  font-weight: normal;
  line-height: 38px;
  color: #ffffff;
}

div.popup div.textcontainer div.text h3 {
  font-size: 26px;
  margin: 16px 0px 16px 0px;
  font-weight: normal;
  line-height: 32px;
  color: #ffffff;
}

div.popup div.textcontainer div.text h4 {
  font-size: 24px;
  margin: 13px 0px 32px;
  font-weight: normal;
  line-height: 32px;
  color: #ffffff;
}

div.popup div.textcontainer div.text span.boldtxt {
  font-weight: bold;
}

div.popup div.popupscroll {
  left: 912px;
  width: 48px;
  height: 48px;
  display: none;
}

div.popup div.popupscroll div.bg {
  width: 48px;
  height: 48px;
  background-color: #e8e8e8;
  border-radius: 24px;
  opacity: 0.2;
}

div.popup div.popupscroll div.icon {
  top: 16px;
  left: 14px;
  width: 20px;
  height: 14px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.popup div.popupscroll.active div.bg {
  opacity: 1;
}

div.popup div.popupscroll.up {
  top: 46px;
}

div.popup div.popupscroll.up div.icon {
  background-position: -126px -534px;
}

div.popup div.popupscroll.down {
  top: 627px;
}

div.popup div.popupscroll.down div.icon {
  top: 18px;
  background-position: -100px -534px;
}

div.colbuttontxt {
  left: 60px;
  height: 30px;
  font-size: 22px;
  line-height: 28px;
  padding-left: 40px;
  color: #34393f;
  white-space: nowrap;
}

span.rbappname {
  color: #ffffff;
  font-size: 24px;
}

div.menubg.menufocus div.colbuttontxt {
  color: #ffffff;
}

div.menubgcolpos0 {
  top: 658px;
}

div.menubgcolpos1 {
  top: 618px;
}

div.colbuttonr,
div.colbuttong,
div.colbuttony,
div.colbuttonb {
  left: 8px;
  top: 6px;
  width: 24px;
  height: 13px;
  border-radius: 3px;
}

div.colbuttonr {
  background-color: #ff1717;
}

div.colbuttong {
  background-color: #34a543;
}

div.colbuttony {
  background-color: #ffe700;
}

div.colbuttonb {
  background-color: #0068fa;
}

div.menubg {
  left: 0px;
  top: 0px;
  width: 150px;
  height: 720px;
  background-color: #34393f;
}

div.menubg.menufocus {
  width: 365px;
  box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

div.menuelem {
  left: 0px;
  width: 0px;
  height: 49px;
  padding-top: 15px;
  padding-left: 100px;
  font-size: 25px;
  line-height: 36px;
  color: #ffffff;
  white-space: nowrap;
}

div.menubg.menufocus div.menuelem {
  width: 265px;
}

div.menubg.menufocus div.menuelem.focus {
  background-color: #626262;
}

div.menubg.menufocus div.menuelem.selected {
  color: #fa7d19;
}

div.menuelemicon {
  left: 64px;
  top: 18px;
  width: 30px;
  height: 30px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.menuelemicon.home,
div.button.focus div.menuelemicon.home {
  background-position: 0px -110px;
}

div.menuelemicon.time,
div.button.focus div.menuelemicon.time {
  background-position: 0px -140px;
}

div.menuelemicon.atoz,
div.button.focus div.menuelemicon.atoz {
  background-position: 0px -170px;
}

div.menuelemicon.tivi,
div.button.focus div.menuelemicon.tivi {
  background-position: 0px -560px;
}

div.menuelemicon.pers,
div.button.focus div.menuelemicon.pers {
  background-position: 0px -230px;
}

div.menuelemicon.pers-loggedin,
div.button.focus div.menuelemicon.pers-loggedin {
  background-position: 0px -590px;
}

div.menuelemicon.srch,
div.button.focus div.menuelemicon.srch {
  background-position: 0px -260px;
}

div.menuelemicon.back,
div.button.focus div.menuelemicon.back {
  background-position: 0px -290px;
}

div.menuelemicon.mark,
div.button.focus div.menuelemicon.mark {
  background-position: 0px -320px;
}

div.menuelemicon.login,
div.button.focus div.menuelemicon.login {
  background-position: 0px -350px;
}

div.menuelemicon.logof,
div.button.focus div.menuelemicon.logof {
  background-position: 0px -380px;
}

div.menuelemicon.conf,
div.button.focus div.menuelemicon.conf {
  background-position: 0px -410px;
}

div.menuelemicon.list,
div.button.focus div.menuelemicon.list {
  background-position: 0px -440px;
}

div.menuelemicon.video,
div.button.focus div.menuelemicon.video {
  background-position: 0px -470px;
}

div.menuelemicon.link,
div.button.focus div.menuelemicon.link {
  background-position: 0px -500px;
}

div.menuelemicon.chen,
div.button.focus div.menuelemicon.chen {
  background-position: 0px -560px;
}

div.selected div.menuelemicon.home,
div.button div.menuelemicon.home {
  background-position: -30px -110px;
}

div.selected div.menuelemicon.time,
div.button div.menuelemicon.time {
  background-position: -30px -140px;
}

div.selected div.menuelemicon.atoz,
div.button div.menuelemicon.atoz {
  background-position: -30px -170px;
}

div.selected div.menuelemicon.tivi,
div.button div.menuelemicon.tivi {
  background-position: -30px -560px;
}

div.selected div.menuelemicon.pers,
div.button div.menuelemicon.pers {
  background-position: -30px -230px;
}

div.selected div.menuelemicon.pers-loggedin,
div.button div.menuelemicon.pers-loggedin {
  background-position: -30px -590px;
}

div.selected div.menuelemicon.srch,
div.button div.menuelemicon.srch {
  background-position: -30px -260px;
}

div.selected div.menuelemicon.back,
div.button div.menuelemicon.back {
  background-position: -60px -290px;
}

div.selected div.menuelemicon.mark,
div.button div.menuelemicon.mark {
  background-position: -60px -320px;
}

div.selected div.menuelemicon.login,
div.button div.menuelemicon.login {
  background-position: -60px -350px;
}

div.selected div.menuelemicon.logof,
div.button div.menuelemicon.logof {
  background-position: -60px -380px;
}

div.selected div.menuelemicon.conf,
div.button div.menuelemicon.conf {
  background-position: -60px -410px;
}

div.selected div.menuelemicon.list,
div.button div.menuelemicon.list {
  background-position: -60px -440px;
}

div.selected div.menuelemicon.video,
div.button div.menuelemicon.video {
  background-position: -60px -470px;
}

div.selected div.menuelemicon.link,
div.button div.menuelemicon.link {
  background-position: -60px -500px;
}

div.menubg div.selected div.menuelemicon.mark {
  background-position: -30px -320px;
}

div.menubg div.selected div.menuelemicon.conf {
  background-position: -30px -410px;
}

div.menubg div.selected div.menuelemicon.list {
  background-position: -30px -440px;
}

div.menubg div.selected div.menuelemicon.video {
  background-position: -30px -470px;
}

div.menubg div.selected div.menuelemicon.chen {
  background-position: -30px -560px;
}

div.screenhead img.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1130px;
  height: auto;
}

div.screenhead img.brandlogo {
  position: absolute;
  left: 40px;
  top: 36px;
  width: auto;
  height: 82px;
}

div.screenhead div.title {
  left: 40px;
  top: 45px;
  width: 1022px;
  height: 40px;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: #ffffff;
}
div.screenhead div.title.myheader {
  font-size: 22px;
  line-height: 28px;
  top: 58px;
}

div.screenhead div.title.headertitleonimg {
  color: #ffffff;
}

div.screenhead div.titlewithlogo {
  left: 68px;
  top: 136px;
  height: 64px;
  padding: 19px 30px 0px 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #ffffff;
  background-color: #34393f;
}

div.screenhead div.titledecoration {
  left: 88px;
  top: 116px;
  height: 25px;
  padding: 4px 10px 0px 8px;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  background-color: #fa7d19;
}

div.screenhead div.titledecoration.withicon {
  padding-left: 32px;
}

div.groupheader {
  background-color: #25292e;
  color: #ffffff;
  overflow: visible;
  z-index: 1;
}

div.groupheader.match {
  background-color: transparent;
}

div.groupheader img.bg,
div.groupheader img.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1140px;
  height: auto;
}

div.groupheader img.overlay {
  width: 776px;
}

/* wrapper */
div.groupheader div.wrapper {
  bottom: 64px;
  left: 50px;
  width: 476px;
}

/* logo */
div.groupheader img.logoimg {
  position: static;
  width: auto;
  height: 84px;
}

/* overline */
div.groupheader div.overline {
  position: static;
  width: 100%;
  height: 21px;
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
}

/* title */
div.groupheader div.title {
  position: static;
  width: 100%;
  height: 28px;
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 8px;
}

/* text */
div.groupheader div.txt {
  position: static;
  width: 100%;
  max-height: 52px;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 16px;
}

/* foot */
div.groupheader div.foot {
  left: 50px;
  bottom: 16px;
  width: 476px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.groupheader div.foot span.label {
  font-weight: bold;
  padding: 3px 8px;
  margin-right: 8px;
}

div.groupheader div.foot span.btn {
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
}

div.groupheader div.foot span.btn.focus {
  border-bottom-width: 2px;
}

div.groupheader div.foot span.icon {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: 0px -500px;
  top: -1px;
}

/* button */
div.groupheader div.btn,
div.teaser-overlay div.buttons.top div.btn {
  top: 39px;
  width: 200px;
  height: 64px;
  overflow: visible;
}

div.groupheader div.btn div.bg,
div.teaser-overlay div.buttons.top div.btn div.bg {
  left: 68px;
  top: 0px;
  width: 64px;
  height: 64px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -90px -290px;
}

div.groupheader div.btn.focus div.bg,
div.teaser-overlay div.buttons.top div.btn.focus div.bg {
  background-position: -170px -290px;
}

div.groupheader div.btn div.icon,
div.teaser-overlay div.buttons.top div.btn div.icon {
  left: 14px;
  top: 14px;
  width: 36px;
  height: 36px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.groupheader div.btn div.icon.back,
div.teaser-overlay div.buttons.top div.btn div.icon.back {
  background-position: -90px -380px;
}

div.groupheader div.btn div.icon.mark,
div.teaser-overlay div.buttons.top div.btn div.icon.mark {
  background-position: -126px -380px;
}

div.groupheader div.btn div.icon.mark.sel,
div.teaser-overlay div.buttons.top div.btn.active div.icon.mark {
  background-position: -170px -380px;
}

div.groupheader div.btn div.caption,
div.teaser-overlay div.buttons.top div.btn div.caption {
  margin-left: -200px;
  width: 400px;
  height: 32px;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #34393d;
  display: none;
  overflow: visible;
  left: 100px;
  top: 75px;
}

div.groupheader div.btn.focus div.caption,
div.teaser-overlay div.buttons.top div.btn.focus div.caption {
  display: block;
}

div.groupheader div.btn div.caption span,
div.teaser-overlay div.buttons.top div.btn div.caption span {
  padding: 3px 10px 4px 10px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #fa7d19;
}

/* stage medium */
div.groupheader.medium div.wrapper {
  height: 176px;
}

div.groupheader.medium div.btn {
  top: 158px;
}

/* stage small */
div.groupheader.small img.overlay {
  width: 771px;
}

div.groupheader.small.xs {
  z-index: 1;
}

div.groupheader.small img.logoimg,
div.groupheader.xs img.logoimg {
  position: absolute;
  height: 70px;
  left: 50px;
  top: 36px;
}

div.groupheader.small div.title,
div.groupheader.xs div.title {
  position: absolute;
  width: 476px;
  left: 50px;
  top: 58px;
  margin-top: 0px;
}

div.textmsg,
div.networkstatus {
  padding: 40px;
  width: 946px;
  font-size: 28px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  background-color: #34393f;
}

div.networkstatus {
  left: 210px;
  top: 304px;
  z-index: 100;
}

div.textmsglight {
  width: 628px;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}

div.infotext {
  width: 990px;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
}

div.infotext.all,
div.infotext.brand,
div.infotext.category,
div.infotext.topic {
  left: 295px;
  width: 767px;
  font-size: 22px;
  line-height: 28px;
  color: #ffffff;
  margin-left: 105px;
}

div.infotext p.title {
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
  margin: 0px 0px 4px 0px;
}

div.infotext div.txt {
  position: static;
}

div.infotext.all p.title,
div.infotext.brand p.title,
div.infotext.category p.title,
div.infotext.topic p.title {
  font-size: 28px;
  line-height: 32px;
  font-weight: normal;
  height: 32px;
  margin: 0px 0px 8px 0px;
}

div.infotext.all div.txt,
div.infotext.brand div.txt,
div.infotext.category div.txt,
div.infotext.topic div.txt {
  font-size: 22px;
  line-height: 28px;
}

div.dropdown {
  width: 276px;
  height: 46px;
  margin: 4px;
}

div.dropdown.focus {
  margin: 0px;
  border-style: solid;
  border-width: 4px;
  border-color: #fa7d19;
}

div.dropdown div.seltxt {
  left: 0px;
  top: 0px;
  width: 216px;
  height: 36px;
  padding-left: 14px;
  padding-top: 10px;
  font-size: 24px;
  line-height: 30px;
  color: #34393f;
  background-color: #ffffff;
}

div.dropdown div.selopt {
  left: 231px;
  top: 0px;
  width: 45px;
  height: 46px;
  background-color: #ffffff;
}

div.dropdown div.selopt div.chevron {
  left: 15px;
  top: 19px;
  width: 15px;
  height: 9px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.dropdown div.selopt div.chevron.dn {
  background-position: -175px -140px;
}

div.dropdown div.selopt div.chevron.up {
  background-position: -175px -150px;
}

div.dropdownmenu {
  margin-top: 50px;
  width: 276px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 4px;
  border-color: #fa7d19;
  display: none;
  z-index: 1;
}

div.dropdownmenu div.dropitem {
  left: 0px;
  height: 32px;
  padding-left: 14px;
  padding-top: 9px;
  font-size: 24px;
  line-height: 30px;
  color: #34393f;
  z-index: 1;
}

div.dropdownmenu div.dropitem.focus {
  color: #fa7d19;
}

div.subnavig {
  background-color: #25292e;
}

div.subnavigcontainer {
  left: 0px;
  top: 0px;
  height: 32px;
}

div.subnavigcontainer div.item {
  position: relative;
  float: left;
  height: 25px;
  padding: 3px 8px 0px 8px;
  margin-right: 16px;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
}

div.subnavigcontainer div.item.focus {
  border-width: 0px 0px 8px 0px;
  background-color: #626262;
}

div.subnavigcontainer div.item.sel {
  color: #fa7d19;
}

div.covers.xs {
  background-color: #25292e;
}

div.covers.xs div.coverband {
  top: 0px;
}

div.coverbandtitle {
  top: 0px;
  font-size: 28px;
  line-height: 35px;
  color: #ffffff;
}

div.coverbandtitle.searchtitle {
  margin-left: 10px;
}

div.coverband div.coverbanditem {
  top: 0px;
  margin-top: 8px;
  margin-left: 10px;
}

div.coverband div.coverbanditem.focus {
  margin-top: 0px;
  margin-left: 2px;
}

div.coverband div.coverbanditem.focus div.focusbar {
  display: block;
}

div.coverband div.vidinfo {
  width: 220px;
  height: 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  padding-left: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.coverbanditem div.hshade {
  left: 0px;
  height: 34px;
  background-image: url(vshades.png);
}

div.coverbanditem div.hshadelg {
  left: 0px;
  height: 245px;
  background-image: url(vshades.png);
  background-position: 0px -45px;
}

div.coverbanditem div.hshadelg-logo {
  left: 0;
  height: 245px;
  background-image: url(rectangle-shadow-210-x-200.png);
  background-position: 100% 100%;
  background-repeat: repeat-x;
  bottom: 0;
  width: 100%;
}

div.coverbanditem div.title span.episode {
  font-weight: normal;
}

div.coverbanditem div.progbarcontainer {
  height: 4px;
}

div.coverbanditem div.progbarbg {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  opacity: 0.8;
}

div.coverbanditem div.progbarfg {
  left: 0px;
  top: 0px;
  height: 4px;
  background-color: #fa7d19;
}

div.coverbandstd,
div.coverbandwide {
  top: 40px;
  height: 336px;
}

div.coverbandstd div.coverbanditem {
  width: 276px;
  height: 310px;
  background-color: #252a2e;
}

div.coverbandstd div.coverbanditem.focus {
  width: 292px;
  height: 326px;
}

div.coverbandstd div.coverbanditem div.focusbar {
  left: 0px;
  top: 322px;
  width: 292px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandstd div.coverbanditem img.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 276px;
  height: 155px;
}

div.coverbandstd div.coverbanditem.focus img.bg {
  width: 292px;
  height: 164px;
}

/* content label */
div.coverbandstd div.coverbanditem img.cl,
div.coverbandstd div.coverbanditem-v2 img.cl {
  position: absolute;
  left: auto;
  right: 8px;
  top: 16px;
  width: 76px;
  height: 34px;
}

div.coverbandstd div.coverbanditem div.progbarcontainer {
  left: 0px;
  top: 151px;
  width: 276px;
}

div.coverbandstd div.coverbanditem.focus div.progbarcontainer {
  top: 160px;
  width: 292px;
}

div.coverbandstd div.coverbanditem div.head {
  left: 16px;
  top: 163px;
  width: 244px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

div.coverbandstd div.coverbanditem.focus div.head {
  top: 172px;
  width: 260px;
  font-size: 19px;
}

div.coverbandstd div.coverbanditem div.title {
  left: 16px;
  top: 188px;
  width: 244px;
  height: 48px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
}

div.coverbandstd div.coverbanditem div.title.dummy {
  height: 96px;
}

div.coverbandstd div.coverbanditem.focus div.title {
  top: 197px;
  width: 260px;
  font-size: 21px;
}

div.coverbandstd div.coverbanditem div.vidinfo {
  left: 16px;
  top: 244px;
  width: 244px;
  padding-left: 0px;
  font-weight: normal;
  color: #ffffff;
}

div.coverbandstd div.coverbanditem.focus div.vidinfo {
  top: 253px;
  width: 260px;
}

div.coverbandstd div.coverbanditem div.foot {
  left: 16px;
  top: 270px;
  width: 244px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandstd div.coverbanditem.focus div.foot {
  top: 280px;
  width: 260px;
}

div.coverbandstd div.coverbanditem div.foot span.label {
  padding: 3px 8px;
  font-weight: bold;
}

div.coverbandstd div.coverbanditem div.xtra {
  left: 0px;
  top: 0px;
  height: 24px;
  padding: 3px 9px;
  font-size: 19px;
  line-height: 23px;
  color: #ffffff;
  background-color: #fa7d19;
}

/*
 * Standard teaser v2
 */
div.coverbandstd div.coverbanditem-v2 {
  top: 0px;
  margin-top: 8px;
  margin-left: 10px;
}

div.coverbandstd div.coverbanditem-v2.focus {
  margin-top: 0px;
  margin-left: 2px;
}

div.coverbandstd div.coverbanditem-v2 {
  width: 276px;
  height: 310px;
  background-color: #ffffff;
}

div.coverbandstd div.coverbanditem-v2.focus {
  width: 292px;
  height: 326px;
}

div.coverbandstd div.coverbanditem-v2 div.focusbar {
  left: 0px;
  top: 322px;
  width: 292px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandstd div.coverbanditem-v2.focus div.focusbar {
  display: block;
}

div.coverbandstd div.coverbanditem-v2 img.overlay {
  position: absolute;
  top: 140px;
  height: 170px;
  width: 276px;
}

div.coverbandstd div.coverbanditem-v2.focus img.overlay {
  top: 146px;
  height: 180px;
  width: 292px;
}

div.coverbandstd div.coverbanditem-v2 div.cntnr,
div.coverbandstd div.coverbanditem-v2 img.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 276px;
}

div.coverbandstd div.coverbanditem-v2 div.cntnr {
  height: 310px;
}

div.coverbandstd div.coverbanditem-v2 img.bg {
  height: 311px;
}

div.coverbandstd div.coverbanditem-v2.focus div.cntnr,
div.coverbandstd div.coverbanditem-v2.focus img.bg {
  width: 292px;
}

div.coverbandstd div.coverbanditem-v2.focus div.cntnr {
  height: 326px;
}

div.coverbandstd div.coverbanditem-v2.focus img.bg {
  height: 329px;
}

div.coverbandstd div.coverbanditem-v2 img.logo {
  position: absolute;
  left: 16px;
  top: 127px;
  width: 244px;
  height: 110px;
}

div.coverbandstd div.coverbanditem-v2.focus img.logo {
  top: 128px;
  width: 260px;
  height: 116px;
}

div.coverbandstd div.coverbanditem-v2 div.head {
  left: 16px;
  top: 163px;
  width: 244px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

div.coverbandstd div.coverbanditem-v2.focus div.head {
  top: 172px;
  width: 260px;
  font-size: 19px;
}

div.coverbandstd div.coverbanditem-v2 div.title {
  left: 16px;
  top: 188px;
  width: 244px;
  height: 48px;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
}

div.coverbandstd div.coverbanditem-v2.focus div.title {
  top: 198px;
  width: 266px;
  font-size: 21px;
}

div.coverbandstd div.coverbanditem-v2 div.vidinfo {
  left: 16px;
  top: 244px;
  width: 244px;
  padding-left: 0px;
  font-weight: normal;
  color: #ffffff;
}

div.coverbandstd div.coverbanditem-v2.focus div.vidinfo {
  top: 253px;
  width: 260px;
}

div.coverbandstd div.coverbanditem-v2 div.foot {
  left: 16px;
  top: 270px;
  width: 244px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandstd div.coverbanditem-v2.focus div.foot {
  top: 280px;
  width: 260px;
}

div.coverbandstd div.coverbanditem-v2 div.foot span.label {
  padding: 3px 8px;
  font-weight: bold;
}

/* Standard teaser v2 */

div.coverbandwide div.coverbanditem {
  width: 872px;
  height: 310px;
  background-color: #25292e;
}

div.coverbandwide div.coverbanditem.focus {
  width: 888px;
  height: 326px;
}

div.coverbandwide div.coverbanditem.highlight {
  background-color: #ffffff;
}

div.coverbandwide div.vidinfo {
  left: 573px;
  top: 221px;
  color: #ffffff;
  padding-left: 0;
  font-weight: normal;
  width: 273px;
}

div.coverbandwide div.coverbanditem.focus div.vidinfo {
  width: 299px;
  top: 229px;
  padding-left: 0;
}

div.coverbandwide div.coverbanditem.highlight div.vidinfo {
  color: #25292e;
}

div.coverbandwide div.coverbanditem.highlight div.vidinfo div.hasvid {
  background-position: -200px -25px;
}

div.coverbandwide div.coverbanditem.highlight div.vidinfo div.hassched {
  background-position: -225px -25px;
}

div.coverbandwide div.focusbar {
  left: 559px;
  top: 322px;
  width: 329px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandwide img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 551px;
  height: 310px;
}

div.coverbandwide div.coverbanditem.focus img {
  left: -20px;
  width: 579px;
  height: 326px;
}

/* content label */
div.coverbandwide div.coverbanditem img.cl {
  position: absolute;
  left: auto;
  right: 329px;
  top: 16px;
  width: 76px;
  height: 34px;
}

div.coverbandwide div.coverbanditem.focus img.cl {
  right: 337px;
}

div.coverbandwide div.progbarcontainer {
  left: 0px;
  bottom: 0px;
  width: 551px;
}

div.coverbandwide div.coverbanditem.focus div.progbarcontainer {
  width: 559px;
}

div.coverbandwide div.head {
  left: 573px;
  top: 24px;
  width: 290px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

div.coverbandwide div.coverbanditem.focus div.head {
  width: 306px;
  font-size: 19px;
}

div.coverbandwide div.coverbanditem.highlight div.head {
  color: #34393f;
}

div.coverbandwide div.title {
  left: 573px;
  top: 54px;
  width: 290px;
  height: 168px;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  color: #ffffff;
}

div.coverbandwide div.coverbanditem.focus div.title {
  width: 304px;
  height: 174px;
  font-size: 21px;
  line-height: 27px;
}

div.coverbandwide div.coverbanditem.highlight div.title {
  color: #34393f;
}

div.coverbandwide div.title p.txt {
  margin: 8px 0px 0px 0px;
  font-weight: normal;
}

div.coverbandwide div.foot {
  overflow: visible;
  left: 573px;
  top: 255px;
  width: 290px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandwide div.coverbanditem.focus div.foot {
  top: 261px;
}

div.coverbandwide div.coverbanditem.highlight div.foot {
  color: #34393f;
}

/*
 * Coverband stage
 */
div.coverbandstage {
  top: 32px;
  height: 376px;
}

div.coverbandstage div.coverbanditem {
  width: 860px;
  height: 344px;
}

div.coverbandstage div.coverbanditem.focus {
  width: 876px;
  height: 360px;
}

/* image (background/overlay) */
div.coverbandstage img.bg,
div.coverbandstage img.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 860px;
  height: 344px;
}

div.coverbandstage div.coverbanditem.focus img.bg,
div.coverbandstage div.coverbanditem.focus img.overlay {
  width: 876px;
  height: 360px;
}

/* content label */
div.coverbandstage div.coverbanditem img.cl {
  position: absolute;
  right: 8px;
  top: 16px;
  width: 76px;
  height: 34px;
}

/* progress bar */
div.coverbandstage div.progbarcontainer {
  left: 0px;
  bottom: 0px;
  width: 860px;
}

div.coverbandstage div.coverbanditem.focus div.progbarcontainer {
  width: 876px;
}

/* wrapper */
div.coverbandstage div.wrapper {
  bottom: 59px;
  left: 40px;
  width: 500px;
  height: 285px;
  color: #ffffff;
}

div.coverbandstage div.coverbanditem.focus div.wrapper {
  width: 512px;
  height: 301px;
}

/* logo */
div.coverbandstage img.stagelogo {
  width: 228px;
  height: 102px;
  position: static;
}

/* headline */
div.coverbandstage div.head {
  width: 100%;
  height: 21px;
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
  position: static;
}

/* title */
div.coverbandstage div.title {
  width: 100%;
  height: 28px;
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 8px;
  position: static;
}

/* text */
div.coverbandstage div.txt {
  width: 100%;
  max-height: 52px;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 16px;
  position: static;
}

/* infoline */
div.coverbandstage div.vidinfo {
  width: 476px;
  height: 21px;
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
  padding-left: 0px;
  margin-top: 16px;
  position: static;
}

div.coverbandstage div.coverbanditem.focus div.vidinfo {
  width: 488px;
}

/* footer */
div.coverbandstage div.foot {
  left: 40px;
  bottom: 14px;
  width: 476px;
  height: 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandstage div.coverbanditem.focus div.foot {
  width: 488px;
}

div.coverbandstage div.foot span.label {
  padding: 3px 8px;
}

div.coverbandmini {
  top: 32px;
  height: 143px;
}

div.coverbandmini div.coverbanditem {
  width: 395px;
  height: 117px;
  background-color: #ffffff;
}

div.coverbandmini div.coverbanditem.focus {
  width: 411px;
  height: 133px;
}

div.coverbandmini div.focusbar {
  left: 0px;
  top: 129px;
  width: 411px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandmini div.head {
  left: 16px;
  top: 16px;
  width: 366px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  color: #34393f;
}

div.coverbandmini div.coverbanditem.focus div.head {
  width: 387px;
  font-size: 19px;
}

div.coverbandmini div.title {
  left: 16px;
  top: 46px;
  width: 366px;
  height: 27px;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  color: #34393f;
}

div.coverbandmini div.coverbanditem.focus div.title {
  top: 50px;
  width: 387px;
  font-size: 21px;
}

div.coverbandmini div.foot {
  left: 16px;
  top: 84px;
  width: 366px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #34393f;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandmini div.coverbanditem.focus div.foot {
  top: 97px;
}

div.coverbandlarge {
  top: 32px;
  height: 456px;
}

div.coverbandlarge div.coverbanditem {
  width: 549px;
  height: 430px;
  background-color: #ffffff;
}

div.coverbandlarge div.coverbanditem.focus {
  width: 565px;
  height: 446px;
}

div.coverbandlarge div.vidinfo {
  left: 16px;
  top: 280px;
  color: #ffffff;
}

div.coverbandlarge div.coverbanditem.focus div.vidinfo {
  top: 288px;
}

div.coverbandlarge div.hshade {
  top: 275px;
  width: 549px;
}

div.coverbandlarge div.coverbanditem.focus div.hshade {
  top: 283px;
  width: 565px;
}

div.coverbandlarge div.focusbar {
  left: 0px;
  top: 442px;
  width: 565px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandlarge img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 549px;
  height: 309px;
}

div.coverbandlarge div.coverbanditem.focus img {
  width: 565px;
  height: 317px;
}

div.coverbandlarge div.head {
  left: 16px;
  top: 324px;
  width: 510px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  color: #34393f;
}

div.coverbandlarge div.coverbanditem.focus div.head {
  top: 331px;
  width: 536px;
  font-size: 19px;
}

div.coverbandlarge div.title {
  left: 16px;
  top: 351px;
  width: 510px;
  height: 27px;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  color: #34393f;
}

div.coverbandlarge div.coverbanditem.focus div.title {
  top: 363px;
  width: 536px;
  font-size: 21px;
}

div.coverbandlarge div.foot {
  left: 16px;
  top: 388px;
  width: 510px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #34393f;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandlarge div.coverbanditem.focus div.foot {
  top: 402px;
}

div.coverbandimgonly {
  top: 32px;
  height: 182px;
}

div.coverbandimgonly div.coverbanditem {
  width: 276px;
  height: 155px;
  background-color: #ffffff;
}

div.coverbandimgonly div.coverbanditem.focus {
  width: 292px;
  height: 171px;
}

div.coverbandimgonly div.focusbar {
  left: 0px;
  top: 167px;
  width: 292px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandimgonly img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 276px;
  height: 155px;
}

div.coverbandimgonly div.coverbanditem.focus img {
  width: 292px;
  height: 167px;
}

div.coverbandimgonly div.xtra {
  left: 0px;
  top: 126px;
  height: 24px;
  padding: 3px 9px;
  font-size: 19px;
  line-height: 23px;
  color: #ffffff;
  background-color: #fa7d19;
}

div.coverbandimgonly div.coverbanditem.focus div.xtra {
  top: 141px;
}

div.coverbandposter {
  top: 40px;
  height: 400px;
}

div.coverbandposter div.wrapper {
  margin: 0 8px;
  bottom: 51px;
}

div.coverbandposter div.coverbanditem {
  height: 374px;
  background-color: #ffffff;
}

div.coverbandposter div.coverbanditem.focus {
  width: 226px;
  height: 390px;
}

div.coverbandposter div.vidinfo {
  color: #ffffff;
  position: static;
  font-weight: normal;
  margin-top: 8px;
  padding-left: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandposter div.coverbanditem.focus div.wrapper {
  bottom: 59px;
}

div.coverbandposter div.hshadelg {
  top: 130px;
}

div.coverbandposter div.hshadelg-logo {
  top: auto;
  width: 100%;
}

div.coverbandposter div.coverbanditem.focus div.hshadelg {
  top: 141px;
  width: 226px;
}

div.coverbandposter div.coverbanditem.focus div.hshadelg-logo {
  top: auto;
  width: 100%;
}

div.coverbandposter div.focusbar {
  left: 0px;
  top: 386px;
  width: 226px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandposter div.foot span.label {
  white-space: nowrap;
}

div.coverbandposter img {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 374px;
}

div.coverbandposter div.coverbanditem.focus img {
  width: 226px;
  height: 390px;
}

div.coverbandposter img.logo {
  position: static;
  left: auto;
  top: auto;
  height: 87px;
}

div.coverbandposter div.coverbanditem.focus img.logo {
  height: 94px;
}

/* content label */
div.coverbandposter div.coverbanditem img.cl {
  position: absolute;
  left: auto;
  right: 8px;
  top: 16px;
  width: 76px;
  height: 34px;
}

div.coverbandposter div.head {
  position: static;
  height: 23px;
  font-size: 17px;
  line-height: 22px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandposter div.coverbanditem.focus div.head {
  font-size: 18px;
}

div.coverbandposter div.title {
  position: static;
  font-size: 19px;
  line-height: 26px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 8px;
}

div.coverbandposter div.coverbanditem.focus div.title {
  bottom: 100px;
  font-size: 20px;
}

div.coverbandposter div.foot {
  left: 8px;
  bottom: 12px;
  width: 200px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #34393f;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.coverbandposter div.coverbanditem.focus div.foot {
  bottom: 20px;
  font-size: 18px;
}

div.coverbandposter img.logo,
div.coverbandposter div.wrapper,
div.coverbandposter div.head,
div.coverbandposter div.title,
div.coverbandposter div.vidinfo {
  width: 194px;
}

div.coverbandposter img,
div.coverbandposter div.coverbanditem,
div.coverbandposter div.hshadelg,
div.coverbandposter div.coverbanditem.focus img.logo,
div.coverbandposter div.coverbanditem.focus div.wrapper,
div.coverbandposter div.coverbanditem.focus div.head,
div.coverbandposter div.coverbanditem.focus div.title,
div.coverbandposter div.coverbanditem.focus div.vidinfo {
  width: 210px;
}

div.coverbandvertical {
  top: 36px;
  width: 1280px;
}

div.coverbandvertical div.coverbanditem {
  width: 276px;
  height: 236px;
  background-color: #25292e;
}

div.coverbandvertical div.coverbanditem.focus {
  width: 292px;
  height: 252px;
}

div.coverbandvertical div.focusbar {
  left: 0px;
  top: 248px;
  width: 292px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.coverbandvertical img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 276px;
  height: 155px;
}

div.coverbandvertical div.coverbanditem.focus img {
  width: 292px;
  height: 164px;
}

div.coverbandvertical div.title {
  left: 12px;
  top: 181px;
  width: 260px;
  height: 60px;
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
  color: #ffffff;
}

div.coverbandvertical div.coverbanditem.focus div.title {
  left: 18px;
  top: 193px;
  width: 272px;
  font-size: 23px;
}

div.promobanner {
  background-color: #34393f;
}

div.promobanner img.bgimg {
  position: absolute;
  left: -12px;
  top: 0px;
  width: 1142px;
  height: 240px;
}

/* content label */
div.promobanner img.cl {
  position: absolute;
  right: 64px;
  top: 16px;
  width: 76px;
  height: 34px;
}

div.promobanner div.head {
  left: 65px;
  top: 40px;
  width: 520px;
  height: 23px;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

div.promobanner div.vidinfo {
  left: 65px;
  top: 165px;
  width: 340px;
  height: 23px;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.promobanner div.title {
  left: 65px;
  top: 70px;
  width: 520px;
  height: 93px;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
}

div.promobanner div.title.withLogo {
  top: 15px;
  height: 150px;
}

div.promobanner div.title.withLogo div.logoimg {
  width: 181px;
  position: relative;
}

div.promobanner div.title.withLogo img {
  width: 100%;
  height: auto;
}

div.promobanner div.title.withLogo span.tit {
  display: none;
}

div.promobanner div.hshade {
  left: 0;
  height: 240px;
  width: 776px;
  top: 0;
  background-image: url(shadow-promo.png);
  background-repeat: repeat-y;
}

div.promobanner.focus div.focusbar {
  display: block;
}

div.promobanner div.focusbar {
  left: 0;
  bottom: 0;
  width: 1130px;
  height: 4px;
  background-color: #fa7d19;
  display: none;
}

div.promobanner div.title span.tit {
  font-size: 22px;
  font-weight: bold;
  line-height: 28px;
}

div.promobanner div.title p.txt {
  margin: 6px 0px 0px 0px;
}

div.promobanner div.foot {
  left: 65px;
  top: 194px;
  width: 430px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.promobanner div.coverband {
  left: 460px;
  top: 48px;
  width: 670px;
  height: 174px;
}

div.promobanner div.coverband div.coverbanditem {
  top: 0px;
  width: 292px;
  height: 164px;
  margin: 0px;
}

div.promobanner div.coverband div.coverbanditem img {
  position: absolute;
  left: 8px;
  top: 9px;
  width: 276px;
  height: 155px;
}

div.promobanner div.coverband div.coverbanditem.focus img {
  left: 0px;
  top: 0px;
  width: 292px;
  height: 164px;
}

div.promobanner div.coverbanditem div.hshade {
  left: 8px;
  top: 130px;
  width: 276px;
}

div.promobanner div.coverbanditem.focus div.hshade {
  left: 0px;
  width: 292px;
}

div.promobanner div.coverbanditem div.vidinfo {
  left: 24px;
  top: 135px;
  color: #ffffff;
}

div.promobanner div.coverbanditem.focus div.vidinfo {
  left: 16px;
}

div.scleft,
div.scright {
  width: 25px;
  height: 40px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.scleft {
  background-position: -175px -170px;
}

div.scright {
  background-position: -205px -170px;
}

div.intropopup {
  left: 280px;
  top: 36px;
  width: 720px;
  height: 648px;
  background-color: #34393f;
}

div.intropopupimg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 406px;
}

div.intropopup div.text {
  left: 22px;
  top: 437px;
  width: 680px;
  color: #ffffff;
  font-size: 21px;
  line-height: 27px;
  max-height: 150px;
}

div.intropopup div.text p.title {
  margin: 0px 0px 5px 0px;
  font-size: 26px;
  line-height: 32px;
}

div.intropopup div.text span.link {
  color: #fa7d19;
}

div.intropopup div.bullet {
  top: 546px;
  width: 5px;
  height: 5px;
  background-color: #ffffff;
}

div.intropopup div.bullet.focus {
  background-color: #fa7d19;
}

div.intropopup div.introbuttons {
  left: 240px;
  top: 566px;
  width: 240px;
  height: 70px;
}

div.intropopup div.optbtn {
  left: 0px;
  width: 240px;
  height: 28px;
  padding-top: 2px;
  font-size: 21px;
  line-height: 25px;
  text-align: center;
  color: #34393f;
  background-color: #ffffff;
}

div.intropopup div.optbtn.focus {
  background-color: #fa7d19;
  color: #ffffff;
}

div.intropopup div.title {
  left: 22px;
  top: 383px;
  height: 29px;
  padding: 5px 8px 0px 35px;
  font-size: 21px;
  font-weight: bold;
  line-height: 25px;
  color: #ffffff;
  background-color: #fa7d19;
  max-width: 633px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.intropopup div.title.nomark {
  padding-left: 8px;
}

div.intropopup div.title div.menuelemicon {
  left: 5px;
  top: 1px;
}

div.intropopup div.link {
  left: 22px;
  top: 340px;
  width: 633px;
  height: 25px;
  font-size: 21px;
  line-height: 25px;
  color: #34393f;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

div.intropopup img.qrcode {
  position: absolute;
  left: 410px;
  top: 48px;
  width: 252px;
  height: 252px;
}

div.opttoggle {
  left: 406px;
  top: 23px;
  width: 64px;
  height: 32px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -100px -435px;
}

div.opttoggle.sel {
  background-position: -170px -245px;
}

div.optionbutton {
  overflow: visible;
  left: 150px;
  width: 1130px;
  height: 98px;
}

div.optionbutton div.optbutton {
  margin-top: 8px;
  margin-left: 8px;
  padding-left: 30px;
  padding-top: 26px;
  left: 90px;
  top: 8px;
  width: 464px;
  height: 52px;
  font-size: 24px;
  line-height: 27px;
  background-color: #25292e;
  color: #ffffff;
}

div.optionbutton div.optbutton.focus {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 32px;
  padding-top: 31px;
  width: 478px;
  height: 55px;
  background-color: #25292e;
  color: #ffffff;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-color: #fa7d19;
}

div.optionbutton div.optbutton div.optvalue {
  left: 0px;
  top: 26px;
  width: 470px;
  font-size: 24px;
  line-height: 27px;
  text-align: right;
  padding-bottom: 5px;
}

div.optionbutton div.optbutton.focus div.opttoggle,
div.optionbutton div.optbutton.focus div.optvalue {
  margin-left: 10px;
  margin-top: 5px;
}

div.optionbutton div.opttext {
  left: 678px;
  top: 10px;
  width: 368px;
  color: #ffffff;
  font-size: 24px;
  line-height: 27px;
  padding-bottom: 5px;
}

div.optionbutton.horizontal {
  overflow: visible;
  left: auto;
  width: 180px;
  height: 56px;
}

div.optionbutton.horizontal div.optbutton {
  margin-top: 0;
  margin-left: 0;
  padding-left: 16px;
  padding-top: 0;
  left: 0;
  top: 0;
  width: 150px;
  height: 56px;
  font-size: 20px;
  line-height: 56px;
}

div.optionbutton.horizontal div.opttext {
  display: none;
}

div.optionbutton.horizontal div.opttoggle {
  left: 116px;
  width: 48px;
  height: 24px;
  top: 16px;
}

div.optionbuttongroup {
  height: 64px;
  width: 628px;
}

div.optionbuttongroup div.optionbutton {
  overflow: visible;
  left: auto;
  width: 180px;
  height: 64px;
}

div.optionbuttongroup div.optionbutton div.optbutton {
  margin-top: 0;
  margin-left: 0;
  padding-left: 16px;
  padding-top: 0;
  left: 0;
  top: 0;
  width: 164px;
  height: 56px;
  font-size: 20px;
  line-height: 56px;
}

div.optionbuttongroup div.optionbutton div.opttext {
  display: none;
}

div.optionbuttongroup div.optionbutton div.opttoggle {
  left: 116px;
  width: 48px;
  height: 24px;
  top: 16px;
  background-image: url(player.png);
  background-position: -90px -318px;
}

div.optionbuttongroup div.options {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
}

div.optionbuttongroup div.optionbutton.focus div.optbutton {
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-color: #fa7d19;
}

div.optionbuttongroup div.optionbutton.active div.opttoggle {
  background-position: -90px -343px;
}

div.codelogin {
  left: 260px;
  width: 480px;
  height: 420px;
  padding-right: 400px;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
}

div.codelogin ul {
  margin: 10px 0px 0px 0px;
  border: 0;
}

div.codelogin img.qrcode {
  position: absolute;
  left: 600px;
  top: 2px;
  width: 270px;
  height: 270px;
}

div.codelogin div.code {
  left: 0px;
  top: 300px;
  padding: 10px 30px;
  font-size: 72px;
  line-height: 86px;
  color: #34393f;
  background-color: #a0a7aa;
}

div.charpopup div.bg {
  background-color: #34393f;
}

div.charpopup div.pointer {
  margin-top: 29px;
  width: 10px;
  height: 19px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -175px -105px;
}

div.charpopup div.char {
  margin-left: 4px;
  margin-top: 4px;
  width: 33px;
  height: 33px;
  font-size: 27px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
}

div.charpopup div.char.focus {
  margin-left: 0px;
  margin-top: 0px;
  border-style: solid;
  border-width: 4px;
  border-color: #fa7d19;
}

div.charpopup div.char.blank {
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -90px -105px;
}

div.charpopup div.char.del {
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -125px -105px;
}

div.charpopup div.char.search,
div.charpopup div.char.go {
  width: 73px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.charpopup div.char.search {
  background-position: -90px -140px;
}

div.charpopup div.char.go {
  background-position: -90px -180px;
}

div.textfield {
  width: 628px;
  height: 78px;
  background-color: #ffffff;
}

div.textfield.focus {
  margin-top: -4px;
  margin-left: -4px;
  border-style: solid;
  border-width: 4px;
  border-color: #fa7d19;
}

div.textfield div.text {
  left: 0px;
  top: 26px;
  height: 30px;
  padding-left: 30px;
  font-size: 22px;
  line-height: 27px;
  white-space: nowrap;
  color: #34393f;
}

div.textfield div.descrtext {
  left: 0px;
  top: 26px;
  width: 100%;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  color: #dcdce0;
}

div.textfield.srchsuggest {
  width: 598px;
  height: 41px;
  padding-left: 30px;
  padding-top: 26px;
  font-size: 22px;
  line-height: 27px;
  padding-top: 15px;
  background-color: #25292e;
  color: #ffffff;
}

div.textfield span.cursor {
  padding-left: 3px;
  color: #fa7d19;
}

div.player,
div.playerscene {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
}

div.playerscene div.scenetitle {
  width: 576px;
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  color: #fff;
  top: 64px;
  left: 64px;
}

div.teaserbgshade,
div.playerbgshade {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
}

div.playerbgshade {
  background-repeat: repeat-x;
  background-image: url(playerbg.png);
}

div.teaserbgshade {
  background-color: #25292e;
  opacity: 0.5;
}

div.playerbg {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
  background-color: #34393d;
  opacity: 0.8;
}

div.playerbg.lang {
  background-color: #25292e;
}

img.playerbgimg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
  display: none;
}

div.playerloading {
  left: 640px;
  top: 361px;
}

div.player div.coverbandtitle {
  color: #ffffff;
}

div.player .uhdlabel {
  top: 34px;
  right: 38px;
  height: 26px;
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  color: #ffffff;
  text-align: right;
  display: none;
}

div.playermsg {
  left: 160px;
  top: 44px;
  width: 880px;
  padding: 20px 40px;
  font-size: 27px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  background-color: #34393d;
}

div.playermsg p.title {
  color: #fa7d19;
  margin: 0px 0px 8px 0px;
}

div.playertitle {
  left: 162px;
  top: 60px;
  width: 950px;
  height: 66px;
  font-size: 27px;
  line-height: 32px;
  color: #ffffff;
}

/* player header for title and content owner */
div.playerheader {
  left: 162px;
  top: 60px;
  width: 950px;
  height: 112px;
  color: #ffffff;
}

div.playerheader div.title {
  width: 950px;
  max-height: 66px;
  font-size: 27px;
  line-height: 32px;
  margin-bottom: 16px;
  position: relative;
  float: left;
}

div.playerheader div.contentowner {
  width: 950px;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  overflow: visible;
  white-space: nowrap;
  position: relative;
  float: left;
}

div.playerheader div.contentowner span.link {
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
}

div.playerheader div.contentowner.focus span.link {
  border-bottom-width: 2px;
}

div.playerheader div.contentowner span.icon {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: 0px -500px;
}

div.playerbar {
  left: 200px;
  top: 400px;
  width: 1040px;
  height: 134px;
}

div.playerbar img.ebicon {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 20px;
  width: 20px;
  height: 20px;
}

div.playerbar div.bullet {
  top: 97px;
  width: 11px;
  height: 11px;
  margin-left: 37px;
  border-radius: 11px;
  background-color: #ffffff;
  overflow: visible;
}

div.playerbar div.bullet.ispast {
  background-color: #fa7d19;
}

div.playerbar div.bullet img.ebicon {
  left: -4px;
  top: 14px;
}

div.playerbar div.bubble {
  bottom: 45px;
  width: 280px;
  margin-left: 7px;
  padding: 5px 10px 7px 10px;
  font-size: 19px;
  line-height: 21px;
  color: #ffffff;
  background-color: #34393d;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #fa7d19;
  display: none;
}

div.playerbar div.bubble.withebicon {
  padding-left: 30px;
}

div.playerbar div.bubblearrow {
  top: 87px;
  width: 0px;
  height: 0px;
  margin-left: 33px;
  border-style: solid;
  border-width: 10px;
  border-color: transparent;
  border-top-color: #34393d;
  display: none;
}

div.playerprog {
  left: 242px;
  top: 500px;
  width: 796px;
  height: 5px;
  background-color: #ffffff;
}

div.playerprog div.progfg {
  left: 0px;
  top: 0px;
  height: 5px;
  background-color: #fa7d19;
}

div.playerprogt1,
div.playerprogt2 {
  top: 491px;
  width: 80px;
  height: 24px;
  font-size: 19px;
  line-height: 21px;
  color: #ffffff;
}

div.playerprogt1 {
  left: 162px;
}

div.playerprogt2 {
  left: 1038px;
  text-align: right;
}

div.playercaption,
div.teaserextrabtn div.caption {
  margin-left: -200px;
  width: 400px;
  height: 32px;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  display: none;
  overflow: visible;
}

div.playercaption div.playercaption-inner {
  position: relative;
  display: inline-block;
  padding: 3px 10px 4px 10px;
  background-color: #34393d;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #fa7d19;
}

div.focus div.playercaption,
div.teaserextrabtn.focus div.caption {
  display: block;
}

div.playercaption span,
div.teaserextrabtn div.caption span {
  padding: 3px 10px 4px 10px;
  background-color: #34393d;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #fa7d19;
}

div.playercontrols {
  left: 420px;
  top: 316px;
  width: 440px;
  height: 130px;
}

div.playerctrlbtn {
  top: 0px;
  width: 200px;
  height: 130px;
  opacity: 0.5;
}

div.playerctrlbtn.focus {
  opacity: 1;
}

div.playerctrlbtn div.playercaption {
  left: 100px;
  top: 94px;
}

div.playerctrlbtn div.picon {
  top: 0px;
  left: 60px;
  width: 80px;
  height: 88px;
  background-image: url(player.png);
}

div.playerctrlbtn.play,
div.playerctrlbtn.pause {
  left: 120px;
}

div.playerctrlbtn.rew {
  left: 0px;
}

div.playerctrlbtn.ffwd {
  left: 240px;
}

div.playerctrlbtn.play div.picon {
  background-position: 0px 0px;
}

div.playerctrlbtn.pause div.picon {
  background-position: 0px -90px;
}

div.playerctrlbtn.rew div.picon {
  background-position: 0px -180px;
}

div.playerctrlbtn.ffwd div.picon {
  background-position: 0px -270px;
}

div.playerback1 {
  left: 162px;
  top: 545px;
  width: 200px;
  height: 35px;
  padding-left: 22px;
  padding-top: 3px;
  font-size: 20px;
  line-height: 22px;
  color: #ffffff;
  opacity: 0.5;
  overflow: visible;
}

div.playerback1.focus {
  opacity: 1;
}

div.playerback1 div.picon {
  left: 0px;
  top: 0px;
  width: 20px;
  height: 29px;
  background-image: url(player.png);
  background-position: -120px -200px;
}

div.playerback1 span {
  padding: 3px 8px 4px 8px;
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
}

div.playerback1.focus span {
  border-bottom-width: 2px;
}

div.playerlive {
  left: 920px;
  top: 545px;
  width: 178px;
  height: 35px;
  padding-right: 22px;
  padding-top: 3px;
  font-size: 20px;
  line-height: 22px;
  color: #ffffff;
  text-align: right;
  opacity: 0.5;
}

div.playerlive.focus {
  opacity: 1;
}

div.playerlive div.picon {
  left: 180px;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url(player.png);
  background-position: -130px -230px;
}

div.playerlive span {
  padding: 3px 8px 4px 8px;
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
}

div.playerlive.focus span {
  border-bottom-width: 2px;
}

div.playerxtrabtns {
  left: 430px;
  top: 540px;
  width: 680px;
  height: 85px;
  overflow: visible;
}

div.playerxtrabtns.btns1 {
  left: 540px;
}

div.playerxtrabtns.btns2 {
  left: 492px;
}

div.playerxtrabtns.btns3 {
  left: 444px;
}

div.playerxtrabtns.btns4 {
  left: 396px;
}

div.playerxtrabtns.btns5 {
  left: 348px;
}

div.playerxtrabtn,
div.teaserextrabtn,
div.highlightplayerbtn {
  top: 0px;
  width: 200px;
  height: 85px;
  opacity: 0.5;
  overflow: visible;
}

div.playerxtrabtn.focus,
div.teaserextrabtn.focus,
div.highlightplayerbtn.focus {
  opacity: 1;
}

div.playerxtrabtn.pos1 {
  left: 0px;
}

div.playerxtrabtn.pos2 {
  left: 96px;
}

div.playerxtrabtn.pos3 {
  left: 192px;
}

div.playerxtrabtn.pos4 {
  left: 288px;
}

div.playerxtrabtn.pos5 {
  left: 384px;
}

div.playerxtrabtn div.piconbg,
div.teaserextrabtn div.piconbg,
div.highlightplayerbtn div.piconbg {
  left: 80px;
  top: 0px;
  width: 40px;
  height: 40px;
  background-image: url(player.png);
  background-position: -90px 0px;
}

div.playerxtrabtn div.picon,
div.teaserextrabtn div.picon {
  left: 6px;
  top: 6px;
  width: 29px;
  height: 29px;
  background-image: url(player.png);
}

div.playerxtrabtn div.picon.mark,
div.teaserextrabtn div.picon.mark {
  background-position: -90px -50px;
}

div.playerxtrabtn div.picon.lang,
div.teaserextrabtn div.picon.lang {
  background-position: -90px -80px;
}

div.playerxtrabtn div.picon.info {
  background-position: -90px -110px;
}

div.playerxtrabtn div.picon.more {
  background-position: -90px -140px;
}

div.playerxtrabtn div.picon.next {
  background-position: -90px -170px;
}

div.playerxtrabtn div.picon.back {
  background-position: -90px -200px;
}

div.playerxtrabtn div.picon.marksel,
div.teaserextrabtn.active div.picon.mark {
  background-position: -120px -50px;
}

div.playerxtrabtn div.picon.langsel,
div.teaserextrabtn.active div.picon.lang {
  background-position: -120px -80px;
}

div.playerxtrabtn div.picon.highlightplayer,
div.teaserextrabtn.active div.picon.highlightplayer {
  background-position: -148px -51px;
}

div.playerxtrabtn div.playercaption {
  left: 100px;
  top: 50px;
}

div.playerxtrabtn.playerback2 {
  left: 540px;
  top: 40px;
}

div.playerxtrabtn div.piconbg.back2 {
  background-position: -132px 0px;
}

div.playerxtrabtn div.picon.back2 {
  left: 12px;
  top: 14px;
  width: 16px;
  height: 12px;
  background-position: -150px -180px;
}

div.playerrecom1 {
  left: 0px;
  top: 625px;
  width: 1280px;
  height: 370px;
}

div.playeroptarea {
  top: 160px;
  width: 368px;
  height: 332px;
}

div.playeroptarea.pos1 {
  left: 64px;
}

div.playeroptarea.pos2 {
  left: 456px;
}

div.playeroptarea.pos3 {
  left: 848px;
}

div.playeropthead {
  left: 50px;
  top: 0px;
  width: 330px;
  height: 31px;
  font-size: 27px;
  line-height: 32px;
  color: #ffffff;
}

div.playeropt {
  width: 318px;
  min-height: 26px;
  margin-top: 55px;
  padding: 12px 0px 12px 50px;
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
  font-size: 22px;
  line-height: 27px;
  color: #ffffff;
}

div.playeropt.focus {
  background-color: #ffffff;
  color: #343638;
  border-bottom-width: 4px;
}

div.playeropt div.sel {
  left: 8px;
  top: 12px;
  width: 35px;
  height: 26px;
  background-image: url(player.png);
  background-position: -90px -230px;
  display: none;
}

div.playeroptinfo {
  left: 360px;
  top: 550px;
  width: 600px;
  height: 40px;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
  opacity: 0.5;
}

div.playeroptinfo.focus {
  opacity: 1;
}

div.playeropttoggle {
  left: 490px;
  top: 2px;
  width: 54px;
  height: 28px;
  background-image: url(player.png);
  background-position: -90px -260px;
}

div.playeropttoggle.sel {
  background-position: -90px -290px;
}

/*
 * Refactored player options
 */
div.playerscene.options div.grid {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
}

div.playerscene.options div.area {
  top: 124px;
  /* top: 200; */
  width: 446px;
  height: 298px;
}

div.playerscene.options div.area.pos0 {
  left: 154px;
}

div.playerscene.options div.area.pos1 {
  left: 680px;
}

div.playerscene.options div.area.pos2 {
  left: 154px;
  top: 422px;
  /* top: 498px; */
}

div.playerscene.options div.area.pos3 {
  left: 680px;
  top: 422px;
  /* top: 498px; */
}

div.playerscene.options div.area div.header {
  left: 0px;
  top: 0px;
  width: 330px;
  height: 34px;
  font-size: 30px;
  line-height: 34px;
  color: #ffffff;
}

div.playerscene.options div.area div.option {
  left: 8px;
  width: 366px;
  height: 30px;
  padding: 8px 64px 4px 8px;
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.playerscene.options div.area div.option.focus {
  background-color: #ffffff;
  color: #34393f;
  border-bottom-width: 4px;
}

div.playerscene.options div.area div.option div.icon {
  right: 16px;
  top: 10px;
  width: 30px;
  height: 23px;
  background-image: url(player.png);
  background-position: -140px -201px;
  display: none;
}

div.playerscene.options div.area div.option.active div.icon {
  display: block;
}

div.playerscene.options div.area div.save {
  left: 16px;
  width: 332px;
  height: 24px;
  padding: 16px 60px 16px 16px;
  border-style: solid;
  border-width: 0px;
  border-color: #fa7d19;
  background-color: #25292e;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.playerscene.options div.area div.save.focus {
  border-bottom-width: 4px;
}

div.playerscene.options div.area div.save div.toggle {
  right: 16px;
  top: 16px;
  width: 48px;
  height: 24px;
  background-image: url(player.png);
  background-position: -90px -318px;
}

div.playerscene.options div.area div.save.active div.toggle {
  background-position: -90px -343px;
}

div.playerresume {
  left: 485px;
  top: 314px;
  width: 330px;
  height: 98px;
  background-color: #34393d;
}

div.playerresumeopt {
  left: 15px;
  width: 300px;
  height: 30px;
  padding-top: 4px;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  background-color: #ffffff;
  color: #343638;
}

div.playerresumeopt.focus {
  background-color: #fa7d19;
  color: #ffffff;
}

div.playerresumeopt.pos1 {
  top: 12px;
}

div.playerresumeopt.pos2 {
  top: 52px;
}

div.playerskip {
  right: 165px;
  top: 536px;
  height: 40px;
  padding: 10px 50px 0px 18px;
  font-size: 22px;
  line-height: 27px;
  background-color: #ffffff;
  color: #343638;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-color: #fa7d19;
}

div.playerskip div.skipicon {
  right: 14px;
  top: 11px;
  width: 29px;
  height: 29px;
  background-image: url(player.png);
  background-position: -90px -170px;
}

div.playernext {
  left: 246px;
  top: 200px;
  width: 800px;
  height: 320px;
}

div.playernextinfo {
  left: 0px;
  top: 0px;
  width: 600px;
  height: 30px;
  font-size: 22px;
  line-height: 27px;
  color: #ffffff;
}

div.playernextinfo span.countdown {
  color: #fa7d19;
}

img.playernextimg {
  position: absolute;
  left: 0px;
  top: 30px;
  width: 448px;
  height: 252px;
  border-style: solid;
  border-width: 0px 0px 6px 0px;
  border-color: #fa7d19;
}

div.playernext div.hshade {
  left: 0px;
  top: 248px;
  width: 448px;
}

div.playernext div.vidinfo {
  left: 16px;
  top: 254px;
  color: #ffffff;
}

div.playernext div.head {
  left: 463px;
  top: 42px;
  width: 320px;
  height: 23px;
  font-size: 19px;
  line-height: 22px;
  color: #ffffff;
}

div.playernext div.title {
  left: 463px;
  top: 77px;
  width: 320px;
  height: 174px;
  font-size: 21px;
  line-height: 27px;
  font-weight: bold;
  color: #ffffff;
}

div.playernext div.title p.txt {
  margin: 10px 0px 0px 0px;
  font-weight: normal;
}

div.playerinfo {
  left: 268px;
  top: 144px;
  width: 750px;
  height: 576px;
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
}

div.playerinfo p {
  margin: 0px 0px 8px 0px;
}

div.playerinfo p.title {
  font-size: 27px;
  line-height: 32px;
  margin-bottom: 24px;
}

div.playerinfo p.text {
  margin-bottom: 16px;
}

div.playerinfo p.series {
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 16px;
}

div.playerinfo p span.label {
  color: #ffffff;
  background-color: #fa7d19;
  padding: 5px 10px;
  margin-right: 2px;
}

div.fskwindow {
  left: 240px;
  top: 100px;
  width: 740px;
  padding: 30px;
  font-size: 21px;
  line-height: 25px;
  color: #ffffff;
  background-color: #34393f;
}

div.fskwindow ol {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 40px;
}

div.fskwindow ol li {
  margin: 0px;
  padding: 0px;
}

div.fskwindow div.pindigit {
  left: 266px;
  top: 192px;
  width: 65px;
  height: 59px;
  padding-top: 5px;
  text-align: center;
  color: #34393f;
  background-color: #ffffff;
}

div.fskwindow div.pindigit.focus {
  border-style: solid;
  border-width: 0px 0px 8px 0px;
  border-color: #fa7d19;
}

div.fskwindow div.pindigit div.cycle {
  left: 25px;
  width: 15px;
  height: 9px;
  display: none;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.fskwindow div.pindigit.focus div.cycle {
  display: block;
}

div.fskwindow div.pindigit div.cycle.up {
  top: 2px;
  background-position: -175px -150px;
}

div.fskwindow div.pindigit div.cycle.dn {
  top: 53px;
  background-position: -175px -140px;
}

div.fskwindow div.pindigit span.num {
  font-size: 40px;
  line-height: 51px;
}

div.fskwindow div.pindigit span.pwd {
  font-size: 80px;
  line-height: 82px;
}

div.fskwindow img.qrlink {
  float: right;
  margin: 0px 0px 10px 10px;
}

div.fskwindow img.qrlink.lg {
  width: 200px;
  height: 200px;
}

div.fskwindow img.qrlink.sm {
  width: 90px;
  height: 90px;
}

div.fskwindow p.head {
  margin: 0px 0px 5px 0px;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}

div.fskwindow p.buttons {
  line-height: 28px;
}

div.fskwindow span.btn {
  padding: 3px 10px 4px 10px;
  margin-right: 10px;
  color: #34393f;
  background-color: #ffffff;
}

div.fskwindow span.btn.nofocus {
  opacity: 0.7;
}

div.fskwindow span.error {
  color: #fa1020;
}

div.fskwindow span.link {
  color: #fa7d19;
}

/*
 * next video (30 sec) player scene
 */
div.playerscene.next-video {
  left: 865px;
  top: 0;
  width: 415px;
  height: 720px;
  background-image: url(next_video_overlay.png);
}

div.playerscene.next-video div.content {
  left: 50px;
  top: 262px;
  width: 365px;
  height: 460px;
}

div.playerscene.next-video div.title {
  left: 8px;
  top: 0;
  width: 202px;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  color: #ffffff;
}

div.playerscene.next-video div.tile {
  left: 8px;
  top: 40px;
  width: 276px;
  height: 289px;
  color: #ffffff;
  background-color: #25292e;
}

div.playerscene.next-video div.tile.focus {
  left: 0px;
  top: 32px;
  width: 292px;
  height: 301px;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-color: #fa7d19;
}

div.playerscene.next-video div.tile img {
  left: 0;
  top: 0;
  width: 276px;
  height: 155px;
}

div.playerscene.next-video div.tile.focus img {
  width: 292px;
  height: 163px;
}

div.playerscene.next-video div.tile div.wrapper {
  left: 16px;
  top: 155px;
  width: 276px;
  height: 134px;
  padding: 16px 8px 16px 0;
}

div.playerscene.next-video div.tile.focus div.wrapper {
  top: 163px;
  width: 292px;
  height: 138px;
}

div.playerscene.next-video div.tile div.wrapper div.overline,
div.playerscene.next-video div.tile div.wrapper div.txt,
div.playerscene.next-video div.tile div.wrapper div.infoline {
  width: 244px;
  height: 22px;
  font-size: 18px;
  line-height: 22px;
}

div.playerscene.next-video div.tile div.wrapper div.overline {
  top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.playerscene.next-video div.tile div.wrapper div.txt {
  top: 33px;
  height: 48px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
}

div.playerscene.next-video div.tile div.wrapper div.infoline {
  top: 89px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.playerscene.next-video div.tile.focus div.wrapper div.overline,
div.playerscene.next-video div.tile.focus div.wrapper div.txt,
div.playerscene.next-video div.tile.focus div.wrapper div.infoline {
  width: 260px;
  font-size: 19px;
}

div.playerscene.next-video div.tile.focus div.wrapper div.txt {
  font-size: 21px;
}

div.playerscene.next-video div.button {
  left: 8px;
  top: 353px;
  width: 276px;
  height: 54px;
  line-height: 54px;
  font-size: 22px;
  text-align: center;
  color: #34393f;
  margin: 0;
  padding: 0;
}

div.playerscene.next-video div.button.focus {
  left: 0px;
  top: 349px;
  width: 292px;
  height: 62px;
  line-height: 62px;
  font-size: 23px;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-color: #fa7d19;
  background-color: #ffffff !important;
}

/*
 * player teaser scene
 */
div.teaserscene,
div.controlsscene {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
  opacity: 0;
}

div.teaserscene div.bgshade {
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px;
  background-color: #25292e;
  opacity: 0.5;
}

div.teaserscene div.overline {
  left: 60px;
  top: 98px;
  width: 457px;
  height: 21px;
  line-height: 21px;
  font-weight: normal;
  font-size: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
}

div.teaserscene div.title {
  left: 60px;
  top: 123px;
  width: 457px;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  font-size: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
}

div.teaserscene div.text {
  left: 60px;
  top: 163px;
  width: 457px;
  height: 96px;
  line-height: 24px;
  font-weight: normal;
  font-size: 18px;
  color: #cccccc;
}

div.teaserscene div.labels {
  left: 60px;
  top: 277px;
  width: 457px;
}

div.teaserscene div.labels span.label {
  line-height: 29px;
  font-weight: normal;
  font-size: 18px;
  color: #25292e;
  background-color: #999999;
  margin-right: 10px;
  padding: 4px 7px 3px 7px;
}

div.teaserscene div.buttons {
  left: 60px;
  top: 432px;
  width: 457px;
  height: 85px;
  overflow: visible;
}

div.teaserextrabtn {
  width: 40px;
}

div.teaserextrabtn div.piconbg {
  left: 0;
}

div.teaserextrabtn div.caption {
  left: 20px;
  top: 56px;
  margin-top: 3px;
}

div.teaserscene div.back {
  left: 540px;
  bottom: 40px;
  width: 200px;
  height: 40px;
  overflow: visible;
}

div.teaserscene div.back div.piconbg {
  left: 80px;
  top: 0px;
  width: 40px;
  height: 40px;
  background-image: url(player.png);
  background-position: -132px 0px;
  opacity: 0.6;
}

div.teaserscene div.back div.picon {
  left: 92px;
  top: 15px;
  width: 16px;
  height: 12px;
  background-image: url(player.png);
  background-position: -150px -150px;
}

div.matchinfo {
  left: 10px;
  width: 1130px;
  top: 10px;
  height: 233px;
}

div.team {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  width: 242px;
  top: 52px;
  left: 50%;
  font-weight: bold;
}

div.team.home {
  text-align: right;
  margin-left: -452px;
}

div.team.away {
  margin-left: 212px;
}

img.team-logo {
  width: 68px;
  height: 68px;
  top: 36px;
  left: 50%;
  margin-left: -34px;
  position: absolute;
}

img.team-logo.home {
  margin-left: -177px;
}

img.team-logo.away {
  margin-left: 112px;
}

div.score {
  width: 220px;
  left: 50%;
  margin-left: -110px;
  text-align: center;
  font-weight: bold;
}

div.currentscore {
  font-size: 56px;
  line-height: 60px;
  top: 38px;
}

div.currentscore div.score-info {
  font-size: 24px;
  line-height: 42px;
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  vertical-align: bottom;
}

div.halftimescore {
  font-size: 24px;
  line-height: 32px;
  top: 98px;
}

div.matchinfo.live div.score {
  color: #fa7d19;
}

div.matchinfo table.scoring {
  position: absolute;
  top: 135px;
  left: 40px;
  width: 1050px;
}

table.scoring td {
  width: 228px;
  white-space: nowrap;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
}

table.scoring td.home {
  text-align: right;
}

table.scoring td.home-one,
table.scoring td.away-one {
  padding-right: 10px;
  text-align: left;
}

table.scoring td.home-two {
  padding-right: 136px;
}

table.scoring tr.info {
  height: 16px;
  font-size: 14px;
  line-height: 22px;
}

div.srchheadline {
  line-height: 32px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

div.teaser-overlay {
  top: 0px;
  left: 150px;
  width: 1130px;
  height: 720px;
}

/*
 * Teaser overlay
 */

/* background */
div.teaser-overlay > div.bg {
  width: 100%;
  height: 100%;
  background-color: #0d1118;
  opacity: 0.51;
}

/* content */
div.teaser-overlay > div.content {
  top: 0px;
  left: 687px;
  width: 443px;
  height: 720px;
  background-color: #34393f;
}

/* content elements */
div.teaser-overlay div.buttons,
div.teaser-overlay div.overline,
div.teaser-overlay div.wrapper,
div.teaser-overlay div.subtext,
div.teaser-overlay div.labels {
  left: 30px;
  width: 363px;
}

/* images */
div.teaser-overlay img.fallback,
div.teaser-overlay img.preview {
  position: absolute;
  top: -36px;
  left: 0px;
  width: 443px;
  height: 248px;
  display: none;
}

/* top buttons */
div.teaser-overlay div.buttons.top {
  top: 128px;
  height: 64px;
  overflow: visible;
}

div.teaser-overlay div.buttons.top div.btn {
  top: 0px;
}

/* overline */
div.teaser-overlay div.overline {
  top: 228px;
  height: 22px;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* title / text */
div.teaser-overlay div.wrapper {
  top: 262px;
  height: 204px;
  width: 413px;
}

div.teaser-overlay div.title {
  position: static;
  width: 100%;
  max-height: 48px;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
}

div.teaser-overlay div.text {
  position: static;
  width: 100%;
  max-height: 144px;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  opacity: 0.8;
  margin-top: 12px;
}

/* date / infoline */
div.teaser-overlay div.subtext {
  top: 471px;
  height: 48px;
  font-size: 18px;
  line-height: 24px;
  color: #fcfcfc;
  opacity: 0.6;
}

/* labels */
div.teaser-overlay div.labels {
  top: 533px;
  height: 29px;
}

div.teaser-overlay div.labels span.label {
  line-height: 29px;
  font-weight: normal;
  font-size: 18px;
  color: #25292e;
  background-color: #999999;
  margin-right: 10px;
  padding: 4px 7px 3px 7px;
}

/* bottom buttons */
div.teaser-overlay div.buttons.bottom {
  height: 108px;
}

div.teaser-overlay div.buttons.bottom div.btn {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-bottom: 8px;
}

div.teaser-overlay div.buttons.bottom div.btn div.bg {
  width: 100%;
  height: 100%;
  background-color: #979797;
  opacity: 0.2;
}

div.teaser-overlay div.buttons.bottom div.btn.focus div.bg {
  background-color: #fa7d19;
  opacity: 1;
}

div.teaser-overlay div.buttons.bottom div.btn div.txt {
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/*
 * Notification
 */
div.notification {
  bottom: 0;
  right: 0;
  width: 728px;
  height: 543px;
  display: none;
}

div.notification.teaser,
div.notification.accessibility {
  background-image: url(teaser_notify.png);
}

div.notification div.text {
  bottom: 66px;
  left: 425px;
  width: 300px;
  height: 42px;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
}

div.notification.accessibility div.icon {
  display: inline-block;
  width: 24px;
  height: 13px;
  border-radius: 3px;
  background-color: #ffe700;
  margin-left: 8px;
  margin-top: 4px;
}

/*
* Next Video
*/
div.playerxtrabtn.nextvideobutton div.playercaption {
  left: 338px;
  top: -52px;
  background: #25292e;
  width: 244px;
  height: 128px;
  padding: 8px 16px;
  border-bottom: 2px solid #fa7d19;
}

div.playerxtrabtn.nextvideobutton div.infoline,
div.playerxtrabtn.nextvideobutton div.headline,
div.playerxtrabtn.nextvideobutton div.overline {
  position: static;
  left: 0;
  top: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.2;
}

div.playerxtrabtn.nextvideobutton div.infoline {
  margin-bottom: 16px;
}

div.playerxtrabtn.nextvideobutton div.overline {
  margin-bottom: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.playerxtrabtn.nextvideobutton div.headline {
  font-weight: bold;
  max-height: 48px;
}

/*
* Info overlay
*/
div#infooverlay {
  top: 307px;
  left: 348px;
  width: 584px;
  background: #343a3e;
  display: none;
  opacity: 0;
}

div#infooverlay div.text {
  position: relative;
  margin: 32px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
}

/*
 * CMP
 */
div.cmp-window,
div.cmp-bg {
  width: 1280px;
  height: 720px;
  top: 0px;
  left: 0px;
}

div.cmp-window {
  display: none;
}

div.cmp-window div.cmp-bg.settings {
  background-image: none;
  background-color: #34393f;
  opacity: 0.8;
}

div.cmp-window div.cmp-bg.mediathek {
  background-image: url(cmp_bg.jpg);
}

div.cmp-window div.cmp-bg.heute {
  background-image: url(cmp_bg_heute.jpg);
}

div.cmp-window div.cmp-bg.tivi {
  background-image: url(cmp_bg_tivi.jpg);
}

div.cmp-entry {
  width: 991px;
  height: 634px;
  left: 144px;
  top: 43px;
  color: #ffffff;
  background-color: #0d1118;
  display: none;
}

div.cmp-settings {
  top: 0px;
  left: 0px;
  width: 1280px;
  height: 720px;
  letter-spacing: 0.37px;
}

div.cmp-settings.focus {
  background-image: url(zdfm3cmpSettingsBg.png);
}

div.cmp-window div.cmp-entry div.headline {
  width: 887px;
  height: 32px;
  left: 52px;
  top: 40px;
  font-size: 28px;
  line-height: 32px;
}

div.cmp-window div.cmp-entry div.subline {
  width: 938px;
  height: 56px;
  left: 52px;
  top: 104px;
  font-size: 18px;
  line-height: 28px;
}

div.cmp-window div.cmp-entry div.buttons {
  width: 887px;
  height: 50px;
  left: 52px;
  top: 554px;
}

div.cmp-window div.cmp-entry div.buttons div.button {
  width: 280px;
  height: 50px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: #25292e;
  background-color: #ffffff;
}

div.cmp-window div.cmp-entry div.buttons div.button.focus {
  color: #ffffff;
  background-color: #fa7d19;
}

div.cmp-window div.cmp-entry div.buttons div.button.left {
  left: 0;
}

div.cmp-window div.cmp-entry div.buttons div.button.middle {
  left: 304px;
}

div.cmp-window div.cmp-entry div.buttons div.button.right {
  right: 0;
}

div.cmp-window div.cmp-entry div.scroll {
  right: 35px;
  width: 48px;
  height: 48px;
  display: none;
}

div.cmp-window div.cmp-entry div.scroll div.bg {
  width: 48px;
  height: 48px;
  background-color: #e8e8e8;
  border-radius: 24px;
  opacity: 0.2;
}

div.cmp-window div.cmp-entry div.scroll div.icon {
  top: 16px;
  left: 14px;
  width: 20px;
  height: 14px;
  background-image: url(icons-1_32_0-236bcdaf.png);
}

div.cmp-window div.cmp-entry div.scroll.active div.bg {
  opacity: 1;
}

div.cmp-window div.cmp-entry div.scroll.up {
  top: 33px;
}

div.cmp-window div.cmp-entry div.scroll.up div.icon {
  background-position: -126px -534px;
}

div.cmp-window div.cmp-entry div.scroll.down {
  bottom: 96px;
}

div.cmp-window div.cmp-entry div.scroll.down div.icon {
  top: 18px;
  background-position: -100px -534px;
}

div.cmp-window div.cmp-entry div.container div.text {
  width: 824px;
  font-size: 18px;
  line-height: 28px;
}

div.cmp-window div.cmp-entry div.container div.text p,
div.cmp-window div.cmp-entry div.container div.text ul {
  margin: 0 0 28px 0;
}

div.cmp-window div.cmp-entry div.container div.overlay {
  left: 0;
  width: 858px;
  height: 60px;
  z-index: 1;
}

div.cmp-window div.cmp-entry div.container div.overlay.top {
  top: 0;
  background-image: url(cmp_overlay_top.png);
}
div.cmp-window div.cmp-entry div.container div.overlay.bottom {
  bottom: 0;
  background-image: url(cmp_overlay_bottom.png);
}

div.cmp-window div.cmp-entry div.container {
  top: 66px;
  left: 52px;
  width: 824px;
  height: 476px;
}

div.cmp-window div.cmp-settings div.headline {
  width: 305px;
  height: 31px;
  font-size: 20.6px;
  color: #ffffff;
  font-style: bold;
}

div.cmp-window div.cmp-settings div.container div.subline1 {
  width: 100%;
  height: 92px;
  top: 44px;
  font-size: 18px;
  line-height: 23px;
  color: #d4d5d5;
}

div.cmp-window div.cmp-settings div.subline2 {
  width: 756px;
  height: 204px;
  top: 388px;
  left: 272px;
  font-size: 18px;
  line-height: 23px;
  color: #d4d5d5;
  text-align: center;
}

div.cmp-window div.cmp-settings div.subline2.bright {
  width: 995px;
  left: 142px;
}

div.cmp-window div.cmp-settings div.container {
  top: 60px;
  left: 262px;
  height: 582px;
  width: 805px;
}

div.cmp-window div.cmp-settings div.container div.overlay {
  left: 18px;
  display: none;
}

div.cmp-window div.cmp-settings div.container div.overlay.bottom {
  height: 24px;
  background-image: url(cmp_overlay_small_bottom.png);
}

div.cmp-window div.cmp-settings div.container div.option-buttons {
  top: 157px;
  left: 53px;
  width: 756px;
  height: 153px;
}

div.cmp-window div.cmp-settings div.sideButtons {
  display: inline-block;
  width: 212px;
  height: 65px;
  bottom: 32px;
  left: 1026px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  background: transparent;
  height: 28px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button.top {
  display: inline-block;
  width: 212px;
  top: 0px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button.bottom {
  display: inline-block;
  width: 212px;
  bottom: 0px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button div.sideButton-icon-focus-wrapper {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  right: 0px;
}

div.cmp-window div.cmp-settings div.sideButtons div.button.focus div.sideButton-icon-focus-wrapper {
  background-color: #fa7d19;
}

div.cmp-window div.cmp-settings div.sideButtons div.button div.sideButton-icon {
  width: 11px;
  height: 16px;
  top: 6px;
  left: 9px;
  background-size: contain;
  background-image: url(arrow-right.png);
}

div.cmp-window div.cmp-settings div.button.option {
  display: inline-block;
  width: 142px;
  height: 134px;
  top: 8.5px;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  background-color: #25292e;
  color: #ffffff;
}

div.cmp-window div.cmp-settings div.button.option div.option-icon {
  width: 24.5px;
  height: 24.5px;
  top: 86.7px;
  left: 59px;
  background-size: contain;
  background-image: url(option-check-white.png);
}

div.cmp-window div.cmp-settings div.button.option.inactive div.title {
  color: #96999c;
}

div.cmp-window div.cmp-settings div.button.option div.option-icon.disabled {
  background-image: url(option-check-gray.png);
}

div.cmp-window div.cmp-settings div.button div.option-icon {
}

div.cmp-window div.cmp-settings div.button.option.focus {
  transform: scale(1.1);
  border-bottom: 3.5px solid #fa7d19;
}

div.cmp-window div.cmp-settings div.button.option.first {
  left: 8.5px;
}

div.cmp-window div.cmp-settings div.button.option.second {
  left: 169px;
}

div.cmp-window div.cmp-settings div.button.option.third {
  left: 328px;
}

div.cmp-window div.cmp-settings div.button.option.fourth {
  left: 487px;
}

div.cmp-window div.cmp-settings div.button.option div.label {
  top: 23px;
  left: 686px;
  width: 64px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  text-align: right;
}

div.cmp-window div.cmp-settings div.button.option div.toggle {
  top: 23px;
  left: 758px;
  width: 64px;
  height: 32px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -100px -435px;
}

div.cmp-window div.cmp-settings div.button.option div.toggle.sel {
  background-position: -170px -245px;
}

div.cmp-window div.cmp-settings div.button.option div.toggle.disabled {
  background-position: 0px -630px;
}

div.cmp-window div.cmp-settings div.button.option div.icon {
  left: 774px;
  top: 28px;
  width: 31px;
  height: 23px;
  background-image: url(icons-1_32_0-236bcdaf.png);
  background-position: -170px -435px;
}

div.cmp-window div.cmp-settings div.button.option div.title {
  top: 35px;
  width: 100%;
  text-align: center;
  height: 38px;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
}

div.cmp-window div.cmp-settings div.button.option.fourth div.title {
  line-height: 38px;
}
div.cmp-window div.cmp-settings div.container div.option-buttons.option-length-3 {
  left: 140px;
  width: 475px;
}
div.cmp-window div.cmp-settings div.option-buttons.option-length-3 div.button.option.fourth {
  left: 328px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.txt {
  display: block;
}

div.cmp-window div.cmp-settings div.button.option.focus div.icon {
  left: 818px;
  top: 89px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.label {
  top: 105px;
  left: 732px;
}

div.cmp-window div.cmp-settings div.button.option.focus div.toggle {
  top: 105px;
  left: 804px;
}

div.cmp-window div.cmp-settings div.container.top div.button.option.middle {
  top: 274px;
}

div.cmp-window div.cmp-settings div.container.top div.button.option.bottom {
  top: 362px;
}

div.cmp-window div.cmp-settings div.container.top div.overlay.bottom {
  display: block;
}

div.cmp-window div.cmp-settings div.container.middle div.button.option.bottom {
  top: 363px;
}

div.cmp-window div.cmp-settings div.container.middle div.overlay.top,
div.cmp-window div.cmp-settings div.container.middle div.overlay.bottom {
  display: block;
}

div.cmp-window div.cmp-settings div.container.bottom div.button.option.top {
  top: -23px;
}

div.cmp-window div.cmp-settings div.container.bottom div.button.option.middle {
  top: 65px;
}

div.cmp-window div.cmp-settings div.container.bottom div.button.option.bottom {
  top: 153px;
}

div.cmp-window div.cmp-settings div.container.bottom div.overlay.top {
  display: block;
}

div.cmp-window div.cmp-settings div.buttons {
  width: 560px;
  height: 40px;
  bottom: 0px;
  left: 121px;
}

div.cmp-window div.cmp-settings div.buttons div.button {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  height: 39px;
  color: #ffffff;
  background-color: #5c6166;
}

div.cmp-window div.cmp-settings div.buttons div.button.focus {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  color: #ffffff;
  background-color: #fa7d19;
}

div.cmp-window div.buttons div.button div.round-border-right {
  display: inline-block;
  right: 0px;
  background-image: url(buttonRoundPartRight.png);
  height: 39px;
  width: 19.5px;
}

div.cmp-window div.buttons div.button div.round-border-left {
  display: inline-block;
  left: 0px;
  background-image: url(buttonRoundPartLeft.png);
  height: 39px;
  width: 19.5px;
}

div.cmp-window div.buttons div.button.focus div.round-border-right {
  display: inline-block;
  right: 0px;
  background-image: url(buttonRoundPartRightFocus.png);
  height: 39px;
  width: 19.5px;
}

div.cmp-window div.buttons div.button.focus div.round-border-left {
  display: inline-block;
  left: 0px;
  background-image: url(buttonRoundPartLeftFocus.png);
  height: 39px;
  width: 19.5px;
}

div.cmp-window div.cmp-settings div.buttons div.button.focus div.button-title {
  background-color: #fa7d19;
}

div.cmp-window div.cmp-settings div.buttons div.button div.button-title {
  background-color: #5c6166;
  height: 39px;
  left: 19px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  line-height: 39px;
}

div.cmp-window div.cmp-settings div.buttons div.button.left {
  background-color: transparent;
  width: 170px;
}

div.cmp-window div.cmp-settings div.buttons div.button.left div.button-title {
  width: 132px;
}

div.cmp-window div.cmp-settings div.buttons div.button.middle {
  background-color: transparent;
  width: 150px;
  left: 186px;
}

div.cmp-window div.cmp-settings div.buttons div.button.middle div.button-title {
  width: 112px;
}

div.cmp-window div.cmp-settings div.buttons div.button.right {
  background-color: transparent;
  width: 190px;
  left: 352px;
}

div.cmp-window div.cmp-settings div.buttons div.button.right div.button-title {
  width: 152px;
}

div.hide {
  display: none;
}